@websolutespa/bom-mixer-hooks 1.0.0 → 1.1.0

package/CHANGELOG.md

@@ -1,37 +1,43 @@
-# @websolutespa/bom-mixer-hooks
-
-## 0.3.0
-
-### Minor Changes
-
-- Added: useScrolled.
-
-## 0.2.2
-
-### Patch Changes
-
-- Modified: useBreakpoint theme mediaQuery.
-
-## 0.2.1
-
-### Patch Changes
-
-- Added: source files.
-
-## 0.2.0
-
-### Minor Changes
-
-- Added: splat routes.
-
-## 0.1.0
-
-### Minor Changes
-
-- Added: @websolutespa/bom-core.
-
-## 0.0.2
-
-### Patch Changes
-
-- Added: first release.
+# @websolutespa/bom-mixer-hooks
+
+## 1.1.0
+
+### Minor Changes
+
+- Modified: useHttp, useApi.
+
+## 1.0.0
+
+### Minor Changes
+
+- Added: useScrolled.
+
+## 0.2.2
+
+### Patch Changes
+
+- Modified: useBreakpoint theme mediaQuery.
+
+## 0.2.1
+
+### Patch Changes
+
+- Added: source files.
+
+## 0.2.0
+
+### Minor Changes
+
+- Added: splat routes.
+
+## 0.1.0
+
+### Minor Changes
+
+- Added: @websolutespa/bom-core.
+
+## 0.0.2
+
+### Patch Changes
+
+- Added: first release.

package/dist/index.d.ts

@@ -1,24 +1,26 @@
 import * as React$1 from 'react';
 import React__default, { RefObject, Dispatch, SetStateAction, MutableRefObject, ComponentProps, useEffect } from 'react';
-import { FetchRequestOptions, ISchema, IEquatable, ILayout, IPage } from '@websolutespa/bom-core';
+import { ApiRequestOptions } from '@websolutespa/bom-mixer-store';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as zustand_middleware from 'zustand/middleware';
 import { StateStorage } from 'zustand/middleware';
 import * as zustand from 'zustand';
+import { ISchema, IEquatable, ILayout, IPage } from '@websolutespa/bom-core';
 import { ICartItem, ICartAddItem, IAddressOptions, ICheckoutPartial, IFeatureType, IUser } from '@websolutespa/bom-mixer-models';
 import { NextRouter } from 'next/router';
 
