@sentecacommerce-theme/lib 0.13.5-alpha.6 → 0.13.6

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

@@ -1,5 +1,6 @@
 import { NextRouter } from 'next/router';
 import { Aggregate, ListingTypesEnum, PredicateType } from '../index';
+import { ListingPageMeta } from '../types';
 export declare const buildFilterQuery: ({ predicate, slug, pageType, router, aggregates, config, postFilter, }: {
     aggregates: Aggregate[];
     router: NextRouter;
@@ -7,5 +8,5 @@ export declare const buildFilterQuery: ({ predicate, slug, pageType, router, agg
     predicate?: PredicateType | undefined;
     slug: string;
     pageType: ListingTypesEnum;
-    config: any;
+    config?: ListingPageMeta | undefined;
 }) => any;

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

@@ -1,5 +1,6 @@
+import { StringField, BooleanField } from "@sentecacommerce-theme/cms";
 export declare const extendFilter: ({ slug, filterExtension, noSplit, }: {
     slug: string;
-    filterExtension?: string | undefined;
-    noSplit?: boolean | undefined;
+    filterExtension?: StringField;
+    noSplit?: BooleanField;
 }) => string;

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/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/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/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,2 @@
+export declare const getBnpProductOffersKey: (sku: string) => string[];
+export declare const getUniCreditProductOffersKey: (sku: string) => string[];

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

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

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").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

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

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").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/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/product/index.d.ts

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

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/api/queries/index.d.ts

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