@gem-sdk/core 1.45.2 → 1.46.0-staging.10

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -59,7 +59,8 @@ const ComponentToolbarPreview = (props)=>{
     const editProductElementList = [
         'Product Title',
         'Product Description',
-        'Product Price'
+        'Product Price',
+        'Product Vendor'
     ];
     const isOverToolbarPosition = (el, parent)=>{
         const parentLength = parents.length;
@@ -567,7 +568,7 @@ const ComponentToolbarPreview = (props)=>{
                     })
                 ]
             }, props.uid),
-            isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatus, {
+            isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatusWrapper, {
                 ...props
             }),
             /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -630,6 +631,6 @@ const ComponentToolbarPreview = (props)=>{
         ]
     });
 };
-var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview);
+var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview); /* gem-lint/disallow-import-from-package-path */
 
 exports.default = ComponentToolbarPreview$1;

package/dist/cjs/components/constant.js

@@ -37,7 +37,10 @@ const disableWrap = [
     'PostPurchaseProductImages',
     'Sticky',
     'Heading',
-    'EstimateDate'
+    'EstimateDate',
+    'ProductBadge',
+    'Marquee',
+    'MarqueeItem'
 ];
 const customRenderChildren = [
     'Accordion',

package/dist/cjs/components/theme-section/ThemeSectionStatus.js

@@ -2,8 +2,17 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 
-const ThemeSectionStatus = ({ ...props })=>{
-    const isRenderThemeSectionStatus = props.tag === 'Section' && props?.isThemeSection && props?.needPublishing;
+const getStatusMessage = (status)=>{
+    switch(status){
+        case 'DRAFT':
+            return 'This Theme Section is Draft. Publish page will also publish Theme Section.';
+        case 'NEED_PUBLISHING':
+            return 'Need to republish. Go to global edit and publish this section';
+    }
+};
+const ThemeSectionStatusWrapper = ({ tag, status, isThemeSection })=>{
+    const isRenderThemeSectionStatus = tag === 'Section' && isThemeSection && (status === 'DRAFT' || status === 'NEED_PUBLISHING');
+    const statusMessage = getStatusMessage(status);
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxRuntime.jsxs("div", {
             "data-theme-section-status": true,
@@ -24,13 +33,13 @@ const ThemeSectionStatus = ({ ...props })=>{
                         })
                     })
                 }),
-                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                statusMessage && /*#__PURE__*/ jsxRuntime.jsx("span", {
                     "data-theme-section-status-text": true,
-                    children: "Need to republish. Go to global edit and publish this section"
+                    children: statusMessage
                 })
             ]
         })
     });
 };
 
