@gem-sdk/components 16.3.2 → 16.3.3

package/dist/cjs/collection/components/collection-description/CollectionDescription.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),useDescription=require("../../hooks/useDescription.js");const DescriptionNotFoundString="This collection does not have a description",CollectionDescription=({setting:e,builderProps:s,pageContext:t,advanced:l})=>{let{isPreviewSharePageMode:r}=core.useRenderMode(),i=core.useCollection(),{ref:a,open:n,isShowViewMore:o,handleToggleShowMore:c,hasLineClamp:m}=useDescription.useGpDescription(e),u=i?.descriptionHtml,y=system.createClass(classes.getClassContainerCollectionDes({setting:e})),p=system.createClass(classes.getClassEmptyCollectionDes()),d=system.createClass(classes.getClassButtonViewMore({setting:e})),x=system.createClass(classes.getDescriptionClasses({advanced:l})),j=system.createClass({...classes.getShowMoreIconClasses(),...n?{"gp-rotate-180":!0}:{}}),C=system.createClass(classes.getShowMoreTextClasses()),g=system.createClass(classes.getClassPreBuilt()),h=system.createStyle({...styles.getDefaultStyleCollectionDes({setting:e}),...n?{}:core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp))}),S=system.createStyle({...styles.getStyleDefaultViewMore(e)}),R=helpers.getViewLessText({setting:e,builderProps:s,pageContext:t,type:"react"}),D=helpers.getViewMoreText({setting:e,builderProps:s,pageContext:t,type:"react"}),M=system.createAttr({"data-id":`${s?.uid}`}),I=system.createAttr({"data-gp-text":""}),{gpDescriptionCss:f,textDescriptionCss:v}=styles.getStaticCss(),N=r?"":jsxRuntime.jsx("div",{className:p,dangerouslySetInnerHTML:{__html:"This collection does not have a description"}});return jsxRuntime.jsx(jsxRuntime.Fragment,{children:system.If(!u,N,jsxRuntime.jsxs("div",{...M,className:x,children:[jsxRuntime.jsx("style",{children:v}),jsxRuntime.jsx("style",{children:f}),jsxRuntime.jsx("div",{className:g}),jsxRuntime.jsx("div",{ref:a,className:y,style:h,dangerouslySetInnerHTML:{__html:i?.descriptionHtml??""},...I}),system.If(m&&o,jsxRuntime.jsxs("button",{type:"button",className:d,style:S,onClick:c,children:[jsxRuntime.jsx("span",{className:C,children:system.If(n,R?.toString()??"",D?.toString()??"")}),system.If(e?.enableViewMoreIcon,jsxRuntime.jsx("span",{className:j,dangerouslySetInnerHTML:{__html:helpers.ICON_SVG}}),"")]}),"")]}))})};exports.default=CollectionDescription;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),useDescription=require("../../hooks/useDescription.js");const CollectionDescription=({setting:e,builderProps:s,pageContext:t,advanced:l})=>{let{isPreviewSharePageMode:r}=core.useRenderMode(),a=core.useCollection(),{ref:i,open:c,isShowViewMore:n,handleToggleShowMore:o,hasLineClamp:m}=useDescription.useGpDescription(e),u=core.t("This collection does not have a description"),y=a?.descriptionHtml,p=system.createClass(classes.getClassContainerCollectionDes({setting:e})),x=system.createClass(classes.getClassEmptyCollectionDes()),d=system.createClass(classes.getClassButtonViewMore({setting:e})),j=system.createClass(classes.getDescriptionClasses({advanced:l})),C=system.createClass({...classes.getShowMoreIconClasses(),...c?{"gp-rotate-180":!0}:{}}),g=system.createClass(classes.getShowMoreTextClasses()),h=system.createClass(classes.getClassPreBuilt()),R=system.createStyle({...styles.getDefaultStyleCollectionDes({setting:e}),...c?{}:core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp))}),S=system.createStyle({...styles.getStyleDefaultViewMore(e)}),D=helpers.getViewLessText({setting:e,builderProps:s,pageContext:t,type:"react"}),M=helpers.getViewMoreText({setting:e,builderProps:s,pageContext:t,type:"react"}),I=system.createAttr({"data-id":`${s?.uid}`}),f=system.createAttr({"data-gp-text":""}),{gpDescriptionCss:_,textDescriptionCss:v}=styles.getStaticCss(),N=r?"":jsxRuntime.jsx("div",{className:x,dangerouslySetInnerHTML:{__html:u}});return jsxRuntime.jsx(jsxRuntime.Fragment,{children:system.If(!y,N,jsxRuntime.jsxs("div",{...I,className:j,children:[jsxRuntime.jsx("style",{children:v}),jsxRuntime.jsx("style",{children:_}),jsxRuntime.jsx("div",{className:h}),jsxRuntime.jsx("div",{ref:i,className:p,style:R,dangerouslySetInnerHTML:{__html:a?.descriptionHtml??""},...f}),system.If(m&&n,jsxRuntime.jsxs("button",{type:"button",className:d,style:S,onClick:o,children:[jsxRuntime.jsx("span",{className:g,children:system.If(c,D?.toString()??"",M?.toString()??"")}),system.If(e?.enableViewMoreIcon,jsxRuntime.jsx("span",{className:C,dangerouslySetInnerHTML:{__html:helpers.ICON_SVG}}),"")]}),"")]}))})};exports.default=CollectionDescription;

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

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

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

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

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

