@gem-sdk/core 2.0.0-dev.896 → 2.0.0

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var appConfig = require('./appConfig.js');
+
+const mapShopifyAppMeta = {
+    ...appConfig.RechargeSubscriptionsConfig,
+    ...appConfig.BonLoyaltyRewardsReferralsConfig,
+    ...appConfig.SubifySubscriptionsConfig,
+    ...appConfig.SelleasyConfig,
+    ...appConfig.LoopSubscriptionsConfig,
+    ...appConfig.SkioSubscriptionsYcS20Config,
+    ...appConfig.ShopifyFormsConfig,
+    ...appConfig.ReviewxpoProductReviewsAppConfig,
+    ...appConfig.PumperBundlesVolumeDiscountConfig,
+    ...appConfig.UnlimitedBundlesDiscountsConfig,
+    ...appConfig.KiteFreeGiftDiscountConfig,
+    ...appConfig.FastBundleBundlesDiscountsConfig,
+    ...appConfig.SimpleBundlesKitsConfig,
+    ...appConfig.EasyBundleBuilderSkailamaConfig,
+    ...appConfig.PreorderNowPreOrderPqConfig,
+    ...appConfig.FlyBundlesUpsellsFbtConfig,
+    ...appConfig.JunipProductReviewsUgcConfig,
+    ...appConfig.PreorderNowWodPresaleConfig,
+    ...appConfig.YotpoReviewsV3UgcConfig,
+    ...appConfig.WhatmoreShoppableVideosreelConfig,
+    ...appConfig.ProductOptionsCustomizerConfig,
+    ...appConfig.AppointmentBookingCowlendarConfig,
+    ...appConfig.BoldSubscriptionsConfig,
+    ...appConfig.SproutPlantTreesGrowSalesConfig,
+    ...appConfig.InstasellShoppableInstagramConfig,
+    ...appConfig.GrowaveConfig,
+    ...appConfig.LoloyalLoyaltyReferralsConfig,
+    ...appConfig.PowerfulContactFormBuilderConfig,
+    ...appConfig.WishlistKingConfig,
+    ...appConfig.GloboProductOptionsVariantConfig,
+    ...appConfig.KachingBundlesConfig,
+    ...appConfig.TrustooConfig,
+    ...appConfig.LooxReviewsConfig
+};
+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,34 @@
+'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);
+    });
+    if (!configs.length) return null;
+    return {
+        newBlocks: extractBlocks(configs),
+        newBlockOrder: extractBlockOrder(configs)
+    };
+};
+function extractBlocks(array) {
+    return array.reduce((acc, item)=>{
+        acc[item.key] = item.value;
+        return acc;
+    }, {});
+}
+function extractBlockOrder(array) {
+    return array.map((item)=>item.key);
+}
+
+exports.generateAppBlockConfigs = generateAppBlockConfigs;

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var appSetting = require('./appSetting.js');
+var getAppBlockType = require('./getAppBlockType.js');
+
+const listAppUpdateNewVersion = [
+    'Growave',
+    'Trustoo',
+    'LooxReviews'
+];
+const listThirdPartyRejectAppBlock = {
+    YotpoReviews: {
+        conditionToReject: 'settings?.version === "v1"'
+    },
+    Trustoo: {
+        conditionToReject: 'settings?.version === "v1"'
+    },
+    LooxReviews: {
+        conditionToReject: 'settings?.version === "v1"'
+    }
+};
+const getAppBlockConfig = (tag, appBlockId, settings)=>{
+    if (listThirdPartyRejectAppBlock[tag] && eval(listThirdPartyRejectAppBlock[tag]?.conditionToReject ?? '')) {
+        return;
+    }
+    let widgetType = settings?.widgetType;
+    if (listAppUpdateNewVersion.includes(tag)) {
+        widgetType = settings?.widgetTypeV2;
+    }
+    const appBlockType = getAppBlockType.getAppBlockType({
+        tag,
+        widgetType
+    });
+    const settingByWidget = appSetting.composeSettingsByWidgetType[tag][settings?.widgetType];
+    const appSettings = appSetting.overrideSettings(tag, settingByWidget, settings);
+    return {
+        key: appBlockId,
+        value: {
+            type: appBlockType,
+            ...settingByWidget && {
+                settings: appSettings
+            }
+        }
+    };
+};
+
+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,30 @@
+'use strict';
+
+var addAppBlockId = require('./addAppBlockId.js');
+var generateAppBlockConfigs = require('./generateAppBlockConfigs.js');
+var mergeBlock = require('./mergeBlock.js');
+var mergeBlockOrder = require('./mergeBlockOrder.js');
+var removeGPAppItems = require('./removeGPAppItems.js');
+
+const getAppBlocks = (section)=>{
+    const { blocks: currentBlock, block_order: currentBlockOrder } = JSON.parse(section?.appBlocks || '{}');
+    const component = JSON.parse(section?.component || '');
+    const componentWithAppBlockId = addAppBlockId.addAppBlockId(component);
+    const appBlockConfigs = generateAppBlockConfigs.generateAppBlockConfigs(componentWithAppBlockId);
+    if (!appBlockConfigs) {
+        if (!currentBlock || !currentBlockOrder) return {};
+        return {
+            blocks: removeGPAppItems.removeAllGPAppItemsFromBlocks(currentBlock),
+            block_order: removeGPAppItems.removeAllGPAppItemsFromBlockOrder(currentBlockOrder)
+        };
+    }
+    const { newBlocks, newBlockOrder } = appBlockConfigs;
+    const blocks = mergeBlock.mergeBlocks(newBlocks, currentBlock);
+    const block_order = mergeBlockOrder.mergeBlockOrder(newBlockOrder, currentBlockOrder);
+    return {
+        blocks,
+        block_order
+    };
+};
+
+exports.getAppBlocks = getAppBlocks;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+function mergeBlocks(newBlocks, blocks) {
+    if (!blocks) return newBlocks;
+    const result = {};
+    // Add all non-gp_app blocks from the original blocks
+    for (const [key, value] of Object.entries(blocks)){
+        if (!key.startsWith('gp_app')) {
+            result[key] = value;
+        }
+    }
+    // Add all blocks from new-blocks
+    for (const [key, value] of Object.entries(newBlocks)){
+        result[key] = value;
+    }
+    return result;
+}
+
+exports.mergeBlocks = mergeBlocks;

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var constant = require('./constant.js');
+
+function isGpAppItem(item) {
+    if (!item) return false;
+    return item.startsWith(constant.THIRD_PARTY_APP_BLOCK_ID_PREFIX);
+}
+function filterCurrentOrder(currentOrder, newOrderSet) {
+    return currentOrder.filter((item)=>!isGpAppItem(item) || newOrderSet.has(item));
+}
+function processNonGpAppItem(item, resultOrder) {
+    resultOrder.push(item);
+}
+function processGpAppItems(newOrder, newOrderIndex, resultOrder) {
+    while(newOrderIndex < newOrder.length && isGpAppItem(newOrder[newOrderIndex])){
+        resultOrder.push(newOrder[newOrderIndex]);
+        newOrderIndex++;
+    }
+    return newOrderIndex;
+}
+function addRemainingGpAppItems(newOrder, startIndex, resultOrder) {
+    for(let i = startIndex; i < newOrder.length; i++){
+        const item = newOrder[i];
+        if (item && isGpAppItem(item)) {
+            resultOrder.push(item);
+        }
+    }
+}
+function mergeBlockOrder(newOrder, currentOrder) {
+    if (!currentOrder) return newOrder;
+    const newOrderSet = new Set(newOrder);
+    const filteredCurrentOrder = filterCurrentOrder(currentOrder, newOrderSet);
+    const resultOrder = [];
+    let newOrderIndex = 0;
+    filteredCurrentOrder.forEach((item)=>{
+        if (!isGpAppItem(item)) {
+            processNonGpAppItem(item, resultOrder);
+            return;
+        }
+        newOrderIndex = processGpAppItems(newOrder, newOrderIndex, resultOrder);
+    });
+    addRemainingGpAppItems(newOrder, newOrderIndex, resultOrder);
+    return resultOrder;
+}
+
+exports.mergeBlockOrder = mergeBlockOrder;

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var constant = require('./constant.js');
+
+const removeAllGPAppItemsFromBlocks = (blocks)=>{
+    for(const key in blocks){
+        if (key.startsWith(constant.THIRD_PARTY_APP_BLOCK_ID_PREFIX)) {
+            delete blocks[key];
+        }
+    }
+    return blocks;
+};
+const removeAllGPAppItemsFromBlockOrder = (blockOrder)=>{
+    return blockOrder.filter((item)=>!item.includes(constant.THIRD_PARTY_APP_BLOCK_ID_PREFIX));
+};
+
+exports.removeAllGPAppItemsFromBlockOrder = removeAllGPAppItemsFromBlockOrder;
+exports.removeAllGPAppItemsFromBlocks = removeAllGPAppItemsFromBlocks;