-declare function useApiFetch<T = any>(pathname: string, options?: FetchRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
-declare function useApiGet<T = any>(pathname: string, options?: FetchRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
-declare function useApiPost<T = any>(pathname: string, payload: unknown, options?: FetchRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
-declare function useApiPut<T = any>(pathname: string, payload: unknown, options?: FetchRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
-declare function useApiPatch<T = any>(pathname: string, payload: unknown, options?: FetchRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
-declare function useApiDelete<T = any>(pathname: string, options?: FetchRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
+declare function useApiFetch<T = unknown>(pathname: string, options?: ApiRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
+declare function useApiGet<T = unknown>(pathname: string, options?: ApiRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
+declare function useApiPost<T = unknown>(pathname: string, payload: unknown, options?: ApiRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
+declare function useApiPut<T = unknown>(pathname: string, payload: unknown, options?: ApiRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
+declare function useApiPatch<T = unknown>(pathname: string, payload: unknown, options?: ApiRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
+declare function useApiDelete<T = unknown>(pathname: string, options?: ApiRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
 type Api = {
-    get: <T = any>(pathname: string, options?: FetchRequestOptions) => Promise<T>;
-    post: <T = any>(pathname: string, payload?: unknown, options?: FetchRequestOptions) => Promise<T>;
-    put: <T = any>(pathname: string, payload?: unknown, options?: FetchRequestOptions) => Promise<T>;
-    patch: <T = any>(pathname: string, payload?: unknown, options?: FetchRequestOptions) => Promise<T>;
-    delete: <T = any>(pathname: string, options?: FetchRequestOptions) => Promise<T>;
+    get: <T = unknown>(pathname: string, options?: ApiRequestOptions) => Promise<T>;
+    post: <T = unknown>(pathname: string, payload?: unknown, options?: ApiRequestOptions) => Promise<T>;
+    put: <T = unknown>(pathname: string, payload?: unknown, options?: ApiRequestOptions) => Promise<T>;
+    patch: <T = unknown>(pathname: string, payload?: unknown, options?: ApiRequestOptions) => Promise<T>;
+    delete: <T = unknown>(pathname: string, options?: ApiRequestOptions) => Promise<T>;
 };
 declare function useApi(): Api;
 
@@ -73,8 +75,8 @@ type CartProviderProps = React.PropsWithChildren<{
     items?: ICartItem[];
     storage?: StateStorage;
 }>;
-declare function CartProvider({ children, ...props }: CartProviderProps): JSX.Element;
-declare function useCart<T>(selector: (state: CartState) => T, equalityFn?: (left: T, right: T) => boolean): T;
+declare function CartProvider({ children, ...props }: CartProviderProps): react_jsx_runtime.JSX.Element;
+declare function useCart<T>(selector: (state: CartState) => T): T;
 
 type CheckoutProps = {
     hydrated: boolean;
@@ -103,8 +105,8 @@ type CheckoutProviderProps = React.PropsWithChildren<{
     checkout?: ICheckoutPartial;
     storage?: StateStorage;
 }>;
-declare function CheckoutProvider({ children, ...props }: CheckoutProviderProps): JSX.Element;
-declare function useCheckout<T>(selector: (state: CheckoutState) => T, equalityFn?: (left: T, right: T) => boolean): T;
+declare function CheckoutProvider({ children, ...props }: CheckoutProviderProps): react_jsx_runtime.JSX.Element;
+declare function useCheckout<T>(selector: (state: CheckoutState) => T): T;
 
 declare function useClickAnyWhere(handler: (event: MouseEvent) => void): void;
 
@@ -375,7 +377,7 @@ type ILabelContext = (key: string, params?: {
 declare const useLabel: () => ILabelContext;
 declare function LabelProvider({ children }: {
     children?: React__default.ReactNode;
-}): JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function parseParams(label: string, params: {
     [key: string]: any;
 }): string;
@@ -385,7 +387,7 @@ declare const useLayout: () => ILayout;
 declare function LayoutProvider({ children, layout }: {
     children?: React__default.ReactNode;
     layout: ILayout;
-}): JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 declare function useModal(): [modal: UIValue, open: (value?: string) => void, close: () => void];
 
@@ -398,7 +400,7 @@ declare const usePage: () => NonNullable<IPage>;
 declare function PageProvider({ children, page }: {
     children?: React__default.ReactNode;
     page: IPage;
-}): JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 type IPaginationInfo<T> = {
     items: T[];

package/dist/index.js

@@ -219,7 +219,7 @@ function LayoutProvider({ children, layout }) {
 // src/useApi/useApi.ts
 function useApiFetch(pathname, options = {}) {
   const layout = useLayout();
-  return useHttpFetch(pathname, options, import_bom_mixer_store.apiFetch, layout);
+  return useHttpFetch(pathname, options, import_bom_mixer_store.localApiFetch, layout);
 }
 function useApiGet(pathname, options = {}) {
   return useApiFetch(pathname, __spreadProps(__spreadValues({}, options), { method: "GET" }));
@@ -240,19 +240,19 @@ function useApi() {
   const layout = useLayout();
   return {
     get: (_0, ..._1) => __async(this, [_0, ..._1], function* (pathname, options = {}) {
-      return (0, import_bom_mixer_store.apiGet)(pathname, options, layout);
+      return (0, import_bom_mixer_store.localApiGet)(pathname, options, layout);
     }),
     post: (_0, _1, ..._2) => __async(this, [_0, _1, ..._2], function* (pathname, payload, options = {}) {
-      return (0, import_bom_mixer_store.apiPost)(pathname, payload, options, layout);
+      return (0, import_bom_mixer_store.localApiPost)(pathname, payload, options, layout);
     }),
     put: (_0, _1, ..._2) => __async(this, [_0, _1, ..._2], function* (pathname, payload, options = {}) {
-      return (0, import_bom_mixer_store.apiPut)(pathname, payload, options, layout);
+      return (0, import_bom_mixer_store.localApiPut)(pathname, payload, options, layout);
     }),
     patch: (_0, _1, ..._2) => __async(this, [_0, _1, ..._2], function* (pathname, payload, options = {}) {
-      return (0, import_bom_mixer_store.apiPatch)(pathname, payload, options, layout);
+      return (0, import_bom_mixer_store.localApiPatch)(pathname, payload, options, layout);
     }),
     delete: (_0, ..._1) => __async(this, [_0, ..._1], function* (pathname, options = {}) {
-      return (0, import_bom_mixer_store.apiDelete)(pathname, options, layout);
+      return (0, import_bom_mixer_store.localApiDelete)(pathname, options, layout);
     })
   };
 }
@@ -489,11 +489,11 @@ function CartProvider(_a) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CartContext.Provider, { value: storeRef.current, children });
 }
-function useCart(selector, equalityFn) {
+function useCart(selector) {
   const store = (0, import_react8.useContext)(CartContext);
   if (!store)
     throw new Error("Missing CartContext.Provider in the tree");
-  return (0, import_zustand.useStore)(store, selector, equalityFn);
+  return (0, import_zustand.useStore)(store, selector);
 }
 
 // src/useCheckout/useCheckout.tsx
@@ -549,11 +549,11 @@ function CheckoutProvider(_a) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckoutContext.Provider, { value: storeRef.current, children });
 }
-function useCheckout(selector, equalityFn) {
+function useCheckout(selector) {
   const store = (0, import_react9.useContext)(CheckoutContext);
   if (!store)
     throw new Error("Missing CheckoutContext.Provider in the tree");
-  return (0, import_zustand2.useStore)(store, selector, equalityFn);
+  return (0, import_zustand2.useStore)(store, selector);
 }
 
 // src/useClickAnyWhere/useClickAnyWhere.ts

package/dist/index.mjs

@@ -51,7 +51,7 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/useApi/useApi.ts
-import { apiDelete, apiFetch, apiGet, apiPatch, apiPost, apiPut } from "@websolutespa/bom-mixer-store";
+import { localApiDelete, localApiFetch, localApiGet, localApiPatch, localApiPost, localApiPut } from "@websolutespa/bom-mixer-store";
 
 // src/useHttp/useHttp.ts
 import { httpFetch } from "@websolutespa/bom-core";
@@ -101,7 +101,7 @@ function LayoutProvider({ children, layout }) {
 // src/useApi/useApi.ts
 function useApiFetch(pathname, options = {}) {
   const layout = useLayout();
-  return useHttpFetch(pathname, options, apiFetch, layout);
+  return useHttpFetch(pathname, options, localApiFetch, layout);
 }
 function useApiGet(pathname, options = {}) {
   return useApiFetch(pathname, __spreadProps(__spreadValues({}, options), { method: "GET" }));
@@ -122,19 +122,19 @@ function useApi() {
   const layout = useLayout();
   return {
     get: (_0, ..._1) => __async(this, [_0, ..._1], function* (pathname, options = {}) {
-      return apiGet(pathname, options, layout);
+      return localApiGet(pathname, options, layout);
     }),
     post: (_0, _1, ..._2) => __async(this, [_0, _1, ..._2], function* (pathname, payload, options = {}) {
-      return apiPost(pathname, payload, options, layout);
+      return localApiPost(pathname, payload, options, layout);
     }),
     put: (_0, _1, ..._2) => __async(this, [_0, _1, ..._2], function* (pathname, payload, options = {}) {
-      return apiPut(pathname, payload, options, layout);
+      return localApiPut(pathname, payload, options, layout);
     }),
     patch: (_0, _1, ..._2) => __async(this, [_0, _1, ..._2], function* (pathname, payload, options = {}) {
-      return apiPatch(pathname, payload, options, layout);
+      return localApiPatch(pathname, payload, options, layout);
     }),
     delete: (_0, ..._1) => __async(this, [_0, ..._1], function* (pathname, options = {}) {
-      return apiDelete(pathname, options, layout);
+      return localApiDelete(pathname, options, layout);
     })
   };
 }
@@ -371,11 +371,11 @@ function CartProvider(_a) {
   }
   return /* @__PURE__ */ jsx2(CartContext.Provider, { value: storeRef.current, children });
 }
-function useCart(selector, equalityFn) {
+function useCart(selector) {
   const store = useContext3(CartContext);
   if (!store)
     throw new Error("Missing CartContext.Provider in the tree");
-  return useStore(store, selector, equalityFn);
+  return useStore(store, selector);
 }
 
 // src/useCheckout/useCheckout.tsx
@@ -431,11 +431,11 @@ function CheckoutProvider(_a) {
   }
   return /* @__PURE__ */ jsx3(CheckoutContext.Provider, { value: storeRef.current, children });
 }
-function useCheckout(selector, equalityFn) {
+function useCheckout(selector) {
   const store = useContext4(CheckoutContext);
   if (!store)
     throw new Error("Missing CheckoutContext.Provider in the tree");
-  return useStore2(store, selector, equalityFn);
+  return useStore2(store, selector);
 }
 
 // src/useClickAnyWhere/useClickAnyWhere.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websolutespa/bom-mixer-hooks",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Mixer Hooks module of the BOM Repository",
   "keywords": [
     "bom",
@@ -34,7 +34,7 @@
     "react": ">= 18.2.0",
     "styled-components": ">= 5.3.5",
     "swiper": ">= 8.3.2",
-    "zustand": ">= 4.1.1"
+    "zustand": ">= 4.4.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",

package/src/useApi/useApi.test.tsx

@@ -2,7 +2,7 @@ import '@testing-library/jest-dom';
 import { render, renderHook, screen, waitFor, waitForElementToBeRemoved } from '@testing-library/react';
 import { ILayout } from '@websolutespa/bom-core';
 import { LayoutDefaults } from '@websolutespa/bom-mixer-mock';
-import { getApiUrl } from '@websolutespa/bom-mixer-store';
+import { getLocalApiUrl } from '@websolutespa/bom-mixer-store';
 import { LayoutProvider } from '../useLayout/useLayout';
 import { useApi, useApiDelete, useApiFetch, useApiGet, useApiPatch, useApiPost, useApiPut } from './useApi';
 
@@ -22,7 +22,7 @@ function mockFetch(
   overrideResponse: Partial<typeof defaultResponse> = {}
 ) {
   const endpoint = '/endpoint';
-  const url = `${getApiUrl(endpoint)}?locale=en&market=ww`;
+  const url = `${getLocalApiUrl(endpoint)}?locale=en&market=ww`;
   const payload = { data: 'data' };
   const response = {
     ...defaultResponse,
@@ -38,6 +38,7 @@ function mockFetch(
     method: string;
   } = {
     headers: {
+      'Authorization': 'Bearer STORE_BEARER',
       'Content-Type': 'application/json',
     },
     method,
@@ -56,18 +57,18 @@ describe('useApi', () => {
     jest.resetModules();
     jest.resetAllMocks();
     jest.spyOn(console, 'error').mockImplementation(() => { });
+    jest.spyOn(console, 'log').mockImplementation(() => { });
     process.env = {
       NODE_ENV: 'test',
       NEXT_PUBLIC_URL: 'http://localhost:3000',
       NEXT_PUBLIC_MOCK_FALLBACK_URL: 'http://localhost:3000',
       NEXT_PUBLIC_API: '/api',
-      NEXT_PUBLIC_GOOGLE_MAP_API_KEY: 'AIzaSyDvGw6iAoKdRv8mmaC9GeT-LWLPQtA8p60',
       STORE_URL: 'http://localhost:4000',
       STORE_API: '/bowl/api',
-      STORE_BEARER: '7584f15d12972fb1e7695e998dd5e4c754f46c74d06a08e8d76f556adcd045e48cd52bed6faac098784471ac273ee40243194b9cff7eba3c4a768f8f41d2d51959a7f767b943c7f0170f6e5f632db523803c357083bf7a7bf03ee8e0df2d8ce5cd52e0211283b34d7781313da775018a9e950433d2b6faf711c20e5a63b25243',
       STORE_STRATEGY: 'mock',
-      SECRET_COOKIE_PASSWORD: '2gyZ3GDw3LHZQKDhPmPDL3sjREVRXPr8',
-      HOOKS_SECRET: '7584f15d12972fb1e7695e998dd5e4',
+      STORE_BEARER: 'STORE_BEARER',
+      SECRET_COOKIE_PASSWORD: 'SECRET_COOKIE_PASSWORD',
+      HOOKS_SECRET: 'HOOKS_SECRET',
     };
   });
 

package/src/useApi/useApi.ts

@@ -1,58 +1,59 @@
-import { FetchRequestOptions } from '@websolutespa/bom-core';
-import { apiDelete, apiFetch, apiGet, apiPatch, apiPost, apiPut } from '@websolutespa/bom-mixer-store';
+import { ApiRequestOptions, localApiDelete, localApiFetch, localApiGet, localApiPatch, localApiPost, localApiPut } from '@websolutespa/bom-mixer-store';
 import { useHttpFetch } from '../useHttp/useHttp';
 import { useLayout } from '../useLayout/useLayout';
 
-export function useApiFetch<T = any>(pathname: string, options: FetchRequestOptions = {}) {
+export function useApiFetch<T = unknown>(pathname: string, options: ApiRequestOptions = {}) {
   const layout = useLayout();
-  return useHttpFetch<T>(pathname, options, apiFetch, layout);
+  // const layout = { locale: '', market: '' };
+  return useHttpFetch<T>(pathname, options, localApiFetch, layout);
 }
 
-export function useApiGet<T = any>(pathname: string, options: FetchRequestOptions = {}) {
+export function useApiGet<T = unknown>(pathname: string, options: ApiRequestOptions = {}) {
   return useApiFetch<T>(pathname, { ...options, method: 'GET' });
 }
 
-export function useApiPost<T = any>(pathname: string, payload: unknown, options: FetchRequestOptions = {}) {
+export function useApiPost<T = unknown>(pathname: string, payload: unknown, options: ApiRequestOptions = {}) {
   return useApiFetch<T>(pathname, { ...options, method: 'POST', body: payload ? JSON.stringify(payload) : undefined });
 }
 
-export function useApiPut<T = any>(pathname: string, payload: unknown, options: FetchRequestOptions = {}) {
+export function useApiPut<T = unknown>(pathname: string, payload: unknown, options: ApiRequestOptions = {}) {
   return useApiFetch<T>(pathname, { ...options, method: 'PUT', body: payload ? JSON.stringify(payload) : undefined });
 }
 
-export function useApiPatch<T = any>(pathname: string, payload: unknown, options: FetchRequestOptions = {}) {
+export function useApiPatch<T = unknown>(pathname: string, payload: unknown, options: ApiRequestOptions = {}) {
   return useApiFetch<T>(pathname, { ...options, method: 'PATCH', body: payload ? JSON.stringify(payload) : undefined });
 }
 
-export function useApiDelete<T = any>(pathname: string, options: FetchRequestOptions = {}) {
+export function useApiDelete<T = unknown>(pathname: string, options: ApiRequestOptions = {}) {
   return useApiFetch<T>(pathname, { ...options, method: 'DELETE' });
 }
 
 type Api = {
-  get: <T = any>(pathname: string, options?: FetchRequestOptions) => Promise<T>;
-  post: <T = any>(pathname: string, payload?: unknown, options?: FetchRequestOptions) => Promise<T>;
-  put: <T = any>(pathname: string, payload?: unknown, options?: FetchRequestOptions) => Promise<T>;
-  patch: <T = any>(pathname: string, payload?: unknown, options?: FetchRequestOptions) => Promise<T>;
-  delete: <T = any>(pathname: string, options?: FetchRequestOptions) => Promise<T>;
+  get: <T = unknown>(pathname: string, options?: ApiRequestOptions) => Promise<T>;
+  post: <T = unknown>(pathname: string, payload?: unknown, options?: ApiRequestOptions) => Promise<T>;
+  put: <T = unknown>(pathname: string, payload?: unknown, options?: ApiRequestOptions) => Promise<T>;
+  patch: <T = unknown>(pathname: string, payload?: unknown, options?: ApiRequestOptions) => Promise<T>;
+  delete: <T = unknown>(pathname: string, options?: ApiRequestOptions) => Promise<T>;
 };
 
 export function useApi(): Api {
   const layout = useLayout();
+  // const layout = { locale: '', market: '' };
   return {
-    get: async <T = any>(pathname: string, options: FetchRequestOptions = {}) => {
-      return apiGet<T>(pathname, options, layout);
+    get: async <T = unknown>(pathname: string, options: ApiRequestOptions = {}) => {
+      return localApiGet<T>(pathname, options, layout);
     },
-    post: async <T = any>(pathname: string, payload?: unknown, options: FetchRequestOptions = {}) => {
-      return apiPost<T>(pathname, payload, options, layout);
+    post: async <T = unknown>(pathname: string, payload?: unknown, options: ApiRequestOptions = {}) => {
+      return localApiPost<T>(pathname, payload, options, layout);
     },
-    put: async <T = any>(pathname: string, payload?: unknown, options: FetchRequestOptions = {}) => {
-      return apiPut<T>(pathname, payload, options, layout);
+    put: async <T = unknown>(pathname: string, payload?: unknown, options: ApiRequestOptions = {}) => {
+      return localApiPut<T>(pathname, payload, options, layout);
     },
-    patch: async <T = any>(pathname: string, payload?: unknown, options: FetchRequestOptions = {}) => {
-      return apiPatch<T>(pathname, payload, options, layout);
+    patch: async <T = unknown>(pathname: string, payload?: unknown, options: ApiRequestOptions = {}) => {
+      return localApiPatch<T>(pathname, payload, options, layout);
     },
-    delete: async <T = any>(pathname: string, options: FetchRequestOptions = {}) => {
-      return apiDelete<T>(pathname, options, layout);
+    delete: async <T = unknown>(pathname: string, options: ApiRequestOptions = {}) => {
+      return localApiDelete<T>(pathname, options, layout);
     },
   };
 }

package/src/useCart/useCart.tsx

@@ -119,13 +119,10 @@ function CartProvider({ children, ...props }: CartProviderProps) {
   );
 }
 
-function useCart<T>(
-  selector: (state: CartState) => T,
-  equalityFn?: (left: T, right: T) => boolean
-): T {
+function useCart<T>(selector: (state: CartState) => T): T {
   const store = useContext(CartContext);
   if (!store) throw new Error('Missing CartContext.Provider in the tree');
-  return useStore(store, selector, equalityFn);
+  return useStore(store, selector);
 }
 
 export { CartProvider, useCart };

package/src/useCheckout/useCheckout.tsx

@@ -1,7 +1,7 @@
 import { IAddressOptions, ICheckoutPartial } from '@websolutespa/bom-mixer-models';
 import { createContext, useContext, useRef } from 'react';
 import { createStore, useStore } from 'zustand';
-import { createJSONStorage, persist, StateStorage } from 'zustand/middleware';
+import { StateStorage, createJSONStorage, persist } from 'zustand/middleware';
 
 type CheckoutInitialProps = {
   data: IAddressOptions;
@@ -82,13 +82,10 @@ function CheckoutProvider({ children, ...props }: CheckoutProviderProps) {
   );
 }
 
-function useCheckout<T>(
-  selector: (state: CheckoutState) => T,
-  equalityFn?: (left: T, right: T) => boolean
-): T {
+function useCheckout<T>(selector: (state: CheckoutState) => T): T {
   const store = useContext(CheckoutContext);
   if (!store) throw new Error('Missing CheckoutContext.Provider in the tree');
-  return useStore(store, selector, equalityFn);
+  return useStore(store, selector);
 }
 
 export { CheckoutProvider, useCheckout };

package/src/useHttp/useHttp.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
 import { render, screen, waitFor, waitForElementToBeRemoved } from '@testing-library/react';
-import { getApiUrl } from '@websolutespa/bom-mixer-store';
+import { getLocalApiUrl } from '@websolutespa/bom-mixer-store';
 import { useHttpDelete, useHttpFetch, useHttpGet, useHttpPatch, useHttpPost, useHttpPut } from './useHttp';
 
 const defaultResponse = {
@@ -12,7 +12,7 @@ const defaultResponse = {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function mockFetch(method: string = 'GET', result: any = { message: 'ok' }, overrideResponse: Partial<typeof defaultResponse> = {}) {
   const endpoint = '/endpoint';
-  const url = `${getApiUrl(endpoint)}?locale=en&market=ww`;
+  const url = `${getLocalApiUrl(endpoint)}?locale=en&market=ww`;
   const payload = { data: 'data' };
   const response = {
     ...defaultResponse,
@@ -45,22 +45,21 @@ describe('useHttp', () => {
   const FETCH = global.fetch;
 
   beforeEach(() => {
-    // !!! act error
-    jest.spyOn(console, 'error').mockImplementation(() => { });
     jest.resetModules();
     jest.resetAllMocks();
+    jest.spyOn(console, 'error').mockImplementation(() => { });
+    jest.spyOn(console, 'log').mockImplementation(() => { });
     process.env = {
       NODE_ENV: 'test',
       NEXT_PUBLIC_URL: 'http://localhost:3000',
       NEXT_PUBLIC_MOCK_FALLBACK_URL: 'http://localhost:3000',
       NEXT_PUBLIC_API: '/api',
-      NEXT_PUBLIC_GOOGLE_MAP_API_KEY: 'AIzaSyDvGw6iAoKdRv8mmaC9GeT-LWLPQtA8p60',
       STORE_URL: 'http://localhost:4000',
       STORE_API: '/bowl/api',
-      STORE_BEARER: '7584f15d12972fb1e7695e998dd5e4c754f46c74d06a08e8d76f556adcd045e48cd52bed6faac098784471ac273ee40243194b9cff7eba3c4a768f8f41d2d51959a7f767b943c7f0170f6e5f632db523803c357083bf7a7bf03ee8e0df2d8ce5cd52e0211283b34d7781313da775018a9e950433d2b6faf711c20e5a63b25243',
       STORE_STRATEGY: 'mock',
-      SECRET_COOKIE_PASSWORD: '2gyZ3GDw3LHZQKDhPmPDL3sjREVRXPr8',
-      HOOKS_SECRET: '7584f15d12972fb1e7695e998dd5e4',
+      STORE_BEARER: 'STORE_BEARER',
+      SECRET_COOKIE_PASSWORD: 'SECRET_COOKIE_PASSWORD',
+      HOOKS_SECRET: 'HOOKS_SECRET',
     };
   });
 

package/src/useHttp/useHttp.ts

@@ -1,15 +1,15 @@
-import { FetchRequestOptions, FetchService, httpFetch } from '@websolutespa/bom-core';
+import { FetchError, FetchRequestOptions, FetchService, httpFetch } from '@websolutespa/bom-core';
 import { Dispatch, useEffect, useState } from 'react';
 
-export function useHttpFetch<T = any>(
+export function useHttpFetch<T = unknown>(
   pathname: string,
   options: FetchRequestOptions = { method: 'GET' },
   service: FetchService<T> = httpFetch,
-  serviceOptions?: any
-): [T | undefined, boolean, any, Dispatch<any>] {
+  serviceOptions?: unknown
+): [T | undefined, boolean, FetchError, Dispatch<FetchError>] {
   const [response, setResponse] = useState<T>();
   const [loading, setLoading] = useState<boolean>(false);
-  const [error, setError] = useState<any>(null);
+  const [error, setError] = useState<FetchError>(null);
   useEffect(() => {
     // const source = axios.CancelToken.source();
     const fetchData = async () => {
@@ -19,7 +19,7 @@ export function useHttpFetch<T = any>(
         const response = await service(pathname, options, serviceOptions);
         // console.log('useHttp.response', response);
         setResponse(response);
-      } catch (error) {
+      } catch (error: FetchError) {
         // console.error(error)
         setError(error);
       }
@@ -31,22 +31,22 @@ export function useHttpFetch<T = any>(
   return [response, loading, error, setError];
 }
 
-export function useHttpGet<T = any>(pathname: string, options: FetchRequestOptions = {}) {
+export function useHttpGet<T = unknown>(pathname: string, options: FetchRequestOptions = {}) {
   return useHttpFetch<T>(pathname, { ...options, method: 'GET' });
 }
 
-export function useHttpPost<T = any>(pathname: string, payload: any, options: FetchRequestOptions = {}) {
+export function useHttpPost<T = unknown>(pathname: string, payload: unknown, options: FetchRequestOptions = {}) {
   return useHttpFetch<T>(pathname, { ...options, method: 'POST', body: payload ? JSON.stringify(payload) : undefined });
 }
 
-export function useHttpPut<T = any>(pathname: string, payload: any, options: FetchRequestOptions = {}) {
+export function useHttpPut<T = unknown>(pathname: string, payload: unknown, options: FetchRequestOptions = {}) {
   return useHttpFetch<T>(pathname, { ...options, method: 'PUT', body: payload ? JSON.stringify(payload) : undefined });
 }
 
-export function useHttpPatch<T = any>(pathname: string, payload: any, options: FetchRequestOptions = {}) {
+export function useHttpPatch<T = unknown>(pathname: string, payload: unknown, options: FetchRequestOptions = {}) {
   return useHttpFetch<T>(pathname, { ...options, method: 'PATCH', body: payload ? JSON.stringify(payload) : undefined });
 }
 
-export function useHttpDelete<T = any>(pathname: string, options: FetchRequestOptions = {}) {
+export function useHttpDelete<T = unknown>(pathname: string, options: FetchRequestOptions = {}) {
   return useHttpFetch<T>(pathname, { ...options, method: 'DELETE' });
 }

package/src/useLayout/useLayout.tsx

@@ -15,5 +15,5 @@ function LayoutProvider({ children, layout }: { children?: React.ReactNode, layo
   );
 }
 
-export { useLayout, LayoutProvider };
+export { LayoutProvider, useLayout };
 

package/src/usePage/usePage.tsx

@@ -15,5 +15,5 @@ function PageProvider({ children, page }: { children?: React.ReactNode, page: IP
   );
 }
 
-export { usePage, PageProvider };
+export { PageProvider, usePage };