@sonic-equipment/ui 240.0.0 → 242.0.0

package/dist/algolia/algolia-index-config.d.ts

@@ -8,5 +8,7 @@ export interface Indexes {
     }[];
     suggestions: string;
 }
-export declare const algoliaIndexesPerEnvironment: Record<Environment, Indexes>;
+type AlgoliaEnvironment = 'development' | 'production';
+export declare const algoliaIndexesPerEnvironment: Record<AlgoliaEnvironment, Indexes>;
 export declare const getAlgoliaIndex: (environment: Environment, languageCode: LanguageCode) => Indexes;
+export {};

package/dist/algolia/algolia-index-config.js

@@ -4,51 +4,7 @@ const defaultLanguageCodes = {
 };
 const getLanguageForAlgoliaIndex = (languageCode) => defaultLanguageCodes[languageCode] || languageCode;
 const algoliaIndexesPerEnvironment = {
-    local: {
-        default: 'dev_sonic_products_<languageCode>',
-        sort: [
-            {
-                index: 'dev_sonic_products_<languageCode>',
-                name: 'relevance',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_is-new_desc',
-                name: 'newest',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_asc',
-                name: 'price_asc',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_desc',
-                name: 'price_desc',
-            },
-        ],
-        suggestions: 'dev_sonic_products_<languageCode>_query_suggestions',
-    },
-    marketingLocal: {
-        default: 'dev_sonic_products_<languageCode>',
-        sort: [
-            {
-                index: 'dev_sonic_products_<languageCode>',
-                name: 'relevance',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_is-new_desc',
-                name: 'newest',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_asc',
-                name: 'price_asc',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_desc',
-                name: 'price_desc',
-            },
-        ],
-        suggestions: 'dev_sonic_products_<languageCode>_query_suggestions',
-    },
-    next: {
+    development: {
         default: 'dev_sonic_products_<languageCode>',
         sort: [
             {
@@ -92,76 +48,26 @@ const algoliaIndexesPerEnvironment = {
         ],
         suggestions: 'prod_sonic_products_<languageCode>_query_suggestions',
     },
-    sandbox: {
-        default: 'dev_sonic_products_<languageCode>',
-        sort: [
-            {
-                index: 'dev_sonic_products_<languageCode>',
-                name: 'relevance',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_is-new_desc',
-                name: 'newest',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_asc',
-                name: 'price_asc',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_desc',
-                name: 'price_desc',
-            },
-        ],
-        suggestions: 'dev_sonic_products_<languageCode>_query_suggestions',
-    },
-    'sandbox-reverse-proxy': {
-        default: 'dev_sonic_products_<languageCode>',
-        sort: [
-            {
-                index: 'dev_sonic_products_<languageCode>',
-                name: 'relevance',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_is-new_desc',
-                name: 'newest',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_asc',
-                name: 'price_asc',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_desc',
-                name: 'price_desc',
-            },
-        ],
-        suggestions: 'dev_sonic_products_<languageCode>_query_suggestions',
-    },
-    storybook: {
-        default: 'dev_sonic_products_<languageCode>',
-        sort: [
-            {
-                index: 'dev_sonic_products_<languageCode>',
-                name: 'relevance',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_is-new_desc',
-                name: 'newest',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_asc',
-                name: 'price_asc',
-            },
-            {
-                index: 'dev_sonic_products_<languageCode>_price_desc',
-                name: 'price_desc',
-            },
-        ],
-        suggestions: 'dev_sonic_products_<languageCode>_query_suggestions',
-    },
 };
+const DEV_LIKE = new Set([
+    'local',
+    'marketingLocal',
+    'sandbox',
+    'sandbox-reverse-proxy',
+    'storybook',
+]);
 const getAlgoliaIndex = (environment, languageCode) => {
-    const environmentIndex = algoliaIndexesPerEnvironment[environment];
+    let algoliaIndexEnv = 'development';
     const language = getLanguageForAlgoliaIndex(languageCode).toLowerCase();
+    if (DEV_LIKE.has(environment)) {
+        algoliaIndexEnv = 'development';
+    }
+    else {
+        algoliaIndexEnv = process?.env.ALGOLIA_APP_ID?.includes('testing')
+            ? 'development'
+            : 'production';
+    }
+    const environmentIndex = algoliaIndexesPerEnvironment[algoliaIndexEnv];
     return {
         default: environmentIndex.default.replace(/<languageCode>/, language),
         sort: environmentIndex.sort.map(({ index, name }) => ({

package/dist/algolia/algolia-initialization.js

@@ -1,7 +1,7 @@
 "use client";
-import { config } from '../config.js';
 import Cookies from 'js-cookie';
 import aa from 'search-insights';
+import { config } from '../config.js';
 import { logger } from '../logging/logger.js';
 import { request } from '../shared/fetch/request.js';
 import { createUUID } from '../shared/utils/uuid.js';

package/dist/buttons/button/button.js

@@ -2,8 +2,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, isValidElement } from 'react';
 import clsx from 'clsx';
-import { ProgressCircle } from '../../loading/progress-circle.js';
 import { GlyphsArrowBoldCapsRightIcon } from '../../icons/glyph/glyphs-arrow-boldcaps-right-icon.js';
+import { ProgressCircle } from '../../loading/progress-circle.js';
 import { useRouteLink } from '../../shared/routing/use-route-link.js';
 import buttonStyles from './button.module.css.js';
 

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { Price } from '../display/price/price.js';
 import { FormattedMessage } from '../intl/formatted-message.js';
 import { Heading } from '../typography/heading/heading.js';
-import { Price } from '../display/price/price.js';
 import styles from './cart-totals-summary.module.css.js';
 
 function CartTotalsSummary({ className, currencyCode, totalAmount, }) {

package/dist/config.d.ts

@@ -1,4 +1,4 @@
-import { Environment } from 'shared/utils/environment';
+import { Environment } from './shared/utils/environment';
 interface Config {
     ALGOLIA_API_KEY: string;
     ALGOLIA_APP_ID: string;

package/dist/delivery-time/delivery-time.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { FormattedMessage } from '../intl/formatted-message.js';
 import { InfoIconTooltip } from '../info-icon-tooltip/info-icon-tooltip.js';
+import { FormattedMessage } from '../intl/formatted-message.js';
 import { useFormattedDate } from '../intl/use-formatted-date.js';
 import { useFormattedMessage } from '../intl/use-formatted-message.js';
 import styles from './delivery-time.module.css.js';

package/dist/display/price/price.js

@@ -6,18 +6,28 @@ import { useIntl } from '../../intl/use-intl.js';
 import { formatCurrency, parseCurrency } from '../../shared/utils/price.js';
 import styles from './price.module.css.js';
 
-function SinglePrice({ className, currencyCode, isDiscount, isOld, locale, price, small, variant = 'default', }) {
+function formatAndParse(opts) {
     const priceString = formatCurrency({
-        currencyCode,
-        locale,
-        price,
+        ...opts,
         replaceNonBreakingSpace: true,
+        useGrouping: true,
     });
-    const { currency, decimal, fraction, integer, literal, symbolPosition } = parseCurrency({
+    const parts = parseCurrency({
+        ...opts,
+        useGrouping: true,
+    });
+    return {
+        parts,
+        priceString,
+    };
+}
+function SinglePrice({ className, currencyCode, isDiscount, isOld, locale, price, small, variant = 'default', }) {
+    const { parts, priceString } = formatAndParse({
         currencyCode,
         locale,
         price,
     });
+    const { currency, decimal, fraction, integer, literal, symbolPosition } = parts;
     return (jsxs("data", { className: clsx(className, styles['single-price'], styles[variant], small && styles['small'], isDiscount && styles['is-discount'], isOld && styles['is-old'], styles[`symbol-${symbolPosition}`]), "data-price-string": priceString, value: price, children: [symbolPosition === 'before' && (jsx("span", { className: styles.symbol, children: currency })), jsxs("span", { className: styles.number, children: [literal && jsx("span", { className: styles.literal, children: literal }), jsx("span", { className: styles.integer, children: integer }), decimal && jsx("span", { className: styles.decimal, children: decimal }), fraction && jsx("span", { className: styles.fraction, children: fraction })] }), symbolPosition === 'after' && (jsx("span", { className: styles.symbol, children: currency }))] }));
 }
 function Price({ className, currencyCode, 'data-test-selector': dataTestSelector, isVatIncluded = null, locale, originalPrice, price, pricePerUnit, style, unitAmount = 1, unitType = 'pc', variant = 'default', }) {

package/dist/info-icon-tooltip/info-icon-tooltip.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { IconButton } from '../buttons/icon-button/icon-button.js';
 import { SolidInformationIcon } from '../icons/solid/solid-information-icon.js';
 import { StrokeInformationIcon } from '../icons/stroke/stroke-information-icon.js';
-import { IconButton } from '../buttons/icon-button/icon-button.js';
 import { useFormattedMessage } from '../intl/use-formatted-message.js';
 import { Tooltip } from '../tooltip/tooltip.js';
 import styles from './info-icon-tooltip.module.css.js';

package/dist/modals/confirmation/confirmation-dialog.d.ts

@@ -1,4 +1,4 @@
-import { TranslationId } from 'intl/translation-id';
+import { TranslationId } from '../../intl/translation-id';
 interface ConfirmationDialogProps {
     cancelLabel?: TranslationId;
     'data-test-selector'?: string;

package/dist/pages/checkout/cart-page/cart-page.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { Button } from '../../../buttons/button/button.js';
 import { ConnectedOrderLineCard } from '../../../cards/orderline-card/connected-orderline-card.js';
 import { CartTotals } from '../../../cart-totals/cart-totals.js';
 import { CartTotalsSummary } from '../../../cart-totals/cart-totals-summary.js';
@@ -14,13 +15,12 @@ import { useSaveCartForLater } from '../../../shared/api/bff/hooks/cart/use-save
 import { useIsAuthenticated } from '../../../shared/api/storefront/hooks/authentication/use-is-authenticated.js';
 import { useDeleteCartLineById } from '../../../shared/api/storefront/hooks/cart/use-delete-cart-line-by-id.js';
 import { useDeleteCurrentCart } from '../../../shared/api/storefront/hooks/cart/use-delete-current-cart.js';
-import { useToast } from '../../../toast/use-toast.js';
-import { Button } from '../../../buttons/button/button.js';
 import { useFetchCurrentCartLinesWithAtp } from '../../../shared/api/storefront/hooks/cart/use-fetch-current-cart-lines-with-atp.js';
 import { useFetchCurrentCartWithAtp } from '../../../shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp.js';
 import { getCurrencyCodeBySymbol } from '../../../shared/model/currency.js';
 import { usePaths } from '../../../shared/routing/use-paths.js';
 import { ensureNumber } from '../../../shared/utils/number.js';
+import { useToast } from '../../../toast/use-toast.js';
 import { EmptyCart } from './components/empty-cart-page.js';
 
 function CartContent({ cartLines }) {

package/dist/pages/checkout/payment-page/components/adyen-payment.d.ts

@@ -1,7 +1,7 @@
 import { MutableRefObject } from 'react';
 import Dropin from '@adyen/adyen-web/dist/types/components/Dropin';
-import { AdyenPaymentModel } from 'shared/api/storefront/model/storefront.model';
 import { CountryCode, CurrencyCode } from '../../../../intl/types';
+import { AdyenPaymentModel } from '../../../../shared/api/storefront/model/storefront.model';
 import '@adyen/adyen-web/dist/adyen.css';
 interface AdyenPaymentProps {
     amount: number;

package/dist/pages/product/product-details-page/components/product-details-panel/product-details-panel.d.ts

@@ -1,4 +1,4 @@
-import { ProductDetails } from 'shared/api/bff/model/bff.model';
+import { ProductDetails } from '../../../../../shared/api/bff/model/bff.model';
 export declare function ProductDetailsPanel({ priceComponent, product, }: {
     priceComponent?: React.ReactNode;
     product: ProductDetails;

package/dist/pages/product/product-details-page/components/product-details-panel/product-details-panel.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useAlgoliaInsights } from '../../../../../algolia/use-algolia-insights.js';
 import { ConnectedAddToCartButton } from '../../../../../buttons/add-to-cart-button/connected-add-to-cart-button.js';
 import { ConnectedFavoriteButton } from '../../../../../buttons/favorite/connected-favorite-button.js';
 import { Accordion } from '../../../../../collapsables/accordion/accordion.js';
@@ -11,7 +12,6 @@ import { FormattedMessage } from '../../../../../intl/formatted-message.js';
 import { DownloadDocumentList } from '../../../../../lists/download-document-list/download-document-list.js';
 import { FeatureList } from '../../../../../lists/feature-list/feature-list.js';
 import { Heading } from '../../../../../typography/heading/heading.js';
-import { useAlgoliaInsights } from '../../../../../algolia/use-algolia-insights.js';
 import styles from './product-details-panel.module.css.js';
 
 function ProductDetailsPanel({ priceComponent, product, }) {

package/dist/shared/api/storefront/hooks/account/use-create-account.d.ts

@@ -1,3 +1,3 @@
-import { AccountModel } from 'shared/api/storefront/model/storefront.model';
-import { CreateAccountRequestBody } from 'shared/api/storefront/services/account-service';
+import { AccountModel } from '../../model/storefront.model';
+import { CreateAccountRequestBody } from '../../services/account-service';
 export declare function useCreateAccount(): import("@tanstack/react-query").UseMutationResult<AccountModel, Error, CreateAccountRequestBody, unknown>;

package/dist/shared/api/storefront/hooks/account/use-create-guest-account.d.ts

@@ -1,2 +1,2 @@
-import { AccountModel } from 'shared/api/storefront/model/storefront.model';
+import { AccountModel } from '../../model/storefront.model';
 export declare function useCreateGuestAccount(): import("@tanstack/react-query").UseMutationResult<AccountModel, Error, void, unknown>;

package/dist/shared/api/storefront/hooks/authentication/use-patch-session.js

@@ -1,7 +1,7 @@
 "use client";
 import { useQueryClient } from '@tanstack/react-query';
-import { patchSession } from '../../services/authentication-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+import { patchSession } from '../../services/authentication-service.js';
 
 function usePatchSession() {
     const queryClient = useQueryClient();

package/dist/shared/api/storefront/hooks/customer/use-patch-bill-to-address.js

@@ -1,6 +1,6 @@
 "use client";
-import { patchBillToAddress } from '../../services/customer-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+import { patchBillToAddress } from '../../services/customer-service.js';
 
 function usePatchBillToAddress({ skipInvalidation = false, } = {}) {
     return useAwaitableMutation({

package/dist/shared/api/storefront/hooks/customer/use-patch-ship-to-address.js

@@ -1,6 +1,6 @@
 "use client";
-import { patchShipToAddress } from '../../services/customer-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+import { patchShipToAddress } from '../../services/customer-service.js';
 
 function usePatchShipToAddress({ skipInvalidation = false, } = {}) {
     return useAwaitableMutation({

package/dist/shared/api/storefront/hooks/customer/use-post-ship-to-address.js

@@ -1,6 +1,6 @@
 "use client";
-import { postShipToAddress } from '../../services/customer-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+import { postShipToAddress } from '../../services/customer-service.js';
 
 function usePostShipToAddress({ skipInvalidation = false, } = {}) {
     return useAwaitableMutation({

package/dist/shared/api/storefront/hooks/payment/use-create-adyen-session.d.ts

@@ -1,3 +1,3 @@
-import { PaymentAuthenticationModel } from 'shared/api/storefront/model/storefront.model';
-import { CreateAdyenSessionParameters } from 'shared/api/storefront/services/payment-service';
+import { PaymentAuthenticationModel } from '../../model/storefront.model';
+import { CreateAdyenSessionParameters } from '../../services/payment-service';
 export declare function useCreateAdyenSession(): import("@tanstack/react-query").UseMutationResult<PaymentAuthenticationModel, Error, CreateAdyenSessionParameters, unknown>;

package/dist/shared/api/storefront/hooks/payment/use-fetch-adyen-config.js

@@ -1,7 +1,7 @@
 "use client";
 import { useQuery } from '@tanstack/react-query';
-import { useIsAuthenticated } from '../authentication/use-is-authenticated.js';
 import { fetchAdyenConfig } from '../../services/payment-service.js';
+import { useIsAuthenticated } from '../authentication/use-is-authenticated.js';
 
 function useFetchAdyenConfig() {
     const isAuthenticated = useIsAuthenticated();

package/dist/shared/api/storefront/services/payment-service.d.ts

@@ -1,4 +1,4 @@
-import { AdyenSettings, PaymentAuthenticationModel } from 'shared/api/storefront/model/storefront.model';
+import { AdyenSettings, PaymentAuthenticationModel } from '../model/storefront.model';
 export interface CreateAdyenSessionParameters {
     cartId: string | undefined;
     orderAmount: number | undefined;