@gem-sdk/components 2.1.12 → 2.1.13-staging.1

package/dist/esm/post-purchase/product/settings/ProductOffer.js

@@ -180,6 +180,14 @@ const config = {
                         }
                     }
                 },
+                {
+                    id: 'dynamicOfferQuantity',
+                    type: 'dynamic-offer-quantity',
+                    min: 1,
+                    max: 4,
+                    default: 2,
+                    isOnlyAcceptInteger: true
+                },
                 {
                     id: 'discountAndShippingFee',
                     type: 'discount-and-shipping-fee-product-offer',
@@ -373,6 +381,24 @@ const config = {
             },
             layout: 'vertical'
         },
+        {
+            type: 'group',
+            label: {
+                en: 'Product offers'
+            },
+            controls: [
+                {
+                    type: 'control',
+                    label: {
+                        en: 'Quantity'
+                    },
+                    setting: {
+                        id: 'dynamicOfferQuantity'
+                    }
+                }
+            ],
+            condition: 'false'
+        },
         {
             type: 'control',
             label: {

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

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/HextomCountdownTimerBar.js';
+
+const HextomCountdownTimerBarContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Hextom: Countdown Timer Bar',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const HextomCountdownTimerBar = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(HextomCountdownTimerBarContent, {})
+    });
+};
+
+export { HextomCountdownTimerBar as default };

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

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const HextomCountdownTimerBar = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
+};
+
+export { HextomCountdownTimerBar as default };

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

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/TrustBadgesBear.js';
+
+const TrustBadgesBearContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Trust Badges Bear',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const TrustBadgesBear = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(TrustBadgesBearContent, {})
+    });
+};
+
+export { TrustBadgesBear as default };

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

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const TrustBadgesBear = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
+};
+
+export { TrustBadgesBear as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'hextom-countdown-timer-bar',
+    label: 'Hextom: Countdown Timer Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/904be13e4bba460880341eba1a5579e1/icon/CKCYtc2d5oYDEAE=.png',
+    tag: 'HextomCountdownTimerBar'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'trust-badges-bear',
+    label: 'Trust Badges Bear',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/c9141bfba8db18a258f290a5a639986e/icon/CLDR_q6erfwCEAE=.png',
+    tag: 'TrustBadgesBear'
+};
+
+export { AppConfig as default };

package/dist/esm/third-party/next.js

@@ -406,6 +406,14 @@ const Selleasy = dynamic(()=>import('./components/Selleasy.js'), {
     ssr: false,
     loading: Loading
 });
+const HextomCountdownTimerBar = dynamic(()=>import('./components/HextomCountdownTimerBar.js'), {
+    ssr: false,
+    loading: Loading
+});
+const TrustBadgesBear = dynamic(()=>import('./components/TrustBadgesBear.js'), {
+    ssr: false,
+    loading: Loading
+});
 var thirdParty = {
     TrustshopProductReviews,
     HulkProductOptions,
@@ -507,7 +515,9 @@ var thirdParty = {
     Releasit,
     RequestQuoteHidePrice,
     BirdChime,
-    FordeerProductLabels
+    FordeerProductLabels,
+    HextomCountdownTimerBar,
+    TrustBadgesBear
 };
 
 export { thirdParty as default };

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

@@ -0,0 +1,124 @@
+import AppConfig from '../configs/HextomCountdownTimerBar.js';
+
+const config = {
+    tag: AppConfig.tag,
+    label: AppConfig.label,
+    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/904be13e4bba460880341eba1a5579e1/icon/CKCYtc2d5oYDEAE=.png">',
+    editorConfigs: {
+        component: {
+            isThirdParty: true
+        }
+    },
+    presets: [
+        {
+            id: AppConfig.id,
+            name: {
+                en: AppConfig.label
+            },
+            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/904be13e4bba460880341eba1a5579e1/icon/CKCYtc2d5oYDEAE=.png">
+        <span class="preset-item-title">Hextom: Countdown Timer Bar</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AppConfig.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Fsb Custom Placement',
+                            value: 'fsb-custom-placement'
+                        }
+                    ],
+                    default: 'fsb-custom-placement'
+                },
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/event-promotion-bar?utm_source=gempages',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: '',
+                    appName: AppConfig.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: [
+        {
+            type: 'control',
+            setting: {
+                id: 'install'
+            }
+        },
+        {
+            type: 'control',
+            setting: {
+                id: 'openApp'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Align'
+            },
+            setting: {
+                id: 'align'
+            }
+        }
+    ]
+};
+
+export { config as default };

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

@@ -0,0 +1,124 @@
+import AppConfig from '../configs/TrustBadgesBear.js';
+
+const config = {
+    tag: AppConfig.tag,
+    label: AppConfig.label,
+    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/c9141bfba8db18a258f290a5a639986e/icon/CLDR_q6erfwCEAE=.png">',
+    editorConfigs: {
+        component: {
+            isThirdParty: true
+        }
+    },
+    presets: [
+        {
+            id: AppConfig.id,
+            name: {
+                en: AppConfig.label
+            },
+            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/c9141bfba8db18a258f290a5a639986e/icon/CLDR_q6erfwCEAE=.png">
+        <span class="preset-item-title">Trust Badges Bear</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AppConfig.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Widget',
+                            value: 'widget'
+                        }
+                    ],
+                    default: 'widget'
+                },
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/ultimate-trust-badges?utm_source=gempages',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: 'https://admin.shopify.com/?redirect=/apps/ultimate-trust-badge',
+                    appName: AppConfig.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: [
+        {
+            type: 'control',
+            setting: {
+                id: 'install'
+            }
+        },
+        {
+            type: 'control',
+            setting: {
+                id: 'openApp'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Align'
+            },
+            setting: {
+                id: 'align'
+            }
+        }
+    ]
+};
+
+export { config as default };