@sonic-equipment/ui 258.0.3 → 258.0.4

package/dist/config.js

@@ -23,15 +23,15 @@ const configPerEnvironment = {
         ALGOLIA_API_KEY: 'e0edf30798a6b2e4e44fd25f0f2f9646',
         ALGOLIA_APP_ID: 'testing9VXJ0U4GSV',
         ALGOLIA_HOST: 'sonicequipment.commerce.insitesandbox.com',
-        BFF_API_URL: 'https://localhost:8000/api/v1/bff',
-        COOKIE_DOMAIN: '.insitesandbox.com',
-        HOME_PAGE_URL: 'https://localhost:8000/',
+        BFF_API_URL: 'https://sonic.local.com/api/v1/bff',
+        COOKIE_DOMAIN: '.local.com',
+        HOME_PAGE_URL: 'https://sonic-marketing.local.com/',
         SHOP_API_URL: 
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        env?.VITE_SHOP_API_URL || 'https://localhost:8000',
+        env?.VITE_SHOP_API_URL || 'https://sonicshopapi.local.com/',
         SHOP_URL: 
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        env?.VITE_SHOP_URL || 'https://localhost:8000',
+        env?.VITE_SHOP_URL || 'https://sonic.local.com:3000/',
     }),
     'next-development': () => ({
         // @ts-expect-error: process is not defined in the browser

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

@@ -31,7 +31,7 @@ function PaymentPageContent({ atp, cart, formId, hasAtp, isProcessing, onPayment
         ], "data-test-selector": "paymentPage", title: t('Review and payment'), children: jsxs(CheckoutPageLayout, { actions: {
                 primary: (jsx(Button, { withArrow: true, "data-test-selector": "checkoutReviewAndSubmit_placeOrder", form: formId, isDisabled: isProcessing, isLoading: isProcessing ? jsx(FormattedMessage, { id: "Processing" }) : false, type: "submit", children: cart.paymentMethod?.name === 'PBI' ? (jsx(FormattedMessage, { id: "Finalize order" })) : (jsx(FormattedMessage, { id: "Finalize payment" })) })),
             }, mobileSummary: jsx(CartTotalsSummary, { currencyCode: currencyCode, totalAmount: cart.orderGrandTotal }), overview: jsx(CartTotals, { currencyCode: currencyCode, deliveryDate: hasAtp ? undefined : cart.requestedDeliveryDate, fulfillmentMethod: cart.fulfillmentMethod, isPayByInvoice: (cart.paymentOptions?.paymentMethods?.length || 1) <= 1 &&
-                    cart.paymentMethod?.name === 'PBI', shippingCost: cart.shippingAndHandling, subtotal: cart.orderSubTotal, tax: cart.totalTax, total: cart.orderGrandTotal, vatPercentage: cart.cartLines?.[0]?.pricing?.vatRate || 0 }), children: [jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Payment" }), children: jsx(CheckoutPageSectionContent, { children: jsx(Payment, { atp: atp, cart: cart, form: formId, isProcessing: isProcessing, onError: () => setIsProcessing(false), onPaymentComplete: onPaymentComplete, onProcessing: setIsProcessing }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Order" }), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines?.map(cartLine => (jsx(OrderLineCard, { deliveryDate: cartLine.atp?.date ?? null, href: cartLine.productUri, image: {
+                    cart.paymentMethod?.name === 'PBI', shippingCost: cart.shippingAndHandling, subtotal: cart.orderSubTotal, tax: cart.totalTax, total: cart.orderGrandTotal, vatPercentage: cart.cartLines?.[0]?.pricing?.vatRate || 0 }), children: [jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Payment" }), children: jsx(CheckoutPageSectionContent, { children: jsx(Payment, { atp: atp, cart: cart, form: formId, isProcessing: isProcessing, onPaymentComplete: onPaymentComplete, onProcessing: setIsProcessing }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Order" }), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines?.map(cartLine => (jsx(OrderLineCard, { deliveryDate: cartLine.atp?.date ?? null, href: cartLine.productUri, image: {
                                     fit: 'contain',
                                     image: {
                                         '1': cartLine.smallImagePath,

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

@@ -21,17 +21,11 @@ function PaymentPage({ hasReturnedFromAdyen, }) {
     const { data: atp, isLoading: isAtpLoading } = useFetchCurrentCheckoutAtp();
     const hasAtp = atp !== undefined && atp.length > 1;
     const isLoading = isLoadingCart || isAtpLoading;
-    const [isProcessing, setIsProcessing] = useState(hasReturnedFromAdyen ?? false);
+    const [isProcessing, setIsProcessing] = useState(false);
     const { isNavigating, navigate } = useNavigate();
     const onPaymentComplete = useCallback(({ cartId }) => {
         navigate(`${paths.ORDER_CONFIRMATION}?cartId=${cartId}`);
     }, [navigate, paths]);
-    useEffect(() => {
-        const setProcessingOn = async () => setIsProcessing(true);
-        if (hasReturnedFromAdyen) {
-            setProcessingOn();
-        }
-    }, [hasReturnedFromAdyen, setIsProcessing]);
     useEffect(() => {
         if (isNavigating)
             return;

package/dist/shared/utils/environment.js

@@ -12,7 +12,7 @@ const environments = [
 ];
 const marketingLocal = /marketing.local.com/i;
 const storybookUrls = /localhost:6006|storybook.sonic.local.com/i;
-const localUrls = /sonic.local.com/i;
+const localUrls = /sonic.local.com/i; // used for detecting old Spire local development environment, new NextJS local environment uses next-development
 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;

package/package.json

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