-exports.ThemeSectionStatus = ThemeSectionStatus;
+exports.ThemeSectionStatusWrapper = ThemeSectionStatusWrapper;

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -254,7 +254,11 @@ const createBuilderPreviewProvider = (args, pageName, isThemeSectionEditor)=>zus
                 }
             },
             getItem: (id)=>{
-                return get().state[id];
+                const item = get().state[id];
+                return {
+                    ...item,
+                    rawChildrens: item?.childrens?.map((v)=>get().state[v])
+                };
             },
             removeItem: (id)=>{
                 if (id === 'ROOT') {

package/dist/cjs/contexts/ModalContext.js

@@ -7,8 +7,8 @@ var zustand = require('zustand');
 const ModalContext = /*#__PURE__*/ react.createContext(null);
 const createModalProvider = (data)=>zustand.createStore((set)=>({
             activeId: data,
-            setModalActive: (id)=>{
-                window?.parent?.postMessage?.(JSON.stringify({
+            setModalActive: (id, postMessage)=>{
+                postMessage && window?.parent?.postMessage?.(JSON.stringify({
                     type: 'active-element',
                     uid: id
                 }), '*');

package/dist/cjs/contexts/SectionContext.js

@@ -10,6 +10,7 @@ const SectionContext = /*#__PURE__*/ react.createContext(null);
 const createSectionProvider = (data)=>zustand.createStore((set, get)=>({
             data: data ?? {},
             getSection: (id)=>{
+                console.log('get().data', get().data);
                 const section = get().data[id];
                 return section ?? undefined;
             },

package/dist/cjs/helpers/colors.js

@@ -156,7 +156,7 @@ const getSingleColorVariable = (color)=>{
 };
 function isColor(color) {
     if (!color || typeof color !== 'string') return false;
-    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent');
+    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent') || color?.startsWith('linear-gradient');
 }
 const getGlobalColorStyle = (data)=>{
     if (!data) return {};

package/dist/cjs/helpers/loop-component.js

@@ -0,0 +1,16 @@
+'use strict';
+
+function loopComponent(component, callback) {
+    if (component) {
+        callback(component);
+    }
+    if (component?.childrens?.length) {
+        // eslint-disable-next-line
+        for(let i = 0; i < component.childrens.length; i++){
+            const children = component.childrens[i];
+            loopComponent(children, callback);
+        }
+    }
+}
+
+exports.loopComponent = loopComponent;

package/dist/cjs/helpers/pascal-to-kebab-case.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const pascalToKebab = (pascalCaseString)=>{
+    return pascalCaseString.replace(/[A-Z]/g, (match, offset)=>(offset ? '-' : '') + match.toLowerCase());
+};
+
+exports.pascalToKebab = pascalToKebab;

package/dist/cjs/helpers/remove-matching-key.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const removeMatchingKey = (obj, searchText)=>{
+    for(const key in obj){
+        if (key.includes(searchText)) {
+            delete obj[key];
+        }
+    }
+    return obj;
+};
+
+exports.removeMatchingKey = removeMatchingKey;

package/dist/cjs/helpers/size.js

@@ -181,6 +181,9 @@ function getCustomPaddingSizeCSSByDevice(globalSize, device) {
 const getPaddingGlobalSize = (globalSize)=>{
     return Object.assign({}, getCustomPaddingSizeCSSByDevice(globalSize, 'desktop'), getCustomPaddingSizeCSSByDevice(globalSize, 'tablet'), getCustomPaddingSizeCSSByDevice(globalSize, 'mobile'));
 };
+const getValueByDevice = (value, device)=>{
+    return value?.[device] === undefined ? value?.desktop === undefined ? value?.tablet : value?.desktop : value?.[device];
+};
 
 exports.composeSize = composeSize;
 exports.composeSizeCss = composeSizeCss;
@@ -189,6 +192,7 @@ exports.getAspectRatioGlobalSize = getAspectRatioGlobalSize;
 exports.getGlobalSizeGap = getGlobalSizeGap;
 exports.getHeightByShapeGlobalSize = getHeightByShapeGlobalSize;
 exports.getPaddingGlobalSize = getPaddingGlobalSize;
+exports.getValueByDevice = getValueByDevice;
 exports.getWidthByShapeGlobalSize = getWidthByShapeGlobalSize;
 exports.getWidthHeightGlobalSize = getWidthHeightGlobalSize;
 exports.makeGlobalSize = makeGlobalSize;

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var loopComponent = require('../loop-component.js');
+var composeAppBlockId = require('./composeAppBlockId.js');
+
+const addAppBlockId = (component)=>{
+    const strComponent = JSON.stringify(component) || '';
+    if (!strComponent.includes('appBlockId')) {
+        return component;
+    }
+    loopComponent.loopComponent(component, (component)=>handleSetBlockId(component));
+    return component;
+};
+const handleSetBlockId = (component)=>{
+    const { tag, uid } = component;
+    if (component.settings.appBlockId === undefined) return component;
+    component.settings.appBlockId = composeAppBlockId.composeAppBlockId(tag, uid);
+};
+
+exports.addAppBlockId = addAppBlockId;

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

@@ -0,0 +1,45 @@
+'use strict';
+
+const RechargeSubscriptionsConfig = {
+    RechargeSubscriptions: {
+        appName: 'recharge-subscriptions',
+        appId: '371eed76-0b44-4869-9813-730372ea378e'
+    }
+};
+const BonLoyaltyRewardsReferralsConfig = {
+    BonLoyaltyRewardsReferrals: {
+        appName: 'bon-loyalty',
+        appId: '63496a04-c097-48d1-8c11-475aec24b12e'
+    }
+};
+const SubifySubscriptionsConfig = {
+    SubifySubscriptionsApp: {
+        appName: 'subify-subscriptions-app',
+        appId: 'bc0dba25-cd46-4841-bea4-6bdfe9ac815f'
+    }
+};
+const SelleasyConfig = {
+    SelleasyApp: {
+        appName: 'selleasy',
+        appId: '790c1a03-a71f-4bc1-9869-00dad526d3c2'
+    }
+};
+const LoopSubscriptionsConfig = {
+    LoopSubscriptions: {
+        appName: 'Loop Subscriptions',
+        appId: '267a7c64-5cb3-4552-b817-5485165f0a0b'
+    }
+};
+const SkioSubscriptionsYcS20Config = {
+    SkioSubscriptionsYcS20: {
+        appName: 'skio-subscriptions-yc-s20',
+        appId: 'de50f7a4-0bb0-4d4c-84e2-c03dce83436d'
+    }
+};
+
+exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
+exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
+exports.RechargeSubscriptionsConfig = RechargeSubscriptionsConfig;
+exports.SelleasyConfig = SelleasyConfig;
+exports.SkioSubscriptionsYcS20Config = SkioSubscriptionsYcS20Config;
+exports.SubifySubscriptionsConfig = SubifySubscriptionsConfig;

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

@@ -0,0 +1,77 @@
+'use strict';
+
+const RechargeSubscriptions = {
+    RechargeSubscriptions: {
+        'subscription-widget': {
+            product: '{{ product }}'
+        }
+    }
+};
+const LoyaltyRewardsReferrals = {
+    BonLoyaltyRewardsReferrals: {
+        'loyalty-page-block': null,
+        'loyalty-page-earning-block': null,
+        'loyalty-page-header-block': null,
+        'loyalty-page-profile-block': null,
+        'loyalty-page-redeem-block': null,
+        'loyalty-page-referral-block': null,
+        'loyalty-page-tier-block': null,
+        'product-point-preview': null
+    }
+};
+const SubifySubscriptions = {
+    SubifySubscriptionsApp: {
+        'app-block': {
+            product: '{{product}}',
+            use_app_block_wording: false,
+            widget_label: 'Purchase options',
+            one_time_purchase_text: 'One-Time Purchase',
+            subscription_text: 'Subscribe and save',
+            delivery_frequency_text: 'Delivery frequency',
+            prepaid_subscription_text: 'Subscription with prepaid',
+            skin1_priceSuffix: 'each',
+            skin1_save: 'Save(skin1)',
+            skin1_prepaid_payment_title: 'prepaid',
+            skin1_normal_payment_title: 'pay as you go',
+            skin2_discountSuffix: 'Save',
+            skin3_fullPrice: 'Full price',
+            skin3_priceSuffix: 'each',
+            skin3_discountSuffix: 'Off',
+            skin4_justOnce: 'Just once',
+            skin4_discountSuffix: 'Off',
+            skin4_priceSuffix: 'each',
+            skin4_fullPrice: '(Full price)',
+            skin4_sellingPlansTitle: 'Renews every:',
+            from: 'from',
+            max_discount_badge_title: 'UP To',
+            pay: 'Pay',
+            price_save_up_to: 'save up to'
+        }
+    }
+};
+const SelleasyWidget = {
+    Selleasy: {
+        'lb-upsell-fbt-block': null,
+        'lb-upsell-addon-block': null
+    }
+};
+const LoopSubscriptions = {
+    LoopSubscriptions: {
+        'star_rating': null
+    }
+};
+const SkioSubscriptionsYcS20 = {
+    SkioSubscriptionsYcS20: {
+        'app-block': null
+    }
+};
+const composeSettingsByWidgetType = {
+    ...SkioSubscriptionsYcS20,
+    ...LoopSubscriptions,
+    ...RechargeSubscriptions,
+    ...LoyaltyRewardsReferrals,
+    ...SubifySubscriptions,
+    ...SelleasyWidget
+};
+
+exports.composeSettingsByWidgetType = composeSettingsByWidgetType;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+var pascalToKebabCase = require('../pascal-to-kebab-case.js');
+var constant = require('./constant.js');
+
+const composeAppBlockId = (tag, uid)=>{
+    const key = pascalToKebabCase.pascalToKebab(tag);
+    return `${constant.THIRD_PARTY_APP_BLOCK_ID_PREFIX}_${key}_${uid}`;
+};
+
+exports.composeAppBlockId = composeAppBlockId;

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

@@ -0,0 +1,16 @@
+'use strict';
+
+var appConfig = require('./appConfig.js');
+
+const mapShopifyAppMeta = {
+    ...appConfig.RechargeSubscriptionsConfig,
+    ...appConfig.BonLoyaltyRewardsReferralsConfig,
+    ...appConfig.SubifySubscriptionsConfig,
+    ...appConfig.SelleasyConfig,
+    ...appConfig.LoopSubscriptionsConfig,
+    ...appConfig.SkioSubscriptionsYcS20Config
+};
+const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
+
+exports.THIRD_PARTY_APP_BLOCK_ID_PREFIX = THIRD_PARTY_APP_BLOCK_ID_PREFIX;
+exports.mapShopifyAppMeta = mapShopifyAppMeta;

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var loopComponent = require('../loop-component.js');
+var getAppBlockConfig = require('./getAppBlockConfig.js');
+
+const generateAppBlockConfigs = (component)=>{
+    const strComponent = JSON.stringify(component) || '';
+    if (!strComponent.includes('appBlockId')) return null;
+    const configs = [];
+    loopComponent.loopComponent(component, (component)=>{
+        const settings = component.settings || {};
+        const appBlockId = settings?.appBlockId || '';
+        if (!appBlockId) return;
+        const config = getAppBlockConfig.getAppBlockConfig(component.tag, appBlockId, settings);
+        if (!config) return;
+        configs.push(config);
+    });
+    return configs;
+};
+
+exports.generateAppBlockConfigs = generateAppBlockConfigs;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var appSetting = require('./appSetting.js');
+var getAppBlockType = require('./getAppBlockType.js');
+
+const getAppBlockConfig = (tag, appBlockId, settings)=>{
+    const appBlockType = getAppBlockType.getAppBlockType({
+        tag,
+        widgetType: settings?.widgetType
+    });
+    const settingByWidget = appSetting.composeSettingsByWidgetType[tag][settings?.widgetType];
+    return {
+        key: appBlockId,
+        value: {
+            type: appBlockType,
+            ...settingByWidget && {
+                settings: settingByWidget
+            }
+        }
+    };
+};
+
+exports.getAppBlockConfig = getAppBlockConfig;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var constant = require('./constant.js');
+
+const getAppBlockType = ({ tag, widgetType })=>{
+    const shopifyAppMeta = constant.mapShopifyAppMeta[tag];
+    if (!shopifyAppMeta) return '';
+    const { appName, appId } = shopifyAppMeta;
+    return `shopify://apps/${appName}/blocks/${widgetType}/${appId}`;
+};
+
+exports.getAppBlockType = getAppBlockType;

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

@@ -0,0 +1,41 @@
+'use strict';
+
+var removeMatchingKey = require('../remove-matching-key.js');
+var addAppBlockId = require('./addAppBlockId.js');
+var generateAppBlockConfigs = require('./generateAppBlockConfigs.js');
+
+const getAppBlocks = (section, currentBlock, currentBlockOrder)=>{
+    const component = JSON.parse(section?.component || '');
+    const componentWithAppBlockId = addAppBlockId.addAppBlockId(component);
+    const appBlockConfigs = generateAppBlockConfigs.generateAppBlockConfigs(componentWithAppBlockId);
+    if (!appBlockConfigs?.length) {
+        return {
+            blocks: currentBlock,
+            block_order: currentBlockOrder
+        };
+    }
+    let newBlocks = currentBlock;
+    let newBlockOrder = currentBlockOrder;
+    appBlockConfigs.forEach(({ key, value })=>{
+        const newBlock = {
+            [key]: value
+        };
+        const oldKeyRemovedBlock = removeMatchingKey.removeMatchingKey(newBlocks, key);
+        newBlocks = {
+            ...oldKeyRemovedBlock,
+            ...newBlock
+        };
+        newBlockOrder = newBlockOrder ? [
+            ...newBlockOrder,
+            key
+        ] : [
+            key
+        ];
+    });
+    return {
+        blocks: newBlocks,
+        block_order: newBlockOrder
+    };
+};
+
+exports.getAppBlocks = getAppBlocks;

package/dist/cjs/hooks/articles/useArticlesQuery.js

@@ -18,6 +18,7 @@ const useArticlesQuery = (variables, options)=>{
 };
 const useBlogsQuery = (variables, options)=>{
     const fetcher = useFetchHandle.useFetchHandle();
+    //@ts-ignore
     const fetchBlogs = ()=>fetcher([
             blogs_generated.BlogsDocument,
             variables ?? {}

package/dist/cjs/index.js

@@ -104,6 +104,8 @@ var animations$1 = require('./types/animations.js');
 var getCollection = require('./helpers/queries/get-collection.js');
 var getProduct = require('./helpers/queries/get-product.js');
 var getProductBySlug = require('./helpers/queries/get-product-by-slug.js');
+var getAppBlocks = require('./helpers/third-party/getAppBlocks.js');
+var addAppBlockId = require('./helpers/third-party/addAppBlockId.js');
 
 
 
@@ -272,6 +274,7 @@ exports.getAspectRatioGlobalSize = size.getAspectRatioGlobalSize;
 exports.getGlobalSizeGap = size.getGlobalSizeGap;
 exports.getHeightByShapeGlobalSize = size.getHeightByShapeGlobalSize;
 exports.getPaddingGlobalSize = size.getPaddingGlobalSize;
+exports.getValueByDevice = size.getValueByDevice;
 exports.getWidthByShapeGlobalSize = size.getWidthByShapeGlobalSize;
 exports.getWidthHeightGlobalSize = size.getWidthHeightGlobalSize;
 exports.makeGlobalSize = size.makeGlobalSize;
@@ -386,3 +389,5 @@ exports.fetchMedias = getProduct.fetchMedias;
 exports.fetchVariants = getProduct.fetchVariants;
 exports.getProduct = getProduct.getProduct;
 exports.getProductBySlug = getProductBySlug.getProductBySlug;
+exports.getAppBlocks = getAppBlocks.getAppBlocks;
+exports.addAppBlockId = addAppBlockId.addAppBlockId;

package/dist/esm/components/ComponentToolbarPreview.js

@@ -11,7 +11,7 @@ import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
 import { CreateThemeSection } from './theme-section/CreateThemeSection.js';
 import Tooltip from './toolbar/Tooltip.js';
-import { ThemeSectionStatus } from './theme-section/ThemeSectionStatus.js';
+import { ThemeSectionStatusWrapper } from './theme-section/ThemeSectionStatus.js';
 import Resize from './resize/Resize.js';
 import { usePostPurchase } from '../hooks/useToolbarPostPurchase.js';
 import { ableGenerateContentElements } from './constant.js';
@@ -55,7 +55,8 @@ const ComponentToolbarPreview = (props)=>{
     const editProductElementList = [
         'Product Title',
         'Product Description',
-        'Product Price'
+        'Product Price',
+        'Product Vendor'
     ];
     const isOverToolbarPosition = (el, parent)=>{
         const parentLength = parents.length;
@@ -563,7 +564,7 @@ const ComponentToolbarPreview = (props)=>{
                     })
                 ]
             }, props.uid),
-            isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(ThemeSectionStatus, {
+            isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(ThemeSectionStatusWrapper, {
                 ...props
             }),
             /*#__PURE__*/ jsx("div", {
@@ -626,6 +627,6 @@ const ComponentToolbarPreview = (props)=>{
         ]
     });
 };
-var ComponentToolbarPreview$1 = /*#__PURE__*/ memo(ComponentToolbarPreview);
+var ComponentToolbarPreview$1 = /*#__PURE__*/ memo(ComponentToolbarPreview); /* gem-lint/disallow-import-from-package-path */
 
 export { ComponentToolbarPreview$1 as default };

package/dist/esm/components/constant.js

@@ -35,7 +35,10 @@ const disableWrap = [
     'PostPurchaseProductImages',
     'Sticky',
     'Heading',
-    'EstimateDate'
+    'EstimateDate',
+    'ProductBadge',
+    'Marquee',
+    'MarqueeItem'
 ];
 const customRenderChildren = [
     'Accordion',

package/dist/esm/components/theme-section/ThemeSectionStatus.js

@@ -1,7 +1,16 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-const ThemeSectionStatus = ({ ...props })=>{
-    const isRenderThemeSectionStatus = props.tag === 'Section' && props?.isThemeSection && props?.needPublishing;
+const getStatusMessage = (status)=>{
+    switch(status){
+        case 'DRAFT':
+            return 'This Theme Section is Draft. Publish page will also publish Theme Section.';
+        case 'NEED_PUBLISHING':
+            return 'Need to republish. Go to global edit and publish this section';
+    }
+};
+const ThemeSectionStatusWrapper = ({ tag, status, isThemeSection })=>{
+    const isRenderThemeSectionStatus = tag === 'Section' && isThemeSection && (status === 'DRAFT' || status === 'NEED_PUBLISHING');
+    const statusMessage = getStatusMessage(status);
     return /*#__PURE__*/ jsx(Fragment, {
         children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxs("div", {
             "data-theme-section-status": true,
@@ -22,13 +31,13 @@ const ThemeSectionStatus = ({ ...props })=>{
                         })
                     })
                 }),
-                /*#__PURE__*/ jsx("span", {
+                statusMessage && /*#__PURE__*/ jsx("span", {
                     "data-theme-section-status-text": true,
-                    children: "Need to republish. Go to global edit and publish this section"
+                    children: statusMessage
                 })
             ]
         })
     });
 };
 
-export { ThemeSectionStatus };
+export { ThemeSectionStatusWrapper };

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -252,7 +252,11 @@ const createBuilderPreviewProvider = (args, pageName, isThemeSectionEditor)=>cre
                 }
             },
             getItem: (id)=>{
-                return get().state[id];
+                const item = get().state[id];
+                return {
+                    ...item,
+                    rawChildrens: item?.childrens?.map((v)=>get().state[v])
+                };
             },
             removeItem: (id)=>{
                 if (id === 'ROOT') {

package/dist/esm/contexts/ModalContext.js

@@ -5,8 +5,8 @@ import { useStore, createStore } from 'zustand';
 const ModalContext = /*#__PURE__*/ createContext(null);
 const createModalProvider = (data)=>createStore((set)=>({
             activeId: data,
-            setModalActive: (id)=>{
-                window?.parent?.postMessage?.(JSON.stringify({
+            setModalActive: (id, postMessage)=>{
+                postMessage && window?.parent?.postMessage?.(JSON.stringify({
                     type: 'active-element',
                     uid: id
                 }), '*');

package/dist/esm/contexts/SectionContext.js

@@ -8,6 +8,7 @@ const SectionContext = /*#__PURE__*/ createContext(null);
 const createSectionProvider = (data)=>createStore((set, get)=>({
             data: data ?? {},
             getSection: (id)=>{
+                console.log('get().data', get().data);
                 const section = get().data[id];
                 return section ?? undefined;
             },

package/dist/esm/helpers/colors.js

@@ -154,7 +154,7 @@ const getSingleColorVariable = (color)=>{
 };
 function isColor(color) {
     if (!color || typeof color !== 'string') return false;
-    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent');
+    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent') || color?.startsWith('linear-gradient');
 }
 const getGlobalColorStyle = (data)=>{
     if (!data) return {};

package/dist/esm/helpers/loop-component.js

@@ -0,0 +1,14 @@
+function loopComponent(component, callback) {
+    if (component) {
+        callback(component);
+    }
+    if (component?.childrens?.length) {
+        // eslint-disable-next-line
+        for(let i = 0; i < component.childrens.length; i++){
+            const children = component.childrens[i];
+            loopComponent(children, callback);
+        }
+    }
+}
+
+export { loopComponent };

package/dist/esm/helpers/pascal-to-kebab-case.js

@@ -0,0 +1,5 @@
+const pascalToKebab = (pascalCaseString)=>{
+    return pascalCaseString.replace(/[A-Z]/g, (match, offset)=>(offset ? '-' : '') + match.toLowerCase());
+};
+
+export { pascalToKebab };

package/dist/esm/helpers/remove-matching-key.js

@@ -0,0 +1,10 @@
+const removeMatchingKey = (obj, searchText)=>{
+    for(const key in obj){
+        if (key.includes(searchText)) {
+            delete obj[key];
+        }
+    }
+    return obj;
+};
+
+export { removeMatchingKey };

package/dist/esm/helpers/size.js

@@ -179,5 +179,8 @@ function getCustomPaddingSizeCSSByDevice(globalSize, device) {
 const getPaddingGlobalSize = (globalSize)=>{
     return Object.assign({}, getCustomPaddingSizeCSSByDevice(globalSize, 'desktop'), getCustomPaddingSizeCSSByDevice(globalSize, 'tablet'), getCustomPaddingSizeCSSByDevice(globalSize, 'mobile'));
 };
+const getValueByDevice = (value, device)=>{
+    return value?.[device] === undefined ? value?.desktop === undefined ? value?.tablet : value?.desktop : value?.[device];
+};
 
-export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault };
+export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault };

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

@@ -0,0 +1,18 @@
+import { loopComponent } from '../loop-component.js';
+import { composeAppBlockId } from './composeAppBlockId.js';
+
+const addAppBlockId = (component)=>{
+    const strComponent = JSON.stringify(component) || '';
+    if (!strComponent.includes('appBlockId')) {
+        return component;
+    }
+    loopComponent(component, (component)=>handleSetBlockId(component));
+    return component;
+};
+const handleSetBlockId = (component)=>{
+    const { tag, uid } = component;
+    if (component.settings.appBlockId === undefined) return component;
+    component.settings.appBlockId = composeAppBlockId(tag, uid);
+};
+
+export { addAppBlockId };

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

@@ -0,0 +1,38 @@
+const RechargeSubscriptionsConfig = {
+    RechargeSubscriptions: {
+        appName: 'recharge-subscriptions',
+        appId: '371eed76-0b44-4869-9813-730372ea378e'
+    }
+};
+const BonLoyaltyRewardsReferralsConfig = {
+    BonLoyaltyRewardsReferrals: {
+        appName: 'bon-loyalty',
+        appId: '63496a04-c097-48d1-8c11-475aec24b12e'
+    }
+};
+const SubifySubscriptionsConfig = {
+    SubifySubscriptionsApp: {
+        appName: 'subify-subscriptions-app',
+        appId: 'bc0dba25-cd46-4841-bea4-6bdfe9ac815f'
+    }
+};
+const SelleasyConfig = {
+    SelleasyApp: {
+        appName: 'selleasy',
+        appId: '790c1a03-a71f-4bc1-9869-00dad526d3c2'
+    }
+};
+const LoopSubscriptionsConfig = {
+    LoopSubscriptions: {
+        appName: 'Loop Subscriptions',
+        appId: '267a7c64-5cb3-4552-b817-5485165f0a0b'
+    }
+};
+const SkioSubscriptionsYcS20Config = {
+    SkioSubscriptionsYcS20: {
+        appName: 'skio-subscriptions-yc-s20',
+        appId: 'de50f7a4-0bb0-4d4c-84e2-c03dce83436d'
+    }
+};
+
+export { BonLoyaltyRewardsReferralsConfig, LoopSubscriptionsConfig, RechargeSubscriptionsConfig, SelleasyConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig };

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

@@ -0,0 +1,75 @@
+const RechargeSubscriptions = {
+    RechargeSubscriptions: {
+        'subscription-widget': {
+            product: '{{ product }}'
+        }
+    }
+};
+const LoyaltyRewardsReferrals = {
+    BonLoyaltyRewardsReferrals: {
+        'loyalty-page-block': null,
+        'loyalty-page-earning-block': null,
+        'loyalty-page-header-block': null,
+        'loyalty-page-profile-block': null,
+        'loyalty-page-redeem-block': null,
+        'loyalty-page-referral-block': null,
+        'loyalty-page-tier-block': null,
+        'product-point-preview': null
+    }
+};
+const SubifySubscriptions = {
+    SubifySubscriptionsApp: {
+        'app-block': {
+            product: '{{product}}',
+            use_app_block_wording: false,
+            widget_label: 'Purchase options',
+            one_time_purchase_text: 'One-Time Purchase',
+            subscription_text: 'Subscribe and save',
+            delivery_frequency_text: 'Delivery frequency',
+            prepaid_subscription_text: 'Subscription with prepaid',
+            skin1_priceSuffix: 'each',
+            skin1_save: 'Save(skin1)',
+            skin1_prepaid_payment_title: 'prepaid',
+            skin1_normal_payment_title: 'pay as you go',
+            skin2_discountSuffix: 'Save',
+            skin3_fullPrice: 'Full price',
+            skin3_priceSuffix: 'each',
+            skin3_discountSuffix: 'Off',
+            skin4_justOnce: 'Just once',
+            skin4_discountSuffix: 'Off',
+            skin4_priceSuffix: 'each',
+            skin4_fullPrice: '(Full price)',
+            skin4_sellingPlansTitle: 'Renews every:',
+            from: 'from',
+            max_discount_badge_title: 'UP To',
+            pay: 'Pay',
+            price_save_up_to: 'save up to'
+        }
+    }
+};
+const SelleasyWidget = {
+    Selleasy: {
+        'lb-upsell-fbt-block': null,
+        'lb-upsell-addon-block': null
+    }
+};
+const LoopSubscriptions = {
+    LoopSubscriptions: {
+        'star_rating': null
+    }
+};
+const SkioSubscriptionsYcS20 = {
+    SkioSubscriptionsYcS20: {
+        'app-block': null
+    }
+};
+const composeSettingsByWidgetType = {
+    ...SkioSubscriptionsYcS20,
+    ...LoopSubscriptions,
+    ...RechargeSubscriptions,
+    ...LoyaltyRewardsReferrals,
+    ...SubifySubscriptions,
+    ...SelleasyWidget
+};
+
+export { composeSettingsByWidgetType };

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

@@ -0,0 +1,9 @@
+import { pascalToKebab } from '../pascal-to-kebab-case.js';
+import { THIRD_PARTY_APP_BLOCK_ID_PREFIX } from './constant.js';
+
+const composeAppBlockId = (tag, uid)=>{
+    const key = pascalToKebab(tag);
+    return `${THIRD_PARTY_APP_BLOCK_ID_PREFIX}_${key}_${uid}`;
+};
+
+export { composeAppBlockId };

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

@@ -0,0 +1,13 @@
+import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config } from './appConfig.js';
+
+const mapShopifyAppMeta = {
+    ...RechargeSubscriptionsConfig,
+    ...BonLoyaltyRewardsReferralsConfig,
+    ...SubifySubscriptionsConfig,
+    ...SelleasyConfig,
+    ...LoopSubscriptionsConfig,
+    ...SkioSubscriptionsYcS20Config
+};
+const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
+
+export { THIRD_PARTY_APP_BLOCK_ID_PREFIX, mapShopifyAppMeta };

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

@@ -0,0 +1,19 @@
+import { loopComponent } from '../loop-component.js';
+import { getAppBlockConfig } from './getAppBlockConfig.js';
+
+const generateAppBlockConfigs = (component)=>{
+    const strComponent = JSON.stringify(component) || '';
+    if (!strComponent.includes('appBlockId')) return null;
+    const configs = [];
+    loopComponent(component, (component)=>{
+        const settings = component.settings || {};
+        const appBlockId = settings?.appBlockId || '';
+        if (!appBlockId) return;
+        const config = getAppBlockConfig(component.tag, appBlockId, settings);
+        if (!config) return;
+        configs.push(config);
+    });
+    return configs;
+};
+
+export { generateAppBlockConfigs };

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

@@ -0,0 +1,21 @@
+import { composeSettingsByWidgetType } from './appSetting.js';
+import { getAppBlockType } from './getAppBlockType.js';
+
+const getAppBlockConfig = (tag, appBlockId, settings)=>{
+    const appBlockType = getAppBlockType({
+        tag,
+        widgetType: settings?.widgetType
+    });
+    const settingByWidget = composeSettingsByWidgetType[tag][settings?.widgetType];
+    return {
+        key: appBlockId,
+        value: {
+            type: appBlockType,
+            ...settingByWidget && {
+                settings: settingByWidget
+            }
+        }
+    };
+};
+
+export { getAppBlockConfig };

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

@@ -0,0 +1,10 @@
+import { mapShopifyAppMeta } from './constant.js';
+
+const getAppBlockType = ({ tag, widgetType })=>{
+    const shopifyAppMeta = mapShopifyAppMeta[tag];
+    if (!shopifyAppMeta) return '';
+    const { appName, appId } = shopifyAppMeta;
+    return `shopify://apps/${appName}/blocks/${widgetType}/${appId}`;
+};
+
+export { getAppBlockType };

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

@@ -0,0 +1,39 @@
+import { removeMatchingKey } from '../remove-matching-key.js';
+import { addAppBlockId } from './addAppBlockId.js';
+import { generateAppBlockConfigs } from './generateAppBlockConfigs.js';
+
+const getAppBlocks = (section, currentBlock, currentBlockOrder)=>{
+    const component = JSON.parse(section?.component || '');
+    const componentWithAppBlockId = addAppBlockId(component);
+    const appBlockConfigs = generateAppBlockConfigs(componentWithAppBlockId);
+    if (!appBlockConfigs?.length) {
+        return {
+            blocks: currentBlock,
+            block_order: currentBlockOrder
+        };
+    }
+    let newBlocks = currentBlock;
+    let newBlockOrder = currentBlockOrder;
+    appBlockConfigs.forEach(({ key, value })=>{
+        const newBlock = {
+            [key]: value
+        };
+        const oldKeyRemovedBlock = removeMatchingKey(newBlocks, key);
+        newBlocks = {
+            ...oldKeyRemovedBlock,
+            ...newBlock
+        };
+        newBlockOrder = newBlockOrder ? [
+            ...newBlockOrder,
+            key
+        ] : [
+            key
+        ];
+    });
+    return {
+        blocks: newBlocks,
+        block_order: newBlockOrder
+    };
+};
+
+export { getAppBlocks };

package/dist/esm/hooks/articles/useArticlesQuery.js

@@ -16,6 +16,7 @@ const useArticlesQuery = (variables, options)=>{
 };
 const useBlogsQuery = (variables, options)=>{
     const fetcher = useFetchHandle();
+    //@ts-ignore
     const fetchBlogs = ()=>fetcher([
             BlogsDocument,
             variables ?? {}

package/dist/esm/index.js

@@ -66,7 +66,7 @@ export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQu
 export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
 export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template } from './helpers/render.js';
 export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
-export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault } from './helpers/size.js';
+export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault } from './helpers/size.js';
 export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
 export { useCartData } from './hooks/cart/use-cart-data.js';
@@ -107,3 +107,5 @@ export { AnimationDirectionType, AnimationEasingType, AnimationSetting, Animatio
 export { calculateFirstProduct, getCollection } from './helpers/queries/get-collection.js';
 export { fetchMedias, fetchVariants, getProduct } from './helpers/queries/get-product.js';
 export { getProductBySlug } from './helpers/queries/get-product-by-slug.js';
+export { getAppBlocks } from './helpers/third-party/getAppBlocks.js';
+export { addAppBlockId } from './helpers/third-party/addAppBlockId.js';

package/dist/types/index.d.ts

@@ -6709,6 +6709,7 @@ type BlockEntity = {
     name?: string;
     dateModified?: string | number;
     childrens?: string[];
+    rawChildrens?: BlockEntity[];
     settings?: Record<string, any>;
     advanced?: Record<string, any>;
     styles?: Record<string, any>;
@@ -6716,6 +6717,7 @@ type BlockEntity = {
     type?: 'component';
     isThemeSection?: boolean;
     needPublishing?: boolean;
+    status?: ThemeSectionStatus$1;
     isShopifySection?: boolean;
     isShopifyVisibility?: boolean;
 };
@@ -6726,10 +6728,12 @@ type SectionEntity = {
     type: 'section';
     name?: string;
     isThemeSection?: boolean;
+    status?: ThemeSectionStatus$1;
     needPublishing?: boolean;
     isShopifySection?: boolean;
     isShopifyVisibility?: boolean;
 };
+type ThemeSectionStatus$1 = 'DRAFT' | 'PUBLISHED' | 'NEED_PUBLISHING';
 type BuilderEntity = BlockEntity | SectionEntity;
 type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
     childrens?: BuilderEntityNested[];
@@ -6782,6 +6786,12 @@ type SaleFunnelDiscountEdge$1 = {
 type ProductOffer = Maybe$1<Pick<SaleFunnelDiscountEdge$1, 'cursor'> & {
     node?: Maybe$1<Pick<SaleFunnelDiscount$1, 'id' | 'value' | 'type' | 'position' | 'objectBaseID' | 'objectType' | 'title' | 'valueType' | 'isEnabled'>>;
 }>;
+type RawChild = {
+    uid: string;
+    builder: Record<string, any>;
+    components: Record<string, any>;
+    [key: string]: any;
+};
 
 type InitComponentType<T = any> = {
     [K in keyof T]-?: {
@@ -7224,6 +7234,7 @@ type RangeControlType<T> = SharedControlType<T> & {
     disableOnChange?: boolean;
     useOnlyUnitInit?: boolean;
     hideUnit?: boolean;
+    hideInput?: boolean;
 } & OnlyOne<{
     minRelated?: string;
 }, {
@@ -7302,11 +7313,13 @@ type Option$2<T> = {
     svgIcon?: string;
     tooltip?: string;
     type?: string;
+    note?: string;
 };
 type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
+    isFullWidth?: boolean;
     hyperlinkInfo?: HyperlinkInfo;
     hideOnMode?: {
         responsive?: boolean;
@@ -7343,6 +7356,7 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     type: 'select';
     options: Option$2<T>[];
     default?: T;
+    isFullWidth?: boolean;
 };
 type SelectControlType<T> = {
     [K in keyof T]-?: Mapped$3<K, T[K]>;
@@ -8096,6 +8110,7 @@ type ControlUI = {
             mobile?: boolean;
         };
         hideOnPages?: PageType[];
+        itemSpacing?: 'small' | 'medium' | 'large';
     };
     isMoreSetting?: boolean;
     hiddenDivice?: boolean;
@@ -8124,6 +8139,7 @@ type ComponentPreset = {
     };
     components: InitComponentType[];
     hideTextContent?: boolean;
+    flowTagComponents?: Record<string, InitComponentType[]>;
 };
 
 type PageContext = {
@@ -28850,7 +28866,7 @@ declare const useCollectionStore: <U>(selector: (state: ExtractState<StoreApi<Co
 
 type ModalContextProps = {
     activeId?: string;
-    setModalActive: (id?: string) => void;
+    setModalActive: (id?: string, postMessage?: boolean) => void;
     clearModal: () => void;
 };
 type ModalProviderProps = Pick<ModalContextProps, 'activeId'> & {
@@ -35518,6 +35534,7 @@ declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSet
 declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
 declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
 declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
+declare const getValueByDevice: <T>(value: any, device: NameDevices$1) => T;
 
 type TypographyClass = `gp-g-${TypographyType}`;
 declare const genTypoClass: (name: TypographyType) => TypographyClass;
@@ -37326,4 +37343,13 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+declare const getAppBlocks: (section: PublishedPageSection$1 & {
+    appBlocks: string;
+}, currentBlock: {}, currentBlockOrder: string[]) => {
+    blocks: {};
+    block_order: string[];
+};
+
+declare const addAppBlockId: (component: Component) => Component;
+
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.45.2",
+  "version": "1.46.0-staging.10",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.45.0",
-    "@gem-sdk/styles": "1.45.2",
+    "@gem-sdk/styles": "1.46.0-staging.8",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {