@sentecacommerce-theme/lib 0.13.5-alpha.9 → 0.13.5

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

@@ -1,5 +1,6 @@
 import { NextRouter } from 'next/router';
+import { ListingPageMeta } from '..';
 export declare const getListingAlias: ({ router, config, }: {
     router: NextRouter;
-    config: any;
+    config: ListingPageMeta;
 }) => string;

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

@@ -1,3 +1,3 @@
 import { NextRouter } from 'next/router';
-import { ListingTypesEnum } from '..';
-export declare const getListingPageType: (router: NextRouter, slug?: string | undefined, config?: any) => ListingTypesEnum;
+import { ListingPageMeta, ListingTypesEnum } from '..';
+export declare const getListingPageType: (router: NextRouter, slug?: string | undefined, meta?: ListingPageMeta | undefined) => ListingTypesEnum;

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,30 @@
+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<{
+        promoOffers: StringField;
+        products: StringField;
+        recentSearches: StringField;
+        popularSearches: StringField;
+        blogLabel: StringField;
+        noResults: 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;
+    priceColor?: StringField;
+    textColor: StringField;
+    labelsColor: StringField;
     onClose?: (() => void) | undefined;
-    isLast: boolean;
-    offers?: boolean | undefined;
-    productSpacing?: number | undefined;
+    isLast: BooleanField;
+    offers?: BooleanField;
+    productSpacing?: NumberField;
 }) => 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;
+    priceColor?: StringField;
+    textColor: StringField;
+    labelsColor: StringField;
     onClose?: (() => void) | undefined;
-    backgroundColor?: string | undefined;
-    title?: string | undefined;
-    offers?: boolean | undefined;
-    productSpacing?: number | undefined;
+    backgroundColor?: StringField;
+    title?: StringField;
+    offers?: BooleanField;
+    productSpacing?: NumberField;
 }) => JSX.Element;

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

@@ -1,45 +1,47 @@
+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;
-    };
+    recentSearches: StringField;
+    popularSearches: StringField;
+    suggestedBrands: StringField;
+    suggestedCategories: StringField;
+    promoOffers: StringField;
+    products: StringField;
+    blogLabel: StringField;
+    noResults: 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/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/types/index.d.ts

@@ -1,46 +1,44 @@
+import { GroupField, NumberField, StringField } from "@sentecacommerce-theme/cms";
 export interface DefaultConfig {
-    domain: string;
-    apiUrl: string;
-    organizationPhone: string;
-    interfaceKey?: string;
-    favicon?: {
-        default?: string;
-        medium?: string;
-        svg?: string;
-    };
-    imagesConfig: {
-        fallbackImage: string;
-        placeholderColor?: string;
-        ratio: {
-            width: number;
-            height: number;
-        };
-    };
-    facebook?: {
-        appId?: string;
-        pixelId?: string;
-    };
-    apple?: {
-        appId?: string;
-        redirectURI?: string;
-    };
-    google?: {
-        id?: string;
-        analytics?: string;
-        reMarketing?: {
-            id?: string;
-            label?: string;
-        };
-        apiKey?: string;
-    };
-    defaultMerchant: string;
-    price: {
-        locale: string;
-    };
+    organizationPhone: StringField;
+    domain: StringField;
+    interfaceKey: StringField;
+    favicon: GroupField<{
+        default: StringField;
+        medium: StringField;
+        svg: StringField;
+    }>;
+    imagesConfig: GroupField<{
+        fallbackImage: StringField;
+        placeholderColor: StringField;
+        ratio: GroupField<{
+            width: NumberField;
+            height: NumberField;
+        }>;
+    }>;
+    facebook: GroupField<{
+        appId: StringField;
+        pixelId: StringField;
+    }>;
+    apple: GroupField<{
+        appId: StringField;
+        redirectURI: StringField;
+    }>;
+    google: GroupField<{
+        id: StringField;
+        analytics: StringField;
+        reMarketing: GroupField<{
+            id: StringField;
+            label: StringField;
+        }>;
+        apiKey: StringField;
+    }>;
+    defaultMerchant: StringField;
+    price: GroupField<{
+        locale: StringField;
+    }>;
 }
 export interface DefaultLabels {
 }
 export interface DefaultCustomUI {
 }
-export interface DefaultConfig {
-}

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

@@ -1,3 +1,4 @@
 import { NextRouter } from 'next/router';
 import { AggregateResultType, FormattedAggregationResultType } from '../hooks/useAggregateResult';
-export declare const getSelectedFilters: (router: NextRouter, slug: string, data?: AggregateResultType | undefined, config?: any) => FormattedAggregationResultType[];
+import { ListingPageMeta } from '../listing/types';
+export declare const getSelectedFilters: (router: NextRouter, slug: string, data?: AggregateResultType | undefined, config?: ListingPageMeta | undefined) => FormattedAggregationResultType[];

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.5-alpha.9",
+  "version": "0.13.5",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,25 +31,27 @@
     "watch:cjs": "swc src --out-dir dist/cjs -w",
     "watch:esm": "swc src --out-dir dist/esm --no-swcrc -w"
   },
-  "gitHead": "6ef4e8d1421b4ff3c1c0934ce41e1dcd8ea9ea05",
+  "gitHead": "ad3e7c817a62c1b8f3d7c1ea1c51dec2f20315f1",
+  "peerDependencies": {
+    "react-query": "^2.26.2"
+  },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.13.5-alpha.0",
-    "@sentecacommerce/sdk": "2.0.142",
+    "@sentecacommerce-theme/base": "^0.13.5",
+    "@sentecacommerce-theme/cms": "^0.13.5",
+    "@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"
   },
   "devDependencies": {
     "@swc/cli": "^0.1.51",
-    "@swc/core": "^1.2.109",
+    "@swc/core": "^1.2.126",
     "@types/body-scroll-lock": "^2.6.1",
     "@types/facebook-pixel": "^0.0.23",
     "@types/gtag.js": "^0.0.5",
@@ -58,6 +60,9 @@
     "@types/react-dom": "^17.0.11",
     "@types/resize-observer-browser": "^0.1.5",
     "@types/styled-components": "^5.1.16",
-    "@types/uuid": "^8.3.3"
+    "@types/uuid": "^8.3.3",
+    "node-fetch": "^2.6.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   }
 }