@gem-sdk/core 1.21.12 → 1.22.0-hotfix.2

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

@@ -4,11 +4,12 @@ var products_generated = require('../../graphql/queries/products.generated.js');
 var getCollection = require('./get-collection.js');
 var getProduct = require('./get-product.js');
 
-const getProducts = async (fetcher, { ids, isSample, isStorefront })=>{
+const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
     const products = await loopFetchProducts(fetcher, {
         ids,
         isSample,
-        isStorefront
+        isStorefront,
+        defaultSelectedProductCount
     });
     if (!products) {
         throw new Error('Product not found');
@@ -61,8 +62,9 @@ const fetchProducts = async (fetcher, variables)=>{
         variables
     ]);
 };
-const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront })=>{
-    const numberOfProducts = (ids?.length == 0 ? 4 : ids?.length) ?? 4;
+const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
+    const defaultNumberOfProducts = defaultSelectedProductCount || 4;
+    const numberOfProducts = (ids?.length == 0 ? defaultNumberOfProducts : ids?.length) ?? defaultNumberOfProducts;
     const productsPerPage = 8; // number of products per page
     let variables; // variables of collection query
     let productAfterFetcher; // product after of collection query

package/dist/cjs/hooks/shop/use-products-query.js

@@ -6,14 +6,15 @@ var query = require('../../helpers/query.js');
 var shop = require('../shop.js');
 var useFetchHandle = require('../useFetchHandle.js');
 
-const useProductsQuery = (ids, options)=>{
+const useProductsQuery = (ids, options, defaultSelectedProductCount)=>{
     const fetcher = useFetchHandle.useFetchHandle();
     const isSample = shop.useIsSampleProduct();
     const isStorefront = shop.useIsStorefrontProduct();
     return useSWR(ids ? query.generateProductsQueryKey({
         ids,
         isSample,
-        isStorefront
+        isStorefront,
+        defaultSelectedProductCount
     }) : null, async ([, arg])=>{
         return getProducts.getProducts(fetcher, arg);
     }, options);

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

@@ -2,11 +2,12 @@ import { ProductsDocument } from '../../graphql/queries/products.generated.js';
 import { calculateFirstProduct } from './get-collection.js';
 import { fetchVariants, fetchMedias } from './get-product.js';
 
-const getProducts = async (fetcher, { ids, isSample, isStorefront })=>{
+const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
     const products = await loopFetchProducts(fetcher, {
         ids,
         isSample,
-        isStorefront
+        isStorefront,
+        defaultSelectedProductCount
     });
     if (!products) {
         throw new Error('Product not found');
@@ -59,8 +60,9 @@ const fetchProducts = async (fetcher, variables)=>{
         variables
     ]);
 };
-const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront })=>{
-    const numberOfProducts = (ids?.length == 0 ? 4 : ids?.length) ?? 4;
+const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
+    const defaultNumberOfProducts = defaultSelectedProductCount || 4;
+    const numberOfProducts = (ids?.length == 0 ? defaultNumberOfProducts : ids?.length) ?? defaultNumberOfProducts;
     const productsPerPage = 8; // number of products per page
     let variables; // variables of collection query
     let productAfterFetcher; // product after of collection query

package/dist/esm/hooks/shop/use-products-query.js

@@ -4,14 +4,15 @@ import { generateProductsQueryKey } from '../../helpers/query.js';
 import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
 import { useFetchHandle } from '../useFetchHandle.js';
 
-const useProductsQuery = (ids, options)=>{
+const useProductsQuery = (ids, options, defaultSelectedProductCount)=>{
     const fetcher = useFetchHandle();
     const isSample = useIsSampleProduct();
     const isStorefront = useIsStorefrontProduct();
     return useSWR(ids ? generateProductsQueryKey({
         ids,
         isSample,
-        isStorefront
+        isStorefront,
+        defaultSelectedProductCount
     }) : null, async ([, arg])=>{
         return getProducts(fetcher, arg);
     }, options);

package/dist/types/index.d.ts

@@ -171,7 +171,7 @@ type HyperlinkInfo = {
     link?: string;
     modal?: CommonModalApp;
 };
-type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
@@ -237,7 +237,7 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     default?: T;
 };
 type SharedControlType<T> = {
-    [K in keyof T]-?: Mapped$4<K, T[K]>;
+    [K in keyof T]-?: Mapped$5<K, T[K]>;
 }[keyof T];
 
 type AngleControlType<T> = SharedControlType<T> & {
@@ -254,7 +254,7 @@ type Option$3<T> = {
     text: string | number;
     desc?: any;
 };
-type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label: string;
     hideOnMode?: {
@@ -292,7 +292,7 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     default?: T;
 };
 type CheckboxControlType<T> = {
-    [K in keyof T]-?: Mapped$3<K, T[K]>;
+    [K in keyof T]-?: Mapped$4<K, T[K]>;
 }[keyof T];
 
 type ChildrensControlType = {
@@ -428,7 +428,7 @@ type Option$2<T> = {
     type?: string;
     icon?: string;
 };
-type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
@@ -472,7 +472,7 @@ type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     default?: T;
 };
 type SegmentControlType<T> = {
-    [K in keyof T]-?: Mapped$2<K, T[K]>;
+    [K in keyof T]-?: Mapped$3<K, T[K]>;
 }[keyof T];
 
 type Option$1<T> = {
@@ -480,7 +480,7 @@ type Option$1<T> = {
     label: string | number;
     hideOnPage?: string[];
 };
-type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
@@ -522,7 +522,7 @@ type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     default?: T;
 };
 type SelectControlType<T> = {
-    [K in keyof T]-?: Mapped$1<K, T[K]>;
+    [K in keyof T]-?: Mapped$2<K, T[K]>;
 }[keyof T];
 
 type TextareaControlType<T> = SharedControlType<T> & {
@@ -729,7 +729,7 @@ type Option<T> = {
     type?: string;
     icon?: string;
 };
-type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label: string;
     info?: string;
@@ -775,7 +775,7 @@ type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     default?: T;
 };
 type LayoutSegmentControlType<T> = {
-    [K in keyof T]-?: Mapped<K, T[K]>;
+    [K in keyof T]-?: Mapped$1<K, T[K]>;
 }[keyof T];
 
 type InputSpacing<T> = SharedControlType<T> & {
@@ -858,7 +858,36 @@ type SyncProductPropertiesControlType<T> = SharedControlType<T> & {
     type: 'sync-product-properties';
 };
 
-type ControlProp<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> | 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> | SwatchesLinkControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T>;
+type Steps<T> = {
+    label?: string | number;
+    type?: string;
+    icon?: string;
+    value: T;
+    actions?: Actions[];
+};
+type Actions = {
+    label?: string | number;
+    type?: 'tertiary' | 'primary';
+    size?: 'large' | 'medium' | 'small';
+    icon?: string;
+    iconPosition?: 'left' | 'right';
+    buttonType?: 'link' | 'action';
+    actionHandle?: string;
+    link?: string;
+};
+type Mapped<K, T> = {
+    id: K;
+    label: string;
+    info?: string;
+    type: 'steps-guide';
+    steps?: Steps<T>[];
+    default?: T;
+};
+type StepsGuide<T> = {
+    [K in keyof T]-?: Mapped<K, T[K]>;
+}[keyof T];
+
+type ControlProp<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> | 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> | SwatchesLinkControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T>;
 type Setting<P extends BaseProps> = {
     id: 'setting';
     note?: string;
@@ -948,6 +977,7 @@ type ControlUI = {
         };
         hideOnPages?: PageType[];
     };
+    isMoreSetting?: boolean;
 };
 type PageType = 'ARTICLE' | 'BLOG' | 'COLLECTION' | 'GP_ARTICLE' | 'GP_BLOG' | 'GP_COLLECTION' | 'GP_INDEX' | 'GP_PRODUCT' | 'GP_STATIC' | 'PRODUCT' | 'STATIC';
 type ComponentPreset = {
@@ -9435,6 +9465,7 @@ type FetchProductsParams = {
     ids: string[];
     isSample?: boolean;
     isStorefront?: boolean;
+    defaultSelectedProductCount?: number;
 };
 
 declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
@@ -9523,7 +9554,7 @@ declare const useCollectionsQuery: (variable: CollectionsQueryVariables, options
 
 declare const useProductQuery: (productId?: string, options?: SWRConfiguration<ProductSelectFragment>) => swr__internal.SWRResponse<ProductSelectFragment, any, Partial<swr__internal.PublicConfiguration<ProductSelectFragment, any, (arg: ["query/product", FetchProductParams]) => swr__internal.FetcherResponse<ProductSelectFragment>>> | undefined>;
 
-declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<ProductsQueryResponse>) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", FetchProductsParams]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
+declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<ProductsQueryResponse>, defaultSelectedProductCount?: number) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", FetchProductsParams]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
 
 declare const useCurrentDevice: () => NameDevices;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.21.12",
+  "version": "1.22.0-hotfix.2",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",