@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/cjs/text/common/classes.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getClasses=({setting:e,advanced:t,builderProps:s})=>({...s?.uid&&{[s.uid]:!0},...e?.options?.customClass?.wrapper&&{[e.options.customClass.wrapper]:!0},...t?.cssClass&&{[t.cssClass]:!0}}),getContainerClasses=({setting:e})=>{let{excludeFlex:t}=e??{},s="";return t||(s+=" gp-flex"),composeClasses(s)},getTextClasses=({styles:e,setting:t,className:s,mode:o,disableEdit:r})=>{let{text:l,options:a}=t??{},p="";if(l||r||(p+="gp-relative empty:gp-pl-[2px] after:gp-content-['Your_custom_text_goes_here'] after:gp-absolute after:gp-select-none after:gp-top-0 after:gp-left-[2px] after:gp-w-full after:gp-truncate after:gp-text-black after:gp-opacity-20 "),e?.enableHoverEffect&&e?.underlineLink){let{underlineLink:t}=e,s=t.hover?"hover:gp-underline":"hover:!gp-no-underline",o=t.normal?"gp-underline":"";p+=` ${s} ${o}`.trim()}"edit"===o?(p+="     gp-text gp-cursor-pointer !gp-cursor-default",r||(p+=" gp-p-[2px]"),a?.useState&&(p+=" child-item-text gp-border gp-border-transparent hover:!gp-border-[#3C67FF]")):(p+=" gp-text-instant",a?.disablePointerEvent&&(p+=" gp-pointer-events-none"));let n=p.trim().split(" ").reduce((e,t)=>(e[t]=!0,e),{});return{...s&&{[s]:!0},...globalTypoClasses(e),...n}};function composeClasses(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}const globalTypoClasses=e=>{let t=core.composeTypographyClassName(e?.typo);return{...t&&{[t]:!0},...e?.textColor&&{[core.getGlobalColorClass("text",e?.textColor)]:!0},...!e?.textColor&&{[core.getGlobalColorStateClass("text",e?.color)]:!0}}};exports.composeClasses=composeClasses,exports.getClasses=getClasses,exports.getContainerClasses=getContainerClasses,exports.getTextClasses=getTextClasses,exports.globalTypoClasses=globalTypoClasses;

package/dist/cjs/text/common/helpers.js

@@ -0,0 +1 @@
+"use strict";var helpers=require("../../helpers.js");require("@gem-sdk/core");const formatThickness=e=>e?"number"==typeof e?e+"px":"string"!=typeof e||e.includes("px")?e:e+"px":"auto",getDisplayText=({type:e,styles:t,setting:r,builderProps:a,pageContext:s})=>{let{text:i,isForceValue:o}=r??{},n="",l=["Heading","Text"].includes(a?.builderData?.tag??"")&&!s?.isPreviewing,c=helpers.replaceLinkData(i?.toString()),p=t?.typo?.attrs?.transform==="capitalize";return"React"===e?n=p?i?.toString().toLocaleLowerCase():i?.toString():o?n=c:r?.translate?(n=helpers.getDynamicSourceLocales({val:i,uid:a?.uid,settingId:r?.translate,pageContext:s,isCapitalize:p,translate:r.translate,isReplaceLocationOrigin:l}))==i&&(n=c):n=p?c?.toString().toLocaleLowerCase():c,n};exports.formatThickness=formatThickness,exports.getDisplayText=getDisplayText;

