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

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

@@ -1,104 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@gem-sdk/core');
-var FeatureImageWithGalleryImage = require('./layouts/FeatureImageWithGalleryImage.js');
-var index = require('../../helpers/index.js');
-var FeatureImage = require('./FeatureImage.js');
-var OnlyGalleryImage = require('./layouts/OnlyGalleryImage.js');
-
-const PostPurchaseProductImages = (props)=>{
-    const { setting, styles, builderProps, builderAttrs, style, children, advanced } = props;
-    const settings = {
-        ...setting,
-        ...styles
-    };
-    const { layoutType } = settings;
-    const extraClass = advanced?.cssClass;
-    const product = core.useProduct();
-    const getProductGallery = (product)=>{
-        return product?.medias?.edges.filter((item)=>![
-                'VIDEO',
-                'EXTERNAL_VIDEO',
-                'MODEL_3D'
-            ].includes(item.node?.contentType || '')).map((img)=>{
-            return img?.node;
-        });
-    };
-    const isFeatureMedia = (contentType)=>{
-        if (!contentType) return false;
-        return [
-            'EXTERNAL_VIDEO',
-            'MODEL_3D',
-            'VIDEO'
-        ].includes(contentType);
-    };
-    const gallery = React.useMemo(()=>{
-        const images = getProductGallery(product)?.map((item)=>{
-            if (item) item.src = isFeatureMedia(item.contentType) ? item?.previewImage : item.src;
-            return item;
-        });
-        if (!images?.length) return [
-            {
-                id: product?.featuredImage?.id || 'noImageError',
-                src: product?.featuredImage?.src || 'https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif',
-                width: product?.featuredImage?.width || 480,
-                height: product?.featuredImage?.height || 480
-            }
-        ];
-        return images;
-    }, [
-        product
-    ]);
-    const isShowFeatureImageWithGallery = React.useMemo(()=>{
-        return layoutType === 'bottom-center' || layoutType === 'left' || layoutType === 'right';
-    }, [
-        layoutType
-    ]);
-    const isShowOnlyFeatureImage = React.useMemo(()=>{
-        return layoutType === 'only-feature';
-    }, [
-        layoutType
-    ]);
-    const isShowOnlyGalleryImage = React.useMemo(()=>{
-        return layoutType === 'one-col' || layoutType === 'two-col';
-    }, [
-        layoutType
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        ...builderAttrs,
-        className: core.cls('gp-flex', builderProps?.uid, extraClass, index.getPostPurchaseAlignClasses(settings?.align)),
-        style: {
-            ...style
-        },
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                className: core.cls('gp-flex', index.getPostPurchaseAlignClasses(settings?.align)),
-                children: [
-                    isShowFeatureImageWithGallery && /*#__PURE__*/ jsxRuntime.jsx(FeatureImageWithGalleryImage.default, {
-                        gallery: gallery,
-                        builderProps: builderProps,
-                        setting: setting,
-                        styles: styles
-                    }),
-                    isShowOnlyFeatureImage && /*#__PURE__*/ jsxRuntime.jsx(FeatureImage.default, {
-                        styles: styles,
-                        setting: setting
-                    }),
-                    isShowOnlyGalleryImage && /*#__PURE__*/ jsxRuntime.jsx(OnlyGalleryImage.default, {
-                        gallery: gallery,
-                        builderProps: builderProps,
-                        setting: setting,
-                        styles: styles
-                    })
-                ]
-            }),
-            children
-        ]
-    });
-};
-
-exports.default = PostPurchaseProductImages;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),FeatureImageWithGalleryImage=require("./layouts/FeatureImageWithGalleryImage.js"),FeatureImage=require("./FeatureImage.js"),OnlyGalleryImage=require("./layouts/OnlyGalleryImage.js"),system=require("@gem-sdk/system"),classes=require("../../common/classes.js");const PostPurchaseProductImages=e=>{let{setting:s,styles:t,builderProps:r,builderAttrs:a,style:l,children:u}=e,i={...s,...t},{layoutType:m="bottom-center"}=i,c=core.useProduct(),g=e=>e?.medias?.edges.filter(e=>!["VIDEO","EXTERNAL_VIDEO","MODEL_3D"].includes(e.node?.contentType||"")).map(e=>e?.node),n=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),o=React.useMemo(()=>{let e=g(c)?.map(e=>(e&&(e.src=n(e.contentType)?e?.previewImage:e.src),e));return e?.length?e:[{id:c?.featuredImage?.id||"noImageError",src:c?.featuredImage?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:c?.featuredImage?.width||480,height:c?.featuredImage?.height||480}]},[c]),d=()=>["bottom-center","left","right"].includes(m)?jsxRuntime.jsx(FeatureImageWithGalleryImage.default,{gallery:o,builderProps:r,setting:s,styles:t}):["one-col","two-col"].includes(m)?jsxRuntime.jsx(OnlyGalleryImage.default,{gallery:o,builderProps:r,setting:s,styles:t}):jsxRuntime.jsx(FeatureImage.default,{gallery:o,styles:t,setting:s}),y=system.createClass(classes.getProductImageClass({align:i?.align})),I=system.createStyle({...l});return jsxRuntime.jsxs("div",{...a,className:y,style:I,children:[jsxRuntime.jsx("div",{className:y,children:d()}),u]})};exports.default=PostPurchaseProductImages;

package/dist/cjs/post-purchase/product/components/product-image/layouts/FeatureImageWithGalleryImage.js

@@ -1,87 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@gem-sdk/core');
-var helper = require('../../../../utils/helper.js');
-var FeatureImage = require('../FeatureImage.js');
-var OnlyGalleryImage = require('./OnlyGalleryImage.js');
-
-const FeatureImageWithGalleryImage = (productImageProps)=>{
-    const { setting, styles, builderProps, gallery } = productImageProps;
-    const settings = {
-        ...setting,
-        ...styles
-    };
-    const { layoutType } = settings;
-    const isShowGalleryImages = React.useMemo(()=>{
-        return gallery.length > 1;
-    }, [
-        gallery.length
-    ]);
-    const gridLayout = React.useMemo(()=>{
-        let result = {
-            '--gtc': 'minmax(0, 12fr)'
-        };
-        if (isShowGalleryImages) {
-            const ratioLayout = layoutType === 'left' ? settings.ratioLayoutLeft : settings.ratioLayoutRight;
-            const isHorizontalLayout = [
-                'left',
-                'right'
-            ].includes(layoutType || '');
-            if (isHorizontalLayout && ratioLayout) {
-                result = {
-                    ...result,
-                    '--gtc': `minmax(0, ${ratioLayout[0]}fr) minmax(0, ${ratioLayout[1]}fr)`
-                };
-                Object.assign(result, {
-                    '--gtr': 'fit-content(0)'
-                });
-            }
-        }
-        return result;
-    }, [
-        isShowGalleryImages,
-        layoutType,
-        settings.ratioLayoutLeft,
-        settings.ratioLayoutRight
-    ]);
-    const itemGap = React.useMemo(()=>{
-        if (layoutType === 'bottom-center') {
-            return helper.postPurchaseSpacing[settings?.spacingVertical || 'none'];
-        }
-        return settings?.spacingHoz;
-    }, [
-        layoutType,
-        settings?.spacingHoz,
-        settings?.spacingVertical
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: core.cls('gp-grid gp-w-full'),
-        style: {
-            ...gridLayout,
-            ...core.makeStyle({
-                gg: itemGap
-            })
-        },
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: core.cls(`gp-flex gp-justify-center gp-h-fit gp-w-full gp-product-images-feature-${builderProps?.uid}`),
-                style: {
-                    '--o': layoutType === 'left' ? `1` : '0',
-                    '--jc': styles?.align === 'left' ? 'flex-start' : styles?.align === 'right' ? 'flex-end' : 'center'
-                },
-                children: /*#__PURE__*/ jsxRuntime.jsx(FeatureImage.default, {
-                    ...productImageProps
-                })
-            }),
-            isShowGalleryImages && /*#__PURE__*/ jsxRuntime.jsx(OnlyGalleryImage.default, {
-                ...productImageProps
-            })
-        ]
-    });
-};
-
-exports.default = FeatureImageWithGalleryImage;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),FeatureImage=require("../FeatureImage.js"),OnlyGalleryImage=require("./OnlyGalleryImage.js"),system=require("@gem-sdk/system"),useProductImagePostPurchase=require("../../../hooks/useProductImagePostPurchase.js"),classes=require("../../../common/classes.js"),styles=require("../../../common/styles.js");const FeatureImageWithGalleryImage=e=>{let{setting:s,styles:t,gallery:a}=e,r={...s,...t},{layoutType:l="bottom-center"}=r,{itemGap:u,gridLayout:m,isShowGalleryImages:c}=useProductImagePostPurchase.useProductImagePostPurchase({imageList:a,setting:s}),y=system.createStyle(styles.getProductImageLayoutStyle({gap:u},m)),g=system.createStyle(styles.getAlignStyle({layoutType:l,align:r?.align})),i=system.createClass(classes.getFeatureImageClass()),o=system.createClass(classes.getProductImageLayoutClass());return jsxRuntime.jsxs("div",{className:o,style:y,children:[jsxRuntime.jsx("div",{className:i,style:g,children:jsxRuntime.jsx(FeatureImage.default,{...e})}),c&&jsxRuntime.jsx(OnlyGalleryImage.default,{...e})]})};exports.default=FeatureImageWithGalleryImage;

