@sentecacommerce-theme/lib 0.12.102 → 0.13.3

package/dist/types/hooks/basket-hooks/useBasketLineItem/index.d.ts

@@ -2,7 +2,7 @@ import { LineItemDTO, LineItemDTOLineItemModeEnum, LineItemDTOStatusEnum, MoneyD
 import { BaseProductType } from '../../useLineItem';
 import { SelectedOptionType } from '../../useProduct/utils';
 import { AssetsMap } from '../../../utils/assetsToMap';
-interface BasketLineItemProps extends BaseProductType {
+export interface BasketLineItemProps extends BaseProductType {
     productId: string;
     lineItemId: string;
     quantityInBasket: number;
@@ -36,4 +36,3 @@ export declare const useBasketLineItem: (props: {
     item: LineItemDTO;
     expiry?: number;
 }) => BasketLineItemProps;
-export {};

package/dist/types/hooks/useLineItem/LineItemContext.d.ts

@@ -0,0 +1,22 @@
+import { VariantMap, VariantType } from '../useProductVariants';
+import { SearchResultDTO } from '@sentecacommerce/sdk';
+import { LineItemType } from '../../';
+declare type LineItemStateContextType = {
+    variants?: VariantMap;
+    selectedVariant: (LineItemType & VariantType) | null;
+};
+declare type CountFunctionsContextType = {
+    selectVariantById: (id: string) => void;
+    selectVariantByAttribute: (key: string) => void;
+    selectVariantByCombination: (key: string, value: string) => void;
+    getVariantById: (id: string) => VariantType;
+    getVariantByAttribute: (key: string) => VariantType;
+    getVariantByCombination: (key: string, value: string) => VariantType;
+};
+export declare function LineItemStateProvider({ product, children, }: {
+    product: SearchResultDTO;
+    children: any;
+}): JSX.Element;
+export declare function useLineItemState(): LineItemStateContextType;
+export declare function useLineItemFunctions(): CountFunctionsContextType;
+export {};

package/dist/types/hooks/useLineItem/index.d.ts

@@ -1,4 +1,5 @@
 import type { SearchResultDTO, ImageDTO, MoneyDTO, ReviewRatingStatisticsDTO, OfferDTO } from '@sentecacommerce/sdk';
+export { useLineItemFunctions, useLineItemState, LineItemStateProvider, } from './LineItemContext';
 export interface BaseProductType {
     name: string;
     slug: string;
@@ -26,7 +27,7 @@ export interface AttributesType {
     count: number;
     elements: AttributeType[];
 }
-interface LineItemType extends BaseProductType {
+export interface LineItemType extends BaseProductType {
     name: string;
     brand?: {
         name: string;
@@ -47,4 +48,3 @@ interface LineItemType extends BaseProductType {
     getCustomFieldByKey: (key: string) => any;
 }
 export declare const useLineItem: (props: SearchResultDTO) => LineItemType;
-export {};

package/dist/types/hooks/useProduct/index.d.ts

@@ -1,23 +1,8 @@
 import React from 'react';
-import type { ProductDTO, ProductVariantDTO, AttributeRuleDTO, ProductAttributeDraftDTO, SelectedOptionDTO, ReviewRatingStatisticsDTO } from '@sentecacommerce/sdk';
-import { SelectedOptionType } from './utils';
+import type { ProductDTO, ReviewRatingStatisticsDTO } from '@sentecacommerce/sdk';
 import { getProductBySlugConfig } from '../../api/productsApi';
 import { AssetsMap } from '../../utils/assetsToMap';
-export interface OptionsType {
-    definitionKey: string;
-    label: string;
-    elements?: SubOptionType[];
-}
-export interface SubOptionType {
-    optionKey: string;
-    label: string;
-    imageIndex?: number;
-}
-export interface ContentType {
-    key: string;
-    name?: string;
-    content?: string;
-}
+import { VariantMap, VariantType, ContentType, AttributeRulesMap } from '../useProductVariants';
 export interface MetaInfoCategoryType {
     name: string;
     id: string;
@@ -55,65 +40,6 @@ interface SeoInformationType {
     description?: string;
     keywords?: string;
 }
-interface AttributeRulesType extends AttributeRuleDTO {
-    label: string;
-    values: {
-        [id: string]: {
-            label: string;
-            extra: any;
-            combinations: {
-                [id: string]: string;
-            };
-        };
-    };
-}
-export interface VariantType extends Omit<ProductVariantDTO, 'attributes' | 'availableOptions' | 'selectedOptions' | 'labels'> {
-    attributes: ProductAttributeDraftDTO[];
-    options?: OptionsType[];
-    selectedOptions: SelectedOptionDTO[];
-    mappedSelectedOptions?: SelectedOptionType[];
-    isAvailable: boolean;
-    quantity?: number;
-    inventory: {
-        hasAvailableQuantity?: boolean;
-        availableQuantity?: number;
-    };
-    labels?: string[];
-    getAttribute: (rule: string) => {
-        id: string;
-        label: string;
-        name: string;
-        extra: any;
-        combinations: {
-            [id: string]: string;
-        };
-    };
-    getAttributeByKey: (key: string) => undefined | any;
-    getAvailabilityByStore: () => InventoryAvailabilityType[] | undefined;
-}
-interface VariantMap {
-    [productId: string]: VariantType;
-}
-export interface BooleanKVP {
-    [sku: string]: boolean | undefined;
-}
-export interface AttributeRulesMap {
-    [name: string]: AttributeRulesType;
-}
-export interface CombinationsMap {
-    [id: string]: {
-        value: string;
-        params: {
-            [id: string]: string;
-        };
-    };
-}
-export interface InventoryAvailabilityType {
-    storeName: string;
-    availableQuantity: number;
-    acceptsBackorders: boolean;
-    restockableInDays: number;
-}
 declare type ProductProviderProps = {
     children: React.ReactNode;
     product?: ProductDTO;

package/dist/types/hooks/useProduct/utils/index.d.ts

@@ -1,5 +1,6 @@
-import { ProductAttributeDTO, CustomField, ProductDTO, ProductVariantDTO, InventoryAvailability, OptionDefinitionDTO, SelectedOptionDTO, IdReferenceDTO, ProductVariantLabelDTO } from '@sentecacommerce/sdk';
-import { AttributeRulesMap, CombinationsMap, BooleanKVP, InventoryAvailabilityType, MetaInformationType, OptionsType } from '../index';
+import { ProductAttributeDTO, CustomField, ProductDTO, ProductVariantDTO, InventoryAvailability, OptionDefinitionDTO, SelectedOptionDTO, IdReferenceDTO, ProductVariantLabelDTO, AttributeRuleDTO } from '@sentecacommerce/sdk';
+import { InventoryAvailabilityType, OptionsType, AttributeRulesMap, BooleanKVP, CombinationsMap } from '../../useProductVariants';
+import { MetaInformationType } from '../index';
 export declare const createCustomFieldsMap: (customFields?: CustomField[] | undefined) => BooleanKVP | undefined;
 export declare const createCombinationsMap: (mappedAttributeRulesKeys: string[], attributesArray: {
     variantId: string;
@@ -12,7 +13,7 @@ export declare const createProductContent: (data: any) => {
     content: string;
 };
 export declare const createCollapseKeyImagesMap: (product?: ProductDTO | undefined) => {} | undefined;
-export declare const createAttributeRulesMap: (product?: ProductDTO | undefined) => any;
+export declare const createAttributeRulesMap: (product?: ProductDTO | undefined, isLineItem?: boolean) => any;
 export declare const createMappedOptions: (options?: OptionDefinitionDTO[] | undefined) => OptionsType[];
 export declare type SelectedOptionType = {
     label?: string;
@@ -24,7 +25,7 @@ export declare type SelectedOptionType = {
 };
 export declare const createSelectedOption2: (options?: OptionsType[] | undefined, selectedOption?: SelectedOptionDTO | undefined) => SelectedOptionType;
 export declare const createSelectedOption: (options?: OptionDefinitionDTO[] | undefined, selectedOption?: SelectedOptionDTO | undefined) => SelectedOptionType;
-export declare const createMappedAttributes: (currentVariant: ProductVariantDTO) => ProductAttributeDTO[];
+export declare const createMappedAttributes: (currentVariant: ProductVariantDTO, isLineItem?: boolean) => any;
 export declare const processAvailabilityPerStore: (availabilities?: InventoryAvailability[] | undefined) => InventoryAvailabilityType[] | undefined;
 export declare const getProductVideos: (assets: MetaInformationType['assets']) => {
     type: string;
@@ -40,3 +41,4 @@ export declare const formatCategories: (categories?: IdReferenceDTO[] | undefine
     link: string;
 }[];
 export declare const createLabelsMap: (data?: ProductVariantLabelDTO[] | undefined) => string[] | undefined;
+export declare function remapLineItemAttributes(attributes: ProductAttributeDTO[]): ProductAttributeDTO[] | AttributeRuleDTO[];

package/dist/types/hooks/useProductVariants/index.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { VariantType, BooleanKVP, VariantMap, AttributeRulesMap, CombinationsMap } from './types';
+export * from './types';
+export declare const useProductVariants: ({ product, defaultVariantId, isLineItem, }: {
+    product: any;
+    defaultVariantId: any;
+    isLineItem?: boolean | undefined;
+}) => {
+    combinations: CombinationsMap;
+    attributeRules: AttributeRulesMap;
+    variants: VariantMap;
+    selectedVariant: VariantType | null;
+    setSelectedVariant: React.Dispatch<React.SetStateAction<VariantType | null>>;
+    customFields: BooleanKVP;
+    getVariantByAttribute: (key: string) => VariantType;
+    getVariantById: (id: string) => VariantType;
+    getCombinationsAndAttributeRules: () => {
+        combinations: CombinationsMap;
+        attributeRules: AttributeRulesMap;
+    };
+    getCombinationsForAttributeRule: (key: string, id: string) => {
+        label: string;
+        extra: any;
+        combinations: {
+            [id: string]: string;
+        };
+    };
+    getVariantByCombination: (key: string, value: string) => VariantType;
+    getCustomFieldValue: (field: string) => boolean | undefined;
+    selectVariantByAttribute: (key: string) => void;
+    selectVariantByCombination: (key: string, value: string) => void;
+    selectVariantOptions: (definitionKey: string, optionKey: string) => void;
+    selectVariantById: (id: string) => void;
+};

package/dist/types/hooks/useProductVariants/types.d.ts

@@ -0,0 +1,79 @@
+import type { ProductVariantDTO, ProductAttributeDraftDTO, SelectedOptionDTO, AttributeRuleDTO, LangValue } from '@sentecacommerce/sdk';
+import { SelectedOptionType } from '../useProduct/utils';
+export interface VariantType extends Omit<ProductVariantDTO, 'attributes' | 'availableOptions' | 'selectedOptions' | 'labels'> {
+    name?: LangValue[];
+    slug?: LangValue[];
+    attributes: ProductAttributeDraftDTO[];
+    options?: OptionsType[];
+    selectedOptions: SelectedOptionDTO[];
+    mappedSelectedOptions?: SelectedOptionType[];
+    isAvailable: boolean;
+    quantity?: number;
+    inventory: {
+        hasAvailableQuantity?: boolean;
+        availableQuantity?: number;
+    };
+    labels?: string[];
+    getAttribute: (rule: string) => {
+        id: string;
+        label: string;
+        name: string;
+        extra: any;
+        combinations: {
+            [id: string]: string;
+        };
+    };
+    getAttributeByKey: (key: string) => undefined | any;
+    getAvailabilityByStore: () => InventoryAvailabilityType[] | undefined;
+    variantAttributes?: any[];
+}
+export interface OptionsType {
+    definitionKey: string;
+    label: string;
+    elements?: SubOptionType[];
+}
+export interface SubOptionType {
+    optionKey: string;
+    label: string;
+    imageIndex?: number;
+}
+export interface ContentType {
+    key: string;
+    name?: string;
+    content?: string;
+}
+export interface AttributeRulesType extends AttributeRuleDTO {
+    label: string;
+    values: {
+        [id: string]: {
+            label: string;
+            extra: any;
+            combinations: {
+                [id: string]: string;
+            };
+        };
+    };
+}
+export interface VariantMap {
+    [productId: string]: VariantType;
+}
+export interface BooleanKVP {
+    [sku: string]: boolean | undefined;
+}
+export interface AttributeRulesMap {
+    [name: string]: AttributeRulesType;
+}
+export interface CombinationsMap {
+    [id: string]: {
+        value: string;
+        params: {
+            [id: string]: string;
+        };
+    };
+}
+export interface InventoryAvailabilityType {
+    storeName: string;
+    availableQuantity: number;
+    acceptsBackorders: boolean;
+    restockableInDays: number;
+}

package/dist/types/index.d.ts

@@ -85,6 +85,7 @@ export * from './hooks/useRouterRedirect';
 export * from './hooks/useProgressBar';
 export * from './hooks/useCatalogDiscounts';
 export * from './hooks/useLocalRating';
+export * from './hooks/useProductVariants/types';
 export * from './utils';
 export * from './types';
 export * from './seo';

package/dist/types/listing/hooks/useListingMeta.d.ts

@@ -1,4 +1,6 @@
 import { AssetType } from '../../utils/assetsToMap';
+import { NextRouter } from 'next/router';
+import { Node } from './useListingCategories';
 export declare type UseListingMetaResult = {
     displayName: string;
     description: string;
@@ -10,3 +12,5 @@ export declare type UseListingMetaResult = {
     getCustomFieldByKey: (key: string) => any | undefined;
 };
 export declare const useListingMeta: () => UseListingMetaResult;
+export declare function getFilterByType(filterType: string, router?: NextRouter): string;
+export declare function getCategoryName(router?: NextRouter, categories?: Node[] | null): string | undefined;

package/dist/types/listing/types.d.ts

@@ -71,6 +71,7 @@ export interface DefaultListingPageProps {
     categoryTreeConfig?: Aggregate;
     sortOptions?: ListField<ListingPageSortOption>;
     attributeSortType?: AggregateSortEnum;
+    includeVariants?: boolean;
     meta: ListingPageMeta;
 }
 export interface ListingPageMeta {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.12.102",
+  "version": "0.13.3",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,14 +31,14 @@
     "watch:cjs": "swc src --out-dir dist/cjs -w",
     "watch:esm": "swc src --out-dir dist/esm --no-swcrc -w"
   },
-  "gitHead": "7aaa7eea3096b99cb27329634cbef9951fcdef15",
+  "gitHead": "3f7ef1f62b26764823980283fd8c545c0e9aae0e",
   "peerDependencies": {
     "react-query": "^2.26.2"
   },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.12.102",
-    "@sentecacommerce-theme/cms": "^0.12.102",
-    "@sentecacommerce/sdk": "2.0.161",
+    "@sentecacommerce-theme/base": "^0.13.3",
+    "@sentecacommerce-theme/cms": "^0.13.3",
+    "@sentecacommerce/sdk": "2.0.175",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",
     "embla-carousel": "^4.5.1",