@gem-sdk/components 2.1.19 → 2.1.21

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

@@ -1,8 +1,9 @@
 import { template, makeStyleResponsive } from '@gem-sdk/core';
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
 
 const ShopifySubscriptions = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    return template`
+    const { align, widgetType, appBlockId } = setting ?? {};
+    return widgetType === 'app-block' ? getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`) : template`
     <div
       class="${advanced?.cssClass}"
       style="${{

package/dist/esm/third-party/setting/NotifyBackInStockPreOrder.js

@@ -3,7 +3,7 @@ import { AppConfig } from '../components/NotifyBackInStockPreOrder.js';
 const config = {
     tag: AppConfig.tag,
     label: AppConfig.label,
-    icon: '<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/CNWHjbfSt4MDEAE=.png">',
+    icon: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`,
     editorConfigs: {
         placeholder: {
             flowTag: [
@@ -23,7 +23,7 @@ const config = {
             hideTextContent: true,
             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/9216cd5dd17ab1a38de2641bae109159/icon/CNWHjbfSt4MDEAE=.png">
+        <img class="w-24 border border-dark-200 rounded-medium" src="${AppConfig.logoUrl}">
         <span class="preset-item-title">Notify! Back in Stock|PreOrder</span>
       </div>`
             },

package/dist/esm/third-party/setting/ShopifySubscriptions.js

@@ -38,6 +38,11 @@ const config = {
         {
             id: 'setting',
             controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
                 {
                     id: 'install',
                     type: 'open-link',
@@ -54,6 +59,23 @@ const config = {
                     href: 'https://admin.shopify.com/?redirect=/apps/subscriptions-remix',
                     appName: AppConfig.label
                 },
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    default: 'app-block',
+                    options: [
+                        {
+                            label: 'app block',
+                            value: 'app-block'
+                        }
+                    ]
+                },
+                {
+                    id: 'productHandle',
+                    type: 'product-handle',
+                    hide: true
+                },
                 {
                     id: 'align',
                     label: 'Alignment',

package/dist/types/index.d.ts

@@ -2927,6 +2927,9 @@ type ShopifySubscriptionsProps = BaseProps<{
     align?: ObjectDevices<AlignProp>;
     openApp?: any;
     install?: any;
+    appBlockId?: string;
+    widgetType?: string;
+    productHandle?: string;
 }>;
 declare const ShopifySubscriptions$1: React.FC<ShopifySubscriptionsProps>;
 
@@ -4586,6 +4589,7 @@ type ProductOfferSettings = Omit<ProductSetting, 'productSetting'> & {
         productIds?: string[];
     };
     productOfferLayout: ObjectDevices<'1col' | '2col'>;
+    dynamicOfferQuantity?: number;
     discountAndShippingFee?: boolean;
 };
 type ProductOfferStyles = RowProps$1['styles'] & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.1.19",
+  "version": "2.1.21",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -21,7 +21,7 @@
     "format": "prettier --write \"./src/**/*.{ts,tsx}\""
   },
   "devDependencies": {
-    "@gem-sdk/core": "2.1.18",
+    "@gem-sdk/core": "2.1.21",
     "@gem-sdk/styles": "2.1.0",
     "@types/react-transition-group": "^4.4.5"
   },