@sonic-equipment/ui 203.0.0 → 204.0.0

package/dist/address-info-display/address-info-display.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import styles from './address-info-display.module.css.js';
 

package/dist/algolia/filter-section.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { Accordion } from '../collapsables/accordion/accordion.js';

package/dist/badges/badge/icon-with-badge/icon-with-badge.js

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

package/dist/badges/tag/tag.js

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

package/dist/cards/data-card/data-card.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { isValidElement } from 'react';
 import clsx from 'clsx';

package/dist/cards/orderline-card/orderline-card.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { Tag } from '../../badges/tag/tag.js';

package/dist/carousel/category-carousel/category-carousel.js

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

package/dist/carousel/usp-carousel/product-usp-carousel-slide.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Image } from '../../media/image/image.js';
 import { Heading } from '../../typography/heading/heading.js';

package/dist/carousel/usp-carousel/product-usp-carousel.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { ProductUsp } from './product-usp-carousel-slide.js';
 import { USPCarousel } from './usp-carousel.js';

package/dist/cart-totals/cart-totals-summary.js

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

package/dist/collapsables/accordion/accordion.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { Children, cloneElement } from 'react';
 import clsx from 'clsx';

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

@@ -1,3 +1,4 @@
+"use client";
 import { useMemo } from 'react';
 import { useCookie } from '../../cookies/use-cookie.js';
 import { isCountryCode, isCultureCode, isLanguageCode } from '../../intl/types.js';

package/dist/display/info-display/info-display.js

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

package/dist/display/product-sku/product-sku.js

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

package/dist/forms/layout/form/form-segment-group.js

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

package/dist/forms/layout/form/form-segment.js

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

package/dist/forms/partials/password-validation/password-validation.js

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

package/dist/global-search/plugins/categories-plugin.js

@@ -1,3 +1,4 @@
+"use client";
 import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
 
 const categoriesPlugin = ({ productsIndexName, searchClient, }) => {

package/dist/global-search/plugins/popular-categories-plugin.js

@@ -1,3 +1,4 @@
+"use client";
 import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
 
 const popularCategoriesPlugin = ({ productsIndexName, searchClient, }) => {

package/dist/global-search/plugins/popular-searches-plugin.js

@@ -1,3 +1,4 @@
+"use client";
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
 
 const popularSearchesPlugin = ({ searchClient, suggestionsIndexName, }) => createQuerySuggestionsPlugin({

package/dist/global-search/plugins/query-suggestions-plugin.js

@@ -1,3 +1,4 @@
+"use client";
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
 
 const querySuggestionsPlugin = ({ searchClient, suggestionsIndexName, }) => createQuerySuggestionsPlugin({

package/dist/global-search/plugins/quick-access-plugin.js

@@ -1,3 +1,4 @@
+"use client";
 import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
 
 const quickAccessPlugin = ({ productsIndexName, searchClient, }) => {

package/dist/global-search/plugins/recent-searches-plugin.js

@@ -1,3 +1,4 @@
+"use client";
 import { createLocalStorageRecentSearchesPlugin, search } from '@algolia/autocomplete-plugin-recent-searches';
 
 const recentSearchesPlugin = createLocalStorageRecentSearchesPlugin({

package/dist/global-search/search-highlight/highlight.js

@@ -1,3 +1,4 @@
+"use client";
 import { createElement, Fragment } from 'react';
 import { parseAlgoliaHitHighlight } from '@algolia/autocomplete-preset-algolia';
 

package/dist/global-search/search-result-panel/sections/section-container.js

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

package/dist/global-search/search-section/search-list.js

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

package/dist/global-search/search-section/search-section.js

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

package/dist/header/drawers/search-drawer.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { Drawer } from '../../drawer/drawer.js';
 import { SearchRoot } from '../../global-search/global-search.js';

package/dist/header/header-layout/header-layout.js

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

package/dist/icons/glyph/glyphs-arrow-blackcaps-right-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function GlyphsArrowBlackCapsRightIcon(props) {

package/dist/icons/glyph/glyphs-arrow-boldcaps-left-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function GlyphsArrowBoldCapsLeftIcon(props) {

package/dist/icons/glyph/glyphs-arrow-boldcaps-right-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function GlyphsArrowBoldCapsRightIcon(props) {

package/dist/icons/glyph/glyphs-arrow-semibold-right-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function GlyphsArrowSemiBoldRightIcon(props) {

package/dist/icons/glyph/glyphs-chevrons-bold-down-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function GlyphsChevronsBoldDownIcon(props) {

package/dist/icons/glyph/glyphs-chevrons-bold-up-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function GlyphsChevronsBoldUpIcon(props) {

package/dist/icons/glyph/glyphs-chevrons-slim-down-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function GlyphsChevronsSlimDownIcon(props) {

package/dist/icons/glyph/glyphs-chevrons-slim-left-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function GlyphsChevronsSlimLeftIcon(props) {

package/dist/icons/glyph/glyphs-chevrons-slim-right-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function GlyphsChevronsSlimRightIcon(props) {

package/dist/icons/solid/solid-attention-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidAttentionIcon(props) {

package/dist/icons/solid/solid-cart-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidCartIcon(props) {

package/dist/icons/solid/solid-close-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidCloseIcon(props) {

package/dist/icons/solid/solid-favorite-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidFavoriteIcon(props) {

package/dist/icons/solid/solid-home-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidHomeIcon(props) {

package/dist/icons/solid/solid-information-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidInformationIcon(props) {

package/dist/icons/solid/solid-login-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidLoginIcon(props) {

package/dist/icons/solid/solid-logout-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidLogOutIcon(props) {

package/dist/icons/solid/solid-news-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidNewsIcon(props) {

package/dist/icons/solid/solid-notice-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidNoticeIcon(props) {

package/dist/icons/solid/solid-okay-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidOkayIcon(props) {

package/dist/icons/solid/solid-rating-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidRatingIcon(props) {

package/dist/icons/solid/solid-salecategory-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidSaleCategoryIcon(props) {

package/dist/icons/solid/solid-tag-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function SolidTagIcon(props) {

package/dist/icons/stroke/stroke-categories-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeCategoriesIcon(props) {

package/dist/icons/stroke/stroke-checkmark-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeCheckmarkIcon(props) {

package/dist/icons/stroke/stroke-closebox-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeCloseboxIcon(props) {

package/dist/icons/stroke/stroke-dehashed-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeDehashedIcon(props) {

package/dist/icons/stroke/stroke-download-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeDownloadIcon(props) {

package/dist/icons/stroke/stroke-event-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeEventIcon(props) {

package/dist/icons/stroke/stroke-favorite-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeFavoriteIcon(props) {

package/dist/icons/stroke/stroke-filter-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeFilterIcon(props) {

package/dist/icons/stroke/stroke-hashed-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeHashedIcon(props) {

package/dist/icons/stroke/stroke-information-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeInformationIcon(props) {

package/dist/icons/stroke/stroke-minus-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeMinusIcon(props) {

package/dist/icons/stroke/stroke-plus-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokePlusIcon(props) {

package/dist/icons/stroke/stroke-recent-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeRecentIcon(props) {

package/dist/icons/stroke/stroke-search-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeSearchIcon(props) {

package/dist/icons/stroke/stroke-trash-icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 
 function StrokeTrashIcon(props) {

package/dist/intl/use-formatted-date.js

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback } from 'react';
 import { formatDate } from '../shared/utils/date.js';
 import { useIntl } from './use-intl.js';

package/dist/layout/center.js

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

package/dist/lists/download-document-list/download-document-list.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { StrokeDownloadIcon } from '../../icons/stroke/stroke-download-icon.js';
 import { FeatureList } from '../feature-list/feature-list.js';

package/dist/lists/feature-list/feature-list.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { SolidCloseIcon } from '../../icons/solid/solid-close-icon.js';

package/dist/lists/icon-list/icon-list.js

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

package/dist/lists/menu-list/menu-list-header.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Link } from '../../buttons/link/link.js';
 import { GlyphsArrowBlackCapsRightIcon } from '../../icons/glyph/glyphs-arrow-blackcaps-right-icon.js';

package/dist/lists/menu-list/use-menu-list-item.js

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect } from 'react';
 import { useMenuList } from './use-menu-list.js';
 

package/dist/lists/menu-list/use-menu-list.js

@@ -1,3 +1,4 @@
+"use client";
 import { useContext } from 'react';
 import { MenuListContext } from './menu-list-provider.js';
 

package/dist/lists/product-overview-grid/product-overview-grid.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Children } from 'react';
 import { ProgressCircle } from '../../loading/progress-circle.js';

package/dist/loading/blank-page-spacer.js

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

package/dist/loading/dynamic-loading-overlay.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import clsx from 'clsx';

package/dist/loading/loading-overlay.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { ProgressCircle } from './progress-circle.js';
 import styles from './loading-overlay.module.css.js';

package/dist/loading/progress-circle.js

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

package/dist/message/message.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { SolidAttentionIcon } from '../icons/solid/solid-attention-icon.js';

package/dist/pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-content.js

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

package/dist/pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-header.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { Heading } from '../../../../../typography/heading/heading.js';
 import styles from './checkout-page-section.module.css.js';

package/dist/pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-link.js

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

package/dist/pages/checkout/layouts/checkout-page-layout/components/checkout-page-section.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { CheckoutPageSectionHeader } from './checkout-page-section-header.js';

package/dist/pages/checkout/payment-page/hooks/use-has-returned-from-adyen.js

@@ -1,3 +1,4 @@
+"use client";
 import { useGetAdyenRedirectResult } from './use-get-adyen-redirect-result.js';
 
 function useHasReturnedFromAdyen() {

package/dist/pages/checkout/shipping-page/hooks/use-patch-shipping-details.js

@@ -1,3 +1,4 @@
+"use client";
 import { useAwaitableMutation } from '../../../../shared/api/shared/hooks/use-awaitable-mutation.js';
 import { patchSession } from '../../../../shared/api/storefront/services/authentication-service.js';
 import { patchCart } from '../../../../shared/api/storefront/services/cart-service.js';

package/dist/pages/components/page-container/page-container.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import resetStyles from '../../../shared/reset.module.css.js';

package/dist/pages/components/page-meta-data/page-meta-data.js

@@ -1,3 +1,4 @@
+"use client";
 import { environment } from '../../../shared/utils/environment.js';
 
 function addOrUpdateElement(selector, { attributes, tag, }) {

package/dist/pages/loading-page/loading-page.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { BlankPageSpacer } from '../../loading/blank-page-spacer.js';
 import { LoadingOverlay } from '../../loading/loading-overlay.js';

package/dist/pages/my-sonic/actions/change-password/change-password-dialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { FormSegmentGroup } from '../../../../forms/layout/form/form-segment-group.js';
 import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';

package/dist/pages/my-sonic/actions/change-password/change-password.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PasswordField } from '../../../../forms/fields/password-field/password-field.js';
 import { FormSegment } from '../../../../forms/layout/form/form-segment.js';

package/dist/pages/my-sonic/actions/change-password/connected-change-password-dialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { FormattedMessage } from '../../../../intl/formatted-message.js';
 import { useFetchCurrentAccount } from '../../../../shared/api/storefront/hooks/account/use-fetch-current-account.js';

package/dist/pages/my-sonic/navigation/my-sonic-desktop-navigation.js

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

package/dist/pages/my-sonic/navigation/my-sonic-navigation-items.js

@@ -1,3 +1,4 @@
+"use client";
 import { SolidCartIcon } from '../../../icons/solid/solid-cart-icon.js';
 import { SolidFavoriteIcon } from '../../../icons/solid/solid-favorite-icon.js';
 import { SolidLoginIcon } from '../../../icons/solid/solid-login-icon.js';

package/dist/pages/product/layouts/product-details-page-layout/product-details-page-layout.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { IntersectionObserverComponent } from '../../../../observers/intersection-observer.js';
 import styles from './product-details-page-layout.module.css.js';

package/dist/promos/promo-banner/promo-banner.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { Link } from '../../buttons/link/link.js';