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

package/dist/esm/helpers/size.js

@@ -1,4 +1,192 @@
-import{makeStyleResponsive as e}from"./make-style.js";import{devicesMapping as t}from"./constant.js";import{getResponsiveValueByScreen as i}from"./get-resonsive-value.js";function getCustomSizeCSSByDevice(e,i){if(!e||!i)return{};let a=t[i]??"";return{[`--pl${a}`]:e?.[i]?.horizontal,[`--pr${a}`]:e?.[i]?.horizontal,[`--pt${a}`]:e?.[i]?.vertical,[`--pb${a}`]:e?.[i]?.vertical}}let composeSize=e=>Object.assign({},getCustomSizeCSSByDevice(e,"desktop"),getCustomSizeCSSByDevice(e,"tablet"),getCustomSizeCSSByDevice(e,"mobile"));function genSizeClass(e){return`gp-g-s-${e}`}let composeSizeCss=e=>{if(void 0===e)return"";let t=e?.custom?.desktop?.horizontal,i=e?.custom?.desktop?.vertical;if(e?.custom)return`
-  ${t?`padding-left: ${t}; padding-right: ${t};`:void 0}
-  ${i?`padding-top: ${i}; padding-bottom: ${i};`:void 0}
-  `},makeGlobalSize=t=>({width:makeStyleWithDefault("w",getWidthHeightGlobalSize("width",t),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),height:e("h",getWidthHeightGlobalSize("height",t)),padding:getPaddingGlobalSize(t),gap:getGlobalSizeGap(t)}),makeGlobalSizeIcon=t=>({width:makeStyleWithDefault("w",getWidthHeightGlobalSize("width",t),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),height:e("h",getWidthHeightGlobalSize("width",t)),minWidth:e("minw",getWidthHeightGlobalSize("width",t)),padding:getPaddingGlobalSize(t)}),getGlobalSizeGap=e=>({"--gg":e?.desktop?.gap,"--gg-tablet":e?.tablet?.gap,"--gg-mobile":e?.mobile?.gap}),makeStyleWithDefault=(e,t,i)=>({[`--${e}`]:t?.desktop==="default"?`var(${i?.desktop})`:t?.desktop,[`--${e}-tablet`]:t?.tablet==="default"?`var(${i?.tablet})`:t?.tablet,[`--${e}-mobile`]:t?.mobile==="default"?`var(${i?.mobile})`:t?.mobile}),getWidthHeightGlobalSize=(e,t)=>{if(!t)return{};let a={},l=["desktop","mobile","tablet"];return l.forEach(l=>{a={...a,[l]:i(t,l)?.[e]}}),a},getHeightByShapeGlobalSize=e=>{let t={},a=["desktop","mobile","tablet"];return a.forEach(a=>{let l=i(e,a),o=l?.shapeValue,g=l?.height;t={...t,[a]:o?"auto":g||"auto"}}),t},getWidthByShapeGlobalSize=(e,t)=>{let a={},l=["desktop","mobile","tablet"];return l.forEach(l=>{let o=i(e,l),g=t?o?.width||"auto":o?.width;g&&(a={...a,[l]:g})}),a},getAspectRatioGlobalSize=e=>{let t={},a=["desktop","mobile","tablet"];return a.forEach(a=>{let l=i(e,a)?.shapeValue;if(l)t={...t,[a]:l};else{let l=i(e,a)?.shape;switch(l){case"square":t={...t,[a]:"1/1"};break;case"vertical":t={...t,[a]:"3/4"};break;case"horizontal":t={...t,[a]:"4/3"};break;case"original":t={...t,[a]:"auto"}}}}),t};function getCustomPaddingSizeCSSByDevice(e,i){if(!e||!i)return{};let a=t[i]??"";return{[`--pl${a}`]:e?.[i]?.padding?.left,[`--pr${a}`]:e?.[i]?.padding?.right,[`--pt${a}`]:e?.[i]?.padding?.top,[`--pb${a}`]:e?.[i]?.padding?.bottom}}let getPaddingGlobalSize=e=>Object.assign({},getCustomPaddingSizeCSSByDevice(e,"desktop"),getCustomPaddingSizeCSSByDevice(e,"tablet"),getCustomPaddingSizeCSSByDevice(e,"mobile"));export{composeSize,composeSizeCss,genSizeClass,getAspectRatioGlobalSize,getGlobalSizeGap,getHeightByShapeGlobalSize,getPaddingGlobalSize,getWidthByShapeGlobalSize,getWidthHeightGlobalSize,makeGlobalSize,makeGlobalSizeIcon,makeStyleWithDefault};
+import { makeStyleResponsive } from './make-style.js';
+import { devicesMapping } from './constant.js';
+import { getResponsiveValueByScreen } from './get-resonsive-value.js';
+
+function getCustomSizeCSSByDevice(size, device) {
+    if (!size || !device) return {};
+    const suffix = devicesMapping[device] ?? '';
+    return {
+        [`--pl${suffix}`]: size?.[device]?.horizontal,
+        [`--pr${suffix}`]: size?.[device]?.horizontal,
+        [`--pt${suffix}`]: size?.[device]?.vertical,
+        [`--pb${suffix}`]: size?.[device]?.vertical
+    };
+}
+const composeSize = (size)=>{
+    return Object.assign({}, getCustomSizeCSSByDevice(size, 'desktop'), getCustomSizeCSSByDevice(size, 'tablet'), getCustomSizeCSSByDevice(size, 'mobile'));
+};
+function genSizeClass(name) {
+    return `gp-g-s-${name}`;
+}
+const composeSizeCss = (spacing)=>{
+    if (spacing === undefined) return '';
+    const size = spacing;
+    const sizeHozi = spacing?.custom?.desktop?.horizontal;
+    const sizeVerti = spacing?.custom?.desktop?.vertical;
+    if (!size?.custom) return undefined;
+    return `
+  ${sizeHozi ? `padding-left: ${sizeHozi}; padding-right: ${sizeHozi};` : undefined}
+  ${sizeVerti ? `padding-top: ${sizeVerti}; padding-bottom: ${sizeVerti};` : undefined}
+  `;
+};
+const makeGlobalSize = (globalSize)=>{
+    return {
+        width: makeStyleWithDefault('w', getWidthHeightGlobalSize('width', globalSize), {
+            desktop: '--g-ct-w',
+            tablet: '--g-ct-w',
+            mobile: '--g-ct-w'
+        }),
+        height: makeStyleResponsive('h', getWidthHeightGlobalSize('height', globalSize)),
+        padding: getPaddingGlobalSize(globalSize),
+        gap: getGlobalSizeGap(globalSize)
+    };
+};
+const makeGlobalSizeIcon = (globalSize)=>{
+    return {
+        width: makeStyleWithDefault('w', getWidthHeightGlobalSize('width', globalSize), {
+            desktop: '--g-ct-w',
+            tablet: '--g-ct-w',
+            mobile: '--g-ct-w'
+        }),
+        height: makeStyleResponsive('h', getWidthHeightGlobalSize('width', globalSize)),
+        minWidth: makeStyleResponsive('minw', getWidthHeightGlobalSize('width', globalSize)),
+        padding: getPaddingGlobalSize(globalSize)
+    };
+};
+const getGlobalSizeGap = (globalSize)=>{
+    return {
+        '--gg': globalSize?.desktop?.gap,
+        '--gg-tablet': globalSize?.tablet?.gap,
+        '--gg-mobile': globalSize?.mobile?.gap
+    };
+};
+const makeStyleWithDefault = (name, value, defaultVal)=>{
+    return {
+        [`--${name}`]: value?.desktop === 'default' ? `var(${defaultVal?.desktop})` : value?.desktop,
+        [`--${name}-tablet`]: value?.tablet === 'default' ? `var(${defaultVal?.tablet})` : value?.tablet,
+        [`--${name}-mobile`]: value?.mobile === 'default' ? `var(${defaultVal?.mobile})` : value?.mobile
+    };
+};
+const getWidthHeightGlobalSize = (type, globalSize)=>{
+    if (!globalSize) return {};
+    let result = {};
+    const DEVICES = [
+        'desktop',
+        'mobile',
+        'tablet'
+    ];
+    DEVICES.forEach((device)=>{
+        result = {
+            ...result,
+            [device]: getResponsiveValueByScreen(globalSize, device)?.[type]
+        };
+    });
+    return result;
+};
+const getHeightByShapeGlobalSize = (shapeByLayout)=>{
+    let result = {};
+    const DEVICES = [
+        'desktop',
+        'mobile',
+        'tablet'
+    ];
+    DEVICES.forEach((device)=>{
+        const shapeByDevice = getResponsiveValueByScreen(shapeByLayout, device);
+        const shapeValue = shapeByDevice?.shapeValue;
+        const height = shapeByDevice?.height;
+        result = {
+            ...result,
+            [device]: shapeValue ? 'auto' : height || 'auto'
+        };
+    });
+    return result;
+};
+const getWidthByShapeGlobalSize = (shapeByLayout, defaultAuto, defaultFull)=>{
+    let result = {};
+    const DEVICES = [
+        'desktop',
+        'mobile',
+        'tablet'
+    ];
+    DEVICES.forEach((device)=>{
+        const shapeByDevice = getResponsiveValueByScreen(shapeByLayout, device);
+        let width = shapeByDevice?.width;
+        if (defaultAuto) {
+            width = shapeByDevice?.width || 'auto';
+        }
+        if (defaultFull) {
+            width = shapeByDevice?.width || '100%';
+        }
+        if (width) {
+            result = {
+                ...result,
+                [device]: width
+            };
+        }
+    });
+    return result;
+};
+const getAspectRatioGlobalSize = (shape)=>{
+    let result = {};
+    const DEVICES = [
+        'desktop',
+        'mobile',
+        'tablet'
+    ];
+    DEVICES.forEach((device)=>{
+        const shapeValue = getResponsiveValueByScreen(shape, device)?.shapeValue;
+        if (shapeValue) {
+            result = {
+                ...result,
+                [device]: shapeValue
+            };
+        } else {
+            const shapeConfig = getResponsiveValueByScreen(shape, device)?.shape;
+            switch(shapeConfig){
+                case 'square':
+                    result = {
+                        ...result,
+                        [device]: '1/1'
+                    };
+                    break;
+                case 'vertical':
+                    result = {
+                        ...result,
+                        [device]: '3/4'
+                    };
+                    break;
+                case 'horizontal':
+                    result = {
+                        ...result,
+                        [device]: '4/3'
+                    };
+                    break;
+                case 'original':
+                    result = {
+                        ...result,
+                        [device]: 'auto'
+                    };
+                    break;
+            }
+        }
+    });
+    return result;
+};
+function getCustomPaddingSizeCSSByDevice(globalSize, device) {
+    if (!globalSize || !device) return {};
+    const suffix = devicesMapping[device] ?? '';
+    return {
+        [`--pl${suffix}`]: globalSize?.[device]?.padding?.left,
+        [`--pr${suffix}`]: globalSize?.[device]?.padding?.right,
+        [`--pt${suffix}`]: globalSize?.[device]?.padding?.top,
+        [`--pb${suffix}`]: globalSize?.[device]?.padding?.bottom
+    };
+}
+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, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault };

package/dist/esm/helpers/spacing.js

@@ -1 +1,40 @@
-import{devicesMapping as e}from"./constant.js";function getSpacingCSSByType(t,a){if(!t)return{};let s=a?e?.[a]??"":"";return{[`--p${s}`]:`var(--g-s-${t})`}}function getSpacingVariable(e){return e?`var(--g-s-${e})`:""}let composeSpacing=e=>{let t={};switch(e?.desktop){case"m":case"l":case"s":Object.assign(t,getSpacingCSSByType(e.desktop))}switch(e?.tablet){case"m":case"l":case"s":Object.assign(t,getSpacingCSSByType(e.tablet,"tablet"))}switch(e?.mobile){case"m":case"l":case"s":Object.assign(t,getSpacingCSSByType(e.mobile,"mobile"))}return t};export{composeSpacing,getSpacingVariable};
+import { devicesMapping } from './constant.js';
+
+function getSpacingCSSByType(key, device) {
+    if (!key) return {};
+    const suffix = device ? devicesMapping?.[device] ?? '' : '';
+    return {
+        [`--p${suffix}`]: `var(--g-s-${key})`
+    };
+}
+function getSpacingVariable(key) {
+    if (!key) return '';
+    return `var(--g-s-${key})`;
+}
+const composeSpacing = (spacingValue)=>{
+    const style = {};
+    switch(spacingValue?.desktop){
+        case 'm':
+        case 'l':
+        case 's':
+            Object.assign(style, getSpacingCSSByType(spacingValue.desktop));
+            break;
+    }
+    switch(spacingValue?.tablet){
+        case 'm':
+        case 'l':
+        case 's':
+            Object.assign(style, getSpacingCSSByType(spacingValue.tablet, 'tablet'));
+            break;
+    }
+    switch(spacingValue?.mobile){
+        case 'm':
+        case 'l':
+        case 's':
+            Object.assign(style, getSpacingCSSByType(spacingValue.mobile, 'mobile'));
+            break;
+    }
+    return style;
+};
+
+export { composeSpacing, getSpacingVariable };

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,200 @@
+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 = {
+    Selleasy: {
+        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'
+    }
+};
+const ShopifyFormsConfig = {
+    ShopifyForms: {
+        appName: 'forms',
+        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'
+    }
+};
+const UnlimitedBundlesDiscountsConfig = {
+    UnlimitedBundlesDiscounts: {
+        appName: 'unlimited-bundles',
+        appId: 'd33d0f48-dee0-42a0-b156-2a5dce91814a'
+    }
+};
+const KiteFreeGiftDiscountConfig = {
+    KiteFreeGiftDiscount: {
+        appName: 'kite-free-gift-discounts',
+        appId: '2c7302c4-455d-4078-a829-48563ba26089'
+    }
+};
+const FastBundleBundlesDiscountsConfig = {
+    FastBundleBundlesDiscounts: {
+        appName: 'fast-bundle',
+        appId: '9e87fbe2-9041-4c23-acf5-322413994cef'
+    }
+};
+const SimpleBundlesKitsConfig = {
+    SimpleBundlesKits: {
+        appName: 'simple-bundles-kits',
+        appId: 'e553276b-36b2-446d-b80a-aa47fe5f96ac'
+    }
+};
+const EasyBundleBuilderSkailamaConfig = {
+    EasyBundleBuilderSkailama: {
+        appName: 'easy-bundles',
+        appId: '05b1325c-6303-4da5-8e2f-b13ab2a50e1a'
+    }
+};
+const PreorderNowPreOrderPqConfig = {
+    PreorderNowPreOrderPq: {
+        appName: 'preorder-now-pre-order-pq',
+        appId: '551fab2c-3af6-4a8f-ba21-736a71cb4540'
+    }
+};
+const FlyBundlesUpsellsFbtConfig = {
+    FlyBundlesUpsellsFbt: {
+        appName: 'fly-bundles-upsell',
+        appId: '26807bdc-c2ed-4a25-afb2-06e6b1ebf843'
+    }
+};
+const JunipProductReviewsUgcConfig = {
+    JunipProductReviewsUgc: {
+        appName: 'junip-product-reviews-ugc',
+        appId: 'dc14f5a8-ed15-41b1-ad08-cfba23f9789b'
+    }
+};
+const PreorderNowWodPresaleConfig = {
+    PreorderNowWodPresale: {
+        appName: 'preorder-now-wod-presale',
+        appId: 'fdf17d17-ef12-4a7b-8383-20cc1fc2a4b6'
+    }
+};
+const YotpoReviewsV3UgcConfig = {
+    YotpoReviews: {
+        appName: 'yotpo-product-reviews-ugc',
+        appId: 'eb7dfd7d-db44-4334-bc49-c893b51b36cf'
+    }
+};
+const WhatmoreShoppableVideosreelConfig = {
+    WhatmoreShoppableVideosreel: {
+        appName: 'whatmore-shoppable-videos',
+        appId: '20db8a72-315a-4364-8885-64219ee48303'
+    }
+};
+const ProductOptionsCustomizerConfig = {
+    ProductOptionsCustomizer: {
+        appName: 'product-options-customizer',
+        appId: '6857ca6c-35eb-4b6f-9d58-a039f31d9406'
+    }
+};
+const AppointmentBookingCowlendarConfig = {
+    AppointmentBookingCowlendar: {
+        appName: 'cowlendar-booking',
+        appId: '6d8b8f6a-9b3c-42b8-b2e6-a758c38d45bf'
+    }
+};
+const BoldSubscriptionsConfig = {
+    BoldSubscriptions: {
+        appName: 'bold-subscriptions',
+        appId: '9ceb49f0-5fe5-4b5e-943d-f8af8985167d'
+    }
+};
+const SproutPlantTreesGrowSalesConfig = {
+    SproutPlantTreesGrowSales: {
+        appName: 'sprout-plant-trees',
+        appId: '7db5ee24-2195-4099-b98e-1547c600e4aa'
+    }
+};
+const InstasellShoppableInstagramConfig = {
+    InstasellShoppableInstagram: {
+        appName: 'instasell-instagram-gallery',
+        appId: '38d643ac-410a-4b2c-a727-6125ff08e444'
+    }
+};
+const GrowaveConfig = {
+    Growave: {
+        appName: 'growave-loyalty-wishlist',
+        appId: 'b3d2efbe-110a-4e27-84a8-1f2ed63996a4'
+    }
+};
+const LoloyalLoyaltyReferralsConfig = {
+    LoloyalLoyaltyReferrals: {
+        appName: 'loloyal-com',
+        appId: '930ac91f-2bf2-4655-9ba0-574771f782d6'
+    }
+};
+const PowerfulContactFormBuilderConfig = {
+    PowerfulContactFormBuilder: {
+        appName: 'powerful-form-builder',
+        appId: 'e4bcb1eb-35b2-42e6-bc37-bfe0e1542c9d'
+    }
+};
+const WishlistKingConfig = {
+    WishlistKing: {
+        appName: 'wishlist-king',
+        appId: '194f5011-a43c-4b22-b12e-eaf20dc4506a'
+    }
+};
+const GloboProductOptionsVariantConfig = {
+    GloboProductOptionsVariant: {
+        appName: 'globo-product-option',
+        appId: 'fdc9fad5-1a0f-4bd4-9c8a-1af6a6eef6b8'
+    }
+};
+const KachingBundlesConfig = {
+    KachingBundles: {
+        appName: 'kaching-bundles',
+        appId: '6c637362-a106-4a32-94ac-94dcfd68cdb8'
+    }
+};
+const TrustooConfig = {
+    Trustoo: {
+        appName: 'trustoo-io-reviews',
+        appId: 'c8f15077-6475-4e86-ad06-b66038d5ba2c'
+    }
+};
+const LooxReviewsConfig = {
+    LooxReviews: {
+        appName: 'loox-reviews',
+        appId: '5c3b337f-fd14-4df5-b1d6-80ec13e6e28e'
+    }
+};
+
+export { AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, GloboProductOptionsVariantConfig, GrowaveConfig, InstasellShoppableInstagramConfig, JunipProductReviewsUgcConfig, KachingBundlesConfig, KiteFreeGiftDiscountConfig, LoloyalLoyaltyReferralsConfig, LoopSubscriptionsConfig, LooxReviewsConfig, PowerfulContactFormBuilderConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SproutPlantTreesGrowSalesConfig, SubifySubscriptionsConfig, TrustooConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, WishlistKingConfig, YotpoReviewsV3UgcConfig };