@sonic-equipment/ui 128.0.0 → 130.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "128.0.0",
+  "version": "130.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -50,59 +50,59 @@
     "react-dom": "^18"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "3.2.2",
+    "@chromatic-com/storybook": "3.2.4",
     "@csstools/postcss-global-data": "3.0.0",
     "@rollup/plugin-alias": "5.1.1",
-    "@rollup/plugin-commonjs": "28.0.1",
-    "@rollup/plugin-node-resolve": "15.3.0",
-    "@rollup/plugin-replace": "6.0.1",
-    "@rollup/plugin-typescript": "12.1.1",
-    "@storybook/addon-docs": "8.4.2",
-    "@storybook/addon-essentials": "8.4.2",
-    "@storybook/addon-interactions": "8.4.2",
-    "@storybook/addon-links": "8.4.2",
-    "@storybook/addon-viewport": "8.4.2",
-    "@storybook/blocks": "8.4.2",
-    "@storybook/preview-api": "8.4.2",
-    "@storybook/react": "8.4.2",
-    "@storybook/react-vite": "8.4.2",
-    "@storybook/test": "8.4.2",
+    "@rollup/plugin-commonjs": "28.0.2",
+    "@rollup/plugin-node-resolve": "16.0.0",
+    "@rollup/plugin-replace": "6.0.2",
+    "@rollup/plugin-typescript": "12.1.2",
+    "@storybook/addon-docs": "8.5.2",
+    "@storybook/addon-essentials": "8.5.2",
+    "@storybook/addon-interactions": "8.5.2",
+    "@storybook/addon-links": "8.5.2",
+    "@storybook/addon-viewport": "8.5.2",
+    "@storybook/blocks": "8.5.2",
+    "@storybook/preview-api": "8.5.2",
+    "@storybook/react": "8.5.2",
+    "@storybook/react-vite": "8.5.2",
+    "@storybook/test": "8.5.2",
     "@total-typescript/ts-reset": "^0.6.1",
     "@types/js-cookie": "3.0.6",
-    "@types/node": "22.9.0",
+    "@types/node": "22.12.0",
     "@types/postcss-import": "14.0.3",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
-    "@typescript-eslint/eslint-plugin": "8.13.0",
-    "@typescript-eslint/parser": "8.13.0",
+    "@typescript-eslint/eslint-plugin": "8.22.0",
+    "@typescript-eslint/parser": "8.22.0",
     "@typescript/lib-dom": "npm:typescript-partial-lib-dom@^1.1.0",
-    "@vitejs/plugin-react": "4.3.3",
+    "@vitejs/plugin-react": "4.3.4",
     "autoprefixer": "10.4.20",
-    "concurrently": "9.1.0",
+    "concurrently": "9.1.2",
     "eslint": "8.57.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-import-resolver-typescript": "3.6.3",
+    "eslint-config-prettier": "10.0.1",
+    "eslint-import-resolver-typescript": "3.7.0",
     "eslint-plugin-css-modules": "^2.12.0",
-    "eslint-plugin-formatjs": "^5.2.8",
+    "eslint-plugin-formatjs": "^5.2.13",
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-mdx": "3.1.5",
-    "eslint-plugin-prettier": "5.2.1",
-    "eslint-plugin-react": "7.37.2",
-    "eslint-plugin-react-hooks": "5.0.0",
+    "eslint-plugin-prettier": "5.2.3",
+    "eslint-plugin-react": "7.37.4",
+    "eslint-plugin-react-hooks": "5.1.0",
     "eslint-plugin-simple-import-sort": "12.1.1",
     "eslint-plugin-sort-destructure-keys": "2.0.0",
     "eslint-plugin-sort-keys-fix": "1.1.2",
     "eslint-plugin-ssr-friendly": "^1.3.0",
-    "eslint-plugin-storybook": "0.11.0",
+    "eslint-plugin-storybook": "0.11.2",
     "eslint-plugin-typescript-sort-keys": "3.3.0",
     "eslint-plugin-unicorn": "^56.0.1",
     "eslint-plugin-unused-imports": "4.1.4",
     "http-server": "14.1.1",
-    "husky": "9.1.6",
-    "instantsearch.js": "4.75.4",
-    "nodemon": "3.1.7",
-    "postcss": "8.4.47",
+    "husky": "9.1.7",
+    "instantsearch.js": "4.77.3",
+    "nodemon": "3.1.9",
+    "postcss": "8.5.1",
     "postcss-custom-media": "11.0.5",
     "postcss-import": "16.1.0",
     "postcss-nested": "7.0.2",
