@sentecacommerce-theme/lib 0.13.5-alpha.5 → 0.13.7-alpha.1

package/dist/types/listing/api/queries/useAggregateQuery.d.ts

@@ -1,15 +1,15 @@
 import { RangeAggregationResult, TermAggregationResult, RangeAggregation, TermAggregation, StatAggregation } from '@sentecacommerce/sdk';
 import { NextRouter } from 'next/router';
 import { PredicateType } from './usePredicate';
-import { Aggregate } from '../../types';
+import { Aggregate, AggregateSortEnum } from '../../types';
 export declare type AggregationResultType = RangeAggregationResult & TermAggregationResult & RangeAggregationResult;
 export declare type AggregateType = TermAggregation & StatAggregation & RangeAggregation;
 export declare enum AggregateRequestEnum {
     Filters = "filters",
     Categories = "categories"
 }
-export declare const useAggregateQuery: (aggregates: Aggregate[], request: AggregateRequestEnum) => import("react-query").QueryResult<import("@sentecacommerce/sdk").CatalogAggregateResponseDTO | undefined, unknown>;
-export declare function prepareAggregateQuery({ request, predicate, aggregates, router, postFilter, slug, config, }: {
+export declare const useAggregateQuery: (aggregates: Aggregate[], request: AggregateRequestEnum, sort?: AggregateSortEnum | undefined) => import("react-query").QueryResult<import("@sentecacommerce/sdk").CatalogAggregateResponseDTO | undefined, unknown>;
+export declare function prepareAggregateQuery({ request, predicate, aggregates, router, postFilter, slug, config, attributeSortType, }: {
     request: AggregateRequestEnum;
     aggregates: Aggregate[];
     router: NextRouter;
@@ -17,5 +17,6 @@ export declare function prepareAggregateQuery({ request, predicate, aggregates,
     predicate?: PredicateType;
     config?: any;
     slug: string;
+    attributeSortType?: AggregateSortEnum;
 }): any;
 export declare function generateAggregateKey(aggregates?: Aggregate[]): string | undefined;

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

@@ -16,6 +16,10 @@ export declare type FiltersQuery = {
     offset?: number;
     sort?: string;
 };
+export declare enum AggregateSortEnum {
+    Index = "index",
+    Alphabetically = "alphabetically"
+}
 export declare enum ListingTypesEnum {
     Category = "category",
     Brand = "brand",
@@ -66,5 +70,6 @@ export interface DefaultListingPageProps {
     categoryTreeConfig?: Aggregate;
     sortOptions: ListingPageSortOption[];
     productsPerPage?: NumberField;
+    attributeSortType?: AggregateSortEnum;
     filterExtension?: TextField;
 }

package/dist/types/navigation/components/SearchBox/Components/Container/index.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
+import { BooleanField, StringField } from '@sentecacommerce-theme/cms';
 interface ContainerProps {
-    title?: string;
-    labelsColor: string;
+    title?: StringField;
+    labelsColor: StringField;
     children: React.ReactNode;
-    isBottom?: boolean;
-    noData?: boolean;
-    backgroundColor?: string;
-    products?: boolean;
-    onlyMobile?: boolean;
-    onlyDesktop?: boolean;
-    offers?: boolean;
+    isBottom?: BooleanField;
+    noData?: BooleanField;
+    backgroundColor?: StringField;
+    products?: BooleanField;
+    onlyMobile?: BooleanField;
+    onlyDesktop?: BooleanField;
+    offers?: BooleanField;
 }
 export declare const Container: ({ title, labelsColor, children, backgroundColor, onlyMobile, onlyDesktop, }: ContainerProps) => JSX.Element;
 export {};

package/dist/types/navigation/components/SearchBox/Components/EmptyBox/index.d.ts

@@ -1,28 +1,29 @@
+import type { BooleanField, GroupField, StringField } from '@sentecacommerce-theme/cms';
 interface EmptyBoxProps {
-    backgroundColor?: string;
+    backgroundColor?: StringField;
     searchHistory?: any[];
-    labels: {
-        promoOffersLabel: string;
-        productsLabel: string;
-        recentSearchesLabel: string;
-        popularSearchesLabel: string;
-        blogLabel: string;
-        blog: {
-            blogTitle: string;
-            image: string;
-            url: string;
-            description: string;
-        };
-    };
-    labelsColor: string;
-    textColor: string;
+    labels: GroupField<{
+        promoOffersLabel: StringField;
+        productsLabel: StringField;
+        recentSearchesLabel: StringField;
+        popularSearchesLabel: StringField;
+        blogLabel: StringField;
+        blog: GroupField<{
+            blogTitle: StringField;
+            image: StringField;
+            url: StringField;
+            description: StringField;
+        }>;
+    }>;
+    labelsColor: StringField;
+    textColor: StringField;
     onClose?: () => void;
-    canDisplayPopular: boolean;
-    withRecent?: boolean;
-    canDisplayRecent?: boolean;
+    canDisplayPopular: BooleanField;
+    withRecent?: BooleanField;
+    canDisplayRecent?: BooleanField;
     promoOffers?: any[];
-    searchValue?: string;
-    isLoading?: boolean;
+    searchValue?: StringField;
+    isLoading?: BooleanField;
 }
 export declare const EmptyBox: ({ backgroundColor, searchHistory, labels, labelsColor, textColor, onClose, canDisplayPopular, canDisplayRecent, withRecent, promoOffers, searchValue, isLoading, }: EmptyBoxProps) => JSX.Element;
 export {};

package/dist/types/navigation/components/SearchBox/Components/Products/Components/ProductCard/index.d.ts

@@ -1,12 +1,13 @@
 import { SearchResultDTO } from '@sentecacommerce/sdk';
+import { BooleanField, NumberField, StringField } from '@sentecacommerce-theme/cms';
 export declare const ProductCard: ({ item, bottomMenu, priceColor, textColor, labelsColor, onClose, isLast, offers, productSpacing, }: {
     item: SearchResultDTO;
-    bottomMenu?: string | undefined;
-    priceColor?: string | undefined;
-    textColor: string;
-    labelsColor: string;
+    bottomMenu?: StringField | undefined;
+    priceColor?: StringField | undefined;
+    textColor: StringField;
+    labelsColor: StringField;
     onClose?: (() => void) | undefined;
-    isLast: boolean;
-    offers?: boolean | undefined;
-    productSpacing?: number | undefined;
+    isLast: BooleanField;
+    offers?: BooleanField | undefined;
+    productSpacing?: NumberField | undefined;
 }) => JSX.Element;

package/dist/types/navigation/components/SearchBox/Components/Products/index.d.ts

@@ -1,12 +1,13 @@
+import { BooleanField, NumberField, StringField } from '@sentecacommerce-theme/cms';
 export declare const Products: ({ data, bottomMenu, priceColor, textColor, labelsColor, onClose, backgroundColor, title, offers, productSpacing, }: {
     data?: any[] | undefined;
-    bottomMenu?: string | undefined;
-    priceColor?: string | undefined;
-    textColor: string;
-    labelsColor: string;
+    bottomMenu?: StringField | undefined;
+    priceColor?: StringField | undefined;
+    textColor: StringField;
+    labelsColor: StringField;
     onClose?: (() => void) | undefined;
-    backgroundColor?: string | undefined;
-    title?: string | undefined;
-    offers?: boolean | undefined;
-    productSpacing?: number | undefined;
+    backgroundColor?: StringField | undefined;
+    title?: StringField | undefined;
+    offers?: BooleanField | undefined;
+    productSpacing?: NumberField | undefined;
 }) => JSX.Element;

package/dist/types/navigation/components/SearchBox/index.d.ts

@@ -1,45 +1,46 @@
+import { StringField, GroupField, BooleanField, NumberField } from '@sentecacommerce-theme/cms';
 interface SearchLabels {
-    recentSearchesLabel: string;
-    popularSearchesLabel: string;
-    suggestedBrandsLabel: string;
-    suggestedCategoriesLabel: string;
-    promoOffersLabel: string;
-    productsLabel: string;
-    blogLabel: string;
-    blog: {
-        blogTitle: string;
-        image: string;
-        description: string;
-        url: string;
-    };
+    recentSearchesLabel: StringField;
+    popularSearchesLabel: StringField;
+    suggestedBrandsLabel: StringField;
+    suggestedCategoriesLabel: StringField;
+    promoOffersLabel: StringField;
+    productsLabel: StringField;
+    blogLabel: StringField;
+    blog: GroupField<{
+        blogTitle: StringField;
+        image: StringField;
+        description: StringField;
+        url: StringField;
+    }>;
 }
 export declare type TopStyleType = {
-    desktop: string;
-    mobile: string;
+    desktop: StringField;
+    mobile: StringField;
 };
 export interface SearchBoxProps {
-    isLoading: boolean;
+    isLoading: BooleanField;
     children?: any;
     onClose?: () => void;
     suggestedBrands: any[];
     suggestedCategories: any[];
     suggestions: any[];
-    searchValue: string;
+    searchValue: StringField;
     labels: SearchLabels;
-    labelsColor: string;
-    textColor: string;
-    priceColor: string;
-    delay?: string;
-    top?: TopStyleType;
-    withRecent?: boolean;
-    bottomMenu?: string;
-    backgroundColor?: string;
+    labelsColor: StringField;
+    textColor: StringField;
+    priceColor: StringField;
+    delay: StringField;
+    top: TopStyleType;
+    withRecent: BooleanField;
+    bottomMenu: StringField;
+    backgroundColor: StringField;
     onSearchSubmit?: (e: any) => void;
-    isContainer?: boolean;
-    noCloseButton?: boolean;
-    productSpacing?: number;
-    closeButtonOnTop?: boolean;
-    hasPopularSearches?: boolean;
+    isContainer?: BooleanField;
+    noCloseButton?: BooleanField;
+    productSpacing?: NumberField;
+    closeButtonOnTop?: BooleanField;
+    hasPopularSearches?: BooleanField;
 }
 export declare const SearchBox: ({ isLoading, onClose, suggestedBrands, suggestedCategories, suggestions, searchValue, withRecent, labels, bottomMenu, labelsColor, textColor, priceColor, backgroundColor, onSearchSubmit, top, delay, isContainer, noCloseButton, productSpacing, closeButtonOnTop, hasPopularSearches, }: SearchBoxProps) => JSX.Element;
 export {};

package/dist/types/order/api/mutations/index.d.ts

@@ -1 +1,2 @@
 export * from './useUpdateCustomLineItemMutation';
+export * from './useUpdateOrderCustomFieldMutation';

package/dist/types/order/api/mutations/useUpdateCustomLineItemMutation.d.ts

@@ -1,11 +1,8 @@
 import { CustomLineItemDraftDTO } from '@sentecacommerce/sdk';
-export interface UpdateCustomLineItemMutationProps {
-    onSuccess?: () => void;
-    onError?: () => void;
-}
+import { CallbackProps } from '../index';
 export interface UpdateCustomLineItemProps {
     id: string;
     customLineItemId: string;
     dto: CustomLineItemDraftDTO;
 }
-export declare const useUpdateCustomLineItemMutation: ({ onSuccess, onError, }: UpdateCustomLineItemMutationProps) => import("react-query").MutationResultPair<import("@sentecacommerce/sdk").OrderDTO, unknown, UpdateCustomLineItemProps, unknown>;
+export declare const useUpdateCustomLineItemMutation: ({ onSuccess, onError, }: CallbackProps) => import("react-query").MutationResultPair<import("@sentecacommerce/sdk").OrderDTO, unknown, UpdateCustomLineItemProps, unknown>;

package/dist/types/order/api/mutations/useUpdateOrderCustomFieldMutation.d.ts

@@ -0,0 +1,9 @@
+import { SetCustomFieldDTO } from '@sentecacommerce/sdk';
+export interface CallbackProps {
+    onSuccess?: () => void;
+    onError?: () => void;
+}
+export interface SetCustomFieldProps {
+    customFields: SetCustomFieldDTO[];
+}
+export declare const useUpdateOrderCustomFieldMutation: (callback?: CallbackProps | undefined) => import("react-query").MutationResultPair<import("@sentecacommerce/sdk").OrderDTO, unknown, SetCustomFieldProps, unknown>;

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

@@ -1 +1,2 @@
 export * from './useUpdateCustomLineItem';
+export * from './useUpdateOrderCustomField';

package/dist/types/order/hooks/useUpdateCustomLineItem.d.ts

@@ -1,2 +1,2 @@
-import { UpdateCustomLineItemMutationProps } from '../api';
-export declare const useUpdateCustomLineItem: (props: UpdateCustomLineItemMutationProps) => import("react-query").MutationResultPair<import("@sentecacommerce/sdk").OrderDTO, unknown, import("../api").UpdateCustomLineItemProps, unknown>;
+import { CallbackProps } from '../api';
+export declare const useUpdateCustomLineItem: (props: CallbackProps) => import("react-query").MutationResultPair<import("@sentecacommerce/sdk").OrderDTO, unknown, import("../api").UpdateCustomLineItemProps, unknown>;

package/dist/types/order/hooks/useUpdateOrderCustomField.d.ts

@@ -0,0 +1,2 @@
+import { CallbackProps } from '../api';
+export declare const useUpdateOrderCustomField: (props: CallbackProps) => import("react-query").MutationResultPair<import("@sentecacommerce/sdk").OrderDTO, unknown, import("../api").SetCustomFieldProps, unknown>;

package/dist/types/product/api/keys.d.ts

@@ -0,0 +1 @@
+export declare const getBnpProductOffersKey: (sku: string) => string[];

package/dist/types/product/api/queries/index.d.ts

@@ -0,0 +1 @@
+export * from './useBnpOffersQuery';

package/dist/types/product/api/queries/useBnpOffersQuery.d.ts

@@ -0,0 +1,5 @@
+export declare const useBnpOffersQuery: ({ sku, preferredInstallmentCentAmount, downPaymentCentAmount, }: {
+    sku: string;
+    preferredInstallmentCentAmount?: number | undefined;
+    downPaymentCentAmount?: number | undefined;
+}) => import("react-query").QueryResult<import("@sentecacommerce/sdk").BNPLoanOfferDTO[], unknown>;

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

@@ -0,0 +1 @@
+export * from './useBnpOffers';

package/dist/types/product/hooks/useBnpOffers.d.ts

@@ -0,0 +1,37 @@
+export declare const useBnpOffers: (props: {
+    sku: string;
+    preferredInstallmentCentAmount?: number;
+    downPaymentCentAmount?: number;
+}) => {
+    data: {
+        totalRepaymentAmount: import("../../index").FormattedPriceType;
+        correctDownPaymentAmount: import("../../index").FormattedPriceType;
+        installmentAmount: import("../../index").FormattedPriceType;
+        processingFeeAmount: import("../../index").FormattedPriceType;
+        apr: string;
+        maturity: string;
+        nir: string;
+        variantId: string;
+    }[] | undefined;
+    canFetchMore: boolean | undefined;
+    clear: () => void;
+    error: unknown;
+    failureCount: number;
+    fetchMore: (fetchMoreVariable?: unknown, options?: import("react-query/types/core/query").FetchMoreOptions | undefined) => Promise<import("@sentecacommerce/sdk").BNPLoanOfferDTO[] | undefined>;
+    isError: boolean;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isFetchingMore?: import("react-query").IsFetchingMoreValue | undefined;
+    isIdle: boolean;
+    isInitialData: boolean;
+    isLoading: boolean;
+    isPreviousData: boolean;
+    isPlaceholderData: boolean;
+    isStale: boolean;
+    isSuccess: boolean;
+    refetch: (options?: import("react-query/types/core/query").RefetchOptions | undefined) => Promise<import("@sentecacommerce/sdk").BNPLoanOfferDTO[] | undefined>;
+    remove: () => void;
+    status: import("react-query").QueryStatus;
+    updatedAt: number;
+};

package/dist/types/product/index.d.ts

@@ -1 +1,2 @@
 export * from './api';
+export * from './hooks';

package/dist/types/user/api/queries/index.d.ts

@@ -1 +1,2 @@
 export * from './useIsAuthenticatedQuery';
+export * from './useGetMyLoyaltyCardQuery';

package/dist/types/user/api/queries/useGetMyLoyaltyCardQuery.d.ts

@@ -0,0 +1,5 @@
+export declare type CallbackType = {
+    onSuccess?: () => void;
+    onError?: (err: unknown) => void;
+};
+export declare const useGetMyLoyaltyCardQuery: (callback?: CallbackType | undefined) => import("react-query").QueryResult<import("@sentecacommerce/sdk").WalletDTO, unknown>;

package/dist/types/user/api/utils/getUserToken.d.ts

@@ -0,0 +1 @@
+export declare const getUserToken: () => string | undefined;

package/dist/types/user/api/utils/index.d.ts

@@ -2,3 +2,4 @@ export * from './processLogin';
 export * from './processLoginPayload';
 export * from './invalidateQueries';
 export * from './generateAnonymousToken';
+export * from './getUserToken';

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

@@ -13,3 +13,5 @@ export * from './useResetPassword';
 export * from './useVerifyChangeEmail';
 export * from './useChangeEmail';
 export * from './useRequestEmailConfirmation';
+export * from './useGetUserToken';
+export * from './useGetMyLoyaltyCard';

package/dist/types/user/hooks/useGetMyLoyaltyCard.d.ts

@@ -0,0 +1,2 @@
+import { CallbackType } from '../api';
+export declare const useGetMyLoyaltyCard: (callback?: CallbackType | undefined) => import("react-query").QueryResult<import("@sentecacommerce/sdk").WalletDTO, unknown>;

package/dist/types/user/hooks/useGetUserToken.d.ts

@@ -0,0 +1 @@
+export declare const useGetUserToken: () => string | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.13.5-alpha.5",
+  "version": "0.13.7-alpha.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,10 +31,11 @@
     "watch:cjs": "swc src --out-dir dist/cjs -w",
     "watch:esm": "swc src --out-dir dist/esm --no-swcrc -w"
   },
-  "gitHead": "6ef4e8d1421b4ff3c1c0934ce41e1dcd8ea9ea05",
+  "gitHead": "cf94e18e4b1843926172d5722c667a88533157cd",
   "dependencies": {
     "@sentecacommerce-theme/base": "^0.13.5-alpha.0",
-    "@sentecacommerce/sdk": "2.0.133",
+    "@sentecacommerce-theme/cms": "^0.13.5-alpha.0",
+    "@sentecacommerce/sdk": "2.0.142",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",
     "embla-carousel": "^4.5.1",