package/dist/cjs/helpers/tracking/fpixel.js

@@ -1 +1,28 @@
-"use strict";const pageview=()=>{window.fbq&&window.fbq("track","PageView")},event=(e,t={})=>{window.fbq&&window.fbq("track",e,t)},addToCart=e=>{window.fbq&&window.fbq("track","AddToCart",{content_ids:[e.id],content_name:e.name,content_category:e.category,content_type:"product",value:e.price,currency:e.currency})};exports.addToCart=addToCart,exports.event=event,exports.pageview=pageview;
+'use strict';
+
+const pageview = ()=>{
+    if (!window.fbq) return;
+    window.fbq('track', 'PageView');
+};
+// https://developers.facebook.com/docs/facebook-pixel/advanced/
+const event = (name, options = {})=>{
+    if (!window.fbq) return;
+    window.fbq('track', name, options);
+};
+const addToCart = (product)=>{
+    if (!window.fbq) return;
+    window.fbq('track', 'AddToCart', {
+        content_ids: [
+            product.id
+        ],
+        content_name: product.name,
+        content_category: product.category,
+        content_type: 'product',
+        value: product.price,
+        currency: product.currency
+    });
+};
+
+exports.addToCart = addToCart;
+exports.event = event;
+exports.pageview = pageview;

