@builder.io/sdk-svelte 3.0.5 → 3.0.7

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/index-helpers/blocks-exports.ts

@@ -12,4 +12,5 @@ export { default as Content } from '../components/content-variants/index';
 /**
  * Builder Context
  */
-export { BuilderContext } from '../context/index'
+export { BuilderContext } from '../context/index';
+export { setClientUserAttributes } from '../helpers/user-attributes'

package/src/scripts/init-editing.ts

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

package/src/types/builder-block.ts

@@ -41,7 +41,6 @@ export interface BuilderBlock {
     large?: Partial<CSSStyleDeclaration>;
     medium?: Partial<CSSStyleDeclaration>;
     small?: Partial<CSSStyleDeclaration>;
-    /** @deprecated */
     xsmall?: Partial<CSSStyleDeclaration>;
   };
   component?: {

package/src/types/builder-content.ts

@@ -2,6 +2,7 @@ import type { BuilderBlock } from './builder-block';
 import type { Input } from './input';
 import type { Nullable } from './typescript';
 export interface Breakpoints {
+  xsmall?: number;
   small: number;
   medium: number;
 }

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;
   };