@builder.io/sdk-svelte 5.2.11 → 5.2.13

package/src/helpers/studio-user-attributes.ts

@@ -0,0 +1,31 @@
+import { isBrowser } from '../functions/is-browser';
+import type { UserAttributes } from './user-attributes';
+const STUDIO_PREVIEW_PARAM = 'builder.preview';
+const STUDIO_PREVIEW_VALUE = 'BUILDER_STUDIO';
+const USER_ATTRIBUTE_PARAM_PREFIX = 'builder.userAttributes.';
+const parseStudioValue = (value: string) => {
+  if (value === 'true') return true;
+  if (value === 'false') return false;
+  return value;
+};
+
+/**
+ * Studio passes its targeting overrides as query params because it cannot write the
+ * builder.userAttributes cookie on the previewed site's origin.
+ */
+export const getStudioUserAttributes = (): UserAttributes => {
+  if (!isBrowser()) {
+    return {};
+  }
+  const params = new URLSearchParams(window.location.search);
+  if (params.get(STUDIO_PREVIEW_PARAM) !== STUDIO_PREVIEW_VALUE) {
+    return {};
+  }
+  const attributes: UserAttributes = {};
+  params.forEach((value, key) => {
+    if (key.startsWith(USER_ATTRIBUTE_PARAM_PREFIX)) {
+      attributes[key.slice(USER_ATTRIBUTE_PARAM_PREFIX.length)] = parseStudioValue(value);
+    }
+  });
+  return attributes;
+}

package/src/helpers/user-attributes.ts

@@ -2,6 +2,7 @@ import { TARGET } from '../constants/target';
 import { isBrowser } from '../functions/is-browser';
 import { getCookieSync, setCookie } from './cookie';
 import { noSerializeWrapper } from './no-serialize-wrapper';
+import { getStudioUserAttributes } from './studio-user-attributes';
 export interface UserAttributes {
   [key: string]: any;
 }
@@ -9,13 +10,20 @@ export const USER_ATTRIBUTES_COOKIE_NAME = 'builder.userAttributes';
 export function createUserAttributesService() {
   let canTrack = true;
   const subscribers = new Set<(attrs: UserAttributes) => void>();
+  const getCookieUserAttributes = (): UserAttributes => {
+    const cookie = getCookieSync({
+      name: USER_ATTRIBUTES_COOKIE_NAME,
+      canTrack
+    });
+    return cookie ? JSON.parse(cookie) : {};
+  };
   return {
     setUserAttributes(newAttrs: UserAttributes) {
       if (!isBrowser()) {
         return;
       }
       const userAttributes: UserAttributes = {
-        ...this.getUserAttributes(),
+        ...getCookieUserAttributes(),
         ...newAttrs
       };
       setCookie({
@@ -23,16 +31,22 @@ export function createUserAttributesService() {
         value: JSON.stringify(userAttributes),
         canTrack
       });
-      subscribers.forEach(callback => callback(userAttributes));
+      // Kept out of the cookie above so previewing never persists into a real visitor's
+      // session, but re-applied here so the site's own attributes cannot clobber it.
+      const studioAttributes = getStudioUserAttributes();
+      subscribers.forEach(callback => callback({
+        ...userAttributes,
+        ...studioAttributes
+      }));
     },
     getUserAttributes() {
       if (!isBrowser()) {
         return {};
       }
-      return JSON.parse(getCookieSync({
-        name: USER_ATTRIBUTES_COOKIE_NAME,
-        canTrack
-      }) || '{}');
+      return {
+        ...getCookieUserAttributes(),
+        ...getStudioUserAttributes()
+      };
     },
     subscribeOnUserAttributesChange(callback: (attrs: UserAttributes) => void, {
       fireImmediately