@sonic-equipment/ui 244.0.0 → 245.0.0

package/dist/config.js

@@ -60,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',
@@ -85,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',

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/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-production", "next-development", "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: "marketingLocal" | "sandbox" | "sandbox-reverse-proxy" | "production" | "local" | "storybook" | "next-production" | "next-development" | "spire-production";
+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

@@ -9,7 +9,6 @@ const environments = [
     'storybook',
     'next-production',
     'next-development',
-    'spire-production',
 ];
 const marketingLocal = /marketing.local.com/i;
 const storybookUrls = /localhost:6006|storybook.sonic.local.com/i;
@@ -17,7 +16,6 @@ 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') {
@@ -56,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';
     }
@@ -69,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": "244.0.0",
+  "version": "245.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {