@sonic-equipment/ui 223.0.0 → 225.0.0

package/dist/buttons/reorder-button/connected-reorder-button.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useFormattedMessage } from '../../intl/use-formatted-message.js';
 import { useAddBulkProductsToCurrentCart } from '../../shared/api/storefront/hooks/cart/use-add-bulk-products-to-current-cart.js';

package/dist/buttons/reorder-button/reorder-button.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { FormattedMessage } from '../../intl/formatted-message.js';
 import { useFormattedMessage } from '../../intl/use-formatted-message.js';

package/dist/country-select/hooks/use-countries.js

@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 import { useCookie } from '../../cookies/use-cookie.js';
 import { isCountryCode, isCultureCode, isLanguageCode } from '../../intl/types.js';
 import { useFetchCountriesWithLanguages } from '../../shared/api/storefront/hooks/website/use-fetch-countries-with-languages.js';
-import { useSessionStorage } from '../../shared/hooks/use-session-storage.js';
+import { useSessionStorage } from '../../shared/local-storage/use-session-storage.js';
 
 function useCountries({ enabled = true, } = {}) {
     const [sessionCountries, setSessionCountries] = useSessionStorage('countries-v1');

package/dist/country-selector/use-countries-languages.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import { useCookie } from '../cookies/use-cookie.js';
 import { useFetchCountriesWithLanguages } from '../shared/api/storefront/hooks/website/use-fetch-countries-with-languages.js';
 import { updateLocale } from '../shared/api/storefront/services/website-service.js';
-import { useSessionStorage } from '../shared/hooks/use-session-storage.js';
+import { useSessionStorage } from '../shared/local-storage/use-session-storage.js';
 import { isCountry } from '../shared/model/countries-languages.js';
 
 function useCountriesLanguages({ defaultCountryCode, defaultLanguageCode, }) {

package/dist/exports.d.ts

@@ -414,8 +414,13 @@ export * from './shared/hooks/use-mutation-observer';
 export * from './shared/hooks/use-resize-observer';
 export * from './shared/hooks/use-script';
 export * from './shared/hooks/use-scroll-lock';
-export * from './shared/hooks/use-session-storage';
 export * from './shared/hooks/use-watch-css-property';
+export * from './shared/local-storage/local-storage-context';
+export * from './shared/local-storage/local-storage-provider';
+export * from './shared/local-storage/storage-mock';
+export * from './shared/local-storage/types';
+export * from './shared/local-storage/use-local-storage';
+export * from './shared/local-storage/use-session-storage';
 export * from './shared/model/account';
 export * from './shared/model/address';
 export * from './shared/model/announcement';
@@ -461,6 +466,7 @@ export * from './shared/utils/scrolling';
 export * from './shared/utils/string';
 export * from './shared/utils/time';
 export * from './shared/utils/types';
+export * from './shared/utils/url';
 export * from './shared/utils/uuid';
 export * from './sidebar/sidebar';
 export * from './sidebar/sidebar-provider';

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import './shared/utils/local-storage';
 import './tokens/index.css';
 export * as BffModel from './shared/api/bff/model/bff.model';
 export * as StorefrontModel from './shared/api/storefront/model/storefront.model';

package/dist/index.js

@@ -1,4 +1,3 @@
-import './shared/utils/local-storage.js';
 import * as bff_model from './shared/api/bff/model/bff.model.js';
 export { bff_model as BffModel };
 import * as storefront_model from './shared/api/storefront/model/storefront.model.js';
@@ -415,8 +414,12 @@ export { useMutationObserver } from './shared/hooks/use-mutation-observer.js';
 export { useResizeObserver } from './shared/hooks/use-resize-observer.js';
 export { useScript } from './shared/hooks/use-script.js';
 export { useScrollLock } from './shared/hooks/use-scroll-lock.js';
-export { useSessionStorage } from './shared/hooks/use-session-storage.js';
 export { useWatchCssProperty } from './shared/hooks/use-watch-css-property.js';
+export { LocalStorageContext } from './shared/local-storage/local-storage-context.js';
+export { LocalStorageProvider } from './shared/local-storage/local-storage-provider.js';
+export { MockStorage } from './shared/local-storage/storage-mock.js';
+export { useLocalStorage } from './shared/local-storage/use-local-storage.js';
+export { useSessionStorage } from './shared/local-storage/use-session-storage.js';
 export { validatePassword } from './shared/model/account.js';
 export { validateEmail, validatePhone } from './shared/model/address.js';
 export { announcementSubTypes, announcementTypes, isAnnouncementSubtype, isAnnouncementType } from './shared/model/announcement.js';
@@ -460,6 +463,7 @@ export { scrollIntoViewRef, scrollToTop } from './shared/utils/scrolling.js';
 export { camelCase } from './shared/utils/string.js';
 export { TIME } from './shared/utils/time.js';
 export { has, hasNo, isObject } from './shared/utils/types.js';
+export { join } from './shared/utils/url.js';
 export { createUUID, isUUID } from './shared/utils/uuid.js';
 export { Sidebar } from './sidebar/sidebar.js';
 export { SidebarDetectBreakpoint, SidebarProvider } from './sidebar/sidebar-provider.js';

package/dist/notifications/announcements/connected-announcement-list.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useCultureCode } from '../../intl/use-culture-code.js';
 import { useLogError } from '../../logging/use-log-error.js';
 import { useFetchAnnouncements } from '../../shared/api/bff/hooks/use-fetch-announcements.js';
-import { useLocalStorage } from '../../shared/hooks/use-local-storage.js';
+import { useLocalStorage } from '../../shared/local-storage/use-local-storage.js';
 import { AnnouncementList } from './announcement-list.js';
 
 function ConnectedAnnouncementList({ className, }) {

package/dist/pages/my-sonic/pages/order-details/order-details-content.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button } from '../../../../buttons/button/button.js';
 import { PrintButton } from '../../../../buttons/print-button/print-button.js';

package/dist/shared/api/bff/hooks/use-fetch-favorites.js

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { useAlgoliaSearch } from '../../../../algolia/use-algolia-search.js';
 import { transformAlgoliaProductHitToProductHit } from '../../../model/hit.js';

package/dist/shared/local-storage/local-storage-context.d.ts

@@ -0,0 +1,2 @@
+import { LocalStorageContextValue } from './types';
+export declare const LocalStorageContext: React.Context<LocalStorageContextValue | undefined>;

package/dist/shared/local-storage/local-storage-context.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from 'react';
+
+const LocalStorageContext = createContext(undefined);
+
+export { LocalStorageContext };

package/dist/shared/local-storage/local-storage-provider.d.ts

@@ -0,0 +1,5 @@
+export declare function LocalStorageProvider({ children, localStorage, sessionStorage, }: {
+    children: React.ReactNode;
+    localStorage: Storage;
+    sessionStorage: Storage;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/shared/local-storage/local-storage-provider.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { LocalStorageContext } from './local-storage-context.js';
+
+function LocalStorageProvider({ children, localStorage, sessionStorage, }) {
+    const value = useMemo(() => ({
+        localStorage,
+        sessionStorage,
+    }), [localStorage, sessionStorage]);
+    return (jsx(LocalStorageContext.Provider, { value: value, children: children }));
+}
+
+export { LocalStorageProvider };

package/dist/shared/local-storage/storage-mock.d.ts

@@ -0,0 +1,10 @@
+export declare class MockStorage implements Storage {
+    private _state;
+    constructor();
+    get length(): number;
+    clear(): void;
+    getItem(key: string): string | null;
+    key(index: number): string | null;
+    removeItem(key: string): void;
+    setItem(key: string, value: string): void;
+}

package/dist/shared/local-storage/storage-mock.js

@@ -0,0 +1,34 @@
+class MockStorage {
+    constructor() {
+        Object.defineProperty(this, "_state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+    }
+    get length() {
+        return Object.keys(this._state).length;
+    }
+    clear() {
+        this._state = {};
+    }
+    getItem(key) {
+        return Object.prototype.hasOwnProperty.call(this._state, key)
+            ? this._state[key] || null
+            : null;
+    }
+    key(index) {
+        const keys = Object.keys(this._state);
+        return index >= 0 && index < keys.length ? keys[index] || null : null;
+    }
+    removeItem(key) {
+        if (Object.prototype.hasOwnProperty.call(this._state, key))
+            delete this._state[key];
+    }
+    setItem(key, value) {
+        this._state[key] = value;
+    }
+}
+
+export { MockStorage };

package/dist/shared/local-storage/types.d.ts

@@ -0,0 +1,4 @@
+export interface LocalStorageContextValue {
+    localStorage: Storage;
+    sessionStorage: Storage;
+}

package/dist/shared/{hooks → local-storage}/use-local-storage.js

@@ -1,7 +1,11 @@
 "use client";
-import { useState } from 'react';
+import { useContext, useState } from 'react';
+import { LocalStorageContext } from './local-storage-context.js';
 
 function useLocalStorage(key, initialState) {
+    const { localStorage } = useContext(LocalStorageContext) ?? {
+        localStorage: typeof window === 'undefined' ? undefined : window.localStorage,
+    };
     const storedValue = localStorage?.getItem(key);
     const [internalValue, setInternalValue] = useState(storedValue ? JSON.parse(storedValue) : initialState);
     function setValue(value) {

package/dist/shared/{hooks → local-storage}/use-session-storage.js

@@ -1,7 +1,11 @@
 "use client";
-import { useState } from 'react';
+import { useContext, useState } from 'react';
+import { LocalStorageContext } from './local-storage-context.js';
 
 function useSessionStorage(key, initialState) {
+    const { sessionStorage } = useContext(LocalStorageContext) ?? {
+        sessionStorage: typeof window === 'undefined' ? undefined : window.sessionStorage,
+    };
     const storedValue = sessionStorage?.getItem(key);
     const [internalValue, setInternalValue] = useState(storedValue ? JSON.parse(storedValue) : initialState);
     function setValue(value) {

package/dist/shared/utils/url.d.ts

@@ -0,0 +1,5 @@
+export declare function join(..._paths: string[]): string;
+declare const _default: {
+    join: typeof join;
+};
+export default _default;

package/dist/shared/utils/url.js

@@ -0,0 +1,20 @@
+function join(..._paths) {
+    const paths = _paths.map(path => path.trim()).filter(Boolean);
+    let result = '';
+    for (const path of paths) {
+        if (result) {
+            result += `${result.endsWith('/') ? '' : '/'}${path.replaceAll(/^\/+|\/+$/g, '')}`;
+        }
+        else {
+            result =
+                path.length > 1 && path.endsWith('/')
+                    ? path.replaceAll(/\/+$/g, '')
+                    : path;
+        }
+    }
+    if (paths.at(-1)?.endsWith('/') && !result.endsWith('/'))
+        result += '/';
+    return result;
+}
+
+export { join };

package/dist/text/status-text/status-text.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import styles from './status-text.module.css.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "223.0.0",
+  "version": "225.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {

package/dist/shared/utils/local-storage.js

@@ -1,107 +0,0 @@
-"use client";
-import { voidFunction } from '../model/defaults.js';
-
-/** Mocks the localStorage and sessionStorage API in Node.js
- * @see https://gitlab.com/kaictl/node/mock-local-storage */
-const HAS_LOCAL_STORAGE_SUPPORT = typeof localStorage !== 'undefined';
-function mockStorage() {
-    if (HAS_LOCAL_STORAGE_SUPPORT)
-        return;
-    // const global = require('global')
-    // const window = require('global/window')
-    let win;
-    if (typeof global !== 'undefined') {
-        win = global;
-    }
-    else if (typeof self === 'undefined') {
-        win = {};
-    }
-    else {
-        win = self;
-    }
-    Object.defineProperty(global, 'Storage', {
-        value: createStorage,
-    });
-    Object.defineProperty(win, 'Storage', {
-        value: createStorage,
-    });
-    Object.defineProperty(global, 'localStorage', {
-        value: createStorage(),
-    });
-    Object.defineProperty(win, 'localStorage', {
-        value: global.localStorage,
-    });
-    Object.defineProperty(global, 'sessionStorage', {
-        value: createStorage(),
-    });
-    Object.defineProperty(win, 'sessionStorage', {
-        value: global.sessionStorage,
-    });
-}
-function createStorage() {
-    const UNSET = Symbol();
-    const s = {};
-    let _itemInsertionCallback = voidFunction;
-    Object.defineProperty(s, 'setItem', {
-        get: () => {
-            return (k, v = UNSET) => {
-                if (v === UNSET) {
-                    throw new TypeError(`Failed to execute 'setItem' on 'Storage': 2 arguments required, but only 1 present.`);
-                }
-                if (!s.hasOwnProperty(String(k))) {
-                    _itemInsertionCallback();
-                }
-                s[String(k)] = String(v);
-            };
-        },
-    });
-    Object.defineProperty(s, 'getItem', {
-        get: () => {
-            return (k) => {
-                return s.hasOwnProperty(String(k)) ? s[String(k)] : null;
-            };
-        },
-    });
-    Object.defineProperty(s, 'removeItem', {
-        get: () => {
-            return (k) => {
-                if (s.hasOwnProperty(String(k))) {
-                    delete s[String(k)];
-                }
-            };
-        },
-    });
-    Object.defineProperty(s, 'clear', {
-        get: () => {
-            return () => {
-                for (const k in s) {
-                    delete s[String(k)];
-                }
-            };
-        },
-    });
-    Object.defineProperty(s, 'length', {
-        get: () => {
-            return Object.keys(s).length;
-        },
-    });
-    Object.defineProperty(s, 'key', {
-        value: (k) => {
-            return Object.keys(s)[k] || null;
-        },
-    });
-    Object.defineProperty(s, 'itemInsertionCallback', {
-        get: () => {
-            return _itemInsertionCallback;
-        },
-        set: v => {
-            if (!v || typeof v != 'function') {
-                v = voidFunction;
-            }
-            _itemInsertionCallback = v;
-        },
-    });
-    return s;
-}
-// Mock localStorage
-mockStorage();