package/dist/cjs/post-purchase/product/components/product-image/layouts/OnlyGalleryImage.js

@@ -1,36 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var ImageListGrid = require('../ImageListGrid.js');
-var ImageListCarousel = require('../ImageListCarousel.js');
-var core = require('@gem-sdk/core');
-
-const OnlyGalleryImage = (productImageProps)=>{
-    const { setting, styles, gallery, builderProps } = productImageProps;
-    const settings = {
-        ...setting,
-        ...styles
-    };
-    const { layoutType } = settings;
-    const isImageListCarousel = React.useMemo(()=>{
-        return layoutType !== 'two-col' && (layoutType === 'left' || layoutType === 'right' || settings.displayType === 'slider');
-    }, [
-        layoutType,
-        settings.displayType
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: core.cls(`gp-product-images-gallery-${builderProps?.uid} gp-flex gp-h-fit gp-max-w-full`, settings?.ilNavigation === 'none' || layoutType !== 'bottom-center' ? '' : ''),
-        children: isImageListCarousel ? /*#__PURE__*/ jsxRuntime.jsx(ImageListCarousel.default, {
-            ...productImageProps,
-            productImages: gallery
-        }) : /*#__PURE__*/ jsxRuntime.jsx(ImageListGrid.default, {
-            ...productImageProps,
-            productImages: gallery
-        })
-    });
-};
-
-exports.default = OnlyGalleryImage;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),ImageListGrid=require("../ImageListGrid.js"),ImageListCarousel=require("../ImageListCarousel.js"),system=require("@gem-sdk/system"),useProductImagePostPurchase=require("../../../hooks/useProductImagePostPurchase.js"),classes=require("../../../common/classes.js");const OnlyGalleryImage=e=>{let{setting:s,styles:t,gallery:a}=e,r={...s,...t},{isImageListCarousel:i}=useProductImagePostPurchase.useProductImagePostPurchase({imageList:a,setting:s}),u=system.createClass(classes.getOnlyFeatureLayoutClass());return jsxRuntime.jsx("div",{className:u,children:i?jsxRuntime.jsx(ImageListCarousel.default,{...e,productImages:a,aspectRatio:r?.ilAspectRatio,objectFit:r.ilObjectFit,spacing:r.ilSpacing,navigation:r?.ilNavigation,vertical:r?.layoutType!=="bottom-center",border:r?.ilBorder,itemPerSlide:r?.ilItemPerSlide}):jsxRuntime.jsx(ImageListGrid.default,{...e,productImages:a})})};exports.default=OnlyGalleryImage;

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

@@ -0,0 +1 @@
+"use strict";const getProductOfferAttrs=(t,o)=>({"data-uid":o||"","data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":t?.baseID?.replace("gid://shopify/Product/","")||""});exports.getProductOfferAttrs=getProductOfferAttrs;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getProductOfferContainerClasses=e=>({...core.composeClasses(e),...core.composeClasses("gp-flex gp-w-auto")}),getProductOfferWrapperClasses=()=>core.composeClasses("gp-grid gp-grid-cols-2"),getProductOfferItemClasses=(e,s,r)=>{let{productOfferLayout:o}=s??{},t="";return core.DEVICES.forEach(s=>{let c="desktop"===s?"":`${s}:`;if("mobile"===s){t+=" mobile:gp-col-span-2";return}(o?.[s]==="1col"&&e%3==0||1>=(r||0))&&(t+=` ${c}gp-col-span-2`)}),core.composeClasses(t)};exports.getProductOfferContainerClasses=getProductOfferContainerClasses,exports.getProductOfferItemClasses=getProductOfferItemClasses,exports.getProductOfferWrapperClasses=getProductOfferWrapperClasses;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helper=require("../../../../common/helper.js");const getWrapperStyles=e=>{let{productOfferColumnGap:r,productOfferVerticalGutter:t,productOfferWidth:s}=e??{};return core.filterTruthyStyles({...core.makeStyleResponsive("cg",r),...core.makeStyleResponsive("rg",{desktop:helper.postPurchaseViewSpacing[t||"base"]}),...core.makeStyleResponsive("w",core.makeWidth(s))})},getContainerStyles=(e,r)=>{let{inlineAlignment:t}=e??{};return core.filterTruthyStyles({...core.makeStyle({pc:t}),...r})};exports.getContainerStyles=getContainerStyles,exports.getWrapperStyles=getWrapperStyles;

