@gem-sdk/components 4.0.0-staging.1181 → 4.0.0-staging.1184

package/dist/cjs/third-party/components/EasifyProductOptions.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ThirdPartyPreview=require("./ThirdPartyPreview.js"),EasifyProductOptions$1=require("../configs/EasifyProductOptions.js");const EasifyProductOptionsContent=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-p-2",children:jsxRuntime.jsx(ThirdPartyPreview.default,{setting:{label:"Easify Product Options",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${EasifyProductOptions$1.default.logoUrl}">`}})})}),EasifyProductOptions=({setting:e})=>jsxRuntime.jsx("div",{style:{...core.makeStyleResponsive("ta",e?.align)},children:jsxRuntime.jsx(EasifyProductOptionsContent,{})});exports.default=EasifyProductOptions;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ThirdPartyPreview=require("./ThirdPartyPreview.js"),EasifyProductOptions$1=require("../configs/EasifyProductOptions.js");const EasifyProductOptionsContent=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-p-2",children:jsxRuntime.jsx(ThirdPartyPreview.default,{setting:{label:"Easify Product Options",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${EasifyProductOptions$1.default.logoUrl}">`},children:jsxRuntime.jsx("img",{className:"h-auto w-full",src:EasifyProductOptions$1.default.renderPreview,alt:"Easify Product Options"})})})}),EasifyProductOptions=({setting:e})=>jsxRuntime.jsx("div",{style:{...core.makeStyleResponsive("ta",e?.align)},children:jsxRuntime.jsx(EasifyProductOptionsContent,{})});exports.default=EasifyProductOptions;

package/dist/cjs/third-party/components/SkioSubscriptionsYcS20.liquid.js

