@gem-sdk/components 16.3.1 → 16.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/collection/components/collection-description/CollectionDescription.js +1 -1
- package/dist/cjs/post-purchase/product/components/product-variant/components/ProductVariant.js +1 -1
- package/dist/cjs/post-purchase/text/components/Text.js +2 -2
- package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.js +1 -1
- package/dist/cjs/product/components/product-images-v3/common/productFeaturedImage.js +1 -1
- package/dist/cjs/product/components/product-images-v3/components/feature-gallery/FeatureImageWithGallery.liquid.js +23 -22
- package/dist/cjs/product/components/product-sku/Sku.js +1 -1
- package/dist/esm/collection/components/collection-description/CollectionDescription.js +1 -1
- package/dist/esm/post-purchase/product/components/product-variant/components/ProductVariant.js +1 -1
- package/dist/esm/post-purchase/text/components/Text.js +2 -2
- package/dist/esm/product/components/product-bundle/ProductBundleDiscount.js +1 -1
- package/dist/esm/product/components/product-images-v3/common/productFeaturedImage.js +1 -1
- package/dist/esm/product/components/product-images-v3/components/feature-gallery/FeatureImageWithGallery.liquid.js +24 -23
- package/dist/esm/product/components/product-sku/Sku.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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
|
|
2
|
+
"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
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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;
|
|
2
|
+
"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;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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:
|
|
3
|
-
text-decoration: unset;"
|
|
2
|
+
"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;
|
|
3
|
+
text-decoration: unset;">${b}</span>`}})})})};exports.default=Text;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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;
|
|
2
|
+
"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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core");const isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",getDotStyleForOnlyFeaturedImage=e=>{let o={};return core.DEVICES.forEach(t=>{let r=core.getResponsiveValueByScreen(e.position,t),s=core.getResponsiveValueByScreen(e.dotStyle,t);o={...o,[t]:"only-feature"===r?s:"none"}}),o},getVideoHeight=e=>{if(!e)return null;let
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core");const isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",getDotStyleForOnlyFeaturedImage=e=>{let o={};return core.DEVICES.forEach(t=>{let r=core.getResponsiveValueByScreen(e.position,t),s=core.getResponsiveValueByScreen(e.dotStyle,t);o={...o,[t]:"only-feature"===r?s:"none"}}),o},getVideoHeight=({ftLayout:e,ftShape:o})=>{if(!e)return null;let t={};return Object.keys(e).forEach(r=>{let s=e[r],a=core.getResponsiveValueByScreen(o,r),n=a?.shape==="original";s&&(t[r]=n||"cover"===s?"100%":"auto")}),core.makeStyleResponsive("h",t)},checkRenderFeaturedCarousel=e=>{let o=["desktop","mobile","tablet"],t=!1;return o.forEach(o=>{let r=checkShowCarousel(e,o);checkShowCarousel(e,o)&&(t=r)}),t},checkShowCarousel=(e,o)=>"only-feature"!==core.getResponsiveValueByScreen(e.position,o)||"none"!==core.getResponsiveValueByScreen(e.ftNavigationPosition,o)||"none"!==core.getResponsiveValueByScreen(e.ftDotStyle,o)||!0===core.getResponsiveValueByScreen(e.ftLoop,o)||!0===e.ftDragToScroll;exports.checkRenderFeaturedCarousel=checkRenderFeaturedCarousel,exports.getDotStyleForOnlyFeaturedImage=getDotStyleForOnlyFeaturedImage,exports.getVideoHeight=getVideoHeight,exports.getZoomImageClass=getZoomImageClass,exports.getZoomLenClass=getZoomLenClass,exports.isFeatureMedia=isFeatureMedia;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),common=require("../../common/common.js"),productFeaturedImage=require("../../common/productFeaturedImage.js"),HTML5Embed_liquid=require("../../../../../video/components/HTML5Embed.liquid.js"),Modal3d_liquid=require("../../../../../image/components/Modal3d.liquid.js"),NextImage_liquid=require("../../../../../image/components/NextImage.liquid.js"),Video_liquid=require("../../../../../image/components/Video.liquid.js"),_function=require("../../../../helpers/function.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesAttr=require("../../composables/getProductImagesAttr.js"),system=require("@gem-sdk/system"),Carousel_liquid=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),CarouselItem_liquid=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");const FeatureImageWithGallery=({builderPropUID:e,children:t,enableLazyLoadImage:i,...a})=>{let{featuredImageCarouselClasses:s,galleryItemClasses:r,featuredCarouselItemClasses:d}=getProductImagesClassName.getProductImagesClassName({...a,builderProps:{uid:e}}),{featuredImageCarouselStyle:u,featureImageStyle:o,featureImageCarouselOnlyOneImageStyle:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),common=require("../../common/common.js"),productFeaturedImage=require("../../common/productFeaturedImage.js"),HTML5Embed_liquid=require("../../../../../video/components/HTML5Embed.liquid.js"),Modal3d_liquid=require("../../../../../image/components/Modal3d.liquid.js"),NextImage_liquid=require("../../../../../image/components/NextImage.liquid.js"),Video_liquid=require("../../../../../image/components/Video.liquid.js"),_function=require("../../../../helpers/function.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesAttr=require("../../composables/getProductImagesAttr.js"),system=require("@gem-sdk/system"),Carousel_liquid=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),CarouselItem_liquid=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");const FeatureImageWithGallery=({builderPropUID:e,children:t,enableLazyLoadImage:i,...a})=>{let{featuredImageCarouselClasses:s,galleryItemClasses:r,featuredCarouselItemClasses:d}=getProductImagesClassName.getProductImagesClassName({...a,builderProps:{uid:e}}),{featuredImageCarouselStyle:u,featureImageStyle:o,featureImageCarouselOnlyOneImageStyle:m,featureImageOnlyOneImageStyle:l,featureImageCarouselItemStyle:g}=getProductImagesStyles.getProductImagesStyles(a),{featuredImageCarouselSettingAttrs:c}=getProductImagesAttr.getProductImagesAttr(a),n=common.getAspectRatio(a.ftShape),p=()=>`
|
|
2
2
|
{% case featureMedia.media_type %}
|
|
3
3
|
{% when 'image' %}
|
|
4
4
|
${I()}
|
|
@@ -11,15 +11,15 @@
|
|
|
11
11
|
{% when 'model' %}
|
|
12
12
|
${f()}
|
|
13
13
|
{% else %}
|
|
14
|
-
${
|
|
14
|
+
${q()}
|
|
15
15
|
{% endcase %}
|
|
16
|
-
`,f=()=>Modal3d_liquid.default({src:system.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:n}),y=()=>Video_liquid.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:n}),h=()=>{let e=system.createStyle({...productFeaturedImage.getVideoHeight(a?.ftLayout),...core.makeStyleResponsive("objf",a?.ftLayout)}),t=system.createStyle({...productFeaturedImage.getVideoHeight(a?.ftLayout)});return HTML5Embed_liquid.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:t,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...e},className:"gp-invisible"})},I=()=>core.template`
|
|
17
|
-
${
|
|
16
|
+
`,f=()=>Modal3d_liquid.default({src:system.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:n}),y=()=>Video_liquid.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:n}),h=()=>{let e=system.createStyle({...productFeaturedImage.getVideoHeight({ftLayout:a?.ftLayout,ftShape:a?.ftShape}),...core.makeStyleResponsive("objf",a?.ftLayout)}),t=system.createStyle({...productFeaturedImage.getVideoHeight({ftLayout:a?.ftLayout,ftShape:a?.ftShape})});return HTML5Embed_liquid.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:t,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...e},className:"gp-invisible"})},I=()=>core.template`
|
|
17
|
+
${_(core.cls("gp-w-full gp-transition-opacity",{"group-hover:gp-opacity-0":"other"==a.hoverEffect},"{{shouldHidden}}"))}
|
|
18
18
|
${system.If(a?.hoverEffect!=="none",`<div class="${core.cls("zoom-element !gp-max-w-none",productFeaturedImage.getZoomImageClass())}">
|
|
19
|
-
${
|
|
19
|
+
${_("image-zoom",!0)}
|
|
20
20
|
</div>`," ")}
|
|
21
21
|
${system.If(a?.hoverEffect=="zoom"&&a?.zoomType=="glasses",`<div class="${core.cls("zoom-lens-element",productFeaturedImage.getZoomLenClass())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
|
|
22
|
-
`,
|
|
22
|
+
`,_=(e,t)=>core.template`
|
|
23
23
|
{% assign src = featureMedia.src %}
|
|
24
24
|
${system.If(t&&"other"==a.hoverEffect,`{% assign media_length = product.media | size %}
|
|
25
25
|
{% assign other_image_index = ${a.otherImage} | plus: 0 %}
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
{% assign otherImage = product.media[other_image_index] %}
|
|
30
30
|
${system.LiquidIf("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
|
|
31
31
|
`)}
|
|
32
|
-
${NextImage_liquid.default({srcIsLiquidCode:!0,src:system.LiquidIf("src != null",common.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:system.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${common.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:a?.ftLayout,aspectRatio:n,qualityType:a?.qualityType,qualityPercent:a?.qualityPercent},priority:a?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${e??""}`,enableLazyLoadImage:i})}`,
|
|
33
|
-
${NextImage_liquid.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:a?.ftLayout,aspectRatio:n,qualityType:a?.qualityType,qualityPercent:a?.qualityPercent},priority:a?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:i})}`,
|
|
32
|
+
${NextImage_liquid.default({srcIsLiquidCode:!0,src:system.LiquidIf("src != null",common.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:system.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${common.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:a?.ftLayout,aspectRatio:n,qualityType:a?.qualityType,qualityPercent:a?.qualityPercent},priority:a?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${e??""}`,enableLazyLoadImage:i})}`,q=()=>core.template`
|
|
33
|
+
${NextImage_liquid.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:a?.ftLayout,aspectRatio:n,qualityType:a?.qualityType,qualityPercent:a?.qualityPercent},priority:a?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:i})}`,M=common.getPaddingBottomByShapeSetting(a.ftShape),b=t=>`
|
|
34
34
|
${system.Liquid(`{% assign productImageWidth = 0 %}
|
|
35
35
|
{% case featureMedia.media_type %}
|
|
36
36
|
{% when 'image' %}
|
|
@@ -41,34 +41,35 @@
|
|
|
41
41
|
${CarouselItem_liquid.default({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${r(`gp-ft-image-item !gp-min-w-full !gp-max-w-full ${t??""}`)}`,parentId:`ft-${e}-{{section.id}}-{{product.id}}`,style:g,customStyle:{width:"{{productImageWidth}}px"},children:`
|
|
42
42
|
<div
|
|
43
43
|
class="gp-w-full gp-relative ${system.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
|
|
44
|
-
style="${_function.getStyleOfObject(core.makeStyleResponsive("pb",
|
|
44
|
+
style="${_function.getStyleOfObject(core.makeStyleResponsive("pb",M))} ${system.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
|
|
45
45
|
>
|
|
46
46
|
${p()}
|
|
47
47
|
</div>
|
|
48
|
-
`})}`,v=productFeaturedImage.checkRenderFeaturedCarousel(a)
|
|
48
|
+
`})}`,v=productFeaturedImage.checkRenderFeaturedCarousel(a),w="gp-featured-image-wrapper",$=system.LiquidIf("product.media.size > 0",`{% assign largestRatio = 0 %}
|
|
49
49
|
${system.LiquidFor("featureMedia in product.media",`
|
|
50
|
-
{% assign height = featureMedia.height | times: 1.0 %}
|
|
51
|
-
|
|
50
|
+
${system.LiquidIf("featureMedia.media_type == 'video' and featureMedia.preview_image",`{% assign height = featureMedia.preview_image.height | times: 1.0 %}
|
|
51
|
+
{% assign width = featureMedia.preview_image.width | times: 1.0 %}`,`{% assign height = featureMedia.height | times: 1.0 %}
|
|
52
|
+
{% assign width = featureMedia.width | times: 1.0 %}`)}
|
|
52
53
|
{% assign ratio = height | divided_by: width %}
|
|
53
54
|
${system.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
|
|
54
55
|
`)}
|
|
55
56
|
${system.LiquidFor("featureMedia in product.media",`${system.LiquidIf("featureMedia.media_type == 'image'",`${system.LiquidFor("image in product.images",system.LiquidIf("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
|
|
56
|
-
${
|
|
57
|
+
${b()}`)}
|
|
57
58
|
`,NextImage_liquid.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:a?.preload,setting:{layout:a?.ftLayout,aspectRatio:n,qualityType:a?.qualityType,qualityPercent:a?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:i})),L=()=>`
|
|
58
|
-
${Carousel_liquid.default({builderProps:{uid:e},rootId:`ft-${e}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass
|
|
59
|
-
`,
|
|
59
|
+
${Carousel_liquid.default({builderProps:{uid:e},rootId:`ft-${e}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:w,rootClass:`${s}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:c,rootStyles:o,styles:u,style:{playSpeed:600},disableMarginAuto:!0,children:$,productBadgeLiquid:t||""})}
|
|
60
|
+
`,S=()=>{switch(a?.preDisplay){case"1st-images":return`
|
|
60
61
|
{% assign featureMedia = product.media.first %}
|
|
61
62
|
`;case"1st-3d-mode":return system.LiquidFor("media in product.media",system.LiquidIf("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return system.LiquidFor("media in product.media",system.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
|
|
62
63
|
{% assign featureMedia = variant.featured_media %}
|
|
63
64
|
{% unless featureMedia %}
|
|
64
65
|
{% assign featureMedia = product.featured_media %}
|
|
65
66
|
{% endunless %}
|
|
66
|
-
`}},
|
|
67
|
+
`}},x=()=>system.Liquid(`
|
|
67
68
|
{% assign featureMedia = variant.featured_media %}
|
|
68
69
|
{% unless featureMedia %}
|
|
69
70
|
{% assign featureMedia = product.featured_media %}
|
|
70
71
|
{% endunless %}
|
|
71
|
-
${system.LiquidIf("product.media.size > 1",
|
|
72
|
+
${system.LiquidIf("product.media.size > 1",S())}
|
|
72
73
|
{% assign largestRatio = 0 %}
|
|
73
74
|
{% assign height = featureMedia.height | times: 1.0 %}
|
|
74
75
|
{% assign width = featureMedia.width | times: 1.0 %}
|
|
@@ -88,19 +89,19 @@
|
|
|
88
89
|
>
|
|
89
90
|
<div
|
|
90
91
|
class="gp-relative"
|
|
91
|
-
style="${_function.getStyleOfObject(
|
|
92
|
+
style="${_function.getStyleOfObject(l)}"
|
|
92
93
|
>
|
|
93
94
|
${t}
|
|
94
95
|
<div
|
|
95
96
|
type="gp-feature-image-only"
|
|
96
97
|
product-id="{{product.id}}"
|
|
97
98
|
product-media="{{product.media.size}}"
|
|
98
|
-
class="${d(
|
|
99
|
-
style="${_function.getStyleOfObject(
|
|
99
|
+
class="${d(w)}"
|
|
100
|
+
style="${_function.getStyleOfObject(m)}"
|
|
100
101
|
>
|
|
101
102
|
<div
|
|
102
103
|
class="gp-w-full gp-relative ${system.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
|
|
103
|
-
style="${_function.getStyleOfObject(core.makeStyleResponsive("pb",
|
|
104
|
+
style="${_function.getStyleOfObject(core.makeStyleResponsive("pb",M))} ${system.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
|
|
104
105
|
>
|
|
105
106
|
${p()}
|
|
106
107
|
</div>
|
|
@@ -109,7 +110,7 @@
|
|
|
109
110
|
</div>
|
|
110
111
|
`);return system.Liquid(`
|
|
111
112
|
{% capture featureImageOnlyOne %}
|
|
112
|
-
${
|
|
113
|
+
${x()}
|
|
113
114
|
{% endcapture %}
|
|
114
115
|
${system.LiquidIf("product.media.size > 1",`
|
|
115
116
|
${system.If(v,L()," ")}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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??""}`,
|
|
2
|
+
"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;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e,Fragment as t,jsxs as
|
|
2
|
+
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
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
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,
|
|
2
|
+
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};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
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:
|
|
3
|
-
text-decoration: unset;"
|
|
2
|
+
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;
|
|
3
|
+
text-decoration: unset;">${J}</span>`}})})})};export{Text as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
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};
|
|
2
|
+
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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getResponsiveValueByScreen as e,DEVICES as
|
|
1
|
+
import{getResponsiveValueByScreen as e,DEVICES as o,makeStyleResponsive as t}from"@gem-sdk/core";let isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",getDotStyleForOnlyFeaturedImage=t=>{let r={};return o.forEach(o=>{let a=e(t.position,o),g=e(t.dotStyle,o);r={...r,[o]:"only-feature"===a?g:"none"}}),r},getVideoHeight=({ftLayout:o,ftShape:r})=>{if(!o)return null;let a={};return Object.keys(o).forEach(t=>{let g=o[t],l=e(r,t),n=l?.shape==="original";g&&(a[t]=n||"cover"===g?"100%":"auto")}),t("h",a)},checkRenderFeaturedCarousel=e=>{let o=["desktop","mobile","tablet"],t=!1;return o.forEach(o=>{let r=checkShowCarousel(e,o);checkShowCarousel(e,o)&&(t=r)}),t},checkShowCarousel=(o,t)=>"only-feature"!==e(o.position,t)||"none"!==e(o.ftNavigationPosition,t)||"none"!==e(o.ftDotStyle,t)||!0===e(o.ftLoop,t)||!0===o.ftDragToScroll;export{checkRenderFeaturedCarousel,getDotStyleForOnlyFeaturedImage,getVideoHeight,getZoomImageClass,getZoomLenClass,isFeatureMedia};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{makeStyleResponsive as e,template as a,cls as i}from"@gem-sdk/core";import{getAspectRatio as t,getPaddingBottomByShapeSetting as r,getSrcImage as s}from"../../common/common.js";import{checkRenderFeaturedCarousel as d,getVideoHeight as o,getZoomImageClass as u,getZoomLenClass as
|
|
1
|
+
import{makeStyleResponsive as e,template as a,cls as i}from"@gem-sdk/core";import{getAspectRatio as t,getPaddingBottomByShapeSetting as r,getSrcImage as s}from"../../common/common.js";import{checkRenderFeaturedCarousel as d,getVideoHeight as o,getZoomImageClass as u,getZoomLenClass as m}from"../../common/productFeaturedImage.js";import l from"../../../../../video/components/HTML5Embed.liquid.js";import p from"../../../../../image/components/Modal3d.liquid.js";import g from"../../../../../image/components/NextImage.liquid.js";import n from"../../../../../image/components/Video.liquid.js";import{getStyleOfObject as c}from"../../../../helpers/function.js";import{getProductImagesStyles as f}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as h}from"../../composables/getProductImagesClassName.js";import{getProductImagesAttr as y}from"../../composables/getProductImagesAttr.js";import{LiquidIf as M,LiquidFor as _,Liquid as w,If as v,createStyle as $}from"@gem-sdk/system";import b from"../../../../../carousel-v3/components/root/Carousel.liquid.js";import I from"../../../../../carousel-v3/components/item/CarouselItem.liquid.js";let FeatureImageWithGallery=({builderPropUID:x,children:q,enableLazyLoadImage:S,...j})=>{let{featuredImageCarouselClasses:z,galleryItemClasses:L,featuredCarouselItemClasses:P}=h({...j,builderProps:{uid:x}}),{featuredImageCarouselStyle:R,featureImageStyle:W,featureImageCarouselOnlyOneImageStyle:T,featureImageOnlyOneImageStyle:C,featureImageCarouselItemStyle:N}=f(j),{featuredImageCarouselSettingAttrs:k}=y(j),E=t(j.ftShape),O=()=>`
|
|
2
2
|
{% case featureMedia.media_type %}
|
|
3
3
|
{% when 'image' %}
|
|
4
4
|
${F()}
|
|
@@ -13,25 +13,25 @@ import{makeStyleResponsive as e,template as a,cls as i}from"@gem-sdk/core";impor
|
|
|
13
13
|
{% else %}
|
|
14
14
|
${G()}
|
|
15
15
|
{% endcase %}
|
|
16
|
-
`,A=()=>p({src:M("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:E}),D=()=>n({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:E}),V=()=>{let a
|
|
17
|
-
${H(i("gp-w-full gp-transition-opacity",{"group-hover:gp-opacity-0":"other"==
|
|
18
|
-
${
|
|
16
|
+
`,A=()=>p({src:M("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:E}),D=()=>n({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:E}),V=()=>{let a=$({...o({ftLayout:j?.ftLayout,ftShape:j?.ftShape}),...e("objf",j?.ftLayout)}),i=$({...o({ftLayout:j?.ftLayout,ftShape:j?.ftShape})});return l({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:i,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...a},className:"gp-invisible"})},F=()=>a`
|
|
17
|
+
${H(i("gp-w-full gp-transition-opacity",{"group-hover:gp-opacity-0":"other"==j.hoverEffect},"{{shouldHidden}}"))}
|
|
18
|
+
${v(j?.hoverEffect!=="none",`<div class="${i("zoom-element !gp-max-w-none",u())}">
|
|
19
19
|
${H("image-zoom",!0)}
|
|
20
20
|
</div>`," ")}
|
|
21
|
-
${
|
|
21
|
+
${v(j?.hoverEffect=="zoom"&&j?.zoomType=="glasses",`<div class="${i("zoom-lens-element",m())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
|
|
22
22
|
`,H=(e,i)=>a`
|
|
23
23
|
{% assign src = featureMedia.src %}
|
|
24
|
-
${
|
|
25
|
-
{% assign other_image_index = ${
|
|
24
|
+
${v(i&&"other"==j.hoverEffect,`{% assign media_length = product.media | size %}
|
|
25
|
+
{% assign other_image_index = ${j.otherImage} | plus: 0 %}
|
|
26
26
|
{% if other_image_index >= media_length %}
|
|
27
27
|
{% assign other_image_index = media_length | minus: 1 %}
|
|
28
28
|
{% endif %}
|
|
29
29
|
{% assign otherImage = product.media[other_image_index] %}
|
|
30
30
|
${M("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
|
|
31
31
|
`)}
|
|
32
|
-
${g({srcIsLiquidCode:!0,src:M("src != null",s("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:M("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${s("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:
|
|
33
|
-
${g({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:
|
|
34
|
-
${
|
|
32
|
+
${g({srcIsLiquidCode:!0,src:M("src != null",s("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:M("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${s("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:j?.ftLayout,aspectRatio:E,qualityType:j?.qualityType,qualityPercent:j?.qualityPercent},priority:j?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${e??""}`,enableLazyLoadImage:S})}`,G=()=>a`
|
|
33
|
+
${g({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:j?.ftLayout,aspectRatio:E,qualityType:j?.qualityType,qualityPercent:j?.qualityPercent},priority:j?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:S})}`,B=r(j.ftShape),J=a=>`
|
|
34
|
+
${w(`{% assign productImageWidth = 0 %}
|
|
35
35
|
{% case featureMedia.media_type %}
|
|
36
36
|
{% when 'image' %}
|
|
37
37
|
{% assign productImageWidth = featureMedia.width %}
|
|
@@ -45,25 +45,26 @@ import{makeStyleResponsive as e,template as a,cls as i}from"@gem-sdk/core";impor
|
|
|
45
45
|
>
|
|
46
46
|
${O()}
|
|
47
47
|
</div>
|
|
48
|
-
`})}`,K=d(
|
|
49
|
-
${
|
|
50
|
-
{% assign height = featureMedia.height | times: 1.0 %}
|
|
51
|
-
|
|
48
|
+
`})}`,K=d(j),Q="gp-featured-image-wrapper",U=M("product.media.size > 0",`{% assign largestRatio = 0 %}
|
|
49
|
+
${_("featureMedia in product.media",`
|
|
50
|
+
${M("featureMedia.media_type == 'video' and featureMedia.preview_image",`{% assign height = featureMedia.preview_image.height | times: 1.0 %}
|
|
51
|
+
{% assign width = featureMedia.preview_image.width | times: 1.0 %}`,`{% assign height = featureMedia.height | times: 1.0 %}
|
|
52
|
+
{% assign width = featureMedia.width | times: 1.0 %}`)}
|
|
52
53
|
{% assign ratio = height | divided_by: width %}
|
|
53
54
|
${M("ratio > largestRatio","{% assign largestRatio = ratio %}")}
|
|
54
55
|
`)}
|
|
55
|
-
${
|
|
56
|
+
${_("featureMedia in product.media",`${M("featureMedia.media_type == 'image'",`${_("image in product.images",M("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
|
|
56
57
|
${J()}`)}
|
|
57
|
-
`,g({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:
|
|
58
|
-
${
|
|
59
|
-
`,Y=()=>{switch(
|
|
58
|
+
`,g({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:j?.preload,setting:{layout:j?.ftLayout,aspectRatio:E,qualityType:j?.qualityType,qualityPercent:j?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:S})),X=()=>`
|
|
59
|
+
${b({builderProps:{uid:x},rootId:`ft-${x}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:Q,rootClass:`${z}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:k,rootStyles:W,styles:R,style:{playSpeed:600},disableMarginAuto:!0,children:U,productBadgeLiquid:q||""})}
|
|
60
|
+
`,Y=()=>{switch(j?.preDisplay){case"1st-images":return`
|
|
60
61
|
{% assign featureMedia = product.media.first %}
|
|
61
|
-
`;case"1st-3d-mode":return
|
|
62
|
+
`;case"1st-3d-mode":return _("media in product.media",M("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return _("media in product.media",M("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
|
|
62
63
|
{% assign featureMedia = variant.featured_media %}
|
|
63
64
|
{% unless featureMedia %}
|
|
64
65
|
{% assign featureMedia = product.featured_media %}
|
|
65
66
|
{% endunless %}
|
|
66
|
-
`}},Z=()
|
|
67
|
+
`}},Z=()=>w(`
|
|
67
68
|
{% assign featureMedia = variant.featured_media %}
|
|
68
69
|
{% unless featureMedia %}
|
|
69
70
|
{% assign featureMedia = product.featured_media %}
|
|
@@ -107,12 +108,12 @@ import{makeStyleResponsive as e,template as a,cls as i}from"@gem-sdk/core";impor
|
|
|
107
108
|
</div>
|
|
108
109
|
</div>
|
|
109
110
|
</div>
|
|
110
|
-
`);return
|
|
111
|
+
`);return w(`
|
|
111
112
|
{% capture featureImageOnlyOne %}
|
|
112
113
|
${Z()}
|
|
113
114
|
{% endcapture %}
|
|
114
115
|
${M("product.media.size > 1",`
|
|
115
|
-
${
|
|
116
|
-
${
|
|
116
|
+
${v(K,X()," ")}
|
|
117
|
+
${v(!K,"{{ featureImageOnlyOne }}"," ")}
|
|
117
118
|
`,"{{ featureImageOnlyOne }}")}
|
|
118
119
|
`)};export{FeatureImageWithGallery as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{useCurrentVariant as t,useRenderMode as r}from"@gem-sdk/core";import
|
|
2
|
+
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};
|