@vonq/hapi-elements-types 1.5.0 → 1.7.0

package/{src/modal → modal}/service.types.ts

@@ -4,10 +4,10 @@ import { Product } from "../product/types"
 import { Contract } from "../contract/types"
 import { IObservableValue } from "mobx"
 import { AnyNonFunction } from "../common/types"
-import { ModuleWithConstructorArgs } from "../types"
 import { WindowHapiService } from "../_window/service.types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
-export type WindowHapiServiceModal = ModuleWithConstructorArgs<
+export type WindowHapiServiceModal = WindowHapiModuleWithConstructorArgs<
     {
         openModal: (
             key: ModalKeys,

package/{src/modal → modal}/state.types.ts

@@ -1,6 +1,6 @@
 import { Modals } from "./types"
 
-export type ModalStoreState = {
+export type ModalState = {
     /**
      * An object of modals that are seperated into different layers
      */

package/orderJourney/index.ts

@@ -0,0 +1,8 @@
+// created from 'create-ts-index'
+
+export * from "./enums"
+export * from "./qa.types"
+export * from "./state.types"
+export * from "./types"
+export * from "./utils.types"
+export * from "./validations.types"

package/{src/orderJourney → orderJourney}/qa.types.ts

@@ -1,8 +1,8 @@
 import { OrderJourneyPaymentMethod, OrderJourneyStepKey } from "./enums"
-import { ModuleWithConstructorArgs } from "../types"
 import { WindowHapiQA } from "../_window/qa.types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
-export type WindowHapiQAOrderJourney = ModuleWithConstructorArgs<
+export type WindowHapiQAOrderJourney = WindowHapiModuleWithConstructorArgs<
     {
         setEnabledSteps: (steps: OrderJourneyStepKey[]) => OrderJourneyStepKey[]
         setEnabledPaymentMethods: (

package/{src/orderJourney → orderJourney}/state.types.ts

@@ -3,7 +3,7 @@ import { OrderJourneyStep, OrderJourneyContractStep } from "./types"
 import { MessageDescriptor } from "react-intl"
 import { NestedValidatorKeys, UseValidatorResult } from "../common/types"
 
-export type OrderJourneyStoreState = {
+export type OrderJourneyState = {
     stepsEnabled: OrderJourneyStepKey[]
     steps: OrderJourneyStep[]
     stepPreviousIndex: number

package/{src/orderJourney → orderJourney}/utils.types.ts

@@ -1,8 +1,8 @@
 import { OrderJourneyPaymentMethod, OrderJourneyStepKey } from "./enums"
-import { ModuleWithConstructorArgs } from "../types"
 import { WindowHapiUtils } from "../_window/utils.types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
-export type WindowHapiUtilsOrderJourney = ModuleWithConstructorArgs<
+export type WindowHapiUtilsOrderJourney = WindowHapiModuleWithConstructorArgs<
     {
         stepKeys: typeof OrderJourneyStepKey
         paymentMethodKeys: typeof OrderJourneyPaymentMethod

package/package.json

@@ -1,24 +1,35 @@
 {
   "private": false,
   "name": "@vonq/hapi-elements-types",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "This package contains Typescript definitions for HAPI Elements",
   "author": "VONQ HAPI Team",
   "license": "BSD-3-Clause",
   "type": "module",
   "scripts": {
     "version:minor": "npm version minor",
+    "build:types": "tsc -d --declarationMap --emitDeclarationOnly",
     "publish:types": "npm publish --access public",
     "generate:index": "cti create ./src"
   },
-  "main": "src/index.ts",
-  "devDependencies": {
+  "main": "index.ts",
+  "types": "index.d.ts",
+  "dependencies": {
+    "@datadog/browser-logs": "^4.34.2",
+    "axios": "^1.3.4",
     "color": "^4.2.3",
-    "create-ts-index": "^1.14.0",
+    "is-promise": "^4.0.0",
+    "lodash": "^4.17.21",
     "mobx": "^6.8.0",
     "react": "^18.2.0",
-    "typescript": "^4.9.5",
+    "react-intl": "^6.2.10",
+    "react-toastify": "^9.1.1",
+    "theming": "^3.3.0",
     "validator": "^13.9.0",
     "zod": "^3.20.6"
+  },
+  "devDependencies": {
+    "create-ts-index": "^1.14.0",
+    "typescript": "^4.9.5"
   }
 }

package/{src/product → product}/api.types.ts

@@ -11,11 +11,11 @@ import {
 } from "./types"
 import { WindowHapiAPI, WindowHapiAPIModule } from "../_window/api.types"
 import { PaginatedAPIResponseV1, PaginationLimitOffset } from "../common/types"
-import { ModuleWithConstructorArgs } from "../types"
 import {
     WindowHapiAPIATSConfigs,
     WindowHapiAPIATSRequests,
 } from "../ats/api.types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
 export type WindowHapiAPIProductConfigs = {
     getProduct: AxiosRequestConfig
@@ -53,7 +53,7 @@ export type WindowHapiAPIProductRequests = {
     ) => Promise<PaginatedAPIResponseV1<ProductJobTitle>>
     getLocations: (searchParam: string) => Promise<ProductLocation[]>
 }
-export type WindowHapiAPIProduct = ModuleWithConstructorArgs<
+export type WindowHapiAPIProduct = WindowHapiModuleWithConstructorArgs<
     WindowHapiAPIModule<
         WindowHapiAPIProductRequests,
         WindowHapiAPIProductConfigs

package/product/index.ts

@@ -0,0 +1,10 @@
+// created from 'create-ts-index'
+
+export * from "./api.types"
+export * from "./enums"
+export * from "./qa.types"
+export * from "./service.types"
+export * from "./state.types"
+export * from "./types"
+export * from "./utils.types"
+export * from "./validations.types"

package/{src/product → product}/qa.types.ts

@@ -1,7 +1,7 @@
-import { ModuleWithConstructorArgs } from "../types"
 import { WindowHapiQA } from "../_window/qa.types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
-export type WindowHapiQAProduct = ModuleWithConstructorArgs<
+export type WindowHapiQAProduct = WindowHapiModuleWithConstructorArgs<
     {
         useMockFilters: () => Promise<void>
         getRandomChannelIdThatSupportsContracts: () => Promise<number>

package/{src/product → product}/service.types.ts

@@ -13,7 +13,7 @@ import {
     ProductSupportingContractsPartial,
 } from "./types"
 import { PaginatedAPIResponseV1, PaginationResponseV1 } from "../common/types"
-import { ModuleWithConstructorArgs } from "../types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
 export type ProductServiceGetFilteredProductsHandler = (
     meta?: PaginationResponseV1 | null,
@@ -51,7 +51,7 @@ export type ProductServiceGetIndustriesHandler = () => Promise<
     ProductIndustry[]
 >
 
-export type WindowHapiServiceProduct = ModuleWithConstructorArgs<
+export type WindowHapiServiceProduct = WindowHapiModuleWithConstructorArgs<
     {
         getProductWithContractsSupportById: HapiServiceFunctionWithLifecycleHooks<ProductServiceGetProductWithContractsSupportByIdHandler>
         getProductsWithContractsSupport: HapiServiceFunctionWithLifecycleHooks<ProductServiceGetProductsWithContractsSupportHandler>

package/{src/product → product}/state.types.ts

@@ -8,7 +8,7 @@ import {
 } from "./types"
 import { PaginationResponseV1 } from "../common/types"
 
-export type ProductStoreState = {
+export type ProductState = {
     /* Products */
     /**
      * Array of Products to be listed on Products Landing and Products List widgets. As user applies filters and sorting, this value gets overwritten

package/{src/product → product}/utils.types.ts

@@ -1,13 +1,13 @@
 import { ProductFilterQueryParams, ProductUserProvidedFilters } from "./types"
 import { PaginationResponseV1 } from "../common/types"
-import { ModuleWithConstructorArgs } from "../types"
 import {
     OrderJourneyPaymentMethod,
     OrderJourneyStepKey,
 } from "../orderJourney/enums"
 import { WindowHapiUtils } from "../_window/utils.types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
-export type WindowHapiUtilsProduct = ModuleWithConstructorArgs<
+export type WindowHapiUtilsProduct = WindowHapiModuleWithConstructorArgs<
     {
         getUserProvidedFilters: () => ProductUserProvidedFilters
         getProductsQueryParams: (

package/routing/index.ts

@@ -0,0 +1,3 @@
+// created from 'create-ts-index'
+
+export * from "./state.types"

package/theming/index.ts

@@ -0,0 +1,6 @@
+// created from 'create-ts-index'
+
+export * from "./qa.types"
+export * from "./state.types"
+export * from "./types"
+export * from "./validations.types"

package/{src/theming → theming}/qa.types.ts

@@ -1,8 +1,8 @@
 import { HapiFontOptions, HapiTheme } from "./types"
-import { ModuleWithConstructorArgs } from "../types"
 import { WindowHapiQA } from "../_window/qa.types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
-export type WindowHapiQATheming = ModuleWithConstructorArgs<
+export type WindowHapiQATheming = WindowHapiModuleWithConstructorArgs<
     {
         setTheme: (updatedTheme: Partial<HapiTheme>) => HapiTheme
         setFontOptions: (fontOptions: HapiFontOptions) => HapiFontOptions

package/{src/theming → theming}/state.types.ts

@@ -1,6 +1,6 @@
 import { HapiFontOptions, HapiTheme } from "./types"
 
-export type ThemeStoreState = {
+export type ThemingState = {
     theme: Partial<HapiTheme>
     fontOptions: HapiFontOptions
 }

package/{src/theming → theming}/types.ts

@@ -1,4 +1,41 @@
-import { Theming } from "theming"
+import * as React from "react"
+
+type DefaultTheme = object | null
+
+type WithThemeFactory<Theme> = <
+    InnerProps extends { theme: NonNullable<Theme> },
+    InnerComponent extends React.ComponentType<InnerProps>,
+    OuterProps extends InnerProps & { theme?: NonNullable<Theme> },
+>(
+    comp: InnerComponent,
+) => React.ComponentType<OuterProps>
+
+interface ThemeProviderProps<Theme> {
+    theme: NonNullable<Theme> | ((outerTheme: Theme) => NonNullable<Theme>)
+    children: React.ReactNode
+}
+
+type ThemeProviderFactory<Theme> = React.ComponentType<
+    ThemeProviderProps<Theme>
+>
+
+type UseThemeFactory<Theme> = <CustomTheme = Theme>() => CustomTheme
+
+interface Theming<Theme> {
+    context: React.Context<Theme>
+    withTheme: WithThemeFactory<Theme>
+    ThemeProvider: ThemeProviderFactory<Theme>
+    useTheme: UseThemeFactory<Theme>
+}
+
+declare function createTheming<Theme>(
+    context: React.Context<Theme>,
+): Theming<Theme>
+
+declare const withTheme: WithThemeFactory<DefaultTheme>
+declare const ThemeProvider: ThemeProviderFactory<DefaultTheme>
+declare const ThemeContext: React.Context<DefaultTheme>
+declare const useTheme: UseThemeFactory<DefaultTheme>
 
 export type ThemeGlobalStyles = {
     borderRadius: string

package/tsconfig.json

@@ -18,24 +18,19 @@
     "jsx": "preserve",
     "incremental": false,
     "experimentalDecorators": true,
-    "baseUrl": "./src",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {
-      "axios": ["../../node_modules/axios"],
-      "zod": ["../../node_modules/zod"],
-      "theming": ["../../node_modules/theming"],
-      "react-intl": ["../../node_modules/react-intl"],
-      "react": ["../../node_modules/react"],
-      "lodash": ["../../node_modules/lodash"]
-    }
+    "baseUrl": "./",
+    "outFile": "index.d.ts",
+    "forceConsistentCasingInFileNames": true
   },
   "include": [
-    "./src/**/*",
+    "**/*",
   ],
   "exclude": [
     "node_modules",
     "../ats/**/*",
     "../common/**/*",
-    "./dist/**/*"
+    "../src/**/*",
+    "./index.d.ts",
+    "./index.d.ts.map"
   ]
 }

package/{src/ui → ui}/service.types.ts

@@ -1,7 +1,7 @@
-import { ModuleWithConstructorArgs } from "../types"
 import { WindowHapiService } from "../_window/service.types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
-export type WindowHapiServiceUI = ModuleWithConstructorArgs<
+export type WindowHapiServiceUI = WindowHapiModuleWithConstructorArgs<
     {
         setStyleAttribute: (
             selector: string,

package/{src/wallet → wallet}/api.types.ts

@@ -6,7 +6,7 @@ import {
     WalletPaymentIntentRequest,
 } from "./types"
 import { WindowHapiAPI, WindowHapiAPIModule } from "../_window/api.types"
-import { ModuleWithConstructorArgs } from "../types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
 export type WindowHapiAPIWalletConfigs = {
     getWallet: RawAxiosRequestConfig
@@ -24,7 +24,7 @@ export type WindowHapiAPIWalletRequests = {
         paymentParams: WalletPaymentIntentRequest,
     ) => Promise<any>
 }
-export type WindowHapiAPIWallet = ModuleWithConstructorArgs<
+export type WindowHapiAPIWallet = WindowHapiModuleWithConstructorArgs<
     WindowHapiAPIModule<
         WindowHapiAPIWalletRequests,
         WindowHapiAPIWalletConfigs

package/wallet/index.ts

@@ -0,0 +1,7 @@
+// created from 'create-ts-index'
+
+export * from "./api.types"
+export * from "./service.types"
+export * from "./state.types"
+export * from "./types"
+export * from "./validations.types"

package/{src/wallet → wallet}/service.types.ts

@@ -3,7 +3,7 @@ import {
     HapiServiceFunctionWithLifecycleHooks,
     WindowHapiService,
 } from "../_window/service.types"
-import { ModuleWithConstructorArgs } from "../types"
+import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
 export type WalletServiceGetATSSettingsHandler =
     () => Promise<WalletATSSettings>
@@ -12,7 +12,7 @@ export type WalletServiceGetWalletHandler = (
 ) => Promise<Wallet>
 export type WalletServiceCreateWalletHandler = () => Promise<Wallet>
 
-export type WindowHapiServiceWallet = ModuleWithConstructorArgs<
+export type WindowHapiServiceWallet = WindowHapiModuleWithConstructorArgs<
     {
         getATSSettings: HapiServiceFunctionWithLifecycleHooks<WalletServiceGetATSSettingsHandler>
         getWallet: HapiServiceFunctionWithLifecycleHooks<WalletServiceGetWalletHandler>

package/{src/wallet → wallet}/state.types.ts

@@ -5,7 +5,7 @@ import {
     WalletPaymentIntentRequest,
 } from "./types"
 
-export type WalletStoreState = {
+export type WalletState = {
     /**
      * User's Wallet that can hold credits to be used on Creating/Ordering a Campaign
      */

package/src/_window/auth.types.ts

@@ -1,11 +0,0 @@
-import { ModuleWithConstructorArgs } from "../types"
-import { WindowHapi } from "./window"
-
-export type WindowHapiAuth = ModuleWithConstructorArgs<
-    {
-        partnerId: string | undefined
-        clientId: string | undefined
-        clientToken: string | undefined
-    },
-    { readonly core: WindowHapi }
->

package/src/_window/config.types.ts

@@ -1,30 +0,0 @@
-import { HapiWebComponent, RecursivePartial } from "../common/types"
-
-export type DebugPanelPosition =
-    | "bottom-left"
-    | "bottom-right"
-    | "top-left"
-    | "top-right"
-export type WindowHapiConfig = {
-    apiHost: string
-    initialState: RecursivePartial<any>
-    partnerId: string
-    clientId: string
-    clientToken: string
-    loadingSpinnerDefaultFillColor: string
-    appOrigin: string
-    enableLogs: boolean
-    webComponents: HapiWebComponent[]
-    isInvalidToken: boolean
-    useJWTAuthHeaders: boolean
-    addModal: boolean
-    addAlertBar: boolean
-    addDebugPanel: boolean
-    debugPanelPosition: DebugPanelPosition
-    datadogClientToken: string
-    env: string
-    appVersion: string
-    testMode: boolean
-    debugMode: boolean
-    htmlTemplates: Record<string, string>
-}

package/src/_window/instances.types.ts

@@ -1,18 +0,0 @@
-import HapiInstance from "../common/instances/Instance"
-import { ModuleWithConstructorArgs } from "../types"
-import { WindowHapi } from "./window"
-
-export type WindowHapiInstances = ModuleWithConstructorArgs<
-    {
-        instances: HapiInstance[]
-        getFrameWindowByName: (name: string) => Window | undefined
-        hasInstance: (instanceName: string) => boolean
-        getInstanceByName: (instanceName: string) => HapiInstance | undefined
-        addInstanceByName: (instanceName: string, window: Window) => void
-        addInstance: (instance: HapiInstance) => void
-        removeInstance: (instanceName: string) => void
-        onAfterAddInstance: (instance: HapiInstance) => void
-        onAfterRemoveInstance: (instance: HapiInstance) => void
-    },
-    { readonly core: WindowHapi }
->

package/src/_window/ui.types.ts

@@ -1,13 +0,0 @@
-import { ModuleWithConstructorArgs } from "../types"
-import { WindowHapi } from "./window"
-
-export type WindowHapiUI = ModuleWithConstructorArgs<
-    {
-        addUIElementToBody: (
-            elementName: "he-ui-modals" | "he-ui-alertbar",
-        ) => void
-        toggleModal: () => void
-        toggleAlertbar: () => void
-    },
-    { readonly core: WindowHapi }
->

package/src/_window/window.ts

@@ -1,56 +0,0 @@
-import { Logger } from "../common/logger/Logger"
-import { WindowHapiUtils } from "./utils.types"
-import { WindowHapiValidations } from "./validation.types"
-import { WindowHapiState } from "./state.types"
-import { WindowHapiInstances } from "./instances.types"
-import { WindowHapiRouting } from "./routing.types"
-import { WindowHapiAuth } from "./auth.types"
-import { WindowHapiEvents } from "./events.types"
-import { WindowHapiUI } from "./ui.types"
-import { WindowHapiAPI } from "./api.types"
-import { WindowHapiSDK } from "./sdk.types"
-import { WindowHapiService } from "./service.types"
-import HapiInstance from "../common/instances/Instance"
-import { WindowHapiQA } from "./qa.types"
-import { ModuleWithConstructorArgs } from "../types"
-
-export type WindowHapi = {
-    logger: Logger
-    utils: ModuleWithConstructorArgs<
-        WindowHapiUtils,
-        { readonly core: WindowHapi }
-    >
-    validation: ModuleWithConstructorArgs<
-        WindowHapiValidations,
-        { readonly core: WindowHapi }
-    >
-    state: ModuleWithConstructorArgs<
-        WindowHapiState,
-        { readonly core: WindowHapi }
-    >
-    instances: ModuleWithConstructorArgs<
-        WindowHapiInstances,
-        { readonly core: WindowHapi }
-    >
-    routing: ModuleWithConstructorArgs<
-        WindowHapiRouting,
-        { readonly core: WindowHapi }
-    >
-    auth: ModuleWithConstructorArgs<
-        WindowHapiAuth,
-        { readonly core: WindowHapi }
-    >
-    events: ModuleWithConstructorArgs<
-        WindowHapiEvents,
-        { readonly core: WindowHapi }
-    >
-    ui: ModuleWithConstructorArgs<WindowHapiUI, { readonly core: WindowHapi }>
-    api: ModuleWithConstructorArgs<WindowHapiAPI, { readonly core: WindowHapi }>
-    sdk: ModuleWithConstructorArgs<WindowHapiSDK, { readonly core: WindowHapi }>
-    service: ModuleWithConstructorArgs<
-        WindowHapiService,
-        { readonly core: WindowHapi }
-    >
-    instance: HapiInstance
-    qa: ModuleWithConstructorArgs<WindowHapiQA, { readonly core: WindowHapi }>
-}

package/src/alert/functions.types.ts

@@ -1,13 +0,0 @@
-import { AlertKey } from "./enums"
-import { Alert, AlertOptions, AlertProps } from "./types"
-
-export type AlertStoreShowHandler = (
-    key: AlertKey,
-    props: AlertProps | undefined,
-    options: AlertOptions,
-) => void
-export type AlertStoreSetAlertsHandler = (alerts: Alert[]) => void
-export type AlertStoreFunctions = {
-    showAlert: AlertStoreShowHandler
-    setAlerts: AlertStoreSetAlertsHandler
-}

package/src/alert/index.ts

@@ -1,9 +0,0 @@
-// created from 'create-ts-index'
-
-export * from './enums';
-export * from './functions.types';
-export * from './service.types';
-export * from './state.initial';
-export * from './state.types';
-export * from './state.validations';
-export * from './types';

package/src/alert/state.initial.ts

@@ -1,16 +0,0 @@
-import { AlertStoreState } from "./state.types"
-import { AlertType } from "./enums"
-
-export const initialAlertStoreState: AlertStoreState = {
-    alerts: [],
-    errorOptions: null,
-    infoOptions: null,
-    warningOptions: null,
-    successOptions: null,
-    defaultOptions: {
-        shouldShowDismiss: true,
-        position: "top-center",
-        autoClose: 5000,
-        type: AlertType.info,
-    },
-}

package/src/alert/state.types.ts

@@ -1,27 +0,0 @@
-import { Alert, AlertOptions } from "./types"
-export type AlertStoreState = {
-    /**
-     * List of alert objects to be shown
-     */
-    alerts: Alert[]
-    /**
-     * Default options object for Toast (Snack) notifications. Contains options like duration, show/hide close button, position.
-     */
-    defaultOptions: AlertOptions
-    /**
-     * Extends default options and sets the type to "success".  **This value is a computed getter meaning that it cannot be set from outside**
-     */
-    successOptions: AlertOptions | null
-    /**
-     * Extends default options and sets the type to "info".  **This value is a computed getter meaning that it cannot be set from outside**
-     */
-    infoOptions: AlertOptions | null
-    /**
-     * Extends default options and sets the type to "warning".  **This value is a computed getter meaning that it cannot be set from outside**
-     */
-    warningOptions: AlertOptions | null
-    /**
-     * Extends default options and sets the type to "error".  **This value is a computed getter meaning that it cannot be set from outside**
-     */
-    errorOptions: AlertOptions | null
-}

package/src/alert/state.validations.ts

@@ -1,11 +0,0 @@
-import { AlertStoreState } from "./state.types"
-import { StateValidations } from "../_window/state.types"
-
-export const alertStoreStateValidations: StateValidations<AlertStoreState> = {
-    alerts: undefined,
-    errorOptions: "throwHasNoSetterError",
-    infoOptions: "throwHasNoSetterError",
-    warningOptions: "throwHasNoSetterError",
-    successOptions: "throwHasNoSetterError",
-    defaultOptions: undefined,
-}

package/src/ats/functions.types.ts

@@ -1,7 +0,0 @@
-import { ATSSettings } from "./types"
-
-export type ATSStoreSetUserSettingsHandler = (settings: ATSSettings) => void
-
-export type ATSStoreFunctions = {
-    setUserSettings: ATSStoreSetUserSettingsHandler
-}

package/src/ats/index.ts

@@ -1,9 +0,0 @@
-// created from 'create-ts-index'
-
-export * from './api.types';
-export * from './functions.types';
-export * from './service.types';
-export * from './state.initial';
-export * from './state.types';
-export * from './state.validations';
-export * from './types';

package/src/ats/state.initial.ts

@@ -1,5 +0,0 @@
-import { ATSStoreState } from "./state.types"
-
-export const initialATSStoreState: ATSStoreState = {
-    userSettings: null,
-}

package/src/ats/state.validations.ts

@@ -1,6 +0,0 @@
-import { ATSStoreState } from "./state.types"
-import { StateValidations } from "../_window/state.types"
-
-export const atsStoreStateValidations: StateValidations<ATSStoreState> = {
-    userSettings: "common.genericObject",
-}

package/src/basket/consts.ts

@@ -1 +0,0 @@
-export const CAMPAIGN_BASKET_PRODUCTS_LOCALSTORAGE_KEY = "basketProducts"