@builder.io/sdk-react-native 3.0.5 → 3.0.6

package/src/helpers/user-attributes.ts

@@ -0,0 +1,49 @@
+import { isBrowser } from '../functions/is-browser';
+import { getCookieSync, setCookie } from './cookie';
+export interface UserAttributes {
+  [key: string]: any;
+}
+export const USER_ATTRIBUTES_COOKIE_NAME = 'builder.userAttributes';
+export function createUserAttributesService() {
+  let canTrack = true;
+  const subscribers = new Set<(attrs: UserAttributes) => void>();
+  return {
+    setUserAttributes(newAttrs: UserAttributes) {
+      if (!isBrowser()) {
+        return;
+      }
+      const userAttributes: UserAttributes = {
+        ...this.getUserAttributes(),
+        ...newAttrs
+      };
+      setCookie({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        value: JSON.stringify(userAttributes),
+        canTrack
+      });
+      subscribers.forEach(callback => callback(userAttributes));
+    },
+    getUserAttributes() {
+      if (!isBrowser()) {
+        return {};
+      }
+      return JSON.parse(getCookieSync({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        canTrack
+      }) || '{}');
+    },
+    subscribeOnUserAttributesChange(callback: (attrs: UserAttributes) => void) {
+      subscribers.add(callback);
+      return () => {
+        subscribers.delete(callback);
+      };
+    },
+    setCanTrack(value: boolean) {
+      canTrack = value;
+    }
+  };
+}
+export const userAttributesService = createUserAttributesService();
+export const setClientUserAttributes = (attributes: UserAttributes) => {
+  userAttributesService.setUserAttributes(attributes);
+}

package/src/scripts/init-editing.ts

@@ -47,7 +47,8 @@ export const setupBrowserForEditing = (options: {
         // Supports builder-model="..." attribute which is needed to
         // scope our '+ add block' button styling
         supportsAddBlockScoping: true,
-        supportsCustomBreakpoints: true
+        supportsCustomBreakpoints: true,
+        blockLevelPersonalization: true
       }
     }, '*');
     window.parent?.postMessage({

package/src/types/input.ts

@@ -125,6 +125,7 @@ export interface Input {
    * Use optionally with inputs of type `reference`. Restricts the content entry picker to a specific model by name.
    */
   model?: string;
+  behavior?: string;
   valueType?: {
     type?: string;
   };