@gem-sdk/components 2.0.0-staging.128 → 2.0.1

package/dist/cjs/text/setting/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Text = require('./Text.js');
 
-var textSetting = {
+var index = {
     Text: Text.default
 };
 
-exports.default = textSetting;
+exports.default = index;

package/dist/cjs/textarea/Textarea.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/textarea/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const Textarea = dynamic(()=>Promise.resolve().then(function () { return require('./Textarea.js'); }), {
     loading: Loading.default

package/dist/cjs/textarea/setting/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Textarea = require('./Textarea.js');
 
-var textareaSetting = {
+var index = {
     Textarea: Textarea.default
 };
 
-exports.default = textareaSetting;
+exports.default = index;

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,8 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var AirProductReviewsAppUgc$1 = require('../configs/AirProductReviewsAppUgc.js');
 
+const AppConfig = {
+    id: 'air-product-reviews-app-ugc',
+    label: 'Air: Product Reviews app & UGC',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/d636d73c74c4684a910d23211e0e6ddf/icon/CJbfpYa_9oYDEAE=.jpeg',
+    tag: 'AirProductReviewsAppUgc'
+};
 const AirProductReviewsAppUgcContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const AirProductReviewsAppUgcContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Air: Product Reviews app & UGC',
-                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AirProductReviewsAppUgc$1.default.logoUrl}">`
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
@@ -30,4 +34,5 @@ const AirProductReviewsAppUgc = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = AirProductReviewsAppUgc;

package/dist/cjs/third-party/components/AliReviews/AliReviewsSampleContent.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,8 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var AppointmentBookingCowlendar$1 = require('../configs/AppointmentBookingCowlendar.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__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const AppointmentBookingCowlendarContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Appointment Booking Cowlendar',
-                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppointmentBookingCowlendar$1.default.logoUrl}">`
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
@@ -30,4 +34,5 @@ const AppointmentBookingCowlendar = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = AppointmentBookingCowlendar;

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,8 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var BonLoyaltyRewardsReferrals$1 = require('../configs/BonLoyaltyRewardsReferrals.js');
 
+const AppConfig = {
+    id: 'bon-loyalty-rewards-referrals',
+    label: 'BON: Loyalty Rewards Referrals',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/f367f56199c88dba9296f532dfc5b383/icon/CLS4vPSugoUDEAE=.jpeg',
+    tag: 'BonLoyaltyRewardsReferrals'
+};
 const BonLoyaltyRewardsReferralsContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const BonLoyaltyRewardsReferralsContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'BON: Loyalty Rewards Referrals',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${BonLoyaltyRewardsReferrals$1.default.logoUrl}">`
+                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
@@ -30,4 +34,5 @@ const BonLoyaltyRewardsReferrals = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = BonLoyaltyRewardsReferrals;

package/dist/cjs/third-party/components/BoostAISearchDiscovery/BoostAISearchDiscoverySampleContent.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/third-party/components/Bundler/BundlerSampleContent.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,16 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var CleanSizeCharts$1 = require('../configs/CleanSizeCharts.js');
 
+const AppConfig = {
+    id: 'clean-size-charts',
+    label: 'Clean Size Charts',
+    logoUrl: 'https://ucarecdn.com/e127dd01-77ed-42a4-b7af-0aae9509e696/-/format/auto/-/preview/3000x3000/-/quality/lighter/',
+    tag: 'CleanSizeCharts'
+};
 const Content = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
             className: "gp-p-2",
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
-                    label: CleanSizeCharts$1.default.label,
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${CleanSizeCharts$1.default.logoUrl}">`
+                    label: AppConfig.label,
+                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
@@ -35,4 +39,5 @@ const CleanSizeCharts = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = CleanSizeCharts;

package/dist/cjs/third-party/components/CrossSellCartUpsell/CrossSellCartUpsellSampleContent.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,8 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var CustomProductOptionsVariant$1 = require('../configs/CustomProductOptionsVariant.js');
 
+const AppConfig = {
+    id: 'custom-product-options-variant',
+    label: 'Tepo - Custom Product Options Variant',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/67395c84b1c08186de0d6e68885ac6f1/icon/CNCHoaPviYQDEAE=.png',
+    tag: 'CustomProductOptionsVariant'
+};
 const CustomProductOptionsVariantContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const CustomProductOptionsVariantContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Tepo - Custom Product Options Variant',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${CustomProductOptionsVariant$1.default.logoUrl}">`
+                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
@@ -30,4 +34,5 @@ const CustomProductOptionsVariant = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = CustomProductOptionsVariant;

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,8 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var EasifyProductOptions$1 = require('../configs/EasifyProductOptions.js');
 
+const AppConfig = {
+    id: 'easify-product-options',
+    label: 'Easify Product Options',
+    logoUrl: 'https://ucarecdn.com/8a9379c1-681a-42f7-ab5f-1cb4d0fb63cc/-/format/auto/-/preview/3000x3000/-/quality/lighter/',
+    tag: 'EasifyProductOptions'
+};
 const EasifyProductOptionsContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const EasifyProductOptionsContent = ()=>{
             children: /*#__PURE__*/ 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}">`
+                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
@@ -30,4 +34,5 @@ const EasifyProductOptions = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = EasifyProductOptions;

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,8 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var EasyBundleBuilderSkailama$1 = require('../configs/EasyBundleBuilderSkailama.js');
 
+const AppConfig = {
+    id: 'easy-bundle-builder-skailama',
+    label: 'Easy Bundle Builder | SkaiLama',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/10b4272bede142b02924feec498b4009/icon/CIOSvILI0f8CEAE=.png',
+    tag: 'EasyBundleBuilderSkailama'
+};
 const EasyBundleBuilderSkailamaContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const EasyBundleBuilderSkailamaContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Easy Bundle Builder | SkaiLama',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${EasyBundleBuilderSkailama$1.default.logoUrl}">`
+                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
@@ -30,4 +34,5 @@ const EasyBundleBuilderSkailama = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = EasyBundleBuilderSkailama;

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,8 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var EasySellCOD = require('../configs/EasySellCOD.js');
 
+const AppConfig = {
+    id: 'easy-sell-cod',
+    label: 'EasySell COD',
+    logoUrl: 'https://ucarecdn.com/e60d4b13-c990-4676-b1cb-50e18ce6911a/-/format/auto/-/preview/3000x3000/-/quality/lighter/',
+    tag: 'EasySellCOD'
+};
 const EasySellContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const EasySellContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'EasySell COD Form & Upsells',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${EasySellCOD.default.logoUrl}">`
+                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
@@ -30,4 +34,5 @@ const EasySell = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = EasySell;

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,8 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var FastBundleBundlesDiscount = require('../configs/FastBundleBundlesDiscount.js');
 
+const AppConfig = {
+    id: 'fast-bundle-bundles-discounts',
+    label: 'Fast Bundle: Bundles Discounts',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/ea091c2ab1d4650a55e0b783691fab16/icon/CNT0-aq8vIMDEAE=.png',
+    tag: 'FastBundleBundlesDiscounts'
+};
 const FastBundleBundlesDiscountsContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const FastBundleBundlesDiscountsContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Fast Bundle: Bundles Discounts',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${FastBundleBundlesDiscount.default.logoUrl}">`
+                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
@@ -30,4 +34,5 @@ const FastBundleBundlesDiscounts = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = FastBundleBundlesDiscounts;

package/dist/cjs/third-party/components/FeraReviews/FeraReviewsSampleContent.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/third-party/components/FeraReviews/LiquidTemplateByWidget.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var FeraReviews = require('../FeraReviews.js');
-var core = require('@gem-sdk/core');
 
 const getTemplateByWidget = (setting)=>{
     switch(setting?.feraVersion){
@@ -12,44 +11,38 @@ const getTemplateByWidget = (setting)=>{
     }
 };
 const liquidTemplateFeraV2 = (setting)=>{
-    const styles = core.template`class="gp-flex gp-items-center" style="${{
-        ...core.makeStyleResponsive('jc', setting?.align)
-    }}"`;
     switch(setting?.widgetType){
         case 'productReviews':
-            return `<div ${styles} data-fera-container="${setting?.productReviewsCode}" data-product_id="{{ product.id }}"></div>`;
+            return `<div data-fera-container="${setting?.productReviewsCode}" data-product_id="{{ product.id }}"></div>`;
         case 'testimonialCarousel':
-            return `<div ${styles} data-fera-container="${setting?.testimonialCarouselCode}"></div>`;
+            return `<div data-fera-container="${setting?.testimonialCarouselCode}"></div>`;
         case 'allReviews':
-            return `<div ${styles} data-fera-container="${setting?.allReviewsCode}"></div>`;
+            return `<div data-fera-container="${setting?.allReviewsCode}"></div>`;
         case 'averageStoreRatingBadge':
-            return `<div ${styles} data-fera-container="${setting?.averageStoreRatingBadgeCode}"></div>`;
+            return `<div data-fera-container="${setting?.averageStoreRatingBadgeCode}"></div>`;
         case 'inStoreMedia':
-            return `<div ${styles} data-fera-container="${setting?.inStoreMediaCode}"></div>`;
+            return `<div data-fera-container="${setting?.inStoreMediaCode}"></div>`;
         case 'averageRatingBadge':
-            return `<div ${styles} data-fera-container="${setting?.averageRatingBadgeCode}" data-product_id="{{ product.id }}"></div>`;
+            return `<div data-fera-container="${setting?.averageRatingBadgeCode}" data-product_id="{{ product.id }}"></div>`;
         case 'productPageMedia':
-            return `<div ${styles} data-fera-container="${setting?.productPageMediaCode}" data-product_id="{{ product.id }}"></div>`;
+            return `<div data-fera-container="${setting?.productPageMediaCode}" data-product_id="{{ product.id }}"></div>`;
     }
     return '';
 };
 const liquidTemplateFeraV3 = (setting)=>{
-    const styles = core.template`class="gp-flex gp-items-center" style="${{
-        ...core.makeStyleResponsive('jc', setting?.align)
-    }}"`;
     switch(setting?.widgetTypeV3){
         case 'productReviews':
-            return `<div ${styles} class="gp-flex gp-items-center" data-fera-container="product_reviews" data-product-id="{{ product.id }}"></div>`;
+            return `<div data-fera-container="product_reviews" data-product-id="{{ product.id }}"></div>`;
         case 'testimonialCarousel':
-            return `<div ${styles} data-fera-widget="testimonial_carousel"></div>`;
+            return `<div data-fera-widget="testimonial_carousel"></div>`;
         case 'allReviews':
-            return `<div ${styles} data-fera-container="all_reviews"></div>`;
+            return `<div data-fera-container="all_reviews"></div>`;
         case 'mediaGallery':
-            return `<div ${styles} data-fera-container="store_customer_media"></div>`;
+            return `<div data-fera-container="store_customer_media"></div>`;
         case 'productCollectionRating':
             return `<div data-fera-widget="product_collection_rating" data-rating-count="{{ product.metafields.reviews.rating_count }}" data-rating-average="{{ product.metafields.reviews.rating.value }}" data-product-id="{{ product.id }}"></div>`;
         case 'productDetailRating':
-            return `<div ${styles} data-fera-container="product_reviews_summary" data-product-id="{{ product.id }}"></div>`;
+            return `<div data-fera-container="product_reviews_summary" data-product-id="{{ product.id }}"></div>`;
         case 'otherWidget':
             return `${setting?.otherWidgetCode}`;
     }

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/third-party/components/FirePush/FirePushSampleContent.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,8 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var ThirdPartyPreview = require('./ThirdPartyPreview.js');
-var FlyBundlesUpsellsFbt$1 = require('../configs/FlyBundlesUpsellsFbt.js');
 
+const AppConfig = {
+    id: 'fly-bundles-upsells-fbt',
+    label: 'Fly: Bundles, Upsells & FBT',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/285a3082bb73d7a3a9cc156a4faaecd2/icon/CL-l7ZTisoYDEAE=.png',
+    tag: 'FlyBundlesUpsellsFbt'
+};
+const widgetTypeOptions = [
+    {
+        label: 'Fly Bundles: Volume Block',
+        value: 'app-block-volume'
+    },
+    {
+        label: 'Fly Bundles: Upsell Block',
+        value: 'app-block-upsell-block'
+    },
+    {
+        label: 'Fly Bundles: Fixed Block',
+        value: 'app-block-fbt'
+    },
+    {
+        label: 'Fly Bundles: Custom Block',
+        value: 'app-block-custom'
+    }
+];
 const FlyBundlesUpsellsFbtContent = ({ widgetName })=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,14 +37,14 @@ const FlyBundlesUpsellsFbtContent = ({ widgetName })=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: widgetName,
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${FlyBundlesUpsellsFbt$1.AppConfig.logoUrl}">`
+                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
                 }
             })
         })
     });
 };
 const FlyBundlesUpsellsFbt = ({ setting })=>{
-    const widgetName = FlyBundlesUpsellsFbt$1.widgetTypeOptions.find((item)=>item.value === setting?.widgetType)?.label;
+    const widgetName = widgetTypeOptions.find((item)=>item.value === setting?.widgetType)?.label;
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         style: {
             ...core.makeStyleResponsive('ta', setting?.align)
@@ -33,4 +55,6 @@ const FlyBundlesUpsellsFbt = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = FlyBundlesUpsellsFbt;
+exports.widgetTypeOptions = widgetTypeOptions;