@sonic-equipment/ui 243.0.0 → 245.0.0

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

@@ -55,18 +55,14 @@ const DEV_LIKE = new Set([
     'sandbox',
     'sandbox-reverse-proxy',
     'storybook',
+    'next-development',
 ]);
 const getAlgoliaIndex = (environment, languageCode) => {
-    let algoliaIndexEnv = 'development';
+    let algoliaIndexEnv = 'production';
     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),

package/dist/config.js

@@ -27,7 +27,22 @@ const configPerEnvironment = {
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         env?.VITE_SHOP_API_URL || 'https://localhost:8000',
     }),
-    next: () => ({
+    'next-development': () => ({
+        // @ts-expect-error: process is not defined in the browser
+        ALGOLIA_API_KEY: process.env.ALGOLIA_API_KEY || '',
+        // @ts-expect-error: process is not defined in the browser
+        ALGOLIA_APP_ID: process.env.ALGOLIA_APP_ID || '',
+        // @ts-expect-error: process is not defined in the browser
+        ALGOLIA_HOST: process.env.ALGOLIA_HOST || '',
+        // @ts-expect-error: process is not defined in the browser
+        BFF_API_URL: process.env.BFF_API_URL || '',
+        // @ts-expect-error: process is not defined in the browser
+        COOKIE_DOMAIN: process.env.COOKIE_DOMAIN || '',
+        HOME_PAGE_URL: '/',
+        // @ts-expect-error: process is not defined in the browser
+        SHOP_API_URL: process.env.SHOP_API_URL || '',
+    }),
+    'next-production': () => ({
         // @ts-expect-error: process is not defined in the browser
         ALGOLIA_API_KEY: process.env.ALGOLIA_API_KEY || '',
         // @ts-expect-error: process is not defined in the browser
@@ -45,12 +60,11 @@ const configPerEnvironment = {
     production: () => ({
         ALGOLIA_API_KEY: 'e31a3a53449eceb4d0f9273b9bcd9759',
         ALGOLIA_APP_ID: '14CUFCVMAD',
-        ALGOLIA_HOST: 'shop.sonic-equipment.com',
-        BFF_API_URL: 'https://shop.sonic-equipment.com/api/v1/bff',
+        ALGOLIA_HOST: 'shopapi.sonic-equipment.com',
+        BFF_API_URL: 'https://shopapi.sonic-equipment.com/api/v1/bff',
         COOKIE_DOMAIN: '.sonic-equipment.com',
         HOME_PAGE_URL: 'https://sonic-equipment.com/',
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        SHOP_API_URL: env?.VITE_SHOP_API_URL || 'https://shop.sonic-equipment.com',
+        SHOP_API_URL: 'https://shopapi.sonic-equipment.com',
     }),
     sandbox: () => ({
         ALGOLIA_API_KEY: 'e0edf30798a6b2e4e44fd25f0f2f9646',
@@ -70,15 +84,6 @@ const configPerEnvironment = {
         HOME_PAGE_URL: 'https://shop-accept.sonic-equipment.workers.dev/',
         SHOP_API_URL: 'https://shop-accept.sonic-equipment.workers.dev',
     }),
-    'spire-production': () => ({
-        ALGOLIA_API_KEY: 'e31a3a53449eceb4d0f9273b9bcd9759',
-        ALGOLIA_APP_ID: '14CUFCVMAD',
-        ALGOLIA_HOST: 'shopapi.sonic-equipment.com',
-        BFF_API_URL: 'https://shopapi.sonic-equipment.com/api/v1/bff',
-        COOKIE_DOMAIN: '.sonic-equipment.com',
-        HOME_PAGE_URL: 'https://sonic-equipment.com/',
-        SHOP_API_URL: 'https://shopapi.sonic-equipment.com',
-    }),
     storybook: () => ({
         ALGOLIA_API_KEY: 'e0edf30798a6b2e4e44fd25f0f2f9646',
         ALGOLIA_APP_ID: 'testing9VXJ0U4GSV',
@@ -91,6 +96,7 @@ const configPerEnvironment = {
         env?.VITE_SHOP_API_URL || 'https://localhost:8000',
     }),
 };
-const config = configPerEnvironment[environment]();
+const configFunction = configPerEnvironment[environment];
+const config = configFunction();
 
 export { config, configPerEnvironment };

package/dist/index.js

@@ -464,7 +464,7 @@ export { childrenToText } from './shared/utils/children-to-text.js';
 export { getCssPropertyValue } from './shared/utils/css.js';
 export { formatDate } from './shared/utils/date.js';
 export { trackPropertyChange } from './shared/utils/debug.js';
-export { environment, environments } from './shared/utils/environment.js';
+export { environment, environments, isProductionEnvironment } from './shared/utils/environment.js';
 export { EventEmitter } from './shared/utils/event-emitter.js';
 export { useGreeting } from './shared/utils/greeting.js';
 export { clone, deepMerge, isPlainObject, default as main, merge } from './shared/utils/merge.js';

package/dist/pages/checkout/payment-page/components/payment.js

@@ -20,7 +20,7 @@ import { useInvalidateCurrentCart } from '../../../../shared/api/storefront/hook
 import { useInvalidateAdyen } from '../../../../shared/api/storefront/hooks/payment/use-invalidate-adyen.js';
 import { useDataLayer } from '../../../../shared/ga/use-data-layer.js';
 import { getCurrencyCodeBySymbol } from '../../../../shared/model/currency.js';
-import { environment } from '../../../../shared/utils/environment.js';
+import { isProductionEnvironment } from '../../../../shared/utils/environment.js';
 import { BillingAndInvoiceInformation } from '../../components/billing-and-invoice-information.js';
 import { useHasReturnedFromAdyen } from '../hooks/use-has-returned-from-adyen.js';
 import { AdyenPayment } from './adyen-payment.js';
@@ -244,7 +244,7 @@ function Payment({ atp, cart: _cart, form, isProcessing, onError: _onError, onPa
                     MA: t('industry.MA'),
                     OT: t('industry.OT'),
                     /* eslint-enable sort-keys-fix/sort-keys-fix */
-                }, placeholder: t('Select an industry'), variant: "solid" }), jsx(TextField, { showLabel: true, defaultValue: cart.customerVatNumber, isDisabled: isDisabled, label: t('VAT Number'), minLength: 8, name: "customerVatNumber" }, `vat${Boolean(validationErrors.customerVatNumber)}`), jsx(TextField, { showLabel: true, defaultValue: cart.poNumber, isDisabled: isDisabled, isRequired: cart.requiresPoNumber, label: t('PO Number'), name: "poNumber" }), paymentMethodOptions && Object.keys(paymentMethodOptions).length > 1 && (jsx(Select, { "data-test-selector": "paymentMethodSelect", defaultSelectedOption: cart.paymentOptions?.paymentMethods?.[0]?.name || 'ADY', isDisabled: isDisabled, label: t('Payment method'), name: "paymentMethod", onChange: setSelectedPaymentMethod, options: paymentMethodOptions, selectedOption: selectedPaymentMethod, variant: "solid" })), isAdyenPayment && cart.billTo && (jsx(AdyenPayment, { amount: cart.orderGrandTotal, cartId: cart.trackId, countryCode: countryCode, currencyCode: currencyCode, customerId: cart.billTo.id, dropinRef: dropinRef, environment: environment === 'production' ? 'live' : 'test', isDisabled: isDisabled, onComplete: onComplete, onError: onError, orderAmount: cart.orderGrandTotal, returnUrl: 
+                }, placeholder: t('Select an industry'), variant: "solid" }), jsx(TextField, { showLabel: true, defaultValue: cart.customerVatNumber, isDisabled: isDisabled, label: t('VAT Number'), minLength: 8, name: "customerVatNumber" }, `vat${Boolean(validationErrors.customerVatNumber)}`), jsx(TextField, { showLabel: true, defaultValue: cart.poNumber, isDisabled: isDisabled, isRequired: cart.requiresPoNumber, label: t('PO Number'), name: "poNumber" }), paymentMethodOptions && Object.keys(paymentMethodOptions).length > 1 && (jsx(Select, { "data-test-selector": "paymentMethodSelect", defaultSelectedOption: cart.paymentOptions?.paymentMethods?.[0]?.name || 'ADY', isDisabled: isDisabled, label: t('Payment method'), name: "paymentMethod", onChange: setSelectedPaymentMethod, options: paymentMethodOptions, selectedOption: selectedPaymentMethod, variant: "solid" })), isAdyenPayment && cart.billTo && (jsx(AdyenPayment, { amount: cart.orderGrandTotal, cartId: cart.trackId, countryCode: countryCode, currencyCode: currencyCode, customerId: cart.billTo.id, dropinRef: dropinRef, environment: isProductionEnvironment ? 'live' : 'test', isDisabled: isDisabled, onComplete: onComplete, onError: onError, orderAmount: cart.orderGrandTotal, returnUrl: 
                 /* eslint-disable ssr-friendly/no-dom-globals-in-react-fc */
                 typeof window === 'undefined'
                     ? ''

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

@@ -24,10 +24,10 @@ function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipT
     const href = `${pathname}${search}`;
     const billToId = billTo?.id;
     const shipToId = shipTo?.id;
-    const editBillToAddressUrl = environment === 'next'
+    const editBillToAddressUrl = environment.includes('next')
         ? `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}?returnUrl=${encodeURIComponent(href)}`
         : paths.ACCOUNT_ADDRESSES;
-    const editShipToAddressUrl = environment === 'next'
+    const editShipToAddressUrl = environment.includes('next')
         ? `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/${shipToId}?returnUrl=${encodeURIComponent(href)}`
         : paths.ACCOUNT_ADDRESSES;
     return (jsxs(Form, { id: EDIT_ADDRESS_FORM_ID, onSubmit: e => {

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

@@ -22,7 +22,7 @@ function removeElements(selector) {
     document?.querySelectorAll(selector).forEach(element => element.remove());
 }
 function PageMetaData(props) {
-    if (environment === 'next')
+    if (environment.includes('next'))
         return null;
     if (typeof document === 'undefined')
         return null;

package/dist/shared/error/default-error-view.js

@@ -6,10 +6,10 @@ import { Details } from '../../display/details/details.js';
 import { StrokeRecentIcon } from '../../icons/stroke/stroke-recent-icon.js';
 import { useFormattedMessage } from '../../intl/use-formatted-message.js';
 import { Heading } from '../../typography/heading/heading.js';
-import { environment } from '../utils/environment.js';
+import { isProductionEnvironment } from '../utils/environment.js';
 import styles from './default-error-view.module.css.js';
 
-function DefaultErrorView({ className, error, errorInfo, resetError, resetLabel, showErrorDetails = environment !== 'production', showReset, title, }) {
+function DefaultErrorView({ className, error, errorInfo, resetError, resetLabel, showErrorDetails = !isProductionEnvironment, showReset, title, }) {
     const t = useFormattedMessage();
     return (jsxs("section", { className: clsx(styles['default-error-view'], className), children: [title && (jsx(Heading, { className: styles['title'], size: "s", tag: "h1", children: title || t('Something went wrong') })), jsx("p", { children: error.message || t('An unexpected error occured. Please try again.') }), showErrorDetails && (jsxs(Details, { className: styles['error-details'], lang: "en", summary: "Technical Details (only visible in development mode)", children: [jsx("output", { className: styles['error-kind'], children: error.toString() }), error.stack && (jsxs("div", { className: styles['error-info'], children: [jsx(Heading, { className: styles['error-info-title'], size: "xs", tag: "h2", children: "Stack:" }), jsx("pre", { className: styles['error-info-data'], children: error.stack })] })), errorInfo?.componentStack && (jsxs("div", { className: styles['component-info'], children: [jsx(Heading, { className: styles['error-info-title'], size: "xs", tag: "h2", children: "Component stack:" }), jsx("pre", { className: styles['error-info-data'], children: errorInfo.componentStack })] }))] })), showReset && resetError && (jsx(Button, { light: true, className: styles['reset-button'], color: "secondary", icon: jsx(StrokeRecentIcon, {}), onClick: resetError, size: "sm", type: "button", variant: "outline", children: resetLabel || t('Reset') }))] }));
 }

package/dist/shared/providers/react-query-container.js

@@ -3,11 +3,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { environment } from '../utils/environment.js';
+import { isProductionEnvironment } from '../utils/environment.js';
 import { createQueryClient } from '../utils/query-client.js';
 
 const globalQueryClient = createQueryClient();
-function ReactQueryContainer({ children, enableDevTools = environment !== 'production', queryClient: _queryClient, }) {
+function ReactQueryContainer({ children, enableDevTools = !isProductionEnvironment, queryClient: _queryClient, }) {
     const queryClient = useMemo(() => _queryClient || createQueryClient(), [_queryClient]);
     return (jsxs(QueryClientProvider, { client: queryClient, children: [enableDevTools && jsx(ReactQueryDevtools, { initialIsOpen: false }), children instanceof Function ? children({ queryClient }) : children] }));
 }

package/dist/shared/utils/environment.d.ts

@@ -1,3 +1,4 @@
-export declare const environments: readonly ["marketingLocal", "sandbox", "sandbox-reverse-proxy", "production", "local", "storybook", "next", "spire-production"];
+export declare const environments: readonly ["marketingLocal", "sandbox", "sandbox-reverse-proxy", "production", "local", "storybook", "next-production", "next-development"];
 export type Environment = (typeof environments)[number];
-export declare const environment: string;
+export declare const environment: "marketingLocal" | "sandbox" | "sandbox-reverse-proxy" | "production" | "local" | "storybook" | "next-production" | "next-development";
+export declare const isProductionEnvironment: boolean;

package/dist/shared/utils/environment.js

@@ -7,8 +7,8 @@ const environments = [
     'production',
     'local',
     'storybook',
-    'next',
-    'spire-production',
+    'next-production',
+    'next-development',
 ];
 const marketingLocal = /marketing.local.com/i;
 const storybookUrls = /localhost:6006|storybook.sonic.local.com/i;
@@ -16,11 +16,14 @@ const localUrls = /sonic.local.com/i;
 const reverseProxyUrls = /sonic-equipment.workers.dev/i;
 const sandboxUrls = /local|insitesandbox.com|azurestaticapps|ui.sonic-equipment.com|sandbox|accept|test/i;
 const productionUrls = /sonic-equipment.com|production/i;
-const spireProductionUrls = /spire.sonic-equipment.com/i;
 let environmentUrl;
 function getEnvironment() {
     if (typeof process !== 'undefined' && process.env.IS_NEXT === 'true') {
-        return 'next';
+        if (process.env.ALGOLIA_APP_ID &&
+            process.env.ALGOLIA_APP_ID.includes('testing')) {
+            return 'next-development';
+        }
+        return 'next-production';
     }
     else if (typeof process !== 'undefined' && process.env.ISC_API_URL) {
         environmentUrl = process.env.ISC_API_URL;
@@ -51,9 +54,6 @@ function getEnvironment() {
     else if (sandboxUrls.test(environmentUrl)) {
         environment = 'sandbox';
     }
-    else if (spireProductionUrls.test(environmentUrl)) {
-        environment = 'spire-production';
-    }
     else if (productionUrls.test(environmentUrl)) {
         environment = 'production';
     }
@@ -64,5 +64,6 @@ function getEnvironment() {
     return environment;
 }
 const environment = getEnvironment();
+const isProductionEnvironment = environment.includes('production');
 
-export { environment, environments };
+export { environment, environments, isProductionEnvironment };

package/package.json

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