package/dist/cjs/text/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t)=>{let o={...core.makeStyle({mr:e?.spacing,mb:e?.spacing}),...core.makeStyleResponsive("ta",e?.align),...t,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(o)},getContainerStyle=(e,t)=>{let{tagWidth:o}=t??{},r={...core.makeStyleResponsive("jc",e?.align),...o};return filterTruthyStyles(r)},getTextStyle=(e,t)=>{let o=core.makeGlobalSize(t?.globalSize),r=[e?.lineThrough&&"line-through",e?.typo?.attrs?.underline&&"underline"].filter(Boolean),l={...o?.width?.["--w"]?o.width:{"--w":"100%"},...core.makeStyle({tdc:core.getSingleColorVariable(e?.lineColor?.normal),tdt:helpers.formatThickness(e?.thickness)}),...core.composeBorderResponsive(e?.shapeBorder),...core.composeRadiusResponsive(e?.shapeRounded),...core.getResponsiveStyleShadowWithoutState(e?.shapeBoxShadow,"box-shadow",e?.shapeBoxShadow),...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...core.makeStyleResponsive("ta",e?.textAlign),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp)),...e?.textColor?core.getGlobalColorStyle(e.textColor):core.getGlobalColorStateStyle("c",e?.color),...core.composeTypographyStyle(e?.typo),"word-break":"break-word",...core.getStyleBackgroundByDevice(t?.background),...o.padding,...core.getGradientBgrStyleByDevice(t?.background,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...e?.opacityPrice&&{opacity:`${e?.opacityPrice}%`},...core.makeStyle({tdl:r.join(" ")})};return e?.enableHoverEffect?filterTruthyStyles(l):core.filterHoverVariables(l)},getTextStyleInline=e=>{let t={...core.composeTypographyStyle(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};exports.getContainerStyle=getContainerStyle,exports.getStyle=getStyle,exports.getTextStyle=getTextStyle,exports.getTextStyleInline=getTextStyleInline;

package/dist/cjs/text/components/Text.js

@@ -1,102 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var React = require('react');
-var common = require('./common.js');
-
-const Text = /*#__PURE__*/ React.forwardRef(({ styles, builderAttrs, style, setting, advanced, builderProps, className, children, ...props }, ref)=>{
-    const { text, htmlTag: Element = 'div', options, tagWidth, excludeFlex } = setting ?? {};
-    const composeGlobalSize = core.makeGlobalSize(setting?.globalSize);
-    const mode = core.useEditorMode();
-    const getPlaceHolderWhenContentNone = ()=>{
-        let classList = '';
-        if (!text) {
-            classList = `gp-relative empty:gp-pl-[2px] after:gp-content-['Your_custom_text_goes_here'] after:gp-absolute after:gp-select-none after:gp-top-0 after:gp-left-[2px] after:gp-w-full after:gp-truncate after:gp-text-black after:gp-opacity-20`;
-        }
-        return classList;
-    };
-    const getUnderlineClass = ()=>{
-        let classList = '';
-        if (styles?.underlineLink) {
-            classList = `${styles.underlineLink.hover ? 'hover:gp-underline' : ''} ${styles.underlineLink.normal ? 'gp-underline' : ''}`;
-        }
-        return classList;
-    };
-    const appendTypoClass = React.useMemo(()=>core.composeTypographyClassName(styles?.typo, styles?.typography), [
-        styles?.typo,
-        styles?.typography
-    ]);
-    const appendTypoStyle = React.useMemo(()=>core.composeTypographyStyle(styles?.typo, styles?.typography), [
-        styles?.typo,
-        styles?.typography
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        ...props,
-        ...builderAttrs,
-        className: core.cls(builderProps?.uid, setting?.options?.customClass?.wrapper, advanced?.cssClass),
-        "data-id": builderProps?.uid,
-        style: {
-            ...core.makeStyle({
-                mr: styles?.spacing,
-                mb: styles?.spacing
-            }),
-            ...core.makeStyleResponsive('ta', styles?.align),
-            ...style
-        },
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: core.cls({
-                    'gp-flex': !excludeFlex
-                }),
-                style: {
-                    ...core.makeStyleResponsive('jc', styles?.align),
-                    ...tagWidth
-                },
-                children: /*#__PURE__*/ jsxRuntime.jsx(Element, {
-                    "data-gp-text": true,
-                    ref: ref,
-                    "data-unique-text": options?.uniqueId ?? '',
-                    "data-product-id": options?.productID ?? '',
-                    className: core.cls(mode === 'edit' ? 'gp-text gp-cursor-pointer' : 'gp-text-instant', mode === 'edit' ? '!gp-cursor-default gp-p-[2px]' : options?.disablePointerEvent ? 'gp-pointer-events-none' : '', className, styles?.textColor ? core.getGlobalColorClass('text', styles?.textColor) : core.getGlobalColorStateClass('text', styles?.color), appendTypoClass, getPlaceHolderWhenContentNone(), getUnderlineClass(), options?.useState && mode === 'edit' ? 'child-item-text gp-border gp-border-transparent hover:!gp-border-[#3C67FF]' : ''),
-                    "data-not-editing": options?.isCannotEditing ? true : '',
-                    onDragStart: (e)=>e.preventDefault(),
-                    onDrop: (e)=>e.preventDefault(),
-                    style: {
-                        ...composeGlobalSize?.width?.['--w'] ? composeGlobalSize.width : {
-                            '--w': '100%'
-                        },
-                        ...core.makeStyle({
-                            tdc: styles?.lineColor,
-                            tdt: styles?.thickness
-                        }),
-                        ...core.getStyleShadowState(styles?.textShadow, 'text-shadow', styles?.hasTextShadow),
-                        ...core.getStyleShadow({
-                            value: styles?.typo?.custom?.textShadow,
-                            styleAppliedFor: 'text-shadow',
-                            isEnableShadow: styles?.typo?.custom?.hasShadowText
-                        }),
-                        ...core.makeStyleResponsive('ta', styles?.textAlign),
-                        ...core.makeStyleResponsive('line-clamp', core.makeLineClamp(styles?.lineClamp, styles?.hasLineClamp)),
-                        ...styles?.textColor ? core.getGlobalColorStyle(styles.textColor) : core.getGlobalColorStateStyle('c', styles?.color),
-                        ...appendTypoStyle,
-                        wordBreak: 'break-word',
-                        ...core.getStyleBackgroundByDevice(setting?.background),
-                        ...composeGlobalSize.padding,
-                        ...core.getGradientBgrStyleByDevice(setting?.background),
-                        ...core.getCornerStyle(advanced),
-                        overflow: 'hidden'
-                    },
-                    dangerouslySetInnerHTML: {
-                        __html: common.getDisplayText(text?.toString() ?? '<p><br></p>')
-                    }
-                })
-            }),
-            children
-        ]
-    });
-});
-
-exports.default = Text;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js");const Text=React.forwardRef(({styles:e,builderAttrs:s,style:t,setting:r,advanced:a,builderProps:l,className:c,children:y,disableEdit:m,...n},i)=>{let o=core.useEditorMode(),{htmlTag:u="div",options:d}=r??{},x=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),g=system.createAttr({...attrs.getTextAttr(d)}),j=system.createStyleReact({...styles.getStyle(e,t)}),p=system.createStyleReact({...styles.getContainerStyle(e,r)}),R=system.createStyleReact({...styles.getTextStyle(e,r)}),C=system.createClass({...classes.getClasses({setting:r,advanced:a,builderProps:l})}),q=system.createClass({...classes.getContainerClasses({setting:r})}),S=system.createClass({...classes.getTextClasses({styles:e,setting:r,className:c,mode:o,disableEdit:m})}),T=helpers.getDisplayText({type:"React",styles:e,setting:r,builderProps:l}),f=system.createContent(T);return jsxRuntime.jsxs("div",{...x,...n,...s,style:j,className:C,children:[jsxRuntime.jsx("div",{className:q,style:{...p},children:jsxRuntime.jsx(u,{ref:i,...g,className:S,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...R},dangerouslySetInnerHTML:{__html:f}})}),y]})});exports.default=Text;

package/dist/cjs/text/components/Text.liquid.js

@@ -1,109 +1,18 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-var helpers = require('../../helpers.js');
-var common = require('./common.js');
-
-const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, className, isText, pageContext, elementAttrs, ...props })=>{
-    const { text, htmlTag: Element = 'div', tagWidth, excludeFlex, isForceValue } = setting ?? {};
-    const composeGlobalSize = core.makeGlobalSize(setting?.globalSize);
-    const appendTypoClass = core.composeTypographyClassName(styles?.typo, styles?.typography);
-    const appendTypoStyle = core.composeTypographyStyle(styles?.typo, styles?.typography);
-    const getUnderlineClass = ()=>{
-        let classList = '';
-        if (styles?.underlineLink) {
-            classList = `${styles.underlineLink.hover ? 'hover:gp-underline' : ''} ${styles.underlineLink.normal ? 'gp-underline' : ''}`;
-        }
-        return classList;
-    };
-    let displayText = '';
-    const isViewliveHeadingOrTextComponent = [
-        'Heading',
-        'Text'
-    ].includes(builderProps?.builderData?.tag ?? '') && !pageContext?.isPreviewing;
-    const renderText = helpers.replaceLinkData(text?.toString());
-    if (isForceValue) {
-        displayText = renderText;
-    } else if (setting?.translate) {
-        displayText = helpers.getDynamicSourceLocales({
-            val: text,
-            uid: builderProps?.uid,
-            settingId: setting?.translate,
-            pageContext,
-            translate: setting.translate,
-            isReplaceLocationOrigin: isViewliveHeadingOrTextComponent
-        });
-        if (displayText == text) {
-            displayText = renderText;
-        }
-    } else {
-        displayText = common.getDisplayText(renderText ?? '');
-    }
-    return core.template`
-  {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
-  <gp-text data-id="${builderProps?.uidInteraction ?? builderProps?.uid}">
-    <div
-      ${{
-        ...props,
-        ...builderAttrs
-    }}
-        class="${builderProps?.uid} ${advanced?.cssClass}"
-        style="${{
-        ...core.makeStyle({
-            mr: styles?.spacing,
-            mb: styles?.spacing,
-            tt: styles?.transform
-        }),
-        ...core.makeStyleResponsive('ta', styles?.align),
-        ...style
-    }}"
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js");const Text=({id:e,styles:s,builderAttrs:t,style:r,setting:l,advanced:a,builderProps:i,className:y,isText:c,pageContext:o,elementAttrs:m})=>{let{htmlTag:n="div",excludeFlex:u}=l??{},g=system.createAttr({...e&&{id:e},...attrs.getAttr({uid:i?.uidInteraction??i?.uid??""}),...t}),d=system.createAttr({...attrs.getTextAttr(),...m}),p=system.createStyle({...styles.getStyle(s,r)}),$=system.createStyle({...styles.getContainerStyle(s,l)}),x=system.createStyle({...styles.getTextStyle(s,l)}),q=system.createClass({...classes.getClasses({setting:l,advanced:a,builderProps:i})}),T=system.createClass({"gp-flex":!u}),v=system.createClass({...classes.getTextClasses({styles:s,setting:l,className:y}),...c&&{"gp-text":!0}}),C=helpers.getDisplayText({type:"Liquid",styles:s,setting:l,builderProps:i,pageContext:o}),j=system.createContent(C);return core.template`
+    {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
+    <div ${{...g}}
+        class="${q}"
+        style="${p}"
+        data-test-force-publish="${new Date().getTime()}"
       >
-      <div class="${core.cls({
-        'gp-flex': !excludeFlex
-    })}" style="${{
-        ...core.makeStyleResponsive('jc', styles?.align),
-        ...tagWidth
-    }}">
-        <${Element}
-          ${{
-        ...elementAttrs
-    }}
-          data-gp-text
-          class="${core.cls(`${"[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\\A']"}`, className, styles?.textColor ? core.getGlobalColorClass('text', styles?.textColor) : core.getGlobalColorStateClass('text', styles?.color), appendTypoClass, getUnderlineClass(), {
-        'gp-text': isText
-    })}"
-          style="${{
-        ...composeGlobalSize?.width?.['--w'] ? composeGlobalSize.width : {
-            '--w': '100%'
-        },
-        ...core.makeStyle({
-            tdc: styles?.lineColor,
-            tdt: styles?.thickness
-        }),
-        ...core.getStyleShadowState(styles?.textShadow, 'text-shadow', styles?.hasTextShadow),
-        ...core.getStyleShadow({
-            value: styles?.typo?.custom?.textShadow,
-            styleAppliedFor: 'text-shadow',
-            isEnableShadow: styles?.typo?.custom?.hasShadowText
-        }),
-        ...core.makeStyleResponsive('ta', styles?.textAlign),
-        ...core.makeStyleResponsive('line-clamp', core.makeLineClamp(styles?.lineClamp, styles?.hasLineClamp)),
-        ...styles?.textColor ? core.getGlobalColorStyle(styles.textColor) : core.getGlobalColorStateStyle('c', styles?.color),
-        ...appendTypoStyle,
-        'word-break': 'break-word',
-        ...core.getStyleBackgroundByDevice(setting?.background),
-        ...composeGlobalSize.padding,
-        ...core.getGradientBgrStyleByDevice(setting?.background),
-        ...core.getCornerStyle(advanced),
-        overflow: 'hidden'
-    }}"
-        >${displayText}</${Element}>
+      <div class="${T}" style="${$}">
+        <${n}
+          ${{...d}}
+          class="${v}"
+          style="${x}"
+        >
+          ${j}
+        </${n}>
       </div>
     </div>
