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

package/dist/cjs/post-purchase/image/common/classes.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getFigureClass=()=>core.composeClasses("gp-relative gp-inline-block gp-w-full gp-align-middle gp-pointer-events-none"),getAdaptiveClass=()=>core.composeClasses("gp-inline-block gp-w-full gp-max-w-full"),getImageClass=()=>core.composeClasses("group/image"),getImageWrapperClass=e=>({"gp-border-[#d9d9d9] gp-border":e?.enableBorder!=="none"});exports.getAdaptiveClass=getAdaptiveClass,exports.getFigureClass=getFigureClass,exports.getImageClass=getImageClass,exports.getImageWrapperClass=getImageWrapperClass;

package/dist/cjs/post-purchase/image/common/helpers.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const makeResponsiveSetting=e=>{let t={};return core.DEVICES.map(s=>{t[s]=e}),t};exports.makeResponsiveSetting=makeResponsiveSetting;

package/dist/cjs/post-purchase/image/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getFigureStyle=e=>({...core.makeStyleResponsive("w",e?.width),"border-radius":"inherit"}),getImageStyle=(e,t)=>({...t,...core.makeStyle({ta:e?.align})}),getImageWrapperStyle=(e,t)=>({...t,"--w":"100%",...core.makeStyleResponsiveState("radius",e?.borderRadius),...core.makeStyleResponsive("aspect",e?.aspectRatio),...core.makeStyleResponsive("objf",e?.layout)});exports.getFigureStyle=getFigureStyle,exports.getImageStyle=getImageStyle,exports.getImageWrapperStyle=getImageWrapperStyle;

package/dist/cjs/post-purchase/image/components/AdaptiveImage.js

@@ -1,55 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Head = require('next/head');
-var Img = require('./Img.js');
-
-const AdaptiveImage = ({ srcSet, priority, pictureClass, ...rest })=>{
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs(Head, {
-                children: [
-                    !!srcSet?.desktop?.src && /*#__PURE__*/ jsxRuntime.jsx("link", {
-                        rel: "preload",
-                        href: srcSet.desktop.src,
-                        as: "image"
-                    }),
-                    !!srcSet?.tablet?.src && /*#__PURE__*/ jsxRuntime.jsx("link", {
-                        rel: "preload",
-                        href: srcSet.tablet.src,
-                        as: "image"
-                    }),
-                    !!srcSet?.mobile?.src && /*#__PURE__*/ jsxRuntime.jsx("link", {
-                        rel: "preload",
-                        href: srcSet.mobile.src,
-                        as: "image"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs("picture", {
-                className: pictureClass,
-                children: [
-                    !!srcSet?.mobile?.src && /*#__PURE__*/ jsxRuntime.jsx("source", {
-                        media: "(max-width: 767px)",
-                        srcSet: srcSet.mobile.src
-                    }),
-                    !!srcSet?.tablet?.src && /*#__PURE__*/ jsxRuntime.jsx("source", {
-                        media: "(max-width: 1024px)",
-                        srcSet: srcSet?.tablet?.src
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(Img.default, {
-                        ...rest,
-                        loading: priority ? 'eager' : 'lazy',
-                        image: {
-                            src: srcSet?.desktop?.src ?? ''
-                        }
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-exports.default = AdaptiveImage;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Head=require("next/head"),Img=require("./Img.js");const BREAKPOINTS={},AdaptiveImage=({srcSet:e,priority:r=!1,pictureClass:s,...t})=>{if(!e?.desktop?.src)return null;let i=e=>Object.entries(e).map(([e,r])=>r?.src&&jsxRuntime.jsx("link",{rel:"preload",href:r.src,as:"image"},`preload-${e}`)),a=e=>{let r=[{media:"(max-width: 767px)",srcSet:e.mobile?.src},{media:"(max-width: 1024px)",srcSet:e.tablet?.src}];return r.map(({media:e,srcSet:r})=>r&&jsxRuntime.jsx("source",{media:e,srcSet:r},e))};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Head,{children:i(e)}),jsxRuntime.jsxs("picture",{className:s,children:[a(e),jsxRuntime.jsx(Img.default,{...t,loading:r?"eager":"lazy",image:{src:e.desktop.src}})]})]})};exports.default=AdaptiveImage;

package/dist/cjs/post-purchase/image/components/Image.js

@@ -1,52 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var AdaptiveImage = require('./AdaptiveImage.js');
-
-const PostPurchaseImage = ({ styles, className, setting, builderAttrs, builderProps, style, children, onClick })=>{
-    const imageWidth = core.makeStyleResponsive('w', styles?.width);
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        ...builderAttrs,
-        onClick: onClick,
-        role: "presentation",
-        className: core.cls('group/image', builderProps?.uid),
-        style: {
-            ...style,
-            ...core.makeStyle({
-                ta: styles?.align
-            })
-        },
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx("figure", {
-                className: "gp-relative gp-inline-block gp-w-auto gp-align-middle gp-pointer-events-none",
-                style: {
-                    ...imageWidth,
-                    borderRadius: 'inherit'
-                },
-                children: /*#__PURE__*/ jsxRuntime.jsx(AdaptiveImage.default, {
-                    srcSet: setting?.srcSet,
-                    className: core.cls(className, 'gp-inline-block gp-w-full gp-max-w-full'),
-                    alt: setting?.alt,
-                    aspectRatio: {
-                        desktop: styles?.aspectRatio,
-                        tablet: styles?.aspectRatio,
-                        mobile: styles?.aspectRatio
-                    },
-                    layout: {
-                        desktop: styles?.objectFit,
-                        tablet: styles?.objectFit,
-                        mobile: styles?.objectFit
-                    },
-                    priority: setting?.priority,
-                    enableBorder: styles?.enableBorder
-                })
-            }),
-            children
-        ]
-    });
-};
-
-exports.default = PostPurchaseImage;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),AdaptiveImage=require("./AdaptiveImage.js"),helpers=require("../common/helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const PostPurchaseImage=({styles:e,setting:s,builderAttrs:t,style:a,children:r,onClick:l})=>{let i=system.createStyle(styles.getFigureStyle(e)),m=system.createClass(classes.getFigureClass()),c=system.createClass(classes.getAdaptiveClass()),o=system.createStyle(styles.getImageStyle(e,a)),u=system.createClass(classes.getImageClass());return jsxRuntime.jsxs("div",{...t,onClick:l,role:"presentation",className:u,style:o,children:[jsxRuntime.jsx("figure",{className:m,style:i,children:jsxRuntime.jsx(AdaptiveImage.default,{srcSet:s?.srcSet,className:c,alt:s?.alt,aspectRatio:helpers.makeResponsiveSetting(e?.aspectRatio),layout:helpers.makeResponsiveSetting(e?.objectFit),priority:s?.priority,enableBorder:e?.enableBorder})}),r]})};exports.default=PostPurchaseImage;

package/dist/cjs/post-purchase/image/components/Img.js

@@ -1,29 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-
-const Img = ({ layout, borderRadius, aspectRatio, image, alt, style, enableBorder, ...props })=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("img", {
-        ...props,
-        src: image?.src,
-        alt: alt,
-        className: core.cls(enableBorder !== 'none' ? 'gp-border gp-border-[#d9d9d9]' : ''),
-        style: {
-            ...style,
-            ...core.makeStyleResponsiveState('radius', borderRadius),
-            ...core.makeStyleResponsive('aspect', aspectRatio),
-            ...core.makeStyleResponsive('objf', layout),
-            '--w': '100%'
-        }
-    });
-};
-Img.defaultProps = {
-    layout: {
-        desktop: 'cover'
-    }
-};
-
-exports.default = Img;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const Img=({layout:e,borderRadius:s,aspectRatio:t,image:r,alt:a,style:l,enableBorder:m,...c})=>{let u=system.createStyle(styles.getImageWrapperStyle({borderRadius:s,aspectRatio:t,layout:e},l)),o=system.createClass(classes.getImageWrapperClass({enableBorder:m}));return jsxRuntime.jsx("img",{...c,src:r?.src,alt:a,className:o,style:u})};Img.defaultProps={layout:{desktop:"cover"}},exports.default=Img;

package/dist/cjs/post-purchase/image/index.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("next/head"),require("./components/Img.js"),require("@gem-sdk/core"),require("@gem-sdk/system");var Image$1=require("./settings/Image.js");const postPurchaseImageSetting={PostPurchaseImage:Image$1.default};exports.postPurchaseImageSetting=postPurchaseImageSetting;

package/dist/cjs/post-purchase/image/next.js

@@ -1,11 +1 @@
-'use strict';
-
-var dynamic = require('next/dynamic');
-var Loading = require('../../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const PostPurchaseImage = dynamic(()=>Promise.resolve().then(function () { return require('./components/Image.js'); }), {
-    loading: Loading.default
-});
-
-exports.PostPurchaseImage = PostPurchaseImage;
+"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 PostPurchaseImage=dynamic(()=>Promise.resolve().then(function(){return require("./components/Image.js")}),{loading:Loading.default});var postPurchaseImage={PostPurchaseImage};exports.default=postPurchaseImage;

package/dist/cjs/post-purchase/image/settings/Image.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),settingV2=require("./configs/setting-v2.js");const config={tag:"PostPurchaseImage",label:"Image",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.3337 14.6666C13.3337 16.1333 12.1337 17.3333 10.667 17.3333C9.20033 17.3333 8.00033 16.1333 8.00033 14.6666C8.00033 13.2 9.20033 12 10.667 12C12.1337 12 13.3337 13.2 13.3337 14.6666ZM27.3741 14.8404C26.9836 14.4499 26.3504 14.4499 25.9599 14.8404L16.667 24.1333L14.0346 21.6062C13.6442 21.2314 13.0267 21.2352 12.6409 21.6145L5.33366 28.8V9.33329H34.667V22.1333L27.3741 14.8404ZM34.667 30.6666H23.2003L18.5337 26L26.667 17.8666L34.667 25.8666V30.6666ZM7.33366 30.6666L13.467 24.6666L19.467 30.6666H7.33366ZM3.66699 6.66663C3.11471 6.66663 2.66699 7.11434 2.66699 7.66663V31.4666V32.3333C2.66699 32.8856 3.11471 33.3333 3.66699 33.3333H25.867H36.3337C36.8859 33.3333 37.3337 32.8856 37.3337 32.3333V30.6666V28.5333V24.8V7.66662C37.3337 7.11434 36.8859 6.66663 36.3337 6.66663H3.66699Z" fill="currentColor"/>
+  </svg>
+  `,settings:[{id:"setting",controls:[{id:"srcSet",type:"image",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Original",value:"auto"},{label:"Square",value:"1",type:"image-shape",icon:"image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"image-shape-horizontal"}]},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"objectFit",type:"layout-segment",iconViewBox:"0 0 66 48",enableItemBackground:!0,enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image"},{label:"Fit image",value:"contain",type:"image"}],default:"cover"},{id:"align",label:"Align",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"enableBorder",type:"segment",default:"none",options:[{label:"None",value:"none",type:"border"},{label:"Solid",value:"solid",type:"border"}]}]}],settingsV2:settingV2.ImagePostPurchaseSettingV2,ui:[{type:"group",label:{en:"Image"},options:{labelSpacing:"small"},controls:[{type:"control",layout:"vertical",label:{en:"Image"},setting:{id:"srcSet"}},{type:"control",label:{en:"Preload"},options:{info:"near"},setting:{id:"priority"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Ratio"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}},{type:"control",label:{en:"Image scale"},setting:{id:"objectFit"}}]},{type:"group",label:{en:"Shape"},controls:[{type:"control",setting:{id:"enableBorder"},label:{en:"Border"}}]},{type:"control",label:{en:"Align"},options:{label:"large"},setting:{id:"align"}}],uiV2:uiV2.SettingUIV2,presets:[{id:"post-purchase-image",name:{en:"Image"},icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect width="96" height="48" rx="3" fill="#424242"/>
+          <circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
+          <path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
+          </svg>
+        `},components:[{tag:"PostPurchaseImage",advanced:{blockPadding:"none",inlinePadding:"none"}}],rootOverride:{styles:{width:{desktop:"500px"},align:"center"}}}]};exports.default=config;

