@sentecacommerce-theme/lib 0.13.7-alpha.7 → 0.13.7

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

@@ -3,6 +3,8 @@ export declare type BasicListingSEOProps = {
     favorDescriptionTemplateOverMeta?: boolean;
     titleTemplate?: string;
     descriptionTemplate?: string;
+    pageTemplate?: string;
+    currentPageTemplate?: string;
 };
 /**
  * Template Options:
@@ -10,4 +12,4 @@ export declare type BasicListingSEOProps = {
  * :description: -> is going to be replace with the description
  * :name: -> is going to be replace with the name
  */
-export declare const BasicListingSEO: ({ favorTitleTemplateOverMeta, favorDescriptionTemplateOverMeta, titleTemplate, descriptionTemplate, }: BasicListingSEOProps) => JSX.Element;
+export declare const BasicListingSEO: ({ favorTitleTemplateOverMeta, favorDescriptionTemplateOverMeta, titleTemplate, descriptionTemplate, pageTemplate, }: BasicListingSEOProps) => JSX.Element;

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/hooks/useSlideFilter.d.ts

@@ -3,6 +3,10 @@ export declare const useSlideFilter: (filterName: string, min: number, max: numb
         from: number;
         to: number;
     };
+    applyFilter: (data: {
+        from: number;
+        to: number;
+    }) => void;
     updateValue: (data: {
         from: number;
         to: number;

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 {
@@ -80,7 +81,18 @@ export interface ListingPageMeta {
     titleAliases: {
         [key: string]: string;
     };
-    filterExtension: StringField;
-    collapseMode: StringField;
+    filterExtension?: StringField;
+    collapseMode?: StringField;
     limit: NumberField;
+    includeVariants?: BooleanField;
+    getTitle?: GetListingPageTitle;
 }
+export declare type GetListingPageTitle = (type: ListingTypesEnum, meta: Omit<ListingPageMeta, 'getTitle'>, data: {
+    brand?: string;
+    category?: string;
+    defaultName?: string;
+    attribute?: string;
+    search?: string;
+    isWithAttribute: boolean;
+    childAttribute?: string;
+}) => string;

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

@@ -3,11 +3,12 @@ interface EmptyBoxProps {
     backgroundColor?: StringField;
     searchHistory?: any[];
     labels: GroupField<{
-        promoOffersLabel: StringField;
-        productsLabel: StringField;
-        recentSearchesLabel: StringField;
-        popularSearchesLabel: StringField;
+        promoOffers: StringField;
+        products: StringField;
+        recentSearches: StringField;
+        popularSearches: StringField;
         blogLabel: StringField;
+        noResults: StringField;
         blog: GroupField<{
             blogTitle: StringField;
             image: StringField;

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

@@ -1,12 +1,13 @@
 import { StringField, GroupField, BooleanField, NumberField } from '@sentecacommerce-theme/cms';
 interface SearchLabels {
-    recentSearchesLabel: StringField;
-    popularSearchesLabel: StringField;
-    suggestedBrandsLabel: StringField;
-    suggestedCategoriesLabel: StringField;
-    promoOffersLabel: StringField;
-    productsLabel: StringField;
+    recentSearches: StringField;
+    popularSearches: StringField;
+    suggestedBrands: StringField;
+    suggestedCategories: StringField;
+    promoOffers: StringField;
+    products: StringField;
     blogLabel: StringField;
+    noResults: StringField;
     blog: GroupField<{
         blogTitle: StringField;
         image: StringField;

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

@@ -1,2 +1,3 @@
 export * from './queries';
 export * from './mutations';
+export * from './utils';

package/dist/types/order/api/utils/getOrderById.d.ts

@@ -0,0 +1,2 @@
+import { MyOrdersGetById } from '@sentecacommerce/sdk';
+export { MyOrdersGetById as getOrderById };

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -17,7 +17,7 @@ export declare const useBnpOffers: (props: {
     clear: () => void;
     error: unknown;
     failureCount: number;
-    fetchMore: (fetchMoreVariable?: unknown, options?: import("react-query/types/core/query").FetchMoreOptions | undefined) => Promise<import("@sentecacommerce/sdk").BNPLoanOfferDTO[] | undefined>;
+    fetchMore: (fetchMoreVariable?: unknown, options?: import("react-query/types/core/query").FetchMoreOptions | undefined) => Promise<import("@sentecacommerce/sdk").LoanOfferDTO[] | undefined>;
     isError: boolean;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -30,7 +30,7 @@ export declare const useBnpOffers: (props: {
     isPlaceholderData: boolean;
     isStale: boolean;
     isSuccess: boolean;
-    refetch: (options?: import("react-query/types/core/query").RefetchOptions | undefined) => Promise<import("@sentecacommerce/sdk").BNPLoanOfferDTO[] | undefined>;
+    refetch: (options?: import("react-query/types/core/query").RefetchOptions | undefined) => Promise<import("@sentecacommerce/sdk").LoanOfferDTO[] | undefined>;
     remove: () => void;
     status: import("react-query").QueryStatus;
     updatedAt: number;

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

@@ -0,0 +1,36 @@
+export declare const useUniCreditOffers: (props: {
+    sku: string;
+    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").LoanOfferDTO[] | 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").LoanOfferDTO[] | undefined>;
+    remove: () => void;
+    status: import("react-query").QueryStatus;
+    updatedAt: number;
+};

package/dist/types/seo/components/TranslationsMeta/index.d.ts

@@ -0,0 +1 @@
+export declare const TranslationsMeta: () => JSX.Element | null;

package/dist/types/seo/components/index.d.ts

@@ -4,3 +4,4 @@ export * from './GlobalSEO';
 export * from './OpenGraph';
 export * from './ProductSEO';
 export * from './HiddenBreadcrumb';
+export * from './TranslationsMeta';

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

@@ -1 +1,2 @@
 export * from './useSEOBreadcrumb';
+export * from './useSeoTranslations';

package/dist/types/seo/hooks/useSeoTranslations.d.ts

@@ -0,0 +1,24 @@
+import type { TranslationsMapDTO } from '@sentecacommerce-theme/cms';
+import type { LocaleData } from '../../config';
+export declare const SeoTranslationsProvider: ({ children, translations, defaultLocale, localesMap, }: {
+    children: any;
+    translations: TranslationsMapDTO;
+    defaultLocale: string;
+    localesMap: {
+        [key: string]: LocaleData;
+    };
+}) => JSX.Element;
+export declare const useSeoTranslations: () => SeoTranslationContextType;
+export declare type SeoTranslationContextType = {
+    translationsMap: {
+        [key: string]: SeoTranslationType;
+    };
+    defaultLocale: string;
+    allLocales: string[];
+};
+export declare type SeoTranslationType = {
+    slug: string;
+    locale: string;
+    isDefault: boolean;
+    domain: string;
+};

package/dist/types/ui/components/GridStyles.d.ts

@@ -0,0 +1,11 @@
+import { StringField } from '@sentecacommerce-theme/cms';
+export declare const GridStyles: ({ spaceX, breakpoints, remSize, spaceBetweenSections, }: {
+    breakpoints?: {
+        [key: string]: {
+            min: StringField;
+        };
+    } | undefined;
+    spaceX: number;
+    remSize?: number | undefined;
+    spaceBetweenSections?: number | undefined;
+}) => JSX.Element;

package/dist/types/ui/components/RangeSliderInput.d.ts

@@ -15,11 +15,12 @@ export declare const RangeSlideClasses: {
     thumbHover: string;
     thumbActive: string;
 };
-export declare const RangeSliderInput: ({ defaultValue, onChange, min, max, step, }: {
+export declare const RangeSliderInput: ({ defaultValue, onChange, onSlide, min, max, step, }: {
     min: number;
     max: number;
     step: number;
     defaultValue: ValueType;
     onChange: (data: ValueType) => void;
+    onSlide?: ((data: ValueType) => void) | undefined;
 }) => JSX.Element;
 export {};

package/dist/types/ui/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './RangeSliderInput';
 export * from './LazyImage';
+export * from './GridStyles';

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

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

package/dist/types/ui/hooks/useToasts.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface ToastOptions {
+    appearance?: 'error' | 'info' | 'success' | 'warning';
+    autoDismiss?: boolean;
+}
+export interface Toast {
+    content: string;
+    options?: ToastOptions;
+    id: string;
+}
+declare type ToastValues = {
+    addToast: (content: string, options?: ToastOptions) => void;
+};
+export declare const ToastProvider: ({ children, duration, style, }: {
+    children: React.ReactNode;
+    duration?: number | undefined;
+    style?: object | undefined;
+}) => JSX.Element;
+export declare function useToasts(): ToastValues;
+export {};

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

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

package/dist/types/ui/toastUtils/ErrorIcon.d.ts

@@ -0,0 +1 @@
+export declare const ErrorIcon: () => JSX.Element;

package/dist/types/ui/toastUtils/InfoIcon.d.ts

@@ -0,0 +1 @@
+export declare const InfoIcon: () => JSX.Element;

package/dist/types/ui/toastUtils/SuccessIcon.d.ts

@@ -0,0 +1 @@
+export declare const SuccessIcon: () => JSX.Element;

package/dist/types/ui/toastUtils/WarningIcon.d.ts

@@ -0,0 +1 @@
+export declare const WarningIcon: () => JSX.Element;

package/dist/types/ui/toastUtils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ErrorIcon';
+export * from './SuccessIcon';
+export * from './utils';
+export * from './InfoIcon';
+export * from './WarningIcon';

package/dist/types/ui/toastUtils/utils.d.ts

@@ -0,0 +1,11 @@
+export declare const getMainColor: (mode?: string | undefined) => "#FF5630" | "#36B37E" | "#2684FF" | "#FFAB00";
+export declare const getTextColor: (mode?: string | undefined) => "#BF2600" | "#006644" | "#505F79" | "#FF8B00";
+export declare const getIcon: (mode?: string | undefined) => JSX.Element;
+export declare const getBackground: (mode?: string | undefined) => "#fff" | "#FFEBE6" | "#E3FCEF" | "#FFFAE6";
+export declare const defaultStyle: (duration: number) => {
+    height: string;
+    borderRadius: string;
+    display: string;
+    opacity: string;
+    animation: string;
+};

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

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

package/dist/types/utils/getLocaleFromPath.d.ts

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

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

@@ -13,6 +13,7 @@ export * from './getTranslatableField';
 export * from './formatAsCurrency';
 export * from './createCatalogBreadcrumb';
 export * from './adjustColor';
+export * from './getLocaleFromPath';
 export * from './calcDiscount';
 export * from './canUseDom';
 export * from './getFirst';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.13.7-alpha.7",
+  "version": "0.13.7",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,39 +31,38 @@
     "watch:cjs": "swc src --out-dir dist/cjs -w",
     "watch:esm": "swc src --out-dir dist/esm --no-swcrc -w"
   },
-  "gitHead": "cf94e18e4b1843926172d5722c667a88533157cd",
+  "gitHead": "55154532d5d6a26b0b930afc2378f10dc0589e34",
+  "peerDependencies": {
+    "react-query": "^2.26.2"
+  },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.13.5-alpha.0",
-    "@sentecacommerce-theme/cms": "^0.13.7-alpha.4",
-    "@sentecacommerce/sdk": "2.0.142",
+    "@sentecacommerce-theme/base": "^0.13.7",
+    "@sentecacommerce-theme/cms": "^0.13.7",
+    "@sentecacommerce/sdk": "2.0.175",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",
     "embla-carousel": "^4.5.1",
     "js-cookie": "^3.0.1",
-    "next": "^12.0.2",
+    "next": "10.2.3",
     "node-fetch": "^2.6.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
     "react-query": "^2.26.2",
     "styled-components": "^5.2.1",
-    "tabbable": "^5.1.5",
-    "uuid": "^8.3.2"
+    "tabbable": "^5.1.5"
   },
   "devDependencies": {
     "@swc/cli": "^0.1.51",
     "@swc/core": "^1.2.126",
-    "@swc/jest": "^0.2.15",
     "@types/body-scroll-lock": "^2.6.1",
     "@types/facebook-pixel": "^0.0.23",
     "@types/gtag.js": "^0.0.5",
-    "@types/jest": "27.4.0",
     "@types/js-cookie": "^2.2.7",
     "@types/node-fetch": "^2.5.10",
     "@types/react-dom": "^17.0.11",
     "@types/resize-observer-browser": "^0.1.5",
     "@types/styled-components": "^5.1.16",
     "@types/uuid": "^8.3.3",
-    "enzyme": "^3.11.0",
-    "jest": "^27.4.5"
+    "node-fetch": "^2.6.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   }
 }

package/dist/cjs/dto/index.js

@@ -1,34 +0,0 @@
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "WalletDTOStatusEnum", {
-    enumerable: true,
-    get: function() {
-        return _sdk.WalletDTOStatusEnum;
-    }
-});
-Object.defineProperty(exports, "KeyReferenceDTOResourceTypeEnum", {
-    enumerable: true,
-    get: function() {
-        return _sdk.KeyReferenceDTOResourceTypeEnum;
-    }
-});
-Object.defineProperty(exports, "OrderDTOStatusEnum", {
-    enumerable: true,
-    get: function() {
-        return _sdk.OrderDTOStatusEnum;
-    }
-});
-Object.defineProperty(exports, "LineItemDTOStatusEnum", {
-    enumerable: true,
-    get: function() {
-        return _sdk.LineItemDTOStatusEnum;
-    }
-});
-Object.defineProperty(exports, "SectionItemDTOTypeEnum", {
-    enumerable: true,
-    get: function() {
-        return _sdk.SectionItemDTOTypeEnum;
-    }
-});
-var _sdk = require("@sentecacommerce/sdk");

package/dist/esm/dto/index.js

@@ -1 +0,0 @@
-export { WalletDTOStatusEnum, KeyReferenceDTOResourceTypeEnum, OrderDTOStatusEnum, LineItemDTOStatusEnum, SectionItemDTOTypeEnum } from '@sentecacommerce/sdk';

package/dist/esm/user/types/index.js

@@ -1 +0,0 @@
-export { EmailVerificationResponseDTOStatusEnum } from '@sentecacommerce/sdk';

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

@@ -1,2 +0,0 @@
-export type { AddressDTO, BoricaGeneratePaymentDataResponse, BoricaGeneratePaymentUrlResponse, BoricaVerifyPaymentDataRequest, BoricaVerifyPaymentDataResponse, BoricaVerifyPaymentResultRequest, BoricaVerifyPaymentResultResponse, ComponentInjectionDTO, MenuItemDTO, SectionElementDTO, LineItemDTO, ImageDTO, BrandDTO, OrderDTO, SearchResultDTO, MoneyDTO, IdReferenceDTO, DiscountCodeInfoDTO, OfferDTO, WishListItemDTO, CmsContentDTO, WalletDTO, } from '@sentecacommerce/sdk';
-export { WalletDTOStatusEnum, KeyReferenceDTOResourceTypeEnum, OrderDTOStatusEnum, LineItemDTOStatusEnum, SectionItemDTOTypeEnum, } from '@sentecacommerce/sdk';

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

@@ -1 +0,0 @@
-export { EmailVerificationResponseDTOStatusEnum } from '@sentecacommerce/sdk';