package/dist/cjs/post-purchase/product/components/product-offer/components/ProductOffer.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),Loading=require("../../../../../common/components/Loading.js");require("@gem-sdk/core");var classes=require("../common/classes.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),useProductOfferData=require("../hooks/useProductOfferData.js"),ProductOfferItem=require("./ProductOfferItem.js");const PostPurchaseProductOffer=e=>{let{styles:s,builderAttrs:t,builderProps:r,setting:a}=e,{isLoading:u,productSortedById:c,totalProduct:o}=useProductOfferData.useProductOfferData(),d=system.createClass({...classes.getProductOfferContainerClasses(r?.uid)}),l=system.createClass({...classes.getProductOfferWrapperClasses()}),i=system.createStyle({...styles.getWrapperStyles(s)}),n=system.createStyle({...styles.getContainerStyles(a)});return jsxRuntime.jsx(jsxRuntime.Fragment,{children:u?jsxRuntime.jsx(Loading.default,{}):c?.length?jsxRuntime.jsx("div",{...t,className:d,style:n,children:jsxRuntime.jsx("div",{className:l,style:i,children:c?.map((s,t)=>React.createElement(ProductOfferItem.ProductOfferItem,{...e,product:s,index:t,key:t,totalProduct:o}))})}):jsxRuntime.jsx("div",{children:"You haven't set up a product yet. Please go back to the sales funnel details to add a product."})})};exports.default=PostPurchaseProductOffer;

package/dist/cjs/post-purchase/product/components/product-offer/components/ProductOfferItem.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");require("react");var Row=require("../../../../../grid/components/row/Row.js"),ChildrenDroppable=require("../../../../../grid/components/ChildrenDroppable.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),classes=require("../common/classes.js");const ProductOfferItem=e=>{let{product:r,setting:s,builderProps:t,children:i,index:d,totalProduct:o,builderAttrs:c,styles:a}=e,l=core.useEditorMode(),{variantSelected:u,productOfferLayout:n,layout:m,...j}=s??{};Object.keys(m||{}).forEach(e=>{n?.[e]==="2col"&&m?.[e]&&(m[e].display="fill")});let f=u?.[r?.baseID??""]?.variantId,x=system.createAttr({...attrs.getProductOfferAttrs(r,t?.uid)}),p=system.createClass({...classes.getProductOfferItemClasses(d,s,o)});return jsxRuntime.jsx("div",{className:p,children:jsxRuntime.jsx(core.ProductProvider,{product:r,readOnly:!0,initialVariantId:f??"Latest",children:jsxRuntime.jsx("div",{..."edit"===l?{...x}:{},children:jsxRuntime.jsx(Row.default,{builderAttrs:c,setting:{...j,layout:m},styles:a,children:core.isEmptyChildren(i)?jsxRuntime.jsx(ChildrenDroppable.default,{}):i})})})},`uid-${r?.id}`)};exports.ProductOfferItem=ProductOfferItem;

package/dist/cjs/post-purchase/product/components/product-offer/hooks/useProductOfferData.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),useDynamicProduct=require("../../../hooks/useDynamicProduct.js"),React=require("react"),index=require("../../../helpers/index.js"),ProductOfferPlaceholder=require("../../../constants/ProductOfferPlaceholder.js");const useProductOfferData=()=>{let e=core.usePageStore(e=>e.productOffers),o=core.usePageStore(e=>e.publicStoreFrontData),{isDynamicProduct:r}=useDynamicProduct.useDynamicProduct(),t=core.usePageStore(e=>e.dynamicDiscountOffer),c=React.useMemo(()=>r?t?.appliedProductCount:e?.length,[t?.appliedProductCount,r,e?.length]),u=React.useMemo(()=>e?.sort((e,o)=>e?.node?.position&&o?.node?.position?e.node.position-o.node.position:0).map(e=>e?.node?.objectBaseID).filter(Boolean),[e]),{isLoading:a,isValidating:d,data:n}=core.useProductsQuery(u||[],{revalidateOnMount:!0},{allStatus:!0,fetcher:index.hasPublicStoreFrontData(o)?index.createStoreFrontFetcher(o):void 0}),s=React.useMemo(()=>a||d,[a,d]),i=React.useMemo(()=>core.flattenConnection(n?.products),[n?.products]),l=React.useMemo(()=>r&&t?.appliedProductCount?Array(t.appliedProductCount).fill(ProductOfferPlaceholder.productOfferPlaceholder):u?.map(e=>i?.find(o=>o?.baseID===e)).filter(Boolean),[r,t?.appliedProductCount,u,i]);return{isLoading:s,productSortedById:l,totalProduct:c}};exports.useProductOfferData=useProductOfferData;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const defaultVariantClasses="gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",containerClasses="gp-grid",variantItemWrapperClasses="gp-flex gp-w-full gp-flex-wrap gp-items-start",productOptionClasses="gp-box-border gp-flex gp-flex-col",getContainerClasses=()=>core.composeClasses(containerClasses),getDefaultVariantClasses=()=>core.composeClasses(defaultVariantClasses),getDropdownVariantWrapperClasses=(e,s)=>{let{align:t}=e??{};return{"gp-flex":!0,"gp-w-full":!s,"gp-justify-start":"start"===t,"gp-justify-end":"end"===t,"gp-justify-center":!t||"center"===t}},getVariantItemWrapperClasses=()=>core.composeClasses("gp-flex gp-w-full gp-flex-wrap gp-items-start"),getProductOptionClasses=()=>core.composeClasses("gp-box-border gp-flex gp-flex-col");exports.containerClasses=containerClasses,exports.defaultVariantClasses=defaultVariantClasses,exports.getContainerClasses=getContainerClasses,exports.getDefaultVariantClasses=getDefaultVariantClasses,exports.getDropdownVariantWrapperClasses=getDropdownVariantWrapperClasses,exports.getProductOptionClasses=getProductOptionClasses,exports.getVariantItemWrapperClasses=getVariantItemWrapperClasses;

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

@@ -0,0 +1 @@
+"use strict";const getDisplayLabelSetting=t=>{let{option:e,hasPreSelected:a,isChangeVariant:i,selectedOptions:l}=t;return{text:`${e.name}${!1!=a||i?`: ${l?.[e.name]}`:""}`}};exports.getDisplayLabelSetting=getDisplayLabelSetting;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helper=require("../../../../common/helper.js");const getDisplayLabelStyles=e=>({"--pb":"14px","--pt":"14px","--ta":e??"center"}),getVariantItemWrapperStyles=(e,t)=>core.filterTruthyStyles({"--mt":"dropdown"!==e?`-${t}`:"0px","--ml":"dropdown"!==e?`-${t}`:"0px"}),getWrapperStyles=e=>{let{setting:t,styles:r,style:p}=e,{width:l,fullWidth:a,variantSpacing:s}=r??{},{column:o}=t??{},i=core.makeStyleResponsive("w",core.makeWidth(l,a));return{...core.optionLayoutStyle(o),...core.removeNullUndefined(i),...p,gap:helper.postPurchaseSpacing[s||"none"]??""}},getDisplayLabelSettingStyles=()=>({typo:{attrs:{transform:"capitalize"},custom:{fontSize:{desktop:"medium",tablet:"medium",mobile:"medium"}}}});exports.getDisplayLabelSettingStyles=getDisplayLabelSettingStyles,exports.getDisplayLabelStyles=getDisplayLabelStyles,exports.getVariantItemWrapperStyles=getVariantItemWrapperStyles,exports.getWrapperStyles=getWrapperStyles;

