@gem-sdk/components 16.1.0-staging.1 → 17.0.0-dev.9

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

@@ -1,29 +1,29 @@
-import{template as e,cls as t,makeStyle as i,RenderIf as r,isLocalEnv as s,baseAssetURL as o,getResponsiveValueByScreen as l}from"@gem-sdk/core";import{getFlexDirection as a}from"../helpers/product-image.js";import{checkAddOverFlowClass as p,getStyleAlignment as d,getDisplayStyle as m}from"./product-images/common/helpers.js";import g from"./product-images/ProductFeaturedImage.liquid.js";import u from"./product-images/ProductGalleryCarousel.liquid.js";import c from"./product-images/ProductGalleryGrid.liquid.js";import{getStyleWidthForGallery as f,getStyleGallerySpacing as n}from"./product-images/common/productGallery.js";import{getSettingPreloadData as b}from"../../helpers.js";let ProductImages=y=>{let{setting:$,styles:j,builderProps:h,style:v}=y,S={...y.styles,...y.setting},w={...y.styles,...y.setting},x=e=>l(j?.position,e),I=()=>m(e=>!!$?.galleryVisible&&!l($?.galleryVisible,e),"inline-flex"),P=`
+import{cls as e,makeStyle as t,RenderIf as i,isLocalEnv as r,baseAssetURL as s,template as o,getResponsiveValueByScreen as l}from"@gem-sdk/core";import{getFlexDirection as a}from"../helpers/product-image.js";import{checkAddOverFlowClass as p,getStyleAlignment as d,getDisplayStyle as m}from"./product-images/common/helpers.js";import g from"./product-images/ProductFeaturedImage.liquid.js";import u from"./product-images/ProductGalleryCarousel.liquid.js";import c from"./product-images/ProductGalleryGrid.liquid.js";import{getStyleGallerySpacing as f,getStyleWidthForGallery as n}from"./product-images/common/productGallery.js";import{getSettingPreloadData as b}from"../../helpers.js";let y=y=>{let{setting:$,styles:j,builderProps:h,style:v}=y,S={...y.styles,...y.setting},w={...y.styles,...y.setting},x=e=>l(j?.position,e),I=`
     {
       "id":${JSON.stringify(h?.uid)},
       "setting":${JSON.stringify($)},
       "styles":${JSON.stringify(j)},
       "product":{{ product | json | escape }}
     }
-  `;return e`
+  `;return o`
   {% assign featured_image = product.featured_image %}
   {%- if variant != null and variant.featured_image != null -%}
   {% assign featured_image = variant.featured_image %}
   {%- endif -%}
   <gp-product-images
-    gp-data='${P}'
+    gp-data='${I}'
     style="${{...v}}"
-    class="${t({"gp-overflow-hidden":p(v)})}"
+    class="${e({"gp-overflow-hidden":p(v)})}"
   >
     <div
-        class="${t("gp-flex gp-w-full",{...a(y)})}"
+        class="${e("gp-flex gp-w-full",{...a(y)})}"
         style="${{...d(j?.align,j?.position)}}"
       >
         ${g({...S})}
         {%- if product.media.size > 1 -%}
           <div
-            class="${t("gallery-wrapper gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":"bottom-left"==x("desktop"),"tablet:gp-justify-start":"bottom-left"==x("tablet"),"mobile:gp-justify-start":"bottom-left"==x("mobile"),"gp-justify-center":"bottom-center"==x("desktop"),"tablet:gp-justify-center":"bottom-center"==x("tablet"),"mobile:gp-justify-center":"bottom-center"==x("mobile"),"gp-mx-auto":"bottom-center"==x("desktop"),"tablet:gp-mx-auto":"bottom-center"==x("tablet"),"mobile:gp-mx-auto":"bottom-center"==x("mobile")})}"
-            style="${{...i({fs:"1.23"}),...I(),...f({galleryVisible:$?.galleryVisible,featureImageVisible:$?.featureImageVisible,position:j?.position,width:j?.width,widthHorizontalLayout:j?.widthHorizontalLayout}),...n(j?.position,j?.gallerySpacing)}}"
+            class="${e("gallery-wrapper gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":"bottom-left"==x("desktop"),"tablet:gp-justify-start":"bottom-left"==x("tablet"),"mobile:gp-justify-start":"bottom-left"==x("mobile"),"gp-justify-center":"bottom-center"==x("desktop"),"tablet:gp-justify-center":"bottom-center"==x("tablet"),"mobile:gp-justify-center":"bottom-center"==x("mobile"),"gp-mx-auto":"bottom-center"==x("desktop"),"tablet:gp-mx-auto":"bottom-center"==x("tablet"),"mobile:gp-mx-auto":"bottom-center"==x("mobile")})}"
+            style="${{...t({fs:"1.23"}),...m(e=>!!$?.galleryVisible&&!l($?.galleryVisible,e),"inline-flex"),...n({galleryVisible:$?.galleryVisible,featureImageVisible:$?.featureImageVisible,position:j?.position,width:j?.width,widthHorizontalLayout:j?.widthHorizontalLayout}),...f(j?.position,j?.gallerySpacing)}}"
           >
             ${u({builderPropUID:h?.uid,...w})}
             ${c({builderPropUID:h?.uid,...w})}
@@ -31,5 +31,5 @@ import{template as e,cls as t,makeStyle as i,RenderIf as r,isLocalEnv as s,baseA
         {%- endif -%}
       </div>
   </gp-product-images>
-  ${r(s,`<script ${b('class="gps-link" delay',"src")}="{{ 'gp-product-images.js' | asset_url }}" defer="defer"></script>`,`<script ${b('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-images.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{ProductImages as default};
+  ${i(r,`<script ${b('class="gps-link" delay',"src")}="{{ 'gp-product-images.js' | asset_url }}" defer="defer"></script>`,`<script ${b('class="gps-link" delay',"src")}="${s}/assets-v2/gp-product-images.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{y as default};

package/dist/esm/product/components/ProductNotFound.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o}from"react/jsx-runtime";import{usePageType as t,useShopStore as r,useI18nStore as e}from"@gem-sdk/core";import{useState as n,useEffect as i,useMemo as c}from"react";import d from"../../common/components/NoDataState.js";let ProductNotFound=({collectionHandle:a,productSrc:l,builderAttrs:u,children:p})=>{let y="STATIC"===t(),f=r(o=>o.storefrontToken),m=r(o=>o.storefrontUrl),s="Collection"===l,[h,S]=n(""),[g,w]=n("get product"),[b,C]=n(""),{t:T}=e();i(()=>{if(s){if(!a){S(T("We cannot find any collections from your Shopify store. Please try manually syncing the data from Shopify or add a new collection.")),w(T("get collection")),C(T("collection"));return}S(T("We cannot find any product of this collection from your Shopify store? Please try manually syncing the data from Shopify or add a new product to your collection.")),w(T("get product of collection")),C(T("product"));return}if(y&&!f){C(T("product")),S(T("We can not get your products from Shopify"));return}C(T("product")),w(T("get product")),S(T("We cannot find any products from your Shopify store. Please try manually syncing the data from Shopify or add a new product."))},[a,s,y,f]);let P=c(()=>{if(!m)return;let o=new URL(m);return s?`${o.protocol}//${o.host}/admin/collections`:`${o.protocol}//${o.host}/admin/products`},[s,m]),k=o=>{let t=new CustomEvent("editor:sync-product",{bubbles:!0,detail:{uid:o}});window.dispatchEvent(t)};return o(d,{elementType:"primary",children:p,builderAttrs:u,title:T("Can not {textLink} from Shopify",{textLink:g}),description:h,primaryBtnTitle:T("Add {entity}",{entity:b}),secondaryBtnTitle:T("Sync from Shopify"),primaryBtnCb:()=>{P&&window.open(P,"_blank")},secondaryBtnCb:()=>k(u?.["data-uid"]??u?.uid)})};export{ProductNotFound as default};
+import{jsx as o}from"react/jsx-runtime";import{usePageType as t,useShopStore as r,useI18nStore as e}from"@gem-sdk/core";import{useState as n,useEffect as i,useMemo as c}from"react";import a from"../../common/components/NoDataState.js";let d=({collectionHandle:d,productSrc:l,builderAttrs:p,children:u})=>{let y="STATIC"===t(),f=r(o=>o.storefrontToken),m=r(o=>o.storefrontUrl),s="Collection"===l,[h,S]=n(""),[g,w]=n("get product"),[b,C]=n(""),{t:T}=e();i(()=>{if(s){if(!d){S(T("We cannot find any collections from your Shopify store. Please try manually syncing the data from Shopify or add a new collection.")),w(T("get collection")),C(T("collection"));return}S(T("We cannot find any product of this collection from your Shopify store? Please try manually syncing the data from Shopify or add a new product to your collection.")),w(T("get product of collection")),C(T("product"));return}if(y&&!f){C(T("product")),S(T("We can not get your products from Shopify"));return}C(T("product")),w(T("get product")),S(T("We cannot find any products from your Shopify store. Please try manually syncing the data from Shopify or add a new product."))},[d,s,y,f]);let k=c(()=>{if(!m)return;let o=new URL(m);return s?`${o.protocol}//${o.host}/admin/collections`:`${o.protocol}//${o.host}/admin/products`},[s,m]),B=o=>{let t=new CustomEvent("editor:sync-product",{bubbles:!0,detail:{uid:o}});window.dispatchEvent(t)};return o(a,{elementType:"primary",children:u,builderAttrs:p,title:T("Can not {textLink} from Shopify",{textLink:g}),description:h,primaryBtnTitle:T("Add {entity}",{entity:b}),secondaryBtnTitle:T("Sync from Shopify"),primaryBtnCb:()=>{k&&window.open(k,"_blank")},secondaryBtnCb:()=>B(p?.["data-uid"]??p?.uid)})};export{d as default};

package/dist/esm/product/components/SalePageProductListWarning.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as p}from"react/jsx-runtime";let SalePageProductListWarning=({builderAttrs:l})=>e("div",{...l,className:"editor-content gp-absolute gp-left-0 gp-top-0 gp-z-[999] gp-h-[calc(100%_+_2px)] gp-w-[calc(100%_+_2px)] gp-justify-center gp-rounded gp-border gp-border-[#F44336] gp-bg-white/80 gp-p-[8px]",children:p("div",{className:"gp-inline-flex gp-h-auto gp-min-h-[40px] gp-w-full gp-items-center gp-gap-[6px] gp-rounded-lg gp-bg-red-100 gp-p-[8px] mobile:gp-items-start",children:[e("span",{className:"gp-h-5 gp-min-w-[20px]",children:p("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",fill:"#C3362B"}),e("path",{d:"M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",fill:"#C3362B"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",fill:"#C3362B"})]})}),p("span",{className:"gp-text-xs gp-leading-5 gp-text-[#C3362B]",children:[e("span",{className:"gp-font-semibold",children:"Product List"})," is not available for"," ",e("span",{className:"gp-font-semibold",children:"Sales Page"}),". You should delete this element."]})]})});export{SalePageProductListWarning as default};
+import{jsx as e,jsxs as p}from"react/jsx-runtime";let l=({builderAttrs:l})=>e("div",{...l,className:"editor-content gp-absolute gp-left-0 gp-top-0 gp-z-[999] gp-h-[calc(100%_+_2px)] gp-w-[calc(100%_+_2px)] gp-justify-center gp-rounded gp-border gp-border-[#F44336] gp-bg-white/80 gp-p-[8px]",children:p("div",{className:"gp-inline-flex gp-h-auto gp-min-h-[40px] gp-w-full gp-items-center gp-gap-[6px] gp-rounded-lg gp-bg-red-100 gp-p-[8px] mobile:gp-items-start",children:[e("span",{className:"gp-h-5 gp-min-w-[20px]",children:p("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",fill:"#C3362B"}),e("path",{d:"M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",fill:"#C3362B"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",fill:"#C3362B"})]})}),p("span",{className:"gp-text-xs gp-leading-5 gp-text-[#C3362B]",children:[e("span",{className:"gp-font-semibold",children:"Product List"})," is not available for"," ",e("span",{className:"gp-font-semibold",children:"Sales Page"}),". You should delete this element."]})]})});export{l as default};

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

@@ -1 +1 @@
-var DiscountType;!function(e){e.Percentage="percentage",e.FixedAmount="fixed_amount",e.NoDiscount="no_discount"}(DiscountType||(DiscountType={}));export{DiscountType};
+var e;!function(e){e.Percentage="percentage",e.FixedAmount="fixed_amount",e.NoDiscount="no_discount"}(e||(e={}));export{e as DiscountType};

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

@@ -1,4 +1,4 @@
-import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";import{createClass as i,createStateOrContext as e,Liquid as o,LiquidFor as n,If as l}from"@gem-sdk/system";import{getDynamicSourceLocales as r,createSettingId as d,getSettingPreloadData as p}from"../../../helpers.js";import{getButtonClasses as m}from"./common/classes.js";import{getButtonStyles as c}from"./common/styles.js";import{Button as u}from"../../../button/settings/configs/translate.js";let Button=({setting:g,advanced:y,styles:f,pageContext:_,builderProps:$,className:b=""})=>{let v=r({pageContext:_??{},settingId:d({id:u?.label?.id}),val:g?.label,uid:$?.uid}),j=i({...!!b&&{[b]:!0},...m({styles:f,uid:$?.uid})}),S=c({styles:f,uid:$?.uid}),h=e({setting:{label:g?.label},totalVariant:"{{total_combinations}}"});return t`
+import{isLocalEnv as t,baseAssetURL as s,template as a}from"@gem-sdk/core";import{createClass as i,createStateOrContext as e,Liquid as o,LiquidFor as n,If as l}from"@gem-sdk/system";import{getDynamicSourceLocales as r,createSettingId as d,getSettingPreloadData as p}from"../../../helpers.js";import{getButtonClasses as m}from"./common/classes.js";import{getButtonStyles as c}from"./common/styles.js";import{Button as u}from"../../../button/settings/configs/translate.js";let g=({setting:g,advanced:y,styles:f,pageContext:_,builderProps:$,className:b=""})=>{let v=r({pageContext:_??{},settingId:d({id:u?.label?.id}),val:g?.label,uid:$?.uid}),j=i({...!!b&&{[b]:!0},...m({styles:f,uid:$?.uid})}),S=c({styles:f,uid:$?.uid}),h=e({setting:{label:g?.label},totalVariant:"{{total_combinations}}"});return a`
     ${o("{%- assign total_combinations = 1 -%}")}
     ${n("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     ${o(`
@@ -16,5 +16,5 @@ import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";impor
       ${S}
     {% endstyle %}
     </gp-product-dynamic>
-    ${l(s,`<script ${p('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${p('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{Button as default};
+    ${l(t,`<script ${p('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${p('class="gps-link" delay',"src")}="${s}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{g as default};

package/dist/esm/product/components/dynamic-checkout/DynamicCheckout.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import e from"../../../button/components/Button.js";let DynamicCheckout=({builderProps:o,builderAttrs:r,style:n,styles:l,advanced:u,setting:a})=>{let{...s}=l??{},c=a?.label||"Buy it now";return t(e,{builderProps:o,builderAttrs:r,advanced:u,setting:{label:c,htmlType:"button",enableHoverEffect:a?.enableHoverEffect},style:n,styles:s})};export{DynamicCheckout as default};
+import{jsx as t}from"react/jsx-runtime";import e from"../../../button/components/Button.js";let o=({builderProps:o,builderAttrs:r,style:n,styles:l,advanced:s,setting:u})=>{let{...a}=l??{},i=u?.label||"Buy it now";return t(e,{builderProps:o,builderAttrs:r,advanced:s,setting:{label:i,htmlType:"button",enableHoverEffect:u?.enableHoverEffect},style:n,styles:a})};export{o as default};

package/dist/esm/product/components/dynamic-checkout/DynamicCheckout.liquid.js

@@ -1 +1 @@
-import t from"./Button.liquid.js";let DynamicCheckout=({builderProps:e,styles:l,advanced:a,setting:o,pageContext:u})=>{let{...i}=l??{},n=o?.label||"Buy it now";return t({builderProps:e,className:"",advanced:a,setting:{label:n,htmlType:"button"},styles:i,pageContext:u})};export{DynamicCheckout as default};
+import t from"./Button.liquid.js";let e=({builderProps:e,styles:l,advanced:a,setting:s,pageContext:i})=>{let{...o}=l??{},u=s?.label||"Buy it now";return t({builderProps:e,className:"",advanced:a,setting:{label:u},styles:o,pageContext:i})};export{e as default};

package/dist/esm/product/components/dynamic-checkout/common/classes.js

@@ -1 +1 @@
-import{getGlobalColorStateClassDynamicBtn as t,genTypoClass as n,genSizeClass as e}from"@gem-sdk/core";let getBaseClasses=t=>({"gp-block":!0,[`wrap__button--unbranded__${t}`]:!0,[String.raw`[&_.shopify-payment-button\_\_button--unbranded]:gp-min-h-fit`]:!0,[String.raw`disabled:[&_.shopify-payment-button\_\_button--unbranded]:gp-pointer-events-none`]:!0}),getTypographyClass=t=>t?{[String.raw`[&_.shopify-payment-button\_\_button--unbranded]:!${n(t)}`]:!0}:{},getSpacingClass=t=>t?{[String.raw`[&_.shopify-payment-button\_\_button--unbranded]:!${e(t)}`]:!0}:{},getButtonClasses=({uid:n="",styles:e})=>({...getBaseClasses(n),...getTypographyClass(e?.typo?.type),...getSpacingClass(e?.btnSpacing?.type),[t("text",e?.textColor)]:!0});export{getButtonClasses};
+import{getGlobalColorStateClassDynamicBtn as t,genSizeClass as n,genTypoClass as e}from"@gem-sdk/core";let o=t=>({"gp-block":!0,[`wrap__button--unbranded__${t}`]:!0,[String.raw`[&_.shopify-payment-button\_\_button--unbranded]:gp-min-h-fit`]:!0,[String.raw`disabled:[&_.shopify-payment-button\_\_button--unbranded]:gp-pointer-events-none`]:!0}),r=t=>t?{[String.raw`[&_.shopify-payment-button\_\_button--unbranded]:!${e(t)}`]:!0}:{},p=t=>t?{[String.raw`[&_.shopify-payment-button\_\_button--unbranded]:!${n(t)}`]:!0}:{},a=({uid:n="",styles:e})=>({...o(n),...r(e?.typo?.type),...p(e?.btnSpacing?.type),[t("text",e?.textColor)]:!0});export{a as getButtonClasses};

package/dist/esm/product/components/dynamic-checkout/common/styles.js

@@ -1,14 +1,14 @@
-import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss as n,composeCornerCss as e,composeTypographyV2Css as a,composeTextHoverColorCss as r,composeBorderCss as i,composeBackgroundImageCss as d,getSingleColorVariable as p}from"@gem-sdk/core";let composeSize=(t,o,n=!0)=>`
+import{getPaddingGlobalSize as t,getWidthHeightGlobalSize as o,composeShadowCss as n,composeCornerCss as e,composeTypographyV2Css as a,composeTextHoverColorCss as r,composeBorderCss as d,composeBackgroundImageCss as i,getSingleColorVariable as p}from"@gem-sdk/core";let b=(t,o,n=!0)=>`
     ${t?`width: ${t}${n?"!important;":""};`:""}
     ${o?`height: ${o}${n?"!important;":""};`:""}
-  `,composeSpacing=(t,o)=>{let n=t&&"desktop"!==t?`-${t}`:"",e={top:o[`--pt${n}`],bottom:o[`--pb${n}`],left:o[`--pl${n}`],right:o[`--pr${n}`]};return`
+  `,u=(t,o)=>{let n=t&&"desktop"!==t?`-${t}`:"",e={top:o[`--pt${n}`],bottom:o[`--pb${n}`],left:o[`--pl${n}`],right:o[`--pr${n}`]};return`
     padding-top: ${e.top?`${e.top} !important;`:""};
     padding-bottom: ${e.bottom?`${e.bottom} !important;`:""};
     padding-left: ${e.left?`${e.left} !important;`:""};
     padding-right: ${e.right?`${e.right} !important;`:""};
-  `},composeFontSize=t=>t?`font-size: ${t} !important;`:"",composeLineHeight=t=>t?`line-height: ${t} !important;`:"",composeLetterSpacing=t=>t?`letter-spacing: ${t} !important;`:"",composeTextAlign=t=>`${t?`text-align: ${t} !important;`:""}`,composeBackgroundStyle=(t,o)=>!t||o?.forceIgnore?"":"string"==typeof t&&t.includes("linear-gradient")?`background-image: ${t};`:`background-color: ${p(t)};`,getDeviceStyles=({uid:t,device:o,styles:p,composeGlobalSize:u})=>{let{backgroundColorV2:b,backgroundImage:h}=p||{},m={...h,hover:h?.hover?.image?h?.hover:h?.normal},s={...b,hover:b?.hover||b?.normal};return`
+  `},h=t=>t?`font-size: ${t} !important;`:"",m=t=>t?`line-height: ${t} !important;`:"",_=t=>t?`letter-spacing: ${t} !important;`:"",s=t=>`${t?`text-align: ${t} !important;`:""}`,$=(t,o)=>!t||o?.forceIgnore?"":"string"==typeof t&&t.includes("linear-gradient")?`background-image: ${t};`:`background-color: ${p(t)};`,y=({uid:t,device:o,styles:p,composeGlobalSize:y})=>{let{backgroundColorV2:l,backgroundImage:g}=p||{},w={...g,hover:g?.hover?.image?g?.hover:g?.normal},f={hover:l?.hover||l?.normal};return`
     .wrap__button--unbranded__${t} {
-      ${composeTextAlign(p?.align?.[o])}
+      ${s(p?.align?.[o])}
     }
 
     .wrap__button--unbranded__${t} .shopify-payment-button {
@@ -19,12 +19,12 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
       width: 100%;
       text-transform: unset;
       ${"desktop"!==o?`
-        ${composeLineHeight(p?.typo?.custom?.lineHeight?.[o])}
-        ${composeFontSize(p?.typo?.custom?.fontSize?.[o])}
-        ${composeLetterSpacing(p?.typo?.custom?.letterSpacing?.[o])}
+        ${m(p?.typo?.custom?.lineHeight?.[o])}
+        ${h(p?.typo?.custom?.fontSize?.[o])}
+        ${_(p?.typo?.custom?.letterSpacing?.[o])}
       `:""}
-      ${composeSpacing(o,u.padding)}
-      ${composeSize(u.width[o]||"auto",u.height[o]||"auto",!1)}
+      ${u(o,y.padding)}
+      ${b(y.width[o]||"auto",y.height[o]||"auto",!1)}
       ${n({boxShadowValue:p?.boxShadowBtn?.normal,hasBoxShadow:p?.hasBoxShadowBtn?.normal})||""}
       ${e(p?.roundedBtnV2?.normal,!0)}
       ${"desktop"===o?a(p?.typo,!0):""}
@@ -37,10 +37,10 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
     }
 
     .wrap__button--unbranded__${t} .shopify-payment-button .shopify-payment-button__button--unbranded::before {
-      ${i(p?.borderBtnV2?.normal)}
+      ${d(p?.borderBtnV2?.normal)}
       ${e(p?.roundedBtnV2?.normal)}
-      ${composeBackgroundStyle(p?.backgroundColorV2?.normal,{forceIgnore:!!p?.backgroundImage?.normal?.image})}
-      ${d(p?.backgroundImage,{device:o,state:"normal"})}
+      ${$(p?.backgroundColorV2?.normal,{forceIgnore:!!p?.backgroundImage?.normal?.image})}
+      ${i(p?.backgroundImage,{device:o,state:"normal"})}
       ${n({boxShadowValue:p?.boxShadowBtn?.normal,hasBoxShadow:p?.hasBoxShadowBtn?.normal})||""}
 
 
@@ -48,13 +48,13 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
 
     .wrap__button--unbranded__${t} .shopify-payment-button .shopify-payment-button__button--unbranded:hover::before {
       ${p?.backgroundImage?.hover||p?.backgroundColorV2?.hover?"background-image : unset;":""}
-      ${p?.borderBtnV2?.hover?.borderType!=="none"?i(p?.borderBtnV2?.hover):""}
+      ${p?.borderBtnV2?.hover?.borderType!=="none"?d(p?.borderBtnV2?.hover):""}
       ${p?.roundedBtnV2?.hover?.radiusType!=="none"?e(p?.roundedBtnV2?.hover):""}
-      ${s?.hover?composeBackgroundStyle(s?.hover,{forceIgnore:!!m?.hover?.image?.src}):""}
-      ${m?.hover?.image?.src?d(m,{device:o,state:"hover"}):""}
+      ${f?.hover?$(f?.hover,{forceIgnore:!!w?.hover?.image?.src}):""}
+      ${w?.hover?.image?.src?i(w,{device:o,state:"hover"}):""}
       ${n({boxShadowValue:p?.boxShadowBtn?.hover,hasBoxShadow:p?.boxShadowBtn?.hover?.type!=="none",important:!0})||""}
     }
-  `},getButtonStyles=({styles:n,uid:e})=>{let a={width:t("width",n?.globalSize),height:t("height",n?.globalSize),padding:o(n?.globalSize)},r=`
+  `},l=({styles:n,uid:e})=>{let a={width:o("width",n?.globalSize),height:o("height",n?.globalSize),padding:t(n?.globalSize)},r=`
     .wrap__button--unbranded__${e} .shopify-payment-button {
       display: inline-block;
       min-height: unset !important;
@@ -115,13 +115,13 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
       max-width: 100%;
     }
 
-    ${getDeviceStyles({device:"desktop",uid:e,styles:n,composeGlobalSize:a})}
+    ${y({device:"desktop",uid:e,styles:n,composeGlobalSize:a})}
 
     @media only screen and (max-width: 1024px) and (min-width: 768px) {
-      ${getDeviceStyles({device:"tablet",uid:e,styles:n,composeGlobalSize:a})}
+      ${y({device:"tablet",uid:e,styles:n,composeGlobalSize:a})}
     }
 
     @media only screen and (max-width: 767px) {
-      ${getDeviceStyles({device:"mobile",uid:e,styles:n,composeGlobalSize:a})}
+      ${y({device:"mobile",uid:e,styles:n,composeGlobalSize:a})}
     }
-  `;return r};export{getButtonStyles};
+  `;return r};export{l as getButtonStyles};

package/dist/esm/product/components/file-upload/UploadFile.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as l}from"react/jsx-runtime";import{createClass as s,createStyle as i,createAttr as a,If as r}from"@gem-sdk/system";import{removeHoverStyles as t,getDisplayText as c}from"./common/helpers.js";import{createLayoutStyles as m,createTypoStyles as o,createMessageStyles as n,createContainerStyles as d,createWrapContentWidthStyles as f,createContentWithStyles as v,createIconContainerStyles as p,createIconContentStyles as N}from"./common/style.js";import{createLayoutClasses as u,createTypoClasses as y,createContentWidthClasses as h,createPreviewClasses as b,createPreviewItemClasses as H,createPreviewRemoveClasses as g,createMessageClasses as E,createInputClasses as j,composeClasses as x,createWrapContainerClasses as F,createIconContentClasses as S}from"./common/classes.js";import{getInputAttr as R}from"./common/attr.js";let FileUpload=({setting:U,styles:_,builderProps:k,pageContext:q})=>{let C=s(u(U,k?.uid)),I=i({...t(m(U,_),_?.enableHoverEffect)}),L=s(y(_)),M=i({...t(o(_),_?.enableHoverEffect)}),O=s(h()),T=s(b()),V=s(H()),w=s(g()),z=s(E()),A=i(n()),B=s(j()),D=s(x("gp-flex gp-items-center")),G=a({...R(U?.isRequired,U?.numberOfFiles)}),J=i({...t(d(_?.align,_?.textColor),_?.enableHoverEffect)}),K=i({...t(f(U),_?.enableHoverEffect)}),P=s(F(k?.uid)),Q=i({...t(v(U,_),_?.enableHoverEffect)}),W=i({...t(p(U),_?.enableHoverEffect)}),X=s(S()),Y=i({...t(N(U,_),_?.enableHoverEffect)}),Z=c("React",{uid:k?.uid,setting:U,styles:_,pageContext:q});return e("div",{className:P,style:J,children:[l("input",{...G,className:B}),l("div",{className:D,style:K,children:l("div",{className:O,style:Q,children:e("div",{className:C,style:I,children:[r(!!(U?.iconSvg&&U.iconVisible),l("div",{className:D,style:W,children:l("div",{className:X,style:Y,dangerouslySetInnerHTML:{__html:U?.iconSvg??""}})})),l("div",{className:L,style:M,children:Z})]})})}),l("div",{className:T,children:l("div",{className:V,children:l("div",{className:w})})}),l("div",{className:z,style:A})]})};export{FileUpload as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{createClass as l,createStyle as i,createAttr as a,If as r}from"@gem-sdk/system";import{removeHoverStyles as t,getDisplayText as c}from"./common/helpers.js";import{createLayoutStyles as m,createTypoStyles as o,createMessageStyles as n,createContainerStyles as d,createWrapContentWidthStyles as f,createContentWithStyles as v,createIconContainerStyles as p,createIconContentStyles as N}from"./common/style.js";import{createLayoutClasses as u,createTypoClasses as y,createContentWidthClasses as h,createPreviewClasses as b,createPreviewItemClasses as H,createPreviewRemoveClasses as g,createMessageClasses as E,createInputClasses as j,composeClasses as x,createWrapContainerClasses as S,createIconContentClasses as F}from"./common/classes.js";import{getInputAttr as R}from"./common/attr.js";let _=({setting:_,styles:k,builderProps:q,pageContext:C})=>{let I=l(u(_,q?.uid)),L=i({...t(m(_,k),k?.enableHoverEffect)}),M=l(y(k)),O=i({...t(o(k),k?.enableHoverEffect)}),T=l(h()),U=l(b()),V=l(H()),w=l(g()),z=l(E()),A=i(n()),B=l(j()),D=l(x("gp-flex gp-items-center")),G=a({...R(_?.isRequired,_?.numberOfFiles)}),J=i({...t(d(k?.align,k?.textColor),k?.enableHoverEffect)}),K=i({...t(f(_),k?.enableHoverEffect)}),P=l(S(q?.uid)),Q=i({...t(v(_,k),k?.enableHoverEffect)}),W=i({...t(p(_),k?.enableHoverEffect)}),X=l(F()),Y=i({...t(N(_,k),k?.enableHoverEffect)}),Z=c("React",{uid:q?.uid,setting:_,styles:k,pageContext:C});return e("div",{className:P,style:J,children:[s("input",{...G,className:B}),s("div",{className:D,style:K,children:s("div",{className:T,style:Q,children:e("div",{className:I,style:L,children:[r(!!(_?.iconSvg&&_.iconVisible),s("div",{className:D,style:W,children:s("div",{className:X,style:Y,dangerouslySetInnerHTML:{__html:_?.iconSvg??""}})})),s("div",{className:M,style:O,children:Z})]})})}),s("div",{className:U,children:s("div",{className:V,children:s("div",{className:w})})}),s("div",{className:z,style:A})]})};export{_ as default};

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

@@ -1,4 +1,4 @@
-import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as d,createStyle as t,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as m,createPreviewItemClasses as p,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as F,createContainerStyles as S,createWrapContentWidthStyles as h,createContentWithStyles as k,createIconContainerStyles as q,createIconContentStyles as w}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let FileUpload=({setting:I,styles:P,builderProps:U,pageContext:C})=>{let J=d(v(I,U?.uid)),L=t({...x(E(I,P),P?.enableHoverEffect)}),N=d(f(P)),V=t({...x(H(P),P?.enableHoverEffect)}),_=d(m()),z=d(p()),A=d($()),B=d(n()),D=t(F()),G=d(u()),K=d(g()),M=d(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=t({...x(S(P?.align,P?.textColor),P?.enableHoverEffect)}),W=t({...x(h(I),P?.enableHoverEffect)}),X=d(b(U?.uid)),Y=t({...x(k(I,P),P?.enableHoverEffect)}),Z=t({...x(q(I),P?.enableHoverEffect)}),ee=d(j()),es=t({...x(w(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:U?.uid,setting:I,styles:P,pageContext:C}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
+import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as t,createStyle as d,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as m,createPreviewItemClasses as p,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as S,createContainerStyles as h,createWrapContentWidthStyles as k,createContentWithStyles as q,createIconContainerStyles as w,createIconContentStyles as F}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let I=({setting:I,styles:P,builderProps:C,pageContext:J})=>{let L=t(v(I,C?.uid)),N=d({...x(E(I,P),P?.enableHoverEffect)}),U=t(f(P)),V=d({...x(H(P),P?.enableHoverEffect)}),_=t(m()),z=t(p()),A=t($()),B=t(n()),D=d(S()),G=t(u()),K=t(g()),M=t(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=d({...x(h(P?.align,P?.textColor),P?.enableHoverEffect)}),W=d({...x(k(I),P?.enableHoverEffect)}),X=t(b(C?.uid)),Y=d({...x(q(I,P),P?.enableHoverEffect)}),Z=d({...x(w(I),P?.enableHoverEffect)}),ee=t(j()),es=d({...x(F(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:C?.uid,setting:I,styles:P,pageContext:J}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
   <gp-file-upload
     gp-data='${JSON.stringify(el)}'
   >
@@ -6,7 +6,7 @@ import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-s
     <input ${Q} class="${K}">
     <div class="${M}" style="${W}">
       <div class="${G}" style="${Y}">
-        <div class="${J}" style="${L}">
+        <div class="${L}" style="${N}">
       ${c(!!(I?.iconSvg&&I?.iconVisible),e`
             <div class='${M}' style="${Z}">
               <div class="${ee}" style="${es}">
@@ -14,7 +14,7 @@ import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-s
               </div>
             </div>
           `)}
-          <div class="${N}" style="${V}">
+          <div class="${U}" style="${V}">
             ${ei}
           </div>
         </div>
@@ -30,4 +30,4 @@ import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-s
   </gp-file-upload>
 
   ${s(i,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-file-upload-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${l}/assets-v2/gp-file-upload-v7-5.js" defer="defer"></script>`)}
-  `};export{FileUpload as default};
+  `};export{I as default};

package/dist/esm/product/components/file-upload/common/attr.js

@@ -1 +1 @@
-let getInputAttr=(t,e)=>({type:"file","data-required":t?"true":"",..."single"==e?{single:"true"}:{multiple:"true"}});export{getInputAttr};
+let e=(e,t)=>({type:"file","data-required":e?"true":"",..."single"==t?{single:"true"}:{multiple:"true"}});export{e as getInputAttr};

package/dist/esm/product/components/file-upload/common/classes.js

@@ -1 +1 @@
-import{cls as e,composeTypographyClassName as s}from"@gem-sdk/core";let appendTypoClass=e=>s(e?.typo),createLayoutClasses=(s,p)=>{let o=e("gp-flex gp-items-center",p,{"gp-flex-col":s?.fileUploadLayout==="vertical"});return composeClasses(o)},createIconContentClasses=()=>composeClasses("group-hover:[color:var(--text-hover-color)] gp-file-upload__icon gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-full tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]"),createTypoClasses=s=>composeClasses(e(appendTypoClass(s),"gp-file-upload__text group-hover:[color:var(--text-hover-color)]")),createContentWidthClasses=()=>composeClasses("gp-flex gp-items-center gp-file-upload__content"),createInputClasses=()=>composeClasses("gp-input_picker gp-block gp-opacity-0 gp-w-0 gp-h-0 gp-top-2/4 gp-left-2/4 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-absolute gp-cursor-pointer gp-p-0"),createWrapContainerClasses=e=>composeClasses(`gp-group gp-cursor-pointer gp-relative gp-flex gp-items-center gp-file-upload_container ${e}`),createPreviewClasses=()=>composeClasses("gp-file_preview gp-flex gp-gap-2 gp-overflow-x-auto gp-whitespace-nowrap gp-mt-2"),createPreviewItemClasses=()=>composeClasses("gp-group gp-file_preview_item gp-file_preview_item_0 gp-hidden gp-rounded-[2.62px] gp-min-h-[104px] gp-relative gp-flex-[0_0_calc((100%_/_4)_-_6px)] gp-min-w-[104px] gp-box-border"),createPreviewRemoveClasses=()=>composeClasses("remove gp-hidden group-hover:!gp-flex"),createMessageClasses=()=>composeClasses("gp-hidden error-message"),composeClasses=e=>e.trim().split(/\s+/).reduce((e,s)=>(e[s]=!0,e),{});export{composeClasses,createContentWidthClasses,createIconContentClasses,createInputClasses,createLayoutClasses,createMessageClasses,createPreviewClasses,createPreviewItemClasses,createPreviewRemoveClasses,createTypoClasses,createWrapContainerClasses};
+import{cls as e,composeTypographyClassName as p}from"@gem-sdk/core";let t=e=>p(e?.typo),r=(p,t)=>{let r=e("gp-flex gp-items-center",t,{"gp-flex-col":p?.fileUploadLayout==="vertical"});return f(r)},g=()=>f("group-hover:[color:var(--text-hover-color)] gp-file-upload__icon gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-full tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]"),o=p=>f(e(t(p),"gp-file-upload__text group-hover:[color:var(--text-hover-color)]")),l=()=>f("gp-flex gp-items-center gp-file-upload__content"),s=()=>f("gp-input_picker gp-block gp-opacity-0 gp-w-0 gp-h-0 gp-top-2/4 gp-left-2/4 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-absolute gp-cursor-pointer gp-p-0"),a=e=>f(`gp-group gp-cursor-pointer gp-relative gp-flex gp-items-center gp-file-upload_container ${e}`),i=()=>f("gp-file_preview gp-flex gp-gap-2 gp-overflow-x-auto gp-whitespace-nowrap gp-mt-2"),c=()=>f("gp-group gp-file_preview_item gp-file_preview_item_0 gp-hidden gp-rounded-[2.62px] gp-min-h-[104px] gp-relative gp-flex-[0_0_calc((100%_/_4)_-_6px)] gp-min-w-[104px] gp-box-border"),n=()=>f("remove gp-hidden group-hover:!gp-flex"),v=()=>f("gp-hidden error-message"),f=e=>e.trim().split(/\s+/).reduce((e,p)=>(e[p]=!0,e),{});export{f as composeClasses,l as createContentWidthClasses,g as createIconContentClasses,s as createInputClasses,r as createLayoutClasses,v as createMessageClasses,i as createPreviewClasses,c as createPreviewItemClasses,n as createPreviewRemoveClasses,o as createTypoClasses,a as createWrapContainerClasses};

package/dist/esm/product/components/file-upload/common/helpers.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as t,createSettingId as e}from"../../../../helpers.js";import{FileUpload as r}from"../settings/configs/translate.js";let getTextDropContent=t=>t?.includes("$max_size")?t?.replace("$max_size","20MB"):t,getDisplayText=(o,n)=>{let{setting:i,styles:s,uid:l,pageContext:a}=n;return"Liquid"===o?t({val:i?.textContent,uid:l,settingId:e({id:r?.textContent?.id}),pageContext:a??{},isCapitalize:s?.typo?.attrs?.transform==="capitalize"}):getTextDropContent(i?.textContent)},removeHoverStyles=(t,e)=>{if(!1===e){let e={};return Object.keys(t).forEach(r=>{r.includes("--hvr")||r.includes("--text-hover-color")||(e[r]=t[r])}),e}return t};export{getDisplayText,getTextDropContent,removeHoverStyles};
+import{getDynamicSourceLocales as t,createSettingId as e}from"../../../../helpers.js";import{FileUpload as r}from"../settings/configs/translate.js";let i=t=>t?.includes("$max_size")?t?.replace("$max_size","20MB"):t,n=(n,o)=>{let{setting:s,styles:a,uid:l,pageContext:p}=o;return"Liquid"===n?t({val:s?.textContent,uid:l,settingId:e({id:r?.textContent?.id}),pageContext:p??{},isCapitalize:a?.typo?.attrs?.transform==="capitalize"}):i(s?.textContent)},o=(t,e)=>{if(!1===e){let e={};return Object.keys(t).forEach(r=>{r.includes("--hvr")||r.includes("--text-hover-color")||(e[r]=t[r])}),e}return t};export{n as getDisplayText,i as getTextDropContent,o as removeHoverStyles};

package/dist/esm/product/components/file-upload/common/style.js

@@ -1 +1 @@
-import{makeStyle as e,makeStyleResponsive as t,makeStyleState as o,composeRadius as a,handleConvertBorderWidth as n,handleConvertBorderStyle as i,handleConvertBorderColor as l,getStyleShadowState as r,getGlobalColorStateStyle as c,getStyleShadow as s,getSingleColorVariable as S,makeGlobalSize as p,composeTypographyStyle as d}from"@gem-sdk/core";let composeGlobalSize=e=>p(e?.size),composePaddingSize=e=>p(e?.paddingSize),appendTypoStyle=e=>d(e?.typo),createContentWithStyles=(c,s)=>({...e({jc:c?.arrangeContent}),...t("w",c?.contentWidth),...composePaddingSize(c).padding,...composeGlobalSize(c).height,...o("bg",s?.backgroundColor),...a(s?.roundedBtn),...n(s?.borderBtn),...i(s?.borderBtn),...l(s?.borderBtn),...r(s?.boxShadowBtn,"box-shadow",s?.hasBoxShadowBtn)}),createLayoutStyles=(o,a)=>({...c("c",a?.textColor),...t("gg",a?.spacing),...o?.fileUploadLayout==="horizontal"?{...e({ai:o?.positionHorizontal})}:{}}),createIconContainerStyles=t=>({...t?.fileUploadLayout==="vertical"?{...e({w:"100%",jc:t?.positionVertical,o:t?.iconAlignVertical!=="above"?"1":"unset"})}:{...e({o:t?.iconAlignHorizontal!=="left"?"1":"unset"})}}),createIconContentStyles=(e,o)=>({...t("w",e?.iconSize,"px"),...t("h",e?.iconSize,"px"),...c("c",o?.textColor),"--height-desktop":`${e?.iconSize?.desktop}`,"--height-tablet":`${e?.iconSize?.tablet??e?.iconSize?.desktop}`,"--height-mobile":`${e?.iconSize?.mobile??e?.iconSize?.tablet??e?.iconSize?.desktop}`}),createTypoStyles=e=>({...appendTypoStyle(e),...t("ta",e?.textAlign),"--hvr-c":e?.textColor?.hover??e?.textColor?.normal??"",...s({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText})}),createMessageStyles=()=>({...e({c:"#DB3D31",size:"12px"})}),createWrapContentWidthStyles=t=>({...e({jc:t?.arrangeContent}),...composeGlobalSize(t).width}),createContainerStyles=(e,o)=>({...t("jc",e),"--text-hover-color":S(o?.hover??o?.normal)});export{composeGlobalSize,composePaddingSize,createContainerStyles,createContentWithStyles,createIconContainerStyles,createIconContentStyles,createLayoutStyles,createMessageStyles,createTypoStyles,createWrapContentWidthStyles};
+import{makeStyle as e,makeStyleResponsive as t,getGlobalColorStateStyle as o,getStyleShadow as i,getSingleColorVariable as n,getStyleShadowState as a,handleConvertBorderColor as r,handleConvertBorderStyle as l,handleConvertBorderWidth as c,composeRadius as s,makeStyleState as d,composeTypographyStyle as h,makeGlobalSize as p}from"@gem-sdk/core";let S=e=>p(e?.size),g=e=>p(e?.paddingSize),x=e=>h(e?.typo),y=(o,i)=>({...e({jc:o?.arrangeContent}),...t("w",o?.contentWidth),...g(o).padding,...S(o).height,...d("bg",i?.backgroundColor),...s(i?.roundedBtn),...c(i?.borderBtn),...l(i?.borderBtn),...r(i?.borderBtn),...a(i?.boxShadowBtn,"box-shadow",i?.hasBoxShadowBtn)}),z=(i,n)=>({...o("c",n?.textColor),...t("gg",n?.spacing),...i?.fileUploadLayout==="horizontal"?{...e({ai:i?.positionHorizontal})}:{}}),b=t=>({...t?.fileUploadLayout==="vertical"?{...e({w:"100%",jc:t?.positionVertical,o:t?.iconAlignVertical!=="above"?"1":"unset"})}:{...e({o:t?.iconAlignHorizontal!=="left"?"1":"unset"})}}),C=(e,i)=>({...t("w",e?.iconSize,"px"),...t("h",e?.iconSize,"px"),...o("c",i?.textColor),"--height-desktop":`${e?.iconSize?.desktop}`,"--height-tablet":`${e?.iconSize?.tablet??e?.iconSize?.desktop}`,"--height-mobile":`${e?.iconSize?.mobile??e?.iconSize?.tablet??e?.iconSize?.desktop}`}),m=e=>({...x(e),...t("ta",e?.textAlign),"--hvr-c":e?.textColor?.hover??e?.textColor?.normal??"",...i({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText})}),w=()=>({...e({c:"#DB3D31",size:"12px"})}),u=t=>({...e({jc:t?.arrangeContent}),...S(t).width}),B=(e,o)=>({...t("jc",e),"--text-hover-color":n(o?.hover??o?.normal)});export{S as composeGlobalSize,g as composePaddingSize,B as createContainerStyles,y as createContentWithStyles,b as createIconContainerStyles,C as createIconContentStyles,z as createLayoutStyles,w as createMessageStyles,m as createTypoStyles,u as createWrapContentWidthStyles};

package/dist/esm/product/components/file-upload/settings/configs/presets.js

@@ -1,8 +1,8 @@
-let SettingPresets=[{id:"product-file-upload",name:"Product File Upload",icon:{desktop:`
+let C=[{id:"product-file-upload",name:"Product File Upload",icon:{desktop:`
       <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.625" y="0.625" width="92.75" height="46.75" rx="2.375" stroke="#474747" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="10 10"/>
 <path d="M47 19.5C46.7929 19.5 46.625 19.3321 46.625 19.125L46.625 12.565L45.022 14.2543C44.8795 14.4046 44.6421 14.4108 44.4919 14.2682C44.3416 14.1257 44.3354 13.8883 44.478 13.7381L46.7248 11.3703C46.7933 11.2963 46.8912 11.25 47 11.25C47.1087 11.25 47.2066 11.2963 47.2751 11.3702L49.522 13.7381C49.6646 13.8883 49.6584 14.1257 49.5081 14.2682C49.3579 14.4108 49.1205 14.4046 48.978 14.2543L47.375 12.565L47.375 19.125C47.375 19.3321 47.2071 19.5 47 19.5Z" fill="#F9F9F9"/>
 <path d="M42.125 18.75C42.3321 18.75 42.5 18.9179 42.5 19.125L42.5 20.625C42.5 20.8321 42.6679 21 42.875 21H51.125C51.3321 21 51.5 20.8321 51.5 20.625L51.5 19.125C51.5 18.9179 51.6679 18.75 51.875 18.75C52.0821 18.75 52.25 18.9179 52.25 19.125L52.25 20.625C52.25 21.2464 51.7462 21.75 51.125 21.75H42.875C42.2537 21.75 41.75 21.2464 41.75 20.625L41.75 19.125C41.75 18.9179 41.9179 18.75 42.125 18.75Z" fill="#F9F9F9"/>
 <path d="M24.1021 28.5H25.0708V33.7969C25.0708 34.3437 24.9419 34.832 24.6841 35.2617C24.4289 35.6888 24.0682 36.026 23.6021 36.2734C23.1359 36.5182 22.589 36.6406 21.9614 36.6406C21.3338 36.6406 20.7869 36.5182 20.3208 36.2734C19.8547 36.026 19.4927 35.6888 19.2349 35.2617C18.9797 34.832 18.8521 34.3437 18.8521 33.7969V28.5H19.8208V33.7188C19.8208 34.1094 19.9067 34.457 20.0786 34.7617C20.2505 35.0638 20.4953 35.3021 20.813 35.4766C21.1333 35.6484 21.5161 35.7344 21.9614 35.7344C22.4067 35.7344 22.7896 35.6484 23.1099 35.4766C23.4302 35.3021 23.675 35.0638 23.8442 34.7617C24.0161 34.457 24.1021 34.1094 24.1021 33.7188V28.5ZM26.8804 38.75V30.5H27.771V31.4531H27.8804C27.9481 31.349 28.0418 31.2161 28.1616 31.0547C28.284 30.8906 28.4585 30.7448 28.6851 30.6172C28.9142 30.487 29.2241 30.4219 29.6147 30.4219C30.12 30.4219 30.5653 30.5482 30.9507 30.8008C31.3361 31.0534 31.6369 31.4115 31.853 31.875C32.0692 32.3385 32.1772 32.8854 32.1772 33.5156C32.1772 34.151 32.0692 34.7018 31.853 35.168C31.6369 35.6315 31.3374 35.9909 30.9546 36.2461C30.5718 36.4987 30.1304 36.625 29.6304 36.625C29.245 36.625 28.9364 36.5612 28.7046 36.4336C28.4728 36.3034 28.2944 36.1562 28.1694 35.9922C28.0444 35.8255 27.9481 35.6875 27.8804 35.5781H27.8022V38.75H26.8804ZM27.7866 33.5C27.7866 33.9531 27.853 34.3529 27.9858 34.6992C28.1187 35.043 28.3127 35.3125 28.5679 35.5078C28.8231 35.7005 29.1356 35.7969 29.5054 35.7969C29.8908 35.7969 30.2124 35.6953 30.4702 35.4922C30.7306 35.2865 30.9259 35.0104 31.0562 34.6641C31.189 34.3151 31.2554 33.9271 31.2554 33.5C31.2554 33.0781 31.1903 32.6979 31.0601 32.3594C30.9325 32.0182 30.7384 31.7487 30.478 31.5508C30.2202 31.3503 29.896 31.25 29.5054 31.25C29.1304 31.25 28.8153 31.3451 28.5601 31.5352C28.3049 31.7227 28.1121 31.9857 27.9819 32.3242C27.8517 32.6602 27.7866 33.0521 27.7866 33.5ZM34.5054 28.5V36.5H33.5835V28.5H34.5054ZM38.6313 36.625C38.0897 36.625 37.6144 36.4961 37.2056 36.2383C36.7993 35.9805 36.4816 35.6198 36.2524 35.1562C36.0259 34.6927 35.9126 34.151 35.9126 33.5312C35.9126 32.9062 36.0259 32.3607 36.2524 31.8945C36.4816 31.4284 36.7993 31.0664 37.2056 30.8086C37.6144 30.5508 38.0897 30.4219 38.6313 30.4219C39.173 30.4219 39.647 30.5508 40.0532 30.8086C40.4621 31.0664 40.7798 31.4284 41.0063 31.8945C41.2355 32.3607 41.3501 32.9062 41.3501 33.5312C41.3501 34.151 41.2355 34.6927 41.0063 35.1562C40.7798 35.6198 40.4621 35.9805 40.0532 36.2383C39.647 36.4961 39.173 36.625 38.6313 36.625ZM38.6313 35.7969C39.0428 35.7969 39.3813 35.6914 39.647 35.4805C39.9126 35.2695 40.1092 34.9922 40.2368 34.6484C40.3644 34.3047 40.4282 33.9323 40.4282 33.5312C40.4282 33.1302 40.3644 32.7565 40.2368 32.4102C40.1092 32.0638 39.9126 31.7839 39.647 31.5703C39.3813 31.3568 39.0428 31.25 38.6313 31.25C38.2199 31.25 37.8813 31.3568 37.6157 31.5703C37.3501 31.7839 37.1535 32.0638 37.0259 32.4102C36.8983 32.7565 36.8345 33.1302 36.8345 33.5312C36.8345 33.9323 36.8983 34.3047 37.0259 34.6484C37.1535 34.9922 37.3501 35.2695 37.6157 35.4805C37.8813 35.6914 38.2199 35.7969 38.6313 35.7969ZM44.5229 36.6406C44.1427 36.6406 43.7977 36.569 43.4878 36.4258C43.1779 36.2799 42.9318 36.0703 42.7495 35.7969C42.5672 35.5208 42.4761 35.1875 42.4761 34.7969C42.4761 34.4531 42.5438 34.1745 42.6792 33.9609C42.8146 33.7448 42.9956 33.5755 43.2222 33.4531C43.4487 33.3307 43.6987 33.2396 43.9722 33.1797C44.2482 33.1172 44.5256 33.0677 44.8042 33.0313C45.1688 32.9844 45.4644 32.9492 45.6909 32.9258C45.9201 32.8997 46.0868 32.8568 46.1909 32.7969C46.2977 32.737 46.3511 32.6328 46.3511 32.4844V32.4531C46.3511 32.0677 46.2456 31.7682 46.0347 31.5547C45.8263 31.3411 45.5099 31.2344 45.0854 31.2344C44.6453 31.2344 44.3003 31.3307 44.0503 31.5234C43.8003 31.7161 43.6245 31.9219 43.5229 32.1406L42.6479 31.8281C42.8042 31.4635 43.0125 31.1797 43.2729 30.9766C43.536 30.7708 43.8224 30.6276 44.1323 30.5469C44.4448 30.4635 44.7521 30.4219 45.0542 30.4219C45.2469 30.4219 45.4683 30.4453 45.7183 30.4922C45.9709 30.5365 46.2144 30.6289 46.4487 30.7695C46.6857 30.9102 46.8823 31.1224 47.0386 31.4062C47.1948 31.6901 47.2729 32.0703 47.2729 32.5469V36.5H46.3511V35.6875H46.3042C46.2417 35.8177 46.1375 35.957 45.9917 36.1055C45.8459 36.2539 45.6519 36.3802 45.4097 36.4844C45.1675 36.5885 44.8719 36.6406 44.5229 36.6406ZM44.6636 35.8125C45.0282 35.8125 45.3354 35.7409 45.5854 35.5977C45.8381 35.4544 46.0282 35.2695 46.1558 35.043C46.286 34.8164 46.3511 34.5781 46.3511 34.3281V33.4844C46.312 33.5312 46.2261 33.5742 46.0933 33.6133C45.9631 33.6497 45.812 33.6823 45.6401 33.7109C45.4709 33.737 45.3055 33.7604 45.144 33.7812C44.9852 33.7995 44.8563 33.8151 44.7573 33.8281C44.5177 33.8594 44.2938 33.9102 44.0854 33.9805C43.8797 34.0482 43.7131 34.151 43.5854 34.2891C43.4604 34.4245 43.3979 34.6094 43.3979 34.8437C43.3979 35.1641 43.5164 35.4062 43.7534 35.5703C43.993 35.7318 44.2964 35.8125 44.6636 35.8125ZM51.2212 36.625C50.7212 36.625 50.2798 36.4987 49.897 36.2461C49.5142 35.9909 49.2147 35.6315 48.9985 35.168C48.7824 34.7018 48.6743 34.151 48.6743 33.5156C48.6743 32.8854 48.7824 32.3385 48.9985 31.875C49.2147 31.4115 49.5155 31.0534 49.9009 30.8008C50.2863 30.5482 50.7316 30.4219 51.2368 30.4219C51.6274 30.4219 51.936 30.487 52.1626 30.6172C52.3918 30.7448 52.5662 30.8906 52.686 31.0547C52.8084 31.2161 52.9035 31.349 52.9712 31.4531H53.0493V28.5H53.9712V36.5H53.0806V35.5781H52.9712C52.9035 35.6875 52.8071 35.8255 52.6821 35.9922C52.5571 36.1562 52.3787 36.3034 52.147 36.4336C51.9152 36.5612 51.6066 36.625 51.2212 36.625ZM51.3462 35.7969C51.716 35.7969 52.0285 35.7005 52.2837 35.5078C52.5389 35.3125 52.7329 35.043 52.8657 34.6992C52.9985 34.3529 53.0649 33.9531 53.0649 33.5C53.0649 33.0521 52.9998 32.6602 52.8696 32.3242C52.7394 31.9857 52.5467 31.7227 52.2915 31.5352C52.0363 31.3451 51.7212 31.25 51.3462 31.25C50.9556 31.25 50.63 31.3503 50.3696 31.5508C50.1118 31.7487 49.9178 32.0182 49.7876 32.3594C49.66 32.6979 49.5962 33.0781 49.5962 33.5C49.5962 33.9271 49.6613 34.3151 49.7915 34.6641C49.9243 35.0104 50.1196 35.2865 50.3774 35.4922C50.6379 35.6953 50.9608 35.7969 51.3462 35.7969ZM59.0063 36.5V28.5H63.8032V29.3594H59.9751V32.0625H63.4438V32.9219H59.9751V36.5H59.0063ZM65.3374 36.5V30.5H66.2593V36.5H65.3374ZM65.8062 29.5C65.6265 29.5 65.4715 29.4388 65.3413 29.3164C65.2137 29.194 65.1499 29.0469 65.1499 28.875C65.1499 28.7031 65.2137 28.556 65.3413 28.4336C65.4715 28.3112 65.6265 28.25 65.8062 28.25C65.9858 28.25 66.1395 28.3112 66.2671 28.4336C66.3973 28.556 66.4624 28.7031 66.4624 28.875C66.4624 29.0469 66.3973 29.194 66.2671 29.3164C66.1395 29.4388 65.9858 29.5 65.8062 29.5ZM68.8696 28.5V36.5H67.9478V28.5H68.8696ZM73.0737 36.625C72.4956 36.625 71.9969 36.4974 71.5776 36.2422C71.161 35.9844 70.8394 35.625 70.6128 35.1641C70.3888 34.7005 70.2769 34.1615 70.2769 33.5469C70.2769 32.9323 70.3888 32.3906 70.6128 31.9219C70.8394 31.4505 71.1545 31.0833 71.5581 30.8203C71.9644 30.5547 72.4383 30.4219 72.98 30.4219C73.2925 30.4219 73.6011 30.474 73.9058 30.5781C74.2104 30.6823 74.4878 30.8516 74.7378 31.0859C74.9878 31.3177 75.187 31.625 75.3354 32.0078C75.4839 32.3906 75.5581 32.862 75.5581 33.4219V33.8125H70.9331V33.0156H74.6206C74.6206 32.6771 74.5529 32.375 74.4175 32.1094C74.2847 31.8437 74.0946 31.6341 73.8472 31.4805C73.6024 31.3268 73.3133 31.25 72.98 31.25C72.6128 31.25 72.2951 31.3411 72.0269 31.5234C71.7612 31.7031 71.5568 31.9375 71.4136 32.2266C71.2703 32.5156 71.1987 32.8255 71.1987 33.1562V33.6875C71.1987 34.1406 71.2769 34.5247 71.4331 34.8398C71.592 35.1523 71.812 35.3906 72.0933 35.5547C72.3745 35.7161 72.7013 35.7969 73.0737 35.7969C73.3159 35.7969 73.5347 35.763 73.73 35.6953C73.9279 35.625 74.0985 35.5208 74.2417 35.3828C74.3849 35.2422 74.4956 35.0677 74.5737 34.8594L75.4644 35.1094C75.3706 35.4115 75.2131 35.6771 74.9917 35.9062C74.7703 36.1328 74.4969 36.3099 74.1714 36.4375C73.8459 36.5625 73.48 36.625 73.0737 36.625Z" fill="#F9F9F9"/>
 </svg>
-      `},components:[{tag:"FileUpload"}]}];export{SettingPresets};
+      `},components:[{tag:"FileUpload"}]}];export{C as SettingPresets};

package/dist/esm/product/components/file-upload/settings/configs/settings.js

@@ -1,4 +1,4 @@
-let Settings=[{id:"setting",controls:[{id:"textContent",type:"textarea",default:"Click or drop your image to upload (Max 20MB)",minHeight:58},{id:"fileUploadLayout",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemSpacing:"large",itemPerRow:2,default:"vertical",enableItemOpacity:!0,options:[{label:"Vertical",value:"vertical",iconName:"gp-product-file-upload-vertical-layout"},{label:"Horizontal",value:"horizontal",iconName:"gp-product-file-upload-horizontal-layout"}]},{id:"arrangeContent",label:"Arrange content",type:"segment",default:"center",options:[{label:"Left",value:"start",type:"align-v",icon:`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+let e=[{id:"setting",controls:[{id:"textContent",type:"textarea",default:"Click or drop your image to upload (Max 20MB)",minHeight:58},{id:"fileUploadLayout",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemSpacing:"large",itemPerRow:2,default:"vertical",enableItemOpacity:!0,options:[{label:"Vertical",value:"vertical",iconName:"gp-product-file-upload-vertical-layout"},{label:"Horizontal",value:"horizontal",iconName:"gp-product-file-upload-horizontal-layout"}]},{id:"arrangeContent",label:"Arrange content",type:"segment",default:"center",options:[{label:"Left",value:"start",type:"align-v",icon:`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.8125 1.25C3.15768 1.25 3.4375 1.52982 3.4375 1.875L3.4375 18.125C3.4375 18.4702 3.15768 18.75 2.8125 18.75C2.46732 18.75 2.1875 18.4702 2.1875 18.125L2.1875 1.875C2.1875 1.52982 2.46732 1.25 2.8125 1.25Z" fill="#AAAAAA"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.0625 6.25C4.0625 5.21447 4.90197 4.375 5.9375 4.375H12.1875C13.223 4.375 14.0625 5.21447 14.0625 6.25V7.5C14.0625 8.53553 13.223 9.375 12.1875 9.375H5.9375C4.90197 9.375 4.0625 8.53553 4.0625 7.5V6.25ZM5.9375 5.625C5.59232 5.625 5.3125 5.90482 5.3125 6.25V7.5C5.3125 7.84518 5.59232 8.125 5.9375 8.125H12.1875C12.5327 8.125 12.8125 7.84518 12.8125 7.5V6.25C12.8125 5.90482 12.5327 5.625 12.1875 5.625H5.9375Z" fill="#AAAAAA"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.9375 10.625C4.90197 10.625 4.0625 11.4645 4.0625 12.5V13.75C4.0625 14.7855 4.90197 15.625 5.9375 15.625H15.9375C16.973 15.625 17.8125 14.7855 17.8125 13.75V12.5C17.8125 11.4645 16.973 10.625 15.9375 10.625H5.9375ZM5.3125 12.5C5.3125 12.1548 5.59232 11.875 5.9375 11.875H15.9375C16.2827 11.875 16.5625 12.1548 16.5625 12.5V13.75C16.5625 14.0952 16.2827 14.375 15.9375 14.375H5.9375C5.59232 14.375 5.3125 14.0952 5.3125 13.75V12.5Z" fill="#AAAAAA"/>
@@ -16,4 +16,4 @@ let Settings=[{id:"setting",controls:[{id:"textContent",type:"textarea",default:
 
   `,type:"align-v"}]},{id:"positionVertical",type:"option:illustration",label:"Position",default:"center",options:[{label:"Center",value:"center",svgName:"gp-file-upload-position-center"},{label:"Left",value:"start",svgName:"gp-file-upload-position-left"}]},{id:"positionHorizontal",type:"option:illustration",label:"Position",default:"center",options:[{label:"Align center",value:"center",svgName:"gp-file-upload-position-horizontal-center"},{label:"Align start",value:"start",svgName:"gp-file-upload-position-horizontal-baseline"}]},{id:"optionSetting",type:"group",controls:[{id:"isRequired",label:"Required",type:"toggle",default:!0},{id:"isShowPreviewImage",label:"Click image to preview",type:"toggle",default:!0},{id:"numberOfFiles",type:"segment",label:"Number of files",default:"multiple",options:[{label:"Single",value:"single"},{label:"Multiple",value:"multiple"}]}]},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!0},{id:"iconSvg",label:"SVG Icon",type:"icon",hideLabel:!0,default:`<svg height="20px" width="20px" data-name="upload-simple-regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817710018527592">
               <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0ZM93.66,77.66,120,51.31V144a8,8,0,0,0,16,0V51.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,77.66Z"></path></svg>
-`},{id:"iconSize",type:"input:stepper",label:"Icon Width",devices:{desktop:{default:20},tablet:{default:20},mobile:{default:20}},min:0},{id:"iconAlignVertical",label:"Icon Alignment",type:"segment",options:[{label:"Above",value:"above"},{label:"Below",value:"below"}],default:"above"},{id:"iconAlignHorizontal",label:"Icon Alignment",type:"segment",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"paddingSize",type:"size-setting",devices:{desktop:{default:{padding:{type:"large",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0},{id:"size",type:"size-setting",devices:{desktop:{default:{width:"100%",height:"Auto",padding:{type:"large",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"]},height:{displayOptions:["auto","small","large","medium"]}},hiddenShowMore:!0,hiddenSettings:["shape","gap","padding"]}]},{id:"style",controls:[{id:"behavior-state",type:"behavior-state",controls:[{id:"enableHoverEffect",type:"toggle",label:"Hover Effect",default:!0},{id:"backgroundColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF",hover:"#DDDDDD"},compoDefaultValue:{hover:"#DDDDDD"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"},state:{hover:!0,normal:!0}},{id:"borderBtn",type:"border",label:"Border Style",default:{normal:{border:"dashed",isCustom:!0,position:"all",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#7D7D7D"}},state:{hover:!0,normal:!0}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!0,hover:!0},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",label:"Shadow Style",hideOnState:{normal:!0,hover:!0},state:{normal:!0,hover:!0},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0},hover:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"roundedBtn",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0}}]},{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"spacing",label:"Spacing Icon",type:"input:slider",min:0,max:40,step:1,units:["px","em","rem","%","vh"],devices:{desktop:{default:"8px"}}},{id:"textAlign",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"left"}}}]}];export{Settings};
+`},{id:"iconSize",type:"input:stepper",label:"Icon Width",devices:{desktop:{default:20},tablet:{default:20},mobile:{default:20}},min:0},{id:"iconAlignVertical",label:"Icon Alignment",type:"segment",options:[{label:"Above",value:"above"},{label:"Below",value:"below"}],default:"above"},{id:"iconAlignHorizontal",label:"Icon Alignment",type:"segment",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"paddingSize",type:"size-setting",devices:{desktop:{default:{padding:{type:"large",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0},{id:"size",type:"size-setting",devices:{desktop:{default:{width:"100%",height:"Auto",padding:{type:"large",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"]},height:{displayOptions:["auto","small","large","medium"]}},hiddenShowMore:!0,hiddenSettings:["shape","gap","padding"]}]},{id:"style",controls:[{id:"behavior-state",type:"behavior-state",controls:[{id:"enableHoverEffect",type:"toggle",label:"Hover Effect",default:!0},{id:"backgroundColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF",hover:"#DDDDDD"},compoDefaultValue:{hover:"#DDDDDD"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"},state:{hover:!0,normal:!0}},{id:"borderBtn",type:"border",label:"Border Style",default:{normal:{border:"dashed",isCustom:!0,position:"all",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#7D7D7D"}},state:{hover:!0,normal:!0}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!0,hover:!0},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",label:"Shadow Style",hideOnState:{normal:!0,hover:!0},state:{normal:!0,hover:!0},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0},hover:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"roundedBtn",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0}}]},{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"spacing",label:"Spacing Icon",type:"input:slider",min:0,max:40,step:1,units:["px","em","rem","%","vh"],devices:{desktop:{default:"8px"}}},{id:"textAlign",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"left"}}}]}];export{e as Settings};

package/dist/esm/product/components/file-upload/settings/configs/translate.js

@@ -1 +1 @@
-let FileUpload={textContent:{id:"textContent"}};export{FileUpload};
+let t={textContent:{id:"textContent"}};export{t as FileUpload};

package/dist/esm/product/components/file-upload/settings/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"fileUploadLayout"},layout:"vertical"},{type:"control",label:{en:"Arrange content"},setting:{id:"arrangeContent"}},{type:"control",label:{en:"Icon position"},setting:{id:"positionVertical"},isMoreSetting:!0,condition:"fileUploadLayout === 'vertical'"},{type:"control",label:{en:"Icon position"},setting:{id:"positionHorizontal"},isMoreSetting:!0,condition:"fileUploadLayout !== 'vertical'"}]},{type:"group",label:{en:"Upload setting"},controls:[{type:"control",label:{en:"Required"},setting:{id:"isRequired"}},{type:"control",label:{en:"Click image to preview"},setting:{id:"isShowPreviewImage"}},{type:"control",label:{en:"Number of files"},setting:{id:"numberOfFiles"}}]},{type:"group",controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconVisible"},options:{label:"large"}},{type:"control",label:{en:"Choose icon"},setting:{id:"iconSvg"},condition:"iconVisible === true"},{type:"control",label:{en:"Size"},setting:{id:"iconSize"},condition:"iconVisible === true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlignVertical"},condition:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:{en:"Position"},setting:{id:"iconAlignHorizontal"},condition:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"size"}},{type:"control",setting:{id:"paddingSize"},layout:"vertical",isMoreSetting:!0},{type:"control",label:{en:"Content width"},setting:{id:"contentWidth"},isMoreSetting:!0}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"control",label:{en:""},condition:"hasBoxShadowBtn.normal == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"control",label:{en:""},layout:"vertical",condition:"hasBoxShadowBtn.hover == true",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",label:{en:"Content"},layout:"horizontal",setting:{id:"textContent"}},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"group",label:{en:"Spacing"},controls:[{type:"control",label:{en:"Icon & text"},setting:{id:"spacing"}}]},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"control",label:{en:"Align"},condition:"size.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};
+let t=[{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"fileUploadLayout"},layout:"vertical"},{type:"control",label:{en:"Arrange content"},setting:{id:"arrangeContent"}},{type:"control",label:{en:"Icon position"},setting:{id:"positionVertical"},isMoreSetting:!0,condition:"fileUploadLayout === 'vertical'"},{type:"control",label:{en:"Icon position"},setting:{id:"positionHorizontal"},isMoreSetting:!0,condition:"fileUploadLayout !== 'vertical'"}]},{type:"group",label:{en:"Upload setting"},controls:[{type:"control",label:{en:"Required"},setting:{id:"isRequired"}},{type:"control",label:{en:"Click image to preview"},setting:{id:"isShowPreviewImage"}},{type:"control",label:{en:"Number of files"},setting:{id:"numberOfFiles"}}]},{type:"group",controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconVisible"},options:{label:"large"}},{type:"control",label:{en:"Choose icon"},setting:{id:"iconSvg"},condition:"iconVisible === true"},{type:"control",label:{en:"Size"},setting:{id:"iconSize"},condition:"iconVisible === true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlignVertical"},condition:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:{en:"Position"},setting:{id:"iconAlignHorizontal"},condition:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"size"}},{type:"control",setting:{id:"paddingSize"},layout:"vertical",isMoreSetting:!0},{type:"control",label:{en:"Content width"},setting:{id:"contentWidth"},isMoreSetting:!0}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"control",label:{en:""},condition:"hasBoxShadowBtn.normal == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"control",label:{en:""},layout:"vertical",condition:"hasBoxShadowBtn.hover == true",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",label:{en:"Content"},layout:"horizontal",setting:{id:"textContent"}},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"group",label:{en:"Spacing"},controls:[{type:"control",label:{en:"Icon & text"},setting:{id:"spacing"}}]},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"control",label:{en:"Align"},condition:"size.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{t as SettingUIV1};

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

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

package/dist/esm/product/components/file-upload/settings/index.js

@@ -1,8 +1,8 @@
-import{SettingPresets as C}from"./configs/presets.js";import{SettingUIV1 as o}from"./configs/ui-v1.js";import{SettingUIV2 as i}from"./configs/ui-v2.js";import{Settings as t}from"./configs/settings.js";let config={tag:"FileUpload",label:"Product File Upload",icon:`
+import{SettingPresets as C}from"./configs/presets.js";import{SettingUIV1 as o}from"./configs/ui-v1.js";import{SettingUIV2 as i}from"./configs/ui-v2.js";import{Settings as t}from"./configs/settings.js";let V={tag:"FileUpload",label:"Product File Upload",icon:`
   <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.625" y="0.625" width="92.75" height="46.75" rx="2.375" stroke="#474747" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="10 10"/>
 <path d="M47 19.5C46.7929 19.5 46.625 19.3321 46.625 19.125L46.625 12.565L45.022 14.2543C44.8795 14.4046 44.6421 14.4108 44.4919 14.2682C44.3416 14.1257 44.3354 13.8883 44.478 13.7381L46.7248 11.3703C46.7933 11.2963 46.8912 11.25 47 11.25C47.1087 11.25 47.2066 11.2963 47.2751 11.3702L49.522 13.7381C49.6646 13.8883 49.6584 14.1257 49.5081 14.2682C49.3579 14.4108 49.1205 14.4046 48.978 14.2543L47.375 12.565L47.375 19.125C47.375 19.3321 47.2071 19.5 47 19.5Z" fill="#F9F9F9"/>
 <path d="M42.125 18.75C42.3321 18.75 42.5 18.9179 42.5 19.125L42.5 20.625C42.5 20.8321 42.6679 21 42.875 21H51.125C51.3321 21 51.5 20.8321 51.5 20.625L51.5 19.125C51.5 18.9179 51.6679 18.75 51.875 18.75C52.0821 18.75 52.25 18.9179 52.25 19.125L52.25 20.625C52.25 21.2464 51.7462 21.75 51.125 21.75H42.875C42.2537 21.75 41.75 21.2464 41.75 20.625L41.75 19.125C41.75 18.9179 41.9179 18.75 42.125 18.75Z" fill="#F9F9F9"/>
 <path d="M24.1021 28.5H25.0708V33.7969C25.0708 34.3437 24.9419 34.832 24.6841 35.2617C24.4289 35.6888 24.0682 36.026 23.6021 36.2734C23.1359 36.5182 22.589 36.6406 21.9614 36.6406C21.3338 36.6406 20.7869 36.5182 20.3208 36.2734C19.8547 36.026 19.4927 35.6888 19.2349 35.2617C18.9797 34.832 18.8521 34.3437 18.8521 33.7969V28.5H19.8208V33.7188C19.8208 34.1094 19.9067 34.457 20.0786 34.7617C20.2505 35.0638 20.4953 35.3021 20.813 35.4766C21.1333 35.6484 21.5161 35.7344 21.9614 35.7344C22.4067 35.7344 22.7896 35.6484 23.1099 35.4766C23.4302 35.3021 23.675 35.0638 23.8442 34.7617C24.0161 34.457 24.1021 34.1094 24.1021 33.7188V28.5ZM26.8804 38.75V30.5H27.771V31.4531H27.8804C27.9481 31.349 28.0418 31.2161 28.1616 31.0547C28.284 30.8906 28.4585 30.7448 28.6851 30.6172C28.9142 30.487 29.2241 30.4219 29.6147 30.4219C30.12 30.4219 30.5653 30.5482 30.9507 30.8008C31.3361 31.0534 31.6369 31.4115 31.853 31.875C32.0692 32.3385 32.1772 32.8854 32.1772 33.5156C32.1772 34.151 32.0692 34.7018 31.853 35.168C31.6369 35.6315 31.3374 35.9909 30.9546 36.2461C30.5718 36.4987 30.1304 36.625 29.6304 36.625C29.245 36.625 28.9364 36.5612 28.7046 36.4336C28.4728 36.3034 28.2944 36.1562 28.1694 35.9922C28.0444 35.8255 27.9481 35.6875 27.8804 35.5781H27.8022V38.75H26.8804ZM27.7866 33.5C27.7866 33.9531 27.853 34.3529 27.9858 34.6992C28.1187 35.043 28.3127 35.3125 28.5679 35.5078C28.8231 35.7005 29.1356 35.7969 29.5054 35.7969C29.8908 35.7969 30.2124 35.6953 30.4702 35.4922C30.7306 35.2865 30.9259 35.0104 31.0562 34.6641C31.189 34.3151 31.2554 33.9271 31.2554 33.5C31.2554 33.0781 31.1903 32.6979 31.0601 32.3594C30.9325 32.0182 30.7384 31.7487 30.478 31.5508C30.2202 31.3503 29.896 31.25 29.5054 31.25C29.1304 31.25 28.8153 31.3451 28.5601 31.5352C28.3049 31.7227 28.1121 31.9857 27.9819 32.3242C27.8517 32.6602 27.7866 33.0521 27.7866 33.5ZM34.5054 28.5V36.5H33.5835V28.5H34.5054ZM38.6313 36.625C38.0897 36.625 37.6144 36.4961 37.2056 36.2383C36.7993 35.9805 36.4816 35.6198 36.2524 35.1562C36.0259 34.6927 35.9126 34.151 35.9126 33.5312C35.9126 32.9062 36.0259 32.3607 36.2524 31.8945C36.4816 31.4284 36.7993 31.0664 37.2056 30.8086C37.6144 30.5508 38.0897 30.4219 38.6313 30.4219C39.173 30.4219 39.647 30.5508 40.0532 30.8086C40.4621 31.0664 40.7798 31.4284 41.0063 31.8945C41.2355 32.3607 41.3501 32.9062 41.3501 33.5312C41.3501 34.151 41.2355 34.6927 41.0063 35.1562C40.7798 35.6198 40.4621 35.9805 40.0532 36.2383C39.647 36.4961 39.173 36.625 38.6313 36.625ZM38.6313 35.7969C39.0428 35.7969 39.3813 35.6914 39.647 35.4805C39.9126 35.2695 40.1092 34.9922 40.2368 34.6484C40.3644 34.3047 40.4282 33.9323 40.4282 33.5312C40.4282 33.1302 40.3644 32.7565 40.2368 32.4102C40.1092 32.0638 39.9126 31.7839 39.647 31.5703C39.3813 31.3568 39.0428 31.25 38.6313 31.25C38.2199 31.25 37.8813 31.3568 37.6157 31.5703C37.3501 31.7839 37.1535 32.0638 37.0259 32.4102C36.8983 32.7565 36.8345 33.1302 36.8345 33.5312C36.8345 33.9323 36.8983 34.3047 37.0259 34.6484C37.1535 34.9922 37.3501 35.2695 37.6157 35.4805C37.8813 35.6914 38.2199 35.7969 38.6313 35.7969ZM44.5229 36.6406C44.1427 36.6406 43.7977 36.569 43.4878 36.4258C43.1779 36.2799 42.9318 36.0703 42.7495 35.7969C42.5672 35.5208 42.4761 35.1875 42.4761 34.7969C42.4761 34.4531 42.5438 34.1745 42.6792 33.9609C42.8146 33.7448 42.9956 33.5755 43.2222 33.4531C43.4487 33.3307 43.6987 33.2396 43.9722 33.1797C44.2482 33.1172 44.5256 33.0677 44.8042 33.0313C45.1688 32.9844 45.4644 32.9492 45.6909 32.9258C45.9201 32.8997 46.0868 32.8568 46.1909 32.7969C46.2977 32.737 46.3511 32.6328 46.3511 32.4844V32.4531C46.3511 32.0677 46.2456 31.7682 46.0347 31.5547C45.8263 31.3411 45.5099 31.2344 45.0854 31.2344C44.6453 31.2344 44.3003 31.3307 44.0503 31.5234C43.8003 31.7161 43.6245 31.9219 43.5229 32.1406L42.6479 31.8281C42.8042 31.4635 43.0125 31.1797 43.2729 30.9766C43.536 30.7708 43.8224 30.6276 44.1323 30.5469C44.4448 30.4635 44.7521 30.4219 45.0542 30.4219C45.2469 30.4219 45.4683 30.4453 45.7183 30.4922C45.9709 30.5365 46.2144 30.6289 46.4487 30.7695C46.6857 30.9102 46.8823 31.1224 47.0386 31.4062C47.1948 31.6901 47.2729 32.0703 47.2729 32.5469V36.5H46.3511V35.6875H46.3042C46.2417 35.8177 46.1375 35.957 45.9917 36.1055C45.8459 36.2539 45.6519 36.3802 45.4097 36.4844C45.1675 36.5885 44.8719 36.6406 44.5229 36.6406ZM44.6636 35.8125C45.0282 35.8125 45.3354 35.7409 45.5854 35.5977C45.8381 35.4544 46.0282 35.2695 46.1558 35.043C46.286 34.8164 46.3511 34.5781 46.3511 34.3281V33.4844C46.312 33.5312 46.2261 33.5742 46.0933 33.6133C45.9631 33.6497 45.812 33.6823 45.6401 33.7109C45.4709 33.737 45.3055 33.7604 45.144 33.7812C44.9852 33.7995 44.8563 33.8151 44.7573 33.8281C44.5177 33.8594 44.2938 33.9102 44.0854 33.9805C43.8797 34.0482 43.7131 34.151 43.5854 34.2891C43.4604 34.4245 43.3979 34.6094 43.3979 34.8437C43.3979 35.1641 43.5164 35.4062 43.7534 35.5703C43.993 35.7318 44.2964 35.8125 44.6636 35.8125ZM51.2212 36.625C50.7212 36.625 50.2798 36.4987 49.897 36.2461C49.5142 35.9909 49.2147 35.6315 48.9985 35.168C48.7824 34.7018 48.6743 34.151 48.6743 33.5156C48.6743 32.8854 48.7824 32.3385 48.9985 31.875C49.2147 31.4115 49.5155 31.0534 49.9009 30.8008C50.2863 30.5482 50.7316 30.4219 51.2368 30.4219C51.6274 30.4219 51.936 30.487 52.1626 30.6172C52.3918 30.7448 52.5662 30.8906 52.686 31.0547C52.8084 31.2161 52.9035 31.349 52.9712 31.4531H53.0493V28.5H53.9712V36.5H53.0806V35.5781H52.9712C52.9035 35.6875 52.8071 35.8255 52.6821 35.9922C52.5571 36.1562 52.3787 36.3034 52.147 36.4336C51.9152 36.5612 51.6066 36.625 51.2212 36.625ZM51.3462 35.7969C51.716 35.7969 52.0285 35.7005 52.2837 35.5078C52.5389 35.3125 52.7329 35.043 52.8657 34.6992C52.9985 34.3529 53.0649 33.9531 53.0649 33.5C53.0649 33.0521 52.9998 32.6602 52.8696 32.3242C52.7394 31.9857 52.5467 31.7227 52.2915 31.5352C52.0363 31.3451 51.7212 31.25 51.3462 31.25C50.9556 31.25 50.63 31.3503 50.3696 31.5508C50.1118 31.7487 49.9178 32.0182 49.7876 32.3594C49.66 32.6979 49.5962 33.0781 49.5962 33.5C49.5962 33.9271 49.6613 34.3151 49.7915 34.6641C49.9243 35.0104 50.1196 35.2865 50.3774 35.4922C50.6379 35.6953 50.9608 35.7969 51.3462 35.7969ZM59.0063 36.5V28.5H63.8032V29.3594H59.9751V32.0625H63.4438V32.9219H59.9751V36.5H59.0063ZM65.3374 36.5V30.5H66.2593V36.5H65.3374ZM65.8062 29.5C65.6265 29.5 65.4715 29.4388 65.3413 29.3164C65.2137 29.194 65.1499 29.0469 65.1499 28.875C65.1499 28.7031 65.2137 28.556 65.3413 28.4336C65.4715 28.3112 65.6265 28.25 65.8062 28.25C65.9858 28.25 66.1395 28.3112 66.2671 28.4336C66.3973 28.556 66.4624 28.7031 66.4624 28.875C66.4624 29.0469 66.3973 29.194 66.2671 29.3164C66.1395 29.4388 65.9858 29.5 65.8062 29.5ZM68.8696 28.5V36.5H67.9478V28.5H68.8696ZM73.0737 36.625C72.4956 36.625 71.9969 36.4974 71.5776 36.2422C71.161 35.9844 70.8394 35.625 70.6128 35.1641C70.3888 34.7005 70.2769 34.1615 70.2769 33.5469C70.2769 32.9323 70.3888 32.3906 70.6128 31.9219C70.8394 31.4505 71.1545 31.0833 71.5581 30.8203C71.9644 30.5547 72.4383 30.4219 72.98 30.4219C73.2925 30.4219 73.6011 30.474 73.9058 30.5781C74.2104 30.6823 74.4878 30.8516 74.7378 31.0859C74.9878 31.3177 75.187 31.625 75.3354 32.0078C75.4839 32.3906 75.5581 32.862 75.5581 33.4219V33.8125H70.9331V33.0156H74.6206C74.6206 32.6771 74.5529 32.375 74.4175 32.1094C74.2847 31.8437 74.0946 31.6341 73.8472 31.4805C73.6024 31.3268 73.3133 31.25 72.98 31.25C72.6128 31.25 72.2951 31.3411 72.0269 31.5234C71.7612 31.7031 71.5568 31.9375 71.4136 32.2266C71.2703 32.5156 71.1987 32.8255 71.1987 33.1562V33.6875C71.1987 34.1406 71.2769 34.5247 71.4331 34.8398C71.592 35.1523 71.812 35.3906 72.0933 35.5547C72.3745 35.7161 72.7013 35.7969 73.0737 35.7969C73.3159 35.7969 73.5347 35.763 73.73 35.6953C73.9279 35.625 74.0985 35.5208 74.2417 35.3828C74.3849 35.2422 74.4956 35.0677 74.5737 34.8594L75.4644 35.1094C75.3706 35.4115 75.2131 35.6771 74.9917 35.9062C74.7703 36.1328 74.4969 36.3099 74.1714 36.4375C73.8459 36.5625 73.48 36.625 73.0737 36.625Z" fill="#F9F9F9"/>
 </svg>
-  `,settings:t,ui:o,uiV2:i,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:C};export{config as default};
+  `,settings:t,ui:o,uiV2:i,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:C};export{V as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useI18nStore as o,useProduct as m,useCurrentVariant as t,useMoneyFormat as r,useCurrentDevice as l,useProductBundleDiscount as i,useEditorMode as a,useRenderMode as c,usePageType as n,filterToolbarPreview as d}from"@gem-sdk/core";import{getBadgeContent as p,getIsNoDiscountState as y}from"./utils/common.js";import"./constants.js";import f from"../../../common/components/NoDataState.js";import h from"../../../common/components/TooltipHover.js";import{createClass as N,createStyle as u,createAttr as j,If as v}from"@gem-sdk/system";import{getEditTooltipAttrs as g,getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as x,getImageAttr as B}from"./common/attrs.js";import{getContainerClasses as C,getWrapperClasses as P,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as w,getTextContentClasses as A,getImageContainerClasses as D,getImageClasses as H}from"./common/classes.js";import{getContainerStyle as I,getSubWrapperStyle as M,getContentStyleInternal as q,getTextBadgeWrapperStyles as z,getTextContentStyle as E,getImageContainerStyles as F}from"./common/styles.js";let ProductBadge=G=>{let{t:J}=o(),{setting:K,styles:L,children:O,builderAttrs:Q,...R}=G,U=m(),V=t(),{moneyFormat:W}=r(),X=l(),{useProductCompareAtPrice:Y}=i(),Z=R?.["bundle-item"],$=a(),{isEditMode:_}=c(),ee="STATIC"===n(),es=p({detail:U,currentVariant:V,bundleItem:Z,useProductCompareAtPrice:Y},K?.displayContent,W),eo=y({props:G,product:U,currentVariant:V,moneyFormat:W,useProductCompareAtPrice:Y}),em=N({...C({mode:$,isInstant:ee,product:U,currentVariant:V,props:G})}),et=u({...I(G)}),er=j({...g(G)}),el=N({...P(G)}),ei=N({...S(G,X)}),ea=u({...M({props:G,product:U,currentVariant:V,isEditMode:_})}),ec=j({...T(G,U)}),en=q(G),ed=N({...b()}),ep=j({...k(G)}),ey=N({...w()}),ef=u({...z({setting:K,styles:L})}),eh=N({...A(L)}),eN=u({...E({setting:K,styles:L})}),eu=j({...x()}),ej=N({...D()}),ev=u({...F({setting:K,styles:L})}),eg=N({...H()}),eT=j({...B({setting:K})});return U?e("div",{...ep,style:et,className:em,children:[v(_&&eo,s(h,{...er,children:s(f,{...Q,elementType:"secondary",description:J("No discount"),rawMode:!0})}),s("div",{className:el,children:e("div",{...ec,className:ei,style:ea,children:[s("style",{children:en}),v(K?.shape!=="image",s("div",{className:ed,children:s("div",{className:ey,style:ef,children:s("pre",{...eu,className:eh,style:eN,children:es})})}),s("div",{className:ej,style:ev,children:s("img",{...eT,className:eg,alt:""})}))]})})),d(O,!0)]}):null};export{ProductBadge as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useI18nStore as m,useProduct as o,useCurrentVariant as t,useMoneyFormat as r,useCurrentDevice as l,useProductBundleDiscount as i,useEditorMode as a,useRenderMode as c,usePageType as n,filterToolbarPreview as d}from"@gem-sdk/core";import{getBadgeContent as p,getIsNoDiscountState as y}from"./utils/common.js";import"./constants.js";import f from"../../../common/components/NoDataState.js";import h from"../../../common/components/TooltipHover.js";import{createClass as N,createStyle as j,createAttr as u,If as v}from"@gem-sdk/system";import{getEditTooltipAttrs as g,getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as x,getImageAttr as C}from"./common/attrs.js";import{getContainerClasses as S,getWrapperClasses as b,getSubWrapperClass as w,getTextContainerClasses as A,getTextWrapperClasses as B,getTextContentClasses as D,getImageContainerClasses as H,getImageClasses as I}from"./common/classes.js";import{getContainerStyle as M,getSubWrapperStyle as P,getContentStyleInternal as q,getTextBadgeWrapperStyles as z,getTextContentStyle as E,getImageContainerStyles as F}from"./common/styles.js";let G=G=>{let{t:J}=m(),{setting:K,styles:L,children:O,builderAttrs:Q,...R}=G,U=o(),V=t(),{moneyFormat:W}=r(),X=l(),{useProductCompareAtPrice:Y}=i(),Z=R?.["bundle-item"],$=a(),{isEditMode:_}=c(),ee="STATIC"===n(),es=p({detail:U,currentVariant:V,bundleItem:Z,useProductCompareAtPrice:Y},K?.displayContent,W),em=y({props:G,product:U,currentVariant:V,moneyFormat:W,useProductCompareAtPrice:Y}),eo=N({...S({mode:$,isInstant:ee,product:U,currentVariant:V,props:G})}),et=j({...M(G)}),er=u({...g(G)}),el=N({...b(G)}),ei=N({...w(G,X)}),ea=j({...P({props:G,product:U,currentVariant:V,isEditMode:_})}),ec=u({...T(G,U)}),en=q(G),ed=N({...A()}),ep=u({...k(G)}),ey=N({...B()}),ef=j({...z({setting:K,styles:L})}),eh=N({...D(L)}),eN=j({...E({setting:K,styles:L})}),ej=u({...x()}),eu=N({...H()}),ev=j({...F({setting:K,styles:L})}),eg=N({...I()}),eT=u({...C({setting:K})});return U?e("div",{...ep,style:et,className:eo,children:[v(_&&em,s(h,{...er,children:s(f,{...Q,elementType:"secondary",description:J("No discount"),rawMode:!0})}),s("div",{className:el,children:e("div",{...ec,className:ei,style:ea,children:[s("style",{children:en}),v(K?.shape!=="image",s("div",{className:ed,children:s("div",{className:ey,style:ef,children:s("pre",{...ej,className:eh,style:eN,children:es})})}),s("div",{className:eu,style:ev,children:s("img",{...eT,className:eg,alt:""})}))]})})),d(O,!0)]}):null};export{G as default};

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

@@ -1,13 +1,13 @@
-import{template as e,dataStringify as t,sanitizeLiquid as s,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as n}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as d}from"./utils/renderBadgeLiquid.js";import{createClass as p,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as D,getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as C,getTextContentClasses as I,getImageContainerClasses as T,getImageClasses as k}from"./common/classes.js";import{getSubWrapperAttrs as q,getContainerAttrs as A,getTextContentAttrs as B,getImageAttr as E}from"./common/attrs.js";import{checkDiscountContentProductBadge as K}from"./utils/common.js";import{ProductBadge as N}from"../../settings/product-badge/configs/translate.js";let ProductBadge=_=>{let{styles:h,setting:L,builderProps:O,pageContext:Q}=_,w=L?.shape!=="image",G=w&&L?.displayContent?.trim()==="",J=K(L?.displayContent),x=p({...D({isInstant:!1,props:_})}),M=l({...y(_,g)}),R=p({...V(_)}),Y=p({...S(_)}),z=l({...$({props:_})}),F=u({...q(_)}),H=v(_),U=p({...b()}),W=u({...A(_)}),X=p({...C()}),Z=l({...f({setting:L,styles:h})}),ee=p({...I(h)}),et=l({...j({setting:L,styles:h})}),es=u({...B()}),ei=p({...T()}),er=l({...P({setting:L,styles:h})}),ea=p({...k()}),eo=u({...E({setting:L})}),ec=m({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(L?.displayTrigger).replaceAll("'","'")),uid:_.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:w}),{displayContent:en}=L??{},ed=o({val:en?.trim(),uid:O?.uid,settingId:N?.displayContent?.id,isLiquid:!0,pageContext:Q});return e`
+import{dataStringify as e,sanitizeLiquid as t,RenderIf as s,template as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as n}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as p}from"./utils/renderBadgeLiquid.js";import{createClass as d,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as D,getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as C,getTextContentClasses as I,getImageContainerClasses as T,getImageClasses as k}from"./common/classes.js";import{getSubWrapperAttrs as q,getContainerAttrs as A,getTextContentAttrs as E,getImageAttr as K}from"./common/attrs.js";import{checkDiscountContentProductBadge as N}from"./utils/common.js";import{ProductBadge as _}from"../../settings/product-badge/configs/translate.js";let h=h=>{let{styles:B,setting:L,builderProps:O,pageContext:Q}=h,w=L?.shape!=="image",G=w&&L?.displayContent?.trim()==="",J=N(L?.displayContent),x=d({...D({isInstant:!1,props:h})}),M=l({...y(h,g)}),R=d({...V(h)}),Y=d({...S(h)}),z=l({...$({props:h})}),F=u({...q(h)}),H=v(h),U=d({...b()}),W=u({...A(h)}),X=d({...C()}),Z=l({...f({setting:L,styles:B})}),ee=d({...I(B)}),et=l({...j({setting:L,styles:B})}),es=u({...E()}),ei=d({...T()}),er=l({...P({setting:L,styles:B})}),ea=d({...k()}),eo=u({...K({setting:L})}),ec=m({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(L?.displayTrigger).replaceAll("'","'")),uid:h.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:w}),{displayContent:en}=L??{},ep=o({val:en?.trim(),uid:O?.uid,settingId:_?.displayContent?.id,isLiquid:!0,pageContext:Q});return i`
     {% if product %}
-      ${n(ed,Q?.isPreviewing)}
-      ${d(L?.displayTrigger,!G,J)}
+      ${n(ep,Q?.isPreviewing)}
+      ${p(L?.displayTrigger,!G,J)}
       <gp-product-badge
         ${{...W}}
-        gp-data='${t(ec)}'
+        gp-data='${e(ec)}'
         class="${x} {{ className }}"
         style="${M}"
-        data-display-content="${Q?.isPreviewing?ed:s(`{{${ed}}}`)}"
+        data-display-content="${Q?.isPreviewing?ep:t(`{{${ep}}}`)}"
       >
         <div class="${R}">
           <div
@@ -16,7 +16,7 @@ import{template as e,dataStringify as t,sanitizeLiquid as s,RenderIf as i,isLoca
             style="${z}"
           >
             <style>${H}</style>
-            ${i(w,e`
+            ${s(w,i`
                 <div class="${U}">
                   <div
                     class="${X}"
@@ -28,12 +28,12 @@ import{template as e,dataStringify as t,sanitizeLiquid as s,RenderIf as i,isLoca
                       style="${et}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,e`<div class="${ei}" style="${er}">
+                </div>`,i`<div class="${ei}" style="${er}">
                   <img ${{...eo}} class="${ea}" alt="" />
                 </div>`)}
           </div>
         </div>
       </gp-product-badge>
-       ${i(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+       ${s(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     {% endif %}
-  `};export{ProductBadge as default};
+  `};export{h as default};

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

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