-    </gp-text>
-    `;
-};
-
-exports.default = Text;
+    `};exports.default=Text;

package/dist/cjs/text/components/TextInline.js

@@ -1,36 +1,10 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-
-const TextInline = ({ styles, setting, className, elementAttrs, ...props })=>{
-    const appendTypoStyle = core.composeTypographyStyle(styles?.typo);
-    const appendTypoClass = core.composeTypographyClassName(styles?.typo);
-    const { text } = setting ?? {};
-    const getStyleText = ()=>{
-        const objectStyle = {
-            ...appendTypoStyle,
-            'word-break': 'break-word',
-            overflow: 'hidden'
-        };
-        const styleInline = Object.entries(objectStyle).map(([key, value])=>`${key}:${value}`).join(';');
-        return styleInline;
-    };
-    return `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),styles=require("../common/styles.js");const TextInline=({styles:e,setting:s,className:t,elementAttrs:r,...l})=>{let{text:o}=s??{},c=system.createClass({...core.composeClasses(core.cls(t,core.composeTypographyClassName(e?.typo)))}),n=()=>{let s=system.createStyle({...styles.getTextStyleInline(e)}),t=Object.entries(s).map(([e,s])=>`${e}:${s}`).join(";");return t};return`
     <span
-      ${{
-        ...elementAttrs
-    }}
-      ${{
-        ...props
-    }}
-      class="${core.cls(className, appendTypoClass)}"
-      style="${getStyleText()}"
+      [object Object]
+      class="${c}"
+      style="${n()}"
+      element-attrs='${r?.debugText}'
     >
-      ${text}
+      ${o}
     </span>
-  `;
-};
-
-exports.default = TextInline;
+  `};exports.default=TextInline;

package/dist/cjs/text/index.js

@@ -1,10 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Text = require('./components/Text.js');
-
-
-
-exports.Text = Text.default;
-exports.default = Text.default;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link");var Text$1=require("./settings/Text.js");const textSetting={Text:Text$1.default};exports.textSetting=textSetting;

package/dist/cjs/text/next.js

@@ -1,16 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dynamic = require('next/dynamic');
-var Loading = require('../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const Text = dynamic(()=>Promise.resolve().then(function () { return require('./components/Text.js'); }), {
-    loading: Loading.default
-});
-var text = {
-    Text
-};
-
-exports.default = text;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Text=dynamic(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:Loading.default});var text={Text};exports.default=text;

package/dist/cjs/text/settings/Text.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),uiV1=require("./configs/ui-v1.js"),settings=require("./configs/settings.js"),presets=require("./configs/presets.js");const config={tag:"Text",label:"Text Block",icon:`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.19448 7H6.59995L10.2944 16.4858H8.55837L7.53884 13.7231H4.25559L3.23606 16.4858H1.5L5.19448 7ZM5.8937 9.30461L4.78109 12.2986H7.00631L5.8937 9.30461ZM13.0014 9.0633C13.3404 8.98396 13.714 8.94562 14.1203 8.94562C14.6354 8.94562 15.1134 9.02321 15.5514 9.18267C16.0081 9.34283 16.3829 9.6099 16.6621 9.98863C16.9537 10.3842 17.0848 10.8908 17.0848 11.477V16.4858H15.501V15.9596L15.4704 15.9848C15.2475 16.1701 14.9804 16.3168 14.6752 16.4294L14.6716 16.4307C14.3527 16.5435 13.9891 16.5961 13.5859 16.5961C12.8234 16.5961 12.1737 16.3941 11.6632 15.9628L11.6619 15.9617C11.1431 15.5184 10.8815 14.9216 10.8815 14.2009C10.8815 13.5177 11.1427 12.952 11.65 12.529C12.1598 12.0996 12.8743 11.9095 13.7476 11.9095H15.4588V11.4965C15.4588 11.096 15.3369 10.8544 15.1311 10.7025C14.8926 10.5265 14.5489 10.422 14.0711 10.422C13.7425 10.422 13.4942 10.4592 13.3154 10.5222C13.1325 10.5883 13.0096 10.671 12.9295 10.759C12.8408 10.8573 12.7807 10.9623 12.7443 11.0752L12.6748 11.291H11.1355L11.1715 10.9367C11.2043 10.6142 11.2985 10.3203 11.4585 10.0619L11.4612 10.0576C11.6238 9.80424 11.8375 9.5961 12.0963 9.43184C12.3587 9.26403 12.662 9.14273 13.0014 9.0633ZM13.7687 13.3339C13.2451 13.3339 12.9423 13.444 12.7857 13.5912C12.6157 13.7511 12.5356 13.9405 12.5356 14.1814C12.5356 14.5079 12.6483 14.7173 12.8701 14.8617C13.1355 15.0345 13.4525 15.1262 13.832 15.1262C14.1616 15.1262 14.4439 15.064 14.6849 14.9475C14.9356 14.8243 15.1231 14.664 15.2579 14.4704L15.2603 14.4671C15.3934 14.2812 15.4588 14.075 15.4588 13.8377V13.3339H13.7687ZM19.9323 8.3429C19.6012 8.3429 19.3328 8.62932 19.3328 8.98264C19.3328 9.33596 19.6012 9.62238 19.9323 9.62238H20.3169V15.7205H19.9323C19.6012 15.7205 19.3328 16.0069 19.3328 16.3603C19.3328 16.7136 19.6012 17 19.9323 17H21.9006C22.2316 17 22.5 16.7136 22.5 16.3603C22.5 16.0069 22.2316 15.7205 21.9006 15.7205H21.5157V9.62238H21.9006C22.2316 9.62238 22.5 9.33596 22.5 8.98264C22.5 8.62932 22.2316 8.3429 21.9006 8.3429H20.9163H19.9323Z" fill="white"/>
+  </svg>
+  `,settings:settings.TextSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,advanced:{},presets:presets.TextPreset,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{padding:{type:"custom"},width:"1200px",gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;

package/dist/cjs/text/settings/configs/presets.js

@@ -0,0 +1,3 @@
+"use strict";const TextPreset=[{id:"text",name:{en:"Text Block"},icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M0.728516 15V13.4961L2.28125 13.2031V2.58789L0.728516 2.29492V0.78125H2.28125H7.39844C8.45964 0.78125 9.36784 0.966797 10.123 1.33789C10.8848 1.70898 11.4674 2.22656 11.8711 2.89062C12.2747 3.54818 12.4766 4.31966 12.4766 5.20508C12.4766 6.09049 12.2747 6.86523 11.8711 7.5293C11.4674 8.18685 10.8848 8.69792 10.123 9.0625C9.36784 9.42708 8.45964 9.60938 7.39844 9.60938H4.74219V13.2031L6.29492 13.4961V15H0.728516ZM4.74219 7.70508H7.39844C8.27083 7.70508 8.92513 7.4707 9.36133 7.00195C9.79753 6.5332 10.0156 5.94076 10.0156 5.22461C10.0156 4.49544 9.79753 3.88997 9.36133 3.4082C8.92513 2.92643 8.27083 2.68555 7.39844 2.68555H4.74219V7.70508Z" fill="#D6D6D6"/>
+        </svg>`},components:[{tag:"Text",advanced:{editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"},"spacing-setting":{desktop:{margin:{bottom:0}}}}}],flowTagComponents:{Marquee:[{tag:"Text",settings:{text:"Lorem ipsum dolor sit amet"},advanced:{editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"}}}]}}];exports.TextPreset=TextPreset;

package/dist/cjs/text/settings/configs/settings.js

@@ -0,0 +1 @@
+"use strict";var background=require("../../../validates/background.js");const TextSettings=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translate",type:"input",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},validate:background.BackgroundSettingValidate,compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-2",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];exports.TextSettings=TextSettings;

package/dist/cjs/text/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"control",label:{en:"Text"},setting:{id:"typo"},layout:"vertical"},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/text/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:{en:"Text style"},controls:[{id:"typo",label:{en:"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"shapeBorder"}},{label:{en:"Corner"},setting:{id:"shapeRounded"}},{label:{en:"Shadow"},setting:{id:"shapeBoxShadow"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/textarea/components/Textarea.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");const TextArea=({children:e,className:t,required:r,setting:l={},advanced:s,builderProps:i})=>{let{width:o,height:a,fontSize:c,align:d,disabled:x,placeholder:p}=l;return jsxRuntime.jsx("div",{"data-id":i?.uid,className:core.cls({"gp-text-right":d?.desktop==="right","tablet:gp-text-right":d?.tablet==="right","mobile:gp-text-right":d?.mobile==="right","gp-text-left":d?.desktop==="left","tablet:gp-text-left":d?.tablet==="left","mobile:gp-text-left":d?.mobile==="left","gp-text-center":d?.desktop==="center","tablet:gp-text-center":d?.tablet==="center","mobile:gp-text-center":d?.mobile==="center"}),children:jsxRuntime.jsx("textarea",{className:core.cls("border border-solid",t,s?.cssClass),style:{...core.makeStyleResponsive("w",o),...core.makeStyleResponsive("h",a),...core.makeStyleResponsive("size",c)},placeholder:p,disabled:x,required:r,children:e})})};TextArea.defaultProps={},exports.default=TextArea;

package/dist/cjs/textarea/index.js

@@ -0,0 +1 @@
+"use strict";var Textarea=require("./components/Textarea.js"),Textarea$1=require("./settings/Textarea.js");const textareaSetting={Textarea:Textarea$1.default};exports.Textarea=Textarea.default,exports.textareaSetting=textareaSetting;

package/dist/cjs/textarea/next.js

@@ -1,16 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dynamic = require('next/dynamic');
-var Loading = require('../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const Textarea = dynamic(()=>Promise.resolve().then(function () { return require('./Textarea.js'); }), {
-    loading: Loading.default
-});
-var textarea = {
-    Textarea
-};
-
-exports.default = textarea;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Textarea=dynamic(()=>Promise.resolve().then(function(){return require("./components/Textarea.js")}),{loading:Loading.default});var textarea={Textarea};exports.default=textarea;

package/dist/cjs/textarea/settings/Textarea.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js");const config={tag:"Textarea",label:"Textarea",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M36.333 29.3333H32.833H3.66634V10.6666H36.333V29.3333ZM1.33301 31.1666C1.33301 31.4427 1.55687 31.6666 1.83301 31.6666H38.1663C38.4425 31.6666 38.6663 31.4427 38.6663 31.1666V8.83325C38.6663 8.55711 38.4425 8.33325 38.1663 8.33325H1.83301C1.55687 8.33325 1.33301 8.55711 1.33301 8.83325V31.1666Z" fill="currentColor"/>
+    <path d="M17.6665 22.3183H13.9236L13.4221 23.7382C13.3515 23.938 13.1626 24.0716 12.9507 24.0716H11.6832C11.5094 24.0716 11.3886 23.8987 11.4484 23.7355L14.5843 15.1848C14.6565 14.9879 14.844 14.8569 15.0537 14.8569H16.5498C16.7596 14.8569 16.9471 14.9879 17.0193 15.1848L20.1551 23.7355C20.2149 23.8987 20.0942 24.0716 19.9204 24.0716H18.6394C18.4275 24.0716 18.2386 23.938 18.168 23.7382L17.6665 22.3183ZM17.1548 20.8419L15.795 16.9925L14.4352 20.8419H17.1548Z" fill="currentColor"/>
+    <path d="M21.0568 20.3937C21.0568 19.6554 21.2049 19.0007 21.5011 18.4294C21.8063 17.8582 22.2147 17.4188 22.7263 17.1112C23.2469 16.8036 23.8258 16.6498 24.4631 16.6498C25.0195 16.6498 25.5042 16.7596 25.9171 16.9793C26.339 17.1991 26.6755 17.4759 26.9269 17.8099V17.2684C26.9269 16.9923 27.1507 16.7684 27.4269 16.7684H28.3252C28.6013 16.7684 28.8252 16.9923 28.8252 17.2684V23.5716C28.8252 23.8478 28.6013 24.0716 28.3252 24.0716H27.4269C27.1507 24.0716 26.9269 23.8478 26.9269 23.5716V23.0038C26.6845 23.3466 26.3479 23.6322 25.9171 23.8607C25.4953 24.0804 25.0061 24.1903 24.4496 24.1903C23.8213 24.1903 23.2469 24.0321 22.7263 23.7157C22.2147 23.3993 21.8063 22.9555 21.5011 22.3842C21.2049 21.8042 21.0568 21.1407 21.0568 20.3937ZM26.9269 20.42C26.9269 19.9718 26.8371 19.5895 26.6576 19.2731C26.4781 18.948 26.2357 18.7019 25.9306 18.5349C25.6254 18.3591 25.2978 18.2712 24.9477 18.2712C24.5977 18.2712 24.2746 18.3547 23.9784 18.5217C23.6822 18.6887 23.4398 18.9348 23.2513 19.2599C23.0718 19.5763 22.9821 19.9542 22.9821 20.3937C22.9821 20.8331 23.0718 21.2198 23.2513 21.5537C23.4398 21.8789 23.6822 22.1294 23.9784 22.3051C24.2835 22.4809 24.6067 22.5688 24.9477 22.5688C25.2978 22.5688 25.6254 22.4853 25.9306 22.3183C26.2357 22.1426 26.4781 21.8965 26.6576 21.5801C26.8371 21.2549 26.9269 20.8682 26.9269 20.42Z" fill="currentColor"/>
+  </svg>
+  `,settings:settings.TextareaSettings};exports.default=config;

package/dist/cjs/textarea/settings/configs/settings.js

@@ -0,0 +1 @@
+"use strict";const TextareaSettings=[{id:"setting",controls:[{id:"width",type:"input:unit",units:["px","em","rem","%"],label:"Width of textarea",devices:{desktop:{default:"100%"}}},{id:"height",type:"input:unit",units:["px","em","rem","%"],label:"Height of textarea",devices:{desktop:{default:"200px"}}},{id:"placeholder",type:"input",label:"Placeholder",default:"Enter your text data"},{id:"disabled",type:"toggle",label:"Disabled",default:!1},{id:"fontSize",type:"input:unit",units:["px","em","rem","%"],label:"Font Size",devices:{desktop:{default:"16px"}}},{id:"align",label:"Align",type:"select",options:[{label:"Left",value:"left",tooltip:"Align left"},{label:"Center",value:"center",tooltip:"Align center"},{label:"Right",value:"right",tooltip:"Align right"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];exports.TextareaSettings=TextareaSettings;

package/dist/cjs/third-party/common/helpers.js

@@ -0,0 +1,13 @@
+"use strict";var core=require("@gem-sdk/core");const getYotpoFormCode=e=>{if(!e)return"";let o="";return e.replace(/data-yotpo-instance-id ?= ?"([^"]+)"/gi,r=>(o=(o=(o=(o=r).replace("data-yotpo-instance-id=","")).replace(/['"]+/g,"")).replace(/["']+/g,""),e)),o},getYotpoUri=e=>{if(!e)return"";let o="";return(e.replace(/src ?= ?"([^"]+)"/gi,r=>(o=(o=(o=(o=r).replace("src=","")).replace(/['"]+/g,"")).replace(/["']+/g,""),e)),o)?o:""},getLiquidForAppBlock=(e,o,r)=>core.template`
+    {% assign app_blocks = section.blocks | where: "type", "@app" %}
+    <div
+      class="gp-flex gp-w-full gp-items-center ${r}"
+      style="${{...core.makeStyleResponsive("jc",o)}}"
+    >
+      {% for block in app_blocks %}
+        {% if block.type == '@app' and block.id contains '${e}' %}
+          {% render block %}
+        {% endif %}
+      {% endfor %}
+    </div>
+  `;exports.getLiquidForAppBlock=getLiquidForAppBlock,exports.getYotpoFormCode=getYotpoFormCode,exports.getYotpoUri=getYotpoUri;

package/dist/cjs/third-party/components/AftershipEmailMarketingsms.js

@@ -1,32 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var AftershipEmailMarketingsms$1 = require('../configs/AftershipEmailMarketingsms.js');
-
-const AftershipEmailMarketingsmsContent = ()=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
-                setting: {
-                    label: 'AfterShip Email Marketing,SMS',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AftershipEmailMarketingsms$1.default.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const AftershipEmailMarketingsms = ({ setting })=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        style: {
-            ...core.makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsxRuntime.jsx(AftershipEmailMarketingsmsContent, {})
-    });
-};
-
-exports.default = AftershipEmailMarketingsms;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ThirdPartyPreview=require("./ThirdPartyPreview.js"),AftershipEmailMarketingsms$1=require("../configs/AftershipEmailMarketingsms.js");const AftershipEmailMarketingsmsContent=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-p-2",children:jsxRuntime.jsx(ThirdPartyPreview.default,{setting:{label:"AfterShip Email Marketing,SMS",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AftershipEmailMarketingsms$1.default.logoUrl}">`}})})}),AftershipEmailMarketingsms=({setting:e})=>jsxRuntime.jsx("div",{style:{...core.makeStyleResponsive("ta",e?.align)},children:jsxRuntime.jsx(AftershipEmailMarketingsmsContent,{})});exports.default=AftershipEmailMarketingsms;

package/dist/cjs/third-party/components/AftershipEmailMarketingsms.liquid.js

@@ -1,12 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var thirdParty = require('../helpers/thirdParty.js');
-
-const AftershipEmailMarketingsms = ({ setting, advanced })=>{
-    const { align, appBlockId } = setting ?? {};
-    return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ? advanced?.cssClass : ''} !gp-block`);
-};
-
-exports.default = AftershipEmailMarketingsms;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var helpers=require("../common/helpers.js");const AftershipEmailMarketingsms=({setting:e,advanced:s})=>{let{align:r,appBlockId:t}=e??{};return helpers.getLiquidForAppBlock(t,r,`${s?.cssClass?s?.cssClass:""} !gp-block`)};exports.default=AftershipEmailMarketingsms;

package/dist/cjs/third-party/components/AirProductReviewsAppUgc.js

@@ -1,38 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-
-const AppConfig = {
-    id: 'air-product-reviews-app-ugc',
-    label: 'Air: Product Reviews app & UGC',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/d636d73c74c4684a910d23211e0e6ddf/icon/CJbfpYa_9oYDEAE=.jpeg',
-    tag: 'AirProductReviewsAppUgc'
-};
-const AirProductReviewsAppUgcContent = ()=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
-                setting: {
-                    label: 'Air: Product Reviews app & UGC',
-                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const AirProductReviewsAppUgc = ({ setting })=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        style: {
-            ...core.makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsxRuntime.jsx(AirProductReviewsAppUgcContent, {})
-    });
-};
-
-exports.AppConfig = AppConfig;
-exports.default = AirProductReviewsAppUgc;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ThirdPartyPreview=require("./ThirdPartyPreview.js"),AirProductReviewsAppUgc$1=require("../configs/AirProductReviewsAppUgc.js");const AirProductReviewsAppUgcContent=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-p-2",children:jsxRuntime.jsx(ThirdPartyPreview.default,{setting:{label:"Air: Product Reviews app & UGC",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AirProductReviewsAppUgc$1.default.logoUrl}">`}})})}),AirProductReviewsAppUgc=({setting:e})=>jsxRuntime.jsx("div",{style:{...core.makeStyleResponsive("ta",e?.align)},children:jsxRuntime.jsx(AirProductReviewsAppUgcContent,{})});exports.default=AirProductReviewsAppUgc;

package/dist/cjs/third-party/components/AirProductReviewsAppUgc.liquid.js

@@ -1,26 +1,8 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-
-const AirProductReviewsAppUgc = ({ setting, advanced })=>{
-    const { align, widgetType } = setting ?? {};
-    const mapWidget = {
-        review_box: 'AirReviews-Widget--Block',
-        star_rating: 'AirReviews-Widget--Stars',
-        review_carousel: 'AirReviews-Widget--Carousel'
-    };
-    return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core");const AirProductReviewsAppUgc=({setting:e,advanced:r})=>{let{align:i,widgetType:s}=e??{};return core.template`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...core.makeStyleResponsive('ta', align)
-    }}"
+      class="${r?.cssClass}"
+      style="${{...core.makeStyleResponsive("ta",i)}}"
     >
-      <div class="AirReviews-Widget ${mapWidget[widgetType || 'review_box']}"></div>
+      <div class="AirReviews-Widget ${({review_box:"AirReviews-Widget--Block",star_rating:"AirReviews-Widget--Stars",review_carousel:"AirReviews-Widget--Carousel"})[s||"review_box"]}"></div>
     </div>
-  `;
-};
-
-exports.default = AirProductReviewsAppUgc;
+  `};exports.default=AirProductReviewsAppUgc;