package/dist/cjs/product/components/product-sku/Sku.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system");const ProductSku=({setting:e,builderProps:t,styles:s})=>{let r=core.useCurrentVariant(),{isPreviewSharePageMode:u}=core.useRenderMode();s?.disableHoverColor&&delete s.underlineLink;let i=e?.label&&e.label.trim().length?`${e.label} ${r?.sku??""}`:`${r?.sku??""}`,l=u?"":jsxRuntime.jsx("p",{className:"gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",children:"This product does not have a SKU 123"});return jsxRuntime.jsx("div",{id:`sku-${t?.uid}`,children:system.If(!r?.sku,l,jsxRuntime.jsx(Text.default,{builderProps:t,styles:s,setting:{...e,text:i,excludeFlex:!0}}))})};exports.default=ProductSku;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system");const ProductSku=({setting:e,builderProps:t,styles:s})=>{let r=core.useCurrentVariant(),{isPreviewSharePageMode:u,isEditMode:o}=core.useRenderMode();s?.disableHoverColor&&delete s.underlineLink;let i=e?.label&&e.label.trim().length?`${e.label} ${r?.sku??""}`:`${r?.sku??""}`,d=u?"":jsxRuntime.jsx("p",{className:"gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",children:o?core.t("This product does not have a SKU 123"):"This product does not have a SKU 123"});return jsxRuntime.jsx("div",{id:`sku-${t?.uid}`,children:system.If(!r?.sku,d,jsxRuntime.jsx(Text.default,{builderProps:t,styles:s,setting:{...e,text:i,excludeFlex:!0}}))})};exports.default=ProductSku;

