@gem-sdk/components 2.0.0-staging.119 → 2.0.0

package/dist/cjs/third-party/components/TagshopShoppableVideosUgc.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 TagshopShoppableVideosUgc$1 = require('../configs/TagshopShoppableVideosUgc.js');
 
+const AppConfig = {
+    id: 'tagshop-shoppable-videos-ugc',
+    label: 'Tagshop Shoppable Videos & UGC',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/edf435c001b2121fdc9898fb74d3973f/icon/CI728cWgkv0CEAE=.png',
+    tag: 'TagshopShoppableVideosUgc'
+};
 const TagshopShoppableVideosUgcContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const TagshopShoppableVideosUgcContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Tagshop Shoppable Videos & UGC',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${TagshopShoppableVideosUgc$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 TagshopShoppableVideosUgc = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = TagshopShoppableVideosUgc;

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

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

package/dist/cjs/third-party/components/TrustMe/TrustMeSampleContent.js

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

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

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

package/dist/cjs/third-party/components/Trustoo/TrustooSampleContent.js

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

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

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

package/dist/cjs/third-party/components/UltimateSalesBoost/UltimateSalesBoostSampleContent.js

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

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

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

package/dist/cjs/third-party/components/UnlimitedBundlesDiscounts.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 UnlimitedBundlesDiscounts$1 = require('../configs/UnlimitedBundlesDiscounts.js');
 
+const AppConfig = {
+    id: 'unlimited-bundles-discounts',
+    label: 'Unlimited Bundles & Discounts',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/f401504ede69023ced1a51c93ad57152/icon/CPuO_JmopPsCEAE=.png',
+    tag: 'UnlimitedBundlesDiscounts'
+};
 const UnlimitedBundlesDiscountsContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const UnlimitedBundlesDiscountsContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Unlimited Bundles & Discounts',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${UnlimitedBundlesDiscounts$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 UnlimitedBundlesDiscounts = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = UnlimitedBundlesDiscounts;

package/dist/cjs/third-party/components/Vitals/VitalsSampleContent.js

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

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

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

package/dist/cjs/third-party/components/WhatmoreShoppableVideosreel.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 WhatmoreShoppableVideosreel$1 = require('../configs/WhatmoreShoppableVideosreel.js');
 
+const AppConfig = {
+    id: 'whatmore-shoppable-videosreel',
+    label: 'Whatmore Shoppable Videos+Reel',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/92e9823511a71a34d577dc3d006abc4d/icon/CIuznZvgu4QDEAE=.png',
+    tag: 'WhatmoreShoppableVideosreel'
+};
 const WhatmoreShoppableVideosreelContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const WhatmoreShoppableVideosreelContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Whatmore Shoppable Videos+Reel',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${WhatmoreShoppableVideosreel$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 WhatmoreShoppableVideosreel = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = WhatmoreShoppableVideosreel;

package/dist/cjs/third-party/components/WideBundle/WideBundleSampleContent.js

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

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

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

package/dist/cjs/third-party/components/Wiser/WiserSampleContent.js

@@ -1,13 +1,12 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var Wiser$1 = require('../Wiser.js');
 var ThirdPartyPreview = require('../ThirdPartyPreview.js');
 var Wiser = require('../../configs/Wiser.js');
 var React = require('react');
-var Wiser$1 = require('../../setting/Wiser.js');
 
 const mapWidgetLabelV1 = {
     related: 'Related Products',

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,6 +7,10 @@ var core = require('@gem-sdk/core');
 var dynamic = require('next/dynamic');
 
 const WiserSampleContent = dynamic(()=>Promise.resolve().then(function () { return require('./Wiser/WiserSampleContent.js'); }));
+const WISER_VERSION = {
+    V1: 'V1',
+    V2: 'V2'
+};
 const Wiser = ({ setting })=>{
     const mode = core.useEditorMode();
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -20,4 +23,5 @@ const Wiser = ({ setting })=>{
     });
 };
 
+exports.WISER_VERSION = WISER_VERSION;
 exports.default = Wiser;

