@gem-sdk/core 1.46.1 → 1.47.0-dev.4

package/dist/cjs/contexts/SectionContext.js

@@ -10,7 +10,6 @@ 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/align.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const convertTextAlignToJustify = (align)=>{
+    const devices = [
+        'desktop',
+        'tablet',
+        'mobile'
+    ];
+    const result = {};
+    devices.forEach((device)=>{
+        const deviceType = device === 'desktop' ? '' : `${device}:`;
+        result[`${deviceType}gp-justify-start`] = align?.[device] === 'left';
+        result[`${deviceType}gp-justify-center`] = align?.[device] === 'center';
+        result[`${deviceType}gp-justify-end`] = align?.[device] === 'right';
+    });
+    return result;
+};
+
+exports.convertTextAlignToJustify = convertTextAlignToJustify;

package/dist/cjs/helpers/colors.js

@@ -119,7 +119,7 @@ const getGlobalColorStateStyle = (type, data)=>{
     return Object.fromEntries(Object.entries(data).map(([state, value])=>{
         if (state === 'active') return [];
         return [
-            `-${constant.stateMapping?.[state]}-${type}`,
+            `-${constant.stateMapping?.[state] || ''}-${type}`,
             getSingleColorVariable(value)
         ];
     }).filter(isDefined.isDefined));

package/dist/cjs/helpers/shadow.js

@@ -27,7 +27,7 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     if (typeof value.distance == 'undefined') return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? constant.stateMapping?.[state] : ''}-${getShortname.getShortName(styleAppliedFor)}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
+        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
     };
 };
 const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{

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

@@ -42,10 +42,24 @@ const ShopifyFormsConfig = {
         appId: '8744a304-fcb1-4347-b211-bb6b4759a76a'
     }
 };
+const ReviewxpoProductReviewsAppConfig = {
+    ReviewxpoProductReviewsApp: {
+        appName: 'reviewxpo-product-reviews-app',
+        appId: '3e3d94fa-8b53-4134-942c-f7662dc9282f'
+    }
+};
+const PumperBundlesVolumeDiscountConfig = {
+    PumperBundlesVolumeDiscount: {
+        appName: 'Pumper Bundles Volume Discount',
+        appId: '0856870d-2aca-4b1e-a662-cf1797f61270'
+    }
+};
 
 exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
 exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
+exports.PumperBundlesVolumeDiscountConfig = PumperBundlesVolumeDiscountConfig;
 exports.RechargeSubscriptionsConfig = RechargeSubscriptionsConfig;
+exports.ReviewxpoProductReviewsAppConfig = ReviewxpoProductReviewsAppConfig;
 exports.SelleasyConfig = SelleasyConfig;
 exports.ShopifyFormsConfig = ShopifyFormsConfig;
 exports.SkioSubscriptionsYcS20Config = SkioSubscriptionsYcS20Config;

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

@@ -85,7 +85,29 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
             return currentSetting;
     }
 };