package/dist/cjs/post-purchase/image/settings/configs/setting-v2.js

@@ -0,0 +1 @@
+"use strict";const ImagePostPurchaseSettingV2=[{id:"setting",controls:[{id:"srcSet",type:"image:post-purchase",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Square",value:"1",type:"image-shape",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"100%"}}},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"align",label:"Align",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"}],default:"left"},{id:"enableBorder",type:"option:value",default:"none",options:[{value:"none",iconName:"gp-cursor-none"},{value:"solid",iconName:"gp-line"}]}]}];exports.ImagePostPurchaseSettingV2=ImagePostPurchaseSettingV2;

package/dist/cjs/post-purchase/image/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:{en:"Source"},controls:[{type:"control",layout:"vertical",label:{en:""},setting:{id:"srcSet"}},{label:{en:"Scale"},setting:{id:"objectFit"},conditionDisplay:'aspectRatio !== "auto"'}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Frame"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{setting:{id:"enableBorder"},label:{en:"Border"},options:{labelVariant:"primary"}}]},{label:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},setting:{id:"priority"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/post-purchase/line/common/classes.js

@@ -0,0 +1 @@
+"use strict";const getClasses=({align:e,className:t})=>({"gp-flex":!0,"gp-justify-start":"left"===e,"gp-justify-center":"center"===e,"gp-justify-end":"right"===e,[t||""]:!!t}),getContentClassesClass=(e,t)=>({"gp-hidden":e?.desktop,"gp-block":!e?.desktop,"tablet:gp-hidden":e?.tablet,"tablet:gp-block":!e?.tablet,"mobile:gp-hidden":e?.mobile,"mobile:gp-block":!e?.mobile,[t||""]:!!t});exports.getClasses=getClasses,exports.getContentClassesClass=getContentClassesClass;

package/dist/cjs/post-purchase/line/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../hero-banner/common/helpers.js"),types=require("../types.js");const getStyle=(e,t)=>{let s={desktop:e?`${types.ThicknessUnit[e]}px`:"1px",tablet:e?`${types.ThicknessUnit[e]}px`:"1px",mobile:e?`${types.ThicknessUnit[e]}px`:"1px"};return{...core.makeStyleResponsive("bbw",s),...core.makeStyleResponsive("w",helpers.getWidth(t)),"background-color":"#d9d9d9"}};exports.getStyle=getStyle;

package/dist/cjs/post-purchase/line/components/PostPurchaseLine.js

@@ -1,53 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var common = require('../../../banner/helpers/common.js');
-
-exports.ThicknessUnit = void 0;
-(function(ThicknessUnit) {
-    ThicknessUnit[ThicknessUnit["thin"] = 1] = "thin";
-    ThicknessUnit[ThicknessUnit["medium"] = 3] = "medium";
-    ThicknessUnit[ThicknessUnit["thick"] = 5] = "thick";
-    ThicknessUnit[ThicknessUnit["xthick"] = 10] = "xthick";
-})(exports.ThicknessUnit || (exports.ThicknessUnit = {}));
-const Line = ({ className, setting, styles })=>{
-    const { thickness, width, align } = styles ?? {};
-    const { enableIconText } = setting ?? {};
-    const wWidthFull = core.makeStyleResponsive('w', common.getWidth(width));
-    const thicknessToUnit = ()=>{
-        return {
-            desktop: thickness ? `${exports.ThicknessUnit[thickness]}px` : '1px',
-            tablet: thickness ? `${exports.ThicknessUnit[thickness]}px` : '1px',
-            mobile: thickness ? `${exports.ThicknessUnit[thickness]}px` : '1px'
-        };
-    };
-    const alignToClass = ()=>({
-            'gp-justify-start': align === 'left',
-            'gp-justify-center': align === 'center',
-            'gp-justify-end': align === 'right'
-        });
-    const iconTextToClass = ()=>({
-            'gp-hidden': enableIconText?.desktop,
-            'gp-block': !enableIconText?.desktop,
-            'tablet:gp-hidden': enableIconText?.tablet,
-            'tablet:gp-block': !enableIconText?.tablet,
-            'mobile:gp-hidden': enableIconText?.mobile,
-            'mobile:gp-block': !enableIconText?.mobile
-        });
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: core.cls('gp-flex', alignToClass(), className),
-        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-            style: {
-                ...core.makeStyleResponsive('bbw', thicknessToUnit()),
-                backgroundColor: '#d9d9d9',
-                ...wWidthFull
-            },
-            className: core.cls(iconTextToClass(), className)
-        })
-    });
-};
-
-exports.default = Line;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const Line=({className:s,setting:e,styles:t})=>{let{thickness:l,width:r,align:a}=t??{},{enableIconText:c}=e??{},m=system.createClass({...classes.getClasses({align:a,className:s})}),i=system.createStyle({...styles.getStyle(l,r)}),n=system.createClass({...classes.getContentClassesClass(c,s)});return jsxRuntime.jsx("div",{className:m,children:jsxRuntime.jsx("div",{style:i,className:n})})};exports.default=Line;

package/dist/cjs/post-purchase/line/index.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/system"),require("@gem-sdk/core"),require("./types.js");var PostPurchaseLine$1=require("./settings/PostPurchaseLine.js");const postPurchaseLineSetting={PostPurchaseLine:PostPurchaseLine$1.default};exports.postPurchaseLineSetting=postPurchaseLineSetting;

package/dist/cjs/post-purchase/line/next.js

@@ -1,11 +1 @@
-'use strict';
-
-var dynamic = require('next/dynamic');
-var Loading = require('../../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const PostPurchaseLine = dynamic(()=>Promise.resolve().then(function () { return require('./components/PostPurchaseLine.js'); }), {
-    loading: Loading.default
-});
-
-exports.PostPurchaseLine = PostPurchaseLine;
+"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 PostPurchaseLine=dynamic(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLine.js")}),{loading:Loading.default});var postPurchaseLine={PostPurchaseLine};exports.default=postPurchaseLine;

package/dist/cjs/post-purchase/line/settings/PostPurchaseLine.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),presets=require("./configs/presets.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"PostPurchaseLine",label:"Line",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20.4003 9.86671C20.2003 9.60004 19.8003 9.60004 19.6003 9.86671L16.0003 14.6667H3.16699C2.89085 14.6667 2.66699 14.8906 2.66699 15.1667V16.8334C2.66699 17.1095 2.89085 17.3334 3.16699 17.3334H36.8337C37.1098 17.3334 37.3337 17.1095 37.3337 16.8334V15.1667C37.3337 14.8906 37.1098 14.6667 36.8337 14.6667H24.0003L20.4003 9.86671ZM3.16699 21.3334C2.89085 21.3334 2.66699 21.5572 2.66699 21.8334V23.5C2.66699 23.7762 2.89085 24 3.16699 24H16.0003L19.6003 28.8C19.8003 29.0667 20.2003 29.0667 20.4003 28.8L24.0003 24H36.8337C37.1098 24 37.3337 23.7762 37.3337 23.5V21.8334C37.3337 21.5572 37.1098 21.3334 36.8337 21.3334H3.16699Z" fill="currentColor"/>
+  </svg>
+  `,settings:settings.PostPurchaseLineSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,init:[{tag:"PostPurchaseLine",advanced:{"spacing-setting":{desktop:{padding:{top:"16px",bottom:"16px"}}}}}],presets:presets.PostPurchaseLinePreset};exports.default=config;

package/dist/cjs/post-purchase/line/settings/configs/presets.js

@@ -0,0 +1,5 @@
+"use strict";const PostPurchaseLinePreset=[{id:"PostPurchaseLine",name:{en:"Line"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="96" height="2" transform="translate(0 24)" fill="#F9F9F9"/>
+</svg>
+      `},components:[{tag:"PostPurchaseLine",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}],rootOverride:{styles:{align:"center",width:{desktop:"default"}}}}];exports.PostPurchaseLinePreset=PostPurchaseLinePreset;

package/dist/cjs/post-purchase/line/settings/configs/settings.js

