@gem-sdk/components 12.0.0-dev.79 → 12.0.0-dev.80

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

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

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

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

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

@@ -1 +1 @@
-"use strict";var helpers=require("../../../../helpers.js"),translate=require("../../../settings/product-button/configs/translate.js");const getButtonDynamicSourceLocales=({setting:e,builderProps:t,pageContext:a})=>{let r={pageContext:a,uid:t?.uid},n=(e,t)=>{let a=helpers.getDynamicSourceLocales({...r,settingId:helpers.createSettingId({id:translate.ProductButton[e]?.id}),val:t??""});return a};return{outOfStockButtonLabel:n("outOfStockLabel",e?.outOfStockLabel),unavailableButtonLabel:n("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:n("variantSelectionRequiredMessage",e?.variantSelectionRequiredMessage)}};exports.getButtonDynamicSourceLocales=getButtonDynamicSourceLocales;
+"use strict";var helpers=require("../../../../helpers.js"),translate=require("../../../settings/product-button/configs/translate.js");const getButtonDynamicSourceLocales=({setting:e,builderProps:t,pageContext:s})=>{let a={pageContext:s,uid:t?.uid},r=(e,t)=>{let s=helpers.getDynamicSourceLocales({...a,settingId:helpers.createSettingId({id:translate.ProductButton[e]?.id}),val:t??""});return s};return{outOfStockButtonLabel:r("outOfStockLabel",e?.outOfStockLabel),unavailableButtonLabel:r("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:r("variantSelectionRequiredMessage",e?.variantSelectionRequiredMessage),successMessage:r("successMessage",e?.successMessage),errorMessage:r("errorMessage",e?.errorMessage)}};exports.getButtonDynamicSourceLocales=getButtonDynamicSourceLocales;

package/dist/cjs/product/settings/product-button/configs/translate.js

@@ -1 +1 @@
-"use strict";const ProductButton={label:{id:"label"},outOfStockLabel:{id:"outOfStockLabel"},unavailableLabel:{id:"unavailableLabel"},variantSelectionRequiredMessage:{id:"variantSelectionRequiredMessage"}};exports.ProductButton=ProductButton;
+"use strict";const ProductButton={label:{id:"label"},outOfStockLabel:{id:"outOfStockLabel"},unavailableLabel:{id:"unavailableLabel"},variantSelectionRequiredMessage:{id:"variantSelectionRequiredMessage"},successMessage:{id:"successMessage"},errorMessage:{id:"errorMessage"}};exports.ProductButton=ProductButton;

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

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

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

@@ -1 +1 @@
-import{SEPARATOR as e}from"./constants.js";let checkIconVisibility=e=>e?.enableIcon===!0,getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:removeColorFromTypo(e?.priceTypo)}),getRenderComparePriceSettings=e=>({lineThrough:!0,typo:removeColorFromTypo(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),getGPProductButtonState=(e,r)=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:r?.errorType,actionEffect:r?.actionEffect,enableMessage:r?.enableMessage,label:r?.label?.replaceAll("'","'"),errorMessage:r?.errorMessage?.replaceAll("'","'"),successMessage:r?.successMessage?.replaceAll("'","'"),outOfStockLabel:r?.outOfStockLabel?.replaceAll("'","'"),customURL:{link:r?.customURL?.link?.replaceAll("'","'"),target:r?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),renderSeparator=r=>{let t=r??"horizontal-line";return({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t]??e.HORIZONTAL_LINE},removeColorFromTypo=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{checkIconVisibility,getGPProductButtonState,getRenderComparePriceSettings,getRenderRegularPriceSettings,renderSeparator};
+import{SEPARATOR as e}from"./constants.js";let checkIconVisibility=e=>e?.enableIcon===!0,getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:removeColorFromTypo(e?.priceTypo)}),getRenderComparePriceSettings=e=>({lineThrough:!0,typo:removeColorFromTypo(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),getGPProductButtonState=({styles:e,setting:r,successMessage:t,errorMessage:o})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:r?.errorType,actionEffect:r?.actionEffect,enableMessage:r?.enableMessage,label:r?.label?.replaceAll("'","'"),errorMessage:o??r?.errorMessage?.replaceAll("'","'"),successMessage:t??r?.successMessage?.replaceAll("'","'"),outOfStockLabel:r?.outOfStockLabel?.replaceAll("'","'"),customURL:{link:r?.customURL?.link?.replaceAll("'","'"),target:r?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),renderSeparator=r=>{let t=r??"horizontal-line";return({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t]??e.HORIZONTAL_LINE},removeColorFromTypo=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{checkIconVisibility,getGPProductButtonState,getRenderComparePriceSettings,getRenderRegularPriceSettings,renderSeparator};

package/dist/esm/product/components/product-button/helpers/getButtonDynamicSourceLocales.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductButton as a}from"../../../settings/product-button/configs/translate.js";let getButtonDynamicSourceLocales=({setting:o,builderProps:i,pageContext:l})=>{let n={pageContext:l,uid:i?.uid},r=(o,i)=>{let l=e({...n,settingId:t({id:a[o]?.id}),val:i??""});return l};return{outOfStockButtonLabel:r("outOfStockLabel",o?.outOfStockLabel),unavailableButtonLabel:r("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:r("variantSelectionRequiredMessage",o?.variantSelectionRequiredMessage)}};export{getButtonDynamicSourceLocales};
+import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductButton as s}from"../../../settings/product-button/configs/translate.js";let getButtonDynamicSourceLocales=({setting:a,builderProps:r,pageContext:o})=>{let i={pageContext:o,uid:r?.uid},u=(a,r)=>{let o=e({...i,settingId:t({id:s[a]?.id}),val:r??""});return o};return{outOfStockButtonLabel:u("outOfStockLabel",a?.outOfStockLabel),unavailableButtonLabel:u("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:u("variantSelectionRequiredMessage",a?.variantSelectionRequiredMessage),successMessage:u("successMessage",a?.successMessage),errorMessage:u("errorMessage",a?.errorMessage)}};export{getButtonDynamicSourceLocales};

package/dist/esm/product/settings/product-button/configs/translate.js

@@ -1 +1 @@
-let ProductButton={label:{id:"label"},outOfStockLabel:{id:"outOfStockLabel"},unavailableLabel:{id:"unavailableLabel"},variantSelectionRequiredMessage:{id:"variantSelectionRequiredMessage"}};export{ProductButton};
+let ProductButton={label:{id:"label"},outOfStockLabel:{id:"outOfStockLabel"},unavailableLabel:{id:"unavailableLabel"},variantSelectionRequiredMessage:{id:"variantSelectionRequiredMessage"},successMessage:{id:"successMessage"},errorMessage:{id:"errorMessage"}};export{ProductButton};

package/dist/types/index.d.ts

@@ -3790,6 +3790,7 @@ type ProductButtonProps = BasePropsWrap<ProductButtonSettingProps, ProductButton
     style?: React.CSSProperties;
     children?: React.ReactNode;
 };
+type ProductButtonPropsTranslateKeys = keyof (ProductButtonSettingProps & ProductButtonStyleProps);
 type Separator = 'horizontal-line' | 'vertical-line' | 'dot';
 type ButtonLayout = 'cart-only' | 'cart-icon' | 'cart-price' | 'cart-price-icon' | 'cart-full' | 'icon-only';
 
@@ -8087,7 +8088,7 @@ declare const ProductTag: TranslateObject<keyof ProductTagSidebarSettingProps['s
 
 declare const ProductDescription: TranslateObject<'viewMoreText' | 'viewLessText'>;
 
-declare const ProductButton: TranslateObject<'label' | 'outOfStockLabel' | 'unavailableLabel' | 'variantSelectionRequiredMessage'>;
+declare const ProductButton: TranslateObject<ProductButtonPropsTranslateKeys>;
 
 declare const ProductBadge: TranslateObject<'displayContent'>;
 

package/package.json

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