@builder.io/sdk-react 3.0.2 → 3.0.3-0

package/lib/edge/personalization-container-3fda6014.cjs

@@ -0,0 +1,138 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),g=require("react"),D=require("./blocks-a5193d52.cjs"),P=require("./content-variants-81713434.cjs"),m=require("./server-entry-ea2a8b0e.cjs");require("./blocks-exports.cjs");require("./get-class-prop-name-a86a3e60.cjs");require("./dynamic-renderer-b29b45ca.cjs");function $(e,n,u,k){function l(v){return typeof v=="string"}function d(v){return typeof v=="number"}function h(v,c){return(()=>{const y=c.property,f=c.operator;let r=c.value;if(c&&c.property==="urlPath"&&c.value&&typeof c.value=="string"&&c.value!=="/"&&c.value.endsWith("/")&&(r=c.value.slice(0,-1)),!(y&&f))return!0;if(Array.isArray(r))return f==="isNot"?r.every(S=>h(v,{property:y,operator:f,value:S})):!!r.find(S=>h(v,{property:y,operator:f,value:S}));const t=v[y];if(Array.isArray(t))return t.includes(r);switch(f){case"is":return t===r;case"isNot":return t!==r;case"contains":return(l(t)||Array.isArray(t))&&t.includes(String(r));case"startsWith":return l(t)&&t.startsWith(String(r));case"endsWith":return l(t)&&t.endsWith(String(r));case"greaterThan":return d(t)&&d(r)&&t>r;case"lessThan":return d(t)&&d(r)&&t<r;case"greaterThanOrEqualTo":return d(t)&&d(r)&&t>=r;case"lessThanOrEqualTo":return d(t)&&d(r)&&t<=r;default:return!1}})()}const o={query:n,startDate:u,endDate:k},w=e.date&&new Date(e.date)||new Date;return o.startDate&&new Date(o.startDate)>w||o.endDate&&new Date(o.endDate)<w?!1:!o.query||!o.query.length?!0:o.query.every(v=>h(e,v))}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,n){return!(!(e&&e.length>0)||!n||m.isBrowser())}function B(e){const{variants:n,previewingIndex:u,isHydrated:k,filteredVariants:l,fallbackBlocks:d}=e;if(k&&m.isEditing()&&typeof u=="number"&&u<((n==null?void 0:n.length)||0)&&!(l!=null&&l.length))return{blocks:n[u].blocks,path:`component.options.variants.${u}.blocks`};const o=l==null?void 0:l[0];return o?{blocks:o.blocks,path:`component.options.variants.${n==null?void 0:n.indexOf(o)}.blocks`}:{blocks:d||[],path:void 0}}const O=(e,n,u)=>`
+  (function() {
+    ${R}
+    ${j}
+    getPersonalizedVariant(${JSON.stringify(e)}, "${n}"${u?`, "${u}"`:""})
+  })();
+  `;function Q(e){var t,S,C,N,T,x,A;const n=g.useRef(null),[u,k]=g.useState(()=>m.userAttributesService.getUserAttributes()),[l,d]=g.useState(()=>{var a,s,i;return O(e.variants,((a=e.builderBlock)==null?void 0:a.id)||"none",(i=(s=e.builderContext)==null?void 0:s.rootState)==null?void 0:i.locale)}),[h,o]=g.useState(()=>[]),[w,v]=g.useState(()=>{var a;return W(e.variants,m.getDefaultCanTrack((a=e.builderContext)==null?void 0:a.canTrack))}),[c,q]=g.useState(()=>!1);function y(){return(e.variants||[]).filter(a=>{var s,i,V,p;return $({...(i=(s=e.builderContext)==null?void 0:s.rootState)!=null&&i.locale?{locale:(p=(V=e.builderContext)==null?void 0:V.rootState)==null?void 0:p.locale}:{},...u},a.query,a.startDate,a.endDate)})}function f(){var a;return B({variants:e.variants,fallbackBlocks:(a=e.builderBlock)==null?void 0:a.children,isHydrated:c,filteredVariants:y(),previewingIndex:e.previewingIndex})}function r(){return(e.variants||[]).map((a,s)=>{var i;return`[data-variant-id="${(i=e.builderBlock)==null?void 0:i.id}-${s}"] { display: none; } `}).join("")}return g.useEffect(()=>{var s;q(!0);const a=m.userAttributesService.subscribeOnUserAttributesChange(i=>{k(i)});if(!(m.isEditing()||m.isPreviewing())){const i=y()[0];n.current&&(n.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:i||"default",content:(s=e.builderContext)==null?void 0:s.content},bubbles:!0})),new IntersectionObserver(p=>{p.forEach(E=>{var I;E.isIntersecting&&n.current&&n.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:i||"default",content:(I=e.builderContext)==null?void 0:I.content},bubbles:!0}))})}).observe(n.current))}h.push(a)},[]),g.useEffect(()=>()=>{h.forEach(a=>a())},[]),b.jsxs("div",{ref:n,...e.attributes,className:`builder-personalization-container ${((t=e.attributes)==null?void 0:t.class)||""}`,children:[w?b.jsxs(b.Fragment,{children:[(S=e.variants)==null?void 0:S.map((a,s)=>{var i,V;return b.jsx("template",{"data-variant-id":`${(i=e.builderBlock)==null?void 0:i.id}-${s}`,children:b.jsx(D.Blocks,{blocks:a.blocks,parent:(V=e.builderBlock)==null?void 0:V.id,path:`component.options.variants.${s}.blocks`})},s)}),b.jsx(D.InlinedStyles,{nonce:((C=e.builderContext)==null?void 0:C.nonce)||"",styles:r(),id:`variants-styles-${(N=e.builderBlock)==null?void 0:N.id}`}),b.jsx(P.InlinedScript,{nonce:((T=e.builderContext)==null?void 0:T.nonce)||"",scriptStr:l,id:`variants-script-${(x=e.builderBlock)==null?void 0:x.id}`})]}):null,b.jsx(D.Blocks,{blocks:f().blocks,parent:(A=e.builderBlock)==null?void 0:A.id,path:f().path})]})}exports.default=Q;

