@gem-sdk/components 17.0.0-dev.14 → 17.0.0-dev.140

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

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),s=require("../hooks/useProductOfferSubscriptionBlocksObserver.js");const t=r.createContext(void 0);exports.ProductOfferSubscriptionPresenceProvider=({children:r,containerRef:o})=>{let u=s.useProductOfferSubscriptionBlocksObserver(o);return e.jsx(t.Provider,{value:u,children:r})},exports.useProductOfferSubscriptionPresence=()=>r.useContext(t);

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

@@ -0,0 +1 @@
+"use strict";var t=require("../../../constants/index.js");exports.scanSubscriptionBlocks=e=>{let r=e.querySelectorAll('[id^="product-subscription-"][data-selling-type]'),s=!1,i=!1;return r.forEach(e=>{let r=e.getAttribute("data-selling-type");r===t.SubscriptionEnum.ONE_TIME&&(s=!0),r===t.SubscriptionEnum.SUBSCRIPTION&&(i=!0)}),{hasOneTimeBlock:s,hasSubscriptionBlock:i,hasBoth:s&&i}};

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

@@ -0,0 +1 @@
+"use strict";var e=require("react"),r=require("../helpers/scanSubscriptionBlocks.js");exports.useProductOfferSubscriptionBlocksObserver=t=>{let[s,c]=e.useState(()=>({hasOneTimeBlock:!1,hasSubscriptionBlock:!1,hasBoth:!1}));return e.useLayoutEffect(()=>{let e=t.current;if(!e)return;let s=()=>{c(r.scanSubscriptionBlocks(e))};s();let u=new MutationObserver(s);return u.observe(e,{childList:!0,subtree:!0}),()=>{u.disconnect()}},[t]),s};

package/dist/cjs/post-purchase/product/components/product-subscription/hooks/useSubscriptionVisibility.js