@@ -1,8 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core");const SkioSubscriptionsYcS20=({setting:e,advanced:s})=>{let{align:t,sellingPlanId:r}=e??{};return core.template`
-    <div
-      class="${s?.cssClass}"
-      style="${{...core.makeStyleResponsive("ta",t)}}"
-    >
-      <input type="hidden" name="selling_plan" value="${r}">
-    </div>
-  `};exports.default=SkioSubscriptionsYcS20;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var helpers=require("../common/helpers.js");const SkioSubscriptionsYcS20=({setting:e,advanced:s})=>{let{align:r,appBlockId:o}=e??{};return helpers.getLiquidForAppBlock(o,r,s?.cssClass)};exports.default=SkioSubscriptionsYcS20;

package/dist/cjs/third-party/components/ThirdPartyPreview.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Button=require("../../button/components/Button.js"),core=require("@gem-sdk/core");const ThirdPartyPreview=({setting:e,styles:t})=>{let{isPreviewSharePageMode:r}=core.useRenderMode();return r?null:jsxRuntime.jsx(Button.default,{setting:{...e,iconAlign:"left",iconVisible:!0,options:{isCannotEditing:!0}},styles:{...t,roundedBtnV2:{normal:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"},hover:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"}},iconSpacing:{desktop:"16px"},size:{desktop:"48px",tablet:"48px",mobile:"48px"},globalSize:{desktop:{padding:{top:"12px",bottom:"12px",left:"16px",right:"16px",type:"custom"}}},typo:{custom:{fontSize:{desktop:"14px"}},attrs:{color:"#E2E2E2"}},backgroundColorV2:{normal:"#252525",hover:"#252525"},textOverFlow:!0}})};exports.default=ThirdPartyPreview;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Button=require("../../button/components/Button.js"),core=require("@gem-sdk/core");const ThirdPartyPreview=({setting:e,styles:t,children:r})=>{let{isPreviewSharePageMode:o}=core.useRenderMode();return o?r??null:jsxRuntime.jsx(Button.default,{setting:{...e,iconAlign:"left",iconVisible:!0,options:{isCannotEditing:!0}},styles:{...t,roundedBtnV2:{normal:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"},hover:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"}},iconSpacing:{desktop:"16px"},size:{desktop:"48px",tablet:"48px",mobile:"48px"},globalSize:{desktop:{padding:{top:"12px",bottom:"12px",left:"16px",right:"16px",type:"custom"}}},typo:{custom:{fontSize:{desktop:"14px"}},attrs:{color:"#E2E2E2"}},backgroundColorV2:{normal:"#252525",hover:"#252525"},textOverFlow:!0}})};exports.default=ThirdPartyPreview;

package/dist/cjs/third-party/configs/EasifyProductOptions.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var AppConfig={id:"easify-product-options",label:"Easify Product Options",logoUrl:"https://ucarecdn.com/8a9379c1-681a-42f7-ab5f-1cb4d0fb63cc/-/format/auto/-/preview/3000x3000/-/quality/lighter/?width=22&height=22",tag:"EasifyProductOptions"};exports.default=AppConfig;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var AppConfig={id:"easify-product-options",label:"Easify Product Options",logoUrl:"https://ucarecdn.com/8a9379c1-681a-42f7-ab5f-1cb4d0fb63cc/-/format/auto/-/preview/3000x3000/-/quality/lighter/?width=22&height=22",tag:"EasifyProductOptions",renderPreview:"https://cdn.shopify.com/s/files/1/1833/4291/files/gempages_464227264272270525-276d464d-2824-40ac-832c-700455ca40c5.svg"};exports.default=AppConfig;

package/dist/cjs/third-party/settings/SkioSubscriptionsYcS20/index.js

@@ -1,4 +1,4 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var SkioSubscriptionsYcS20=require("../../configs/SkioSubscriptionsYcS20.js"),uiV1=require("./uiV1.js"),uiV2=require("./uiV2.js"),helpers=require("../../common/helpers.js");const config={tag:SkioSubscriptionsYcS20.default.tag,label:SkioSubscriptionsYcS20.default.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:SkioSubscriptionsYcS20.default.id,name:{en:SkioSubscriptionsYcS20.default.label},hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">
         <span class="preset-item-title">Skio Subscriptions (YC S20)</span>
-      </div>`},components:[{tag:SkioSubscriptionsYcS20.default.tag}]}],settings:[{id:"setting",controls:[{id:"sellingPlanId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:helpers.get3rdPartyInstallLink({handle:"skio"}),appName:SkioSubscriptionsYcS20.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:SkioSubscriptionsYcS20.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:uiV1.default,uiV2:uiV2.default};exports.default=config;
+      </div>`},components:[{tag:SkioSubscriptionsYcS20.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"App Block",value:"app-block"}],default:"app-block"},{id:"sellingPlanId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:helpers.get3rdPartyInstallLink({handle:"skio"}),appName:SkioSubscriptionsYcS20.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:SkioSubscriptionsYcS20.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:uiV1.default,uiV2:uiV2.default};exports.default=config;

package/dist/esm/third-party/components/EasifyProductOptions.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o,Fragment as r}from"react/jsx-runtime";import{makeStyleResponsive as t}from"@gem-sdk/core";import i from"./ThirdPartyPreview.js";import s from"../configs/EasifyProductOptions.js";let EasifyProductOptionsContent=()=>o(r,{children:o("div",{className:"gp-p-2",children:o(i,{setting:{label:"Easify Product Options",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${s.logoUrl}">`}})})}),EasifyProductOptions=({setting:r})=>o("div",{style:{...t("ta",r?.align)},children:o(EasifyProductOptionsContent,{})});export{EasifyProductOptions as default};
+import{jsx as r,Fragment as i}from"react/jsx-runtime";import{makeStyleResponsive as o}from"@gem-sdk/core";import t from"./ThirdPartyPreview.js";import s from"../configs/EasifyProductOptions.js";let EasifyProductOptionsContent=()=>r(i,{children:r("div",{className:"gp-p-2",children:r(t,{setting:{label:"Easify Product Options",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${s.logoUrl}">`},children:r("img",{className:"h-auto w-full",src:s.renderPreview,alt:"Easify Product Options"})})})}),EasifyProductOptions=({setting:i})=>r("div",{style:{...o("ta",i?.align)},children:r(EasifyProductOptionsContent,{})});export{EasifyProductOptions as default};

package/dist/esm/third-party/components/SkioSubscriptionsYcS20.liquid.js

@@ -1,8 +1 @@
-import{template as s,makeStyleResponsive as e}from"@gem-sdk/core";let SkioSubscriptionsYcS20=({setting:i,advanced:t})=>{let{align:l,sellingPlanId:a}=i??{};return s`
-    <div
-      class="${t?.cssClass}"
-      style="${{...e("ta",l)}}"
-    >
-      <input type="hidden" name="selling_plan" value="${a}">
-    </div>
-  `};export{SkioSubscriptionsYcS20 as default};
+import{getLiquidForAppBlock as s}from"../common/helpers.js";let SkioSubscriptionsYcS20=({setting:o,advanced:r})=>{let{align:t,appBlockId:e}=o??{};return s(e,t,r?.cssClass)};export{SkioSubscriptionsYcS20 as default};

package/dist/esm/third-party/components/ThirdPartyPreview.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import r from"../../button/components/Button.js";import{useRenderMode as o}from"@gem-sdk/core";let ThirdPartyPreview=({setting:e,styles:p})=>{let{isPreviewSharePageMode:i}=o();return i?null:t(r,{setting:{...e,iconAlign:"left",iconVisible:!0,options:{isCannotEditing:!0}},styles:{...p,roundedBtnV2:{normal:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"},hover:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"}},iconSpacing:{desktop:"16px"},size:{desktop:"48px",tablet:"48px",mobile:"48px"},globalSize:{desktop:{padding:{top:"12px",bottom:"12px",left:"16px",right:"16px",type:"custom"}}},typo:{custom:{fontSize:{desktop:"14px"}},attrs:{color:"#E2E2E2"}},backgroundColorV2:{normal:"#252525",hover:"#252525"},textOverFlow:!0}})};export{ThirdPartyPreview as default};
+import{jsx as t}from"react/jsx-runtime";import r from"../../button/components/Button.js";import{useRenderMode as o}from"@gem-sdk/core";let ThirdPartyPreview=({setting:e,styles:p,children:i})=>{let{isPreviewSharePageMode:n}=o();return n?i??null:t(r,{setting:{...e,iconAlign:"left",iconVisible:!0,options:{isCannotEditing:!0}},styles:{...p,roundedBtnV2:{normal:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"},hover:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"}},iconSpacing:{desktop:"16px"},size:{desktop:"48px",tablet:"48px",mobile:"48px"},globalSize:{desktop:{padding:{top:"12px",bottom:"12px",left:"16px",right:"16px",type:"custom"}}},typo:{custom:{fontSize:{desktop:"14px"}},attrs:{color:"#E2E2E2"}},backgroundColorV2:{normal:"#252525",hover:"#252525"},textOverFlow:!0}})};export{ThirdPartyPreview as default};

package/dist/esm/third-party/configs/EasifyProductOptions.js

@@ -1 +1 @@
-var AppConfig={id:"easify-product-options",label:"Easify Product Options",logoUrl:"https://ucarecdn.com/8a9379c1-681a-42f7-ab5f-1cb4d0fb63cc/-/format/auto/-/preview/3000x3000/-/quality/lighter/?width=22&height=22",tag:"EasifyProductOptions"};export{AppConfig as default};
+var AppConfig={id:"easify-product-options",label:"Easify Product Options",logoUrl:"https://ucarecdn.com/8a9379c1-681a-42f7-ab5f-1cb4d0fb63cc/-/format/auto/-/preview/3000x3000/-/quality/lighter/?width=22&height=22",tag:"EasifyProductOptions",renderPreview:"https://cdn.shopify.com/s/files/1/1833/4291/files/gempages_464227264272270525-276d464d-2824-40ac-832c-700455ca40c5.svg"};export{AppConfig as default};

package/dist/esm/third-party/settings/SkioSubscriptionsYcS20/index.js

@@ -1,4 +1,4 @@
-import e from"../../configs/SkioSubscriptionsYcS20.js";import i from"./uiV1.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as l}from"../../common/helpers.js";let config={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.label},hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+import e from"../../configs/SkioSubscriptionsYcS20.js";import t from"./uiV1.js";import i from"./uiV2.js";import{get3rdPartyInstallLink as l}from"../../common/helpers.js";let config={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.label},hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">
         <span class="preset-item-title">Skio Subscriptions (YC S20)</span>
-      </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"sellingPlanId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:l({handle:"skio"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:i,uiV2:t};export{config as default};
+      </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"App Block",value:"app-block"}],default:"app-block"},{id:"sellingPlanId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:l({handle:"skio"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:t,uiV2:i};export{config as default};

package/dist/types/index.d.ts

@@ -4872,6 +4872,7 @@ type SkioSubscriptionsYcS20Props = BaseProps<{
     install?: any;
     sellingPlanId?: string;
     widgetType?: string;
+    appBlockId?: string;
 }>;
 type SmartSearchBarAndFiltersProps = BaseProps<{
     apiKey?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "4.0.0-staging.1181",
+  "version": "4.0.0-staging.1184",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
     "scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
   },
   "devDependencies": {
-    "@gem-sdk/core": "4.0.0-staging.1181",
+    "@gem-sdk/core": "4.0.0-staging.1182",
     "@gem-sdk/styles": "3.1.0-staging.1137",
     "@gem-sdk/system": "3.1.0-staging.1137",
     "tsup": "^8.5.0",