+const ReviewxpoProductReviewsApp = {
+    ReviewxpoProductReviewsApp: {
+        'five-star-badge-widget': null,
+        'allreviews-widget': null,
+        'carousel-widget': null,
+        'gallery-widget': null,
+        'badge-widget': null,
+        'testimonial-widget': null,
+        'star-widget': null,
+        'revews-widget': null
+    }
+};
+const PumperBundlesVolumeDiscount = {
+    PumperBundlesVolumeDiscount: {
+        'app-block': {
+            selected_product: '{{product}}',
+            using_page_builder: false
+        }
+    }
+};
 const composeSettingsByWidgetType = {
+    ...PumperBundlesVolumeDiscount,
+    ...ReviewxpoProductReviewsApp,
     ...ShopifyForms,
     ...SkioSubscriptionsYcS20,
     ...LoopSubscriptions,

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

@@ -9,7 +9,9 @@ const mapShopifyAppMeta = {
     ...appConfig.SelleasyConfig,
     ...appConfig.LoopSubscriptionsConfig,
     ...appConfig.SkioSubscriptionsYcS20Config,
-    ...appConfig.ShopifyFormsConfig
+    ...appConfig.ShopifyFormsConfig,
+    ...appConfig.ReviewxpoProductReviewsAppConfig,
+    ...appConfig.PumperBundlesVolumeDiscountConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

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

@@ -8,6 +8,7 @@ var useAnimationTarget = require('./useAnimationTarget.js');
 var useAnimationConfig = require('./useAnimationConfig.js');
 var useAnimationActions = require('./useAnimationActions.js');
 var useAnimationPreview = require('./useAnimationPreview.js');
+require('../../types/custom.js');
 var animations = require('../../types/animations.js');
 
 const useApplyAnimation = ({ props })=>{

package/dist/cjs/hooks/useFormatMoney.js

@@ -5,70 +5,71 @@ var shop = require('./shop.js');
 const shopifyPriceRounding = (amount, precision)=>{
     return parseFloat(`${amount}`).toFixed(Number(precision) + 1).slice(0, -1);
 };
+const formatMoney = function(cents, format) {
+    let value = '';
+    const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
+    const formatString = format || '${{amount}}';
+    /**
+   * check default
+   * @param opt opt
+   * @param def def
+   * @returns any
+   */ function defaultOption(opt, def) {
+        return typeof opt == 'undefined' ? def : opt;
+    }
+    /**
+   * formatWithDelimiters
+   * @param number number
+   * @param precision precision
+   * @param thousands thousands
+   * @param decimal decimal
+   * @returns any
+   */ // eslint-disable-next-line max-params
+    function formatWithDelimiters(number, precision, thousands, decimal) {
+        precision = defaultOption(precision, 2);
+        thousands = defaultOption(thousands, ',');
+        decimal = defaultOption(decimal, '.');
+        if (isNaN(number) || number == null) {
+            return 0;
+        }
+        // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
+        number = shopifyPriceRounding(number, Number(precision));
+        const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
+        return dollars + cents;
+    }
+    switch(formatString.match(placeholderRegex)[1]){
+        case 'amount':
+            value = formatWithDelimiters(cents, 2);
+            break;
+        case 'amount_no_decimals':
+            value = formatWithDelimiters(cents, 0);
+            break;
+        case 'amount_with_comma_separator':
+            value = formatWithDelimiters(cents, 2, '.', ',');
+            break;
+        case 'amount_no_decimals_with_comma_separator':
+            value = formatWithDelimiters(cents, 0, '.', ',');
+            break;
+        case 'amount_with_apostrophe_separator':
+            value = formatWithDelimiters(cents, 2, "'", '.');
+            break;
+        case 'amount_no_decimals_with_space_separator':
+            value = formatWithDelimiters(cents, 0, ' ');
+            break;
+        case 'amount_with_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', ',');
+            break;
+        case 'amount_with_period_and_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', '.');
+            break;
+    }
+    return formatString.replace(placeholderRegex, value);
+};
 const useFormatMoney = (amount, withCurrency)=>{
     const { moneyFormat, moneyWithCurrencyFormat } = shop.useMoneyFormat();
-    const formatMoney = function(cents, format) {
-        let value = '';
-        const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
-        const formatString = format || '${{amount}}';
-        /**
-     * check default
-     * @param opt opt
-     * @param def def
-     * @returns any
-     */ function defaultOption(opt, def) {
-            return typeof opt == 'undefined' ? def : opt;
-        }
-        /**
-     * formatWithDelimiters
-     * @param number number
-     * @param precision precision
-     * @param thousands thousands
-     * @param decimal decimal
-     * @returns any
-     */ // eslint-disable-next-line max-params
-        function formatWithDelimiters(number, precision, thousands, decimal) {
-            precision = defaultOption(precision, 2);
-            thousands = defaultOption(thousands, ',');
-            decimal = defaultOption(decimal, '.');
-            if (isNaN(number) || number == null) {
-                return 0;
-            }
-            // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
-            number = shopifyPriceRounding(number, Number(precision));
-            const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
-            return dollars + cents;
-        }
-        switch(formatString.match(placeholderRegex)[1]){
-            case 'amount':
-                value = formatWithDelimiters(cents, 2);
-                break;
-            case 'amount_no_decimals':
-                value = formatWithDelimiters(cents, 0);
-                break;
-            case 'amount_with_comma_separator':
-                value = formatWithDelimiters(cents, 2, '.', ',');
-                break;
-            case 'amount_no_decimals_with_comma_separator':
-                value = formatWithDelimiters(cents, 0, '.', ',');
-                break;
-            case 'amount_with_apostrophe_separator':
-                value = formatWithDelimiters(cents, 2, "'", '.');
-                break;
-            case 'amount_no_decimals_with_space_separator':
-                value = formatWithDelimiters(cents, 0, ' ');
-                break;
-            case 'amount_with_space_separator':
-                value = formatWithDelimiters(cents, 2, ' ', ',');
-                break;
-            case 'amount_with_period_and_space_separator':
-                value = formatWithDelimiters(cents, 2, ' ', '.');
-                break;
-        }
-        return formatString.replace(placeholderRegex, value);
-    };
     return withCurrency ? formatMoney(`${amount}`, moneyWithCurrencyFormat || moneyFormat) : formatMoney(`${amount}`, moneyFormat);
 };
 
+exports.formatMoney = formatMoney;
 exports.shopifyPriceRounding = shopifyPriceRounding;
 exports.useFormatMoney = useFormatMoney;

package/dist/cjs/hooks/useInteraction.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var PageContext = require('../contexts/PageContext.js');
+
+const useInteraction = ()=>{
+    const interactionData = PageContext.usePageStore((state)=>state.interactionData);
+    const { item } = interactionData || {};
+    const getAnimationByUid = (uid)=>{
+        const targets = item?.targets;
+        const targetByUid = targets?.find((target)=>target.uid === uid);
+        const metaDataContainsAnimation = targetByUid?.events?.find((it)=>it.condition?.metaData?.animation);
+        return metaDataContainsAnimation?.condition?.metaData?.animation;
+    };
+    return {
+        getAnimationByUid
+    };
+};
+
+exports.useInteraction = useInteraction;

package/dist/cjs/hooks/useProduct.js

@@ -9,6 +9,7 @@ var PageContext = require('../contexts/PageContext.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('swr/infinite');
+var useFormatMoney = require('./useFormatMoney.js');
 require('vanilla-lazyload');
 require('./useCartUI.js');
 var variant = require('../helpers/variant.js');
@@ -205,7 +206,7 @@ const useProductOfferDiscount = ()=>{
         const price = currentVariant?.price || 0;
         currentDiscount = currentDiscount * price / 100;
     }
-    return currentDiscount || 0;
+    return currentDiscount ? parseFloat(useFormatMoney.shopifyPriceRounding(currentDiscount, 2)) : 0;
 };
 
 exports.useCheckAvailableVariantInStock = useCheckAvailableVariantInStock;

package/dist/cjs/index.js

@@ -60,6 +60,7 @@ var iconList = require('./helpers/icon-list.js');
 var isDefined = require('./helpers/is-defined.js');
 var layout = require('./helpers/layout.js');
 var makeStyle = require('./helpers/make-style.js');
+var align = require('./helpers/align.js');
 var product = require('./helpers/product.js');
 var query = require('./helpers/query.js');
 var radius = require('./helpers/radius.js');
@@ -97,6 +98,7 @@ var useProductList = require('./hooks/useProductList.js');
 var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
 var useSwatchesOptions = require('./hooks/useSwatchesOptions.js');
 var useInitialSwatchesOptions = require('./hooks/useInitialSwatchesOptions.js');
+var custom = require('./types/custom.js');
 var shop$1 = require('./types/shop.js');
 var appAPI = require('./types/appAPI.js');
 var globalStyle = require('./types/global-style.js');
@@ -243,6 +245,7 @@ exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
 exports.makeStyleState = makeStyle.makeStyleState;
 exports.makeWidth = makeStyle.makeWidth;
 exports.removeNullUndefined = makeStyle.removeNullUndefined;
+exports.convertTextAlignToJustify = align.convertTextAlignToJustify;
 exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
 exports.getSelectedVariant = product.getSelectedVariant;
 exports.parseSelectedOption = product.parseSelectedOption;
@@ -317,6 +320,7 @@ exports.useProductQuery = useProductQuery.useProductQuery;
 exports.useProductsQuery = useProductsQuery.useProductsQuery;
 exports.useProductsQueryAll = useProductsQuery.useProductsQueryAll;
 exports.useCurrentDevice = useCurrentDevice.useCurrentDevice;
+exports.formatMoney = useFormatMoney.formatMoney;
 exports.shopifyPriceRounding = useFormatMoney.shopifyPriceRounding;
 exports.useFormatMoney = useFormatMoney.useFormatMoney;
 exports.useLazyVideo = useLazyVideo.useLazyVideo;
@@ -355,6 +359,14 @@ exports.useProductListStyles = useProductList.useProductListStyles;
 exports.useSuspenseFetch = useSuspenseFetch.default;
 exports.useSwatchesOptions = useSwatchesOptions.default;
 exports.useInitialSwatchesOptions = useInitialSwatchesOptions.default;
+Object.defineProperty(exports, 'InteractionTargetEvent', {
+	enumerable: true,
+	get: function () { return custom.InteractionTargetEvent; }
+});
+Object.defineProperty(exports, 'InteractionTriggerEvent', {
+	enumerable: true,
+	get: function () { return custom.InteractionTriggerEvent; }
+});
 exports.ShopType = shop$1;
 exports.AppAPIType = appAPI;
 exports.OptionNormalStyle = globalStyle.OptionNormalStyle;

package/dist/cjs/types/custom.js

@@ -0,0 +1,44 @@
+'use strict';
+
+exports.InteractionTargetEvent = void 0;
+(function(InteractionTargetEvent) {
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-background-color'] = 0] = 'gp:change-background-color';
+    InteractionTargetEvent[InteractionTargetEvent['gp:run-animation'] = 1] = 'gp:run-animation';
+    InteractionTargetEvent[InteractionTargetEvent['gp:toggle-element-visibility'] = 2] = 'gp:toggle-element-visibility';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-text'] = 3] = 'gp:change-text';
+    InteractionTargetEvent[InteractionTargetEvent['gp:scroll-to'] = 4] = 'gp:scroll-to';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-text-style'] = 5] = 'gp:change-text-style';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-content'] = 6] = 'gp:change-content';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-button-style'] = 7] = 'gp:change-button-style';
+    InteractionTargetEvent[InteractionTargetEvent['gp:copy-text'] = 8] = 'gp:copy-text';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-image'] = 9] = 'gp:change-image';
+    InteractionTargetEvent[InteractionTargetEvent['gp:toggle-video-play'] = 10] = 'gp:toggle-video-play';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-slider-ratio'] = 11] = 'gp:change-slider-ratio';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-icon-style'] = 12] = 'gp:change-icon-style';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-expanded-item'] = 13] = 'gp:change-expanded-item';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-active-item'] = 14] = 'gp:change-active-item';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-slide'] = 15] = 'gp:change-slide';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-image-step'] = 16] = 'gp:change-image-step';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-text-value'] = 17] = 'gp:change-text-value';
+    InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
+    InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
+})(exports.InteractionTargetEvent || (exports.InteractionTargetEvent = {}));
+exports.InteractionTriggerEvent = void 0;
+(function(InteractionTriggerEvent) {
+    InteractionTriggerEvent[InteractionTriggerEvent['click'] = 0] = 'click';
+    InteractionTriggerEvent[InteractionTriggerEvent["active"] = 1] = "active";
+    InteractionTriggerEvent[InteractionTriggerEvent['mouseover'] = 2] = 'mouseover';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:appear'] = 3] = 'gp:appear';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-selected'] = 4] = 'gp:item-selected';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-unselected'] = 5] = 'gp:item-unselected';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-hovered'] = 6] = 'gp:item-hovered';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-click'] = 7] = 'gp:item-click';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:after-submit'] = 8] = 'gp:after-submit';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:quantity-change'] = 9] = 'gp:quantity-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:after-checked-value'] = 10] = 'gp:after-checked-value';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:after-add-to-cart'] = 11] = 'gp:after-add-to-cart';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-open'] = 12] = 'gp:popup-open';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-close'] = 13] = 'gp:popup-close';
+    InteractionTriggerEvent[InteractionTriggerEvent['scroll-up'] = 14] = 'scroll-up';
+    InteractionTriggerEvent[InteractionTriggerEvent['scroll-down'] = 15] = 'scroll-down';
+})(exports.InteractionTriggerEvent || (exports.InteractionTriggerEvent = {}));