@builder.io/sdk-react 4.0.8 → 4.0.9

package/lib/edge/personalization-container-896a298a.js

@@ -1,384 +0,0 @@
-import { jsxs as q, Fragment as R, jsx as p } from "react/jsx-runtime";
-import { useRef as j, useState as V, useEffect as E } from "react";
-import { Blocks as x, InlinedStyles as B } from "./blocks-548ec8c2.js";
-import { InlinedScript as Q } from "./content-variants-5a4eecaf.js";
-import { isBrowser as $, isEditing as W, userAttributesService as P, getDefaultCanTrack as z, isPreviewing as _ } from "./server-entry-e9974799.js";
-import "./blocks-exports.mjs";
-import "./get-class-prop-name-90df5962.js";
-import "./dynamic-renderer-8b343325.js";
-function M(e, a, d, h) {
-  function f(c) {
-    return typeof c == "string";
-  }
-  function o(c) {
-    return typeof c == "number";
-  }
-  function b(c, l) {
-    return (() => {
-      const g = l.property, v = l.operator;
-      let n = l.value;
-      if (l && l.property === "urlPath" && l.value && typeof l.value == "string" && l.value !== "/" && l.value.endsWith("/") && (n = l.value.slice(0, -1)), !(g && v))
-        return !0;
-      if (Array.isArray(n))
-        return v === "isNot" ? n.every((m) => b(c, {
-          property: g,
-          operator: v,
-          value: m
-        })) : !!n.find((m) => b(c, {
-          property: g,
-          operator: v,
-          value: m
-        }));
-      const t = c[g];
-      if (Array.isArray(t))
-        return t.includes(n);
-      switch (v) {
-        case "is":
-          return t === n;
-        case "isNot":
-          return t !== n;
-        case "contains":
-          return (f(t) || Array.isArray(t)) && t.includes(String(n));
-        case "startsWith":
-          return f(t) && t.startsWith(String(n));
-        case "endsWith":
-          return f(t) && t.endsWith(String(n));
-        case "greaterThan":
-          return o(t) && o(n) && t > n;
-        case "lessThan":
-          return o(t) && o(n) && t < n;
-        case "greaterThanOrEqualTo":
-          return o(t) && o(n) && t >= n;
-        case "lessThanOrEqualTo":
-          return o(t) && o(n) && t <= n;
-        default:
-          return !1;
-      }
-    })();
-  }
-  const s = {
-    query: a,
-    startDate: d,
-    endDate: h
-  }, S = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
-  return s.startDate && new Date(s.startDate) > S || s.endDate && new Date(s.endDate) < S ? !1 : !s.query || !s.query.length ? !0 : s.query.every((c) => b(e, c));
-}
-const U = `function getPersonalizedVariant(variants, blockId, locale) {
-  if (!navigator.cookieEnabled) {
-    return;
-  }
-  function getCookie(name) {
-    const nameEQ = name + '=';
-    const ca = document.cookie.split(';');
-    for (let i = 0; i < ca.length; i++) {
-      let c = ca[i];
-      while (c.charAt(0) == ' ') c = c.substring(1, c.length);
-      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
-    }
-    return null;
-  }
-  function removeVariants() {
-    variants?.forEach(function (_, index) {
-      document.querySelector('template[data-variant-id="' + blockId + '-' + index + '"]')?.remove();
-    });
-    document.querySelector('script[data-id="variants-script-' + blockId + '"]')?.remove();
-    document.querySelector('style[data-id="variants-styles-' + blockId + '"]')?.remove();
-  }
-  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');
-  if (locale) {
-    attributes.locale = locale;
-  }
-  const winningVariantIndex = variants?.findIndex(function (variant) {
-    return filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
-  });
-  const isDebug = location.href.includes('builder.debug=true');
-  if (isDebug) {
-    console.debug('PersonalizationContainer', {
-      attributes,
-      variants,
-      winningVariantIndex
-    });
-  }
-  if (winningVariantIndex !== -1) {
-    const winningVariant = document.querySelector('template[data-variant-id="' + blockId + '-' + winningVariantIndex + '"]');
-    if (winningVariant) {
-      const parentNode = winningVariant.parentNode;
-      if (parentNode) {
-        const newParent = parentNode.cloneNode(false);
-        newParent.appendChild(winningVariant.content.firstChild);
-        newParent.appendChild(winningVariant.content.lastChild);
-        parentNode.parentNode?.replaceChild(newParent, parentNode);
-      }
-      if (isDebug) {
-        console.debug('PersonalizationContainer', 'Winning variant Replaced:', winningVariant);
-      }
-    }
-  } else if (variants && variants.length > 0) {
-    removeVariants();
-  }
-}`, H = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
-  function isString(val) {
-    return typeof val === 'string';
-  }
-  function isNumber(val) {
-    return typeof val === 'number';
-  }
-  function objectMatchesQuery(userattr, query) {
-    const result = (() => {
-      const property = query.property;
-      const operator = query.operator;
-      let testValue = query.value;
-      if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {
-        testValue = query.value.slice(0, -1);
-      }
-      if (!(property && operator)) {
-        return true;
-      }
-      if (Array.isArray(testValue)) {
-        if (operator === 'isNot') {
-          return testValue.every(val => objectMatchesQuery(userattr, {
-            property,
-            operator,
-            value: val
-          }));
-        }
-        return !!testValue.find(val => objectMatchesQuery(userattr, {
-          property,
-          operator,
-          value: val
-        }));
-      }
-      const value = userattr[property];
-      if (Array.isArray(value)) {
-        return value.includes(testValue);
-      }
-      switch (operator) {
-        case 'is':
-          return value === testValue;
-        case 'isNot':
-          return value !== testValue;
-        case 'contains':
-          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));
-        case 'startsWith':
-          return isString(value) && value.startsWith(String(testValue));
-        case 'endsWith':
-          return isString(value) && value.endsWith(String(testValue));
-        case 'greaterThan':
-          return isNumber(value) && isNumber(testValue) && value > testValue;
-        case 'lessThan':
-          return isNumber(value) && isNumber(testValue) && value < testValue;
-        case 'greaterThanOrEqualTo':
-          return isNumber(value) && isNumber(testValue) && value >= testValue;
-        case 'lessThanOrEqualTo':
-          return isNumber(value) && isNumber(testValue) && value <= testValue;
-        default:
-          return false;
-      }
-    })();
-    return result;
-  }
-  const item = {
-    query,
-    startDate,
-    endDate
-  };
-  const now = userAttributes.date && new Date(userAttributes.date) || new Date();
-  if (item.startDate && new Date(item.startDate) > now) {
-    return false;
-  } else if (item.endDate && new Date(item.endDate) < now) {
-    return false;
-  }
-  if (!item.query || !item.query.length) {
-    return true;
-  }
-  return item.query.every(filter => {
-    return objectMatchesQuery(userAttributes, filter);
-  });
-}`;
-function L(e, a) {
-  return !(!(e && e.length > 0) || !a || $());
-}
-function F({
-  variants: e,
-  previewingIndex: a,
-  isHydrated: d,
-  filteredVariants: h,
-  fallbackBlocks: f
-}) {
-  var b;
-  const o = {
-    blocks: f != null ? f : [],
-    path: "this.children"
-  };
-  if (d && W())
-    return typeof a == "number" && a < ((b = e == null ? void 0 : e.length) != null ? b : 0) ? {
-      blocks: e[a].blocks,
-      path: `component.options.variants.${a}.blocks`
-    } : o;
-  if ($()) {
-    const s = h == null ? void 0 : h[0];
-    if (s)
-      return {
-        blocks: s.blocks,
-        path: `component.options.variants.${e == null ? void 0 : e.indexOf(s)}.blocks`
-      };
-  }
-  return o;
-}
-const G = (e, a, d) => `
-  (function() {
-    ${H}
-    ${U}
-    getPersonalizedVariant(${JSON.stringify(e)}, "${a}"${d ? `, "${d}"` : ""})
-  })();
-  `;
-function re(e) {
-  var t, m, D, N, C, T, A;
-  const a = j(null), [d, h] = V(
-    () => P.getUserAttributes()
-  ), [f, o] = V(
-    () => {
-      var r, u, i;
-      return G(
-        e.variants,
-        ((r = e.builderBlock) == null ? void 0 : r.id) || "none",
-        (i = (u = e.builderContext) == null ? void 0 : u.rootState) == null ? void 0 : i.locale
-      );
-    }
-  ), [b, s] = V(() => []), [S, c] = V(
-    () => {
-      var r;
-      return L(
-        e.variants,
-        z((r = e.builderContext) == null ? void 0 : r.canTrack)
-      );
-    }
-  ), [l, k] = V(() => !1);
-  function g() {
-    return (e.variants || []).filter((r) => {
-      var u, i, y, w;
-      return M(
-        {
-          ...(i = (u = e.builderContext) == null ? void 0 : u.rootState) != null && i.locale ? {
-            locale: (w = (y = e.builderContext) == null ? void 0 : y.rootState) == null ? void 0 : w.locale
-          } : {},
-          ...d
-        },
-        r.query,
-        r.startDate,
-        r.endDate
-      );
-    });
-  }
-  function v() {
-    var r;
-    return F({
-      variants: e.variants,
-      fallbackBlocks: (r = e.builderBlock) == null ? void 0 : r.children,
-      isHydrated: l,
-      filteredVariants: g(),
-      previewingIndex: e.previewingIndex
-    });
-  }
-  function n() {
-    return (e.variants || []).map(
-      (r, u) => {
-        var i;
-        return `[data-variant-id="${(i = e.builderBlock) == null ? void 0 : i.id}-${u}"] { display: none; } `;
-      }
-    ).join("");
-  }
-  return E(() => {
-    var u;
-    k(!0);
-    const r = P.subscribeOnUserAttributesChange(
-      (i) => {
-        h(i);
-      }
-    );
-    if (!(W() || _())) {
-      const i = g()[0];
-      a.current && (a.current.dispatchEvent(
-        new CustomEvent("builder.variantLoaded", {
-          detail: {
-            variant: i || "default",
-            content: (u = e.builderContext) == null ? void 0 : u.content
-          },
-          bubbles: !0
-        })
-      ), new IntersectionObserver((w) => {
-        w.forEach((O) => {
-          var I;
-          O.isIntersecting && a.current && a.current.dispatchEvent(
-            new CustomEvent("builder.variantDisplayed", {
-              detail: {
-                variant: i || "default",
-                content: (I = e.builderContext) == null ? void 0 : I.content
-              },
-              bubbles: !0
-            })
-          );
-        });
-      }).observe(a.current));
-    }
-    b.push(r);
-  }, []), E(() => () => {
-    b.forEach((r) => r());
-  }, []), /* @__PURE__ */ q(
-    "div",
-    {
-      ref: a,
-      ...e.attributes,
-      className: `builder-personalization-container ${((t = e.attributes) == null ? void 0 : t.className) || ""}`,
-      children: [
-        S ? /* @__PURE__ */ q(R, { children: [
-          (m = e.variants) == null ? void 0 : m.map((r, u) => {
-            var i, y;
-            return /* @__PURE__ */ p(
-              "template",
-              {
-                "data-variant-id": `${(i = e.builderBlock) == null ? void 0 : i.id}-${u}`,
-                children: /* @__PURE__ */ p(
-                  x,
-                  {
-                    blocks: r.blocks,
-                    parent: (y = e.builderBlock) == null ? void 0 : y.id,
-                    path: `component.options.variants.${u}.blocks`
-                  }
-                )
-              },
-              u
-            );
-          }),
-          /* @__PURE__ */ p(
-            B,
-            {
-              nonce: ((D = e.builderContext) == null ? void 0 : D.nonce) || "",
-              styles: n(),
-              id: `variants-styles-${(N = e.builderBlock) == null ? void 0 : N.id}`
-            }
-          ),
-          /* @__PURE__ */ p(
-            Q,
-            {
-              nonce: ((C = e.builderContext) == null ? void 0 : C.nonce) || "",
-              scriptStr: f,
-              id: `variants-script-${(T = e.builderBlock) == null ? void 0 : T.id}`
-            }
-          )
-        ] }) : null,
-        /* @__PURE__ */ p(
-          x,
-          {
-            blocks: v().blocks,
-            parent: (A = e.builderBlock) == null ? void 0 : A.id,
-            path: v().path
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  re as default
-};

package/lib/edge/personalization-container-95cba946.cjs

@@ -1,138 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),g=require("react"),D=require("./blocks-7e8837dc.cjs"),P=require("./content-variants-cf107f82.cjs"),y=require("./server-entry-1b560ddb.cjs");require("./blocks-exports.cjs");require("./get-class-prop-name-316a93c9.cjs");require("./dynamic-renderer-b29b45ca.cjs");function $(e,a,d,m){function f(c){return typeof c=="string"}function o(c){return typeof c=="number"}function b(c,l){return(()=>{const S=l.property,v=l.operator;let n=l.value;if(l&&l.property==="urlPath"&&l.value&&typeof l.value=="string"&&l.value!=="/"&&l.value.endsWith("/")&&(n=l.value.slice(0,-1)),!(S&&v))return!0;if(Array.isArray(n))return v==="isNot"?n.every(V=>b(c,{property:S,operator:v,value:V})):!!n.find(V=>b(c,{property:S,operator:v,value:V}));const t=c[S];if(Array.isArray(t))return t.includes(n);switch(v){case"is":return t===n;case"isNot":return t!==n;case"contains":return(f(t)||Array.isArray(t))&&t.includes(String(n));case"startsWith":return f(t)&&t.startsWith(String(n));case"endsWith":return f(t)&&t.endsWith(String(n));case"greaterThan":return o(t)&&o(n)&&t>n;case"lessThan":return o(t)&&o(n)&&t<n;case"greaterThanOrEqualTo":return o(t)&&o(n)&&t>=n;case"lessThanOrEqualTo":return o(t)&&o(n)&&t<=n;default:return!1}})()}const u={query:a,startDate:d,endDate:m},w=e.date&&new Date(e.date)||new Date;return u.startDate&&new Date(u.startDate)>w||u.endDate&&new Date(u.endDate)<w?!1:!u.query||!u.query.length?!0:u.query.every(c=>b(e,c))}const j=`function getPersonalizedVariant(variants, blockId, locale) {
-  if (!navigator.cookieEnabled) {
-    return;
-  }
-  function getCookie(name) {
-    const nameEQ = name + '=';
-    const ca = document.cookie.split(';');
-    for (let i = 0; i < ca.length; i++) {
-      let c = ca[i];
-      while (c.charAt(0) == ' ') c = c.substring(1, c.length);
-      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
-    }
-    return null;
-  }
-  function removeVariants() {
-    variants?.forEach(function (_, index) {
-      document.querySelector('template[data-variant-id="' + blockId + '-' + index + '"]')?.remove();
-    });
-    document.querySelector('script[data-id="variants-script-' + blockId + '"]')?.remove();
-    document.querySelector('style[data-id="variants-styles-' + blockId + '"]')?.remove();
-  }
-  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');
-  if (locale) {
-    attributes.locale = locale;
-  }
-  const winningVariantIndex = variants?.findIndex(function (variant) {
-    return filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
-  });
-  const isDebug = location.href.includes('builder.debug=true');
-  if (isDebug) {
-    console.debug('PersonalizationContainer', {
-      attributes,
-      variants,
-      winningVariantIndex
-    });
-  }
-  if (winningVariantIndex !== -1) {
-    const winningVariant = document.querySelector('template[data-variant-id="' + blockId + '-' + winningVariantIndex + '"]');
-    if (winningVariant) {
-      const parentNode = winningVariant.parentNode;
-      if (parentNode) {
-        const newParent = parentNode.cloneNode(false);
-        newParent.appendChild(winningVariant.content.firstChild);
-        newParent.appendChild(winningVariant.content.lastChild);
-        parentNode.parentNode?.replaceChild(newParent, parentNode);
-      }
-      if (isDebug) {
-        console.debug('PersonalizationContainer', 'Winning variant Replaced:', winningVariant);
-      }
-    }
-  } else if (variants && variants.length > 0) {
-    removeVariants();
-  }
-}`,R=`function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
-  function isString(val) {
-    return typeof val === 'string';
-  }
-  function isNumber(val) {
-    return typeof val === 'number';
-  }
-  function objectMatchesQuery(userattr, query) {
-    const result = (() => {
-      const property = query.property;
-      const operator = query.operator;
-      let testValue = query.value;
-      if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {
-        testValue = query.value.slice(0, -1);
-      }
-      if (!(property && operator)) {
-        return true;
-      }
-      if (Array.isArray(testValue)) {
-        if (operator === 'isNot') {
-          return testValue.every(val => objectMatchesQuery(userattr, {
-            property,
-            operator,
-            value: val
-          }));
-        }
-        return !!testValue.find(val => objectMatchesQuery(userattr, {
-          property,
-          operator,
-          value: val
-        }));
-      }
-      const value = userattr[property];
-      if (Array.isArray(value)) {
-        return value.includes(testValue);
-      }
-      switch (operator) {
-        case 'is':
-          return value === testValue;
-        case 'isNot':
-          return value !== testValue;
-        case 'contains':
-          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));
-        case 'startsWith':
-          return isString(value) && value.startsWith(String(testValue));
-        case 'endsWith':
-          return isString(value) && value.endsWith(String(testValue));
-        case 'greaterThan':
-          return isNumber(value) && isNumber(testValue) && value > testValue;
-        case 'lessThan':
-          return isNumber(value) && isNumber(testValue) && value < testValue;
-        case 'greaterThanOrEqualTo':
-          return isNumber(value) && isNumber(testValue) && value >= testValue;
-        case 'lessThanOrEqualTo':
-          return isNumber(value) && isNumber(testValue) && value <= testValue;
-        default:
-          return false;
-      }
-    })();
-    return result;
-  }
-  const item = {
-    query,
-    startDate,
-    endDate
-  };
-  const now = userAttributes.date && new Date(userAttributes.date) || new Date();
-  if (item.startDate && new Date(item.startDate) > now) {
-    return false;
-  } else if (item.endDate && new Date(item.endDate) < now) {
-    return false;
-  }
-  if (!item.query || !item.query.length) {
-    return true;
-  }
-  return item.query.every(filter => {
-    return objectMatchesQuery(userAttributes, filter);
-  });
-}`;function W(e,a){return!(!(e&&e.length>0)||!a||y.isBrowser())}function O({variants:e,previewingIndex:a,isHydrated:d,filteredVariants:m,fallbackBlocks:f}){var b;const o={blocks:f!=null?f:[],path:"this.children"};if(d&&y.isEditing())return typeof a=="number"&&a<((b=e==null?void 0:e.length)!=null?b:0)?{blocks:e[a].blocks,path:`component.options.variants.${a}.blocks`}:o;if(y.isBrowser()){const u=m==null?void 0:m[0];if(u)return{blocks:u.blocks,path:`component.options.variants.${e==null?void 0:e.indexOf(u)}.blocks`}}return o}const B=(e,a,d)=>`
-  (function() {
-    ${R}
-    ${j}
-    getPersonalizedVariant(${JSON.stringify(e)}, "${a}"${d?`, "${d}"`:""})
-  })();
-  `;function Q(e){var t,V,q,C,T,A,E;const a=g.useRef(null),[d,m]=g.useState(()=>y.userAttributesService.getUserAttributes()),[f,o]=g.useState(()=>{var r,s,i;return B(e.variants,((r=e.builderBlock)==null?void 0:r.id)||"none",(i=(s=e.builderContext)==null?void 0:s.rootState)==null?void 0:i.locale)}),[b,u]=g.useState(()=>[]),[w,c]=g.useState(()=>{var r;return W(e.variants,y.getDefaultCanTrack((r=e.builderContext)==null?void 0:r.canTrack))}),[l,N]=g.useState(()=>!1);function S(){return(e.variants||[]).filter(r=>{var s,i,p,k;return $({...(i=(s=e.builderContext)==null?void 0:s.rootState)!=null&&i.locale?{locale:(k=(p=e.builderContext)==null?void 0:p.rootState)==null?void 0:k.locale}:{},...d},r.query,r.startDate,r.endDate)})}function v(){var r;return O({variants:e.variants,fallbackBlocks:(r=e.builderBlock)==null?void 0:r.children,isHydrated:l,filteredVariants:S(),previewingIndex:e.previewingIndex})}function n(){return(e.variants||[]).map((r,s)=>{var i;return`[data-variant-id="${(i=e.builderBlock)==null?void 0:i.id}-${s}"] { display: none; } `}).join("")}return g.useEffect(()=>{var s;N(!0);const r=y.userAttributesService.subscribeOnUserAttributesChange(i=>{m(i)});if(!(y.isEditing()||y.isPreviewing())){const i=S()[0];a.current&&(a.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:i||"default",content:(s=e.builderContext)==null?void 0:s.content},bubbles:!0})),new IntersectionObserver(k=>{k.forEach(I=>{var x;I.isIntersecting&&a.current&&a.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:i||"default",content:(x=e.builderContext)==null?void 0:x.content},bubbles:!0}))})}).observe(a.current))}b.push(r)},[]),g.useEffect(()=>()=>{b.forEach(r=>r())},[]),h.jsxs("div",{ref:a,...e.attributes,className:`builder-personalization-container ${((t=e.attributes)==null?void 0:t.className)||""}`,children:[w?h.jsxs(h.Fragment,{children:[(V=e.variants)==null?void 0:V.map((r,s)=>{var i,p;return h.jsx("template",{"data-variant-id":`${(i=e.builderBlock)==null?void 0:i.id}-${s}`,children:h.jsx(D.Blocks,{blocks:r.blocks,parent:(p=e.builderBlock)==null?void 0:p.id,path:`component.options.variants.${s}.blocks`})},s)}),h.jsx(D.InlinedStyles,{nonce:((q=e.builderContext)==null?void 0:q.nonce)||"",styles:n(),id:`variants-styles-${(C=e.builderBlock)==null?void 0:C.id}`}),h.jsx(P.InlinedScript,{nonce:((T=e.builderContext)==null?void 0:T.nonce)||"",scriptStr:f,id:`variants-script-${(A=e.builderBlock)==null?void 0:A.id}`})]}):null,h.jsx(D.Blocks,{blocks:v().blocks,parent:(E=e.builderBlock)==null?void 0:E.id,path:v().path})]})}exports.default=Q;