package/dist/cjs/post-purchase/product/components/product-variant/components/ProductOption.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helper=require("../../../../common/helper.js"),helpers=require("../common/helpers.js"),styles=require("../common/styles.js"),Dropdown=require("./variants/Dropdown.js"),VariantItem=require("./variants/VariantItem.js"),Text=require("../../../../../text/components/Text.js"),classes=require("../common/classes.js");const ProductOption=({option:e,indexOption:s,productVariantSettings:t,styles:r,setting:a,builderProps:i,optionLength:n})=>{let{showAsSwatches:o}=a??{},{align:l}=r??{},{uid:p}=i??{},m=core.useVariants(),{getVariantConfiguration:u,getSwatchDropdownAutoWidth:c,hasPreSelected:d,variantId:y,selectedOptions:j,isChangeVariant:x}=t,g=u(e.name),h=g?g.optionType:e.optionType,S=(d||y)&&e.name?j?.[e.name]:void 0,v=g?.hide;if(v)return null;let b=g.presets[h],q=b?.labelToggle,w=b?.itemSpacing,f=helper.postPurchaseSpacing[w||"none"],C=system.createStyle({...styles.getVariantItemWrapperStyles(h,f)}),V=system.createClass({...classes.getProductOptionClasses()}),D=system.createClass({...classes.getVariantItemWrapperClasses()}),P=system.createClass({...classes.getDropdownVariantWrapperClasses(r)}),R=system.createStyle({...styles.getDisplayLabelStyles(l)});return jsxRuntime.jsxs("div",{className:V,children:[q&&"dropdown"!==h&&jsxRuntime.jsx(Text.default,{style:R,styles:styles.getDisplayLabelSettingStyles(),setting:helpers.getDisplayLabelSetting({option:e,hasPreSelected:d,isChangeVariant:x,selectedOptions:j})}),jsxRuntime.jsxs("div",{className:D,style:C,children:[o&&core.OptionSpecialStyle.includes(`${h}`)&&e.values.map(t=>{let i=(!!d||!!x||!!y)&&!!e.name&&j?.[e.name]===t.label;return jsxRuntime.jsx(VariantItem.default,{variantKey:`${e.id}-${t.id}`,showAsSwatches:o,uid:p,name:e.name,value:t,optionNumber:n,optionPosition:s,...r,...a,presetConfiguration:u(e.name),checked:i,optionType:h||"dropdown"},t.id)}),jsxRuntime.jsx("div",{className:P,children:("dropdown"===h||o&&!core.OptionSpecialStyle.includes(`${h}`))&&"radio_buttons"!==h&&jsxRuntime.jsx(Dropdown.default,{...r,...a,variants:m,preset:b,option:e,initValue:S,label:e.name,presetConfiguration:u(e.name),swatchAutoWidth:c(),optionPosition:s,optionNumber:n})})]})]},e.id)};exports.default=ProductOption;

package/dist/cjs/post-purchase/product/components/product-variant/components/ProductVariant.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),VariantGroup=require("./variants/VariantGroup.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),ProductOption=require("./ProductOption.js"),core=require("@gem-sdk/core"),useTransition=require("../hooks/useTransition.js"),React=require("react"),product=require("../../../../../product/helpers/product.js");const PostPurchaseProductVariants=({builderProps:e,style:t,styles:s,setting:r})=>{let{hasPreSelected:a}=r??{},i="variant",n=!1,{dropdownItemWidth:o}=s??{},{optionType:c,variantPresets:l}=r??{},u=core.useVariants(),d=core.useProduct(),p=core.useIsSyncProduct(),{selectedOptions:m,setSelectedOption:f,forceSelectedOption:h}=core.useSelectedOption(),[j,R]=React.useState(""),w=core.useEditorMode();React.useEffect(()=>{let e=new URL(window.location.href),t=e.searchParams.get(i);t&&R(t)},[]);let y=()=>{let e=new URL(window.location.href),t=e.searchParams.get(i);if(t){let e=u.find(e=>e?.id===t);return e}return null};React.useEffect(()=>{let e=y();if(e){let t=e?.selectedOptions.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{})??{};h(t,d?.id,!0)}},[]);let x=d?.options;core.useInitialSwatchesOptions(x);let g=core.useSwatchesOptions(x),[P,v]=React.useState(!1),S=product.checkDefaultVariant(d),V=React.useMemo(()=>"groupOption"===c,[c]),O=()=>{let e={};return core.DEVICES.forEach(t=>{e[t]=o?.[t]==="fill"}),e},C=React.useCallback(e=>{let t=l?.find(t=>t.optionName===e);return t||l?.find(e=>"base"===e.optionName)},[l]),E=React.useCallback(e=>{let t=e.detail,s=d?.id;v(!0),p&&t&&s==t.productId&&f(t.optionId,t.optionValue,s,!0)},[p,d?.id,f]),q=React.useCallback(e=>{let t=e.detail,s=d?.id;v(!0),p&&t&&s==t.productId&&h(t.selectedOption,s,!0)},[h,p,d?.id]),L=e=>{let t=new URL(window.location.href);e?t.searchParams.set(i,e):t.searchParams.delete(i),history.replaceState(null,"",t.toString())};React.useEffect(()=>(window.addEventListener("set-selected-option",E),window.addEventListener("force-selected-option",q),()=>{window.removeEventListener("set-selected-option",E),window.removeEventListener("force-selected-option",q)}),[q,E]),useTransition.useTransition(e=>{if(!n){n=!0;return}let t=JSON.stringify(e),s=JSON.stringify(m);if(e&&t!==s){let e=core.getSelectedVariant(u,m);L(e?.id||"")}},[m]);let b=system.createClass({...classes.getDefaultVariantClasses()}),k=system.createClass({...classes.getContainerClasses()}),N=system.createClass({...classes.getDropdownVariantWrapperClasses(s,V)}),I=system.createStyle({...styles.getWrapperStyles({setting:r,styles:s,style:t})});return jsxRuntime.jsx(jsxRuntime.Fragment,{children:S?jsxRuntime.jsx("div",{children:"edit"===w&&jsxRuntime.jsx("p",{className:b,children:"This product has only default variant"})}):jsxRuntime.jsxs("div",{className:k,style:I,children:[!V&&g?.map((t,i)=>jsxRuntime.jsx(ProductOption.default,{option:t,indexOption:i,productVariantSettings:{getVariantConfiguration:C,getSwatchDropdownAutoWidth:O,hasPreSelected:a,variantId:j,selectedOptions:m,isChangeVariant:P},setting:r,styles:s,builderProps:e,optionLength:g.length},t.id)),V&&jsxRuntime.jsx("div",{className:N,children:jsxRuntime.jsx(VariantGroup.default,{...s,...r,variantGroup:!0,label:"Variants",swatchAutoWidth:O()})})]})})};exports.default=PostPurchaseProductVariants;

package/dist/cjs/post-purchase/product/components/product-variant/components/variants/Dropdown.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"),DropdownOption=require("./DropdownOption.js"),React=require("react"),VariantOption=require("./VariantOption.js");const DropdownVariant=({option:e,optionPosition:t,optionNumber:n,variantGroup:p,variants:a,price:i,blankText:s,combineWidth:r,combineFullWidth:o,label:l,initValue:d,hasPreSelected:g,soldOutStyle:u,soldOutMark:c,preset:x})=>{let{setSelectedOption:m,forceSelectedOption:j,selectedOptions:h}=core.useSelectedOption(),v=core.useProduct(),w=React.useMemo(()=>"Disable"===u&&c,[u,c]),f=e=>{let t=a?.find(t=>t?.id===e);if(t&&t.selectedOptions){let e=core.parseSelectedOption(t.selectedOptions);e&&j(e,v?.id)}},[R,b]=React.useState(g?d:"blank");React.useEffect(()=>{b(h?.[e?.name??"blank"])},[h,e]),React.useEffect(()=>{g||b("blank")},[g]);let y=e=>!!e&&(e?.inventoryQuantity&&e.inventoryQuantity>0||!e?.manageInventory||"CONTINUE"===e.inventoryPolicy),O=React.useMemo(()=>p?core.makeStyleResponsive("w",core.makeWidth(r,o)):core.makeStyleResponsive("w",core.makeWidth(x?.width,x?.fullWidth)),[x?.width,x?.fullWidth,p,r,o]);return jsxRuntime.jsx("div",{className:"gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]",style:{...O},children:jsxRuntime.jsxs("div",{className:"gp-relative",children:[jsxRuntime.jsx("label",{className:"!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]",children:jsxRuntime.jsx("span",{className:"gp-max-w-full",children:jsxRuntime.jsx("span",{className:"gp-block gp-overflow-hidden",children:l})})}),jsxRuntime.jsx("select",{autoComplete:"off",name:e?.name||"Select Option",className:"gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9] gp-pb-[6px] gp-pl-[11px] gp-pr-[40px] gp-pt-[21px] gp-text-[14px] gp-outline-none gp-text-[#545454]",value:R??d,onChange:t=>{p?f(t.target?.value):m(e?.name,t.target?.value,v?.id)},children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!g&&jsxRuntime.jsx("option",{value:"blank",children:s??"Please select an option"}),e?.values?.map(p=>jsxRuntime.jsx(DropdownOption.default,{value:p,optionName:e.name,optionPosition:t,optionNumber:n,isSoldOutMark:w},p?.id)),p&&a?.map(e=>jsxRuntime.jsx(VariantOption.default,{disabled:!y(e)&&w,value:e?.id,variant:e,includePrice:i},e?.id))]})}),jsxRuntime.jsx("div",{className:"gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]",children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:"gp-h-[10px] gp-w-[10px]",children:jsxRuntime.jsx("path",{d:"M0 5h20L10 15"})})})]})})};exports.default=DropdownVariant;

package/dist/cjs/post-purchase/product/components/product-variant/components/variants/DropdownOption.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");require("react");const DropdownVariantOption=({optionPosition:e,optionNumber:t,value:r,optionName:o,isSoldOutMark:i})=>{let a=core.useVariantOutStock(o??"",r?.label??"",{position:e||0,optionNumber:t||0});return jsxRuntime.jsx("option",{className:"gp-text-[14px] gp-text-black",disabled:!a&&i,value:r?.label,children:r?.label},r?.id)};exports.default=DropdownVariantOption;

package/dist/cjs/post-purchase/product/components/product-variant/components/variants/RectangleList.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"),helper=require("../../../../../common/helper.js"),React=require("react"),Text=require("../../../../../text/components/Text.js");const RectangleListVariant=({value:e,isVariantOutStock:t,checked:r,preset:o})=>{let l=React.useMemo(()=>t?helper.buttonColor.secondary:r?helper.buttonColor.primary:helper.buttonColor.defaultText,[t,r]);return jsxRuntime.jsx("div",{className:core.cls("gp-box-border gp-inline-flex gp-w-full gp- gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[5px] gp-px-[26px] gp-py-[21px] gp-text-center",{"gp-pointer-events-none !gp-cursor-not-allowed":t}),style:{boxShadow:`inset 0 0 0 1px ${helper.buttonColor.secondary}`,backgroundColor:l},children:jsxRuntime.jsx(Text.default,{setting:{text:e?.label},className:"gp-flex gp-items-center",textClassWrapper:"gp-leading-[15px]",styles:{typo:{fontSize:o?.labelTextSize||"large",textTransform:o?.labelTransform||"capitalize",textColor:r||t?"defaultButton":"defaultLink",fontWeight:"bold"}}})})};exports.default=RectangleListVariant;

package/dist/cjs/post-purchase/product/components/product-variant/components/variants/VariantGroup.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"),Dropdown=require("./Dropdown.js"),React=require("react");const VariantGroup=({...e})=>{let r=core.useVariants(),{selectedOptions:t}=core.useSelectedOption(),a=React.useMemo(()=>{let e=Object.keys(t||{}),a=r.find(r=>{let a=0;return e.forEach(e=>{let n=r?.selectedOptions.find(r=>r.name===e);n?.value===t?.[e]&&a++}),a===e.length});return a},[r,t]);return jsxRuntime.jsx(Dropdown.default,{variants:r,initValue:a?.id,variantGroup:e.variantGroup,...e})};exports.default=VariantGroup;

package/dist/cjs/post-purchase/product/components/product-variant/components/variants/VariantItem.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"),React=require("react"),RectangleList=require("./RectangleList.js"),helper=require("../../../../../common/helper.js");const VariantItem=({name:e,variantKey:t,...o})=>{let{setSelectedOption:a}=core.useSelectedOption(),i=core.useProduct(),s=React.useMemo(()=>{if(!o.presetConfiguration)return;let{presets:e,optionType:t}=o.presetConfiguration;return e?.[t||"rectangle_list"]},[o.presetConfiguration]),l=s?.itemSpacing,n=s?.numberPerRow||5,r=React.useMemo(()=>({minWidth:`${100/n}%`,paddingLeft:helper.postPurchaseSpacing[l||"none"],paddingTop:helper.postPurchaseSpacing[l||"none"],width:`${100/n}%`}),[l,n]),u=React.useMemo(()=>RectangleList.default,[]),c=core.useVariantOutStock(e??"",o.value?.label??"",{position:o.optionPosition,optionNumber:o.optionNumber}),d=React.useMemo(()=>"Disable"===o.soldOutStyle&&o.soldOutMark,[o.soldOutStyle,o.soldOutMark]),p=React.useMemo(()=>"Line"===o.soldOutStyle&&o.soldOutMark,[o.soldOutStyle,o.soldOutMark]),m=()=>{if(c||!d){a(e,o.value?.label,i?.id);let t=new CustomEvent("change-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:o.value?.label,productId:i?.id}});window.dispatchEvent(t)}};return jsxRuntime.jsxs("label",{className:core.cls({"gp-pointer-events-none":d&&!c,"gp-flex gp-items-center":!0}),style:{...r},htmlFor:`${o.uid}-${t}`,children:[jsxRuntime.jsx("input",{checked:o.checked,name:`${i?.id}-options-${e?.toString().replaceAll('"','\\"')}`,id:`${o.uid}-${t}`,value:o.value?.label,type:"radio",className:"gp-sr-only",onChange:m}),jsxRuntime.jsx("span",{className:"gp-sr-only",children:o.value?.label}),jsxRuntime.jsx(u,{...o,preset:s,isVariantOutStock:d&&!c&&0!==o.optionPosition,soldOutMark:d,soldOutMarkLine:p,available:c})]})};VariantItem.defaultProps={},exports.default=VariantItem;

package/dist/cjs/post-purchase/product/components/product-variant/components/variants/VariantOption.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");require("react");const VariantOption=({variant:e,value:r,includePrice:t,disabled:i})=>{let o=core.useFormatMoney(parseFloat(`${e?.price}`),!1);return jsxRuntime.jsx("option",{disabled:i,value:r,dangerouslySetInnerHTML:{__html:`${e?.title}${t?` - ${o}`:""} `}})};exports.default=VariantOption;

package/dist/cjs/post-purchase/product/components/product-variant/hooks/useTransition.js

@@ -0,0 +1 @@
+"use strict";var React=require("react");const useTransition=(e,t)=>{let r=React.useRef(null),u=React.useRef([]);React.useEffect(()=>{r.current=e},[e]),React.useEffect(()=>{null!==u.current&&r.current&&"function"==typeof r.current&&r.current(...u.current),u.current=t},t)};exports.useTransition=useTransition;

package/dist/cjs/post-purchase/product/constants/ProductOfferPlaceholder.js

@@ -1,127 +1 @@
-'use strict';
-
-const productOfferPlaceholder = {
-    id: '',
-    title: 'Dynamic product',
-    description: 'This is a dynamic product. The actual product will appear here based on your setup',
-    descriptionHtml: '<p class="QN2lPu">This is a dynamic product. The actual product will</p>\n<p class="QN2lPu">appear here based on your setup</p>',
-    createdAt: '2024-07-01T04:19:51.286753Z',
-    handle: 'dynamic-product',
-    averageRating: 0,
-    isStorefront: true,
-    isSample: false,
-    baseID: '',
-    sku: '',
-    options: [
-        {
-            id: '1',
-            name: 'Variant',
-            optionType: '',
-            values: [
-                {
-                    id: '1',
-                    label: 'Variant option',
-                    isDefault: true,
-                    baseID: '1'
-                }
-            ]
-        }
-    ],
-    vendor: '',
-    featuredImage: {
-        id: '542178560626918105',
-        contentType: 'IMAGE',
-        previewImage: '',
-        src: 'https://cdn.shopify.com/s/files/1/0858/3168/0279/files/gempages_502328832959710176-312cf60c-d923-4913-9873-66545effe9cc.png',
-        width: 449,
-        height: 449,
-        alt: ''
-    },
-    collections: {
-        edges: [
-            {
-                node: {
-                    id: '502321959132988135',
-                    title: 'Home page'
-                }
-            },
-            {
-                node: {
-                    id: '539286505089204764',
-                    title: 'b'
-                }
-            },
-            {
-                node: {
-                    id: '539286505089401372',
-                    title: 'e'
-                }
-            }
-        ]
-    },
-    tags: [],
-    medias: {
-        edges: [
-            {
-                cursor: 'gqFpzweGNIc/AALZoXYB',
-                node: {
-                    id: '542178560626918105',
-                    contentType: 'IMAGE',
-                    previewImage: '',
-                    src: 'https://cdn.shopify.com/s/files/1/0858/3168/0279/files/gempages_502328832959710176-312cf60c-d923-4913-9873-66545effe9cc.png',
-                    width: 449,
-                    height: 449,
-                    alt: ''
-                }
-            }
-        ],
-        pageInfo: {
-            endCursor: 'gqFpzweGNIc/AALZoXYB',
-            hasNextPage: true
-        }
-    },
-    variants: {
-        edges: [
-            {
-                cursor: 'gqFpzwc5ZqRtDAMIoXYC',
-                node: {
-                    id: '520560088328176392',
-                    title: 'Default Title',
-                    barcode: '',
-                    baseID: 'gid://shopify/ProductVariant/49298248925463',
-                    costPrice: 88,
-                    height: 0,
-                    inventoryPolicy: 'DENY',
-                    inventoryQuantity: 211,
-                    inventoryStatus: '',
-                    isDigital: true,
-                    length: 0,
-                    lowInventoryAmount: 0,
-                    manageInventory: false,
-                    mediaId: '0',
-                    platform: 'SHOPIFY',
-                    price: 88,
-                    salePrice: 88,
-                    sku: '',
-                    soldIndividually: false,
-                    weight: 0,
-                    width: 0,
-                    selectedOptions: [
-                        {
-                            name: 'Variant',
-                            value: 'Variant option',
-                            optionType: ''
-                        }
-                    ],
-                    media: undefined
-                }
-            }
-        ],
-        pageInfo: {
-            hasNextPage: false,
-            endCursor: 'gaFpzwc5ZqRtDAMI'
-        }
-    }
-};
-
-exports.productOfferPlaceholder = productOfferPlaceholder;
+"use strict";const productOfferPlaceholder={id:"",title:"Dynamic product",description:"This is a dynamic product. The actual product will appear here based on your setup",descriptionHtml:'<p class="QN2lPu">This is a dynamic product. The actual product will</p>\n<p class="QN2lPu">appear here based on your setup</p>',createdAt:"2024-07-01T04:19:51.286753Z",handle:"dynamic-product",averageRating:0,isStorefront:!0,isSample:!1,baseID:"",sku:"",options:[{id:"1",name:"Variant",optionType:"",values:[{id:"1",label:"Variant option",isDefault:!0,baseID:""}]}],vendor:"",featuredImage:{id:"542178560626918105",contentType:"IMAGE",previewImage:"",src:"https://cdn.shopify.com/s/files/1/0858/3168/0279/files/gempages_502328832959710176-312cf60c-d923-4913-9873-66545effe9cc.png",width:449,height:449,alt:""},collections:{edges:[{node:{id:"502321959132988135",title:"Home page"}},{node:{id:"539286505089204764",title:"b"}},{node:{id:"539286505089401372",title:"e"}}]},tags:[],medias:{edges:[{cursor:"gqFpzweGNIc/AALZoXYB",node:{id:"542178560626918105",contentType:"IMAGE",previewImage:"",src:"https://cdn.shopify.com/s/files/1/0858/3168/0279/files/gempages_502328832959710176-312cf60c-d923-4913-9873-66545effe9cc.png",width:449,height:449,alt:""}}],pageInfo:{endCursor:"gqFpzweGNIc/AALZoXYB",hasNextPage:!0}},variants:{edges:[{cursor:"gqFpzwc5ZqRtDAMIoXYC",node:{id:"520560088328176392",title:"Default Title",barcode:"",baseID:"gid://shopify/ProductVariant/49298248925463",costPrice:88,height:0,inventoryPolicy:"DENY",inventoryQuantity:211,inventoryStatus:"",isDigital:!0,length:0,lowInventoryAmount:0,manageInventory:!1,mediaId:"0",platform:"SHOPIFY",price:88,salePrice:88,sku:"",soldIndividually:!1,weight:0,width:0,selectedOptions:[],media:void 0}},{cursor:"gqFpzwc5ZqRtDAMIoXYC",node:{id:"520560088328176392",title:"Default Title",barcode:"",baseID:"gid://shopify/ProductVariant/49298248925463",costPrice:88,height:0,inventoryPolicy:"DENY",inventoryQuantity:211,inventoryStatus:"",isDigital:!0,length:0,lowInventoryAmount:0,manageInventory:!1,mediaId:"0",platform:"SHOPIFY",price:88,salePrice:88,sku:"",soldIndividually:!1,weight:0,width:0,selectedOptions:[],media:void 0}}],pageInfo:{hasNextPage:!1,endCursor:"gaFpzwc5ZqRtDAMI"}}};exports.productOfferPlaceholder=productOfferPlaceholder;