package/dist/cjs/third-party/components/Wiser.liquid.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@gem-sdk/core');
-var Wiser$1 = require('../setting/Wiser.js');
+var Wiser$1 = require('./Wiser.js');
 
 const Wiser = ({ setting, advanced })=>{
     const { wiserVersion, widgetType, widgetTypeV2, align } = setting ?? {};

package/dist/cjs/third-party/components/WishlistKing.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 WishlistKing$1 = require('../configs/WishlistKing.js');
 
+const AppConfig = {
+    id: 'wishlist-king',
+    label: 'Wishlist King',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/4d45c9492efce6b4965d75eb55be0252/icon/CIaX3ofRsvICEAE=.png',
+    tag: 'WishlistKing'
+};
 const WishlistKingContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const WishlistKingContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Wishlist King',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${WishlistKing$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 WishlistKing = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = WishlistKing;

package/dist/cjs/third-party/components/WishlistPlus.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 WishlistPlus$1 = require('../configs/WishlistPlus.js');
 
+const AppConfig = {
+    id: 'wishlist-plus',
+    label: 'Wishlist Plus',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/d612f58ce0decfaba38849af3396fb5b/icon/CKKXmdzFx_MCEAE=.jpeg',
+    tag: 'WishlistPlus'
+};
 const WishlistPlusContent = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -15,7 +19,7 @@ const WishlistPlusContent = ()=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
                 setting: {
                     label: 'Wishlist Plus',
-                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${WishlistPlus$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 WishlistPlus = ({ setting })=>{
     });
 };
 
+exports.AppConfig = AppConfig;
 exports.default = WishlistPlus;

package/dist/cjs/third-party/components/YotpoLoyalty/YotpoLoyaltySampleContent.js

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

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

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

package/dist/cjs/third-party/components/YotpoReviews/YotpoReviewsSampleContent.js

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

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

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

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var BoldProductOptionsConfig = {
     id: 'bold-product-options',
-    label: 'SC Product Options',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9a0bf1159f79c6ab0660ec422f350445/icon/CP2Uwo_GuYIDEAE=.png',
+    label: 'Bold Product Options',
+    logoUrl: 'https://ucarecdn.com/cae13b55-18b6-416a-a447-c18211d78cfe/-/format/auto/-/preview/3000x3000/-/quality/lighter/Bold%20Product%20Options.png',
     tag: 'BoldProductOptions'
 };
 

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

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

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

@@ -5,49 +5,11 @@ 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 TrustshopProductReviews = dynamic(()=>Promise.resolve().then(function () { return require('./components/TrustshopProductReviews.js'); }), {
-    ssr: false,
-    loading: Loading.default
-});
-const HulkProductOptions = dynamic(()=>Promise.resolve().then(function () { return require('./components/HulkProductOptions.js'); }), {
-    ssr: false,
-    loading: Loading.default
-});
-const MyappgurusProductReviews = dynamic(()=>Promise.resolve().then(function () { return require('./components/MyappgurusProductReviews.js'); }), {
-    ssr: false,
-    loading: Loading.default
-});
 const DiscountyBulkDiscountSales = dynamic(()=>Promise.resolve().then(function () { return require('./components/DiscountyBulkDiscountSales.js'); }), {
     ssr: false,
     loading: Loading.default
 });
-const TrustreviewsProductReviews = dynamic(()=>Promise.resolve().then(function () { return require('./components/TrustreviewsProductReviews.js'); }), {
-    ssr: false,
-    loading: Loading.default
-});
-const SeoantTrustBadgesIcon = dynamic(()=>Promise.resolve().then(function () { return require('./components/SeoantTrustBadgesIcon.js'); }), {
-    ssr: false,
-    loading: Loading.default
-});
-const SegunoEmailMarketing = dynamic(()=>Promise.resolve().then(function () { return require('./components/SegunoEmailMarketing.js'); }), {
-    ssr: false,
-    loading: Loading.default
-});
-const AftershipEmailMarketingsms = dynamic(()=>Promise.resolve().then(function () { return require('./components/AftershipEmailMarketingsms.js'); }), {
-    ssr: false,
-    loading: Loading.default
-});
-const BestBuyFulfillment = dynamic(()=>Promise.resolve().then(function () { return require('./components/BestBuyFulfillment.js'); }), {
-    ssr: false,
-    loading: Loading.default
-});
-const ProductOptionsVariantOption = dynamic(()=>Promise.resolve().then(function () { return require('./components/ProductOptionsVariantOption.js'); }), {
-    ssr: false,
-    loading: Loading.default
-});
 const GloboProductOptionsVariant = dynamic(()=>Promise.resolve().then(function () { return require('./components/GloboProductOptionsVariant.js'); }), {
     ssr: false,
     loading: Loading.default
@@ -409,16 +371,7 @@ const Selleasy = dynamic(()=>Promise.resolve().then(function () { return require
     loading: Loading.default
 });
 var thirdParty = {
-    TrustshopProductReviews,
-    HulkProductOptions,
-    MyappgurusProductReviews,
-    TrustreviewsProductReviews,
     DiscountyBulkDiscountSales,
-    SeoantTrustBadgesIcon,
-    SegunoEmailMarketing,
-    AftershipEmailMarketingsms,
-    BestBuyFulfillment,
-    ProductOptionsVariantOption,
     GloboProductOptionsVariant,
     TeeinblueProductPersonalizer,
     WishlistKing,

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AirProductReviewsAppUgc = require('../configs/AirProductReviewsAppUgc.js');
+var AirProductReviewsAppUgc = require('../components/AirProductReviewsAppUgc.js');
 
 const config = {
-    tag: AirProductReviewsAppUgc.default.tag,
-    label: AirProductReviewsAppUgc.default.label,
+    tag: AirProductReviewsAppUgc.AppConfig.tag,
+    label: AirProductReviewsAppUgc.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/d636d73c74c4684a910d23211e0e6ddf/icon/CJbfpYa_9oYDEAE=.jpeg">',
     editorConfigs: {
         component: {
@@ -15,9 +15,9 @@ const config = {
     },
     presets: [
         {
-            id: AirProductReviewsAppUgc.default.id,
+            id: AirProductReviewsAppUgc.AppConfig.id,
             name: {
-                en: AirProductReviewsAppUgc.default.label
+                en: AirProductReviewsAppUgc.AppConfig.label
             },
             hideTextContent: true,
             icon: {
@@ -28,7 +28,7 @@ const config = {
             },
             components: [
                 {
-                    tag: AirProductReviewsAppUgc.default.tag
+                    tag: AirProductReviewsAppUgc.AppConfig.tag
                 }
             ]
         }
@@ -43,7 +43,7 @@ const config = {
                     target: '_blank',
                     linkType: 'install',
                     href: 'https://apps.shopify.com/air-reviews?utm_source=gempages',
-                    appName: AirProductReviewsAppUgc.default.label
+                    appName: AirProductReviewsAppUgc.AppConfig.label
                 },
                 {
                     id: 'widgetType',
@@ -71,7 +71,7 @@ const config = {
                     target: '_blank',
                     linkType: 'openApp',
                     href: 'https://admin.shopify.com/?redirect=/apps/air-reviews-1',
-                    appName: AirProductReviewsAppUgc.default.label
+                    appName: AirProductReviewsAppUgc.AppConfig.label
                 },
                 {
                     id: 'align',

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AppointmentBookingCowlendar = require('../configs/AppointmentBookingCowlendar.js');
+var AppointmentBookingCowlendar = require('../components/AppointmentBookingCowlendar.js');
 
 const config = {
-    tag: AppointmentBookingCowlendar.default.tag,
-    label: AppointmentBookingCowlendar.default.label,
+    tag: AppointmentBookingCowlendar.AppConfig.tag,
+    label: AppointmentBookingCowlendar.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/e297c43d07c087a231c656afcdca283f/icon/CP-e-oKX6PUCEAE=.png">',
     editorConfigs: {
         component: {
@@ -15,9 +15,9 @@ const config = {
     },
     presets: [
         {
-            id: AppointmentBookingCowlendar.default.id,
+            id: AppointmentBookingCowlendar.AppConfig.id,
             name: {
-                en: AppointmentBookingCowlendar.default.label
+                en: AppointmentBookingCowlendar.AppConfig.label
             },
             hideTextContent: true,
             icon: {
@@ -28,7 +28,7 @@ const config = {
             },
             components: [
                 {
-                    tag: AppointmentBookingCowlendar.default.tag
+                    tag: AppointmentBookingCowlendar.AppConfig.tag
                 }
             ]
         }
@@ -60,7 +60,7 @@ const config = {
                     target: '_blank',
                     linkType: 'install',
                     href: 'https://apps.shopify.com/cowlendar?utm_source=gempages',
-                    appName: AppointmentBookingCowlendar.default.label
+                    appName: AppointmentBookingCowlendar.AppConfig.label
                 },
                 {
                     id: 'openApp',
@@ -68,7 +68,7 @@ const config = {
                     target: '_blank',
                     linkType: 'openApp',
                     href: 'https://admin.shopify.com/?redirect=/apps/cowlendar',
-                    appName: AppointmentBookingCowlendar.default.label
+                    appName: AppointmentBookingCowlendar.AppConfig.label
                 },
                 {
                     id: 'align',

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

@@ -11,11 +11,6 @@ const config = {
     editorConfigs: {
         component: {
             isThirdParty: true
-        },
-        placeholder: {
-            flowTag: [
-                'Product'
-            ]
         }
     },
     presets: [

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BonLoyaltyRewardsReferrals = require('../configs/BonLoyaltyRewardsReferrals.js');
+var BonLoyaltyRewardsReferrals = require('../components/BonLoyaltyRewardsReferrals.js');
 
 const config = {
-    tag: BonLoyaltyRewardsReferrals.default.tag,
-    label: BonLoyaltyRewardsReferrals.default.label,
+    tag: BonLoyaltyRewardsReferrals.AppConfig.tag,
+    label: BonLoyaltyRewardsReferrals.AppConfig.label,
     icon: '<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/f367f56199c88dba9296f532dfc5b383/icon/CLS4vPSugoUDEAE=.jpeg">',
     editorConfigs: {
         component: {
@@ -15,9 +15,9 @@ const config = {
     },
     presets: [
         {
-            id: BonLoyaltyRewardsReferrals.default.id,
+            id: BonLoyaltyRewardsReferrals.AppConfig.id,
             name: {
-                en: BonLoyaltyRewardsReferrals.default.label
+                en: BonLoyaltyRewardsReferrals.AppConfig.label
             },
             hideTextContent: true,
             icon: {
@@ -28,7 +28,7 @@ const config = {
             },
             components: [
                 {
-                    tag: BonLoyaltyRewardsReferrals.default.tag
+                    tag: BonLoyaltyRewardsReferrals.AppConfig.tag
                 }
             ]
         }
@@ -88,7 +88,7 @@ const config = {
                     target: '_blank',
                     linkType: 'install',
                     href: 'https://apps.shopify.com/bon-loyalty-rewards?utm_source=gempages',
-                    appName: BonLoyaltyRewardsReferrals.default.label
+                    appName: BonLoyaltyRewardsReferrals.AppConfig.label
                 },
                 {
                     id: 'openApp',
@@ -96,7 +96,7 @@ const config = {
                     target: '_blank',
                     linkType: 'openApp',
                     href: 'https://admin.shopify.com/?redirect=/apps/bon-loyalty',
-                    appName: BonLoyaltyRewardsReferrals.default.label
+                    appName: BonLoyaltyRewardsReferrals.AppConfig.label
                 },
                 {
                     id: 'align',

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

@@ -9,11 +9,6 @@ const config = {
     label: Bundler.default.label,
     icon: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${Bundler.default.logoUrl}">`,
     editorConfigs: {
-        placeholder: {
-            flowTag: [
-                'Product'
-            ]
-        },
         component: {
             isThirdParty: true
         }

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CleanSizeCharts = require('../configs/CleanSizeCharts.js');
+var CleanSizeCharts = require('../components/CleanSizeCharts.js');
 
 const config = {
-    tag: CleanSizeCharts.default.tag,
-    label: CleanSizeCharts.default.label,
-    icon: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${CleanSizeCharts.default.logoUrl}">`,
+    tag: CleanSizeCharts.AppConfig.tag,
+    label: CleanSizeCharts.AppConfig.label,
+    icon: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${CleanSizeCharts.AppConfig.logoUrl}">`,
     editorConfigs: {
         component: {
             isThirdParty: true
@@ -15,22 +15,22 @@ const config = {
     },
     presets: [
         {
-            id: CleanSizeCharts.default.id,
+            id: CleanSizeCharts.AppConfig.id,
             name: {
-                en: CleanSizeCharts.default.label
+                en: CleanSizeCharts.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="${CleanSizeCharts.default.logoUrl}">
-          <span class="preset-item-title">${CleanSizeCharts.default.label}</span>
+          <img class="w-24 border border-dark-200 rounded-medium" src="${CleanSizeCharts.AppConfig.logoUrl}">
+          <span class="preset-item-title">${CleanSizeCharts.AppConfig.label}</span>
         </div>
       `
             },
             components: [
                 {
-                    tag: CleanSizeCharts.default.tag
+                    tag: CleanSizeCharts.AppConfig.tag
                 }
             ]
         }
@@ -44,7 +44,7 @@ const config = {
                     type: 'open-link',
                     target: '_blank',
                     linkType: 'install',
-                    appName: CleanSizeCharts.default.label,
+                    appName: CleanSizeCharts.AppConfig.label,
                     href: 'https://apps.shopify.com/size-charts-by-clean-canvas?utm_source=gempages'
                 },
                 {
@@ -52,7 +52,7 @@ const config = {
                     type: 'open-link',
                     target: '_blank',
                     linkType: 'openApp',
-                    appName: CleanSizeCharts.default.label,
+                    appName: CleanSizeCharts.AppConfig.label,
                     href: 'https://admin.shopify.com/?redirect=/apps/size-charts-by-clean-themes'
                 },
                 {