package/dist/esm/collection/components/collection-description/CollectionDescription.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useRenderMode as s,useCollection as i,makeStyleResponsive as r,makeLineClamp as n}from"@gem-sdk/core";import{getDefaultStyleCollectionDes as l,getStyleDefaultViewMore as a,getStaticCss as m}from"./common/styles.js";import{getClassContainerCollectionDes as c,getClassEmptyCollectionDes as d,getClassButtonViewMore as p,getDescriptionClasses as h,getShowMoreIconClasses as y,getShowMoreTextClasses as u,getClassPreBuilt as g}from"./common/classes.js";import{createClass as f,createStyle as N,createAttr as v,If as S}from"@gem-sdk/system";import{getViewLessText as _,getViewMoreText as j,ICON_SVG as C}from"./common/helpers.js";import{useGpDescription as H}from"../../hooks/useDescription.js";let DescriptionNotFoundString="This collection does not have a description",CollectionDescription=({setting:T,builderProps:k,pageContext:D,advanced:I})=>{let{isPreviewSharePageMode:L}=s(),M=i(),{ref:b,open:x,isShowViewMore:w,handleToggleShowMore:F,hasLineClamp:V}=H(T),$=M?.descriptionHtml,q=f(c({setting:T})),z=f(d()),A=f(p({setting:T})),B=f(h({advanced:I})),E=f({...y(),...x?{"gp-rotate-180":!0}:{}}),G=f(u()),J=f(g()),K=N({...l({setting:T}),...x?{}:r("line-clamp",n(T?.lineClamp,T?.hasLineClamp))}),O=N({...a(T)}),P=_({setting:T,builderProps:k,pageContext:D,type:"react"}),Q=j({setting:T,builderProps:k,pageContext:D,type:"react"}),R=v({"data-id":`${k?.uid}`}),U=v({"data-gp-text":""}),{gpDescriptionCss:W,textDescriptionCss:X}=m(),Y=L?"":e("div",{className:z,dangerouslySetInnerHTML:{__html:"This collection does not have a description"}});return e(t,{children:S(!$,Y,o("div",{...R,className:B,children:[e("style",{children:X}),e("style",{children:W}),e("div",{className:J}),e("div",{ref:b,className:q,style:K,dangerouslySetInnerHTML:{__html:M?.descriptionHtml??""},...U}),S(V&&w,o("button",{type:"button",className:A,style:O,onClick:F,children:[e("span",{className:G,children:S(x,P?.toString()??"",Q?.toString()??"")}),S(T?.enableViewMoreIcon,e("span",{className:E,dangerouslySetInnerHTML:{__html:C}}),"")]}),"")]}))})};export{CollectionDescription as default};
+import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useRenderMode as o,useCollection as r,t as l,makeStyleResponsive as i,makeLineClamp as n}from"@gem-sdk/core";import{getDefaultStyleCollectionDes as m,getStyleDefaultViewMore as a,getStaticCss as c}from"./common/styles.js";import{getClassContainerCollectionDes as p,getClassEmptyCollectionDes as d,getClassButtonViewMore as h,getDescriptionClasses as y,getShowMoreIconClasses as u,getShowMoreTextClasses as f,getClassPreBuilt as g}from"./common/classes.js";import{createClass as N,createStyle as _,createAttr as j,If as v}from"@gem-sdk/system";import{getViewLessText as C,getViewMoreText as H,ICON_SVG as S}from"./common/helpers.js";import{useGpDescription as k}from"../../hooks/useDescription.js";let CollectionDescription=({setting:I,builderProps:L,pageContext:M,advanced:T})=>{let{isPreviewSharePageMode:b}=o(),x=r(),{ref:D,open:w,isShowViewMore:V,handleToggleShowMore:$,hasLineClamp:q}=k(I),z=l("This collection does not have a description"),A=x?.descriptionHtml,B=N(p({setting:I})),E=N(d()),F=N(h({setting:I})),G=N(y({advanced:T})),J=N({...u(),...w?{"gp-rotate-180":!0}:{}}),K=N(f()),O=N(g()),P=_({...m({setting:I}),...w?{}:i("line-clamp",n(I?.lineClamp,I?.hasLineClamp))}),Q=_({...a(I)}),R=C({setting:I,builderProps:L,pageContext:M,type:"react"}),U=H({setting:I,builderProps:L,pageContext:M,type:"react"}),W=j({"data-id":`${L?.uid}`}),X=j({"data-gp-text":""}),{gpDescriptionCss:Y,textDescriptionCss:Z}=c(),ee=b?"":e("div",{className:E,dangerouslySetInnerHTML:{__html:z}});return e(t,{children:v(!A,ee,s("div",{...W,className:G,children:[e("style",{children:Z}),e("style",{children:Y}),e("div",{className:O}),e("div",{ref:D,className:B,style:P,dangerouslySetInnerHTML:{__html:x?.descriptionHtml??""},...X}),v(q&&V,s("button",{type:"button",className:F,style:Q,onClick:$,children:[e("span",{className:K,children:v(w,R?.toString()??"",U?.toString()??"")}),v(I?.enableViewMoreIcon,e("span",{className:J,dangerouslySetInnerHTML:{__html:S}}),"")]}),"")]}))})};export{CollectionDescription as default};

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

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

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

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

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

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

package/dist/esm/product/components/product-sku/Sku.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useCurrentVariant as t,useRenderMode as r}from"@gem-sdk/core";import l from"../../../text/components/Text.js";import{If as o}from"@gem-sdk/system";let ProductSku=({setting:s,builderProps:d,styles:i})=>{let m=t(),{isPreviewSharePageMode:u}=r();i?.disableHoverColor&&delete i.underlineLink;let p=s?.label&&s.label.trim().length?`${s.label} ${m?.sku??""}`:`${m?.sku??""}`,n=u?"":e("p",{className:"gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",children:"This product does not have a SKU 123"});return e("div",{id:`sku-${d?.uid}`,children:o(!m?.sku,n,e(l,{builderProps:d,styles:i,setting:{...s,text:p,excludeFlex:!0}}))})};export{ProductSku as default};
+import{jsx as e}from"react/jsx-runtime";import{useCurrentVariant as t,useRenderMode as r,t as o}from"@gem-sdk/core";import s from"../../../text/components/Text.js";import{If as l}from"@gem-sdk/system";let ProductSku=({setting:d,builderProps:i,styles:m})=>{let u=t(),{isPreviewSharePageMode:p,isEditMode:n}=r();m?.disableHoverColor&&delete m.underlineLink;let a=d?.label&&d.label.trim().length?`${d.label} ${u?.sku??""}`:`${u?.sku??""}`,c=p?"":e("p",{className:"gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",children:n?o("This product does not have a SKU 123"):"This product does not have a SKU 123"});return e("div",{id:`sku-${i?.uid}`,children:l(!u?.sku,c,e(s,{builderProps:i,styles:m,setting:{...d,text:a,excludeFlex:!0}}))})};export{ProductSku as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "16.3.2",
+  "version": "16.3.3",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",