@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

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

@@ -1,23 +1,14 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-
-const AliReviews = ({ setting, advanced })=>{
-    const { widgetType, align } = setting ?? {};
-    return template`
+import{template as e,makeStyleResponsive as i}from"@gem-sdk/core";let AliReviews=({setting:s,advanced:d})=>{let{widgetType:a,align:r}=s??{};return e`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${d?.cssClass}"
+      style="${{...i("ta",r)}}"
     >
-      {% assign widget = '${widgetType}' %}
+      {% assign widget = '${a}' %}
       {% case widget %}
         {% when 'starRating' %}
           <div class='alireviews-review-star-rating' product-handle='{{product.handle}}' product-id='{{product.id}}'> </div >
         {% when 'reviewBox' %}
-          <div class="alireviews-review-box"> </div 
+          <div class="alireviews-review-box"> </div
       {% endcase %}
     </div>
-  `;
-};
-
-export { AliReviews as default };
+  `};export{AliReviews as default};

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

@@ -1,28 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyleResponsive } from '@gem-sdk/core';
-import ThirdPartyPreview from './ThirdPartyPreview.js';
-import AppConfig from '../configs/AlsoBoughtCbb.js';
-
-const AlsoBoughtCbbContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: 'Also Bought • CBB',
-                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const AlsoBoughtCbb = ({ setting })=>{
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsx(AlsoBoughtCbbContent, {})
-    });
-};
-
-export { AlsoBoughtCbb as default };
+'use client';
+import{jsx as o,Fragment as r}from"react/jsx-runtime";import{makeStyleResponsive as t}from"@gem-sdk/core";import e from"./ThirdPartyPreview.js";import l from"../configs/AlsoBoughtCbb.js";let AlsoBoughtCbbContent=()=>o(r,{children:o("div",{className:"gp-p-2",children:o(e,{setting:{label:"Also Bought • CBB",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${l.logoUrl}">`}})})}),AlsoBoughtCbb=({setting:r})=>o("div",{style:{...t("ta",r?.align)},children:o(AlsoBoughtCbbContent,{})});export{AlsoBoughtCbb as default};

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

@@ -1,17 +1,8 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-
-const AlsoBoughtCbb = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    return template`
+import{template as s,makeStyleResponsive as t}from"@gem-sdk/core";let AlsoBoughtCbb=({setting:o,advanced:l})=>{let{align:e}=o??{};return s`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${l?.cssClass}"
+      style="${{...t("ta",e)}}"
     >
       <div class="gp-integration-also-bought__position" />
     </div>
-  `;
-};
-
-export { AlsoBoughtCbb as default };
+  `};export{AlsoBoughtCbb as default};

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

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e,Fragment as o}from"react/jsx-runtime";import{makeStyleResponsive as r}from"@gem-sdk/core";import t from"./ThirdPartyPreview.js";import i from"../configs/AovFreeGiftBuyXGetYBogo.js";let AovFreeGiftBuyXGetYBogoContent=()=>e(o,{children:e("div",{className:"gp-p-2",children:e(t,{setting:{label:"AOV Free Gift Buy X Get Y BOGO",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${i.logoUrl}">`}})})}),AovFreeGiftBuyXGetYBogo=({setting:o})=>e("div",{style:{...r("ta",o?.align)},children:e(AovFreeGiftBuyXGetYBogoContent,{})});export{AovFreeGiftBuyXGetYBogo as default};

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

@@ -0,0 +1 @@
+import{getLiquidForAppBlock as e}from"../common/helpers.js";let AovFreeGiftBuyXGetYBogo=({setting:o,advanced:t})=>{let{align:r,appBlockId:s}=o??{};return e(s,r,`${t?.cssClass??""}!gp-block [&_*]:gp-max-w-none`)};export{AovFreeGiftBuyXGetYBogo as default};

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

@@ -1,33 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyleResponsive } from '@gem-sdk/core';
-import ThirdPartyPreview from './ThirdPartyPreview.js';
-
-const AppConfig = {
-    id: 'appointment-booking-cowlendar',
-    label: 'Appointment Booking Cowlendar',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/e297c43d07c087a231c656afcdca283f/icon/CP-e-oKX6PUCEAE=.png',
-    tag: 'AppointmentBookingCowlendar'
-};
-const AppointmentBookingCowlendarContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: 'Appointment Booking Cowlendar',
-                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const AppointmentBookingCowlendar = ({ setting })=>{
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsx(AppointmentBookingCowlendarContent, {})
-    });
-};
-
-export { AppConfig, AppointmentBookingCowlendar as default };
+'use client';
+import{jsx as o,Fragment as n}from"react/jsx-runtime";import{makeStyleResponsive as e}from"@gem-sdk/core";import r from"./ThirdPartyPreview.js";import t from"../configs/AppointmentBookingCowlendar.js";let AppointmentBookingCowlendarContent=()=>o(n,{children:o("div",{className:"gp-p-2",children:o(r,{setting:{label:"Appointment Booking Cowlendar",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})}),AppointmentBookingCowlendar=({setting:n})=>o("div",{style:{...e("ta",n?.align)},children:o(AppointmentBookingCowlendarContent,{})});export{AppointmentBookingCowlendar as default};

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

@@ -1,8 +1 @@
-import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
-
-const AppointmentBookingCowlendar = ({ setting, advanced })=>{
-    const { align, appBlockId } = setting ?? {};
-    return getLiquidForAppBlock(appBlockId, align, advanced?.cssClass);
-};
-
-export { AppointmentBookingCowlendar as default };
+import{getLiquidForAppBlock as o}from"../common/helpers.js";let AppointmentBookingCowlendar=({setting:e,advanced:n})=>{let{align:t,appBlockId:r}=e??{};return o(r,t,n?.cssClass)};export{AppointmentBookingCowlendar as default};

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

@@ -1,28 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyleResponsive } from '@gem-sdk/core';
-import ThirdPartyPreview from './ThirdPartyPreview.js';
-import AppConfig from '../configs/AppstleBundlesDiscounts.js';
-
-const AppstleBundlesDiscountsContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: 'Appstle℠ Bundles & Discounts',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const AppstleBundlesDiscounts = ({ setting })=>{
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsx(AppstleBundlesDiscountsContent, {})
-    });
-};
-
-export { AppstleBundlesDiscounts as default };
+'use client';
+import{jsx as s,Fragment as e}from"react/jsx-runtime";import{makeStyleResponsive as t}from"@gem-sdk/core";import l from"./ThirdPartyPreview.js";import n from"../configs/AppstleBundlesDiscounts.js";let AppstleBundlesDiscountsContent=()=>s(e,{children:s("div",{className:"gp-p-2",children:s(l,{setting:{label:"Appstle℠ Bundles & Discounts",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${n.logoUrl}">`}})})}),AppstleBundlesDiscounts=({setting:e})=>s("div",{style:{...t("ta",e?.align)},children:s(AppstleBundlesDiscountsContent,{})});export{AppstleBundlesDiscounts as default};

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

@@ -1,8 +1 @@
-import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
-
-const AppstleBundlesDiscounts = ({ setting, advanced })=>{
-    const { align, appBlockId } = setting ?? {};
-    return getLiquidForAppBlock(appBlockId, align, advanced?.cssClass);
-};
-
-export { AppstleBundlesDiscounts as default };
+import{getLiquidForAppBlock as s}from"../common/helpers.js";let AppstleBundlesDiscounts=({setting:e,advanced:t})=>{let{align:l,appBlockId:o}=e??{};return s(o,l,t?.cssClass)};export{AppstleBundlesDiscounts as default};

package/dist/esm/third-party/components/AppstleSubscriptions/AppstleSubscriptionsSampleContent.js

@@ -1,19 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import ThirdPartyPreview from '../ThirdPartyPreview.js';
-import AppstleSubscriptionsConfig from '../../configs/AppstleSubscriptions.js';
-
-const AppstleSubscriptionsSampleContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: AppstleSubscriptionsConfig.label,
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppstleSubscriptionsConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-
-export { AppstleSubscriptionsSampleContent as default };
+'use client';
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import p from"../ThirdPartyPreview.js";import t from"../../configs/AppstleSubscriptions.js";let AppstleSubscriptionsSampleContent=()=>r(e,{children:r("div",{className:"gp-p-2",children:r(p,{setting:{label:t.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})});export{AppstleSubscriptionsSampleContent as default};

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

@@ -1,18 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useEditorMode, makeStyleResponsive } from '@gem-sdk/core';
-import dynamic from 'next/dynamic';
-
-const AppstleSubscriptionsSampleContent = dynamic(()=>import('./AppstleSubscriptions/AppstleSubscriptionsSampleContent.js'));
-const AppstleSubscriptions = ({ setting })=>{
-    const mode = useEditorMode();
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: mode === 'edit' && /*#__PURE__*/ jsx(AppstleSubscriptionsSampleContent, {
-            setting: setting
-        })
-    });
-};
-
-export { AppstleSubscriptions as default };
+'use client';
+import{jsx as t}from"react/jsx-runtime";import{useEditorMode as e,makeStyleResponsive as p}from"@gem-sdk/core";import s from"next/dynamic";let AppstleSubscriptionsSampleContent=s(()=>import("./AppstleSubscriptions/AppstleSubscriptionsSampleContent.js")),AppstleSubscriptions=({setting:s})=>{let i=e();return t("div",{style:{...p("ta",s?.align)},children:"edit"===i&&t(AppstleSubscriptionsSampleContent,{setting:s})})};export{AppstleSubscriptions as default};

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

@@ -1,17 +1,8 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-
-const AppstleSubscriptions = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    return template`
+import{template as s,makeStyleResponsive as t}from"@gem-sdk/core";let AppstleSubscriptions=({setting:e,advanced:a})=>{let{align:p}=e??{};return s`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${a?.cssClass}"
+      style="${{...t("ta",p)}}"
     >
       <span class='appstle_stand_alone_selector' data-product-data='{{ product | json | escape }}' style="display:none;"></span>
     </div>
-  `;
-};
-
-export { AppstleSubscriptions as default };
+  `};export{AppstleSubscriptions as default};

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

@@ -1,33 +1 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyleResponsive } from '@gem-sdk/core';
-import ThirdPartyPreview from './ThirdPartyPreview.js';
-
-const AppConfig = {
-    id: 'best-buy-fulfillment',
-    label: 'Best Buy Fulfillment',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/cff02298a65798558a8b2ec125eaa1e4/icon/CKzimdrIrIcDEAE=.png',
-    tag: 'BestBuyFulfillment'
-};
-const BestBuyFulfillmentContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: 'Best Buy Fulfillment',
-                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const BestBuyFulfillment = ({ setting })=>{
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsx(BestBuyFulfillmentContent, {})
-    });
-};
-
-export { AppConfig, BestBuyFulfillment as default };
+import{jsx as e,Fragment as l}from"react/jsx-runtime";import{makeStyleResponsive as t}from"@gem-sdk/core";import i from"./ThirdPartyPreview.js";let AppConfig={id:"best-buy-fulfillment",label:"Best Buy Fulfillment",logoUrl:"https://cdn.shopify.com/app-store/listing_images/cff02298a65798558a8b2ec125eaa1e4/icon/CKzimdrIrIcDEAE=.png",tag:"BestBuyFulfillment"},BestBuyFulfillmentContent=()=>e(l,{children:e("div",{className:"gp-p-2",children:e(i,{setting:{label:"Best Buy Fulfillment",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`}})})}),BestBuyFulfillment=({setting:l})=>e("div",{style:{...t("ta",l?.align)},children:e(BestBuyFulfillmentContent,{})});export{AppConfig,BestBuyFulfillment as default};

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

@@ -1,8 +1 @@
-import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
-
-const BestBuyFulfillment = ({ setting, advanced })=>{
-    const { align, appBlockId } = setting ?? {};
-    return getLiquidForAppBlock(appBlockId, align, advanced?.cssClass);
-};
-
-export { BestBuyFulfillment as default };
+import{getLiquidForAppBlock as e}from"../common/helpers.js";let BestBuyFulfillment=({setting:l,advanced:t})=>{let{align:s,appBlockId:m}=l??{};return e(m,s,t?.cssClass)};export{BestBuyFulfillment as default};

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

@@ -1,28 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyleResponsive } from '@gem-sdk/core';
-import ThirdPartyPreview from './ThirdPartyPreview.js';
-import AppConfig from '../configs/BfSizeChartSizeGuide.js';
-
-const BfSizeChartSizeGuideContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: 'BF Size Chart & Size Guide',
-                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const BfSizeChartSizeGuide = ({ setting })=>{
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsx(BfSizeChartSizeGuideContent, {})
-    });
-};
-
-export { BfSizeChartSizeGuide as default };
+'use client';
+import{jsx as e,Fragment as i}from"react/jsx-runtime";import{makeStyleResponsive as r}from"@gem-sdk/core";import t from"./ThirdPartyPreview.js";import o from"../configs/BfSizeChartSizeGuide.js";let BfSizeChartSizeGuideContent=()=>e(i,{children:e("div",{className:"gp-p-2",children:e(t,{setting:{label:"BF Size Chart & Size Guide",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})}),BfSizeChartSizeGuide=({setting:i})=>e("div",{style:{...r("ta",i?.align)},children:e(BfSizeChartSizeGuideContent,{})});export{BfSizeChartSizeGuide as default};

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

@@ -1,8 +1 @@
-import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
-
-const BfSizeChartSizeGuide = ({ setting, advanced })=>{
-    const { align, appBlockId } = setting ?? {};
-    return getLiquidForAppBlock(appBlockId, align, advanced?.cssClass);
-};
-
-export { BfSizeChartSizeGuide as default };
+import{getLiquidForAppBlock as e}from"../common/helpers.js";let BfSizeChartSizeGuide=({setting:r,advanced:t})=>{let{align:i,appBlockId:s}=r??{};return e(s,i,t?.cssClass)};export{BfSizeChartSizeGuide as default};

package/dist/esm/third-party/components/BirdChime/BirdChimeContent.js

@@ -1,19 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import ThirdPartyPreview from '../ThirdPartyPreview.js';
-import BirdChimeConfig from '../../configs/BirdChime.js';
-
-const BirdChimeContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: BirdChimeConfig.label,
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${BirdChimeConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-
-export { BirdChimeContent as default };
+'use client';
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import i from"../ThirdPartyPreview.js";import o from"../../configs/BirdChime.js";let BirdChimeContent=()=>r(e,{children:r("div",{className:"gp-p-2",children:r(i,{setting:{label:o.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})});export{BirdChimeContent as default};

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

@@ -1,18 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useEditorMode, makeStyleResponsive } from '@gem-sdk/core';
-import dynamic from 'next/dynamic';
-
-const BirdChimeContent = dynamic(()=>import('./BirdChime/BirdChimeContent.js'));
-const BirdChime = ({ setting })=>{
-    const mode = useEditorMode();
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: mode === 'edit' && /*#__PURE__*/ jsx(BirdChimeContent, {
-            setting: setting
-        })
-    });
-};
-
-export { BirdChime as default };
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useEditorMode as i,makeStyleResponsive as t}from"@gem-sdk/core";import r from"next/dynamic";let BirdChimeContent=r(()=>import("./BirdChime/BirdChimeContent.js")),BirdChime=({setting:r})=>{let m=i();return e("div",{style:{...t("ta",r?.align)},children:"edit"===m&&e(BirdChimeContent,{setting:r})})};export{BirdChime as default};

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

@@ -1,17 +1,8 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-
-const BirdChime = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    return template`
+import{template as i,makeStyleResponsive as e}from"@gem-sdk/core";let BirdChime=({setting:d,advanced:r})=>{let{align:s}=d??{};return i`
     <div
-      class="${advanced?.cssClass} container-birdchime"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${r?.cssClass} container-birdchime"
+      style="${{...e("ta",s)}}"
     >
       <div id="birdchime-slots-box"></div>
     </div>
-  `;
-};
-
-export { BirdChime as default };
+  `};export{BirdChime as default};

package/dist/esm/third-party/components/Bogos/BogosSampleContent.js

@@ -1,34 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import BogosConfig from '../../configs/Bogos.js';
-import ThirdPartyPreview from '../ThirdPartyPreview.js';
-
-const mapWidgetLabel = {
-    icon: 'Gift icon',
-    thumnail: 'Gift thumbnail',
-    slider: 'Gift slider',
-    message: 'Cart message',
-    ['classic-bundle']: 'Classic bundle',
-    ['quantity-break']: 'Quantity break'
-};
-const BogosSampleContent = ({ setting })=>{
-    const widgetLabel = setting?.widgetType && mapWidgetLabel[setting.widgetType];
-    const label = useMemo(()=>{
-        return widgetLabel ? `${BogosConfig.label} - ${widgetLabel}` : BogosConfig.label;
-    }, [
-        widgetLabel
-    ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label,
-                    iconSvg: `<img class="gp-w-[24px] border border-[#494949] rounded-[3px]" src="${BogosConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-
-export { BogosSampleContent as default };
+'use client';
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useMemo as i}from"react";import r from"../../configs/Bogos.js";import a from"../ThirdPartyPreview.js";let mapWidgetLabel={icon:"Gift icon",thumnail:"Gift thumbnail",slider:"Gift slider",message:"Cart message","classic-bundle":"Classic bundle","quantity-break":"Quantity break","mix-match":"Mix and match",fbt:"Frequently Bought Together"},BogosSampleContent=({setting:o})=>{let l=o?.widgetType&&mapWidgetLabel[o.widgetType],s=i(()=>l?`${r.label} - ${l}`:r.label,[l]);return e(t,{children:e("div",{className:"p-2",children:e(a,{setting:{label:s,iconSvg:`<img class="gp-w-[24px] border border-[#494949] rounded-[3px]" src="${r.logoUrl}">`}})})})};export{BogosSampleContent as default};

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

@@ -1,18 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useEditorMode, makeStyleResponsive } from '@gem-sdk/core';
-import dynamic from 'next/dynamic';
-
-const BogosSampleContent = dynamic(()=>import('./Bogos/BogosSampleContent.js'));
-const Bogos = ({ setting })=>{
-    const mode = useEditorMode();
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: mode === 'edit' && /*#__PURE__*/ jsx(BogosSampleContent, {
-            setting: setting
-        })
-    });
-};
-
-export { Bogos as default };
+'use client';
+import{jsx as o}from"react/jsx-runtime";import{useEditorMode as t,makeStyleResponsive as e}from"@gem-sdk/core";import r from"next/dynamic";let BogosSampleContent=r(()=>import("./Bogos/BogosSampleContent.js")),Bogos=({setting:r})=>{let m=t();return o("div",{style:{...e("ta",r?.align)},children:"edit"===m&&o(BogosSampleContent,{setting:r})})};export{Bogos as default};

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

@@ -1,15 +1,9 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-
-const Bogos = ({ setting, advanced })=>{
-    const { widgetType, align } = setting ?? {};
-    return template`
+import{template as e,makeStyleResponsive as i}from"@gem-sdk/core";let Bogos=({setting:s,advanced:a})=>{let{widgetType:g,align:o}=s??{};return e`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${a?.cssClass}"
+      style="${{...i("ta",o)}}"
     >
-    {% assign widget = '${widgetType}' %}
+    {% assign widget = '${g}' %}
     {% case widget %}
       {% when "icon" %}
         <div class="bogos-x-gempages bogos-integration-page-builder-gift-icon"></div>
@@ -25,9 +19,8 @@ const Bogos = ({ setting, advanced })=>{
         <div class="bogos-integration-page-builder-quantity-break"></div>
       {% when "mix-match" %}
         <div class="bogos-integration-page-builder-mix-match"></div>
+      {% when "fbt" %}
+        <div class="bogos-integration-page-builder-fbt-upsell"></div>
       {% endcase %}
     </div>
-  `;
-};
-
-export { Bogos as default };
+  `};export{Bogos as default};

package/dist/esm/third-party/components/BoldProductOptions/BoldProductOptionsSampleContent.js

@@ -1,19 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import ThirdPartyPreview from '../ThirdPartyPreview.js';
-import BoldProductOptionsConfig from '../../configs/BoldProductOptions.js';
-
-const BoldProductOptionsSampleContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: BoldProductOptionsConfig.label,
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${BoldProductOptionsConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-
-export { BoldProductOptionsSampleContent as default };
+'use client';
+import{jsx as o,Fragment as r}from"react/jsx-runtime";import t from"../ThirdPartyPreview.js";import e from"../../configs/BoldProductOptions.js";let BoldProductOptionsSampleContent=()=>o(r,{children:o("div",{className:"gp-p-2",children:o(t,{setting:{label:e.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${e.logoUrl}">`}})})});export{BoldProductOptionsSampleContent as default};

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

@@ -1,18 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useEditorMode, makeStyleResponsive } from '@gem-sdk/core';
-import dynamic from 'next/dynamic';
-
-const BoldProductOptionsSampleContent = dynamic(()=>import('./BoldProductOptions/BoldProductOptionsSampleContent.js'));
-const BoldProductOptions = ({ setting })=>{
-    const mode = useEditorMode();
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: mode === 'edit' && /*#__PURE__*/ jsx(BoldProductOptionsSampleContent, {
-            setting: setting
-        })
-    });
-};
-
-export { BoldProductOptions as default };
+'use client';
+import{jsx as t}from"react/jsx-runtime";import{useEditorMode as o,makeStyleResponsive as e}from"@gem-sdk/core";import r from"next/dynamic";let BoldProductOptionsSampleContent=r(()=>import("./BoldProductOptions/BoldProductOptionsSampleContent.js")),BoldProductOptions=({setting:r})=>{let n=o();return t("div",{style:{...e("ta",r?.align)},children:"edit"===n&&t(BoldProductOptionsSampleContent,{setting:r})})};export{BoldProductOptions as default};

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

@@ -1,17 +1,8 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-
-const BoldProductOptions = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    return template`
+import{template as d,makeStyleResponsive as t}from"@gem-sdk/core";let BoldProductOptions=({setting:o,advanced:s})=>{let{align:i}=o??{};return d`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${s?.cssClass}"
+      style="${{...t("ta",i)}}"
     >
       <div class="bold_options" data-product-id="{{ product.id }}"></div>
     </div>
-  `;
-};
-
-export { BoldProductOptions as default };
+  `};export{BoldProductOptions as default};

package/dist/esm/third-party/components/BoldSubscriptions/BoldSubscriptionsSampleContent.js

@@ -1,30 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import ThirdPartyPreview from '../ThirdPartyPreview.js';
-import BoldSubscriptionConfig from '../../configs/BoldSubscription.js';
-import { useMemo } from 'react';
-
-const mapWidgetLabel = {
-    v1: 'Version 1',
-    'bsub-widget-block': 'Version 2'
-};
-const BoldSubscriptionsSampleContent = ({ setting })=>{
-    const widgetLabel = setting?.widgetType && mapWidgetLabel[setting.widgetType];
-    const label = useMemo(()=>{
-        return widgetLabel ? `${BoldSubscriptionConfig.label} - ${widgetLabel}` : BoldSubscriptionConfig.label;
-    }, [
-        widgetLabel
-    ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label,
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${BoldSubscriptionConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-
-export { BoldSubscriptionsSampleContent as default };
+'use client';
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import i from"../ThirdPartyPreview.js";import o from"../../configs/BoldSubscription.js";import{useMemo as t}from"react";let mapWidgetLabel={v1:"Version 1","bsub-widget-block":"Version 2"},BoldSubscriptionsSampleContent=({setting:p})=>{let l=p?.widgetType&&mapWidgetLabel[p.widgetType],s=t(()=>l?`${o.label} - ${l}`:o.label,[l]);return e(r,{children:e("div",{className:"gp-p-2",children:e(i,{setting:{label:s,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})})};export{BoldSubscriptionsSampleContent as default};

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

@@ -1,18 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useEditorMode, makeStyleResponsive } from '@gem-sdk/core';
-import dynamic from 'next/dynamic';
-
-const BoldSubscriptionsSampleContent = dynamic(()=>import('./BoldSubscriptions/BoldSubscriptionsSampleContent.js'));
-const BoldSubscriptions = ({ setting })=>{
-    const mode = useEditorMode();
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: mode === 'edit' && /*#__PURE__*/ jsx(BoldSubscriptionsSampleContent, {
-            setting: setting
-        })
-    });
-};
-
-export { BoldSubscriptions as default };
+'use client';
+import{jsx as t}from"react/jsx-runtime";import{useEditorMode as o,makeStyleResponsive as i}from"@gem-sdk/core";import e from"next/dynamic";let BoldSubscriptionsSampleContent=e(()=>import("./BoldSubscriptions/BoldSubscriptionsSampleContent.js")),BoldSubscriptions=({setting:e})=>{let r=o();return t("div",{style:{...i("ta",e?.align)},children:"edit"===r&&t(BoldSubscriptionsSampleContent,{setting:e})})};export{BoldSubscriptions as default};