package/dist/cjs/helpers/tracking/gtag.js

@@ -1 +1,93 @@
-"use strict";const pageview=(e,a)=>{window.gtag&&a&&window.gtag("config",a,{page_path:e}),window.ga&&window.ga("send","pageview",e)},addToCart=e=>{window.ga&&e&&(window.ga("ec:addProduct",{...e,id:e.sku,name:"Default Title"===e.variant?e.name:`${e.name} - ${e.variant}`,variant:"Default Title"===e.variant?e.name:e.variant}),window.ga("ec:setAction","add"),window.ga("send","event",{eventCategory:"EnhancedEcommerce",eventAction:"Added Product",nonInteraction:!0}))},productClick=e=>{window.ga&&(ga("ec:addProduct",{id:e.id,name:e.name,category:e.category,brand:e.brand,variant:e.variant}),ga("ec:setAction","click"),ga("send","event",{eventAction:"Click",eventCategory:"Product"}))},productDetail=e=>{e&&window.ga&&(ga("ec:addProduct",{brand:e.brand,category:e.category,id:e.id,name:e.name,variant:e.variant}),ga("ec:setAction","detail"),ga("send","event",{eventAction:"Detail",eventCategory:"Ecommerce",nonInteraction:1}))},removeFromCart=(e,a)=>{e&&window.ga&&(ga("ec:addProduct",{id:e.id,name:e.name,price:a}),ga("ec:setAction","remove"),ga("send","event",{eventAction:"Click",eventCategory:"Remove from cart"}))};exports.addToCart=addToCart,exports.pageview=pageview,exports.productClick=productClick,exports.productDetail=productDetail,exports.removeFromCart=removeFromCart;
+'use strict';
+
+// https://developers.google.com/analytics/devguides/collection/gtagjs/pages
+const pageview = (url, trackingId)=>{
+    // GA 4
+    if (window.gtag && trackingId) {
+        window.gtag('config', trackingId, {
+            page_path: url
+        });
+    }
+    // GA 3
+    if (window.ga) {
+        window.ga('send', 'pageview', url);
+    }
+};
+/** Addition to cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */ const addToCart = (product)=>{
+    // GA 3
+    if (!window.ga || !product) {
+        return;
+    }
+    window.ga('ec:addProduct', {
+        ...product,
+        id: product.sku,
+        name: product.variant === 'Default Title' ? product.name : `${product.name} - ${product.variant}`,
+        variant: product.variant === 'Default Title' ? product.name : product.variant
+    });
+    window.ga('ec:setAction', 'add');
+    window.ga('send', 'event', {
+        eventCategory: 'EnhancedEcommerce',
+        eventAction: 'Added Product',
+        nonInteraction: true
+    });
+};
+/** Product clicked event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
+ */ const productClick = (product)=>{
+    if (!window.ga) {
+        return;
+    }
+    ga('ec:addProduct', {
+        id: product.id,
+        name: product.name,
+        category: product.category,
+        brand: product.brand,
+        variant: product.variant
+    });
+    ga('ec:setAction', 'click');
+    ga('send', 'event', {
+        eventAction: 'Click',
+        eventCategory: 'Product'
+    });
+};
+/** Product viewed event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
+ */ const productDetail = (product)=>{
+    if (!product || !window.ga) return;
+    ga('ec:addProduct', {
+        brand: product.brand,
+        category: product.category,
+        id: product.id,
+        name: product.name,
+        variant: product.variant
+    });
+    ga('ec:setAction', 'detail');
+    ga('send', 'event', {
+        eventAction: 'Detail',
+        eventCategory: 'Ecommerce',
+        nonInteraction: 1
+    });
+};
+/** Removal from cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */ const removeFromCart = (product, price)=>{
+    if (!product || !window.ga) return;
+    ga('ec:addProduct', {
+        id: product.id,
+        name: product.name,
+        price
+    });
+    ga('ec:setAction', 'remove');
+    ga('send', 'event', {
+        eventAction: 'Click',
+        eventCategory: 'Remove from cart'
+    });
+};
+
+exports.addToCart = addToCart;
+exports.pageview = pageview;
+exports.productClick = productClick;
+exports.productDetail = productDetail;
+exports.removeFromCart = removeFromCart;