@@ -110,43 +110,43 @@
     "react-dom": "18.3.1",
     "react-json-view": "1.21.3",
     "rimraf": "6.0.1",
-    "rollup": "4.24.4",
+    "rollup": "4.32.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-preserve-directives": "^0.4.0",
-    "storybook": "8.4.2",
-    "stylelint": "16.10.0",
+    "storybook": "8.5.2",
+    "stylelint": "16.14.1",
     "stylelint-config-css-modules": "4.4.0",
     "stylelint-config-idiomatic-order": "10.0.0",
-    "stylelint-config-standard": "36.0.1",
-    "typescript": "5.6.3",
-    "vite": "5.4.10",
-    "vite-tsconfig-paths": "5.1.0",
-    "vitest": "2.1.5"
+    "stylelint-config-standard": "37.0.0",
+    "typescript": "5.7.3",
+    "vite": "6.0.11",
+    "vite-tsconfig-paths": "5.1.4",
+    "vitest": "3.0.4"
   },
   "dependencies": {
     "@adyen/adyen-web": "5.32.0",
-    "@algolia/autocomplete-core": "1.17.7",
-    "@algolia/autocomplete-plugin-query-suggestions": "1.17.7",
-    "@algolia/autocomplete-plugin-recent-searches": "1.17.7",
-    "@algolia/autocomplete-preset-algolia": "1.17.7",
+    "@algolia/autocomplete-core": "1.18.0",
+    "@algolia/autocomplete-plugin-query-suggestions": "1.18.0",
+    "@algolia/autocomplete-plugin-recent-searches": "1.18.0",
+    "@algolia/autocomplete-preset-algolia": "1.18.0",
     "@algolia/client-search": "4.24.0",
-    "@tanstack/react-query": "5.59.20",
-    "@tanstack/react-query-devtools": "5.59.20",
-    "@types/react-transition-group": "4.4.11",
+    "@tanstack/react-query": "5.66.0",
+    "@tanstack/react-query-devtools": "5.66.0",
+    "@types/react-transition-group": "4.4.12",
     "algoliasearch": "4.24.0",
     "clsx": "2.1.1",
-    "fast-equals": "5.0.1",
-    "instantsearch.js": "4.75.4",
+    "fast-equals": "5.2.2",
+    "instantsearch.js": "4.77.3",
     "js-cookie": "3.0.5",
     "query-string": "9.1.1",
-    "react-aria": "3.35.1",
-    "react-aria-components": "1.4.1",
-    "react-instantsearch": "7.13.7",
+    "react-aria": "3.37.0",
+    "react-aria-components": "1.6.0",
+    "react-instantsearch": "7.15.3",
     "react-toastify": "10.0.6",
     "react-transition-group": "4.4.5",
-    "search-insights": "2.17.2",
-    "swiper": "11.1.14"
+    "search-insights": "2.17.3",
+    "swiper": "11.2.1"
   },
   "publishConfig": {
     "access": "public"

package/dist/checkout/payment-details.d.ts

@@ -1,8 +0,0 @@
-import { CartModel, CheckoutAtpEntry } from '../shared/api/storefront/model/storefront.model';
-export declare function PaymentDetails({ atp, cart, fulfillmentMethods, isDisabled, onCartChanged, }: {
-    atp: CheckoutAtpEntry[];
-    cart: CartModel;
-    fulfillmentMethods: string[];
-    isDisabled: boolean;
-    onCartChanged: (cart: CartModel) => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/checkout/payment-details.js

@@ -1,71 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { Checkbox } from '../forms/checkbox/checkbox.js';
-import { Select } from '../forms/select/select.js';
-import { TextField } from '../forms/text-field/text-field.js';
-import { FormattedMessage } from '../intl/formatted-message.js';
-import { useFormattedMessage } from '../intl/use-formatted-message.js';
-import { useDebouncedCallback } from '../shared/hooks/use-debounced-callback.js';
-import { Tooltip } from '../tooltip/tooltip.js';
-import styles from './payment.module.css.js';
-
-function PaymentDetails({ atp, cart, fulfillmentMethods, isDisabled, onCartChanged, }) {
-    const [vatNumber, setVatNumber] = useState(cart.customerVatNumber);
-    const [poNumber, setPONumber] = useState(cart.poNumber);
-    const [industry, setIndustry] = useState(cart.properties.industry);
-    const [deliveryDate, setDeliveryDate] = useState(cart.requestedDeliveryDate);
-    const [asSoonAsPossible, setAsSoonAsPossible] = useState(false);
-    const [fulfillmentMethod, setFulfillmentMethod] = useState();
-    const [paymentMethod, setPaymentMethod] = useState(cart.paymentOptions?.paymentMethods?.[0]?.name || 'ADY');
-    const t = useFormattedMessage();
-    const onCartChangedDebounced = useDebouncedCallback(onCartChanged, 500);
-    useEffect(() => {
-        if (!vatNumber || !poNumber)
-            return;
-        onCartChangedDebounced({
-            ...cart,
-            customerVatNumber: vatNumber,
-            fulfillmentMethod: 'Ship',
-            poNumber,
-            properties: { ...cart.properties, industry: industry || '' },
-            requestedDeliveryDate: deliveryDate || '',
-            requestedPickupDate: deliveryDate || '',
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [vatNumber, poNumber, industry, deliveryDate]);
-    const atpSelectOptions = atp
-        .filter(atp => atp.date !== null)
-        .reduce((acc, atp) => ({
-        ...acc,
-        [atp.date || '']: atp.displayDate,
-    }), {});
-    const fulfillmentMethodOptions = fulfillmentMethods.reduce((acc, method) => ({
-        ...acc,
-        [method.toLocaleLowerCase()]: t(`fulfillmentMethod.${method}`),
-    }), {});
-    const paymentMethodOptions = cart.paymentOptions?.paymentMethods?.reduce((acc, method) => {
-        acc[method.name] = t(`paymentMethod.${method.description}`);
-        return acc;
-    }, {});
-    return (jsxs(Fragment, { children: [jsxs("div", { className: styles['delivery-date'], children: [jsx(Select, { isRequired: true, showLabel: true, "data-test-selector": "delivery-date", defaultSelectedOption: atp[0]?.date ?? undefined, isDisabled: asSoonAsPossible, label: t('Select a desired delivery date'), onChange: value => setDeliveryDate(value), options: atpSelectOptions, selectedOption: deliveryDate, variant: "solid" }), jsxs("div", { className: styles['asap-checkbox'], children: [jsx(Checkbox, { "data-test-selector": "asapCheckbox", isSelected: asSoonAsPossible, onChange: checked => {
-                                    setAsSoonAsPossible(checked);
-                                    if (checked)
-                                        setDeliveryDate('');
-                                }, children: jsx(FormattedMessage, { id: "As soon as possible" }) }), jsx(Tooltip, { text: t('Selecting As Soon As Possible will enable us to send the products to you as they become available.') })] })] }), jsx(Select, { showLabel: true, isDisabled: fulfillmentMethods.length <= 1, label: t('Fulfillment method'), onChange: setFulfillmentMethod, options: fulfillmentMethodOptions, selectedOption: fulfillmentMethod, variant: "solid" }), jsx(Select, { isRequired: true, label: t('Industry'), onChange: value => setIndustry(value), options: {
-                    /* eslint-disable sort-keys-fix/sort-keys-fix */
-                    PP: 'Private User',
-                    AU: 'Automotive',
-                    MC: 'Motorcycle',
-                    BC: 'Bicycle',
-                    TR: 'Truck',
-                    AG: 'Agricultural',
-                    AV: 'Aviation',
-                    MA: 'Maritime',
-                    OT: 'Other',
-                    /* eslint-enable sort-keys-fix/sort-keys-fix */
-                }, selectedOption: industry, variant: "solid" }), jsx(TextField, { showLabel: true, isDisabled: isDisabled, label: t('VAT Number'), minLength: 8, name: "vatNumber", onChange: setVatNumber, value: vatNumber }), jsx(TextField, { showLabel: true, isDisabled: isDisabled, label: t('PO Number'), onChange: setPONumber, value: poNumber }), paymentMethodOptions && (jsx(Select, { isDisabled: (cart.paymentOptions?.paymentMethods &&
-                    cart.paymentOptions.paymentMethods.length <= 1) ??
-                    true, label: t('Payment method'), onChange: value => setPaymentMethod(value), options: paymentMethodOptions, selectedOption: paymentMethod, variant: "solid" }))] }));
-}
-
-export { PaymentDetails };