@gem-sdk/core 1.48.0-dev.2 → 1.48.0-dev.20

package/dist/cjs/components/Render.liquid.js

@@ -234,6 +234,7 @@ const appendAnimation = (props, liquid)=>{
     const appearTablet = getAnimationType(getSettingsByDevice('tablet'), 'appear');
     const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
     const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
+    if (!enableAnimation) return liquid;
     const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
             'none'
@@ -248,8 +249,7 @@ const appendAnimation = (props, liquid)=>{
     gp-data='${JSON.stringify({
         config: animation,
         tag,
-        opacity,
-        isEnableInit: enableAnimation
+        opacity
     })}'
     style="${{
         display: 'contents'

package/dist/cjs/graphql/fragments/product-little.generated.js

@@ -6,6 +6,7 @@
   title
   description
   descriptionHtml
+  createdAt
   handle
   averageRating
   isStorefront

package/dist/cjs/helpers/queries/get-product.js

@@ -36,7 +36,7 @@ const getProduct = async (fetcher, { id, isSample, isStorefront })=>{
     };
 };
 const orderBy = {
-    field: 'CREATED_AT',
+    field: 'PLATFORM_CREATED_AT',
     direction: 'DESC'
 };
 const fetchProduct = async (fetcher, { id, isSample, isStorefront })=>{

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

@@ -60,14 +60,42 @@ const UnlimitedBundlesDiscountsConfig = {
         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'
+    }
+};
 
 exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
+exports.EasyBundleBuilderSkailamaConfig = EasyBundleBuilderSkailamaConfig;
+exports.FastBundleBundlesDiscountsConfig = FastBundleBundlesDiscountsConfig;
+exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
 exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
 exports.PumperBundlesVolumeDiscountConfig = PumperBundlesVolumeDiscountConfig;
 exports.RechargeSubscriptionsConfig = RechargeSubscriptionsConfig;
 exports.ReviewxpoProductReviewsAppConfig = ReviewxpoProductReviewsAppConfig;
 exports.SelleasyConfig = SelleasyConfig;
 exports.ShopifyFormsConfig = ShopifyFormsConfig;
+exports.SimpleBundlesKitsConfig = SimpleBundlesKitsConfig;
 exports.SkioSubscriptionsYcS20Config = SkioSubscriptionsYcS20Config;
 exports.SubifySubscriptionsConfig = SubifySubscriptionsConfig;
 exports.UnlimitedBundlesDiscountsConfig = UnlimitedBundlesDiscountsConfig;

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

@@ -110,8 +110,36 @@ const UnlimitedBundlesDiscounts = {
         'product-page-placeholder': null
     }
 };