package/dist/cjs/post-purchase/product/constants/index.js

@@ -0,0 +1 @@
+"use strict";const NEXT_AND_PREV_URLS={},BUTTON_URL_MAP_POST_PURCHASE={next:{vertical:{disabled:"https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-6c7f10a8-a205-43bd-b39c-aab044bb3771.svg",enabled:"https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-a3c3d74c-2cde-49e5-9854-8079f5239013.svg"},horizontal:{disabled:"https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-a3d1f159-001d-4301-bead-214606caf995.svg",enabled:"https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-a5ac0286-5941-4bd7-a21d-72a6c017aeea.svg"}},prev:{vertical:{disabled:"https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-010c3c2a-fcc3-4b09-84a2-734d924ad49b.svg",enabled:"https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-4e4e886a-5aa1-4bb3-ab48-aa7752fd5eba.svg"},horizontal:{disabled:"https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-33e3810b-a94c-40a1-a48b-4eba39013f15.svg",enabled:"https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-a2eb5093-0203-4973-8ade-183d5bdefdce.svg"}}};exports.BUTTON_URL_MAP_POST_PURCHASE=BUTTON_URL_MAP_POST_PURCHASE;

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

@@ -1,35 +1 @@
-'use strict';
-
-const getPostPurchaseAlignClasses = (align)=>{
-    return align === 'left' ? 'gp-justify-start' : align === 'right' ? 'gp-justify-end' : 'gp-justify-center';
-};
-const createStoreFrontFetcher = (publicStoreFrontData)=>{
-    return async (args)=>{
-        const [query, variables, operationName] = args;
-        const headers = {
-            'Content-Type': 'application/json',
-            'X-GemX-Shop-Token': publicStoreFrontData.token
-        };
-        return fetch(publicStoreFrontData.endpoint, {
-            method: 'POST',
-            headers,
-            body: JSON.stringify({
-                query,
-                variables,
-                operationName
-            })
-        }).then((res)=>res.json()).then((res)=>{
-            if (res.errors) {
-                return Promise.reject(res.errors);
-            }
-            return res.data;
-        });
-    };
-};
-const hasPublicStoreFrontData = (publicStoreFrontData)=>{
-    return !!(publicStoreFrontData && publicStoreFrontData.token && publicStoreFrontData.endpoint);
-};
-
-exports.createStoreFrontFetcher = createStoreFrontFetcher;
-exports.getPostPurchaseAlignClasses = getPostPurchaseAlignClasses;
-exports.hasPublicStoreFrontData = hasPublicStoreFrontData;
+"use strict";const getPostPurchaseAlignClasses=t=>"left"===t?"gp-justify-start":"right"===t?"gp-justify-end":"gp-justify-center",createStoreFrontFetcher=t=>async e=>{let[r,o,s]=e,n={"Content-Type":"application/json","X-GemX-Shop-Token":t.token};return fetch(t.endpoint,{method:"POST",headers:n,body:JSON.stringify({query:r,variables:o,operationName:s})}).then(t=>t.json()).then(t=>t.errors?Promise.reject(t.errors):t.data)},hasPublicStoreFrontData=t=>!!(t&&t.token&&t.endpoint);exports.createStoreFrontFetcher=createStoreFrontFetcher,exports.getPostPurchaseAlignClasses=getPostPurchaseAlignClasses,exports.hasPublicStoreFrontData=t=>!!(t&&t.token&&t.endpoint);

package/dist/cjs/post-purchase/product/helpers/product-price-breakdown/getClasses.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getWrapperLabelClasses=e=>({...core.composeClasses("gp-flex gp-text-[#1879B9] gp-h-4.5 gp-cursor-pointer"),"gp-justify-end":"rtl"===e}),getIconCollapseClassesRotate=e=>core.composeClasses(e?"":"gp-rotate-180"),getLabelClasses=()=>core.composeClasses("gp-underline"),getDividerClasses=()=>core.composeClasses("gp-w-full gp-h-[1px] gp-bg-[#E9E9E9] gp-my-3"),getWrapperMoneyLinesClasses=()=>core.composeClasses("gp-flex gp-flex-col"),getContainerPriceBreakdownClasses=(e,s)=>({...core.composeClasses("gp-flex gp-w-full gp-min-h-0"),"gp-justify-start":"left"===e,"gp-justify-end":"right"===e,"gp-justify-center":"center"===e,...s&&{[s]:!0}}),getWrapperBreakdownClasses=()=>core.composeClasses("gp-col-[1] gp-row-[1]"),getMoneyRowClasses=e=>({...core.composeClasses("gp-flex gp-w-full gp-justify-between"),"gp-flex-row-reverse":"rtl"===e}),getTextLabelMoneyClasses=e=>({...core.composeClasses("gp-w-3/5"),"gp-text-end":"rtl"===e}),getTextValueMoneyClasses=e=>({...core.composeClasses("gp-w-2/5"),"gp-text-start":"rtl"===e,"gp-text-end":"rtl"!==e});exports.getContainerPriceBreakdownClasses=getContainerPriceBreakdownClasses,exports.getDividerClasses=getDividerClasses,exports.getIconCollapseClassesRotate=getIconCollapseClassesRotate,exports.getLabelClasses=getLabelClasses,exports.getMoneyRowClasses=getMoneyRowClasses,exports.getTextLabelMoneyClasses=getTextLabelMoneyClasses,exports.getTextValueMoneyClasses=getTextValueMoneyClasses,exports.getWrapperBreakdownClasses=getWrapperBreakdownClasses,exports.getWrapperLabelClasses=getWrapperLabelClasses,exports.getWrapperMoneyLinesClasses=getWrapperMoneyLinesClasses;

package/dist/cjs/post-purchase/product/helpers/product-price-breakdown/getStyles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js");const getStyle=e=>helpers.filterTruthyStyles({...e}),getWrapperMoneyLinesStyles=(e,t)=>{let r={...core.makeStyleResponsive("w",e),gap:t};return helpers.filterTruthyStyles(r)},getLabelTextStyles=(e,t)=>{let r="rtl"===e?"right":"left";return{...t,align:r}};exports.getLabelTextStyles=getLabelTextStyles,exports.getStyle=getStyle,exports.getWrapperMoneyLinesStyles=getWrapperMoneyLinesStyles;

package/dist/cjs/post-purchase/product/helpers/product-quantity/getClasses.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getContainerClasses=()=>core.composeClasses("gp-overflow-hidden gp-leading-[1.3] gp-min-w-[25px]"),getWrapperInputClasses=()=>core.composeClasses("gp-relative gp-max-w-full"),getLabelClasses=()=>core.composeClasses("gp-absolute gp-left-3 gp-top-[6px] !gp-max-w-[calc(100%_-_26px)] gp-overflow-hidden gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top] gp-overflow-hidden gp-text-ellipsis gp-whitespace-nowrap"),getInputClasses=()=>core.composeClasses("gp-min-h-[47px] gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9] gp-pb-0 gp-pl-[11px] gp-pr-[12px] gp-pt-[14px] gp-text-[14px] gp-text-black"),getWrapperClasses=e=>({...core.composeClasses("gp-flex gp-w-full"),"gp-justify-start":"start"===e,"gp-justify-end":"end"===e,"gp-justify-center":"center"===e});exports.getContainerClasses=getContainerClasses,exports.getInputClasses=getInputClasses,exports.getLabelClasses=getLabelClasses,exports.getWrapperClasses=getWrapperClasses,exports.getWrapperInputClasses=getWrapperInputClasses;

package/dist/cjs/post-purchase/product/helpers/product-quantity/getStyles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js");const getWrapperStyles=e=>helpers.filterTruthyStyles({...core.makeStyleResponsiveWidthWithoutAuto(e)});exports.getWrapperStyles=getWrapperStyles;

package/dist/cjs/post-purchase/product/hooks/useCarousel.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),CarouselPostPurchaseContext=require("../components/product-image/carousel-post-purchase/CarouselPostPurchaseContext.js");const useCarousel=()=>{let e=React.useContext(CarouselPostPurchaseContext.CarouselPostPurchaseContext);if(void 0===e)throw Error("useCarousel must be used within a CarouselProvider");return e};exports.useCarousel=useCarousel;

package/dist/cjs/post-purchase/product/hooks/useDynamicProduct.js

@@ -1,28 +1 @@
-'use strict';
-
-var core = require('@gem-sdk/core');
-var React = require('react');
-
-const useDynamicProduct = ()=>{
-    const dynamicDiscountOffer = core.usePageStore((s)=>s.dynamicDiscountOffer);
-    const isDynamicProduct = React.useMemo(()=>{
-        return !!dynamicDiscountOffer;
-    }, [
-        dynamicDiscountOffer
-    ]);
-    // false = No discount
-    const isEnableDynamicDiscount = React.useMemo(()=>{
-        return dynamicDiscountOffer?.isEnabled;
-    }, [
-        dynamicDiscountOffer
-    ]);
-    const dynamicPrice = '$???';
-    return {
-        isDynamicProduct,
-        dynamicPrice,
-        dynamicDiscount: dynamicDiscountOffer,
-        isEnableDynamicDiscount
-    };
-};
-
-exports.useDynamicProduct = useDynamicProduct;
+"use strict";var core=require("@gem-sdk/core"),React=require("react");const useDynamicProduct=()=>{let e=core.usePageStore(e=>e.dynamicDiscountOffer),c=React.useMemo(()=>!!e,[e]),r=React.useMemo(()=>e?.isEnabled,[e]);return{isDynamicProduct:c,dynamicPrice:"$???",dynamicDiscount:e,isEnableDynamicDiscount:r}};exports.useDynamicProduct=useDynamicProduct;