@@ -1 +1 @@
-"use strict";var e=require("react"),i=require("@gem-sdk/core"),n=require("../../../constants/index.js"),s=require("./useSellingPlanOptions.js"),u=require("../../../hooks/useSubscriptionSellingType.js");exports.useSubscriptionVisibility=({setting:r})=>{let l=i.useProductStore(e=>e.setSubscriptionSellingType),{isOneTime:t,subscriptionSellingType:S}=u.useSubscriptionSellingType(),o=s.useSellingPlanOptions(r),p=i.useProduct(),c=e.useMemo(()=>p?.requiresSellingPlan,[p?.requiresSellingPlan]),g=e.useMemo(()=>t?n.SubscriptionEnum.ONE_TIME:n.SubscriptionEnum.SUBSCRIPTION,[t]);e.useEffect(()=>{S||(r?.sellingType===n.SubscriptionEnum.ONE_TIME?l(n.SubscriptionEnum.ONE_TIME):l(r?.sellingType??n.SubscriptionEnum.SUBSCRIPTION))},[l,r?.sellingType,S]);let E=!c&&o&&o.length>0,T=r?.sellingType===n.SubscriptionEnum.SUBSCRIPTION&&(!o||0===o.length),b=r?.sellingType===n.SubscriptionEnum.ONE_TIME&&c,m=(!o||0===o.length)&&!c;return{selectedType:g,shouldShowRadio:E,isOneTimeHidden:b,requiresSellingPlan:c,isOnetimeOnly:m,hasNoSellingPlanOptions:T,setSubscriptionSellingType:l}};
+"use strict";var e=require("react"),i=require("@gem-sdk/core"),s=require("../../../constants/index.js"),n=require("../../product-offer/context/PrdOfferSubscriptionPresenceContext.js"),u=require("./useSellingPlanOptions.js"),r=require("../../../hooks/useSubscriptionSellingType.js");exports.useSubscriptionVisibility=({setting:t})=>{let o=i.useProductStore(e=>e.setSubscriptionSellingType),{isOneTime:l,subscriptionSellingType:S}=r.useSubscriptionSellingType(),c=u.useSellingPlanOptions(t),p=i.useProduct(),E=n.useProductOfferSubscriptionPresence(),T=c&&c.length>0,b=void 0!==E,O=e.useMemo(()=>void 0===E||E.hasBoth,[E]),m=e.useMemo(()=>p?.requiresSellingPlan,[p?.requiresSellingPlan]),g=e.useMemo(()=>l?s.SubscriptionEnum.ONE_TIME:s.SubscriptionEnum.SUBSCRIPTION,[l]);e.useEffect(()=>{S||(t?.sellingType===s.SubscriptionEnum.ONE_TIME?o(s.SubscriptionEnum.ONE_TIME):o(t?.sellingType??s.SubscriptionEnum.SUBSCRIPTION))},[o,t?.sellingType,S]);let P=b&&!!E?.hasSubscriptionBlock&&!E?.hasOneTimeBlock&&S===s.SubscriptionEnum.ONE_TIME;e.useEffect(()=>{P&&o(s.SubscriptionEnum.SUBSCRIPTION)},[o,P]);let I=t?.sellingType===s.SubscriptionEnum.SUBSCRIPTION&&!T,a=t?.sellingType===s.SubscriptionEnum.ONE_TIME&&m;return{selectedType:g,shouldShowRadio:!m&&T&&O,isOneTimeHidden:a,requiresSellingPlan:m,isOnetimeOnly:!T&&!m,hasNoSellingPlanOptions:I,setSubscriptionSellingType:o}};

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),p=require("./DropdownOption.js"),a=require("react"),n=require("./VariantOption.js");exports.default=({option:l,optionPosition:i,optionNumber:s,variantGroup:r,variants:o,price:g,blankText:d,combineWidth:u,combineFullWidth:c,label:x,initValue:m,hasPreSelected:h,soldOutStyle:v,soldOutMark:f,preset:b})=>{let{setSelectedOption:w,forceSelectedOption:j,selectedOptions:y}=t.useSelectedOption(),N=t.useProduct(),k=a.useMemo(()=>"Disable"===v&&f,[v,f]),O=e=>{let p=o?.find(t=>t?.id===e);if(p&&p.selectedOptions){let e=t.parseSelectedOption(p.selectedOptions);e&&j(e,N?.id)}},[S,P]=a.useState(h?m:"blank");a.useEffect(()=>{P(y?.[l?.name??"blank"])},[y,l]),a.useEffect(()=>{h||P("blank")},[h]);let q=e=>!!e&&(e?.inventoryQuantity&&e.inventoryQuantity>0||!e?.manageInventory||"CONTINUE"===e.inventoryPolicy),M=a.useMemo(()=>r?t.makeStyleResponsive("w",t.makeWidth(u,c)):t.makeStyleResponsive("w",t.makeWidth(b?.width,b?.fullWidth)),[b?.width,b?.fullWidth,r,u,c]);return e.jsx("div",{className:"gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]",style:{...M},children:e.jsxs("div",{className:"gp-relative",children:[e.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:e.jsx("span",{className:"gp-max-w-full",children:e.jsx("span",{className:"gp-block gp-overflow-hidden",children:x})})}),e.jsx("select",{autoComplete:"off",name:l?.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:S??m,onChange:e=>{r?O(e.target?.value):w(l?.name,e.target?.value,N?.id)},children:e.jsxs(e.Fragment,{children:[!h&&e.jsx("option",{value:"blank",children:d??"Please select an option"}),l?.values?.map(t=>e.jsx(p.default,{value:t,optionName:l.name,optionPosition:i,optionNumber:s,isSoldOutMark:k},t?.id)),r&&o?.map(t=>e.jsx(n.default,{disabled:!q(t)&&k,value:t?.id,variant:t,includePrice:g},t?.id))]})}),e.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:e.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:e.jsx("path",{d:"M0 5h20L10 15"})})})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),p=require("./DropdownOption.js"),a=require("react"),l=require("./VariantOption.js");exports.default=({option:n,optionPosition:i,optionNumber:s,variantGroup:r,variants:o,price:g,blankText:d,combineWidth:u,combineFullWidth:c,label:x,initValue:m,hasPreSelected:h,soldOutStyle:v,soldOutMark:f,preset:b})=>{let{setSelectedOption:w,forceSelectedOption:j,selectedOptions:y,offerSingleVariantID:N}=t.useSelectedOption(),k=t.useProduct(),O=a.useMemo(()=>"Disable"===v&&f,[v,f]),S=e=>{let p=o?.find(t=>t?.id===e);if(p&&p.selectedOptions){let e=t.parseSelectedOption(p.selectedOptions);e&&j(e,k?.id)}},[P,q]=a.useState(h?m:"blank");a.useEffect(()=>{q(y?.[n?.name??"blank"])},[y,n]),a.useEffect(()=>{h||q("blank")},[h]);let M=e=>!!e&&(e?.inventoryQuantity&&e.inventoryQuantity>0||!e?.manageInventory||"CONTINUE"===e.inventoryPolicy),W=a.useMemo(()=>r?t.makeStyleResponsive("w",t.makeWidth(u,c)):t.makeStyleResponsive("w",t.makeWidth(b?.width,b?.fullWidth)),[b?.width,b?.fullWidth,r,u,c]);return e.jsx("div",{className:"gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]",style:{...W},children:e.jsxs("div",{className:"gp-relative",children:[e.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:e.jsx("span",{className:"gp-max-w-full",children:e.jsx("span",{className:"gp-block gp-overflow-hidden",children:x})})}),e.jsx("select",{autoComplete:"off",name:n?.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:P??m,onChange:e=>{r?S(e.target?.value):w(n?.name,e.target?.value,k?.id)},children:e.jsxs(e.Fragment,{children:[!h&&e.jsx("option",{value:"blank",children:d??"Please select an option"}),n?.values?.map(t=>e.jsx(p.default,{value:t,optionName:n.name,optionPosition:i,optionNumber:s,isSoldOutMark:O,disabled:!!N&&t.label!==P},t?.id)),r&&o?.map(t=>e.jsx(l.default,{disabled:!M(t)&&O||!!N&&t?.id!==N,value:t?.id,variant:t,includePrice:g},t?.id))]})}),e.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:e.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:e.jsx("path",{d:"M0 5h20L10 15"})})})]})})};

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core");require("react"),exports.default=({optionPosition:r,optionNumber:a,value:l,optionName:i,isSoldOutMark:s})=>{let u=t.useVariantOutStock(i??"",l?.label??"",{position:r||0,optionNumber:a||0});return e.jsx("option",{className:"gp-text-[14px] gp-text-black",disabled:!u&&s,value:l?.label,children:l?.label},l?.id)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core");require("react"),exports.default=({optionPosition:r,optionNumber:l,value:a,optionName:i,isSoldOutMark:s,disabled:u})=>{let o=t.useVariantOutStock(i??"",a?.label??"",{position:r||0,optionNumber:l||0}),c=u||!o&&s;return e.jsx("option",{className:t.cls("gp-text-[14px]",c?"":"gp-text-black"),disabled:c,value:a?.label,children:a?.label},a?.id)};

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

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("react"),require("./components/product-subscription/types.js"),require("./constants/index.js"),require("./components/product-variant/components/variants/VariantItem.js"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("./components/product-subscription/components/OneTimePurchaseTooltip.js"),require("../image/components/Img.js");var e=require("./settings/product-title/ProductTitle.js"),t=require("./settings/product-description/ProductDescription.js"),r=require("./settings/product-price/ProductPrice.js"),s=require("./settings/product-variants/ProductVariant.js"),u=require("./settings/accept-button/index.js"),i=require("./settings/product-quantity/index.js"),o=require("./settings/product-offer/index.js"),c=require("./settings/product-price-breakdown/index.js"),n=require("./settings/product-discount-tag/ProductDiscountTag.js"),a=require("./settings/product-subscription/index.js"),d=require("./settings/product-image/ProductImages.js");const P={PostPurchaseProductTitle:e.default,PostPurchaseProductDescription:t.default,PostPurchaseProductPrice:r.default,PostPurchaseProductVariants:s.default,PostPurchaseAcceptButton:u.default,PostPurchaseProductQuantity:i.default,PostPurchaseProductPriceBreakdown:c.default,PostPurchaseProductOffer:o.default,PostPurchaseProductDiscountTag:n.default,PostPurchaseProductImages:d.default,PostPurchaseProductSubscription:a.default};exports.postPurchaseProductSetting=P;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("react"),require("./components/product-subscription/types.js"),require("./constants/index.js"),require("./components/product-variant/components/variants/VariantItem.js"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("../../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("./components/product-subscription/components/OneTimePurchaseTooltip.js"),require("../image/components/Img.js");var e=require("./settings/product-title/ProductTitle.js"),t=require("./settings/product-description/ProductDescription.js"),r=require("./settings/product-price/ProductPrice.js"),s=require("./settings/product-variants/ProductVariant.js"),u=require("./settings/accept-button/index.js"),i=require("./settings/product-quantity/index.js"),o=require("./settings/product-offer/index.js"),c=require("./settings/product-price-breakdown/index.js"),n=require("./settings/product-discount-tag/ProductDiscountTag.js"),a=require("./settings/product-subscription/index.js"),d=require("./settings/product-image/ProductImages.js");const P={PostPurchaseProductTitle:e.default,PostPurchaseProductDescription:t.default,PostPurchaseProductPrice:r.default,PostPurchaseProductVariants:s.default,PostPurchaseAcceptButton:u.default,PostPurchaseProductQuantity:i.default,PostPurchaseProductPriceBreakdown:c.default,PostPurchaseProductOffer:o.default,PostPurchaseProductDiscountTag:n.default,PostPurchaseProductImages:d.default,PostPurchaseProductSubscription:a.default};exports.postPurchaseProductSetting=P;

package/dist/cjs/post-purchase/product/settings/product-quantity/configs/settings.js

@@ -1 +1 @@
-"use strict";exports.ProductQuantitySettings=[{id:"setting",controls:[{id:"title",label:"Label title",type:"input",placeholder:"Add...",default:"Quantity",fallbackValue:"Quantity",clearButton:!1},{id:"defaultQtyValue",label:"Text",type:"input:stepper",min:1,default:1,disableDecimal:!0}]},{id:"style",controls:[{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"inputWidth",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:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"}]}];
+"use strict";exports.ProductQuantitySettings=[{id:"setting",controls:[{id:"title",label:"Label title",type:"input",placeholder:"Add...",default:"Quantity",fallbackValue:"Quantity",clearButton:!1},{id:"defaultQtyValue",label:"Text",type:"input:stepper",min:1,default:1,disableDecimal:!0},{id:"updatePrice",label:"Update price",type:"toggle",default:!0}]},{id:"style",controls:[{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"inputWidth",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:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"}]}];

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

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"inputWidth"},layout:"horizontal"}]},{label:"Display options",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"},layout:"horizontal"},{type:"combo",label:"Label title",iconName:"polaris-text-block",getValueFromSettingID:"title",disableClearMessage:"This label title is needed for customers <br> to adjust the product's quantity",controls:[{label:"Content",setting:{id:"title"},layout:"vertical",options:{clearButton:!1}}]}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(inputWidth) >= 100 && inputWidth?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];
+"use strict";exports.SettingUIV2=[{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"inputWidth"},layout:"horizontal"}]},{label:"Display options",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"},layout:"horizontal"},{label:"Update price",setting:{id:"updatePrice"}},{type:"combo",label:"Label title",iconName:"polaris-text-block",getValueFromSettingID:"title",disableClearMessage:"This label title is needed for customers <br> to adjust the product's quantity",controls:[{label:"Content",setting:{id:"title"},layout:"vertical",options:{clearButton:!1}}]}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(inputWidth) >= 100 && inputWidth?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];

package/dist/cjs/post-purchase/text/components/Text.js

@@ -1,3 +1,3 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../common/classes.js"),s=require("../common/styles.js"),r=require("@gem-sdk/system"),a=require("../common/helpers.js"),l=require("react"),o=require("../common/attrs.js");exports.default=({styles:n,builderAttrs:c,style:i,setting:u,advanced:m,builderProps:x,className:y,children:d,textClassWrapper:p,textClass:g,...C})=>{let{text:h,options:j}=u??{},{textAlign:q,typo:S,align:f,direction:T}=n??{},v=l.useMemo(()=>a.createContent(h,S?.textTransform,S?.textColor),[h,S?.textTransform,S?.textColor]),_=r.createClass({...t.getContainerClasses({className:y,uid:x?.uid,align:f})}),b=r.createClass({...t.getWrapperClasses({textClassWrapper:p})}),A=r.createClass({...t.getTextClasses({textClass:g})}),M=r.createStyle({...s.getContainerStyles({style:i})}),N=r.createStyle({...s.getWrapperStyles({styles:n})}),w=r.createStyle({...s.getTextStyles({textAlign:q,typo:S})}),W=r.createAttr({...c}),$=r.createAttr({...o.getTextAttrs({options:j})});return e.jsx("div",{...C,...W,className:_,style:{...M},children:e.jsx("div",{className:b,style:{...N},children:e.jsx("div",{className:A,...$,style:{...w},dangerouslySetInnerHTML:{__html:v?`<bdo dir="${T}" >${v}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
-              text-decoration: unset;">Replace this text with your content</span>`}})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../common/classes.js"),s=require("../common/styles.js"),r=require("@gem-sdk/system"),a=require("../common/helpers.js"),l=require("react"),o=require("../common/attrs.js"),n=require("@gem-sdk/core");exports.default=({styles:c,builderAttrs:i,style:u,setting:d,advanced:m,builderProps:x,className:y,children:p,textClassWrapper:g,textClass:C,...h})=>{let{text:j,options:q}=d??{},{textAlign:S,typo:f,align:T,direction:v}=c??{},{t:M}=n.useI18nStore(),{isEditMode:_}=n.useRenderMode(),b=l.useMemo(()=>a.createContent(j,f?.textTransform,f?.textColor),[j,f?.textTransform,f?.textColor]),A=r.createClass({...t.getContainerClasses({className:y,uid:x?.uid,align:T})}),N=r.createClass({...t.getWrapperClasses({textClassWrapper:g})}),$=r.createClass({...t.getTextClasses({textClass:C})}),k=r.createStyle({...s.getContainerStyles({style:u})}),w=r.createStyle({...s.getWrapperStyles({styles:c})}),I=r.createStyle({...s.getTextStyles({textAlign:S,typo:f})}),R=r.createAttr({...i}),W=r.createAttr({...o.getTextAttrs({options:q})}),z=_?M("Replace this text with your content"):"";return e.jsx("div",{...h,...R,className:A,style:{...k},children:e.jsx("div",{className:N,style:{...w},children:e.jsx("div",{className:$,...W,style:{...I},dangerouslySetInnerHTML:{__html:b?`<bdo dir="${v}" >${b}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
+              text-decoration: unset;">${z}</span>`}})})})};

package/dist/cjs/product/components/ProductImages.liquid.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../helpers/product-image.js"),i=require("./product-images/common/helpers.js"),r=require("./product-images/ProductFeaturedImage.liquid.js"),l=require("./product-images/ProductGalleryCarousel.liquid.js"),s=require("./product-images/ProductGalleryGrid.liquid.js"),a=require("./product-images/common/productGallery.js"),o=require("../../helpers.js");exports.default=d=>{let{setting:g,styles:u,builderProps:p,style:n}=d,c={...d.styles,...d.setting},m={...d.styles,...d.setting},f=t=>e.getResponsiveValueByScreen(u?.position,t),y=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../helpers/product-image.js"),i=require("./product-images/common/helpers.js"),r=require("./product-images/ProductFeaturedImage.liquid.js"),s=require("./product-images/ProductGalleryCarousel.liquid.js"),l=require("./product-images/ProductGalleryGrid.liquid.js"),a=require("./product-images/common/productGallery.js"),o=require("../../helpers.js");exports.default=d=>{let{setting:g,styles:p,builderProps:u,style:n}=d,c={...d.styles,...d.setting},m={...d.styles,...d.setting},f=t=>e.getResponsiveValueByScreen(p?.position,t),y=`
     {
-      "id":${JSON.stringify(p?.uid)},
+      "id":${JSON.stringify(u?.uid)},
       "setting":${JSON.stringify(g)},
-      "styles":${JSON.stringify(u)},
-      "product":{{ product | json | escape }}
+      "styles":${JSON.stringify(p)},
+      "product":{{ product | json }}
     }
   `;return e.template`
   {% assign featured_image = product.featured_image %}
@@ -11,22 +11,22 @@
   {% assign featured_image = variant.featured_image %}
   {%- endif -%}
   <gp-product-images
-    gp-data='${y}'
     style="${{...n}}"
     class="${e.cls({"gp-overflow-hidden":i.checkAddOverFlowClass(n)})}"
   >
+    <script gp-data type="application/json">${y}</script>
     <div
         class="${e.cls("gp-flex gp-w-full",{...t.getFlexDirection(d)})}"
-        style="${{...i.getStyleAlignment(u?.align,u?.position)}}"
+        style="${{...i.getStyleAlignment(p?.align,p?.position)}}"
       >
         ${r.default({...c})}
         {%- if product.media.size > 1 -%}
           <div
             class="${e.cls("gallery-wrapper gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":"bottom-left"==f("desktop"),"tablet:gp-justify-start":"bottom-left"==f("tablet"),"mobile:gp-justify-start":"bottom-left"==f("mobile"),"gp-justify-center":"bottom-center"==f("desktop"),"tablet:gp-justify-center":"bottom-center"==f("tablet"),"mobile:gp-justify-center":"bottom-center"==f("mobile"),"gp-mx-auto":"bottom-center"==f("desktop"),"tablet:gp-mx-auto":"bottom-center"==f("tablet"),"mobile:gp-mx-auto":"bottom-center"==f("mobile")})}"
-            style="${{...e.makeStyle({fs:"1.23"}),...i.getDisplayStyle(t=>!!g?.galleryVisible&&!e.getResponsiveValueByScreen(g?.galleryVisible,t),"inline-flex"),...a.getStyleWidthForGallery({galleryVisible:g?.galleryVisible,featureImageVisible:g?.featureImageVisible,position:u?.position,width:u?.width,widthHorizontalLayout:u?.widthHorizontalLayout}),...a.getStyleGallerySpacing(u?.position,u?.gallerySpacing)}}"
+            style="${{...e.makeStyle({fs:"1.23"}),...i.getDisplayStyle(t=>!!g?.galleryVisible&&!e.getResponsiveValueByScreen(g?.galleryVisible,t),"inline-flex"),...a.getStyleWidthForGallery({galleryVisible:g?.galleryVisible,featureImageVisible:g?.featureImageVisible,position:p?.position,width:p?.width,widthHorizontalLayout:p?.widthHorizontalLayout}),...a.getStyleGallerySpacing(p?.position,p?.gallerySpacing)}}"
           >
-            ${l.default({builderPropUID:p?.uid,...m})}
-            ${s.default({builderPropUID:p?.uid,...m})}
+            ${s.default({builderPropUID:u?.uid,...m})}
+            ${l.default({builderPropUID:u?.uid,...m})}
           </div>
         {%- endif -%}
       </div>

package/dist/cjs/product/components/dynamic-checkout/Button.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("@gem-sdk/system"),s=require("../../../helpers.js"),a=require("./common/classes.js"),i=require("./common/styles.js");exports.default=({setting:l,advanced:r,styles:n,builderProps:o,className:d=""})=>{let c=e.createClass({...!!d&&{[d]:!0},...a.getButtonClasses({styles:n,uid:o?.uid})}),u=i.getButtonStyles({styles:n,uid:o?.uid}),p=e.createStateOrContext({setting:{label:l?.label},totalVariant:"{{total_combinations}}"});return t.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("@gem-sdk/system"),s=require("../../../helpers.js"),a=require("./common/classes.js"),i=require("./common/styles.js");exports.default=({setting:r,advanced:n,styles:l,builderProps:o,className:d=""})=>{let p=e.createClass({...!!d&&{[d]:!0},...a.getButtonClasses({styles:l,uid:o?.uid})}),c=i.getButtonStyles({styles:l,uid:o?.uid}),u=e.createStateOrContext({setting:{label:r?.label},totalVariant:"{{total_combinations}}"});return t.template`
     ${e.Liquid("{%- assign total_combinations = 1 -%}")}
     ${e.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     ${e.Liquid(`
@@ -7,14 +7,14 @@
         assign supported_payment_methods = shop.enabled_payment_types
       -%}
     `)}
-    <gp-product-dynamic data-id="${o?.uid}" data-translate-label='${l?.label}' class="${r?.cssClass}" gp-data='${JSON.stringify(p).replaceAll("'","&#039;")}
-    '>
-    <div class="${c}">
-        {{ form | payment_button }}
-    </div>
-    {% style %}
-      ${u}
-    {% endstyle %}
+    <gp-product-dynamic data-id="${o?.uid}" data-translate-label='${r?.label}' class="${n?.cssClass}">
+      <script gp-data type="application/json">${t.dataStringify(u)}</script>
+      <div class="${p}">
+          {{ form | payment_button }}
+      </div>
+      {% style %}
+        ${c}
+      {% endstyle %}
     </gp-product-dynamic>
     ${e.If(t.isLocalEnv,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="${t.baseAssetURL}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};

package/dist/cjs/product/components/file-upload/UploadFile.liquid.js

@@ -1,7 +1,6 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("@gem-sdk/system"),r=require("./common/classes.js"),a=require("./common/style.js"),l=require("./common/attr.js"),i=require("./common/helpers.js");exports.default=({setting:c,styles:o,builderProps:v,pageContext:n})=>{let d=t.createClass(r.createLayoutClasses(c,v?.uid)),y=t.createStyle({...i.removeHoverStyles(a.createLayoutStyles(c,o),o?.enableHoverEffect)}),p=t.createClass(r.createTypoClasses(o)),u=t.createStyle({...i.removeHoverStyles(a.createTypoStyles(o),o?.enableHoverEffect)}),C=t.createClass(r.createPreviewClasses()),f=t.createClass(r.createPreviewItemClasses()),S=t.createClass(r.createPreviewRemoveClasses()),m=t.createClass(r.createMessageClasses()),$=t.createStyle(a.createMessageStyles()),g=t.createClass(r.createContentWidthClasses()),H=t.createClass(r.createInputClasses()),b=t.createClass(r.composeClasses("gp-flex gp-items-center")),q=t.createAttr({...l.getInputAttr(c?.isRequired,c?.numberOfFiles)}),I=t.createStyle({...i.removeHoverStyles(a.createContainerStyles(o?.align,o?.textColor),o?.enableHoverEffect)}),j=t.createStyle({...i.removeHoverStyles(a.createWrapContentWidthStyles(c),o?.enableHoverEffect)}),E=t.createClass(r.createWrapContainerClasses(v?.uid)),P=t.createStyle({...i.removeHoverStyles(a.createContentWithStyles(c,o),o?.enableHoverEffect)}),h=t.createStyle({...i.removeHoverStyles(a.createIconContainerStyles(c),o?.enableHoverEffect)}),w=t.createClass(r.createIconContentClasses()),x=t.createStyle({...i.removeHoverStyles(a.createIconContentStyles(c,o),o?.enableHoverEffect)}),O=i.getDisplayText("Liquid",{uid:v?.uid,setting:c,styles:o,pageContext:n}),R=t.createStateOrContext({settings:{isShowPreviewImage:c?.isShowPreviewImage,numberOfFiles:c?.numberOfFiles,isRequired:c?.isRequired}});return e.template`
-  <gp-file-upload
-    gp-data='${JSON.stringify(R)}'
-  >
+  <gp-file-upload>
+  <script gp-data type="application/json">${JSON.stringify(R)}</script>
   <div class="${E}" style="${I}">
     <input ${q} class="${H}">
     <div class="${b}" style="${j}">

package/dist/cjs/product/components/file-upload/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:"Icon position",setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:"Icon position",setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:"Arrange content",setting:{id:"arrangeContent"}},{type:"control",label:"Spacing",setting:{id:"spacing"}}]}]},{label:"Upload setting",controls:[{type:"control",label:"Required",setting:{id:"isRequired"}},{type:"control",label:"Click image to preview",setting:{id:"isShowPreviewImage"}},{type:"control",label:"Number of files",setting:{id:"numberOfFiles"}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:"Choose icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Size",setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Position",setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:"Position",setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtn",state:"normal"}},{label:"Corner",setting:{id:"roundedBtn",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{label:"Hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:"Hover",state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Text & icon",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"roundedBtn",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:"Align",conditionEnable:'!size.width?.includes("%") || (parseInt(size.width) < 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:"Icon position",setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:"Icon position",setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:"Arrange content",setting:{id:"arrangeContent"}},{type:"control",label:"Spacing",setting:{id:"spacing"}}]}]},{label:"Upload setting",controls:[{type:"control",label:"Required",setting:{id:"isRequired"}},{type:"control",label:"Click image to preview",setting:{id:"isShowPreviewImage"}},{type:"control",label:"Number of files",setting:{id:"numberOfFiles"}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:"Choose icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Size",setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Position",setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:"Position",setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"borderBtn",state:"normal"}},{label:"Corner",setting:{id:"roundedBtn",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:"Hover",state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Text & icon",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"roundedBtn",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!size.width?.includes("%") || (parseInt(size.width) < 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/product/components/product-badge/ProductBadge.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("./utils/common.js");require("./constants.js");var r=require("../../../common/components/NoDataState.js"),a=require("../../../common/components/TooltipHover.js"),l=require("@gem-sdk/system"),n=require("./common/attrs.js"),o=require("./common/classes.js"),c=require("./common/styles.js");exports.default=i=>{let{t:u}=t.useI18nStore(),{setting:d,styles:m,children:g,builderAttrs:C,...y}=i,p=t.useProduct(),j=t.useCurrentVariant(),{moneyFormat:x}=t.useMoneyFormat(),S=t.useCurrentDevice(),{useProductCompareAtPrice:T}=t.useProductBundleDiscount(),v=y?.["bundle-item"],A=t.useEditorMode(),{isEditMode:N}=t.useRenderMode(),h="STATIC"===t.usePageType(),q=s.getBadgeContent({detail:p,currentVariant:j,bundleItem:v,useProductCompareAtPrice:T},d?.displayContent,x),I=s.getIsNoDiscountState({props:i,product:p,currentVariant:j,moneyFormat:x,useProductCompareAtPrice:T}),f=l.createClass({...o.getContainerClasses({mode:A,isInstant:h,product:p,currentVariant:j,props:i})}),b=l.createStyle({...c.getContainerStyle(i)}),W=l.createAttr({...n.getEditTooltipAttrs(i)}),M=l.createClass({...o.getWrapperClasses(i)}),P=l.createClass({...o.getSubWrapperClass(i,S)}),D=l.createStyle({...c.getSubWrapperStyle({props:i,product:p,currentVariant:j,isEditMode:N})}),B=l.createAttr({...n.getSubWrapperAttrs(i,p)}),k=c.getContentStyleInternal(i),w=l.createClass({...o.getTextContainerClasses()}),E=l.createAttr({...n.getContainerAttrs(i)}),_=l.createClass({...o.getTextWrapperClasses()}),F=l.createStyle({...c.getTextBadgeWrapperStyles({setting:d,styles:m})}),H=l.createClass({...o.getTextContentClasses(m)}),O=l.createStyle({...c.getTextContentStyle({setting:d,styles:m})}),R=l.createAttr({...n.getTextContentAttrs()}),V=l.createClass({...o.getImageContainerClasses()}),z=l.createStyle({...c.getImageContainerStyles({setting:d,styles:m})}),G=l.createClass({...o.getImageClasses()}),J=l.createAttr({...n.getImageAttr({setting:d})});return p?e.jsxs("div",{...E,style:b,className:f,children:[l.If(N&&I,e.jsx(a.default,{...W,children:e.jsx(r.default,{...C,elementType:"secondary",description:u("No discount"),rawMode:!0})}),e.jsx("div",{className:M,children:e.jsxs("div",{...B,className:P,style:D,children:[e.jsx("style",{children:k}),l.If(d?.shape!=="image",e.jsx("div",{className:w,children:e.jsx("div",{className:_,style:F,children:e.jsx("pre",{...R,className:H,style:O,children:q})})}),e.jsx("div",{className:V,style:z,children:e.jsx("img",{...J,className:G,alt:""})}))]})})),t.filterToolbarPreview(g,!0)]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("./utils/common.js");require("./constants.js");var r=require("../../../common/components/NoDataState.js"),a=require("../../../common/components/TooltipHover.js"),l=require("@gem-sdk/system"),n=require("./common/attrs.js"),o=require("./common/classes.js"),c=require("./common/styles.js");exports.default=i=>{let{t:u}=t.useI18nStore(),{setting:d,styles:m,children:g,builderAttrs:C,...y}=i,p=t.useProduct(),j=t.useCurrentVariant(),{moneyFormat:x}=t.useMoneyFormat(),S=t.useCurrentDevice(),{useProductCompareAtPrice:T}=t.useProductBundleDiscount(),v=y?.["bundle-item"],h=t.useEditorMode(),{isEditMode:A}=t.useRenderMode(),N="STATIC"===t.usePageType(),{settings:q}=t.useSafeGetProductListSettings(),I=q?.sameHeight,f=s.getBadgeContent({detail:p,currentVariant:j,bundleItem:v,useProductCompareAtPrice:T},d?.displayContent,x),b=s.getIsNoDiscountState({props:i,product:p,currentVariant:j,moneyFormat:x,useProductCompareAtPrice:T}),P=l.createClass({...o.getContainerClasses({mode:h,isInstant:N,product:p,currentVariant:j,props:i,isSameHeightInProductList:I})}),W=l.createStyle({...c.getContainerStyle(i)}),M=l.createAttr({...n.getEditTooltipAttrs(i,A)}),D=l.createClass({...o.getWrapperClasses(i)}),B=l.createClass({...o.getSubWrapperClass(i,S)}),k=l.createStyle({...c.getSubWrapperStyle({props:i,product:p,currentVariant:j,isEditMode:A})}),w=l.createAttr({...n.getSubWrapperAttrs(i,p)}),E=c.getContentStyleInternal(i),H=l.createClass({...o.getTextContainerClasses()}),_=l.createAttr({...n.getContainerAttrs(i)}),F=l.createClass({...o.getTextWrapperClasses()}),G=l.createStyle({...c.getTextBadgeWrapperStyles({setting:d,styles:m})}),L=l.createClass({...o.getTextContentClasses(m)}),O=l.createStyle({...c.getTextContentStyle({setting:d,styles:m})}),R=l.createAttr({...n.getTextContentAttrs()}),V=l.createClass({...o.getImageContainerClasses()}),z=l.createStyle({...c.getImageContainerStyles({setting:d,styles:m})}),J=l.createClass({...o.getImageClasses()}),K=l.createAttr({...n.getImageAttr({setting:d})});return p?e.jsxs("div",{..._,style:W,className:P,children:[l.If(A&&b,e.jsx(a.default,{...M,children:e.jsx(r.default,{...C,elementType:"secondary",description:u("No discount"),rawMode:!0})}),e.jsx("div",{className:D,children:e.jsxs("div",{...w,className:B,style:k,children:[e.jsx("style",{children:E}),l.If(d?.shape!=="image",e.jsx("div",{className:H,children:e.jsx("div",{className:F,style:G,children:e.jsx("pre",{...R,className:L,style:O,children:f})})}),e.jsx("div",{className:V,style:z,children:e.jsx("img",{...K,className:J,alt:""})}))]})})),t.filterToolbarPreview(g,!0)]}):null};

package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js

@@ -1,35 +1,35 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),l=require("./common/classes.js"),c=require("./common/attrs.js"),d=require("./utils/common.js"),p=require("../../settings/product-badge/configs/translate.js");exports.default=o=>{let{styles:u,setting:g,builderProps:y,pageContext:m}=o,C=g?.shape!=="image",v=C&&g?.displayContent?.trim()==="",$=d.checkDiscountContentProductBadge(g?.displayContent),S=r.createClass({...l.getContainerClasses({isInstant:!1,props:o})}),q=r.createStyle({...n.getContainerStyle(o,i.IS_LIQUID)}),I=r.createClass({...l.getWrapperClasses(o)}),j=r.createClass({...l.getSubWrapperClass(o)}),f=r.createStyle({...n.getSubWrapperStyle({props:o})}),D=r.createAttr({...c.getSubWrapperAttrs(o)}),A=n.getContentStyleInternal(o),P=r.createClass({...l.getTextContainerClasses()}),T=r.createAttr({...c.getContainerAttrs(o)}),b=r.createClass({...l.getTextWrapperClasses()}),x=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),L=r.createClass({...l.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...c.getTextContentAttrs()}),B=r.createClass({...l.getImageContainerClasses()}),W=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),k=r.createClass({...l.getImageClasses()}),E=r.createAttr({...c.getImageAttr({setting:g})}),O=r.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(g?.displayTrigger).replaceAll("'","'")),uid:o.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:C}),{displayContent:h}=g??{},K=t.getDynamicSourceLocales({val:h?.trim(),uid:y?.uid,settingId:p.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:m});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),c=require("./common/classes.js"),l=require("./common/attrs.js"),d=require("./utils/common.js"),o=require("./utils/injectBadgeStateExtras.js"),p=require("../../settings/product-badge/configs/translate.js");exports.default=u=>{let{styles:g,setting:y,builderProps:m,pageContext:C}=u,S=y?.shape!=="image",v=S&&y?.displayContent?.trim()==="",$=d.checkDiscountContentProductBadge(y?.displayContent),j=r.createClass({...c.getContainerClasses({isInstant:!1,props:u})}),q=r.createStyle({...n.getContainerStyle(u,i.IS_LIQUID)}),I=r.createClass({...c.getWrapperClasses(u)}),P=r.createClass({...c.getSubWrapperClass(u)}),D=r.createStyle({...n.getSubWrapperStyle({props:u})}),f=r.createAttr({...l.getSubWrapperAttrs(u)}),A=n.getContentStyleInternal(u),b=r.createClass({...c.getTextContainerClasses()}),x=r.createAttr({...l.getContainerAttrs(u)}),T=r.createClass({...c.getTextWrapperClasses()}),L=r.createStyle({...n.getTextBadgeWrapperStyles({setting:y,styles:g})}),B=r.createClass({...c.getTextContentClasses(g)}),V=r.createStyle({...n.getTextContentStyle({setting:y,styles:g})}),E=r.createAttr({...l.getTextContentAttrs()}),_=r.createClass({...c.getImageContainerClasses()}),h=r.createStyle({...n.getImageContainerStyles({setting:y,styles:g})}),W=r.createClass({...c.getImageClasses()}),k=r.createAttr({...l.getImageAttr({setting:y})}),K=r.createStateOrContext({minPrice:"{{ minPriceValue | escape }}",variantIDs:"{{ product.variants | map: 'id' | json | escape }}",variantInventoryQuantities:"{{ product.variants | map: 'inventory_quantity' | json | escape }}",amountDiscount:"{{ amountDiscountValue | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:y?.displayTrigger??[],uid:u.builderProps?.uid,productCreatedAt:"{{ product.created_at | date: '%Y-%m-%d' }}",isTextBadge:S,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),O=o.injectBadgeStateExtras(JSON.stringify(K)),{displayContent:Q}=y??{},R=t.getDynamicSourceLocales({val:Q?.trim(),uid:m?.uid,settingId:p.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:C});return e.template`
     {% if product %}
-      ${s.generateBadgeContent(K,m?.isPreviewing)}
-      ${a.renderBadgeInFirstTime(g?.displayTrigger,!v,$)}
+      ${s.generateBadgeContent(R,C?.isPreviewing)}
+      ${a.renderBadgeInFirstTime(y?.displayTrigger,!v,$)}
       <gp-product-badge
-        ${{...T}}
-        gp-data='${e.dataStringify(O)}'
-        class="${S} {{ className }}"
+        ${{...x}}
+        class="${j} {{ className }}"
         style="${q}"
-        data-display-content="${m?.isPreviewing?K:e.sanitizeLiquid(`{{${K}}}`)}"
+        data-display-content="${C?.isPreviewing?R:e.sanitizeLiquid(`{{${R}}}`)}"
       >
+        <script gp-data type="application/json">${O}</script>
         <div class="${I}">
           <div
-            ${{...D}}
-            class="${j}"
-            style="${f}"
+            ${{...f}}
+            class="${P}"
+            style="${D}"
           >
             <style>${A}</style>
-            ${e.RenderIf(C,e.template`
-                <div class="${P}">
+            ${e.RenderIf(S,e.template`
+                <div class="${b}">
                   <div
-                    class="${b}"
-                    style="${x}"
+                    class="${T}"
+                    style="${L}"
                   >
                     <pre
-                      ${{..._}}
-                      class="${L}"
+                      ${{...E}}
+                      class="${B}"
                       style="${V}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,e.template`<div class="${B}" style="${W}">
-                  <img ${{...E}} class="${k}" alt="" />
+                </div>`,e.template`<div class="${_}" style="${h}">
+                  <img ${{...k}} class="${W}" alt="" />
                 </div>`)}
           </div>
         </div>

package/dist/cjs/product/components/product-badge/common/attrs.js

@@ -1 +1 @@
-"use strict";var t=require("@gem-sdk/core");exports.getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},exports.getEditTooltipAttrs=e=>{let{setting:r}=e,i=r?.positionWithImage==="outside";return{enable:!0,text:t.t("Not be displayed when published"),position:i?"bottom":"right",width:"205px"}},exports.getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),exports.getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:r?.uid||""}},exports.getTextContentAttrs=()=>({id:"product-badge-content"});
+"use strict";var t=require("@gem-sdk/core");exports.getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},exports.getEditTooltipAttrs=(e,r)=>{let{setting:i}=e,d=i?.positionWithImage==="outside";return{enable:!0,text:r&&t.t("Not be displayed when published"),position:d?"bottom":"right",width:"205px"}},exports.getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),exports.getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:r?.uid||""}},exports.getTextContentAttrs=()=>({id:"product-badge-content"});

package/dist/cjs/product/components/product-badge/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),s=require("../utils/renderBadgeILP.js"),t=require("../utils/common.js");exports.getContainerClasses=({mode:t,isInstant:p,product:o,currentVariant:l,props:r})=>{let{setting:g,builderProps:a}=r,i="gp-shrink-0 product-badge ",n=!t&&p?s.toggleBadge(g?.displayTrigger,o,l):`${a?.uid}`,u=a?.builderData?.advanced?.cssClass||"";return n&&(i+=`${n} `),u&&(i+=`${u} `),a?.uid&&(i+=`${a?.uid} `),g?.positionWithImage==="inside"&&(i+="inside-image "),{...e.composeClasses(i)}},exports.getImageClasses=()=>({...e.composeClasses("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),exports.getImageContainerClasses=()=>({...e.composeClasses("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),exports.getSubWrapperClass=(s,p)=>{let{setting:o,style:l}=s,r=o?.positionWithImage==="inside",g=!r&&p?t.getShapePlacementClass(r,l,p):"gp-h-full";return{...e.composeClasses(g)}},exports.getTextContainerClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),exports.getTextContentClasses=s=>{let t="gp-break-words gp-text-center ",p=e.composeTypographyClassName(s?.typo);return p&&(t+=`${p} `),{...e.composeClasses(t)}},exports.getTextWrapperClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),exports.getWrapperClasses=s=>{let{styles:p,setting:o}=s,{align:l}=p??{},r=o?.positionWithImage==="outside",g=r?"gp-flex ":"gp-h-full",a=t.getAlignShape(l);return r&&a&&(g+=`${a} `),{...e.composeClasses(g)}};
+"use strict";var e=require("@gem-sdk/core"),s=require("../utils/renderBadgeILP.js"),t=require("../utils/common.js");exports.getContainerClasses=({mode:t,isInstant:p,product:o,currentVariant:r,props:l,isSameHeightInProductList:g})=>{let{setting:a,builderProps:i}=l,n="gp-shrink-0 product-badge ",u=!t&&p?s.toggleBadge({triggers:a?.displayTrigger,productDetail:o,productVariant:r,isSameHeightInProductList:g}):`${i?.uid}`,d=i?.builderData?.advanced?.cssClass||"";return u&&(n+=`${u} `),d&&(n+=`${d} `),i?.uid&&(n+=`${i?.uid} `),a?.positionWithImage==="inside"&&(n+="inside-image "),{...e.composeClasses(n)}},exports.getImageClasses=()=>({...e.composeClasses("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),exports.getImageContainerClasses=()=>({...e.composeClasses("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),exports.getSubWrapperClass=(s,p)=>{let{setting:o,style:r}=s,l=o?.positionWithImage==="inside",g=!l&&p?t.getShapePlacementClass(l,r,p):"gp-h-full";return{...e.composeClasses(g)}},exports.getTextContainerClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),exports.getTextContentClasses=s=>{let t="gp-break-words gp-text-center ",p=e.composeTypographyClassName(s?.typo);return p&&(t+=`${p} `),{...e.composeClasses(t)}},exports.getTextWrapperClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),exports.getWrapperClasses=s=>{let{styles:p,setting:o}=s,{align:r}=p??{},l=o?.positionWithImage==="outside",g=l?"gp-flex ":"gp-h-full",a=t.getAlignShape(r);return l&&a&&(g+=`${a} `),{...e.composeClasses(g)}};

package/dist/cjs/product/components/product-badge/utils/injectBadgeStateExtras.js

@@ -0,0 +1 @@
+"use strict";exports.injectBadgeStateExtras=t=>{let e=t.slice(0,-1);return`${e},"productTags":{{ product.tags | json }}}`};

package/dist/cjs/product/components/product-badge/utils/renderBadgeILP.js

@@ -1 +1 @@
-"use strict";var e=require("../types.js");const r=(e,r,t)=>{if(!t)return;let o=r?.createdAt||"",p=r?.tags||[],m={...t,product_created_at:o,product_tags:p},s=e?.map(e=>{switch(e?.triggerEvent){case"inventory_status":return n(m,e);case"discount_price":return a(m,e);case"price_range":return i(m,e);case"creation_date":return c(m,e);case"product_tags":return u(m,e);default:return!1}});return s?.every(e=>!0===e)},t=(e,r,t)=>{switch(t){case"exact":return e===r.from;case"above":return e>r.from;case"below":return e<r.from;case"exact_or_above":return e>=r.from;case"exact_or_below":return e<=r.from;case"between":return e>=r.from&&e<=r.to;default:return!1}},o=r=>r===e.CompareType.ABOVE?0:r===e.CompareType.BELOW?2:1,n=(r,n)=>{if(void 0===r.inventoryQuantity)return!1;if("in_stock"===n.type){if(!1===r.manageInventory||r.inventoryPolicy?.toLowerCase()=="continue")return!0;if(n.conditionType===e.CompareType.BELOW||n.conditionType===e.CompareType.EXACT_OR_BELOW){let a=o(n.conditionType);return t(r?.inventoryQuantity,{from:1,to:Number(n.from)-a+1},e.CompareType.BETWEEN)}return t(r?.inventoryQuantity,{from:Number(n.from),to:Number(n?.to)},n.conditionType)}return!1!==r.manageInventory&&r.inventoryPolicy?.toLowerCase()!="continue"&&t(r.inventoryQuantity,{from:0,to:0},e.CompareType.EXACT_OR_BELOW)},a=(e,r)=>{if(e?.compare_at_price===void 0||void 0===e.price||e.compare_at_price<e.price)return!1;let o=(e.compare_at_price-e.price)/100,n=o/(e.compare_at_price/100),a="fixed"===r.discountType?o:Math.round(100*n);return t(a,{from:Number(r.from),to:Number(r.to)},r.conditionType)},i=(e,r)=>{if(void 0===e.price)return!1;let o=e.price/100;return t(o,{from:Number(r.from),to:Number(r.to)},r.conditionType)},c=(r,o)=>{if(!r.product_created_at)return!1;let n=new Date(new Date(r.product_created_at).setHours(0,0,0,0)),a=new Date(o.from),i=new Date(o.to),c=n.getTime();if("exact_date"===o.type)return t(c,{from:a.getTime(),to:0},e.CompareType.EXACT);if("duration"===o.type){let e=new Date().setHours(0,0,0,0),r=(e-n.getTime())/864e5;if(r>=0&&r<=Number(o.days))return!0}return!(a.getTime()>=i.getTime())&&t(c,{from:a.getTime(),to:i.getTime()},e.CompareType.BETWEEN)},u=(e,r)=>{let t=e.product_tags||[],o=r.searchTag;return o.some(e=>t.includes(e))};exports.checkShowBadge=r,exports.toggleBadge=(e,t,o)=>{let n=r(e,t,o);return n?"":"!gp-hidden"};
+"use strict";var e=require("../types.js");const r=(e,r,t)=>{if(!t)return;let o=r?.createdAt||"",p=r?.tags||[],m={...t,product_created_at:o,product_tags:p},s=e?.map(e=>{switch(e?.triggerEvent){case"inventory_status":return n(m,e);case"discount_price":return i(m,e);case"price_range":return a(m,e);case"creation_date":return c(m,e);case"product_tags":return u(m,e);default:return!1}});return s?.every(e=>!0===e)},t=(e,r,t)=>{switch(t){case"exact":return e===r.from;case"above":return e>r.from;case"below":return e<r.from;case"exact_or_above":return e>=r.from;case"exact_or_below":return e<=r.from;case"between":return e>=r.from&&e<=r.to;default:return!1}},o=r=>r===e.CompareType.ABOVE?0:r===e.CompareType.BELOW?2:1,n=(r,n)=>{if(void 0===r.inventoryQuantity)return!1;if("in_stock"===n.type){if(!1===r.manageInventory||r.inventoryPolicy?.toLowerCase()=="continue")return!0;if(n.conditionType===e.CompareType.BELOW||n.conditionType===e.CompareType.EXACT_OR_BELOW){let i=o(n.conditionType);return t(r?.inventoryQuantity,{from:1,to:Number(n.from)-i+1},e.CompareType.BETWEEN)}return t(r?.inventoryQuantity,{from:Number(n.from),to:Number(n?.to)},n.conditionType)}return!1!==r.manageInventory&&r.inventoryPolicy?.toLowerCase()!="continue"&&t(r.inventoryQuantity,{from:0,to:0},e.CompareType.EXACT_OR_BELOW)},i=(e,r)=>{if(e?.compare_at_price===void 0||void 0===e.price||e.compare_at_price<e.price)return!1;let o=(e.compare_at_price-e.price)/100,n=o/(e.compare_at_price/100),i="fixed"===r.discountType?o:Math.round(100*n);return t(i,{from:Number(r.from),to:Number(r.to)},r.conditionType)},a=(e,r)=>{if(void 0===e.price)return!1;let o=e.price/100;return t(o,{from:Number(r.from),to:Number(r.to)},r.conditionType)},c=(r,o)=>{if(!r.product_created_at)return!1;let n=new Date(new Date(r.product_created_at).setHours(0,0,0,0)),i=new Date(o.from),a=new Date(o.to),c=n.getTime();if("exact_date"===o.type)return t(c,{from:i.getTime(),to:0},e.CompareType.EXACT);if("duration"===o.type){let e=new Date().setHours(0,0,0,0),r=(e-n.getTime())/864e5;if(r>=0&&r<=Number(o.days))return!0}return!(i.getTime()>=a.getTime())&&t(c,{from:i.getTime(),to:a.getTime()},e.CompareType.BETWEEN)},u=(e,r)=>{let t=e.product_tags||[],o=r.searchTag;return o.some(e=>t.includes(e))};exports.checkShowBadge=r,exports.toggleBadge=({triggers:e,productDetail:t,productVariant:o,isSameHeightInProductList:n})=>{let i=r(e,t,o);return i?"":n?"!gp-invisible":"!gp-hidden"};

package/dist/cjs/product/components/product-badge/utils/renderBadgeLiquid.js

@@ -99,7 +99,7 @@
         {% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
       {% endif %}
 
-  `},c=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","'")).join(", ");return`
+  `},c=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll("'","&#39;").replaceAll('"',"&quot;")).join(", ");return`
     {% assign productTags = product.tags | escape %}
     {% assign searchTag = '${n}' %}
     {% for tag in productTags %}
@@ -169,6 +169,8 @@
   {% endif %}
   {% if isShow and isNotDiscount == false %}
     {% assign className = "" %}
+  {% elsif isSettingSameHeightProductList %}
+    {% assign className = "!gp-invisible" %}
   {% else %}
     {% assign className = "!gp-hidden" %}
   {% endif %}

package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("react"),r=require("../../../common/components/NoDataState.js"),l=require("@gem-sdk/system"),n=require("./common/styles.js"),i=require("./common/classes.js"),u=require("./hooks/useProductBundleDataState.js"),a=require("./hooks/useProductBundleDiscountState.js"),d=require("./ProductBundleDiscountChildrenItem.js");exports.default=({builderAttrs:o,style:c,children:m,setting:y,styles:h,advanced:p})=>{let{isEditMode:g,isPreviewSharePageMode:j}=t.useRenderMode(),{isSelected:S,setSelected:q}=a.default(y),{emitRedirectSetupPage:b,redirectGuideline:f,svgVertical:x,svgHorizontal:I}=u.default(),{t:C}=t.useI18nStore(),k=l.createClass(i.getContainerClasses(y,p?.cssClass)),D=l.createClass(i.getNoDiscountClasses),N=l.createStyle(n.getSizeSettings(h)?.gap),v=l.createStyle(n.getContainerStyles(N,h,c));if(!y?.bundleItems?.length&&g)return e.jsx(r.default,{elementType:"secondary",description:C("Increase AOV with bundle quantity."),descriptionActions:[{text:C("Setup bundle discount"),callback:b},{text:C("read guideline"),callback:f}],additionalMedia:y?.layout=="horizontal-layout"?I:x});let P=(t,r)=>{if(y?.hideNoDiscountItem&&t?.discountType==="no_discount")return null;let l=m?.[r];if(s.isValidElement(l))return e.jsx(d.default,{index:r,childItem:l,setting:y,styles:h,isSelected:S(r),setSelected:q,bundleItem:t},r)},B=(t.isEmptyChildren(m)||y?.bundleItems?.length==0)&&!j;return e.jsxs("div",{...o,className:k,style:v,children:[l.If(B,e.jsx("div",{className:D,children:"This product has no bundle discount"})),y?.bundleItems?.map((e,t)=>P(e,t))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("react"),r=require("../../../common/components/NoDataState.js"),l=require("@gem-sdk/system"),n=require("./common/styles.js"),i=require("./common/classes.js"),u=require("./hooks/useProductBundleDataState.js"),a=require("./hooks/useProductBundleDiscountState.js"),d=require("./ProductBundleDiscountChildrenItem.js");exports.default=({builderAttrs:o,style:c,children:m,setting:y,styles:h,advanced:p})=>{let{isEditMode:g,isPreviewSharePageMode:j}=t.useRenderMode(),{isSelected:S,setSelected:q}=a.default(y),{emitRedirectSetupPage:b,redirectGuideline:f,svgVertical:x,svgHorizontal:I}=u.default(),{t:C}=t.useI18nStore(),k=l.createClass(i.getContainerClasses(y,p?.cssClass)),D=l.createClass(i.getNoDiscountClasses),N=l.createStyle(n.getSizeSettings(h)?.gap),v=l.createStyle(n.getContainerStyles(N,h,c));if(!y?.bundleItems?.length&&g)return e.jsx(r.default,{elementType:"secondary",description:C("Increase AOV with bundle quantity."),descriptionActions:[{text:C("Setup bundle discount"),callback:b},{text:C("read guideline"),callback:f}],additionalMedia:y?.layout=="horizontal-layout"?I:x});let P=(t,r)=>{if(y?.hideNoDiscountItem&&t?.discountType==="no_discount")return null;let l=m?.[r];if(s.isValidElement(l))return e.jsx(d.default,{index:r,childItem:l,setting:y,styles:h,isSelected:S(r),setSelected:q,bundleItem:t},r)},B=(t.isEmptyChildren(m)||y?.bundleItems?.length==0)&&!j;return e.jsxs("div",{...o,className:k,style:v,children:[l.If(B,e.jsx("div",{className:D,children:C("This product has no bundle discount")})),y?.bundleItems?.map((e,t)=>P(e,t))]})};

package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.liquid.js

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),r=require("./common/styles.js"),a=require("./common/classes.js"),i=require("./ProductBundleDiscountChildrenItem.liquid.js");exports.default=({rawChildren:d,setting:l,styles:n,advanced:u,style:o})=>{let p=l?.hasPreSelectItem?l?.selectItemDefault??0:-1,c=e=>p===e,g=(e,t)=>i.default({rawChildrenItem:d?.[t],setting:l,styles:n,isSelected:c(t),bundleItem:e}),m=s.createStyle(r.getSizeSettings(n)?.gap),f=s.createClass(a.getContainerClasses(l,u?.cssClass)),I=s.createStyle(r.getContainerStyles(m,n,o)),S=s.createStateOrContext({styles:n,settings:{useProductCompareAtPrice:l?.useProductCompareAtPrice,selectItemDefault:l?.selectItemDefault,hideNoDiscountItem:l?.hideNoDiscountItem,hasPreSelectItem:l?.hasPreSelectItem,iconItemColor:l?.iconItemColor,applyToInBetweenQuantities:l?.applyToInBetweenQuantities}});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),r=require("./common/styles.js"),a=require("./common/classes.js"),i=require("./ProductBundleDiscountChildrenItem.liquid.js");exports.default=({rawChildren:d,setting:l,styles:n,advanced:p,style:u})=>{let o=l?.hasPreSelectItem?l?.selectItemDefault??0:-1,c=e=>o===e,g=(e,t)=>i.default({rawChildrenItem:d?.[t],setting:l,styles:n,isSelected:c(t),bundleItem:e}),m=s.createStyle(r.getSizeSettings(n)?.gap),f=s.createClass(a.getContainerClasses(l,p?.cssClass)),I=s.createStyle(r.getContainerStyles(m,n,u)),y=s.createStateOrContext({styles:n,settings:{useProductCompareAtPrice:l?.useProductCompareAtPrice,selectItemDefault:l?.selectItemDefault,hideNoDiscountItem:l?.hideNoDiscountItem,hasPreSelectItem:l?.hasPreSelectItem,iconItemColor:l?.iconItemColor,applyToInBetweenQuantities:l?.applyToInBetweenQuantities}});return e.template`
     <gp-product-bundle-discount
-      gp-data='${JSON.stringify(S)}'
       style="${I}"
-      class="${f}">
+      class="${f}"
+    >
+      <script gp-data type="application/json">${JSON.stringify(y)}</script>
       ${s.Liquid(`
         {%- assign gempages_product_bundle = product.metafields.gp_discount.gp_discount_selected_products -%}
         {%  assign productBundleItem = gempages_product_bundle | split: '($1)'  %}

package/dist/cjs/product/components/product-bundle/setting/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{label:"Bundle management",controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:"Item gap",controls:[{label:"Gap",controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:"Radio icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:"Position",setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:"Position",setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:"Color",setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:"Size",setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:"Gap to content",setting:{id:"iconSpacing"}}]},{label:"Item style",controls:[{label:"Background",setting:{id:"backgroundColor",state:"normal"}},{label:"Border",setting:{id:"borderBundle",state:"normal"}},{label:"Corner",setting:{id:"roundedBundle",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"normal"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"hover"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"active"},conditionDisplay:"false"}]},{label:"Effect",controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:"Hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"hover"}},{label:"Corner",setting:{id:"roundedBundle",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBundle",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.hover.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBundle.hover.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]},{label:"Active",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:"Active",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"active"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"active"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"active"}},{label:"Corner",setting:{id:"roundedBundle",state:"active"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBundle",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.active.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBundle.active.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display condition",conditionDisplay:"enableDisplayCondition == true",controls:[{label:"Default item",setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:"Compare price",setting:{id:"useProductCompareAtPrice"}},{label:"Display item",setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(size.width) >= 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{label:"Bundle management",controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:"Item gap",controls:[{label:"Gap",controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:"Radio icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:"Position",setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:"Position",setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:"Color",setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:"Size",setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:"Gap to content",setting:{id:"iconSpacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"Background",setting:{id:"backgroundColor",state:"normal"}},{label:"Border",setting:{id:"borderBundle",state:"normal"}},{label:"Corner",setting:{id:"roundedBundle",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"normal"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"hover"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"active"},conditionDisplay:"false"}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:"Hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"hover"}},{label:"Corner",setting:{id:"roundedBundle",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBundle",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.hover.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBundle.hover.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]},{label:"Active",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:"Active",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"active"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"active"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"active"}},{label:"Corner",setting:{id:"roundedBundle",state:"active"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBundle",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.active.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBundle.active.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display condition",conditionDisplay:"enableDisplayCondition == true",controls:[{label:"Default item",setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:"Compare price",setting:{id:"useProductCompareAtPrice"}},{label:"Display item",setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(size.width) >= 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/product/components/product-button/ProductButton.liquid.js

@@ -1,23 +1,26 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./common/styles.js"),e=require("./common/helpers.js"),s=require("@gem-sdk/core"),a=require("@gem-sdk/system"),r=require("../../../helpers.js"),i=require("./helpers/getButtonDynamicSourceLocales.js"),o=require("./SoldOutButton.liquid.js"),l=require("./AddToCartButton.liquid.js");exports.default=n=>{let{setting:u,builderProps:c,style:d,styles:p,pageContext:g}=n,{wrapStyle:y,restStyle:m}=t.getSplitStyle(d),{outOfStockButtonLabel:b,unavailableButtonLabel:f,variantSelectionRequiredMessage:S,successMessage:q,errorMessage:v}=i.getButtonDynamicSourceLocales({setting:u,pageContext:g,builderProps:c}),{urlData:$}=r.getInsertLinkData("",u?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:u?.customURL),_=a.createStateOrContext(e.getGPProductButtonState({styles:p,setting:u,successMessage:q,errorMessage:v}));return s.template`
-    ${a.Liquid("{%- assign total_combinations = 1 -%}")}
-    ${a.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./common/styles.js"),t=require("./common/helpers.js"),s=require("@gem-sdk/core"),r=require("@gem-sdk/system"),a=require("../../../helpers.js"),i=require("./helpers/getButtonDynamicSourceLocales.js"),o=require("./SoldOutButton.liquid.js"),n=require("./AddToCartButton.liquid.js");exports.default=l=>{let{setting:u,builderProps:c,style:p,styles:d,pageContext:g}=l,{wrapStyle:m,restStyle:y}=e.getSplitStyle(p),{outOfStockButtonLabel:S,unavailableButtonLabel:q,variantSelectionRequiredMessage:v,successMessage:b,errorMessage:f}=i.getButtonDynamicSourceLocales({setting:u,pageContext:g,builderProps:c}),{urlData:$}=a.getInsertLinkData("",u?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:u?.customURL),_=r.createStateOrContext(t.getGPProductButtonState({styles:d,setting:u})),h=t.escapeSingleQuoteForAttr(b??u?.successMessage),j=t.escapeSingleQuoteForAttr(f??u?.errorMessage),A=t.escapeSingleQuoteForAttr(v??u?.variantSelectionRequiredMessage);return s.template`
+    ${r.Liquid("{%- assign total_combinations = 1 -%}")}
+    ${r.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     {%- liquid
       assign inventory_quantity = variant.inventory_quantity | default: 0
       assign is_in_stock = variant.available
     -%}
     <gp-product-button
-      style="${y}"
+      style="${m}"
       gp-data-wrapper="true"
       gp-href="${$.href}"
       class="gp-product-button"
-      gp-label-out-of-stock="${b}"
-      gp-label-unavailable="${f}"
-      gp-data='${JSON.stringify(_).replaceAll("'","&#039;")}'
-      data-variant-selection-required-message="${S}"
+      gp-label-out-of-stock="${S}"
+      gp-label-unavailable="${q}"
+      data-variant-selection-required-message="${A}"
       gp-enable-third-partycart="{{shop.metafields.GEMPAGES.enableThirdPartyCart}}"
+      gp-error-message="${j}"
+      gp-success-message="${h}"
+      data-variant-selection-required-message="${v}"
     >
-      ${l.AddToCartButton({...n,style:m})}
-      ${o.SoldOutButton({...n,style:m,label:b})}
+      <script gp-data type="application/json">${JSON.stringify(_).replaceAll("'","&#039;")}</script>
+      ${n.AddToCartButton({...l,style:y})}
+      ${o.SoldOutButton({...l,style:y,label:S})}
     </gp-product-button>
-    ${a.If(s.isLocalEnv,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="${s.baseAssetURL}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${r.If(s.isLocalEnv,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="${s.baseAssetURL}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};

package/dist/cjs/product/components/product-button/common/helpers.js

@@ -1 +1 @@
-"use strict";var e=require("./constants.js");const t=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.getGPProductButtonState=({styles:e,setting:t,successMessage:r,errorMessage:o})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:t?.label?.replaceAll("'","'"),errorMessage:o??t?.errorMessage?.replaceAll("'","'"),successMessage:r??t?.successMessage?.replaceAll("'","'"),outOfStockLabel:t?.outOfStockLabel?.replaceAll("'","'"),customURL:{link:t?.customURL?.link?.replaceAll("'","'"),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:t(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:t(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;
+"use strict";var e=require("./constants.js");const t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/," | escape }}"),o=e=>{if(null==e)return e;let o=e.toString();return t.test(o)?r(o):o.replaceAll("'","'").replaceAll("’","'").replaceAll('"',""")},a=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.escapeSingleQuoteForAttr=o,exports.getGPProductButtonState=({styles:e,setting:t})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:o(t?.label),outOfStockLabel:o(t?.outOfStockLabel),customURL:{link:o(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:a(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:a(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;

package/dist/cjs/product/components/product-button/hooks/useAddToCart.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("../../../helpers/tracking.js"),s=require("./useDispatchAfterSubmitEvent.js"),a=require("./useCartMessage.js"),u=require("./useCartOperations.js");exports.useBtnAddToCart=({styles:i,setting:n,builderProps:c})=>{let o=t.useRef(null),{isEditMode:d,isPreviewSharePageMode:l}=e.useRenderMode(),v=e.useProduct(),{currency:b}=e.useCurrency(),{quantity:p}=e.useQuantity(),C=e.useProductProperties(),k=e.useCurrentVariant(),{hasPreSelected:f}=e.useHasPreSelected(),g=e.useStickyStore(e=>e.setElement),m=e.useProductStore(e=>e.updateIsSubmit),D=s.useDispatchInteractionEvent(c?.uid),I=s.useDispatchCustomEvent({product:v,currentVariant:k,quantity:p}),{showMessage:S,notiComponent:E}=a.useCartMessage(i,n),{handleSuccess:y,handleError:q,cartId:M}=u.useCartOperations({setting:n,showMessage:S,dispatchInteractionEvent:D,dispatchCustomEvent:I}),{isMutating:P,trigger:T}=e.useCreateCart({onSuccess:y,onError:q}),{isMutating:h,trigger:j}=e.useAddToCart({onSuccess:y,onError:q});t.useEffect(()=>{let e=o.current;!(!e||e.closest(".sticky-wrapper"))&&c?.uid&&c.builderData?.advanced&&g({id:c.uid,element:e,deviceVisibility:c.builderData.advanced.d})},[]);let A=t.useCallback(()=>{if(!k?.baseID||!p||!v?.baseID||void 0!==f&&!f||d||l)return;let t=C?.some(e=>e.required&&!e.value);if(m(!0),t)return;let s=C?.filter(e=>!!e.value)?.map(e=>({key:e.key,value:e.value}));r.addToCartTracking({quantity:p,currency:b,id:v?.baseID,name:v?.title,brand:v?.vendor,sku:k.sku,price:e.convertDecimalToNumber(k?.price),variant:k.title});let a={quantity:p,attributes:s,variantId:k.baseID};n?.actionEffect!=="buy-now"&&M?j({cartId:M,lines:[a]}):T({items:[a]})},[d,l,M,b,p,C,f,v?.title,v?.vendor,v?.baseID,k?.sku,k?.price,k?.title,k?.baseID,n?.actionEffect,T,j,m]),O=e.useCurrentVariantInStock(),V=k?n?.outOfStockLabel:"Unavailable";return{addToCartRef:o,isLoading:P||h,isInStock:O,notiComponent:E,outOfStockLabel:V,addToCart:A}};
+"use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("../../../helpers/tracking.js"),s=require("./useDispatchAfterSubmitEvent.js"),a=require("./useCartMessage.js"),u=require("./useCartOperations.js");exports.useBtnAddToCart=({styles:i,setting:n,builderProps:c})=>{let d=t.useRef(null),{isEditMode:o,isPreviewSharePageMode:l}=e.useRenderMode(),v=e.useProduct(),{currency:b}=e.useCurrency(),{quantity:p}=e.useQuantity(),C=e.useProductProperties(),k=e.useCurrentVariant(),{hasPreSelected:f}=e.useHasPreSelected(),g=e.useStickyStore(e=>e.setElement),m=e.useProductStore(e=>e.updateIsSubmit),D=s.useDispatchInteractionEvent(c?.uid),I=s.useDispatchCustomEvent({product:v,currentVariant:k,quantity:p}),{showMessage:S,notiComponent:E}=a.useCartMessage(i,n),{handleSuccess:y,handleError:q,cartId:M}=u.useCartOperations({setting:n,showMessage:S,dispatchInteractionEvent:D,dispatchCustomEvent:I}),{isMutating:P,trigger:T}=e.useCreateCart({onSuccess:y,onError:q}),{isMutating:h,trigger:j}=e.useAddToCart({onSuccess:y,onError:q});t.useEffect(()=>{let e=d.current;!(!e||e.closest(".sticky-wrapper"))&&v?.id&&c?.uid&&c.builderData?.advanced&&g({id:`${c.uid}-${v.id}`,element:e,deviceVisibility:c.builderData.advanced.d})},[]);let A=t.useCallback(()=>{if(!k?.baseID||!p||!v?.baseID||void 0!==f&&!f||o||l)return;let t=C?.some(e=>e.required&&!e.value);if(m(!0),t)return;let s=C?.filter(e=>!!e.value)?.map(e=>({key:e.key,value:e.value}));r.addToCartTracking({quantity:p,currency:b,id:v?.baseID,name:v?.title,brand:v?.vendor,sku:k.sku,price:e.convertDecimalToNumber(k?.price),variant:k.title});let a={quantity:p,attributes:s,variantId:k.baseID};n?.actionEffect!=="buy-now"&&M?j({cartId:M,lines:[a]}):T({items:[a]})},[o,l,M,b,p,C,f,v?.title,v?.vendor,v?.baseID,k?.sku,k?.price,k?.title,k?.baseID,n?.actionEffect,T,j,m]),O=e.useCurrentVariantInStock(),V=k?n?.outOfStockLabel:"Unavailable";return{addToCartRef:d,isLoading:P||h,isInStock:O,notiComponent:E,outOfStockLabel:V,addToCart:A}};

package/dist/cjs/product/components/product-description/ProductDescription.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../../../common/components/NoDataState.js"),r=require("./common/helpers.js"),a=require("@gem-sdk/system"),i=require("./common/classes.js"),l=require("./common/styles.js"),c=require("./hooks/useGpDescription.js");exports.default=n=>{let{setting:o,advanced:d,builderProps:m}=n,{htmlTag:p}=o??{},u=s.useProduct(),g=s.useCurrentDevice(),x=s.getResponsiveValueByScreen(o?.hasLineClamp,g),{ref:y,open:h,isShowViewMore:C,handleToggleShowMore:j,mode:S,redirectProductShopifyLink:v}=c.useGpDescription(o),{t:f}=s.useI18nStore(),k=a.createClass({"gp-product-description":!0,[d?.cssClass]:!0}),q=a.createClass(i.getClasses({setting:o,isLiquid:!1})),I=a.createClass(i.getButtonClasses({setting:o})),N=a.createClass({"gp-show-more-text":!0}),L=a.createClass({"gp-show-more-icon gp-ml-1":!0,...h?{"gp-rotate-180":!0}:{}}),_=a.createClass(i.getClassPreBuilt()),b=a.createStyle({...l.getTextStyle({setting:o}),...h?{}:s.makeStyleResponsive("line-clamp",s.makeLineClamp(o?.lineClamp,o?.hasLineClamp))}),w=a.createStyle(l.getButtonStyle({setting:o})),T=a.createAttr({"data-id":`${m?.uid}`}),H=a.createAttr({"data-gp-text":""}),{gpDescriptionCss:M,textDescriptionCss:A}=l.getStaticCss(),B=!u?.descriptionHtml;return B&&"edit"===S?e.jsx(t.default,{elementType:"secondary",description:f("Highlight key benefits with product description."),descriptionActions:[{text:f("Add description"),callback:v},{text:f("sync data"),callback:"syncProduct"}]}):e.jsx(e.Fragment,{children:a.If(B,"",e.jsxs("div",{...T,className:k,children:[e.jsx("style",{children:A}),e.jsx("style",{children:M}),e.jsx("div",{className:_}),e.jsx("html"===p?"div":"p",{ref:y,...H,className:q,style:b,dangerouslySetInnerHTML:{__html:u?.descriptionHtml||""}}),a.If(x&&C,e.jsxs("button",{className:I,style:w,onClick:j,children:[e.jsx("span",{className:N,children:a.If(h,o?.viewLessText||"",o?.viewMoreText)}),a.If(o?.enableViewMoreIcon,e.jsx("span",{className:L,dangerouslySetInnerHTML:{__html:r.ICON_SVG}}))]})," ")]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../../../common/components/NoDataState.js"),r=require("./common/helpers.js"),a=require("@gem-sdk/system"),i=require("./common/classes.js"),l=require("./common/styles.js"),c=require("./hooks/useGpDescription.js");exports.default=n=>{let{setting:o,advanced:d,builderProps:m}=n,{htmlTag:p}=o??{},u=s.useProduct(),g=s.useCurrentDevice(),x=s.getResponsiveValueByScreen(o?.hasLineClamp,g),{ref:y,open:h,isShowViewMore:C,isOverflowChecked:j,handleToggleShowMore:S,mode:v,redirectProductShopifyLink:f}=c.useGpDescription(o),{t:k}=s.useI18nStore(),q=a.createClass({"gp-product-description":!0,[d?.cssClass]:!0}),I=a.createClass(i.getClasses({setting:o,isLiquid:!1})),N=a.createClass(i.getButtonClasses({setting:o})),L=a.createClass({"gp-show-more-text":!0}),_=a.createClass({"gp-show-more-icon gp-ml-1":!0,...h?{"gp-rotate-180":!0}:{}}),b=a.createClass(i.getClassPreBuilt()),w=a.createStyle({...l.getTextStyle({setting:o}),...h||j&&!C?{}:s.makeStyleResponsive("line-clamp",s.makeLineClamp(o?.lineClamp,o?.hasLineClamp))}),T=a.createStyle(l.getButtonStyle({setting:o})),H=a.createAttr({"data-id":`${m?.uid}`}),M=a.createAttr({"data-gp-text":""}),{gpDescriptionCss:A,textDescriptionCss:B}=l.getStaticCss(),D=!u?.descriptionHtml;return D&&"edit"===v?e.jsx(t.default,{elementType:"secondary",description:k("Highlight key benefits with product description."),descriptionActions:[{text:k("Add description"),callback:f},{text:k("sync data"),callback:"syncProduct"}]}):e.jsx(e.Fragment,{children:a.If(D,"",e.jsxs("div",{...H,className:q,children:[e.jsx("style",{children:B}),e.jsx("style",{children:A}),e.jsx("div",{className:b}),e.jsx("html"===p?"div":"p",{ref:y,...M,className:I,style:w,dangerouslySetInnerHTML:{__html:u?.descriptionHtml||""}}),a.If(x&&C,e.jsxs("button",{className:N,style:T,onClick:S,children:[e.jsx("span",{className:L,children:a.If(h,o?.viewLessText||"",o?.viewMoreText)}),a.If(o?.enableViewMoreIcon,e.jsx("span",{className:_,dangerouslySetInnerHTML:{__html:r.ICON_SVG}}))]})," ")]}))})};