package/dist/cjs/helpers/tracking/tiktokpixel.js

@@ -1 +1,17 @@
-"use strict";const addToCart=t=>{window?.ttq?.track&&window.ttq.track("AddToCart",{content_id:t.id,content_type:"product",content_name:t.name,quantity:t.quantity,price:t.price,value:(t.price??0)*(t.quantity??0),currency:t.currency})};exports.addToCart=addToCart;
+'use strict';
+
+// @ts-nocheck
+const addToCart = (product)=>{
+    if (!window?.ttq?.track) return;
+    window.ttq.track('AddToCart', {
+        content_id: product.id,
+        content_type: 'product',
+        content_name: product.name,
+        quantity: product.quantity,
+        price: product.price,
+        value: (product.price ?? 0) * (product.quantity ?? 0),
+        currency: product.currency
+    });
+};
+
+exports.addToCart = addToCart;

package/dist/cjs/helpers/typography.js

@@ -1,17 +1,160 @@
-"use strict";var colors=require("./colors.js"),makeStyle=require("./make-style.js");const genTypoClass=e=>`gp-g-${e}`,composeTypographyCss=e=>{let o=e?.custom,{fontFamily:t,fontSize:p,fontStyle:s,fontWeight:a,lineHeight:y,letterSpacing:l}=o?.desktop??{};return`
-  ${t?`font-family: var(--g-font-${t}, ${t});`:""}
-  ${p?`font-size: ${p};`:""}
-  ${s?`font-style: ${s};`:""}
-  ${a?`font-weight: ${a};`:""}
-  ${l?`letter-spacing: ${l};`:""}
-  ${y?`line-height: ${y};`:""}
-  `},composeTypographyV2Css=(e,o)=>{let t=e?.custom,{fontFamily:p,fontSize:s,fontWeight:a,lineHeight:y,letterSpacing:l}=t??{},r=e?.attrs,{bold:i,italic:n,underline:g,transform:m}=r??{},c=o?"!important":"";return`
-  ${p?`font-family: var(--g-font-${p}, ${p}) ${c};`:""}
-  ${s?.desktop?`font-size: ${s?.desktop} ${c};`:""}
-  ${i?`font-weight: bold ${c};`:a?`font-weight: ${a} ${c};`:""}
-  ${l?`letter-spacing: ${l} ${c};`:""}
-  ${y?.desktop?`line-height: ${y?.desktop} ${c};`:""}
-  ${n?`font-style: italic ${c};`:""}
-  ${g?`text-decoration-line: underline ${c};`:""}
-  ${m?`text-transform: ${m} ${c};`:""}
-  `};function getCustomCSSByDevice(e,o){if(!e||!o)return{};let t="desktop"!==o&&o?`-${o}`:"",{fontFamily:p}=e?.[o]??{};return{[`--size${t}`]:e?.[o]?.fontSize,[`--lh${t}`]:e?.[o]?.lineHeight,[`--fs${t}`]:e?.[o]?.fontStyle,[`--ff${t}`]:p?`var(--g-font-${p}, ${p})`:void 0,[`--weight${t}`]:e?.[o]?.fontWeight,[`--ls${t}`]:e?.[o]?.letterSpacing}}const composeTypography=e=>e?makeStyle.removeNullUndefined({...getCustomCSSByDevice(e,"desktop"),...getCustomCSSByDevice(e,"tablet"),...getCustomCSSByDevice(e,"mobile")}):{},composeTypographyV2=(e,o)=>e?makeStyle.removeNullUndefined({...makeStyle.makeStyle({fs:o?.italic?void 0:e?.fontStyle,ff:e?.fontFamily?`var(--g-font-${e.fontFamily.replace(/ /g,"-")}, '${e.fontFamily}'), ${e.fallbackFontFamily}`:void 0,weight:o?.bold?void 0:e?.fontWeight,ls:e?.letterSpacing}),...makeStyle.makeStyleResponsive("size",e?.fontSize),...makeStyle.makeStyleResponsive("lh",e?.lineHeight)}):{},composeTypographyAttr=e=>e?makeStyle.removeNullUndefined({...makeStyle.makeStyle({fs:e?.italic?"italic":void 0,weight:e?.bold?"bold":void 0,c:colors.getSingleColorVariable(e?.color),tt:e?.transform,tdl:e?.underline?"underline":void 0})}):{},composeTypographyClassName=(e,o)=>e?e?.type&&!e.custom?genTypoClass(e.type):"":o?.type&&genTypoClass(o?.type),composeFallbackTypographyStyle=e=>["heading","heading-1","heading-2","heading-3","heading-4","heading-5","heading-6"].includes(e)?"var(--g-font-heading, heading)":"var(--g-font-body, body)",composeTypographyStyle=(e,o,t)=>{if(e){let o=composeFallbackTypographyStyle(e.type??"heading"),p={...e.custom,fallbackFontFamily:o};return{...composeTypographyV2(p,e.attrs),...!t&&composeTypographyAttr(e.attrs)}}return{...o?.type?{}:composeTypography(o?.custom)}};exports.composeFallbackTypographyStyle=composeFallbackTypographyStyle,exports.composeTypography=composeTypography,exports.composeTypographyAttr=composeTypographyAttr,exports.composeTypographyClassName=composeTypographyClassName,exports.composeTypographyCss=composeTypographyCss,exports.composeTypographyStyle=composeTypographyStyle,exports.composeTypographyV2=composeTypographyV2,exports.composeTypographyV2Css=composeTypographyV2Css,exports.genTypoClass=genTypoClass;
+'use strict';
+
+var colors = require('./colors.js');
+var makeStyle = require('./make-style.js');
+
+const genTypoClass = (name)=>{
+    return `gp-g-${name}`;
+};
+const composeTypographyCss = (typography)=>{
+    const typographyCustom = typography?.custom;
+    const { fontFamily, fontSize, fontStyle, fontWeight, lineHeight, letterSpacing } = typographyCustom?.desktop ?? {};
+    return `
+  ${fontFamily ? `fontFamily: ${composeFontFamilyTypographyV2({
+        fontFamily
+    })};` : ''}
+  ${fontSize ? `font-size: ${fontSize};` : ''}
+  ${fontStyle ? `font-style: ${fontStyle};` : ''}
+  ${fontWeight ? `font-weight: ${fontWeight};` : ''}
+  ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
+  ${lineHeight ? `line-height: ${lineHeight};` : ''}
+  `;
+};
+const composeTypographyV2Css = (typography, isImportant)=>{
+    const typographyCustom = typography?.custom;
+    const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographyCustom ?? {};
+    const typographyAttrs = typography?.attrs;
+    const { bold, italic, underline, transform } = typographyAttrs ?? {};
+    const composeImportant = isImportant ? '!important' : '';
+    return `
+  ${fontFamily ? `font-family: ${composeFontFamilyTypographyV2({
+        fontFamily,
+        type: typography?.type
+    })} ${composeImportant}` : ''};
+  ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant}` : ''};
+  ${bold ? `font-weight: bold ${composeImportant}` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant}` : ''};
+  ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant}` : ''};
+  ${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant}` : ''};
+  ${italic ? `font-style: italic ${composeImportant}` : ''};
+  ${underline ? `text-decoration-line: underline ${composeImportant}` : ''};
+  ${transform ? `text-transform: ${transform} ${composeImportant}` : ''};
+  `;
+};
+function getCustomCSSByDevice(typography, device) {
+    if (!typography || !device) return {};
+    const suffix = device === 'desktop' || !device ? '' : `-${device}`;
+    const { fontFamily } = typography?.[device] ?? {};
+    return {
+        [`--size${suffix}`]: typography?.[device]?.fontSize,
+        [`--lh${suffix}`]: typography?.[device]?.lineHeight,
+        [`--fs${suffix}`]: typography?.[device]?.fontStyle,
+        [`--ff${suffix}`]: composeFontFamilyTypographyV2({
+            fontFamily
+        }),
+        [`--weight${suffix}`]: typography?.[device]?.fontWeight,
+        [`--ls${suffix}`]: typography?.[device]?.letterSpacing
+    };
+}
+const composeTypography = (typography)=>{
+    if (!typography) return {};
+    return makeStyle.removeNullUndefined({
+        ...getCustomCSSByDevice(typography, 'desktop'),
+        ...getCustomCSSByDevice(typography, 'tablet'),
+        ...getCustomCSSByDevice(typography, 'mobile')
+    });
+};
+const composeTypographyV2 = (value, attrs)=>{
+    if (!value) return {};
+    return makeStyle.removeNullUndefined({
+        ...makeStyle.makeStyle({
+            fs: !attrs?.italic ? value?.fontStyle : undefined,
+            ff: composeFontFamilyTypographyV2(value),
+            weight: !attrs?.bold ? value?.fontWeight : undefined,
+            ls: value?.letterSpacing
+        }),
+        ...makeStyle.makeStyleResponsive('size', value?.fontSize),
+        ...makeStyle.makeStyleResponsive('lh', value?.lineHeight)
+    });
+};
+const composeFontFamilyTypographyV2 = (value)=>{
+    const { fontFamily, isCustom, fallbackFontFamily, type } = value || {};
+    if (!fontFamily) {
+        return isCustom ? fallbackFontFamily : undefined;
+    }
+    if (typeof fontFamily === 'string') {
+        return getFontUsedByTypographyV2({
+            fontFamily,
+            fallbackFontFamily: value?.fallbackFontFamily || composeFallbackTypographyStyle(type ?? 'heading')
+        });
+    }
+    if (typeof fontFamily === 'object' && typeof fontFamily?.value === 'string') {
+        switch(fontFamily.type){
+            case 'theme':
+                return `var(${fontFamily?.value}), var(--g-font-body)`;
+            default:
+                return getFontUsedByTypographyV2({
+                    fontFamily: fontFamily.value,
+                    fallbackFontFamily: value?.fallbackFontFamily || composeFallbackTypographyStyle(type ?? 'heading')
+                });
+        }
+    }
+    return;
+};
+const getFontUsedByTypographyV2 = ({ fontFamily, fallbackFontFamily })=>{
+    if (fontFamily) {
+        return `var(--g-font-${fontFamily?.replace(/ /g, '-')}, '${fontFamily}'), ${fallbackFontFamily}`;
+    }
+    return;
+};
+const composeTypographyAttr = (attrs)=>{
+    if (!attrs) return {};
+    return makeStyle.removeNullUndefined({
+        ...makeStyle.makeStyle({
+            fs: attrs?.italic ? 'italic' : undefined,
+            weight: attrs?.bold ? 'bold' : undefined,
+            c: colors.getSingleColorVariable(attrs?.color),
+            tt: attrs?.transform,
+            tdl: attrs?.underline ? 'underline' : undefined
+        })
+    });
+};
+const composeTypographyClassName = (typo, typography)=>{
+    return typo ? typo?.type && !isCustomTypo(typo.custom) ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
+};
+const composeFallbackTypographyStyle = (tag)=>{
+    if (tag.toLocaleLowerCase().includes('heading')) {
+        return 'var(--g-font-heading, heading)';
+    }
+    return 'var(--g-font-body, body)';
+};
+const composeTypographyStyle = (typo, typography, disableAttr)=>{
+    if (typo) {
+        const fallbackFontFamily = composeFallbackTypographyStyle(typo.type ?? 'heading');
+        const customTypo = {
+            ...typo.custom,
+            fallbackFontFamily: fallbackFontFamily,
+            isCustom: isCustomTypo(typo.custom)
+        };
+        return {
+            ...composeTypographyV2(customTypo, typo.attrs),
+            ...!disableAttr && composeTypographyAttr(typo.attrs)
+        };
+    }
+    return {
+        ...!typography?.type ? composeTypography(typography?.custom) : {}
+    };
+};
+const isCustomTypo = (customTypo)=>{
+    return customTypo && Object.keys(customTypo).length > 1 || customTypo && Object.keys(customTypo).length === 1 && !customTypo.fontSize;
+};
+
+exports.composeFallbackTypographyStyle = composeFallbackTypographyStyle;
+exports.composeFontFamilyTypographyV2 = composeFontFamilyTypographyV2;
+exports.composeTypography = composeTypography;
+exports.composeTypographyAttr = composeTypographyAttr;
+exports.composeTypographyClassName = composeTypographyClassName;
+exports.composeTypographyCss = composeTypographyCss;
+exports.composeTypographyStyle = composeTypographyStyle;
+exports.composeTypographyV2 = composeTypographyV2;
+exports.composeTypographyV2Css = composeTypographyV2Css;
+exports.genTypoClass = genTypoClass;