package/dist/cjs/third-party/components/AliReviews/AliReviewsSampleContent.js

@@ -1,28 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var ThirdPartyPreview = require('../ThirdPartyPreview.js');
-var AliReviews = require('../../configs/AliReviews.js');
-
-const AliReviewsSampleContent = ({ setting })=>{
-    const sectionName = setting?.sectionName;
-    const label = React.useMemo(()=>{
-        return sectionName ? `${AliReviews.default.label} - ${sectionName}` : AliReviews.default.label;
-    }, [
-        sectionName
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: "gp-p-2",
-        children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
-            setting: {
-                label,
-                iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AliReviews.default.logoUrl}">`
-            }
-        })
-    });
-};
-
-exports.default = AliReviewsSampleContent;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),ThirdPartyPreview=require("../ThirdPartyPreview.js"),AliReviews=require("../../configs/AliReviews.js");const AliReviewsSampleContent=({setting:e})=>{let i=e?.sectionName,r=React.useMemo(()=>i?`${AliReviews.default.label} - ${i}`:AliReviews.default.label,[i]);return jsxRuntime.jsx("div",{className:"gp-p-2",children:jsxRuntime.jsx(ThirdPartyPreview.default,{setting:{label:r,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AliReviews.default.logoUrl}">`}})})};exports.default=AliReviewsSampleContent;

package/dist/cjs/third-party/components/AliReviews.js

@@ -1,22 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var dynamic = require('next/dynamic');
-
-const AliReviewsSampleContent = dynamic(()=>Promise.resolve().then(function () { return require('./AliReviews/AliReviewsSampleContent.js'); }));
-const AliReviews = ({ setting })=>{
-    const mode = core.useEditorMode();
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        style: {
-            ...core.makeStyleResponsive('ta', setting?.align)
-        },
-        children: mode === 'edit' && /*#__PURE__*/ jsxRuntime.jsx(AliReviewsSampleContent, {
-            setting: setting
-        })
-    });
-};
-
-exports.default = AliReviews;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),dynamic=require("next/dynamic");const AliReviewsSampleContent=dynamic(()=>Promise.resolve().then(function(){return require("./AliReviews/AliReviewsSampleContent.js")})),AliReviews=({setting:e})=>{let i=core.useEditorMode();return jsxRuntime.jsx("div",{style:{...core.makeStyleResponsive("ta",e?.align)},children:"edit"===i&&jsxRuntime.jsx(AliReviewsSampleContent,{setting:e})})};exports.default=AliReviews;