@sonic-equipment/ui 200.0.0 → 201.0.0

package/dist/shared/routing/types.d.ts

@@ -3,6 +3,8 @@ export interface Paths {
     ACCOUNT: string;
     ACCOUNT_ADDRESSES: string;
     ACCOUNT_CREATE: string;
+    ACCOUNT_EDIT_BILL_TO_ADDRESS: string;
+    ACCOUNT_EDIT_SHIP_TO_ADDRESS: string;
     ACCOUNT_INVOICES: string;
     ACCOUNT_MY_LISTS: string;
     ACCOUNT_ORDERS: string;

package/dist/styles.css

@@ -1386,13 +1386,22 @@ html {
   all: unset;
   display: flex;
   box-sizing: border-box;
-  align-items: baseline;
+  align-items: center;
   color: var(--color-brand-black);
   cursor: pointer;
-  font-size: var(--font-size-14);
+  font-size: inherit;
   forced-color-adjust: none;
+  line-height: 1;
 }
 
+  .checkbox-module-QzsaZ.checkbox-module--o4dt {
+    font-size: var(--font-size-14);
+  }
+
+  .checkbox-module-QzsaZ.checkbox-module-5vjph {
+    font-size: var(--font-size-16);
+  }
+
   .checkbox-module-QzsaZ .checkbox-module-spG9E {
     display: flex;
     width: 16px;
@@ -5354,16 +5363,27 @@ button.swiper-pagination-bullet {
   */
 }
 
-.edit-address-form-module-HF64G {
+.address-form-module-pbmJ- {
   display: grid;
+  gap: var(--space-16);
+  grid-template-columns: auto;
 }
 
-  @media (width >= 576px) {.edit-address-form-module-HF64G {
-    grid-column: span 2
+  .address-form-module-pbmJ- .address-form-module-dRYo2 {
+    display: grid;
+  }
+
+  @media (width >= 576px) {.address-form-module-pbmJ- {
+    align-items: flex-start;
+    grid-template-columns: 1fr 1fr
 }
+
+    .address-form-module-pbmJ- .address-form-module-dRYo2 {
+      grid-column: span 2;
+    }
   }
 
-.edit-address-form-module-V-LOB {
+.address-form-module-62GxY {
   margin-block-start: var(--space-8);
 }
 
@@ -7666,7 +7686,7 @@ button.swiper-pagination-bullet {
     display: grid;
   }
 
-  @media (width >= 576px) {.edit-checkout-bill-to-address-form-module-UWk3T {
+  @media (width >= 768px) {.edit-checkout-bill-to-address-form-module-UWk3T {
     align-items: flex-start;
     grid-template-columns: 1fr 1fr
 }
@@ -7812,6 +7832,72 @@ button.swiper-pagination-bullet {
   margin-block-start: var(--space-16);
 }
 
+.create-ship-to-address-module--IJ52 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-end;
+  gap: var(--space-8);
+}
+
+  @media (width >= 576px) {.create-ship-to-address-module--IJ52 {
+    flex-direction: row;
+    align-items: center;
+    grid-column: span 2
+}
+  }
+
+@media (width >= 576px) {
+
+.create-ship-to-address-module-FYIIw {
+    grid-column: span 2
+}
+  }
+
+.edit-bill-to-address-module-u7Vjd {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-end;
+  gap: var(--space-8);
+}
+
+  @media (width >= 576px) {.edit-bill-to-address-module-u7Vjd {
+    flex-direction: row;
+    align-items: center;
+    grid-column: span 2
+}
+  }
+
+@media (width >= 576px) {
+
+.edit-bill-to-address-module-WZIOF {
+    grid-column: span 2
+}
+  }
+
+.edit-ship-to-address-module-aDVqM {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-end;
+  gap: var(--space-8);
+}
+
+  @media (width >= 576px) {.edit-ship-to-address-module-aDVqM {
+    flex-direction: row;
+    align-items: center;
+    grid-column: span 2
+}
+  }
+
+@media (width >= 576px) {
+
+.edit-ship-to-address-module-9FsP4 {
+    grid-column: span 2
+}
+  }
+
 .edit-user-info-module-yQOre {
   display: grid;
   inset: 0;

package/package.json

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

package/dist/forms/partials/edit-address-form/edit-address-form.d.ts

@@ -1,9 +0,0 @@
-import { Address } from '../../../shared/model/address';
-import { Country } from '../../../shared/model/countries-languages';
-export interface EditAddressFormProps {
-    address: Address | null | undefined;
-    countries: Country[];
-    currentCountry: Country | undefined;
-    isLoading: boolean;
-}
-export declare function EditAddressForm({ address, countries, currentCountry: _currentCountry, isLoading, }: EditAddressFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/partials/edit-address-form/edit-address-form.js

@@ -1,36 +0,0 @@
-"use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { CountrySelect } from '../../../country-select/country-select.js';
-import { TextField } from '../../fields/text-field/text-field.js';
-import { FormattedMessage } from '../../../intl/formatted-message.js';
-import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
-import { Message } from '../../../message/message.js';
-import { validatePhone, validateEmail } from '../../../shared/model/address.js';
-import styles from './edit-address-form.module.css.js';
-
-function EditAddressForm({ address, countries, currentCountry: _currentCountry, isLoading, }) {
-    const t = useFormattedMessage();
-    const [companyName, setCompanyName] = useState(address?.companyName || '');
-    const [lastName, setLastName] = useState(address?.lastName || '');
-    const currentCountry = countries.find(c => c.id === address?.country?.id) || _currentCountry;
-    const [selectedCountry, setSelectedCountry] = useState(currentCountry);
-    const currencyHasChanged = Boolean(currentCountry) &&
-        selectedCountry?.currencyCode !== currentCountry?.currencyCode;
-    if (countries.length === 0) {
-        return (jsx(Message, { type: "danger", children: jsx(FormattedMessage, { force: true, id: "No countries available. Unable to change address." }) }));
-    }
-    return (jsxs(Fragment, { children: [jsx(TextField, { defaultValue: address?.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: address?.companyName, isDisabled: isLoading, label: t('Company name'), name: "companyName", onChange: setCompanyName, showLabel: true, value: companyName }), jsx(TextField, { defaultValue: address?.attention, isDisabled: isLoading, label: t('Attention'), name: "attention", showLabel: true }), jsx("div", { className: styles['span-2'], children: jsx(TextField, { isRequired: true, defaultValue: address?.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: address?.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: address?.address3, isDisabled: isLoading, label: `${t('Address')} 3`, maxLength: 30, minLength: 3, name: "address3", showLabel: true }) }), jsx(TextField, { isRequired: true, defaultValue: address?.postalCode, isDisabled: isLoading, label: t('Postal Code'), maxLength: 10, minLength: 4, name: "postalCode", showLabel: true }), jsx(TextField, { isRequired: true, defaultValue: address?.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: address?.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: address?.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'));
-                    } }) })] }));
-}
-
-export { EditAddressForm };

package/dist/forms/partials/edit-address-form/edit-address-form.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"span-2":"edit-address-form-module-HF64G","currency-warning":"edit-address-form-module-V-LOB"};
-
-export { styles as default };

package/dist/pages/my-sonic/actions/edit-bill-to-address/edit-bill-to-address.d.ts

@@ -1 +0,0 @@
-export declare function EditBillToAddress(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/actions/edit-bill-to-address/edit-bill-to-address.js

@@ -1,8 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { EditAddressForm } from '../../../../forms/partials/edit-address-form/edit-address-form.js';
-
-function EditBillToAddress() {
-    return (jsx(EditAddressForm, { address: undefined, countries: [], currentCountry: undefined, isLoading: false }));
-}
-
-export { EditBillToAddress };