+const KiteFreeGiftDiscount = {
+    KiteFreeGiftDiscount: {
+        'app-block': null
+    }
+};
+const FastBundleBundlesDiscounts = {
+    FastBundleBundlesDiscounts: {
+        all_bundles: null,
+        fbt_position: null,
+        product_bundles: null,
+        product_bundle_with_ids: null,
+        volume_position: null
+    }
+};
+const SimpleBundlesKits = {
+    SimpleBundlesKits: {
+        'infinite-options-selector': null
+    }
+};
+const EasyBundleBuilderSkailama = {
+    EasyBundleBuilderSkailama: {
+        'app-block-bundlePage': null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...EasyBundleBuilderSkailama,
+    ...FastBundleBundlesDiscounts,
+    ...KiteFreeGiftDiscount,
     ...UnlimitedBundlesDiscounts,
+    ...SimpleBundlesKits,
     ...PumperBundlesVolumeDiscount,
     ...ReviewxpoProductReviewsApp,
     ...ShopifyForms,

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

@@ -12,7 +12,11 @@ const mapShopifyAppMeta = {
     ...appConfig.ShopifyFormsConfig,
     ...appConfig.ReviewxpoProductReviewsAppConfig,
     ...appConfig.PumperBundlesVolumeDiscountConfig,
-    ...appConfig.UnlimitedBundlesDiscountsConfig
+    ...appConfig.UnlimitedBundlesDiscountsConfig,
+    ...appConfig.KiteFreeGiftDiscountConfig,
+    ...appConfig.FastBundleBundlesDiscountsConfig,
+    ...appConfig.SimpleBundlesKitsConfig,
+    ...appConfig.EasyBundleBuilderSkailamaConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/cjs/helpers/typography.js

@@ -116,7 +116,7 @@ const composeTypographyAttr = (attrs)=>{
     });
 };
 const composeTypographyClassName = (typo, typography)=>{
-    return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
+    return typo ? typo?.type && !isCustomTypo(typo.custom) ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
 };
 const composeFallbackTypographyStyle = (tag)=>{
     if ([
@@ -148,6 +148,9 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
         ...!typography?.type ? composeTypography(typography?.custom) : {}
     };
 };
+const isCustomTypo = (typoProps)=>{
+    return typoProps && Object.keys(typoProps).length > 1 || typoProps && Object.keys(typoProps).length === 1 && !typoProps.fontSize;
+};
 
 exports.composeFallbackTypographyStyle = composeFallbackTypographyStyle;
 exports.composeFontFamilyTypographyV2 = composeFontFamilyTypographyV2;

package/dist/esm/components/Render.liquid.js

@@ -230,6 +230,7 @@ const appendAnimation = (props, liquid)=>{
     const appearTablet = getAnimationType(getSettingsByDevice('tablet'), 'appear');
     const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
     const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
+    if (!enableAnimation) return liquid;
     const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
             'none'
@@ -244,8 +245,7 @@ const appendAnimation = (props, liquid)=>{
     gp-data='${JSON.stringify({
         config: animation,
         tag,
-        opacity,
-        isEnableInit: enableAnimation
+        opacity
     })}'
     style="${{
         display: 'contents'

package/dist/esm/graphql/fragments/product-little.generated.js

@@ -4,6 +4,7 @@
   title
   description
   descriptionHtml
+  createdAt
   handle
   averageRating
   isStorefront

package/dist/esm/helpers/queries/get-product.js

@@ -34,7 +34,7 @@ const getProduct = async (fetcher, { id, isSample, isStorefront })=>{
     };
 };
 const orderBy = {
-    field: 'CREATED_AT',
+    field: 'PLATFORM_CREATED_AT',
     direction: 'DESC'
 };
 const fetchProduct = async (fetcher, { id, isSample, isStorefront })=>{

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

@@ -58,5 +58,29 @@ const UnlimitedBundlesDiscountsConfig = {
         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'
+    }
+};
 
-export { BonLoyaltyRewardsReferralsConfig, LoopSubscriptionsConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };
+export { BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };

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

@@ -108,8 +108,36 @@ const UnlimitedBundlesDiscounts = {
         'product-page-placeholder': null
     }
 };
+const KiteFreeGiftDiscount = {
+    KiteFreeGiftDiscount: {
+        'app-block': null
+    }
+};
+const FastBundleBundlesDiscounts = {
+    FastBundleBundlesDiscounts: {
+        all_bundles: null,
+        fbt_position: null,
+        product_bundles: null,
+        product_bundle_with_ids: null,
+        volume_position: null
+    }
+};
+const SimpleBundlesKits = {
+    SimpleBundlesKits: {
+        'infinite-options-selector': null
+    }
+};
+const EasyBundleBuilderSkailama = {
+    EasyBundleBuilderSkailama: {
+        'app-block-bundlePage': null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...EasyBundleBuilderSkailama,
+    ...FastBundleBundlesDiscounts,
+    ...KiteFreeGiftDiscount,
     ...UnlimitedBundlesDiscounts,
+    ...SimpleBundlesKits,
     ...PumperBundlesVolumeDiscount,
     ...ReviewxpoProductReviewsApp,
     ...ShopifyForms,

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

@@ -1,4 +1,4 @@
-import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig } from './appConfig.js';
+import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -10,7 +10,11 @@ const mapShopifyAppMeta = {
     ...ShopifyFormsConfig,
     ...ReviewxpoProductReviewsAppConfig,
     ...PumperBundlesVolumeDiscountConfig,
-    ...UnlimitedBundlesDiscountsConfig
+    ...UnlimitedBundlesDiscountsConfig,
+    ...KiteFreeGiftDiscountConfig,
+    ...FastBundleBundlesDiscountsConfig,
+    ...SimpleBundlesKitsConfig,
+    ...EasyBundleBuilderSkailamaConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/esm/helpers/typography.js

@@ -114,7 +114,7 @@ const composeTypographyAttr = (attrs)=>{
     });
 };
 const composeTypographyClassName = (typo, typography)=>{
-    return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
+    return typo ? typo?.type && !isCustomTypo(typo.custom) ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
 };
 const composeFallbackTypographyStyle = (tag)=>{
     if ([
@@ -146,5 +146,8 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
         ...!typography?.type ? composeTypography(typography?.custom) : {}
     };
 };
+const isCustomTypo = (typoProps)=>{
+    return typoProps && Object.keys(typoProps).length > 1 || typoProps && Object.keys(typoProps).length === 1 && !typoProps.fontSize;
+};
 
 export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };

package/dist/types/index.d.ts

@@ -7187,6 +7187,11 @@ type InputControlType<T> = SharedControlType<T> & {
     action?: {
         clear?: boolean;
     };
+    actionChangeControls?: {
+        controlID: string;
+        condition?: string;
+        newValue: any;
+    }[];
 };
 
 type InputFixContentControlType<T> = SharedControlType<T> & {
@@ -7383,6 +7388,7 @@ type TextareaControlType<T> = SharedControlType<T> & {
     readonly?: boolean;
     minHeight?: number;
     maxWidth?: number;
+    inputClass?: string;
     autoHeight?: boolean;
     defaultRows?: number;
     showPlusBtn?: boolean;
@@ -7741,6 +7747,7 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
     hiddenSetting?: {
         color?: boolean;
         transform?: boolean;
+        fontWeight?: boolean;
     };
     disableCollapse?: boolean;
 };
@@ -8053,6 +8060,78 @@ type SelectProductBundleControlType<T> = SharedControlType<T> & {
     hide?: boolean;
 };
 
+type SettingStateType = 'normal' | 'hover' | 'focus' | 'active' | 'price' | 'compareAtPrice';
+type LangKey = 'en' | 'vi';
+type LabelWithLang = {
+    [P in keyof Record<LangKey, ''>]?: string;
+};
+type SettingMediaType = 'image' | 'youtubeVideoID';
+type SettingUIHelpType = {
+    content: string;
+    buttonLink?: string;
+    media?: {
+        value: string;
+        type: SettingMediaType;
+    };
+};
+type SettingUIControl = {
+    id?: string;
+    isCompo?: boolean;
+    layout?: 'vertical' | 'horizontal';
+    toggleGroupId?: string;
+    label?: LabelWithLang;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    options?: {
+        hideOnDevices?: Record<NameDevices$1, boolean>;
+        fullWidth?: boolean;
+        disableMessage?: string;
+    };
+    setting?: {
+        id: string;
+        state?: SettingStateType;
+    };
+    searchKeyword?: string;
+} & SettingUICompo;
+type SettingUICompo = {
+    controls?: SettingUIControl[];
+    iconName?: string;
+    getValueFromSettingID?: string;
+    fixedValue?: string;
+    placeholder?: string;
+    help?: SettingUIHelpType;
+};
+type SettingUIMoreSetting = {
+    label?: LabelWithLang;
+    labelAction?: LabelWithLang;
+    controls?: SettingUIControl[];
+    help?: SettingUIHelpType;
+};
+type SettingUIToggleGroup = {
+    label?: LabelWithLang;
+    id?: string;
+    controls?: SettingUIControl[];
+};
+type SettingUIToggleSettings = {
+    type: 'control' | 'toggleGroup';
+    controls?: SettingUIControl[];
+    isActiveDefault?: boolean;
+} & SettingUIControl & SettingUIToggleGroup;
+type SettingUIGroup = {
+    label?: LabelWithLang;
+    message?: string;
+    disableToggle?: boolean;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    controls?: SettingUIControl[];
+    moreSettings?: SettingUIMoreSetting;
+    toggleSettings?: SettingUIToggleSettings[];
+    help?: SettingUIHelpType;
+    options?: {
+        disableMessage?: string;
+    };
+};
+
 type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | CustomPositionControlType<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | DealControlType<T> | DisplayTriggerControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
@@ -8124,6 +8203,7 @@ type ComponentSetting<P extends BaseProps> = {
         };
     };
     ui?: ControlUI[];
+    uiV2?: SettingUIGroup[];
     presets?: ComponentPreset[];
     locales?: Record<string, any>;
 };
@@ -28816,7 +28896,7 @@ type ProductListProviderProps = ProductListContextProps & {
 declare const ProductListProvider: React.FC<ProductListProviderProps>;
 declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<ProductListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
-type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'createdAt' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
     collections?: Maybe$1<{
         edges: Array<{
             node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.48.0-dev.2",
+  "version": "1.48.0-dev.20",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.48.0-dev.1",
-    "@gem-sdk/styles": "1.48.0-dev.2",
+    "@gem-sdk/adapter-shopify": "1.48.0-dev.3",
+    "@gem-sdk/styles": "1.48.0-dev.17",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {