@sonic-equipment/ui 203.0.0 → 205.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/dist/address-info-display/address-info-display.js +1 -0
  2. package/dist/algolia/filter-section.js +1 -0
  3. package/dist/badges/badge/icon-with-badge/icon-with-badge.js +1 -0
  4. package/dist/badges/tag/tag.js +1 -0
  5. package/dist/cards/data-card/data-card.js +1 -0
  6. package/dist/cards/orderline-card/orderline-card.js +1 -0
  7. package/dist/cards/table-card/table-card.d.ts +12 -0
  8. package/dist/cards/table-card/table-card.js +14 -0
  9. package/dist/cards/table-card/table-card.module.css.js +3 -0
  10. package/dist/carousel/category-carousel/category-carousel.js +1 -0
  11. package/dist/carousel/usp-carousel/product-usp-carousel-slide.js +1 -0
  12. package/dist/carousel/usp-carousel/product-usp-carousel.js +1 -0
  13. package/dist/cart-totals/cart-totals-summary.js +1 -0
  14. package/dist/collapsables/accordion/accordion.js +1 -0
  15. package/dist/country-select/hooks/use-countries.js +1 -0
  16. package/dist/display/info-display/info-display.js +1 -0
  17. package/dist/display/product-sku/product-sku.js +1 -0
  18. package/dist/exports.d.ts +7 -3
  19. package/dist/filters/pagination/pagination.js +1 -1
  20. package/dist/forms/fields/search-field/search-field.js +1 -1
  21. package/dist/forms/fields/text-field/text-field.d.ts +1 -0
  22. package/dist/forms/fields/text-field/text-field.js +2 -2
  23. package/dist/forms/layout/form/form-segment-group.js +1 -0
  24. package/dist/forms/layout/form/form-segment.js +1 -0
  25. package/dist/forms/partials/password-validation/password-validation.js +1 -0
  26. package/dist/global-search/plugins/categories-plugin.js +1 -0
  27. package/dist/global-search/plugins/popular-categories-plugin.js +1 -0
  28. package/dist/global-search/plugins/popular-searches-plugin.js +1 -0
  29. package/dist/global-search/plugins/query-suggestions-plugin.js +1 -0
  30. package/dist/global-search/plugins/quick-access-plugin.js +1 -0
  31. package/dist/global-search/plugins/recent-searches-plugin.js +1 -0
  32. package/dist/global-search/search-highlight/highlight.js +1 -0
  33. package/dist/global-search/search-result-panel/sections/section-container.js +1 -0
  34. package/dist/global-search/search-section/search-list.js +1 -0
  35. package/dist/global-search/search-section/search-section.js +1 -0
  36. package/dist/header/drawers/search-drawer.js +1 -0
  37. package/dist/header/header-layout/header-layout.js +1 -0
  38. package/dist/icons/glyph/glyphs-arrow-blackcaps-right-icon.js +1 -0
  39. package/dist/icons/glyph/glyphs-arrow-boldcaps-left-icon.js +1 -0
  40. package/dist/icons/glyph/glyphs-arrow-boldcaps-right-icon.js +1 -0
  41. package/dist/icons/glyph/glyphs-arrow-semibold-right-icon.js +1 -0
  42. package/dist/icons/glyph/glyphs-chevrons-bold-down-icon.js +1 -0
  43. package/dist/icons/glyph/glyphs-chevrons-bold-up-icon.js +1 -0
  44. package/dist/icons/glyph/glyphs-chevrons-slim-down-icon.js +1 -0
  45. package/dist/icons/glyph/glyphs-chevrons-slim-left-icon.js +1 -0
  46. package/dist/icons/glyph/glyphs-chevrons-slim-right-icon.js +1 -0
  47. package/dist/icons/solid/solid-attention-icon.js +1 -0
  48. package/dist/icons/solid/solid-cart-icon.js +1 -0
  49. package/dist/icons/solid/solid-close-icon.js +1 -0
  50. package/dist/icons/solid/solid-edit-icon.js +8 -0
  51. package/dist/icons/solid/solid-favorite-icon.js +1 -0
  52. package/dist/icons/solid/solid-home-icon.js +1 -0
  53. package/dist/icons/solid/solid-information-icon.js +1 -0
  54. package/dist/icons/solid/solid-login-icon.js +1 -0
  55. package/dist/icons/solid/solid-logout-icon.js +1 -0
  56. package/dist/icons/solid/solid-news-icon.js +1 -0
  57. package/dist/icons/solid/solid-notice-icon.js +1 -0
  58. package/dist/icons/solid/solid-okay-icon.js +1 -0
  59. package/dist/icons/solid/solid-rating-icon.js +1 -0
  60. package/dist/icons/solid/solid-salecategory-icon.js +1 -0
  61. package/dist/icons/solid/solid-tag-icon.js +1 -0
  62. package/dist/icons/stroke/stroke-categories-icon.js +1 -0
  63. package/dist/icons/stroke/stroke-checkmark-icon.js +1 -0
  64. package/dist/icons/stroke/stroke-closebox-icon.js +1 -0
  65. package/dist/icons/stroke/stroke-dehashed-icon.js +1 -0
  66. package/dist/icons/stroke/stroke-download-icon.js +1 -0
  67. package/dist/icons/stroke/stroke-event-icon.js +1 -0
  68. package/dist/icons/stroke/stroke-favorite-icon.js +1 -0
  69. package/dist/icons/stroke/stroke-filter-icon.js +1 -0
  70. package/dist/icons/stroke/stroke-hashed-icon.js +1 -0
  71. package/dist/icons/stroke/stroke-information-icon.js +1 -0
  72. package/dist/icons/stroke/stroke-minus-icon.js +1 -0
  73. package/dist/icons/stroke/stroke-plus-icon.js +1 -0
  74. package/dist/icons/stroke/stroke-recent-icon.js +1 -0
  75. package/dist/icons/stroke/stroke-search-icon.js +1 -0
  76. package/dist/icons/stroke/stroke-trash-icon.js +1 -0
  77. package/dist/index.js +10 -6
  78. package/dist/intl/translation-id.d.ts +1 -1
  79. package/dist/intl/use-formatted-date.js +1 -0
  80. package/dist/layout/center.js +1 -0
  81. package/dist/lists/download-document-list/download-document-list.js +1 -0
  82. package/dist/lists/feature-list/feature-list.js +1 -0
  83. package/dist/lists/icon-list/icon-list.js +1 -0
  84. package/dist/lists/menu-list/menu-list-header.js +1 -0
  85. package/dist/lists/menu-list/use-menu-list-item.js +1 -0
  86. package/dist/lists/menu-list/use-menu-list.js +1 -0
  87. package/dist/lists/product-overview-grid/product-overview-grid.js +1 -0
  88. package/dist/loading/blank-page-spacer.js +1 -0
  89. package/dist/loading/dynamic-loading-overlay.js +1 -0
  90. package/dist/loading/loading-overlay.js +1 -0
  91. package/dist/loading/progress-circle.js +1 -0
  92. package/dist/message/message.js +1 -0
  93. package/dist/pages/checkout/cart-page/cart-page.js +1 -1
  94. package/dist/pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-content.js +1 -0
  95. package/dist/pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-header.js +1 -0
  96. package/dist/pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-link.js +1 -0
  97. package/dist/pages/checkout/layouts/checkout-page-layout/components/checkout-page-section.js +1 -0
  98. package/dist/pages/checkout/order-confirmation-page/order-confirmation-page-content.js +1 -1
  99. package/dist/pages/checkout/payment-page/components/payment.js +2 -2
  100. package/dist/pages/checkout/payment-page/hooks/use-has-returned-from-adyen.js +1 -0
  101. package/dist/pages/checkout/shipping-page/hooks/use-patch-shipping-details.js +2 -1
  102. package/dist/pages/components/page-container/page-container.js +1 -0
  103. package/dist/pages/components/page-meta-data/page-meta-data.js +1 -0
  104. package/dist/pages/loading-page/loading-page.js +1 -0
  105. package/dist/pages/my-sonic/actions/change-password/change-password-dialog.js +1 -0
  106. package/dist/pages/my-sonic/actions/change-password/change-password.js +1 -0
  107. package/dist/pages/my-sonic/actions/change-password/connected-change-password-dialog.js +1 -0
  108. package/dist/pages/my-sonic/actions/create-ship-to-address/connected-create-ship-to-address-form.js +6 -6
  109. package/dist/pages/my-sonic/navigation/my-sonic-desktop-navigation.js +1 -0
  110. package/dist/pages/my-sonic/navigation/my-sonic-navigation-items.js +1 -0
  111. package/dist/pages/my-sonic/pages/order-history/order-history.js +4 -1
  112. package/dist/pages/my-sonic/widgets/connected-address-book-widget.d.ts +1 -0
  113. package/dist/pages/my-sonic/widgets/connected-address-book-widget.js +166 -0
  114. package/dist/pages/my-sonic/widgets/connected-address-book-widget.module.css.js +3 -0
  115. package/dist/pages/product/layouts/product-details-page-layout/product-details-page-layout.js +1 -0
  116. package/dist/promos/promo-banner/promo-banner.js +1 -0
  117. package/dist/shared/api/{storefront → bff}/hooks/cart/use-patch-cart.d.ts +2 -2
  118. package/dist/shared/api/{storefront → bff}/hooks/cart/use-patch-cart.js +2 -1
  119. package/dist/shared/api/{storefront → bff}/hooks/cart/use-place-order.d.ts +2 -2
  120. package/dist/shared/api/{storefront → bff}/hooks/cart/use-place-order.js +2 -1
  121. package/dist/shared/api/{storefront → bff}/hooks/cart/use-save-cart-for-later.d.ts +1 -1
  122. package/dist/shared/api/{storefront → bff}/hooks/cart/use-save-cart-for-later.js +2 -1
  123. package/dist/shared/api/bff/hooks/use-fetch-announcements.js +1 -0
  124. package/dist/shared/api/bff/hooks/use-fetch-navigation-links.js +1 -0
  125. package/dist/shared/api/bff/hooks/use-fetch-product-details-page-data.js +1 -0
  126. package/dist/shared/api/bff/hooks/use-fetch-product-listing-page-data.js +1 -0
  127. package/dist/shared/api/bff/hooks/use-fetch-recently-viewed-products.js +1 -0
  128. package/dist/shared/api/bff/services/bff-service.d.ts +12 -0
  129. package/dist/shared/api/bff/services/bff-service.js +43 -1
  130. package/dist/shared/api/storefront/hooks/authentication/use-fetch-session.js +1 -0
  131. package/dist/shared/api/storefront/hooks/authentication/use-invalidate-session.js +1 -0
  132. package/dist/shared/api/storefront/hooks/authentication/use-is-authenticated.js +1 -0
  133. package/dist/shared/api/storefront/hooks/authentication/use-patch-session.js +1 -0
  134. package/dist/shared/api/storefront/hooks/authentication/use-recover-password.js +1 -0
  135. package/dist/shared/api/storefront/hooks/authentication/use-sign-in.js +1 -0
  136. package/dist/shared/api/storefront/hooks/authentication/use-sign-out.js +1 -0
  137. package/dist/shared/api/storefront/hooks/cart/use-add-product-to-current-cart.js +1 -0
  138. package/dist/shared/api/storefront/hooks/cart/use-delete-cart-line-by-id.js +1 -0
  139. package/dist/shared/api/storefront/hooks/cart/use-delete-current-cart.js +1 -0
  140. package/dist/shared/api/storefront/hooks/cart/use-fetch-cart-by-id.js +1 -0
  141. package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-checkout-atp.js +1 -0
  142. package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-count.js +1 -0
  143. package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-lines-with-atp.js +1 -0
  144. package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-lines.js +1 -0
  145. package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-product-atp.js +1 -0
  146. package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-promotions.js +1 -0
  147. package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp.js +1 -0
  148. package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart.js +1 -0
  149. package/dist/shared/api/storefront/hooks/cart/use-invalidate-current-cart.js +1 -0
  150. package/dist/shared/api/storefront/hooks/cart/use-patch-cart-line-by-id.js +1 -0
  151. package/dist/shared/api/storefront/hooks/customer/use-fetch-bill-to-address.js +1 -0
  152. package/dist/shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses.js +1 -0
  153. package/dist/shared/api/storefront/hooks/customer/use-fetch-current-bill-to-address.js +1 -0
  154. package/dist/shared/api/storefront/hooks/customer/use-fetch-current-ship-to-address.js +1 -0
  155. package/dist/shared/api/storefront/hooks/customer/use-fetch-fulfillment-methods-by-customer-id.js +1 -0
  156. package/dist/shared/api/storefront/hooks/customer/use-fetch-fulfillment-methods-for-current-cart.js +1 -0
  157. package/dist/shared/api/storefront/hooks/customer/use-fetch-paged-ship-to-addresses.d.ts +8 -0
  158. package/dist/shared/api/storefront/hooks/customer/use-fetch-paged-ship-to-addresses.js +13 -0
  159. package/dist/shared/api/storefront/hooks/customer/use-fetch-ship-to-address.js +1 -0
  160. package/dist/shared/api/storefront/hooks/customer/use-fetch-ship-to-addresses.js +1 -0
  161. package/dist/shared/api/storefront/hooks/customer/use-patch-bill-to-address.js +1 -0
  162. package/dist/shared/api/storefront/hooks/customer/use-patch-ship-to-address.js +1 -0
  163. package/dist/shared/api/storefront/hooks/customer/use-post-ship-to-address.js +1 -0
  164. package/dist/shared/api/storefront/hooks/orders/use-fetch-orders.d.ts +1 -2
  165. package/dist/shared/api/storefront/hooks/orders/use-fetch-orders.js +1 -0
  166. package/dist/shared/api/storefront/hooks/payment/use-create-adyen-session.js +1 -0
  167. package/dist/shared/api/storefront/hooks/payment/use-fetch-adyen-config.js +1 -0
  168. package/dist/shared/api/storefront/hooks/payment/use-invalidate-adyen.js +1 -0
  169. package/dist/shared/api/storefront/hooks/product/use-mark-product-as-viewed.js +1 -0
  170. package/dist/shared/api/storefront/hooks/translation/use-fetch-translations.js +1 -0
  171. package/dist/shared/api/storefront/hooks/website/use-fetch-countries-languages.js +1 -0
  172. package/dist/shared/api/storefront/hooks/website/use-fetch-countries-with-languages.js +1 -0
  173. package/dist/shared/api/storefront/hooks/website/use-fetch-country-models.js +1 -0
  174. package/dist/shared/api/storefront/hooks/website/use-fetch-settings.js +1 -0
  175. package/dist/shared/api/storefront/hooks/website/use-update-locale.js +1 -0
  176. package/dist/shared/api/storefront/hooks/wishlist/use-add-wishlist-item-to-current-wishlist.js +1 -0
  177. package/dist/shared/api/storefront/hooks/wishlist/use-add-wishlist-item-to-wishlist.js +1 -1
  178. package/dist/shared/api/storefront/hooks/wishlist/use-create-wishlist.js +1 -0
  179. package/dist/shared/api/storefront/hooks/wishlist/use-delete-wishlist-item-from-wishlist.js +1 -0
  180. package/dist/shared/api/storefront/hooks/wishlist/use-fetch-all-wishlists-items.js +1 -1
  181. package/dist/shared/api/storefront/hooks/wishlist/use-fetch-wishlists.js +1 -0
  182. package/dist/shared/api/storefront/model/storefront.model.d.ts +8 -0
  183. package/dist/shared/api/storefront/services/cart-service.d.ts +1 -12
  184. package/dist/shared/api/storefront/services/cart-service.js +1 -43
  185. package/dist/shared/api/storefront/services/customer-service.d.ts +9 -1
  186. package/dist/shared/api/storefront/services/customer-service.js +19 -1
  187. package/dist/shared/api/storefront/services/order-service.d.ts +1 -5
  188. package/dist/shared/feature-flags/use-feature-flags.js +1 -0
  189. package/dist/shared/utils/children-to-text.d.ts +2 -0
  190. package/dist/shared/utils/children-to-text.js +18 -0
  191. package/dist/styles.css +259 -26
  192. package/dist/table/data-table.d.ts +3 -1
  193. package/dist/table/data-table.js +2 -2
  194. package/dist/table/elements/col.js +1 -0
  195. package/dist/table/elements/table.module.css.js +1 -1
  196. package/dist/table/elements/td.js +2 -2
  197. package/dist/table/elements/th.js +2 -2
  198. package/dist/table/elements/types.d.ts +1 -0
  199. package/dist/table/elements/use-table-row.js +1 -0
  200. package/dist/table/elements/use-table.js +1 -0
  201. package/dist/table/elements/use-td.js +2 -0
  202. package/dist/table/elements/use-th.js +1 -0
  203. package/dist/text/highlight-text/highlight-text.js +1 -0
  204. package/dist/text/truncated/truncated.js +4 -1
  205. package/package.json +3 -3
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
3
  import styles from './address-info-display.module.css.js';
3
4
 
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import { Accordion } from '../collapsables/accordion/accordion.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import styles from './icon-with-badge.module.css.js';
3
4
 
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import styles from './tag.module.css.js';
3
4
 
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
3
  import { isValidElement } from 'react';
3
4
  import clsx from 'clsx';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import { Tag } from '../../badges/tag/tag.js';
@@ -0,0 +1,12 @@
1
+ import { TranslationId } from '../../intl/translation-id';
2
+ export interface TableCardProps {
3
+ actions?: React.ReactNode[];
4
+ children?: React.ReactNode;
5
+ className?: string;
6
+ 'data-test-selector'?: string;
7
+ paging?: React.ReactNode;
8
+ showError?: Error | TranslationId | boolean | null;
9
+ stickyHeader?: boolean;
10
+ title?: TranslationId;
11
+ }
12
+ export declare function TableCard({ actions, children, className, 'data-test-selector': dataTestSelector, paging, showError, stickyHeader, title, }: TableCardProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
+ import clsx from 'clsx';
3
+ import { FormattedMessage } from '../../intl/formatted-message.js';
4
+ import { UnauthorizedRequestError } from '../../shared/fetch/request.js';
5
+ import { Heading } from '../../typography/heading/heading.js';
6
+ import styles from './table-card.module.css.js';
7
+
8
+ function TableCard({ actions, children, className, 'data-test-selector': dataTestSelector,
9
+ // rendering,
10
+ paging, showError = false, stickyHeader = false, title, }) {
11
+ return (jsxs("section", { className: clsx(styles['table-card-container'], stickyHeader && styles['sticky-header'], className), "data-test-selector": dataTestSelector, children: [title && (jsx(Heading, { className: styles.title, size: "xxs", tag: "h3", children: jsx(FormattedMessage, { id: title }) })), jsx("div", { className: styles['table-card'], children: showError ? (jsx("div", { className: styles['error-container'], children: showError instanceof UnauthorizedRequestError ? (jsx(FormattedMessage, { id: "You are not authorized to access this information." })) : typeof showError === 'string' ? (jsx(FormattedMessage, { id: showError })) : (jsx(FormattedMessage, { id: "An unexpected error occured" })) })) : children ? (jsxs(Fragment, { children: [Boolean(actions?.length) && (jsx("div", { className: styles['actions'], children: actions })), jsx("div", { className: styles['data'], children: children }), paging && jsx("div", { className: styles['paging'], children: paging })] })) : (jsx("div", { className: clsx(styles['no-data-container']), children: jsx(FormattedMessage, { id: "There is no information to display" }) })) }), jsx("div", { className: styles['sticky-bar'], role: "presentation" })] }));
12
+ }
13
+
14
+ export { TableCard };
@@ -0,0 +1,3 @@
1
+ var styles = {"table-card-container":"table-card-module-8spto","title":"table-card-module-RCFdp","table-card":"table-card-module-dFDCi","error-container":"table-card-module-Gk7io","no-data-container":"table-card-module-lBFsJ","data":"table-card-module-5iT-f","actions":"table-card-module-q5yPF","paging":"table-card-module-cZW-k","sticky-header":"table-card-module-aPwB9","sticky-bar":"table-card-module-4Vwgi"};
2
+
3
+ export { styles as default };
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { Carousel } from '../carousel.js';
3
4
  import styles from './category-carousel.module.css.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import { Image } from '../../media/image/image.js';
3
4
  import { Heading } from '../../typography/heading/heading.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { ProductUsp } from './product-usp-carousel-slide.js';
3
4
  import { USPCarousel } from './usp-carousel.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import { FormattedMessage } from '../intl/formatted-message.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { Children, cloneElement } from 'react';
3
4
  import clsx from 'clsx';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { useMemo } from 'react';
2
3
  import { useCookie } from '../../cookies/use-cookie.js';
3
4
  import { isCountryCode, isCultureCode, isLanguageCode } from '../../intl/types.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import styles from './info-display.module.css.js';
3
4
 
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import styles from './product-sku.module.css.js';
package/dist/exports.d.ts CHANGED
@@ -47,6 +47,7 @@ export * from './cards/orderline-card/connected-remove-button';
47
47
  export * from './cards/orderline-card/orderline-card';
48
48
  export * from './cards/product-card/connected-product-card';
49
49
  export * from './cards/product-card/product-card';
50
+ export * from './cards/table-card/table-card';
50
51
  export * from './carousel/card-carousel/card-carousel';
51
52
  export * from './carousel/carousel';
52
53
  export * from './carousel/carousel-navigation-button';
@@ -271,6 +272,7 @@ export * from './pages/my-sonic/navigation/my-sonic-mobile-navigation';
271
272
  export * from './pages/my-sonic/navigation/my-sonic-navigation-items';
272
273
  export * from './pages/my-sonic/pages/order-history/order-history';
273
274
  export * from './pages/my-sonic/widgets/components/address-data-card';
275
+ export * from './pages/my-sonic/widgets/connected-address-book-widget';
274
276
  export * from './pages/my-sonic/widgets/connected-bill-to-address-widget';
275
277
  export * from './pages/my-sonic/widgets/connected-customer-information-widget';
276
278
  export * from './pages/my-sonic/widgets/connected-ship-to-address-widget';
@@ -296,6 +298,9 @@ export * from './pages/product/search-result-page/search-results-page-category-c
296
298
  export * from './promos/promo-banner/promo-banner';
297
299
  export * from './promos/promo-banners/promo-banners';
298
300
  export * from './promos/promo-card/promo-card';
301
+ export * from './shared/api/bff/hooks/cart/use-patch-cart';
302
+ export * from './shared/api/bff/hooks/cart/use-place-order';
303
+ export * from './shared/api/bff/hooks/cart/use-save-cart-for-later';
299
304
  export * from './shared/api/bff/hooks/use-fetch-announcements';
300
305
  export * from './shared/api/bff/hooks/use-fetch-navigation-links';
301
306
  export * from './shared/api/bff/hooks/use-fetch-product-details-page-data';
@@ -327,16 +332,14 @@ export * from './shared/api/storefront/hooks/cart/use-fetch-current-cart-product
327
332
  export * from './shared/api/storefront/hooks/cart/use-fetch-current-cart-promotions';
328
333
  export * from './shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp';
329
334
  export * from './shared/api/storefront/hooks/cart/use-invalidate-current-cart';
330
- export * from './shared/api/storefront/hooks/cart/use-patch-cart';
331
335
  export * from './shared/api/storefront/hooks/cart/use-patch-cart-line-by-id';
332
- export * from './shared/api/storefront/hooks/cart/use-place-order';
333
- export * from './shared/api/storefront/hooks/cart/use-save-cart-for-later';
334
336
  export * from './shared/api/storefront/hooks/customer/use-fetch-bill-to-address';
335
337
  export * from './shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses';
336
338
  export * from './shared/api/storefront/hooks/customer/use-fetch-current-bill-to-address';
337
339
  export * from './shared/api/storefront/hooks/customer/use-fetch-current-ship-to-address';
338
340
  export * from './shared/api/storefront/hooks/customer/use-fetch-fulfillment-methods-by-customer-id';
339
341
  export * from './shared/api/storefront/hooks/customer/use-fetch-fulfillment-methods-for-current-cart';
342
+ export * from './shared/api/storefront/hooks/customer/use-fetch-paged-ship-to-addresses';
340
343
  export * from './shared/api/storefront/hooks/customer/use-fetch-ship-to-address';
341
344
  export * from './shared/api/storefront/hooks/customer/use-fetch-ship-to-addresses';
342
345
  export * from './shared/api/storefront/hooks/customer/use-patch-bill-to-address';
@@ -423,6 +426,7 @@ export * from './shared/routing/use-router';
423
426
  export * from './shared/routing/with-routing';
424
427
  export * from './shared/utils/array';
425
428
  export * from './shared/utils/breakpoints';
429
+ export * from './shared/utils/children-to-text';
426
430
  export * from './shared/utils/css';
427
431
  export * from './shared/utils/date';
428
432
  export * from './shared/utils/debug';
@@ -10,7 +10,7 @@ import styles from './pagination.module.css.js';
10
10
 
11
11
  function Pagination({ currentPage, onChange, totalPages, }) {
12
12
  const t = useFormattedMessage();
13
- return (jsxs("div", { className: styles.pagination, children: [jsx(IconButton, { isDisabled: currentPage === 1, onClick: () => onChange(currentPage - 1), children: jsx(GlyphsChevronsSlimLeftIcon, { "aria-label": t('Previous') }) }), jsxs("div", { className: styles['page-number-container'], children: [jsx(NumberField, { autoGrow: true, label: t('Current page'), maxValue: totalPages, minValue: 1, onChange: onChange, value: currentPage }), jsx(FormattedMessage, { id: "of" }), jsx("div", { children: totalPages })] }), jsx(IconButton, { isDisabled: currentPage >= totalPages, onClick: () => onChange(currentPage + 1), children: jsx(GlyphsChevronsSlimRightIcon, { "aria-label": t('Next') }) })] }));
13
+ return (jsxs("div", { className: styles.pagination, children: [jsx(IconButton, { isDisabled: currentPage === 1, onClick: () => onChange(currentPage - 1), children: jsx(GlyphsChevronsSlimLeftIcon, { "aria-label": t('Previous') }) }), jsxs("div", { className: styles['page-number-container'], children: [jsx(NumberField, { autoGrow: true, label: t('Current page'), maxValue: totalPages, minValue: 1, onChange: onChange, size: "md", value: currentPage }), jsx(FormattedMessage, { id: "of" }), jsx("div", { children: totalPages })] }), jsx(IconButton, { isDisabled: currentPage >= totalPages, onClick: () => onChange(currentPage + 1), children: jsx(GlyphsChevronsSlimRightIcon, { "aria-label": t('Next') }) })] }));
14
14
  }
15
15
 
16
16
  export { Pagination };
@@ -14,7 +14,7 @@ function SearchField({ isDebounced = false, isLoading = false, onChange, value:
14
14
  onChangeDebounced(...args);
15
15
  setInputValue(...args);
16
16
  }
17
- : onChange, role: "searchbox", type: "_search", value: isDebounced ? inputValue : _value }));
17
+ : onChange, role: "searchbox", spellCheck: false, type: "_search", value: isDebounced ? inputValue : _value }));
18
18
  }
19
19
 
20
20
  export { SearchField };
@@ -25,6 +25,7 @@ interface TextFieldPropsBase {
25
25
  role?: string;
26
26
  showLabel?: boolean;
27
27
  size?: 'md' | 'lg';
28
+ spellCheck?: boolean;
28
29
  validate?: ValidateFunction<string>;
29
30
  value?: string;
30
31
  variant?: 'solid' | 'outline';
@@ -17,8 +17,8 @@ function MultiLineInput({ autoGrow, 'data-test-selector': dataTestSelector, inpu
17
17
  return (jsx(TextArea, { autoGrow: autoGrow, "data-test-selector": dataTestSelector, inputMode: inputMode, label: label, onBlur: onBlur, placeholder: placeholder, role: role, size: size, value: value, variant: variant }));
18
18
  }
19
19
  function TextField(props) {
20
- const { autoComplete, autoFocus, autoGrow, className, customErrorMessage, 'data-test-selector': dataTestSelector, defaultValue, info, inputMode, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, minLength, name, onBlur, onChange, onInput, onKeyUp, pattern, placeholder, role, showLabel = true, size = 'lg', validate, value, variant = 'solid', } = props;
21
- return (jsx(TextField$1, { "aria-label": label, autoComplete: autoComplete, autoFocus: autoFocus, className: clsx(styles['text-field'], className), defaultValue: defaultValue, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxLength: maxLength, minLength: minLength, name: name, onChange: value => onChange?.(value), onInput: onInput, onKeyUp: onKeyUp, validate: validate, value: value, children: jsx(FormFieldLayout, { errorSlot: jsx(FieldError, { children: isInvalid && customErrorMessage }), infoSlot: info && jsx(InfoIconTooltip, { children: info }), labelSlot: showLabel && jsx(Label, { isRequired: isRequired, children: label }), children: isMultiline ? (jsx(MultiLineInput, { isMultiline: true, autoGrow: autoGrow, "data-test-selector": dataTestSelector, inputMode: inputMode, label: label, onBlur: onBlur, placeholder: placeholder, role: role, size: size, variant: variant })) : (jsx(SingleLineInput, { autoGrow: autoGrow, "data-test-selector": dataTestSelector,
20
+ const { autoComplete, autoFocus, autoGrow, className, customErrorMessage, 'data-test-selector': dataTestSelector, defaultValue, info, inputMode, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, minLength, name, onBlur, onChange, onInput, onKeyUp, pattern, placeholder, role, showLabel = true, size = 'lg', spellCheck, validate, value, variant = 'solid', } = props;
21
+ return (jsx(TextField$1, { "aria-label": label, autoComplete: autoComplete, autoFocus: autoFocus, className: clsx(styles['text-field'], className), defaultValue: defaultValue, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxLength: maxLength, minLength: minLength, name: name, onChange: value => onChange?.(value), onInput: onInput, onKeyUp: onKeyUp, spellCheck: spellCheck?.toString(), validate: validate, value: value, children: jsx(FormFieldLayout, { errorSlot: jsx(FieldError, { children: isInvalid && customErrorMessage }), infoSlot: info && jsx(InfoIconTooltip, { children: info }), labelSlot: showLabel && jsx(Label, { isRequired: isRequired, children: label }), children: isMultiline ? (jsx(MultiLineInput, { isMultiline: true, autoGrow: autoGrow, "data-test-selector": dataTestSelector, inputMode: inputMode, label: label, onBlur: onBlur, placeholder: placeholder, role: role, size: size, variant: variant })) : (jsx(SingleLineInput, { autoGrow: autoGrow, "data-test-selector": dataTestSelector,
22
22
  // eslint-disable-next-line unicorn/consistent-destructuring
23
23
  inlineElement: props.inlineElement, inputMode: inputMode, label: label, onBlur: onBlur, pattern: pattern, placeholder: placeholder, role: role, size: size, type: props.type, variant: variant })) }) }));
24
24
  }
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import styles from './form-segment-group.module.css.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import styles from './form-segment.module.css.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
3
  import { useState, useCallback, useEffect } from 'react';
3
4
  import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
2
3
 
3
4
  const categoriesPlugin = ({ productsIndexName, searchClient, }) => {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
2
3
 
3
4
  const popularCategoriesPlugin = ({ productsIndexName, searchClient, }) => {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
2
3
 
3
4
  const popularSearchesPlugin = ({ searchClient, suggestionsIndexName, }) => createQuerySuggestionsPlugin({
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
2
3
 
3
4
  const querySuggestionsPlugin = ({ searchClient, suggestionsIndexName, }) => createQuerySuggestionsPlugin({
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
2
3
 
3
4
  const quickAccessPlugin = ({ productsIndexName, searchClient, }) => {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { createLocalStorageRecentSearchesPlugin, search } from '@algolia/autocomplete-plugin-recent-searches';
2
3
 
3
4
  const recentSearchesPlugin = createLocalStorageRecentSearchesPlugin({
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { createElement, Fragment } from 'react';
2
3
  import { parseAlgoliaHitHighlight } from '@algolia/autocomplete-preset-algolia';
3
4
 
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from 'react/jsx-runtime';
2
3
  import styles from './search-content.module.css.js';
3
4
 
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import styles from './search-list.module.css.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import styles from './search-section.module.css.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { Drawer } from '../../drawer/drawer.js';
3
4
  import { SearchRoot } from '../../global-search/global-search.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import styles from './header-layout.module.css.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function GlyphsArrowBlackCapsRightIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function GlyphsArrowBoldCapsLeftIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function GlyphsArrowBoldCapsRightIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function GlyphsArrowSemiBoldRightIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function GlyphsChevronsBoldDownIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function GlyphsChevronsBoldUpIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function GlyphsChevronsSlimDownIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function GlyphsChevronsSlimLeftIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function GlyphsChevronsSlimRightIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidAttentionIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidCartIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidCloseIcon(props) {
@@ -0,0 +1,8 @@
1
+ "use client";
2
+ import { jsx } from 'react/jsx-runtime';
3
+
4
+ function SolidEditIcon(props) {
5
+ return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M11.9997748,2 C17.5138784,2 22,6.48597148 22,11.9997748 C22,17.5138784 17.5138784,22 11.9997748,22 C6.48597148,22 2,17.5138784 2,11.9997748 C2,6.48597148 6.48597148,2 11.9997748,2 Z M13.1743525,9.05834957 L8.46446609,13.767767 C8.13902918,14.0932039 7.73032464,15.0990323 7.23835246,16.7852523 C8.90883594,16.2775436 9.90679614,15.8609708 10.232233,15.5355339 L14.9413525,10.8253496 L13.1743525,9.05834957 Z M16.7855339,7.21446609 C16.2973785,6.72631073 15.5059223,6.72631073 15.017767,7.21446609 L14.0573525,8.17434957 L15.8253525,9.94134957 L16.7855339,8.98223305 C17.2736893,8.49407768 17.2736893,7.70262146 16.7855339,7.21446609 Z", fillRule: "evenodd" }) }));
6
+ }
7
+
8
+ export { SolidEditIcon };
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidFavoriteIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidHomeIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidInformationIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidLoginIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidLogOutIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidNewsIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidNoticeIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidOkayIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidRatingIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidSaleCategoryIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function SolidTagIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeCategoriesIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeCheckmarkIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeCloseboxIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeDehashedIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeDownloadIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeEventIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeFavoriteIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeFilterIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeHashedIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeInformationIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeMinusIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokePlusIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeRecentIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeSearchIcon(props) {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function StrokeTrashIcon(props) {