How To: Retrieve User Data on Different Devices

// Required parameters
const secretKey = process.env.EMBEDDABLES_LOAD_ENTRY_SECRET_KEY
const projectId = "proj_aaabbbccc"             // Your Project ID
const entryId = "entry_aaabbbcccdddeeefff"     // The ID of the user's entry
const expiresAt = "2025-01-01T00:00:00.000Z"   // ISO format timestamp

// Generate the hash
const stringToHash = `${secretKey}---${entryId}---${expiresAt}`
const token = sha256(stringToHash, 'utf8', 'hex')

// Construct the final URL
const url = `https://yourwebsite.com/flow?token=${token}&entry_id=${entryId}&expires_at=${expiresAt}`

// @TODO: Replace these with your own values
const EMBEDDABLE_ID = '<EMBEDDABLE_ID>'  // Your Embeddable ID
const PROJECT_ID = '<PROJECT_ID>'        // Your Project ID
const TOKEN_URL_PARAM_KEY = 'token'
const ENTRY_ID_URL_PARAM_KEY = 'entry_id'
const EXPIRY_URL_PARAM_KEY = 'expires_at'

// All Actions must contain a function called output()
function output(userData, helperFunctions, triggerContext) {
  // Grab the token from the URL
  const urlParams = (new URL(window.location)).searchParams
  const token = urlParams.get(TOKEN_URL_PARAM_KEY)
  const entryId = urlParams.get(ENTRY_ID_URL_PARAM_KEY)
  const expiresAt = urlParams.get(EXPIRY_URL_PARAM_KEY)

  // If we don't have all of token + entry ID + expiry date,
  // stop here (this is a new user or the provided data is incomplete)
  if (!token || !entryId || !expiresAt) return

  // Fetch the User Data from the Embeddables API
  console.log('Retrieving User Data', { token })
  fetch(
    "https://load-entry-data-worker.heysavvy.workers.dev",
    {
      body: JSON.stringify({
        flow_id: EMBEDDABLE_ID,
        project_id: PROJECT_ID,
        entry_id: entryId,
        token,
        expires_at: expiresAt,
      }),
      headers: {
        "Content-Type": "application/json",
      },
      method: "POST",
    }
  ).then(async (res) => {
    const data = await res.json();
    console.log('Retrieved User Data: ', { data })

    // If the User Data is successfully retrieved,
    // set the user data and navigate to the user's current page
    if (data && data.entry) {
      helperFunctions.setUserData({ ...data.entry });
      window.Savvy.goToPage(EMBEDDABLE_ID, data.entry.current_page_key)
    }
  }).catch((err) => {
    console.error('Error Retrieving User Data:', { err })
  })
}