package/dist/cjs/post-purchase/product/hooks/useFeatureImagePostPurchase.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),React=require("react");const useFeatureImagePostPurchase=e=>{let{gallery:r}=e,t=core.useCurrentVariant(),u=core.useFeaturedImageGlobal(),a=core.useProductStore(e=>e.setProductFeaturedImage),s=React.useMemo(()=>{if(!u)return 0;let e=r.findIndex(e=>e.id===u.id);return -1!==e?e:0},[u,r]);return React.useEffect(()=>{t?.media&&"IMAGE"===t.media.contentType&&a(t.media)},[t,a]),{idxActive:s}};exports.useFeatureImagePostPurchase=useFeatureImagePostPurchase;

package/dist/cjs/post-purchase/product/hooks/useGetItemGapPriceBreakdown.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),helper=require("../../common/helper.js");const useGetItemGapPriceBreakdown=e=>{let r=React.useMemo(()=>helper.postPurchaseSpacing[e||"none"],[e]);return{itemGap:r}};exports.useGetItemGapPriceBreakdown=useGetItemGapPriceBreakdown;

package/dist/cjs/post-purchase/product/hooks/useGetMoneyLines.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),useDynamicProduct=require("./useDynamicProduct.js");const useGetMoneyLines=(e,t)=>{let{isDynamicProduct:o,dynamicPrice:u,dynamicDiscount:i,isEnableDynamicDiscount:a}=useDynamicProduct.useDynamicProduct(),s=core.useProductOfferDiscount(),n=core.useCurrentVariant(),{quantity:l}=core.useQuantity(),r=s*(l||1),c=core.useFormatMoney(r,!1),p=n?.price??0,b=p*(l||1),d=core.useFormatMoney(b,!1),L=core.shopifyPriceRounding(r,2),h=core.useFormatMoney(b-parseFloat(L),!1),y=()=>{let n=[];return!1!==e.isShowSubTotalLabel&&n.push({title:t.subTotalLabel,money:o?u:d,uniqueId:"subTotalLabel"}),!1!==e.isShowDiscountLabel&&n.push({title:t.discountLabel,money:o&&i&&a?`${i.value}%`:s>0?c:"No discount",uniqueId:"discountLabel"}),!1!==e.isShowShippingLabel&&n.push({title:t.shippingLabel,uniqueId:"shippingLabel",tooltip:{content:"Shipping fee will be calculated on real offer page",width:"23em"}}),!1!==e.isShowTaxesLabel&&n.push({title:t.taxesLabel,uniqueId:"taxesLabel",tooltip:{content:"Taxes will be calculated on real offer page",width:"20em"}}),!1!==e.isShowTotalLabel&&n.push({title:t.totalLabel,money:o?u:h,uniqueId:"totalLabel"}),n};return{getMoneyLines:y}};exports.useGetMoneyLines=useGetMoneyLines;

package/dist/cjs/post-purchase/product/hooks/useGetTextSetting.js

@@ -0,0 +1 @@
+"use strict";var React=require("react");const useGetTextSetting=(t,e)=>{let s=React.useMemo(()=>t?e?.setting?.text:e?.setting?.outOfStockLabel,[t,e?.setting?.text,e?.setting?.outOfStockLabel]);return{text:s}};exports.useGetTextSetting=useGetTextSetting;

package/dist/cjs/post-purchase/product/hooks/useHandleQuantity.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),React=require("react");const useHandleQuantity=(e,t,a)=>{let u=core.useIsSyncProduct(),r=core.useProduct(),s=a?.defaultQtyValue??1,[c,n]=React.useState(""),i=React.useCallback(a=>{let s=a.detail,c=r?.id;u&&s&&c==s.productId&&e!=s.quantity&&t(s.quantity)},[u,r?.id,e,t]);React.useEffect(()=>(window.addEventListener("set-product-quantity",i),()=>{window.removeEventListener("set-product-quantity",i)}),[i]);let d=e=>{let a=e.target.value,u=1>Number(a)||isNaN(Number(a))?1:Number(a);t(u),n(`${u}`)},l=e=>{isNaN(Number(e.target.value))||""===e.target.value||n(parseInt(e.target.value).toString())};return React.useEffect(()=>{t(parseFloat(`${s}`)),n(`${s}`)},[t,s]),React.useEffect(()=>{n(`${e}`)},[e]),{value:c,onBlurInput:d,onChangeInput:l}};exports.useHandleQuantity=useHandleQuantity;

package/dist/cjs/post-purchase/product/hooks/useListCarousel.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),useCarousel=require("./useCarousel.js");const useListCarousel=e=>{let{productImages:r,itemPerRow:s,vertical:u}=e,{moveToIdx:t}=useCarousel.useCarousel(),l=React.useCallback(()=>{let e=[...r];return e?.splice(t,s)},[r,s,t]),a=React.useMemo(()=>{let e=l();if(e.length>=s)return e;if(u)return[...r];let t=[...r],a=s-e.length;return t.push(...Array(a).fill(null)),t},[l,s,r,u]);return{listRender:a}};exports.useListCarousel=useListCarousel;

package/dist/cjs/post-purchase/product/hooks/useNavigationCarouselPostPurchase.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),index=require("../constants/index.js"),useCarousel=require("./useCarousel.js");const useNavigationCarouselPostPurchase=e=>{let{moveToIdx:s,maxIdx:r,setMoveToIdx:a}=useCarousel.useCarousel(),{type:u,vertical:t}=e,o="next"==u?s>=r:0===s,i=React.useMemo(()=>index.BUTTON_URL_MAP_POST_PURCHASE[u][t?"vertical":"horizontal"][o?"disabled":"enabled"],[u,t,o]),n=()=>{if("next"===u){a(s+1);return}a(s-1)};return{imgSrc:i,handleClick:n,disabled:o}};exports.useNavigationCarouselPostPurchase=useNavigationCarouselPostPurchase;

package/dist/cjs/post-purchase/product/hooks/useProductImagePostPurchase.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),helper=require("../../common/helper.js");const useProductImagePostPurchase=e=>{let{imageList:t,setting:r}=e,{layoutType:c="bottom-center",spacingVertical:o,spacingHoz:s,ratioLayoutLeft:u,ratioLayoutRight:n,displayType:a}=r||{},l=React.useMemo(()=>t.length>1,[t.length]),m=React.useMemo(()=>"bottom-center"===c?helper.postPurchaseSpacing[o||"none"]:s,[c,s,o]),i=React.useMemo(()=>{let e={"--gtc":"minmax(0, 12fr)"};if(!l)return e;let t="left"===c?u:n,r=["left","right"].includes(c);return r&&t?{"--gtc":`minmax(0, ${t[0]}fr) minmax(0, ${t[1]}fr)`,"--gtr":"fit-content(0)"}:e},[l,c,u,n]),g=React.useMemo(()=>!["two-col","one-col"].includes(c)&&(["left","right"].includes(c)||"slider"===a),[c,a]);return{itemGap:m,gridLayout:i,isShowGalleryImages:l,isImageListCarousel:g}};exports.useProductImagePostPurchase=useProductImagePostPurchase;