@sonic-equipment/ui 184.0.0 → 186.0.0

package/package.json

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

package/dist/forms/checkbox/checkbox.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"checkbox":"checkbox-module-YNVdd","box":"checkbox-module-UKoyf","checkmark":"checkbox-module-pHIwh","color-checkbox":"checkbox-module-nEhvW","label":"checkbox-module-ITd8W"};
-
-export { styles as default };

package/dist/forms/checkbox-field/checkbox-field.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"checkbox-field":"checkbox-field-module-fdQEa"};
-
-export { styles as default };

package/dist/forms/field-error/field-error.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"field-error":"field-error-module-FXnIg"};
-
-export { styles as default };

package/dist/forms/form/form-field-layout.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"form-field-layout":"form-field-layout-module-ATB1W","label":"form-field-layout-module-3tbc7","input":"form-field-layout-module-vT6Gy","info":"form-field-layout-module-UcHO-","error":"form-field-layout-module-Pfatk"};
-
-export { styles as default };

package/dist/forms/form/form-segment-group.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"form-segment-group":"form-segment-group-module-P3YjC"};
-
-export { styles as default };

package/dist/forms/form/form-segment.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"form-segment":"form-segment-module-JLPcG","floating":"form-segment-module-98g3i"};
-
-export { styles as default };

package/dist/forms/form/form.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from 'react';
-export interface OnSubmitParams {
-    formData: FormData;
-    submitter?: HTMLButtonElement;
-}
-export interface FormProps {
-    autoComplete?: boolean;
-    children: ReactNode;
-    className?: string;
-    errorMessage?: string;
-    footer?: ReactNode;
-    header?: ReactNode;
-    onSubmit?: ({ formData, submitter }: OnSubmitParams) => void;
-    title?: string;
-}
-export declare function Form({ autoComplete, children, className, errorMessage, footer, header, onSubmit, title, }: FormProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/form/form.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"form":"form-module-xD1fv","error-messages":"form-module-Hy5TM","form-header":"form-module-jDAR6","form-footer":"form-module-wcAbi"};
-
-export { styles as default };

package/dist/forms/input/input.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"input-container":"input-module-2woJR","solid":"input-module-uWZm6","outline":"input-module-i5PS-","shadow-input":"input-module-pNKEt","lg":"input-module-Dx2qC","md":"input-module-sH6e7","focus":"input-module-hEEuy","growing-input":"input-module-6HwY4","inline-element":"input-module-oeAz2","input":"input-module-zjVxG"};
-
-export { styles as default };

package/dist/forms/label/label.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"label":"label-module-LGfJt","required":"label-module-oTWaS"};
-
-export { styles as default };

package/dist/forms/number-field/number-field.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"number-field":"number-field-module-xawWc","controls":"number-field-module-A1nvE","zoom-in-text":"number-field-module-OlEoa","control":"number-field-module-lkZYQ"};
-
-export { styles as default };

package/dist/forms/select/select.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"select":"select-module-ui-Wc","sm":"select-module-44a1l","md":"select-module-QUm-8","button":"select-module-aMQIQ","icon-wrapper":"select-module-3scUm","focus":"select-module-XMc0P","solid":"select-module-IRd4F","loading":"select-module-nKUxG","popover":"select-module-z8cWq","listbox":"select-module-S21ba","header":"select-module-4Bm2j","item":"select-module-LgEJO","check":"select-module-lQFw3"};
-
-export { styles as default };

package/dist/forms/select-field/select-field.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"select-field":"select-field-module-6Mz-Y","md":"select-field-module-CSbmU","solid":"select-field-module--Ocnn","loading":"select-field-module-nT7fi","button":"select-field-module-GkFBV","value":"select-field-module-qQmvX","icon":"select-field-module-yhZMK","popover":"select-field-module--7nQi","listbox":"select-field-module-O2abK","header":"select-field-module-O7Ce-","item":"select-field-module-KFavE"};
-
-export { styles as default };

package/dist/forms/switch/switch.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"switch":"switch-module-ywpXc","indicator":"switch-module-2e1rG","label":"switch-module-rZxF4"};
-
-export { styles as default };

package/dist/forms/switch-field/switch-field.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"switch-field":"switch-field-module-lBYuh"};
-
-export { styles as default };

package/dist/forms/text-field/text-field.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"text-field":"text-field-module-PBkCx"};
-
-export { styles as default };

package/dist/forms/textarea/textarea.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"input-container":"textarea-module-C6Xr1","solid":"textarea-module-NgOND","outline":"textarea-module-Z-ytQ","lg":"textarea-module-vksG-","md":"textarea-module-6JrQJ"};
-
-export { styles as default };

package/dist/pages/checkout/shipping-page/components/edit-address-form.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { Form } from 'react-aria-components';
-import { CountrySelect } from '../../../../country-select/country-select.js';
-import { Checkbox } from '../../../../forms/checkbox/checkbox.js';
-import { TextField } from '../../../../forms/text-field/text-field.js';
-import { InfoIconTooltip } from '../../../../info-icon-tooltip/info-icon-tooltip.js';
-import { FormattedMessage } from '../../../../intl/formatted-message.js';
-import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
-import { Message } from '../../../../message/message.js';
-import { useFetchCurrentCart } from '../../../../shared/api/storefront/hooks/cart/use-fetch-current-cart.js';
-import { validatePhone, validateEmail } from '../../../../shared/model/address.js';
-import { CheckoutPageSection } from '../../layouts/checkout-page-layout/components/checkout-page-section.js';
-import { CheckoutPageSectionContent } from '../../layouts/checkout-page-layout/components/checkout-page-section-content.js';
-import { SonicAddress } from './sonic-address.js';
-import styles from './edit-address-form.module.css.js';
-
-const EDIT_ADDRESS_FORM_ID = 'billToForm';
-function EditAddressesForm({ billTo, countries, currentCountry, isLoading, isPickup, onSubmit, }) {
-    const t = useFormattedMessage();
-    const [companyName, setCompanyName] = useState(billTo?.companyName || '');
-    const [lastName, setLastName] = useState(billTo?.lastName || '');
-    const { data: cart } = useFetchCurrentCart();
-    const [selectedCountry, setSelectedCountry] = useState(currentCountry);
-    const currencyHasChanged = selectedCountry?.currencyCode !== currentCountry?.currencyCode;
-    return (jsxs(Fragment, { children: [jsx(CheckoutPageSection, { title: jsx(FormattedMessage, { id: "Billing address" }), children: jsx(CheckoutPageSectionContent, { children: jsxs(Form, { className: styles.form, "data-test-selector": "billToAddressForm", id: EDIT_ADDRESS_FORM_ID, onSubmit: e => {
-                            e.preventDefault();
-                            const formData = new FormData(e.currentTarget);
-                            const countryFormValue = formData.get('countrySelect')?.toString();
-                            const country = countries.find(country => country.id === countryFormValue);
-                            if (!country)
-                                throw new Error(`Country not found ${formData.get('country')}`);
-                            onSubmit({
-                                address: {
-                                    address1: formData.get('address1')?.toString() || '',
-                                    address2: formData.get('address2')?.toString() || '',
-                                    address3: formData.get('address3')?.toString() || '',
-                                    attention: formData.get('attention')?.toString() || '',
-                                    city: formData.get('city')?.toString() || '',
-                                    companyName: formData.get('companyName')?.toString() || '',
-                                    country,
-                                    email: formData.get('email')?.toString() || '',
-                                    firstName: formData.get('firstName')?.toString() || '',
-                                    lastName: formData.get('lastName')?.toString() || '',
-                                    phone: formData.get('phone')?.toString() || '',
-                                    postalCode: formData.get('postalCode')?.toString() || '',
-                                },
-                                notes: cart?.notes === formData.get('notes')
-                                    ? undefined
-                                    : formData.get('notes')?.toString() || '',
-                            });
-                        }, children: [jsx(TextField, { defaultValue: billTo?.firstName, isDisabled: isLoading, label: t('First name'), name: "firstName", showLabel: true }), jsx(TextField, { isDisabled: isLoading, isRequired: !companyName, label: t('Last name'), minLength: 3, name: "lastName", onChange: setLastName, showLabel: true, value: lastName }, `lastname-${Boolean(companyName)}`), jsx(TextField, { defaultValue: billTo?.companyName, isDisabled: isLoading, label: t('Company name'), name: "companyName", onChange: setCompanyName, showLabel: true, value: companyName }), jsx(TextField, { defaultValue: billTo?.attention, isDisabled: isLoading, label: t('Attention'), name: "attention", showLabel: true }), jsx("div", { className: styles['span-2'], children: jsx(TextField, { isRequired: true, defaultValue: billTo?.address1, isDisabled: isLoading, label: `${t('Address')} 1`, maxLength: 30, minLength: 3, name: "address1", showLabel: true }) }), jsx("div", { className: styles['span-2'], children: jsx(TextField, { defaultValue: billTo?.address2, isDisabled: isLoading, label: `${t('Address')} 2`, maxLength: 30, minLength: 3, name: "address2", showLabel: true }) }), jsx("div", { className: styles['span-2'], children: jsx(TextField, { defaultValue: billTo?.address3, isDisabled: isLoading, label: `${t('Address')} 3`, maxLength: 30, minLength: 3, name: "address3", showLabel: true }) }), jsx(TextField, { isRequired: true, defaultValue: billTo?.postalCode, isDisabled: isLoading, label: t('Postal Code'), maxLength: 10, minLength: 4, name: "postalCode", showLabel: true }), jsx(TextField, { isRequired: true, defaultValue: billTo?.city, isDisabled: isLoading, label: t('City'), maxLength: 30, minLength: 3, name: "city", showLabel: true }), jsxs("div", { className: styles['span-2'], children: [jsx(CountrySelect, { isRequired: true, countries: countries, "data-test-selector": "countrySelect", isDisabled: isLoading, name: "countrySelect", onCountryChange: setSelectedCountry, selectedCountry: selectedCountry }), currencyHasChanged && (jsx(Message, { className: styles['currency-warning'], type: "warning", children: jsx(FormattedMessage, { id: "Selecting this country will result in your cart to be converted to the currency {0}", replacementValues: {
-                                                '0': selectedCountry?.currencyCode || t('Unknown'),
-                                            } }) }))] }), jsx("div", { className: styles['span-2'], children: jsx(TextField, { isRequired: true, defaultValue: billTo?.phone, isDisabled: isLoading, label: t('Phone'), name: "phone", showLabel: true, validate: value => {
-                                        if (!value)
-                                            return value;
-                                        return (validatePhone(value) ||
-                                            t('Please enter a valid phone number'));
-                                    } }) }), jsx("div", { className: styles['span-2'], children: jsx(TextField, { isRequired: true, defaultValue: cart?.billTo?.email || '', isDisabled: isLoading, label: t('Email'), name: "email", showLabel: true, type: "email", validate: value => {
-                                        if (!value)
-                                            return value;
-                                        return (validateEmail(value) ||
-                                            t('Please enter a valid email address'));
-                                    } }) }), jsx("div", { className: styles['span-2'], children: jsx(TextField, { defaultValue: cart?.notes, isDisabled: isLoading, isMultiline: true, label: t('Add order notes'), name: "notes", rows: 3, showLabel: true }) })] }) }) }), jsx(CheckoutPageSection, { title: jsx(FormattedMessage, { id: isPickup ? 'Pickup address' : 'Shipping address' }), children: jsx(CheckoutPageSectionContent, { children: jsx(Fragment, { children: isPickup ? (jsx(SonicAddress, {})) : (jsxs("div", { className: styles['use-invoice-checkbox'], children: [jsx(Checkbox, { "data-test-selector": "checkboxUseBillingAddress", isDisabled: true, isSelected: true, children: jsx(FormattedMessage, { id: "Use billing address" }) }), jsx(InfoIconTooltip, { variant: "stroke", children: t('Changing your address is currently not possible. Please contact customer support to change your address.') })] })) }) }) })] }));
-}
-
-export { EDIT_ADDRESS_FORM_ID, EditAddressesForm };

package/dist/pages/checkout/shipping-page/components/edit-address-form.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"form":"edit-address-form-module-s19Fg","span-2":"edit-address-form-module-O1w3c","currency-warning":"edit-address-form-module-lLT5t","use-invoice-checkbox":"edit-address-form-module-2bfdq"};
-
-export { styles as default };