@@ -0,0 +1 @@
+"use strict";const PostPurchaseLineSettings=[{id:"setting",controls:[{id:"lineType",type:"group",controls:[{id:"enableIconText",label:"Type",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"text",label:"Text",type:"input",default:"Title"},{id:"iconSvg",label:"SVG Icon",type:"icon",default:'<svg style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">              <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M428.8 137.6h-86.177a115.52 115.52 0 0 0 2.176-22.4c0-47.914-35.072-83.2-92-83.2-45.314 0-57.002 48.537-75.707 78.784-7.735 12.413-16.994 23.317-25.851 33.253l-.131.146-.129.148C135.662 161.807 127.764 168 120.8 168h-2.679c-5.747-4.952-13.536-8-22.12-8H32c-17.673 0-32 12.894-32 28.8v230.4C0 435.106 14.327 448 32 448h64c8.584 0 16.373-3.048 22.12-8h2.679c28.688 0 67.137 40 127.2 40h21.299c62.542 0 98.8-38.658 99.94-91.145 12.482-17.813 18.491-40.785 15.985-62.791A93.148 93.148 0 0 0 393.152 304H428.8c45.435 0 83.2-37.584 83.2-83.2 0-45.099-38.101-83.2-83.2-83.2zm0 118.4h-91.026c12.837 14.669 14.415 42.825-4.95 61.05 11.227 19.646 1.687 45.624-12.925 53.625 6.524 39.128-10.076 61.325-50.6 61.325H248c-45.491 0-77.21-35.913-120-39.676V215.571c25.239-2.964 42.966-21.222 59.075-39.596 11.275-12.65 21.725-25.3 30.799-39.875C232.355 112.712 244.006 80 252.8 80c23.375 0 44 8.8 44 35.2 0 35.2-26.4 53.075-26.4 70.4h158.4c18.425 0 35.2 16.5 35.2 35.2 0 18.975-16.225 35.2-35.2 35.2zM88 384c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z" /></svg>'},{id:"position",label:"Position",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"}],default:"left"}]}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Dimension",controls:[{id:"thickness",label:"Thickness",type:"select",options:[{label:"Thin",value:"thin"},{label:"Medium",value:"medium"},{label:"Thick",value:"thick"},{label:"Extra thick",value:"xthick"}],default:"medium"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]}]},{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"}],default:"left"}]}];exports.PostPurchaseLineSettings=PostPurchaseLineSettings;

package/dist/cjs/post-purchase/line/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"}},{type:"control",label:{en:"Thickness"},setting:{id:"thickness"}}]},{type:"control",label:{en:"Align"},options:{label:"large"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/post-purchase/line/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"}},{type:"control",label:{en:"Thickness"},setting:{id:"thickness"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{fullWidth:!0,labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/post-purchase/line/types.js

@@ -0,0 +1 @@
+"use strict";exports.ThicknessUnit=void 0,function(i){i[i.thin=1]="thin",i[i.medium=3]="medium",i[i.thick=5]="thick",i[i.xthick=10]="xthick"}(exports.ThicknessUnit||(exports.ThicknessUnit={}));

package/dist/cjs/post-purchase/link/common/classes.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const getClasses=({builderProps:e,styles:s})=>{let{align:t}=s??{},l="gp-flex gp-w-full ";return e?.uid&&(l+=e?.uid?.toLocaleLowerCase()),{...core.composeClasses(l),"gp-justify-start":"left"===t,"gp-justify-end":"right"===t,"gp-justify-center":"center"===t}},getComponentClasses=e=>{let s=helper.checkIsValidURL(e||"");return{"gp-underline":!s}},getTextClasses=e=>{let s=helper.checkIsValidURL(e||"");return{...core.composeClasses("!gp-break-normal gp-leading-[15px] gp-min-w-fit [&>*]:gp-text-center [&>*]:gp-inline-block "),"[&>*]:gp-underline":!s}},getElementMarginClasses=()=>({"gp-h-2":!0});exports.getClasses=getClasses,exports.getComponentClasses=getComponentClasses,exports.getElementMarginClasses=getElementMarginClasses,exports.getTextClasses=getTextClasses;

package/dist/cjs/post-purchase/link/common/helpers.js

@@ -0,0 +1 @@
+"use strict";var helper=require("../../common/helper.js");const getComponentTag=e=>{let t=helper.checkIsValidURL(e||"");return t?"a":"div"};exports.PostPurchaseFontSizeValue=void 0,function(e){e.Default="default",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(exports.PostPurchaseFontSizeValue||(exports.PostPurchaseFontSizeValue={})),exports.getComponentTag=getComponentTag;

package/dist/cjs/post-purchase/link/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const getValue=e=>{if(!e)return"";let t=["0px","0%","1px"];return t.includes(e)?"100%":e},getStyle=e=>{let t=Object.entries(e??{}).reduce((e,[t,r])=>(e[t]=getValue(r),e),{});return{...core.makeStyleResponsiveWidth(t)}},getTextStyle=({typo:e,textAlign:t})=>{let r={};return e&&(r.typo=e),t&&(r.textAlign=t),r},getComponentStyles=()=>({color:helper.postPurchaseTextColor.defaultLink});exports.getComponentStyles=getComponentStyles,exports.getStyle=getStyle,exports.getTextStyle=getTextStyle;

package/dist/cjs/post-purchase/link/components/PostPurchaseLink.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const Link=({builderAttrs:e,setting:s={},styles:t,builderProps:l})=>{let{link:r,label:a}=s,{textAlign:n,typo:m,width:c,direction:i}=t??{},y=helpers.getComponentTag(r),o=system.createClass({...classes.getClasses({builderProps:l,styles:t})}),x=system.createStyle({...styles.getStyle(c)}),u=system.createClass({...classes.getComponentClasses(r)}),j=system.createStyle({...styles.getComponentStyles()}),g=styles.getTextStyle({textAlign:n,typo:m}),C=system.createClass({...classes.getTextClasses(r)}),d=system.createClass({...classes.getElementMarginClasses()});return jsxRuntime.jsx("div",{...e,className:o,children:jsxRuntime.jsxs("div",{style:x,children:[jsxRuntime.jsx(y,{href:r,target:"_blank",rel:"noreferrer",className:u,style:j,children:jsxRuntime.jsx(Text.default,{styles:{...g,direction:i},setting:{text:a},textClass:C})}),m?.fontSize===helpers.PostPurchaseFontSizeValue.XLarge&&jsxRuntime.jsx("div",{className:d})]})})};exports.default=Link;

package/dist/cjs/post-purchase/link/index.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("react"),require("./common/helpers.js");var PostPurchaseLink$1=require("./settings/PostPurchaseLink.js");const postPurchaseLinkSetting={PostPurchaseLink:PostPurchaseLink$1.default};exports.postPurchaseLinkSetting=postPurchaseLinkSetting;

package/dist/cjs/post-purchase/link/next.js

@@ -0,0 +1 @@
+"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 PostPurchaseLink=dynamic(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLink.js")}),{loading:Loading.default});var postPurchaseLink={PostPurchaseLink};exports.default=postPurchaseLink;

package/dist/cjs/post-purchase/link/settings/PostPurchaseLink.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),presets=require("./configs/presets.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"PostPurchaseLink",label:"Link",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20.4003 9.86671C20.2003 9.60004 19.8003 9.60004 19.6003 9.86671L16.0003 14.6667H3.16699C2.89085 14.6667 2.66699 14.8906 2.66699 15.1667V16.8334C2.66699 17.1095 2.89085 17.3334 3.16699 17.3334H36.8337C37.1098 17.3334 37.3337 17.1095 37.3337 16.8334V15.1667C37.3337 14.8906 37.1098 14.6667 36.8337 14.6667H24.0003L20.4003 9.86671ZM3.16699 21.3334C2.89085 21.3334 2.66699 21.5572 2.66699 21.8334V23.5C2.66699 23.7762 2.89085 24 3.16699 24H16.0003L19.6003 28.8C19.8003 29.0667 20.2003 29.0667 20.4003 28.8L24.0003 24H36.8337C37.1098 24 37.3337 23.7762 37.3337 23.5V21.8334C37.3337 21.5572 37.1098 21.3334 36.8337 21.3334H3.16699Z" fill="currentColor"/>
+  </svg>
+  `,settings:settings.PostPurchaseLinkSettings,ui:uiV1.PostPurchaseLinkUIV1,uiV2:uiV2.PostPurchaseLinkUIV2,init:[{tag:"PostPurchaseLink",advanced:{"spacing-setting":{desktop:{padding:{top:"16px",bottom:"16px"}}}}}],presets:presets.PostPurchaseLinkPreset};exports.default=config;

package/dist/cjs/post-purchase/link/settings/configs/presets.js

@@ -0,0 +1,13 @@
+"use strict";const PostPurchaseLinkPreset=[{id:"PostPurchaseLink",name:{en:"Link"},icon:{desktop:`
+        <svg width="126" height="80" viewBox="0 0 126 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <g clip-path="url(#clip0_22221_11312)">
+          <path d="M0 0H126V80H0V0Z" fill="#212121"/>
+          <path d="M38.6206 36.2102V35.2727H45.166V36.2102H42.4217V44H41.3649V36.2102H38.6206ZM48.4558 44.1364C47.8251 44.1364 47.2811 43.9972 46.8237 43.7188C46.3691 43.4375 46.0183 43.0455 45.7711 42.5426C45.5268 42.0369 45.4047 41.4489 45.4047 40.7784C45.4047 40.108 45.5268 39.517 45.7711 39.0057C46.0183 38.4915 46.362 38.0909 46.8024 37.804C47.2456 37.5142 47.7626 37.3693 48.3535 37.3693C48.6944 37.3693 49.0311 37.4261 49.3635 37.5398C49.6958 37.6534 49.9984 37.8381 50.2711 38.0938C50.5439 38.3466 50.7612 38.6818 50.9231 39.0994C51.085 39.517 51.166 40.0312 51.166 40.642V41.0682H46.1206V40.1989H50.1433C50.1433 39.8295 50.0694 39.5 49.9217 39.2102C49.7768 38.9205 49.5694 38.6918 49.2995 38.5241C49.0325 38.3565 48.7172 38.2727 48.3535 38.2727C47.9529 38.2727 47.6064 38.3722 47.3137 38.571C47.024 38.767 46.801 39.0227 46.6447 39.3381C46.4885 39.6534 46.4103 39.9915 46.4103 40.3523V40.9318C46.4103 41.4261 46.4956 41.8452 46.666 42.1889C46.8393 42.5298 47.0794 42.7898 47.3862 42.9688C47.693 43.1449 48.0495 43.233 48.4558 43.233C48.72 43.233 48.9586 43.196 49.1717 43.1222C49.3876 43.0455 49.5737 42.9318 49.7299 42.7812C49.8862 42.6278 50.0069 42.4375 50.0922 42.2102L51.0637 42.483C50.9615 42.8125 50.7896 43.1023 50.5481 43.3523C50.3066 43.5994 50.0083 43.7926 49.6532 43.9318C49.2981 44.0682 48.899 44.1364 48.4558 44.1364ZM53.2701 37.4545L54.8382 40.1307L56.4064 37.4545H57.5655L55.4519 40.7273L57.5655 44H56.4064L54.8382 41.4602L53.2701 44H52.111L54.1905 40.7273L52.111 37.4545H53.2701ZM61.8471 37.4545V38.3068H58.4551V37.4545H61.8471ZM59.4437 35.8864H60.4494V42.125C60.4494 42.4091 60.4906 42.6222 60.573 42.7642C60.6582 42.9034 60.7662 42.9972 60.8968 43.0455C61.0304 43.0909 61.171 43.1136 61.3187 43.1136C61.4295 43.1136 61.5204 43.108 61.5914 43.0966C61.6625 43.0824 61.7193 43.071 61.7619 43.0625L61.9664 43.9659C61.8983 43.9915 61.8031 44.017 61.6809 44.0426C61.5588 44.071 61.4039 44.0852 61.2164 44.0852C60.9324 44.0852 60.6539 44.0241 60.3812 43.902C60.1113 43.7798 59.8869 43.5938 59.7079 43.3438C59.5318 43.0938 59.4437 42.7784 59.4437 42.3977V35.8864ZM66.8713 44V35.2727H67.9281V43.0625H71.9849V44H66.8713ZM73.4849 44V37.4545H74.4906V44H73.4849ZM73.9963 36.3636C73.8002 36.3636 73.6312 36.2969 73.4892 36.1634C73.35 36.0298 73.2804 35.8693 73.2804 35.6818C73.2804 35.4943 73.35 35.3338 73.4892 35.2003C73.6312 35.0668 73.8002 35 73.9963 35C74.1923 35 74.3599 35.0668 74.4991 35.2003C74.6412 35.3338 74.7122 35.4943 74.7122 35.6818C74.7122 35.8693 74.6412 36.0298 74.4991 36.1634C74.3599 36.2969 74.1923 36.3636 73.9963 36.3636ZM77.3382 40.0625V44H76.3326V37.4545H77.3042V38.4773H77.3894C77.5428 38.1449 77.7757 37.8778 78.0882 37.6761C78.4007 37.4716 78.8042 37.3693 79.2985 37.3693C79.7417 37.3693 80.1294 37.4602 80.4618 37.642C80.7942 37.821 81.0527 38.0938 81.2374 38.4602C81.4221 38.8239 81.5144 39.2841 81.5144 39.8409V44H80.5087V39.9091C80.5087 39.3949 80.3752 38.9943 80.1081 38.7074C79.8411 38.4176 79.4746 38.2727 79.0087 38.2727C78.6877 38.2727 78.4007 38.3423 78.1479 38.4815C77.8979 38.6207 77.7005 38.8239 77.5556 39.0909C77.4107 39.358 77.3382 39.6818 77.3382 40.0625ZM84.2896 41.6136L84.2725 40.3693H84.4771L87.3407 37.4545H88.5851L85.5339 40.5398H85.4487L84.2896 41.6136ZM83.3521 44V35.2727H84.3578V44H83.3521ZM87.5112 44L84.9544 40.7614L85.6703 40.0625L88.7896 44H87.5112Z" fill="#F9F9F9"/>
+          </g>
+          <defs>
+          <clipPath id="clip0_22221_11312">
+          <path d="M0 3C0 1.34315 1.34315 0 3 0H123C124.657 0 126 1.34315 126 3V77C126 78.6569 124.657 80 123 80H3C1.34315 80 0 78.6569 0 77V3Z" fill="white"/>
+          </clipPath>
+          </defs>
+        </svg>
+      `},components:[{tag:"PostPurchaseLink",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}],rootOverride:{styles:{align:"center",width:{desktop:"default"}}}}];exports.PostPurchaseLinkPreset=PostPurchaseLinkPreset;

package/dist/cjs/post-purchase/link/settings/configs/settings.js

@@ -0,0 +1 @@
+"use strict";const PostPurchaseLinkSettings=[{id:"setting",controls:[{id:"link",label:"Link",type:"input",default:"",placeholder:"E.g. gempages.net"},{id:"label",label:"Text",type:"textarea",default:"Preview Sample",autoHeight:!0,lazyUpdate:!0,placeholder:"E.g. Preview"}]},{id:"style",controls:[{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"}],default:"left"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",fontWeight:"normal",textTransform:"none",textColor:"defaultLink"},hiddenSetting:["textColor","fontWeight","textTransform"]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]}]}];exports.PostPurchaseLinkSettings=PostPurchaseLinkSettings;

package/dist/cjs/post-purchase/link/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const PostPurchaseLinkUIV1=[{type:"group",label:{en:"Insert Link"},controls:[{type:"control",layout:"vertical",setting:{id:"link"}}]},{type:"group",label:{en:"Content"},controls:[{type:"control",label:{en:"Label"},setting:{id:"label"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{type:"group",label:{en:"Text"},controls:[{type:"control",label:{en:""},setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:{en:"Text align"}}]},{type:"control",label:{en:"Align"},options:{label:"large"},setting:{id:"align"}}];exports.PostPurchaseLinkUIV1=PostPurchaseLinkUIV1;

package/dist/cjs/post-purchase/link/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const PostPurchaseLinkUIV2=[{label:{en:"Insert Link"},controls:[{label:{en:"Link"},setting:{id:"link"}}]},{label:{en:"Content"},controls:[{type:"control",label:{en:"Label"},setting:{id:"label"}}]},{label:{en:"Text"},controls:[{type:"control",label:{en:"Direction"},setting:{id:"direction"},controlChangeTrigger:{options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:{en:"Align"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{label:{en:"Align"},conditionEnable:"!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== '1px'",setting:{id:"align"},options:{fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.PostPurchaseLinkUIV2=PostPurchaseLinkUIV2;

package/dist/cjs/post-purchase/product/common/attrs.js

@@ -0,0 +1 @@
+"use strict";const getContainerAttrs=({currentProductId:t,uid:e})=>({id:`shopify-text-element-${e}`,"data-product-id":t||""});exports.getContainerAttrs=getContainerAttrs;

package/dist/cjs/post-purchase/product/common/classes.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),index=require("../helpers/index.js");const getContainerClasses=({uid:e})=>({...core.composeClasses(e),...core.composeClasses("gp-flex gp-w-full")}),getNavigationClass=()=>core.composeClasses("gp-w-[24px] gp-h-[24px] gp-shrink-0 gp-flex gp-items-center gp-justify-center"),getItemCarouselPostPurchaseClass=e=>({...core.composeClasses("gp-w-full"),"!gp-border-[#d9d9d9] !gp-border":e?.border}),getItemCarouseEmptyPostPurchaseClass=()=>core.composeClasses("gp-w-full"),getImageListClass=()=>core.composeClasses("gp-flex gp-items-center gp-justify-center"),getImageGridClass=()=>core.composeClasses("gp-grid gp-h-fit gp-w-full gp-flex-wrap"),getProductImageClass=e=>({...core.composeClasses("gp-flex gp-w-full"),[index.getPostPurchaseAlignClasses(e?.align)]:!0}),getProductImageLayoutClass=()=>core.composeClasses("gp-grid gp-w-full"),getFeatureImageClass=()=>core.composeClasses("gp-flex gp-justify-center gp-h-fit gp-w-full"),getOnlyFeatureLayoutClass=()=>core.composeClasses("gp-flex gp-h-fit gp-max-w-full gp-w-full");exports.getContainerClasses=getContainerClasses,exports.getFeatureImageClass=getFeatureImageClass,exports.getImageGridClass=getImageGridClass,exports.getImageListClass=getImageListClass,exports.getItemCarouseEmptyPostPurchaseClass=getItemCarouseEmptyPostPurchaseClass,exports.getItemCarouselPostPurchaseClass=getItemCarouselPostPurchaseClass,exports.getNavigationClass=getNavigationClass,exports.getOnlyFeatureLayoutClass=getOnlyFeatureLayoutClass,exports.getProductImageClass=getProductImageClass,exports.getProductImageLayoutClass=getProductImageLayoutClass;

package/dist/cjs/post-purchase/product/common/helpers.js

@@ -0,0 +1 @@
+"use strict";const getTextSettings=({hasDiscount:t,message:e})=>({text:t?e:e?.replace(RegExp(/\{Discount\}/,"gi"),"0%")});exports.getTextSettings=getTextSettings;

package/dist/cjs/post-purchase/product/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getContainerStyles=({style:e,hasDiscount:t})=>({...e,opacity:t?1:.2}),getFeatureImageStyle=e=>({...core.makeStyleResponsive("w",e?.ftWidth)}),getImageListStyle=e=>({flexDirection:e?.vertical?"column":"row",gap:parseInt(e?.gap)}),getImageGridStyle=(e,t)=>({...t,...core.makeStyle({gg:e?.gap}),...core.makeStyle({gtc:`repeat(${e?.itemSlide}, 1fr)`})}),getProductImageLayoutStyle=(e,t)=>({...t,...core.makeStyle({gg:e?.gap})}),getAlignStyle=e=>({"--o":e?.layoutType==="left"?"1":"0","--jc":e?.align==="left"?"flex-start":e?.align==="right"?"flex-end":"center"});exports.getAlignStyle=getAlignStyle,exports.getContainerStyles=getContainerStyles,exports.getFeatureImageStyle=getFeatureImageStyle,exports.getImageGridStyle=getImageGridStyle,exports.getImageListStyle=getImageListStyle,exports.getProductImageLayoutStyle=getProductImageLayoutStyle;

package/dist/cjs/post-purchase/product/components/AcceptButton.js

@@ -1,35 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Button = require('../../button/Button.js');
-var React = require('react');
-
-const PostPurchaseAcceptButton = (props)=>{
-    const isInStock = core.useCurrentVariantInStock();
-    const text = React.useMemo(()=>{
-        if (!isInStock) {
-            return props.setting?.outOfStockLabel;
-        }
-        return props.setting?.text;
-    }, [
-        isInStock,
-        props.setting?.text,
-        props.setting?.outOfStockLabel
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx(Button.default, {
-        ...props,
-        disabled: !isInStock,
-        setting: {
-            ...props.setting,
-            text: text
-        },
-        styles: {
-            ...props.styles
-        }
-    });
-};
-
-exports.default = PostPurchaseAcceptButton;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Button=require("../../button/components/Button.js"),useGetTextSetting=require("../hooks/useGetTextSetting.js");const PostPurchaseAcceptButton=e=>{let t=core.useCurrentVariantInStock(),{text:s}=useGetTextSetting.useGetTextSetting(t,e);return jsxRuntime.jsx(Button.default,{...e,disabled:!t,setting:{...e.setting,text:s},styles:e.styles})};exports.default=PostPurchaseAcceptButton;

package/dist/cjs/post-purchase/product/components/ProductDescription.js

@@ -1,25 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Text = require('../../text/Text.js');
-
-const PostPurchaseProductDescription = ({ setting, builderProps, styles })=>{
-    const product = core.useProduct();
-    const currentProductId = product?.baseID?.replace('gid://shopify/Product/', '');
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        id: `shopify-text-element-${builderProps?.uid}`,
-        "data-product-id": currentProductId,
-        children: !product ? null : /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-            styles: styles,
-            setting: {
-                ...setting,
-                text: product.descriptionHtml
-            }
-        })
-    });
-};
-
-exports.default = PostPurchaseProductDescription;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../text/components/Text.js");const PostPurchaseProductDescription=({setting:e,builderProps:t,styles:r})=>{let s=core.useProduct(),i=s?.baseID?.replace("gid://shopify/Product/","");return jsxRuntime.jsx("div",{id:`shopify-text-element-${t?.uid}`,"data-product-id":i,children:s?jsxRuntime.jsx(Text.default,{styles:r,setting:{...e,text:s.descriptionHtml}}):null})};exports.default=PostPurchaseProductDescription;

package/dist/cjs/post-purchase/product/components/ProductDiscountTag.js

@@ -1,41 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Text = require('../../text/Text.js');
-var useDynamicProduct = require('../hooks/useDynamicProduct.js');
-
-const PostPurchaseProductDiscountTag = ({ setting = {}, styles = {}, style, builderAttrs, builderProps, children })=>{
-    const currentProduct = core.useProduct();
-    const currentProductId = currentProduct?.baseID?.replace('gid://shopify/Product/', '');
-    const currentOfferDiscount = core.useProductOfferDiscount();
-    const { isDynamicProduct, isEnableDynamicDiscount } = useDynamicProduct.useDynamicProduct();
-    const { typo } = styles;
-    const { message } = setting;
-    const hasDiscount = !!currentOfferDiscount || isDynamicProduct && isEnableDynamicDiscount;
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        ...builderAttrs,
-        className: core.cls(builderProps?.uid, 'gp-flex gp-w-full'),
-        style: {
-            ...style,
-            opacity: hasDiscount ? 1 : 0.2
-        },
-        id: `shopify-text-element-${builderProps?.uid}`,
-        "data-product-id": currentProductId,
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                setting: {
-                    text: hasDiscount ? message : message?.replace(new RegExp(/\{\{Discount\}\}/, 'gi'), '0%')
-                },
-                styles: {
-                    typo
-                }
-            }),
-            children
-        ]
-    });
-};
-
-exports.default = PostPurchaseProductDiscountTag;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../text/components/Text.js"),useDynamicProduct=require("../hooks/useDynamicProduct.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const PostPurchaseProductDiscountTag=({setting:e={},styles:s={},style:t,builderAttrs:r,builderProps:u,children:c})=>{let o=core.useProduct(),i=o?.baseID?.replace("gid://shopify/Product/",""),a=core.useProductOfferDiscount(),{isDynamicProduct:n,isEnableDynamicDiscount:m}=useDynamicProduct.useDynamicProduct(),{typo:l,direction:d,textAlign:y,align:P,width:j}=s,{message:x}=e,g=!!a||n&&m,p=system.createClass({...classes.getContainerClasses({uid:u?.uid})}),q=system.createAttr({...attrs.getContainerAttrs({...r,currentProductId:i,uid:u?.uid})}),h=system.createStyle({...styles.getContainerStyles({style:t,hasDiscount:g})}),D=helpers.getTextSettings({hasDiscount:g,message:x});return jsxRuntime.jsxs("div",{...q,className:p,style:h,children:[jsxRuntime.jsx(Text.default,{setting:D,styles:{typo:l,direction:d,textAlign:y,align:P,width:j}}),c]})};exports.default=PostPurchaseProductDiscountTag;