package/dist/cjs/helpers/variant.js

@@ -1 +1,11 @@
-"use strict";function checkInStock(t,n){return!!t&&(t?.inventoryQuantity&&t.inventoryQuantity>0&&!isDefaultVariant(t,n)||!t?.manageInventory||"CONTINUE"===t.inventoryPolicy)}function isDefaultVariant(t,n){return(n?.[0]?.selectedOptions.length??0)>1&&t?.title==="Default Title"}exports.checkInStock=checkInStock;
+'use strict';
+
+function checkInStock(variant, product) {
+    if (!variant) return false;
+    return variant?.inventoryQuantity && variant.inventoryQuantity > 0 && !isDefaultVariant(variant, product) || !variant?.manageInventory || variant.inventoryPolicy === 'CONTINUE';
+}
+function isDefaultVariant(variant, product) {
+    return Boolean(variant?.title === 'Default Title' && product?.options?.some((option)=>option.values.length > 1));
+}
+
+exports.checkInStock = checkInStock;

package/dist/cjs/hooks/animation/useAnimationActions.js

@@ -1 +1,39 @@
-"use strict";var react=require("react");const useAnimationActions=()=>{let e=react.useRef(),r=react.useCallback(r=>{e.current=r},[e]),t=react.useCallback(()=>{if(e.current)for(let r of e.current)r.play()},[]),c=react.useCallback(()=>{if(e.current)for(let r of e.current)r.cancel()},[]),n=react.useCallback(r=>{if(e.current)for(let t of e.current)t.onfinish=r},[]);return{currentAnimation:e.current,setAnimation:r,playAnimation:t,cancelAnimation:c,setAnimationOnFinish:n}};exports.useAnimationActions=useAnimationActions;
+'use strict';
+
+var react = require('react');
+
+const useAnimationActions = ()=>{
+    const listAnimations = react.useRef();
+    const setAnimation = react.useCallback((newListAnimations)=>{
+        listAnimations.current = newListAnimations;
+    }, [
+        listAnimations
+    ]);
+    const playAnimation = react.useCallback(()=>{
+        if (!listAnimations.current) return;
+        for (const animation of listAnimations.current){
+            animation.play();
+        }
+    }, []);
+    const cancelAnimation = react.useCallback(()=>{
+        if (!listAnimations.current) return;
+        for (const animation of listAnimations.current){
+            animation.cancel();
+        }
+    }, []);
+    const setAnimationOnFinish = react.useCallback((onFinish)=>{
+        if (!listAnimations.current) return;
+        for (const animation of listAnimations.current){
+            animation.onfinish = onFinish;
+        }
+    }, []);
+    return {
+        currentAnimation: listAnimations.current,
+        setAnimation,
+        playAnimation,
+        cancelAnimation,
+        setAnimationOnFinish
+    };
+};
+
+exports.useAnimationActions = useAnimationActions;