@builder.io/sdk-react-nextjs 0.17.6 → 0.17.7

package/types/cjs/blocks/personalization-container/personalization-container.types.d.ts

@@ -0,0 +1,14 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { BuilderDataProps } from '../../types/builder-props.js';
+import type { Query } from './helpers.js';
+export type PersonalizationContainerProps = {
+    children?: any;
+    attributes?: any;
+    previewingIndex?: number | null;
+    variants?: Array<{
+        blocks: BuilderBlock[];
+        query: Query[];
+        startDate?: string;
+        endDate?: string;
+    }>;
+} & BuilderDataProps;

package/types/cjs/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.6";
+export declare const SDK_VERSION = "0.17.7";

package/types/cjs/helpers/user-attributes.d.ts

@@ -0,0 +1,17 @@
+export interface UserAttributes {
+    [key: string]: any;
+}
+export declare const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
+export declare function createUserAttributesService(): {
+    setUserAttributes(newAttrs: UserAttributes): void;
+    getUserAttributes(): any;
+    subscribeOnUserAttributesChange(callback: (attrs: UserAttributes) => void): () => void;
+    setCanTrack(value: boolean): void;
+};
+export declare const userAttributesService: {
+    setUserAttributes(newAttrs: UserAttributes): void;
+    getUserAttributes(): any;
+    subscribeOnUserAttributesChange(callback: (attrs: UserAttributes) => void): () => void;
+    setCanTrack(value: boolean): void;
+};
+export declare const setClientUserAttributes: (attributes: UserAttributes) => void;

package/types/cjs/index-helpers/blocks-exports.d.ts

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

package/types/cjs/types/input.d.ts

@@ -124,6 +124,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;
     };

package/types/esm/blocks/personalization-container/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/personalization-container/helpers/inlined-fns.d.ts

@@ -0,0 +1,8 @@
+/**
+ * WARNING: This file contains functions that get stringified and inlined into the HTML at build-time.
+ * They cannot import anything.
+ */
+import type { Query, UserAttributes } from '../helpers.js';
+export declare function filterWithCustomTargeting(userAttributes: UserAttributes, query: Query[], startDate?: string, endDate?: string): boolean;
+export declare const PERSONALIZATION_SCRIPT = "function getPersonalizedVariant(variants, blockId, locale) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) == ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  function removeVariants() {\n    variants?.forEach(function (_, index) {\n      document.querySelector('template[data-variant-id=\"' + blockId + '-' + index + '\"]')?.remove();\n    });\n    document.querySelector('script[data-id=\"variants-script-' + blockId + '\"]')?.remove();\n    document.querySelector('style[data-id=\"variants-styles-' + blockId + '\"]')?.remove();\n  }\n  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n  if (locale) {\n    attributes.locale = locale;\n  }\n  const winningVariantIndex = variants?.findIndex(function (variant) {\n    return filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n  });\n  const isDebug = location.href.includes('builder.debug=true');\n  if (isDebug) {\n    console.debug('PersonalizationContainer', {\n      attributes,\n      variants,\n      winningVariantIndex\n    });\n  }\n  if (winningVariantIndex !== -1) {\n    const winningVariant = document.querySelector('template[data-variant-id=\"' + blockId + '-' + winningVariantIndex + '\"]');\n    if (winningVariant) {\n      const parentNode = winningVariant.parentNode;\n      if (parentNode) {\n        const newParent = parentNode.cloneNode(false);\n        newParent.appendChild(winningVariant.content.firstChild);\n        newParent.appendChild(winningVariant.content.lastChild);\n        parentNode.parentNode?.replaceChild(newParent, parentNode);\n      }\n      if (isDebug) {\n        console.debug('PersonalizationContainer', 'Winning variant Replaced:', winningVariant);\n      }\n    }\n  } else if (variants && variants.length > 0) {\n    removeVariants();\n  }\n}";
+export declare const FILTER_WITH_CUSTOM_TARGETING_SCRIPT = "function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {\n  function isString(val) {\n    return typeof val === 'string';\n  }\n  function isNumber(val) {\n    return typeof val === 'number';\n  }\n  function objectMatchesQuery(userattr, query) {\n    const result = (() => {\n      const property = query.property;\n      const operator = query.operator;\n      let testValue = query.value;\n      if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {\n        testValue = query.value.slice(0, -1);\n      }\n      if (!(property && operator)) {\n        return true;\n      }\n      if (Array.isArray(testValue)) {\n        if (operator === 'isNot') {\n          return testValue.every(val => objectMatchesQuery(userattr, {\n            property,\n            operator,\n            value: val\n          }));\n        }\n        return !!testValue.find(val => objectMatchesQuery(userattr, {\n          property,\n          operator,\n          value: val\n        }));\n      }\n      const value = userattr[property];\n      if (Array.isArray(value)) {\n        return value.includes(testValue);\n      }\n      switch (operator) {\n        case 'is':\n          return value === testValue;\n        case 'isNot':\n          return value !== testValue;\n        case 'contains':\n          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));\n        case 'startsWith':\n          return isString(value) && value.startsWith(String(testValue));\n        case 'endsWith':\n          return isString(value) && value.endsWith(String(testValue));\n        case 'greaterThan':\n          return isNumber(value) && isNumber(testValue) && value > testValue;\n        case 'lessThan':\n          return isNumber(value) && isNumber(testValue) && value < testValue;\n        case 'greaterThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value >= testValue;\n        case 'lessThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value <= testValue;\n        default:\n          return false;\n      }\n    })();\n    return result;\n  }\n  const item = {\n    query,\n    startDate,\n    endDate\n  };\n  const now = userAttributes.date && new Date(userAttributes.date) || new Date();\n  if (item.startDate && new Date(item.startDate) > now) {\n    return false;\n  } else if (item.endDate && new Date(item.endDate) < now) {\n    return false;\n  }\n  if (!item.query || !item.query.length) {\n    return true;\n  }\n  return item.query.every(filter => {\n    return objectMatchesQuery(userAttributes, filter);\n  });\n}";

package/types/esm/blocks/personalization-container/helpers.d.ts

@@ -0,0 +1,27 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { PersonalizationContainerProps } from './personalization-container.types.js';
+export type UserAttributes = {
+    date?: string | Date;
+    urlPath?: string;
+    [key: string]: any;
+};
+type QueryOperator = 'is' | 'isNot' | 'contains' | 'startsWith' | 'endsWith' | 'greaterThan' | 'lessThan' | 'greaterThanOrEqualTo' | 'lessThanOrEqualTo';
+type QueryValue = string | number | boolean | Array<string | number | boolean>;
+export type Query = {
+    property: string;
+    operator: QueryOperator;
+    value: QueryValue;
+};
+export declare function checkShouldRenderVariants(variants: PersonalizationContainerProps['variants'], canTrack: boolean): boolean;
+export declare function getBlocksToRender({ variants, previewingIndex, isHydrated, filteredVariants, fallbackBlocks }: {
+    variants: PersonalizationContainerProps['variants'];
+    previewingIndex?: number | null;
+    isHydrated: boolean;
+    filteredVariants: PersonalizationContainerProps['variants'];
+    fallbackBlocks?: BuilderBlock[];
+}): {
+    blocks: BuilderBlock[];
+    path: string | undefined;
+};
+export declare const getPersonalizationScript: (variants: PersonalizationContainerProps['variants'], blockId: string, locale?: string) => string;
+export { filterWithCustomTargeting } from './helpers/inlined-fns.js';

package/types/esm/blocks/personalization-container/index.d.ts

@@ -0,0 +1 @@
+export { default } from './personalization-container.js';

package/types/esm/blocks/personalization-container/personalization-container.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { PersonalizationContainerProps } from "./personalization-container.types.js";
+declare function PersonalizationContainer(props: PersonalizationContainerProps): React.JSX.Element;
+export default PersonalizationContainer;

package/types/esm/blocks/personalization-container/personalization-container.types.d.ts

@@ -0,0 +1,14 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { BuilderDataProps } from '../../types/builder-props.js';
+import type { Query } from './helpers.js';
+export type PersonalizationContainerProps = {
+    children?: any;
+    attributes?: any;
+    previewingIndex?: number | null;
+    variants?: Array<{
+        blocks: BuilderBlock[];
+        query: Query[];
+        startDate?: string;
+        endDate?: string;
+    }>;
+} & BuilderDataProps;

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.6";
+export declare const SDK_VERSION = "0.17.7";

package/types/esm/helpers/user-attributes.d.ts

@@ -0,0 +1,17 @@
+export interface UserAttributes {
+    [key: string]: any;
+}
+export declare const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
+export declare function createUserAttributesService(): {
+    setUserAttributes(newAttrs: UserAttributes): void;
+    getUserAttributes(): any;
+    subscribeOnUserAttributesChange(callback: (attrs: UserAttributes) => void): () => void;
+    setCanTrack(value: boolean): void;
+};
+export declare const userAttributesService: {
+    setUserAttributes(newAttrs: UserAttributes): void;
+    getUserAttributes(): any;
+    subscribeOnUserAttributesChange(callback: (attrs: UserAttributes) => void): () => void;
+    setCanTrack(value: boolean): void;
+};
+export declare const setClientUserAttributes: (attributes: UserAttributes) => void;

package/types/esm/index-helpers/blocks-exports.d.ts

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

package/types/esm/types/input.d.ts

@@ -124,6 +124,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;
     };