@gem-sdk/components 12.0.0-dev.59 → 12.0.0-dev.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/article/components/ArticleReadMore.liquid.js +4 -4
- package/dist/cjs/coupon/components/Coupon.liquid.js +5 -5
- package/dist/cjs/coupon/settings/configs/translate.js +1 -1
- package/dist/cjs/post-purchase/buyer-consent/components/BuyerConsent.js +1 -1
- package/dist/cjs/post-purchase/product/hooks/useSubscriptionConsentCheck.js +1 -1
- package/dist/esm/article/components/ArticleReadMore.liquid.js +3 -3
- package/dist/esm/coupon/components/Coupon.liquid.js +5 -5
- package/dist/esm/coupon/settings/configs/translate.js +1 -1
- package/dist/esm/post-purchase/buyer-consent/components/BuyerConsent.js +1 -1
- package/dist/esm/post-purchase/product/hooks/useSubscriptionConsentCheck.js +1 -1
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js"),Button_liquid=require("../../button/components/Button.liquid.js"),translate=require("../settings/configs/translate.js");const ArticleReadMore=({setting:e,styles:t,builderAttrs:l,builderProps:r,advanced:o,style:
|
|
3
|
-
${core.RenderIf("text"===
|
|
4
|
-
${core.RenderIf("text"!==
|
|
5
|
-
${Button_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,typo:s,globalSize:d,align:g},style:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js"),Button_liquid=require("../../button/components/Button.liquid.js"),translate=require("../settings/configs/translate.js");const ArticleReadMore=({setting:e,styles:t,builderAttrs:l,builderProps:r,advanced:o,style:a})=>{let{readMoreType:i,label:n}=e??{},{typoBtn:s,typoText:u,globalSizeText:c,globalSizeBtn:d,textColorTextState:p,alignBtn:g,alignText:x,enableHoverEffectText:b}=t??{};return core.template`
|
|
3
|
+
${core.RenderIf("text"===i,Text_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,color:p,typo:u,spacing:"0px",align:x,textColor:void 0,enableHoverEffect:b},style:a??{},setting:{...e,text:n,globalSize:c,excludeFlex:!0},translateSetting:translate.ArticleReadMore?.label?.id}))}
|
|
4
|
+
${core.RenderIf("text"!==i,core.template`<a href="{{article.url}}" target="_blank" class="gp-cursor-auto gp-pointer-events-none [&_button]:gp-pointer-events-auto">
|
|
5
|
+
${Button_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,typo:s,globalSize:d,align:g},style:a??{},setting:{...e,label:n,htmlType:"button"},translateSetting:translate.ArticleReadMore?.label?.id})}</a>`)}
|
|
6
6
|
`};exports.default=ArticleReadMore;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Button_liquid=require("../../button/components/Button.liquid.js"),helpers
|
|
2
|
-
<gp-coupon data-id="${
|
|
3
|
-
<style>${`${
|
|
4
|
-
${Button_liquid.default({builderProps:{...
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Button_liquid=require("../../button/components/Button.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers$1=require("../common/helpers.js"),translate=require("../settings/configs/translate.js");const Coupon=({setting:e,builderProps:t,builderAttrs:s,style:l,styles:r,advanced:a,pageContext:i})=>{let{backgroundColorV2:n,textColor:o,enableTextStyle:u}=r??{},{defaultLabel:c,clickedLabel:d,copyContent:p}=e??{},g=helpers.getDynamicSourceLocales({val:d,uid:t?.uid,settingId:helpers.createSettingId({id:translate.Coupon?.defaultLabel?.id}),pageContext:i}),y=helpers.getDynamicSourceLocales({val:d,uid:t?.uid,settingId:helpers.createSettingId({id:translate.Coupon?.clickedLabel?.id}),pageContext:i}),m=system.createStateOrContext({defaultLabel:g,clickedLabel:y,copyContent:p,uid:t?.uid,enableTextStyle:u}),S=system.createClass(classes.getActiveClasses(n,o)),f=styles.getInnerBorderCornerCss({uid:t?.uid,styles:r}),$=styles.getInnerActiveStyles(r),h=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-coupon-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-coupon-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
|
|
2
|
+
<gp-coupon data-id="${t?.uid}" data-active="false" gp-setting='${JSON.stringify(m).replaceAll("'","'")}' class="${S}">
|
|
3
|
+
<style>${`${f}${$}`}</style>
|
|
4
|
+
${Button_liquid.default({builderProps:{...t,uidInteraction:`${t?.uid}-interaction`},builderAttrs:s,setting:{...helpers$1.getButtonSetting({setting:e,label:c,htmlType:"button",styles:r})},translateSetting:translate.Coupon?.defaultLabel?.id,style:{...styles.getButtonStyle(l,r)},styles:{...styles.getButtonStyles(r)},advanced:a,pageContext:i})}
|
|
5
5
|
</gp-coupon>
|
|
6
|
-
${
|
|
6
|
+
${h()}
|
|
7
7
|
`};exports.default=Coupon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const Coupon={defaultLabel:{id:"defaultLabel"}};exports.Coupon=Coupon;
|
|
1
|
+
"use strict";const Coupon={defaultLabel:{id:"defaultLabel"},clickedLabel:{id:"clickedLabel"}};exports.Coupon=Coupon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers$1=require("../common/helpers.js"),core=require("@gem-sdk/core"),helpers=require("../../../helpers.js");const DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:e,builderProps:s,setting:t})=>{let r=core.useProduct(),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers$1=require("../common/helpers.js"),core=require("@gem-sdk/core"),helpers=require("../../../helpers.js");const DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:e,builderProps:s,setting:t})=>{let r=core.useProduct(),l=core.usePageStore(e=>e.buyerConsentChecked),a=core.usePageStore(e=>e.setBuyerConsentChecked),{description:c,policyLabel:n,policyLink:o,align:y}=t??{},i=r?.id?`buyer-consent-product-${s?.uid}-${r.id}`:void 0,u=helpers$1.getComponentTag(o),m=system.createStyle(styles.getWrapperStyles({styles:e})),d=system.createClass(classes.getWrapperClassName({align:y,uid:s?.uid})),C=system.createStyle(styles.getContainerStyles({styles:e})),h=system.createClass(classes.getCheckboxContainerClassName()),p=system.createStyle(styles.getCheckboxInputStyles()),x=system.createStyle(styles.getTextStyle({styles:e})),g=system.createClass(classes.getCheckboxClassName()),j=system.createClass(classes.getLinkComponentClassName()),b=system.createStyle(classes.getLinkComponentStyles()),k=React.useMemo(()=>helpers.extractProductID(r?.baseID??""),[r?.baseID]),S=React.useMemo(()=>{let e=`${k}`;return l?.[e]??!0},[l,k]),R=e=>{let s=`${k}`,t={...l,[s]:e.target.checked};a(t)};return jsxRuntime.jsx("div",{"data-id":s?.uid,style:m,className:d,children:jsxRuntime.jsxs("label",{htmlFor:i,dir:e?.direction??"ltr",style:C,className:h,children:[jsxRuntime.jsx("input",{id:i,name:i,type:"checkbox",style:p,className:g,checked:S,onChange:R}),jsxRuntime.jsxs("bdo",{dir:e?.direction??"ltr",style:x,children:[c," ",jsxRuntime.jsx(u,{target:"_blank",rel:"noreferrer",href:o,className:j,style:b,children:n})]})]})})};exports.default=BuyerConsent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),React=require("react"),index=require("../constants/index.js"),product=require("../../../product/helpers/product.js");const useSubscriptionConsentCheck=()=>{let e=core.
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),React=require("react"),index=require("../constants/index.js"),product=require("../../../product/helpers/product.js"),helpers=require("../../../helpers.js");const useSubscriptionConsentCheck=()=>{let e=core.usePageStore(e=>e.buyerConsentChecked),r=core.useProductStore(e=>e.selectedOptions),t=core.useProductStore(e=>e.subscriptionSellingType),s=core.useProduct(),n=core.useVariants(),u=React.useMemo(()=>{let r=helpers.extractProductID(s?.baseID??""),t=`${r}`;return e?.[t]},[e,s?.baseID]),o=React.useMemo(()=>{let e=t===index.SubscriptionEnum.ONE_TIME;if(u||e)return!1;let o=!!s?.sellingPlanGroups?.length||!!s?.variants?.edges.find(e=>!!e.node?.sellingPlanGroups?.length);if(!o||!r)return!1;let c=product.checkDefaultVariant(s);if(!c){let e=n.find(e=>e?.selectedOptions.every(e=>r[e.name??""]===e.value)),t=!!e?.sellingPlanGroups?.length;return t}return!0},[r,t,u,s,n]);return{isDisableAccept:o}};exports.useSubscriptionConsentCheck=useSubscriptionConsentCheck;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{template as t,RenderIf as e}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import l from"../../button/components/Button.liquid.js";import{ArticleReadMore as r}from"../settings/configs/translate.js";let ArticleReadMore=({setting:
|
|
3
|
-
${e("text"===c,o({builderAttrs:
|
|
2
|
+
import{template as t,RenderIf as e}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import l from"../../button/components/Button.liquid.js";import{ArticleReadMore as r}from"../settings/configs/translate.js";let ArticleReadMore=({setting:a,styles:n,builderAttrs:i,builderProps:s,advanced:p,style:g})=>{let{readMoreType:c,label:u}=a??{},{typoBtn:m,typoText:d,globalSizeText:b,globalSizeBtn:x,textColorTextState:f,alignBtn:y,alignText:v,enableHoverEffectText:S}=n??{};return t`
|
|
3
|
+
${e("text"===c,o({builderAttrs:i,builderProps:s,advanced:p,styles:{...n,color:f,typo:d,spacing:"0px",align:v,textColor:void 0,enableHoverEffect:S},style:g??{},setting:{...a,text:u,globalSize:b,excludeFlex:!0},translateSetting:r?.label?.id}))}
|
|
4
4
|
${e("text"!==c,t`<a href="{{article.url}}" target="_blank" class="gp-cursor-auto gp-pointer-events-none [&_button]:gp-pointer-events-auto">
|
|
5
|
-
${l({builderAttrs:
|
|
5
|
+
${l({builderAttrs:i,builderProps:s,advanced:p,styles:{...n,typo:m,globalSize:x,align:y},style:g??{},setting:{...a,label:u,htmlType:"button"},translateSetting:r?.label?.id})}</a>`)}
|
|
6
6
|
`};export{ArticleReadMore as default};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{template as
|
|
2
|
-
<gp-coupon data-id="${
|
|
3
|
-
<style>${`${
|
|
4
|
-
${
|
|
1
|
+
import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import o from"../../button/components/Button.liquid.js";import{getDynamicSourceLocales as l,createSettingId as r,getSettingPreloadData as d}from"../../helpers.js";import{createStateOrContext as a,createClass as p}from"@gem-sdk/system";import{getActiveClasses as n}from"../common/classes.js";import{getInnerBorderCornerCss as u,getButtonStyle as c,getButtonStyles as m,getInnerActiveStyles as f}from"../common/styles.js";import{getButtonSetting as g}from"../common/helpers.js";import{Coupon as $}from"../settings/configs/translate.js";let Coupon=({setting:b,builderProps:y,builderAttrs:j,style:v,styles:S,advanced:k,pageContext:L})=>{let{backgroundColorV2:h,textColor:A,enableTextStyle:E}=S??{},{defaultLabel:I,clickedLabel:C,copyContent:G}=b??{},N=l({val:C,uid:y?.uid,settingId:r({id:$?.defaultLabel?.id}),pageContext:L}),O=l({val:C,uid:y?.uid,settingId:r({id:$?.clickedLabel?.id}),pageContext:L}),P=a({defaultLabel:N,clickedLabel:O,copyContent:G,uid:y?.uid,enableTextStyle:E}),T=p(n(h,A)),_=u({uid:y?.uid,styles:S}),q=f(S),x=()=>e(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-coupon-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${i}/assets-v2/gp-coupon-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return t`
|
|
2
|
+
<gp-coupon data-id="${y?.uid}" data-active="false" gp-setting='${JSON.stringify(P).replaceAll("'","'")}' class="${T}">
|
|
3
|
+
<style>${`${_}${q}`}</style>
|
|
4
|
+
${o({builderProps:{...y,uidInteraction:`${y?.uid}-interaction`},builderAttrs:j,setting:{...g({setting:b,label:I,htmlType:"button",styles:S})},translateSetting:$?.defaultLabel?.id,style:{...c(v,S)},styles:{...m(S)},advanced:k,pageContext:L})}
|
|
5
5
|
</gp-coupon>
|
|
6
|
-
${
|
|
6
|
+
${x()}
|
|
7
7
|
`};export{Coupon as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let Coupon={defaultLabel:{id:"defaultLabel"}};export{Coupon};
|
|
1
|
+
let Coupon={defaultLabel:{id:"defaultLabel"},clickedLabel:{id:"clickedLabel"}};export{Coupon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useMemo as t
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{createStyle as o,createClass as s}from"@gem-sdk/system";import{getWrapperStyles as m,getContainerStyles as i,getCheckboxInputStyles as n,getTextStyle as c}from"../common/styles.js";import{getWrapperClassName as d,getCheckboxContainerClassName as l,getCheckboxClassName as a,getLinkComponentClassName as u,getLinkComponentStyles as p}from"../common/classes.js";import{getComponentTag as h}from"../common/helpers.js";import{useProduct as y,usePageStore as f}from"@gem-sdk/core";import{extractProductID as C}from"../../../helpers.js";let DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:b,builderProps:k,setting:E})=>{let N=y(),_=f(e=>e.buyerConsentChecked),g=f(e=>e.setBuyerConsentChecked),{description:j,policyLabel:D,policyLink:I,align:$}=E??{},x=N?.id?`buyer-consent-product-${k?.uid}-${N.id}`:void 0,B=h(I),F=o(m({styles:b})),P=s(d({align:$,uid:k?.uid})),v=o(i({styles:b})),A=s(l()),L=o(n()),O=o(c({styles:b})),R=s(a()),T=s(u()),U=o(p()),H=t(()=>C(N?.baseID??""),[N?.baseID]),K=t(()=>{let e=`${H}`;return _?.[e]??!0},[_,H]),M=e=>{let r=`${H}`,t={..._,[r]:e.target.checked};g(t)};return e("div",{"data-id":k?.uid,style:F,className:P,children:r("label",{htmlFor:x,dir:b?.direction??"ltr",style:v,className:A,children:[e("input",{id:x,name:x,type:"checkbox",style:L,className:R,checked:K,onChange:M}),r("bdo",{dir:b?.direction??"ltr",style:O,children:[j," ",e(B,{target:"_blank",rel:"noreferrer",href:I,className:T,style:U,children:D})]})]})})};export{BuyerConsent as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{usePageStore as e,useProductStore as r,useProduct as t,useVariants as n}from"@gem-sdk/core";import{useMemo as s}from"react";import{SubscriptionEnum as o}from"../constants/index.js";import{checkDefaultVariant as l}from"../../../product/helpers/product.js";import{extractProductID as i}from"../../../helpers.js";let useSubscriptionConsentCheck=()=>{let p=e(e=>e.buyerConsentChecked),u=r(e=>e.selectedOptions),c=r(e=>e.subscriptionSellingType),m=t(),a=n(),d=s(()=>{let e=i(m?.baseID??""),r=`${e}`;return p?.[r]},[p,m?.baseID]),f=s(()=>{let e=c===o.ONE_TIME;if(d||e)return!1;let r=!!m?.sellingPlanGroups?.length||!!m?.variants?.edges.find(e=>!!e.node?.sellingPlanGroups?.length);if(!r||!u)return!1;let t=l(m);if(!t){let e=a.find(e=>e?.selectedOptions.every(e=>u[e.name??""]===e.value)),r=!!e?.sellingPlanGroups?.length;return r}return!0},[u,c,d,m,a]);return{isDisableAccept:f}};export{useSubscriptionConsentCheck};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "12.0.0-dev.
|
|
3
|
+
"version": "12.0.0-dev.63",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"i18n:generate-keys-usage": "node ./scripts/translate/en-keys-usage.js"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@gem-sdk/core": "12.0.0-dev.
|
|
30
|
+
"@gem-sdk/core": "12.0.0-dev.62",
|
|
31
31
|
"@gem-sdk/styles": "12.0.0-dev.53",
|
|
32
32
|
"@gem-sdk/system": "12.0.0-dev.53",
|
|
33
33
|
"@types/react-transition-group": "^4.4.12",
|