@gem-sdk/components 2.1.13-staging.3 → 2.1.13-staging.30

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

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

package/dist/esm/third-party/components/EstimatedDeliveryDatePlus.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/EstimatedDeliveryDatePlus.js';
+
+const EstimatedDeliveryDatePlusContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Estimated Delivery Date ‑ Plus',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const EstimatedDeliveryDatePlus = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(EstimatedDeliveryDatePlusContent, {})
+    });
+};
+
+export { EstimatedDeliveryDatePlus as default };

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

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

package/dist/esm/third-party/components/GloColorSwatchvariantImage.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/GloColorSwatchvariantImage.js';
+
+const GloColorSwatchvariantImageContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'GLO Color Swatch,Variant Image',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const GloColorSwatchvariantImage = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(GloColorSwatchvariantImageContent, {})
+    });
+};
+
+export { GloColorSwatchvariantImage as default };

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

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

package/dist/esm/third-party/components/HextomFreeShippingBar.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/HextomFreeShippingBar.js';
+
+const HextomFreeShippingBarContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Hextom: Free Shipping Bar',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const HextomFreeShippingBar = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(HextomFreeShippingBarContent, {})
+    });
+};
+
+export { HextomFreeShippingBar as default };

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

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

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

@@ -5,7 +5,7 @@ import ThirdPartyPreview from './ThirdPartyPreview.js';
 const AppConfig = {
     id: 'notify-back-in-stockpreorder',
     label: 'Notify! Back in Stock|PreOrder',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/CNWHjbfSt4MDEAE=.png',
+    logoUrl: 'https://cdn.shopify.com/s/files/1/0643/0497/1949/files/Notify_Me_Logo.png?v=1736234550',
     tag: 'NotifyBackInStockPreOrder'
 };
 const NotifyBackInStockPreOrderContent = ()=>{

package/dist/esm/third-party/components/OkendoReviewsLoyalty.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/OkendoReviewsLoyalty.js';
+
+const OkendoReviewsLoyaltyContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Okendo: Reviews & Loyalty',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const OkendoReviewsLoyalty = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(OkendoReviewsLoyaltyContent, {})
+    });
+};
+
+export { OkendoReviewsLoyalty as default };

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

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const OkendoReviewsLoyalty = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block [&_*]:gp-max-w-none`);
+};
+
+export { OkendoReviewsLoyalty as default };

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

@@ -4,21 +4,33 @@ import ThirdPartyPreview from './ThirdPartyPreview.js';
 import { useMemo } from 'react';
 
 const WidgetOptions = [
-    // {
-    //   value: 'bogo',
-    //   label: 'Upsell, Cross-sell',
-    // },
     {
-        value: 'bundle',
-        label: 'Product bundle'
+        value: 'bogo_offer',
+        label: 'qikify Buy X get Y'
     },
     {
-        value: 'volume',
-        label: 'Volume Discount'
+        value: 'free_gift',
+        label: 'qikify Free Gift'
     },
     {
-        value: 'upsurge',
-        label: 'Upsurge'
+        value: 'bundle_offer',
+        label: 'qikify Product Bundle'
+    },
+    {
+        value: 'promotion_badge',
+        label: 'qikify Promotion Badge'
+    },
+    {
+        value: 'order-goal',
+        label: 'qikify Reward Bar'
+    },
+    {
+        value: 'upsurge_offer',
+        label: 'qikify Upsurge Discount'
+    },
+    {
+        value: 'volume_offer',
+        label: 'qikify Volume Discount'
     }
 ];
 const AppConfig = {

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

@@ -1,51 +1,8 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
 
 const QikifyUpsell = ({ setting, advanced })=>{
-    const { align, widgetType } = setting ?? {};
-    const prefix = ()=>{
-        switch(widgetType){
-            // case 'bogo':
-            //   return 'qbk-bogo-offer';
-            case 'bundle':
-                return 'qbk-bundle-offer';
-            case 'volume':
-                return 'qbk-volume-offer';
-            case 'upsurge':
-                return 'qbk-upsurge-offer';
-            // case 'free-gift':
-            //   return 'qbk-free-gift-offer';
-            default:
-                return '';
-        }
-    };
-    return template`
-    <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
-    >
-    {% assign productData = product %}
-    {% if productData %}
-    {% liquid
-      assign triggerId = productData.selected_or_first_available_variant.id
-      assign handle = productData.handle
-      assign productId = productData.id
-      assign blockId = block.id
-    %}
-    <div id="${prefix()}-{{ productId }}"></div>
-    <qbk-inject-offer
-      mount-id="${prefix()}-{{ productId }}"
-      handle="{{ handle }}"
-      section-id="{{ section.id }}"
-      trigger-id="{{ triggerId }}"
-      product-id="{{ productId }}"
-      type="${widgetType}"
-    >
-    </qbk-inject-offer>
-    {% endif %}
-    </div>
-  `;
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
 };
 
 export { QikifyUpsell as default };

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/components/StellarDeliveryDatePickup.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/StellarDeliveryDatePickup.js';
+
+const StellarDeliveryDatePickupContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Stellar Delivery Date & Pickup',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const StellarDeliveryDatePickup = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(StellarDeliveryDatePickupContent, {})
+    });
+};
+
+export { StellarDeliveryDatePickup as default };

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

@@ -0,0 +1,17 @@
+import { template, makeStyleResponsive } from '@gem-sdk/core';
+
+const StellarDeliveryDatePickup = ({ setting, advanced })=>{
+    const { align } = setting ?? {};
+    return template`
+    <div
+      class="${advanced?.cssClass}"
+      style="${{
+        ...makeStyleResponsive('ta', align)
+    }}"
+    >
+      <div class="gp-integration-stellar-delivery__position" ></div>
+    </div>
+  `;
+};
+
+export { StellarDeliveryDatePickup as default };

package/dist/esm/third-party/components/TrustedsiteTrustBadges.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/TrustedsiteTrustBadges.js';
+
+const TrustedsiteTrustBadgesContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'TrustedSite ‑ Trust Badges',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const TrustedsiteTrustBadges = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(TrustedsiteTrustBadgesContent, {})
+    });
+};
+
+export { TrustedsiteTrustBadges as default };

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

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

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'also-bought-cbb',
+    label: 'Also Bought • CBB',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/55a595d2413473dd0c6e6a315690886a/icon/CITkod-6vf0CEAE=.png',
+    tag: 'AlsoBoughtCbb'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'bf-size-chart-size-guide',
+    label: 'BF Size Chart & Size Guide',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/022ba73148820196cc39ae7ac1667ec0/icon/CLqQkc30lu8CEAE=.png',
+    tag: 'BfSizeChartSizeGuide'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'essential-announcement-bar',
+    label: 'Essential Announcement Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/15e8255158a042a1eab34a4c45c72aa5/icon/CMK1jPv9uoADEAE=.png',
+    tag: 'EssentialAnnouncementBar'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'essential-countdown-timer-bar',
+    label: 'Essential Countdown Timer Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/icon/CPzKxLTD4_UCEAE=.png',
+    tag: 'EssentialCountdownTimerBar'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'estimated-delivery-date-plus',
+    label: 'Estimated Delivery Date ‑ Plus',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/e4733a4cb318126885ef06c1a11c2c35/icon/COTnt4SChPkCEAE=.jpeg',
+    tag: 'EstimatedDeliveryDatePlus'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'glo-color-swatchvariant-image',
+    label: 'GLO Color Swatch,Variant Image',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9995b073cfe955d98eb8e9961e8dd7be/icon/CM-Kw8-05_4CEAE=.png',
+    tag: 'GloColorSwatchvariantImage'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'hextom-free-shipping-bar',
+    label: 'Hextom: Free Shipping Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/635cce572624d1086ac37403cf25b5ee/icon/CMuP4OXt54YDEAE=.png',
+    tag: 'HextomFreeShippingBar'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'okendo-reviews-loyalty',
+    label: 'Okendo: Reviews & Loyalty',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/fe55626671bd5da73785c606c2b0752f/icon/CNKRrIWatfoCEAE=.png',
+    tag: 'OkendoReviewsLoyalty'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'stellar-delivery-date-pickup',
+    label: 'Stellar Delivery Date & Pickup',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/568eee7424b5f70382db5178dd815f6a/icon/CMTw3rn0lu8CEAE=.jpg',
+    tag: 'StellarDeliveryDatePickup'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'trustedsite-trust-badges',
+    label: 'TrustedSite ‑ Trust Badges',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/38fdc008d044b95511d73b59ae0cc83f/icon/CIX8yLf0lu8CEAE=.png',
+    tag: 'TrustedsiteTrustBadges'
+};
+
+export { AppConfig as default };

package/dist/esm/third-party/helpers/thirdParty.js

@@ -37,7 +37,7 @@ const getLiquidForAppBlock = (appBlockId, align, cssClass)=>{
     <div
       class="gp-flex gp-w-full gp-items-center ${cssClass}"
       style="${{
-        ...makeStyleResponsive('ta', align)
+        ...makeStyleResponsive('jc', align)
     }}"
     >
       {% for block in app_blocks %}

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

@@ -2,6 +2,26 @@ import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
 
+const EstimatedDeliveryDatePlus = dynamic(()=>import('./components/EstimatedDeliveryDatePlus.js'), {
+    ssr: false,
+    loading: Loading
+});
+const OkendoReviewsLoyalty = dynamic(()=>import('./components/OkendoReviewsLoyalty.js'), {
+    ssr: false,
+    loading: Loading
+});
+const EssentialAnnouncementBar = dynamic(()=>import('./components/EssentialAnnouncementBar.js'), {
+    ssr: false,
+    loading: Loading
+});
+const EssentialCountdownTimerBar = dynamic(()=>import('./components/EssentialCountdownTimerBar.js'), {
+    ssr: false,
+    loading: Loading
+});
+const StellarDeliveryDatePickup = dynamic(()=>import('./components/StellarDeliveryDatePickup.js'), {
+    ssr: false,
+    loading: Loading
+});
 const TrustshopProductReviews = dynamic(()=>import('./components/TrustshopProductReviews.js'), {
     ssr: false,
     loading: Loading
@@ -414,7 +434,32 @@ const TrustBadgesBear = dynamic(()=>import('./components/TrustBadgesBear.js'), {
     ssr: false,
     loading: Loading
 });
+const TrustedsiteTrustBadges = dynamic(()=>import('./components/TrustedsiteTrustBadges.js'), {
+    ssr: false,
+    loading: Loading
+});
+const GloColorSwatchvariantImage = dynamic(()=>import('./components/GloColorSwatchvariantImage.js'), {
+    ssr: false,
+    loading: Loading
+});
+const BfSizeChartSizeGuide = dynamic(()=>import('./components/BfSizeChartSizeGuide.js'), {
+    ssr: false,
+    loading: Loading
+});
+const AlsoBoughtCbb = dynamic(()=>import('./components/AlsoBoughtCbb.js'), {
+    ssr: false,
+    loading: Loading
+});
+const HextomFreeShippingBar = dynamic(()=>import('./components/HextomFreeShippingBar.js'), {
+    ssr: false,
+    loading: Loading
+});
 var thirdParty = {
+    EstimatedDeliveryDatePlus,
+    OkendoReviewsLoyalty,
+    EssentialAnnouncementBar,
+    EssentialCountdownTimerBar,
+    StellarDeliveryDatePickup,
     TrustshopProductReviews,
     HulkProductOptions,
     TrustreviewsProductReviews,
@@ -517,7 +562,12 @@ var thirdParty = {
     BirdChime,
     FordeerProductLabels,
     HextomCountdownTimerBar,
-    TrustBadgesBear
+    TrustBadgesBear,
+    TrustedsiteTrustBadges,
+    GloColorSwatchvariantImage,
+    BfSizeChartSizeGuide,
+    AlsoBoughtCbb,
+    HextomFreeShippingBar
 };
 
 export { thirdParty as default };