@sonic-equipment/ui 128.0.0 → 130.0.0

package/dist/node_modules/.pnpm/{swiper@11.1.14 → swiper@11.2.1}/node_modules/swiper/shared/swiper-core.js

@@ -21,7 +21,7 @@ let deviceCached;
 function calcDevice(_temp) {
   let {
     userAgent
-  } = _temp === void 0 ? {} : _temp;
+  } = _temp === undefined ? {} : _temp;
   const support = getSupport();
   const window = getWindow();
   const platform = window.navigator.platform;
@@ -61,7 +61,7 @@ function calcDevice(_temp) {
   return device;
 }
 function getDevice(overrides) {
-  if (overrides === void 0) {
+  if (overrides === undefined) {
     overrides = {};
   }
   if (!deviceCached) {
@@ -182,7 +182,7 @@ function Observer(_ref) {
   const observers = [];
   const window = getWindow();
   const attach = function (target, options) {
-    if (options === void 0) {
+    if (options === undefined) {
       options = {};
     }
     const ObserverFunc = window.MutationObserver || window.WebkitMutationObserver;
@@ -719,7 +719,7 @@ const toggleSlideClasses$1 = (slideEl, condition, className) => {
   }
 };
 function updateSlidesProgress(translate) {
-  if (translate === void 0) {
+  if (translate === undefined) {
     translate = this && this.translate || 0;
   }
   const swiper = this;
@@ -861,9 +861,9 @@ function updateSlidesClasses() {
     }
   } else {
     if (gridEnabled) {
-      activeSlide = slides.filter(slideEl => slideEl.column === activeIndex)[0];
-      nextSlide = slides.filter(slideEl => slideEl.column === activeIndex + 1)[0];
-      prevSlide = slides.filter(slideEl => slideEl.column === activeIndex - 1)[0];
+      activeSlide = slides.find(slideEl => slideEl.column === activeIndex);
+      nextSlide = slides.find(slideEl => slideEl.column === activeIndex + 1);
+      prevSlide = slides.find(slideEl => slideEl.column === activeIndex - 1);
     } else {
       activeSlide = slides[activeIndex];
     }
@@ -1028,7 +1028,7 @@ function updateActiveIndex(newActiveIndex) {
   if (swiper.virtual && params.virtual.enabled && params.loop) {
     realIndex = getVirtualRealIndex(activeIndex);
   } else if (gridEnabled) {
-    const firstSlideInColumn = swiper.slides.filter(slideEl => slideEl.column === activeIndex)[0];
+    const firstSlideInColumn = swiper.slides.find(slideEl => slideEl.column === activeIndex);
     let activeSlideIndex = parseInt(firstSlideInColumn.getAttribute('data-swiper-slide-index'), 10);
     if (Number.isNaN(activeSlideIndex)) {
       activeSlideIndex = Math.max(swiper.slides.indexOf(firstSlideInColumn), 0);
@@ -1117,7 +1117,7 @@ var update = {
 };
 
 function getSwiperTranslate(axis) {
-  if (axis === void 0) {
+  if (axis === undefined) {
     axis = this.isHorizontal() ? 'x' : 'y';
   }
   const swiper = this;
@@ -1195,16 +1195,16 @@ function maxTranslate() {
 }
 
 function translateTo(translate, speed, runCallbacks, translateBounds, internal) {
-  if (translate === void 0) {
+  if (translate === undefined) {
     translate = 0;
   }
-  if (speed === void 0) {
+  if (speed === undefined) {
     speed = this.params.speed;
   }
-  if (runCallbacks === void 0) {
+  if (runCallbacks === undefined) {
     runCallbacks = true;
   }
-  if (translateBounds === void 0) {
+  if (translateBounds === undefined) {
     translateBounds = true;
   }
   const swiper = this;
@@ -1325,7 +1325,7 @@ function transitionEmit(_ref) {
 }
 
 function transitionStart(runCallbacks, direction) {
-  if (runCallbacks === void 0) {
+  if (runCallbacks === undefined) {
     runCallbacks = true;
   }
   const swiper = this;
@@ -1345,7 +1345,7 @@ function transitionStart(runCallbacks, direction) {
 }
 
 function transitionEnd(runCallbacks, direction) {
-  if (runCallbacks === void 0) {
+  if (runCallbacks === undefined) {
     runCallbacks = true;
   }
   const swiper = this;
@@ -1370,10 +1370,10 @@ var transition = {
 };
 
 function slideTo(index, speed, runCallbacks, internal, initial) {
-  if (index === void 0) {
+  if (index === undefined) {
     index = 0;
   }
-  if (runCallbacks === void 0) {
+  if (runCallbacks === undefined) {
     runCallbacks = true;
   }
   if (typeof index === 'string') {
@@ -1523,10 +1523,10 @@ function slideTo(index, speed, runCallbacks, internal, initial) {
 }
 
 function slideToLoop(index, speed, runCallbacks, internal) {
-  if (index === void 0) {
+  if (index === undefined) {
     index = 0;
   }
-  if (runCallbacks === void 0) {
+  if (runCallbacks === undefined) {
     runCallbacks = true;
   }
   if (typeof index === 'string') {
@@ -1548,7 +1548,7 @@ function slideToLoop(index, speed, runCallbacks, internal) {
       let targetSlideIndex;
       if (gridEnabled) {
         const slideIndex = newIndex * swiper.params.grid.rows;
-        targetSlideIndex = swiper.slides.filter(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === slideIndex)[0].column;
+        targetSlideIndex = swiper.slides.find(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === slideIndex).column;
       } else {
         targetSlideIndex = swiper.getSlideIndexByData(newIndex);
       }
@@ -1583,7 +1583,7 @@ function slideToLoop(index, speed, runCallbacks, internal) {
       }
       if (gridEnabled) {
         const slideIndex = newIndex * swiper.params.grid.rows;
-        newIndex = swiper.slides.filter(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === slideIndex)[0].column;
+        newIndex = swiper.slides.find(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === slideIndex).column;
       } else {
         newIndex = swiper.getSlideIndexByData(newIndex);
       }
@@ -1597,7 +1597,7 @@ function slideToLoop(index, speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slideNext(speed, runCallbacks, internal) {
-  if (runCallbacks === void 0) {
+  if (runCallbacks === undefined) {
     runCallbacks = true;
   }
   const swiper = this;
@@ -1638,7 +1638,7 @@ function slideNext(speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slidePrev(speed, runCallbacks, internal) {
-  if (runCallbacks === void 0) {
+  if (runCallbacks === undefined) {
     runCallbacks = true;
   }
   const swiper = this;
@@ -1706,7 +1706,7 @@ function slidePrev(speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slideReset(speed, runCallbacks, internal) {
-  if (runCallbacks === void 0) {
+  if (runCallbacks === undefined) {
     runCallbacks = true;
   }
   const swiper = this;
@@ -1719,10 +1719,10 @@ function slideReset(speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slideToClosest(speed, runCallbacks, internal, threshold) {
-  if (runCallbacks === void 0) {
+  if (runCallbacks === undefined) {
     runCallbacks = true;
   }
-  if (threshold === void 0) {
+  if (threshold === undefined) {
     threshold = 0.5;
   }
   const swiper = this;
@@ -1865,7 +1865,7 @@ function loopFix(_temp) {
     activeSlideIndex,
     byController,
     byMousewheel
-  } = _temp === void 0 ? {} : _temp;
+  } = _temp === undefined ? {} : _temp;
   const swiper = this;
   if (!swiper.params.loop) return;
   swiper.emit('beforeLoopFix');
@@ -1922,7 +1922,7 @@ function loopFix(_temp) {
   const appendSlidesIndexes = [];
   let activeIndex = swiper.activeIndex;
   if (typeof activeSlideIndex === 'undefined') {
-    activeSlideIndex = swiper.getSlideIndex(slides.filter(el => el.classList.contains(params.slideActiveClass))[0]);
+    activeSlideIndex = swiper.getSlideIndex(slides.find(el => el.classList.contains(params.slideActiveClass)));
   } else {
     activeIndex = activeSlideIndex;
   }
@@ -2129,7 +2129,7 @@ var grabCursor = {
 
 // Modified from https://stackoverflow.com/questions/54520554/custom-element-getrootnode-closest-function-crossing-multiple-parent-shadowd
 function closestElement(selector, base) {
-  if (base === void 0) {
+  if (base === undefined) {
     base = this;
   }
   function __closestFrom(el) {
@@ -2282,7 +2282,7 @@ function onTouchMove(event) {
   }
   let targetTouch;
   if (e.type === 'touchmove') {
-    targetTouch = [...e.changedTouches].filter(t => t.identifier === data.touchId)[0];
+    targetTouch = [...e.changedTouches].find(t => t.identifier === data.touchId);
     if (!targetTouch || targetTouch.identifier !== data.touchId) return;
   } else {
     targetTouch = e;
@@ -2423,7 +2423,6 @@ function onTouchMove(event) {
     }
     swiper.emit('sliderFirstMove', e);
   }
-  let loopFixed;
   new Date().getTime();
   if (data.isMoved && data.allowThresholdMove && prevTouchesDirection !== swiper.touchesDirection && isLoop && allowLoopFix && Math.abs(diff) >= 1) {
     Object.assign(touches, {
@@ -2446,7 +2445,7 @@ function onTouchMove(event) {
     resistanceRatio = 0;
   }
   if (diff > 0) {
-    if (isLoop && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate > (params.centeredSlides ? swiper.minTranslate() - swiper.slidesSizesGrid[swiper.activeIndex + 1] - (params.slidesPerView !== 'auto' && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.activeIndex + 1] + swiper.params.spaceBetween : 0) - swiper.params.spaceBetween : swiper.minTranslate())) {
+    if (isLoop && allowLoopFix && true && data.allowThresholdMove && data.currentTranslate > (params.centeredSlides ? swiper.minTranslate() - swiper.slidesSizesGrid[swiper.activeIndex + 1] - (params.slidesPerView !== 'auto' && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.activeIndex + 1] + swiper.params.spaceBetween : 0) - swiper.params.spaceBetween : swiper.minTranslate())) {
       swiper.loopFix({
         direction: 'prev',
         setTranslate: true,
@@ -2460,7 +2459,7 @@ function onTouchMove(event) {
       }
     }
   } else if (diff < 0) {
-    if (isLoop && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate < (params.centeredSlides ? swiper.maxTranslate() + swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween + (params.slidesPerView !== 'auto' && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween : 0) : swiper.maxTranslate())) {
+    if (isLoop && allowLoopFix && true && data.allowThresholdMove && data.currentTranslate < (params.centeredSlides ? swiper.maxTranslate() + swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween + (params.slidesPerView !== 'auto' && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween : 0) : swiper.maxTranslate())) {
       swiper.loopFix({
         direction: 'next',
         setTranslate: true,
@@ -2533,7 +2532,7 @@ function onTouchEnd(event) {
     if (e.pointerId !== data.pointerId) return;
     targetTouch = e;
   } else {
-    targetTouch = [...e.changedTouches].filter(t => t.identifier === data.touchId)[0];
+    targetTouch = [...e.changedTouches].find(t => t.identifier === data.touchId);
     if (!targetTouch || targetTouch.identifier !== data.touchId) return;
   }
   if (['pointercancel', 'pointerout', 'pointerleave', 'contextmenu'].includes(e.type)) {
@@ -2907,9 +2906,12 @@ function setBreakpoint() {
   } = swiper;
   const breakpoints = params.breakpoints;
   if (!breakpoints || breakpoints && Object.keys(breakpoints).length === 0) return;
+  const document = getDocument();
 
-  // Get breakpoint for window width and update parameters
-  const breakpoint = swiper.getBreakpoint(breakpoints, swiper.params.breakpointsBase, swiper.el);
+  // Get breakpoint for window/container width and update parameters
+  const breakpointsBase = params.breakpointsBase === 'window' || !params.breakpointsBase ? params.breakpointsBase : 'container';
+  const breakpointContainer = ['window', 'container'].includes(params.breakpointsBase) || !params.breakpointsBase ? swiper.el : document.querySelector(params.breakpointsBase);
+  const breakpoint = swiper.getBreakpoint(breakpoints, breakpointsBase, breakpointContainer);
   if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;
   const breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
   const breakpointParams = breakpointOnlyParams || swiper.originalParams;
@@ -2983,7 +2985,7 @@ function setBreakpoint() {
 }
 
 function getBreakpoint(breakpoints, base, containerEl) {
-  if (base === void 0) {
+  if (base === undefined) {
     base = 'window';
   }
   if (!breakpoints || base === 'container' && !containerEl) return undefined;
@@ -3251,7 +3253,7 @@ var defaults = {
 
 function moduleExtendParams(params, allModulesParams) {
   return function extendParams(obj) {
-    if (obj === void 0) {
+    if (obj === undefined) {
       obj = {};
     }
     const moduleParamName = Object.keys(obj)[0];
@@ -3485,7 +3487,7 @@ class Swiper {
     return elementIndex(slideEl) - firstSlideIndex;
   }
   getSlideIndexByData(index) {
-    return this.getSlideIndex(this.slides.filter(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === index)[0]);
+    return this.getSlideIndex(this.slides.find(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === index));
   }
   recalcSlides() {
     const swiper = this;
@@ -3553,10 +3555,10 @@ class Swiper {
     swiper.emit('_slideClasses', updates);
   }
   slidesPerViewDynamic(view, exact) {
-    if (view === void 0) {
+    if (view === undefined) {
       view = 'current';
     }
-    if (exact === void 0) {
+    if (exact === undefined) {
       exact = false;
     }
     const swiper = this;
@@ -3658,7 +3660,7 @@ class Swiper {
     swiper.emit('update');
   }
   changeDirection(newDirection, needUpdate) {
-    if (needUpdate === void 0) {
+    if (needUpdate === undefined) {
       needUpdate = true;
     }
     const swiper = this;
@@ -3816,10 +3818,10 @@ class Swiper {
     return swiper;
   }
   destroy(deleteInstance, cleanStyles) {
-    if (deleteInstance === void 0) {
+    if (deleteInstance === undefined) {
       deleteInstance = true;
     }
-    if (cleanStyles === void 0) {
+    if (cleanStyles === undefined) {
       cleanStyles = true;
     }
     const swiper = this;

package/dist/node_modules/.pnpm/{swiper@11.1.14 → swiper@11.2.1}/node_modules/swiper/shared/update-on-virtual-data.js

@@ -2,10 +2,10 @@ import { e as extend, p as paramsList, i as isObject, n as needsNavigation, a as
 import { d as defaults } from './swiper-core.js';
 
 function getParams(obj, splitEvents) {
-  if (obj === void 0) {
+  if (obj === undefined) {
     obj = {};
   }
-  if (splitEvents === void 0) {
+  if (splitEvents === undefined) {
     splitEvents = true;
   }
   const params = {

package/dist/node_modules/.pnpm/{swiper@11.1.14 → swiper@11.2.1}/node_modules/swiper/shared/update-swiper.js

@@ -17,25 +17,25 @@ function extend(target, src) {
   });
 }
 function needsNavigation(params) {
-  if (params === void 0) {
+  if (params === undefined) {
     params = {};
   }
   return params.navigation && typeof params.navigation.nextEl === 'undefined' && typeof params.navigation.prevEl === 'undefined';
 }
 function needsPagination(params) {
-  if (params === void 0) {
+  if (params === undefined) {
     params = {};
   }
   return params.pagination && typeof params.pagination.el === 'undefined';
 }
 function needsScrollbar(params) {
-  if (params === void 0) {
+  if (params === undefined) {
     params = {};
   }
   return params.scrollbar && typeof params.scrollbar.el === 'undefined';
 }
 function uniqueClasses(classNames) {
-  if (classNames === void 0) {
+  if (classNames === undefined) {
     classNames = '';
   }
   const classes = classNames.split(' ').map(c => c.trim()).filter(c => !!c);
@@ -46,7 +46,7 @@ function uniqueClasses(classNames) {
   return unique.join(' ');
 }
 function wrapperClass(className) {
-  if (className === void 0) {
+  if (className === undefined) {
     className = '';
   }
   if (!className) return 'swiper-wrapper';
@@ -82,7 +82,7 @@ function updateSwiper(_ref) {
   let loopNeedDestroy;
   let loopNeedEnable;
   let loopNeedReloop;
-  if (changedParams.includes('thumbs') && passedParams.thumbs && passedParams.thumbs.swiper && currentParams.thumbs && !currentParams.thumbs.swiper) {
+  if (changedParams.includes('thumbs') && passedParams.thumbs && passedParams.thumbs.swiper && !passedParams.thumbs.swiper.destroyed && currentParams.thumbs && (!currentParams.thumbs.swiper || currentParams.thumbs.swiper.destroyed)) {
     needThumbsInit = true;
   }
   if (changedParams.includes('controller') && passedParams.controller && passedParams.controller.control && currentParams.controller && !currentParams.controller.control) {

package/dist/node_modules/.pnpm/{swiper@11.1.14 → swiper@11.2.1}/node_modules/swiper/shared/utils.js

@@ -1,7 +1,7 @@
 import { a as getWindow } from './ssr-window.esm.js';
 
 function classesToTokens(classes) {
-  if (classes === void 0) {
+  if (classes === undefined) {
     classes = '';
   }
   return classes.trim().split(' ').filter(c => !!c.trim());
@@ -23,7 +23,7 @@ function deleteProps(obj) {
   });
 }
 function nextTick(callback, delay) {
-  if (delay === void 0) {
+  if (delay === undefined) {
     delay = 0;
   }
   return setTimeout(callback, delay);
@@ -46,7 +46,7 @@ function getComputedStyle(el) {
   return style;
 }
 function getTranslate(el, axis) {
-  if (axis === void 0) {
+  if (axis === undefined) {
     axis = 'x';
   }
   const window = getWindow();
@@ -178,11 +178,12 @@ function animateCSSModeScroll(_ref) {
   animate();
 }
 function elementChildren(element, selector) {
-  if (selector === void 0) {
+  if (selector === undefined) {
     selector = '';
   }
+  const window = getWindow();
   const children = [...element.children];
-  if (element instanceof HTMLSlotElement) {
+  if (window.HTMLSlotElement && element instanceof HTMLSlotElement) {
     children.push(...element.assignedElements());
   }
   if (!selector) {
@@ -190,11 +191,26 @@ function elementChildren(element, selector) {
   }
   return children.filter(el => el.matches(selector));
 }
+function elementIsChildOfSlot(el, slot) {
+  // Breadth-first search through all parent's children and assigned elements
+  const elementsQueue = [slot];
+  while (elementsQueue.length > 0) {
+    const elementToCheck = elementsQueue.shift();
+    if (el === elementToCheck) {
+      return true;
+    }
+    elementsQueue.push(...elementToCheck.children, ...(elementToCheck.shadowRoot?.children || []), ...(elementToCheck.assignedElements?.() || []));
+  }
+}
 function elementIsChildOf(el, parent) {
-  const isChild = parent.contains(el);
-  if (!isChild && parent instanceof HTMLSlotElement) {
+  const window = getWindow();
+  let isChild = parent.contains(el);
+  if (!isChild && window.HTMLSlotElement && parent instanceof HTMLSlotElement) {
     const children = [...parent.assignedElements()];
-    return children.includes(el);
+    isChild = children.includes(el);
+    if (!isChild) {
+      isChild = elementIsChildOfSlot(el, parent);
+    }
   }
   return isChild;
 }
@@ -207,7 +223,7 @@ function showWarning(text) {
   }
 }
 function createElement(tag, classes) {
-  if (classes === void 0) {
+  if (classes === undefined) {
     classes = [];
   }
   const el = document.createElement(tag);

package/dist/node_modules/.pnpm/{swiper@11.1.14 → swiper@11.2.1}/node_modules/swiper/swiper-react.js

@@ -4,15 +4,15 @@ import { g as getParams, m as mountSwiper, a as getChangedParams, u as updateOnV
 import { d as uniqueClasses, w as wrapperClass, n as needsNavigation, b as needsScrollbar, a as needsPagination, e as extend, u as updateSwiper } from './shared/update-swiper.js';
 
 /**
- * Swiper React 11.1.14
+ * Swiper React 11.2.1
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
- * Copyright 2014-2024 Vladimir Kharlampidi
+ * Copyright 2014-2025 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: September 12, 2024
+ * Released on: January 10, 2025
  */
 
 
@@ -130,7 +130,7 @@ const Swiper = /*#__PURE__*/forwardRef(function (_temp, externalElRef) {
     children,
     onSwiper,
     ...rest
-  } = _temp === void 0 ? {} : _temp;
+  } = _temp === undefined ? {} : _temp;
   let eventsAssigned = false;
   const [containerClasses, setContainerClasses] = useState('swiper');
   const [virtualData, setVirtualData] = useState(null);
@@ -317,7 +317,7 @@ const SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {
     virtualIndex,
     swiperSlideIndex,
     ...rest
-  } = _temp === void 0 ? {} : _temp;
+  } = _temp === undefined ? {} : _temp;
   const slideElRef = useRef(null);
   const [slideClasses, setSlideClasses] = useState('swiper-slide');
   const [lazyLoaded, setLazyLoaded] = useState(false);

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

@@ -78,7 +78,7 @@ function CartContent({ cartLines }) {
     if (!currentCart)
         return null;
     return (jsx(CheckoutPageLayout, { actions: {
-            primary: (jsx(RouteButton, { withArrow: true, href: "/CheckoutShipping", children: jsx(FormattedMessage, { id: "Continue shopping" }) })),
+            primary: (jsx(RouteButton, { withArrow: true, "data-test-selector": "checkoutShippingCartTotalContinueButton", href: "/CheckoutShipping", children: jsx(FormattedMessage, { id: "Continue shopping" }) })),
             secondary: (jsx(RouteButton, { color: "secondary", href: isAuthenticated ? undefined : '/signin', onClick: () => {
                     if (!isAuthenticated)
                         return;

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

@@ -12,7 +12,6 @@ import { OrderLineList } from '../../../lists/orderline-list/orderline-list.js';
 import { useIsAuthenticated } from '../../../shared/api/storefront/hooks/authentication/use-is-authenticated.js';
 import { useFetchCurrentCheckoutAtp } from '../../../shared/api/storefront/hooks/cart/use-fetch-current-cart-checkout-atp.js';
 import { useFetchCurrentCartWithAtp } from '../../../shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp.js';
-import { useFetchFulfillmentMethodsForCurrentCart } from '../../../shared/api/storefront/hooks/customer/use-fetch-fulfillment-methods-for-current-cart.js';
 import { useNavigate } from '../../../shared/routing/route-provider.js';
 import { hasNo } from '../../../shared/utils/types.js';
 import { Page } from '../../components/page/page.js';
@@ -30,8 +29,8 @@ function PaymentPage() {
         forceRecalculation: !hasReturnedFromAdyen,
     });
     const { data: atp, isLoading: isAtpLoading } = useFetchCurrentCheckoutAtp();
-    const { data: fulfillmentMethods, isLoading: isFulfillmentMethodsLoading } = useFetchFulfillmentMethodsForCurrentCart();
-    const isLoading = isLoadingCart || isAtpLoading || isFulfillmentMethodsLoading;
+    const hasAtp = atp && atp.length > 0 && atp[0]?.date !== null;
+    const isLoading = isLoadingCart || isAtpLoading;
     const t = useFormattedMessage();
     const [isProcessing, setIsProcessing] = useState(false);
     const [isValidating, setIsValidating] = useState(false);
@@ -60,7 +59,6 @@ function PaymentPage() {
     if (!isAuthenticated ||
         hasNo(atp) ||
         hasNo(cart) ||
-        hasNo(fulfillmentMethods) ||
         hasNo(cart.cartLines) ||
         cart.cartLines.length === 0 ||
         hasNo(cart.billTo?.address1))
@@ -70,7 +68,7 @@ function PaymentPage() {
             { href: '/CheckoutReviewAndSubmit', label: t('Review and payment') },
         ], title: t('Review and payment'), children: jsxs(CheckoutPageLayout, { actions: {
                 primary: (jsx(Button, { withArrow: true, "data-test-selector": "checkoutShippingCartTotalContinueButton", form: PAYMENT_FORM_ID, isDisabled: isProcessing, isLoading: isProcessing ? (jsx(FormattedMessage, { id: "Processing" })) : isValidating ? (jsx(FormattedMessage, { id: "Validating" })) : (false), type: "submit", children: jsx(FormattedMessage, { id: "Pay" }) })),
-            }, mobileSummary: jsx(CartTotalsSummary, { totalAmount: cart.orderGrandTotalDisplay }), overview: jsx(CartTotals, { fulfillmentMethod: cart.fulfillmentMethod, shippingCost: cart.shippingAndHandlingDisplay, subtotal: cart.orderSubTotalDisplay, tax: cart.totalTaxDisplay, total: cart.orderGrandTotalDisplay, 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: PAYMENT_FORM_ID, fulfillmentMethods: fulfillmentMethods, onPaymentComplete: onPaymentComplete, onProcessing: setIsProcessing, onValidating: setIsValidating }) }) }), 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, href: cartLine.productUri, image: {
+            }, mobileSummary: jsx(CartTotalsSummary, { totalAmount: cart.orderGrandTotalDisplay }), overview: jsx(CartTotals, { deliveryDate: hasAtp ? undefined : cart.requestedDeliveryDate, fulfillmentMethod: cart.fulfillmentMethod, shippingCost: cart.shippingAndHandlingDisplay, subtotal: cart.orderSubTotalDisplay, tax: cart.totalTaxDisplay, total: cart.orderGrandTotalDisplay, 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: PAYMENT_FORM_ID, onPaymentComplete: onPaymentComplete, onProcessing: setIsProcessing, onValidating: setIsValidating }) }) }), 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, href: cartLine.productUri, image: {
                                     fit: 'contain',
                                     image: {
                                         '1': cartLine.smallImagePath,

package/dist/pages/checkout/shipping-page/components/edit-address.d.ts

@@ -13,9 +13,10 @@ interface Address {
     phone: string;
     postalCode: string;
 }
-export declare function EditAddresses({ countries, isLoading, onSubmit, }: {
+export declare function EditAddresses({ countries, isLoading, isPickup, onSubmit, }: {
     countries: CountryModel[];
     isLoading: boolean;
+    isPickup: boolean;
     onSubmit: (event: {
         address: Address;
         notes: string;

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

@@ -10,10 +10,11 @@ import { validatePhone, validateEmail } from '../../../../shared/model/address.j
 import { Tooltip } from '../../../../tooltip/tooltip.js';
 import { CheckoutPageSection } from '../../layouts/checkout-page-layout/components/checkout-page-section.js';
 import { CheckoutPageSectionContent } from '../../layouts/checkout-page-layout/components/checkout-page-section-content.js';
+import { SonicAddress } from './sonic-address.js';
 import styles from './edit-address.module.css.js';
 
 const EDIT_ADDRESS_FORM_ID = 'billToForm';
-function EditAddresses({ countries, isLoading, onSubmit, }) {
+function EditAddresses({ countries, isLoading, isPickup, onSubmit, }) {
     const t = useFormattedMessage();
     const [companyName, setCompanyName] = useState('');
     const [lastName, setLastName] = useState('');
@@ -48,7 +49,7 @@ function EditAddresses({ countries, isLoading, onSubmit, }) {
                                         if (!value)
                                             return value;
                                         return validateEmail(value) || 'Vul een geldig emailadres in';
-                                    } }) }), jsx("div", { className: styles['span-2'], children: jsx(TextField, { isDisabled: isLoading, isMultiline: true, label: t('Add order notes'), name: "notes", rows: 3, showLabel: true }) })] }) }) }), jsx(CheckoutPageSection, { title: jsx(FormattedMessage, { id: "Shipping address" }), children: jsx(CheckoutPageSectionContent, { children: jsxs("div", { className: styles['use-invoice-checkbox'], children: [jsx(Checkbox, { isDisabled: true, isSelected: true, children: jsx(FormattedMessage, { id: "Use billing address" }) }), jsx(Tooltip, { text: t('Changing your address is currently not possible. Please contact customer support to change your address.') })] }) }) })] }));
+                                    } }) }), jsx("div", { className: styles['span-2'], children: jsx(TextField, { isDisabled: isLoading, isMultiline: true, label: t('Add order notes'), name: "notes", rows: 3, showLabel: true }) })] }) }) }), jsx(CheckoutPageSection, { title: jsx(FormattedMessage, { id: isPickup ? 'Pickup address' : 'Shipping address' }), children: jsx(CheckoutPageSectionContent, { children: jsx(Fragment, { children: isPickup ? (jsx(SonicAddress, {})) : (jsxs("div", { className: styles['use-invoice-checkbox'], children: [jsx(Checkbox, { isDisabled: true, isSelected: true, children: jsx(FormattedMessage, { id: "Use billing address" }) }), jsx(Tooltip, { text: t('Changing your address is currently not possible. Please contact customer support to change your address.') })] })) }) }) })] }));
 }
 
 export { EDIT_ADDRESS_FORM_ID, EditAddresses };

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

@@ -1,7 +1,8 @@
 import { BillToModel, ShipToModel } from '../../../../shared/api/storefront/model/storefront.model';
-export declare function ReadOnlyAddresses({ billTo, isLoading, notes, onSubmit, shipTo, }: {
+export declare function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipTo, }: {
     billTo: BillToModel | undefined | null;
     isLoading: boolean;
+    isPickup: boolean;
     notes: string;
     onSubmit: ({ notes }: {
         notes: string;

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

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Form } from 'react-aria-components';
 import { Address } from '../../../../address/address.js';
 import { Checkbox } from '../../../../forms/checkbox/checkbox.js';
@@ -10,10 +10,11 @@ import { CheckoutPageSection } from '../../layouts/checkout-page-layout/componen
 import { CheckoutPageSectionContent } from '../../layouts/checkout-page-layout/components/checkout-page-section-content.js';
 import { CheckoutPageSectionLink } from '../../layouts/checkout-page-layout/components/checkout-page-section-link.js';
 import { EDIT_ADDRESS_FORM_ID } from './edit-address.js';
+import { SonicAddress } from './sonic-address.js';
 import styles from './readonly-address.module.css.js';
 
 const ACCOUNT_ADDRESSES_PATH = '/MyAccount/Addresses';
-function ReadOnlyAddresses({ billTo, isLoading, notes, onSubmit, shipTo, }) {
+function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipTo, }) {
     const t = useFormattedMessage();
     return (jsxs(Form, { "data-test-selector": "billToAddressForm", id: EDIT_ADDRESS_FORM_ID, onSubmit: e => {
             e.preventDefault();
@@ -21,7 +22,7 @@ function ReadOnlyAddresses({ billTo, isLoading, notes, onSubmit, shipTo, }) {
             onSubmit({
                 notes: formData.get('notes')?.toString() || '',
             });
-        }, children: [jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: "Billing address" }), children: [jsx(CheckoutPageSectionLink, { children: jsxs(RouteLink, { color: "secondary", href: ACCOUNT_ADDRESSES_PATH, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit billing address" }), " >"] }) }), jsxs(CheckoutPageSectionContent, { children: [billTo && (jsx(Address, { address1: billTo.address1, address2: billTo.address2, address3: billTo.address3, city: billTo.city, companyName: billTo.companyName, country: billTo.country?.name, email: billTo.email, firstName: billTo.firstName, lastName: billTo.lastName, phone: billTo.phone, postalCode: billTo.postalCode })), jsx("div", { className: styles.notes, children: jsx(TextField, { defaultValue: notes, isDisabled: isLoading, isMultiline: true, label: t('Add order notes'), name: "notes", rows: 3, showLabel: true }) })] })] }), jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: "Shipping address" }), children: [jsx(CheckoutPageSectionLink, { children: jsxs(RouteLink, { color: "secondary", href: ACCOUNT_ADDRESSES_PATH, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit shipping address" }), " >"] }) }), jsxs(CheckoutPageSectionContent, { children: [jsx(Checkbox, { className: styles['use-invoice-checkbox'], isDisabled: true, isSelected: true, children: jsx(FormattedMessage, { id: "Use billing address" }) }), shipTo && (jsx(Address, { address1: shipTo.address1, address2: shipTo.address2, address3: shipTo.address3, city: shipTo.city, companyName: shipTo.companyName, country: shipTo.country?.name, email: shipTo.email, firstName: shipTo.firstName, lastName: shipTo.lastName, phone: shipTo.phone, postalCode: shipTo.postalCode }))] })] })] }));
+        }, children: [jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: "Billing address" }), children: [jsx(CheckoutPageSectionLink, { children: jsxs(RouteLink, { color: "secondary", href: ACCOUNT_ADDRESSES_PATH, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit billing address" }), " >"] }) }), jsxs(CheckoutPageSectionContent, { children: [billTo && (jsx(Address, { address1: billTo.address1, address2: billTo.address2, address3: billTo.address3, city: billTo.city, companyName: billTo.companyName, country: billTo.country?.name, email: billTo.email, firstName: billTo.firstName, lastName: billTo.lastName, phone: billTo.phone, postalCode: billTo.postalCode })), jsx("div", { className: styles.notes, children: jsx(TextField, { defaultValue: notes, isDisabled: isLoading, isMultiline: true, label: t('Add order notes'), name: "notes", rows: 3, showLabel: true }) })] })] }), jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: isPickup ? 'Pickup address' : 'Shipping address' }), children: [!isPickup && (jsx(CheckoutPageSectionLink, { children: jsxs(RouteLink, { color: "secondary", href: ACCOUNT_ADDRESSES_PATH, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit shipping address" }), " >"] }) })), jsx(CheckoutPageSectionContent, { children: isPickup ? (jsx(SonicAddress, {})) : (jsxs(Fragment, { children: [jsx(Checkbox, { className: styles['use-invoice-checkbox'], isDisabled: true, isSelected: true, children: jsx(FormattedMessage, { id: "Use billing address" }) }), shipTo && (jsx(Address, { address1: shipTo.address1, address2: shipTo.address2, address3: shipTo.address3, city: shipTo.city, companyName: shipTo.companyName, country: shipTo.country?.name, email: shipTo.email, firstName: shipTo.firstName, lastName: shipTo.lastName, phone: shipTo.phone, postalCode: shipTo.postalCode }))] })) })] })] }));
 }
 
 export { ReadOnlyAddresses };

package/dist/pages/checkout/shipping-page/components/sonic-address.d.ts

@@ -0,0 +1 @@
+export declare function SonicAddress(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { FormattedMessage } from '../../../../intl/formatted-message.js';
+import styles from './sonic-address.module.css.js';
+
+function SonicAddress() {
+    return (jsx("div", { className: styles['sonic-address'], children: jsx(FormattedMessage, { id: "Sonic address" }) }));
+}
+
+export { SonicAddress };