package/lib/edge/personalization-container-c76e4fef.js

@@ -0,0 +1,379 @@
+import { jsxs as x, Fragment as B, jsx as V } from "react/jsx-runtime";
+import { useRef as O, useState as w, useEffect as q } from "react";
+import { Blocks as E, InlinedStyles as R } from "./blocks-5e476ddc.js";
+import { InlinedScript as j } from "./content-variants-36ca4fe5.js";
+import { isBrowser as Q, isEditing as $, userAttributesService as P, getDefaultCanTrack as z, isPreviewing as _ } from "./server-entry-838c1f06.js";
+import "./blocks-exports.mjs";
+import "./get-class-prop-name-65d6824c.js";
+import "./dynamic-renderer-8b343325.js";
+function M(e, n, u, m) {
+  function o(f) {
+    return typeof f == "string";
+  }
+  function d(f) {
+    return typeof f == "number";
+  }
+  function b(f, c) {
+    return (() => {
+      const g = c.property, v = c.operator;
+      let r = c.value;
+      if (c && c.property === "urlPath" && c.value && typeof c.value == "string" && c.value !== "/" && c.value.endsWith("/") && (r = c.value.slice(0, -1)), !(g && v))
+        return !0;
+      if (Array.isArray(r))
+        return v === "isNot" ? r.every((h) => b(f, {
+          property: g,
+          operator: v,
+          value: h
+        })) : !!r.find((h) => b(f, {
+          property: g,
+          operator: v,
+          value: h
+        }));
+      const t = f[g];
+      if (Array.isArray(t))
+        return t.includes(r);
+      switch (v) {
+        case "is":
+          return t === r;
+        case "isNot":
+          return t !== r;
+        case "contains":
+          return (o(t) || Array.isArray(t)) && t.includes(String(r));
+        case "startsWith":
+          return o(t) && t.startsWith(String(r));
+        case "endsWith":
+          return o(t) && t.endsWith(String(r));
+        case "greaterThan":
+          return d(t) && d(r) && t > r;
+        case "lessThan":
+          return d(t) && d(r) && t < r;
+        case "greaterThanOrEqualTo":
+          return d(t) && d(r) && t >= r;
+        case "lessThanOrEqualTo":
+          return d(t) && d(r) && t <= r;
+        default:
+          return !1;
+      }
+    })();
+  }
+  const l = {
+    query: n,
+    startDate: u,
+    endDate: m
+  }, p = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
+  return l.startDate && new Date(l.startDate) > p || l.endDate && new Date(l.endDate) < p ? !1 : !l.query || !l.query.length ? !0 : l.query.every((f) => b(e, f));
+}
+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, n) {
+  return !(!(e && e.length > 0) || !n || Q());
+}
+function F(e) {
+  const {
+    variants: n,
+    previewingIndex: u,
+    isHydrated: m,
+    filteredVariants: o,
+    fallbackBlocks: d
+  } = e;
+  if (m && $() && typeof u == "number" && u < ((n == null ? void 0 : n.length) || 0) && !(o != null && o.length))
+    return {
+      blocks: n[u].blocks,
+      path: `component.options.variants.${u}.blocks`
+    };
+  const l = o == null ? void 0 : o[0];
+  return l ? {
+    blocks: l.blocks,
+    path: `component.options.variants.${n == null ? void 0 : n.indexOf(l)}.blocks`
+  } : {
+    blocks: d || [],
+    path: void 0
+  };
+}
+const G = (e, n, u) => `
+  (function() {
+    ${H}
+    ${U}
+    getPersonalizedVariant(${JSON.stringify(e)}, "${n}"${u ? `, "${u}"` : ""})
+  })();
+  `;
+function re(e) {
+  var t, h, D, C, N, T, I;
+  const n = O(null), [u, m] = w(
+    () => P.getUserAttributes()
+  ), [o, d] = w(
+    () => {
+      var a, s, i;
+      return G(
+        e.variants,
+        ((a = e.builderBlock) == null ? void 0 : a.id) || "none",
+        (i = (s = e.builderContext) == null ? void 0 : s.rootState) == null ? void 0 : i.locale
+      );
+    }
+  ), [b, l] = w(() => []), [p, f] = w(
+    () => {
+      var a;
+      return L(
+        e.variants,
+        z((a = e.builderContext) == null ? void 0 : a.canTrack)
+      );
+    }
+  ), [c, S] = w(() => !1);
+  function g() {
+    return (e.variants || []).filter((a) => {
+      var s, i, y, k;
+      return M(
+        {
+          ...(i = (s = e.builderContext) == null ? void 0 : s.rootState) != null && i.locale ? {
+            locale: (k = (y = e.builderContext) == null ? void 0 : y.rootState) == null ? void 0 : k.locale
+          } : {},
+          ...u
+        },
+        a.query,
+        a.startDate,
+        a.endDate
+      );
+    });
+  }
+  function v() {
+    var a;
+    return F({
+      variants: e.variants,
+      fallbackBlocks: (a = e.builderBlock) == null ? void 0 : a.children,
+      isHydrated: c,
+      filteredVariants: g(),
+      previewingIndex: e.previewingIndex
+    });
+  }
+  function r() {
+    return (e.variants || []).map(
+      (a, s) => {
+        var i;
+        return `[data-variant-id="${(i = e.builderBlock) == null ? void 0 : i.id}-${s}"] { display: none; } `;
+      }
+    ).join("");
+  }
+  return q(() => {
+    var s;
+    S(!0);
+    const a = P.subscribeOnUserAttributesChange(
+      (i) => {
+        m(i);
+      }
+    );
+    if (!($() || _())) {
+      const i = g()[0];
+      n.current && (n.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((W) => {
+          var A;
+          W.isIntersecting && n.current && n.current.dispatchEvent(
+            new CustomEvent("builder.variantDisplayed", {
+              detail: {
+                variant: i || "default",
+                content: (A = e.builderContext) == null ? void 0 : A.content
+              },
+              bubbles: !0
+            })
+          );
+        });
+      }).observe(n.current));
+    }
+    b.push(a);
+  }, []), q(() => () => {
+    b.forEach((a) => a());
+  }, []), /* @__PURE__ */ x(
+    "div",
+    {
+      ref: n,
+      ...e.attributes,
+      className: `builder-personalization-container ${((t = e.attributes) == null ? void 0 : t.class) || ""}`,
+      children: [
+        p ? /* @__PURE__ */ x(B, { children: [
+          (h = e.variants) == null ? void 0 : h.map((a, s) => {
+            var i, y;
+            return /* @__PURE__ */ V(
+              "template",
+              {
+                "data-variant-id": `${(i = e.builderBlock) == null ? void 0 : i.id}-${s}`,
+                children: /* @__PURE__ */ V(
+                  E,
+                  {
+                    blocks: a.blocks,
+                    parent: (y = e.builderBlock) == null ? void 0 : y.id,
+                    path: `component.options.variants.${s}.blocks`
+                  }
+                )
+              },
+              s
+            );
+          }),
+          /* @__PURE__ */ V(
+            R,
+            {
+              nonce: ((D = e.builderContext) == null ? void 0 : D.nonce) || "",
+              styles: r(),
+              id: `variants-styles-${(C = e.builderBlock) == null ? void 0 : C.id}`
+            }
+          ),
+          /* @__PURE__ */ V(
+            j,
+            {
+              nonce: ((N = e.builderContext) == null ? void 0 : N.nonce) || "",
+              scriptStr: o,
+              id: `variants-script-${(T = e.builderBlock) == null ? void 0 : T.id}`
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ V(
+          E,
+          {
+            blocks: v().blocks,
+            parent: (I = e.builderBlock) == null ? void 0 : I.id,
+            path: v().path
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  re as default
+};

package/lib/edge/{select-b8406bcf.js → select-6b5cda00.js}

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { createElement as m } from "react";
-import { isEditing as n } from "./server-entry-7ce03a4e.js";
+import { isEditing as n } from "./server-entry-838c1f06.js";
 function r(e) {
   var t;
   return /* @__PURE__ */ m(

package/lib/edge/{select-f11be7a7.cjs → select-73accaf4.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),r=require("./server-entry-1879cbc4.cjs");function i(e){var u;return n.createElement("select",{...e.attributes,value:e.value,key:r.isEditing()&&e.defaultValue?e.defaultValue:"default-key",defaultValue:e.defaultValue,name:e.name,required:e.required},(u=e.options)==null?void 0:u.map((t,a)=>l.jsx("option",{value:t.value,children:t.name||t.value},`${t.name}-${a}`)))}exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),r=require("./server-entry-ea2a8b0e.cjs");function i(e){var u;return n.createElement("select",{...e.attributes,value:e.value,key:r.isEditing()&&e.defaultValue?e.defaultValue:"default-key",defaultValue:e.defaultValue,name:e.name,required:e.required},(u=e.options)==null?void 0:u.map((t,a)=>l.jsx("option",{value:t.value,children:t.name||t.value},`${t.name}-${a}`)))}exports.default=i;