@cognigy/webchat 3.49.0 → 3.50.0

package/dist/webchat.esm.js

@@ -1,7 +1,7 @@
 /*!
- * webchat.esm.js v3.49.0
- * https://github.com/Cognigy/Webchat/tree/v3.49.0
- * https://github.com/Cognigy/Webchat/tree/v3.49.0/OSS_LICENSES.txt
+ * webchat.esm.js v3.50.0
+ * https://github.com/Cognigy/Webchat/tree/v3.50.0
+ * https://github.com/Cognigy/Webchat/tree/v3.50.0/OSS_LICENSES.txt
  */
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__ from "react-dom";
@@ -35897,9 +35897,6 @@ const DisconnectableContentWrapper = _emotion_styled__WEBPACK_IMPORTED_MODULE_3_
   flexDirection: "column",
   minHeight: 0
 });
-
-// `inert` is typed here because React 18's prop types don't know it yet;
-// the string form ("") renders the bare attribute, and emotion forwards it.
 const RegularLayoutContentWrapper = _emotion_styled__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A.div(({
   theme
 }) => ({
@@ -35962,6 +35959,18 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
   visibilityCheckCompleted = false;
   engagementMessageTimeout = null;
   ratingFocusTimeout = null;
+  homeScreenExitFocusTimeout = null;
+
+  // Disarms the pending home-screen exit focus fallback. Also registered as
+  // a capture-phase document pointerdown listener while the fallback is
+  // armed, so a deliberate click/tap during the 450ms window cancels it.
+  cancelHomeScreenExitFocusFallback = () => {
+    if (this.homeScreenExitFocusTimeout) {
+      clearTimeout(this.homeScreenExitFocusTimeout);
+      this.homeScreenExitFocusTimeout = null;
+    }
+    document.removeEventListener("pointerdown", this.cancelHomeScreenExitFocusFallback, true);
+  };
 
   /**
    * Announce keys of conversations whose AI-agent notice was already
@@ -36131,7 +36140,21 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     this.evaluateNoticeSession(this.props.prevConversations);
     window.addEventListener("resize", this.handleResize);
   }
-  async componentDidUpdate(prevProps, prevState) {
+
+  // Hiding the home screen applies `inert` to its root, which blurs any
+  // focused descendant. This hook runs just before that DOM update — the
+  // last moment to see whether focus is inside the home screen (user is
+  // leaving it) or elsewhere (programmatic exit). componentDidUpdate arms
+  // the exit-focus fallback only in the first case, so a programmatic exit
+  // never has focus stolen.
+  getSnapshotBeforeUpdate(prevProps) {
+    if (prevProps.showHomeScreen && !this.props.showHomeScreen) {
+      const homeScreenRoot = this.webchatWindowRef?.current?.querySelector(".webchat-homescreen-root");
+      return !!homeScreenRoot?.contains(document.activeElement);
+    }
+    return null;
+  }
+  async componentDidUpdate(prevProps, prevState, focusWasInsideHomeScreen) {
     // When the webchat is opened, focus is moved to the first focusable element inside the webchat window.
     // This happens only if the currently focused element is the toggle button, ensuring no interruption to other interactions or auto-focus behavior.
     // This prevents focus loss when no element with auto-focus is found inside the webchat window.
@@ -36145,6 +36168,41 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
         firstFocusable.focus();
       }
     }
+
+    // Leaving the home screen: `inert` on its root blurs the control that
+    // triggered the exit (e.g. the just-clicked Start conversation button),
+    // so focus can drop to document.body and Tab would restart at the top
+    // of the host page (SC 2.4.3). Most exits re-focus on their own — the
+    // privacy notice / previous conversations / chat options via
+    // autoFocusScreenTitle, the chat screen via the message input's
+    // autofocus — so this fallback checks late (450ms, after BaseInput's
+    // 200ms autofocus and the Header's 200ms title focus, matching the
+    // back-to-home timing) and only acts if focus is still on document.body
+    // or stuck inside the hidden home screen. That is the case when
+    // entering the chat screen with `disableInputAutofocus: true`.
+    // It is armed only when the exit blurred focus out of the home screen
+    // (the getSnapshotBeforeUpdate result), and a pointerdown anywhere
+    // during the window disarms it — so a programmatic exit or a deliberate
+    // click (e.g. on a non-focusable area of the host page) never has focus
+    // pulled away.
+    if (prevProps.showHomeScreen && !this.props.showHomeScreen && focusWasInsideHomeScreen) {
+      this.cancelHomeScreenExitFocusFallback();
+      document.addEventListener("pointerdown", this.cancelHomeScreenExitFocusFallback, true);
+      this.homeScreenExitFocusTimeout = setTimeout(() => {
+        this.cancelHomeScreenExitFocusFallback();
+        const webchatWindowEl = this.webchatWindowRef?.current;
+        if (!webchatWindowEl) return;
+        const active = document.activeElement;
+        const homeScreenRoot = webchatWindowEl.querySelector(".webchat-homescreen-root");
+        if (active === document.body || homeScreenRoot?.contains(active)) {
+          // Scoped to the header bar because id "webchatHeaderTitle" is
+          // duplicated across Header, HomeScreen and TeaserMessage. The
+          // Header is not rendered while the xApp overlay is open, so
+          // fall back to the window's first focusable element.
+          (webchatWindowEl.querySelector(".webchat-header-bar .webchat-header-title") ?? (0,_utils_find_focusable__WEBPACK_IMPORTED_MODULE_23__/* ["default"] */ .A)(webchatWindowEl).firstFocusable)?.focus();
+        }
+      }, 450);
+    }
     if (prevProps.currentSession !== this.props.currentSession) {
       this.evaluateNoticeSession(prevProps.prevConversations);
     }
@@ -36259,6 +36317,9 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       this.ratingFocusTimeout = null;
     }
 
+    // also removes the fallback's document pointerdown listener
+    this.cancelHomeScreenExitFocusFallback();
+
     // Teardown icon animation interval
     if (this.iconAnimationIntervalHandle) {
       clearInterval(this.iconAnimationIntervalHandle);
@@ -40135,74 +40196,90 @@ const HomeScreen = props => {
     }
   }, []);
 
-  // Get all focusable elemnents inside homeScreen root and set tabindex to -1, if the homescreen is visually hidden
+  // Fallback for browsers without `inert` support (CGY-3278): toggle tabindex
+  // on all interactive elements while the home screen is visually hidden.
+  // Uses focusableIgnoringInert because the plain `focusable` list skips
+  // [inert] subtrees — which the hidden home screen root is.
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
     const tabIndex = showHomeScreen ? 0 : -1;
     if (homeScreenRef.current) {
       const {
-        focusable
+        focusableIgnoringInert
       } = (0,_utils_find_focusable__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .A)(homeScreenRef.current);
-      focusable.forEach(el => {
+      focusableIgnoringInert.forEach(el => {
         el.setAttribute("tabindex", tabIndex.toString());
       });
     }
   }, [showHomeScreen]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenRoot, {
-    className: "webchat-homescreen-root",
-    "aria-hidden": !showHomeScreen,
-    ref: homeScreenRef
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("h2", {
-    className: "sr-only"
-  }, config.settings.customTranslations?.ariaLabels?.homeScreen ?? "Chat window home screen"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenContent, {
-    className: "webchat-homescreen-content",
-    settings: config?.settings
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenHeader, {
-    className: "webchat-homescreen-header"
-  }, config?.settings?.layout?.logoUrl ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_Header__WEBPACK_IMPORTED_MODULE_10__/* .Logo */ .g, {
-    src: config?.settings?.layout?.logoUrl,
-    className: "webchat-homescreen-header-logo",
-    alt: ""
-  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_cognigy_ai_avatar_28px_svg__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A, {
-    className: "webchat-homescreen-header-cognigy-logo",
-    role: "img",
-    title: "Cognigy.AI Logo"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenHeaderIconButton, {
-    ref: closeButtonRef,
-    onClick: onClose,
-    className: "webchat-homescreen-close-button",
-    "aria-label": config.settings.customTranslations?.ariaLabels?.closeChat ?? "Close chat",
-    color: "primary"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_close_16px_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(FullWidthContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_Notifications__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Ay, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenTitle, {
-    variant: "title1-semibold",
-    component: "h3",
-    className: "webchat-homescreen-title",
-    id: "webchatHeaderTitle"
-  }, homeScreen.welcomeText || "Welcome to the Cognigy Webchat"), homeScreen?.conversationStarters?.enabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenButtons, {
-    className: "webchat-homescreen-buttons"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_cognigy_chat_components__WEBPACK_IMPORTED_MODULE_8__/* .ActionButtons */ .wr, {
-    size: "large",
-    showUrlIcon: true,
-    buttonClassName: "webchat-homescreen-button",
-    containerClassName: "webchat-homescreen-button-container",
-    payload: buttons,
-    config: config,
-    action: showHomeScreen ? onSendActionButtonMessage : undefined,
-    onEmitAnalytics: onEmitAnalytics
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenActions, {
-    className: "webchat-homescreen-actions"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(StartButton, {
-    onClick: onStartConversation,
-    className: "webchat-homescreen-send-button",
-    "data-test": "webchat-start-chat-button"
-  }, config.settings.homeScreen.startConversationButtonText || "Start conversation"), config.settings.homeScreen.previousConversations.enabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(PrevConversationsButton, {
-    onClick: handleShowPrevConversations,
-    className: "webchat-homescreen-previous-conversation-button"
-  }, config.settings.homeScreen.previousConversations.buttonText || "Previous conversations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_branding_Branding__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A, {
-    id: "cognigyHomeScreenBranding",
-    watermark: config?.settings?.layout?.watermark,
-    watermarkText: config?.settings?.layout?.watermarkText,
-    watermarkUrl: config?.settings?.layout?.watermarkUrl
-  })));
+  return (
+    /*#__PURE__*/
+    // While another screen (privacy notice, previous conversations, chat,
+    // chat options) is active, the home screen stays mounted behind it for
+    // the exit/enter transition. `inert` removes it from the accessibility
+    // tree, tab order and pointer events — aria-hidden alone still let NVDA
+    // arrow-key browsing reach the content (CGY-3278, WCAG 1.3.2).
+    // aria-hidden="true" stays as a fallback for browsers without inert
+    // support. While visible, neither attribute is rendered:
+    // aria-hidden="false" has inconsistent AT support and reads as hidden
+    // to attribute-presence checks.
+    react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenRoot, {
+      className: "webchat-homescreen-root",
+      "aria-hidden": showHomeScreen ? undefined : true,
+      inert: showHomeScreen ? undefined : "",
+      ref: homeScreenRef
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("h2", {
+      className: "sr-only"
+    }, config.settings.customTranslations?.ariaLabels?.homeScreen ?? "Chat window home screen"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenContent, {
+      className: "webchat-homescreen-content",
+      settings: config?.settings
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenHeader, {
+      className: "webchat-homescreen-header"
+    }, config?.settings?.layout?.logoUrl ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_Header__WEBPACK_IMPORTED_MODULE_10__/* .Logo */ .g, {
+      src: config?.settings?.layout?.logoUrl,
+      className: "webchat-homescreen-header-logo",
+      alt: ""
+    }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_cognigy_ai_avatar_28px_svg__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A, {
+      className: "webchat-homescreen-header-cognigy-logo",
+      role: "img",
+      title: "Cognigy.AI Logo"
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenHeaderIconButton, {
+      ref: closeButtonRef,
+      onClick: onClose,
+      className: "webchat-homescreen-close-button",
+      "aria-label": config.settings.customTranslations?.ariaLabels?.closeChat ?? "Close chat",
+      color: "primary"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_close_16px_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(FullWidthContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_Notifications__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Ay, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenTitle, {
+      variant: "title1-semibold",
+      component: "h3",
+      className: "webchat-homescreen-title",
+      id: "webchatHeaderTitle"
+    }, homeScreen.welcomeText || "Welcome to the Cognigy Webchat"), homeScreen?.conversationStarters?.enabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenButtons, {
+      className: "webchat-homescreen-buttons"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_cognigy_chat_components__WEBPACK_IMPORTED_MODULE_8__/* .ActionButtons */ .wr, {
+      size: "large",
+      showUrlIcon: true,
+      buttonClassName: "webchat-homescreen-button",
+      containerClassName: "webchat-homescreen-button-container",
+      payload: buttons,
+      config: config,
+      action: showHomeScreen ? onSendActionButtonMessage : undefined,
+      onEmitAnalytics: onEmitAnalytics
+    }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HomeScreenActions, {
+      className: "webchat-homescreen-actions"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(StartButton, {
+      onClick: onStartConversation,
+      className: "webchat-homescreen-send-button",
+      "data-test": "webchat-start-chat-button"
+    }, config.settings.homeScreen.startConversationButtonText || "Start conversation"), config.settings.homeScreen.previousConversations.enabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(PrevConversationsButton, {
+      onClick: handleShowPrevConversations,
+      className: "webchat-homescreen-previous-conversation-button"
+    }, config.settings.homeScreen.previousConversations.buttonText || "Previous conversations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_branding_Branding__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A, {
+      id: "cognigyHomeScreenBranding",
+      watermark: config?.settings?.layout?.watermark,
+      watermarkText: config?.settings?.layout?.watermarkText,
+      watermarkUrl: config?.settings?.layout?.watermarkUrl
+    })))
+  );
 };
 
 /***/ },
@@ -43119,21 +43196,33 @@ const getKeyboardFocusableElements = element => {
   const interactiveEls = element?.querySelectorAll('a[href], button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])');
   const interactiveElsArray = interactiveEls && Array.from(interactiveEls);
 
-  // Filter out interactive elements that are disabled, aria-hidden, or inside
-  // an inert subtree (e.g. the chat layout behind the disconnect overlay, or
-  // a leaving screen during its exit transition — see
-  // RegularLayoutContentWrapper in WebchatUI.tsx) — those cannot receive
-  // focus. Matching aria-hidden="true" explicitly (not attribute presence)
-  // keeps elements with aria-hidden="false" focusable. Ancestor aria-hidden
-  // is deliberately NOT filtered: the HomeScreen show/hide pattern queries
-  // focusables inside its aria-hidden root to toggle their tabindex.
-  const focusable = interactiveElsArray?.filter(el => !el.hasAttribute("disabled") && el.getAttribute("aria-hidden") !== "true" && !el.closest("[inert]"));
+  // Two lists are derived from the interactive elements:
+  //
+  // 1. focusableIgnoringInert — drops only elements that are disabled or
+  //    aria-hidden themselves, but KEEPS elements inside [inert] subtrees.
+  //    Needed by HomeScreen's tabindex-toggle fallback, which must reach the
+  //    interactive elements of its own inert-hidden root in browsers without
+  //    inert support. Matching aria-hidden="true" explicitly (not attribute
+  //    presence) keeps elements with aria-hidden="false" focusable. Ancestor
+  //    aria-hidden is deliberately NOT filtered in either list — hidden
+  //    surfaces that must be excluded from focus logic carry `inert`
+  //    alongside aria-hidden (HomeScreen, RegularLayoutContentWrapper,
+  //    DisconnectableContentWrapper).
+  const focusableIgnoringInert = interactiveElsArray?.filter(el => !el.hasAttribute("disabled") && el.getAttribute("aria-hidden") !== "true");
+
+  // 2. focusable — additionally drops elements inside an inert subtree
+  //    (e.g. the chat layout behind the disconnect overlay, or a leaving
+  //    screen during its exit transition — see RegularLayoutContentWrapper
+  //    in WebchatUI.tsx) — those cannot receive focus. This is the list for
+  //    focus traps and focus-first-on-open logic.
+  const focusable = focusableIgnoringInert?.filter(el => !el.closest("[inert]"));
   const firstFocusable = focusable && focusable[0];
   const lastFocusable = focusable && focusable[focusable.length - 1];
   return {
     firstFocusable,
     lastFocusable,
-    focusable
+    focusable,
+    focusableIgnoringInert
   };
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getKeyboardFocusableElements);
@@ -56888,7 +56977,7 @@ article
 	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
 	margin: 0 4px;
 }
-._wrapper_18n3o_1 {
+._wrapper_1h4l4_1 {
 	background-color: white;
 	position: absolute;
 	z-index: 5000;
@@ -56902,7 +56991,7 @@ article
 	flex-direction: column;
 }
 
-._header_18n3o_15 {
+._header_1h4l4_15 {
 	display: flex;
 	border-bottom: 1px solid var(--cc-black-80);
 	padding: 20px;
@@ -56911,18 +57000,18 @@ article
 	background-color: var(--cc-white);
 }
 
-._header_18n3o_15 ._left_18n3o_24 {
+._header_1h4l4_15 ._left_1h4l4_24 {
 	width: 20px;
 }
 
-._header_18n3o_15 ._center_18n3o_28 {
+._header_1h4l4_15 ._center_1h4l4_28 {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	height: 28px;
 }
 
-._header_18n3o_15 ._right_18n3o_35 {
+._header_1h4l4_15 ._right_1h4l4_35 {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -56938,16 +57027,16 @@ article
 	border-radius: 4px;
 }
 
-._header_18n3o_15 ._right_18n3o_35:focus {
+._header_1h4l4_15 ._right_1h4l4_35:focus {
 	outline: 2px solid var(--cc-primary-color-focus);
 	outline-offset: 2px;
 }
 
-._content_18n3o_56 {
+._content_1h4l4_56 {
 	padding: 20px 10px 0px 10px;
 }
 
-._footer_18n3o_60 {
+._footer_1h4l4_60 {
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -56955,7 +57044,7 @@ article
 	padding: 0px 20px;
 }
 
-._footer_18n3o_60._hasTime_18n3o_68:not(._noCalendar_18n3o_68) {
+._footer_1h4l4_60._hasTime_1h4l4_68:not(._noCalendar_1h4l4_68) {
 	margin-top: 30px;
 }
 
@@ -56965,59 +57054,59 @@ article
 ** The idea is to integrate with modules CSS in order to increase the specificity
 ** and avoid conflicts on consumer apps
 */
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar {
 	font-size: 16px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar.open,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar.inline {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar.open,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar.inline {
 	opacity: 1;
 	visibility: visible;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar.open {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar.open {
 	display: inline-block;
 	z-index: 99999;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar.inline {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar.inline {
 	display: flex;
 	flex-direction: column;
 	position: relative;
 	width: 100%;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar.static {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar.static {
 	position: absolute;
 	top: calc(100% + 2px);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar.static.open {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar.static.open {
 	z-index: 999;
 	display: block;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar .hasWeeks .dayContainer,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar .hasTime .dayContainer {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar .hasWeeks .dayContainer,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar .hasTime .dayContainer {
 	border-bottom: 0;
 	border-bottom-right-radius: 0;
 	border-bottom-left-radius: 0;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar .hasWeeks .dayContainer {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar .hasWeeks .dayContainer {
 	border-left: 0;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar:focus {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar:focus {
 	outline: 0;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-calendar .flatpickr-innerContainer:focus-visible {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-calendar .flatpickr-innerContainer:focus-visible {
 	outline: 2px solid var(--cc-primary-color-focus);
 	outline-offset: 2px;
 }
 
-@keyframes _flatpickr-flash-focus_18n3o_1 {
+@keyframes _flatpickr-flash-focus_1h4l4_1 {
 	0% {
 		background-color: var(--cc-black-95);
 	}
@@ -57026,12 +57115,12 @@ article
 	}
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-wrapper {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-wrapper {
 	width: 100%;
 	display: flex;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -57041,8 +57130,8 @@ article
 	margin-bottom: 24px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-prev-month,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-next-month {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-prev-month,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-next-month {
 	text-decoration: none;
 	cursor: pointer;
 	display: inline-flex;
@@ -57054,72 +57143,72 @@ article
 	border-radius: 4px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-prev-month:focus-visible,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-next-month:focus-visible {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-prev-month:focus-visible,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-next-month:focus-visible {
 	outline: 2px solid var(--cc-primary-color-focus);
 	outline-offset: 2px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
 	cursor: default;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
 	left: 0;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
 	right: 0;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-prev-month svg path,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-next-month svg path {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-prev-month svg path,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-next-month svg path {
 	fill: var(--cc-black-10);
 }
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-prev-month.flatpickr-disabled svg path,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-next-month.flatpickr-disabled svg path {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-prev-month.flatpickr-disabled svg path,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-next-month.flatpickr-disabled svg path {
 	fill: var(--cc-black-80);
 }
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-months .flatpickr-next-month svg {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-months .flatpickr-next-month svg {
 	transform: rotate(180deg);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .numInputWrapper {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .numInputWrapper {
 	position: relative;
 	height: auto;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .numInputWrapper input,
-._wrapper_18n3o_1 ._content_18n3o_56 .numInputWrapper span {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .numInputWrapper input,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .numInputWrapper span {
 	display: inline-block;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .numInputWrapper input {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .numInputWrapper input {
 	width: 100%;
 	-moz-appearance: textfield;
 	appearance: textfield;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .numInputWrapper input::-ms-clear {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .numInputWrapper input::-ms-clear {
 	display: none;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .numInputWrapper input::-webkit-outer-spin-button,
-._wrapper_18n3o_1 ._content_18n3o_56 .numInputWrapper input::-webkit-inner-spin-button {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .numInputWrapper input::-webkit-outer-spin-button,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .numInputWrapper input::-webkit-inner-spin-button {
 	margin: 0;
 	-webkit-appearance: none;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month {
 	display: flex;
 	gap: 10px;
 	position: var(--cc-datepicker-current-month-position, static);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .flatpickr-monthDropdown-months {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .flatpickr-monthDropdown-months {
 	display: block;
 	padding: 12px;
 	width: 100%;
@@ -57135,7 +57224,7 @@ article
 	font-size: 14px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month label {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month label {
 	color: var(--cc-black-40);
 	position: absolute;
 	top: var(--cc-datepicker-label-top, -15px);
@@ -57144,16 +57233,16 @@ article
 	font-size: 12px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .flatpickr-monthDropdown-months::-ms-expand {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .flatpickr-monthDropdown-months::-ms-expand {
 	display: none;
 }
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
 	border-color: var(--cc-black-60);
 }
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
 	outline: 2px solid var(--cc-primary-color-focus);
 }
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .flatpickr-monthDropdown-months option {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .flatpickr-monthDropdown-months option {
 	font-weight: normal;
 }
 
@@ -57162,17 +57251,113 @@ article
 	display: none;
 } */
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .numInputWrapper {
-	width: 60px;
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper {
+	/* Wide enough that the centred 4-digit year clears the 24px arrow column on the right. */
+	width: 76px;
 	height: 44px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .numInputWrapper span.arrowUp,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .numInputWrapper span.arrowDown {
-	display: none;
+/*
+** Year stepper arrows. Flatpickr builds these itself (createNumberInput("cur-year")) and wires
+** up click-to-increment natively, but the flatpickr.css port above only copied the
+** .numInputWrapper wrapper/input rules and skipped every \`.numInputWrapper span\` rule, so the
+** arrows had no geometry and were explicitly hidden. Restore flatpickr's own geometry, with
+** three deliberate departures from stock:
+**
+** 1. The glyph colour comes from a theme token instead of flatpickr's hardcoded rgba(), and the
+**    arrows carry no hover background.
+** 2. They reveal on \`:focus-within\` as well as \`:hover\`. Stock flatpickr is hover-only, which
+**    leaves keyboard users with no visible affordance. Keeping them hidden at rest matters
+**    because this library is exact-pinned by Webchat: anything that changes the at-rest
+**    rendering ships to every end customer on the next version bump, and CSA-92602 is a
+**    functional complaint (no way to change the year with the mouse), which hover/focus reveal
+**    fully addresses.
+** 3. 24x24 hit areas instead of flatpickr's cramped 14px column, so target size (WCAG 2.2
+**    SC 2.5.8) is met outright rather than leaning on the "equivalent means" exemption that the
+**    input's type-a-year and ArrowUp/ArrowDown paths provide. The spans are 24px tall inside a
+**    44px field, so they overhang it by 2px above and below; nothing in the month header clips
+**    them. They meet exactly at the midline (-2px + 24px = 22px = 50% of 44px), so the two
+**    targets do not overlap and a click cannot be captured by the wrong arrow.
+**
+** While hidden they are also inert, so a click near the right edge of the year field cannot
+** step the year before the arrows have appeared.
+*/
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper span.arrowUp,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper span.arrowDown {
+	position: absolute;
+	right: 1px;
+	width: 24px;
+	height: 24px;
+	padding: 0 7px 0 7px;
+	box-sizing: border-box;
+	line-height: 50%;
+	cursor: pointer;
+	opacity: 0;
+	pointer-events: none;
+}
+
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper span.arrowUp {
+	top: -2px;
+}
+
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper span.arrowDown {
+	top: 50%;
+}
+
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper:hover span.arrowUp,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper:hover span.arrowDown,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper:focus-within span.arrowUp,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper:focus-within span.arrowDown {
+	opacity: 1;
+	pointer-events: auto;
+}
+
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper span:after {
+	display: block;
+	content: "";
+	position: absolute;
+	border-left: 4px solid transparent;
+	border-right: 4px solid transparent;
+}
+
+/*
+** The glyphs are decorations inside the hit areas, so they can be pulled toward the field's
+** vertical midline without shrinking the 24x24 targets. These percentages are relative to the
+** 24px spans and land the two triangles ~8px apart, centred on the midline, instead of pushed
+** to the top and bottom of the 44px field.
+*/
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper span.arrowUp:after {
+	border-bottom: 4px solid var(--cc-black-10);
+	top: 66%;
+}
+
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper span.arrowDown:after {
+	border-top: 4px solid var(--cc-black-10);
+	top: 18%;
+}
+
+/*
+** flatpickr disables the year input when minDate/maxDate pin it to a single year, but it does
+** not disable the arrows. Mute them off the input's state (they follow it in the DOM) so they
+** match the disabled treatment the nav and time arrows already get. This rule outranks the
+** hover/focus reveal above, so the arrows stay inert even once hover makes them visible — a
+** disabled year still shows why it cannot be stepped rather than silently offering nothing.
+*/
+._wrapper_1h4l4_1
+	._content_1h4l4_56
+	.flatpickr-current-month .numInputWrapper input.cur-year[disabled] ~ span {
+	cursor: default;
+	pointer-events: none;
+}
+
+._wrapper_1h4l4_1
+	._content_1h4l4_56
+	.flatpickr-current-month .numInputWrapper input.cur-year[disabled] ~ span:after {
+	border-bottom-color: var(--cc-black-80);
+	border-top-color: var(--cc-black-80);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month input.cur-year {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month input.cur-year {
 	border-radius: 10px;
 	border: 1px solid var(--cc-black-60);
 	background: var(--cc-white);
@@ -57187,16 +57372,16 @@ article
 	color: var(--cc-black-10);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month input.cur-year:focus {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month input.cur-year:focus {
 	outline: 2px solid var(--cc-primary-color-focus);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month input.cur-year[disabled],
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month input.cur-year[disabled]:hover {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month input.cur-year[disabled],
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month input.cur-year[disabled]:hover {
 	pointer-events: none;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekdays {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekdays {
 	background: transparent;
 	text-align: center;
 	overflow: hidden;
@@ -57212,7 +57397,7 @@ article
 	height: 28px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekdays .flatpickr-weekdaycontainer {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekdays .flatpickr-weekdaycontainer {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
@@ -57223,7 +57408,7 @@ article
 	flex: 1;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 span.flatpickr-weekday {
+._wrapper_1h4l4_1 ._content_1h4l4_56 span.flatpickr-weekday {
 	cursor: default;
 	background: transparent;
 	color: var(--cc-black-40);
@@ -57235,23 +57420,23 @@ article
 	font-weight: 400;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .dayContainer,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weeks {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .dayContainer,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weeks {
 	padding: 1px 0 0 0;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-days {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-days {
 	position: relative;
 	overflow: visible;
 	width: 100%;
 	text-align: center;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-days:focus {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-days:focus {
 	outline: 0;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .dayContainer {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .dayContainer {
 	padding: 0;
 	outline: 0;
 	text-align: left;
@@ -57273,7 +57458,7 @@ article
 	opacity: 1;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day {
 	background: none;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
@@ -57291,13 +57476,13 @@ article
 	aspect-ratio: 1/1;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .hasWeeks .flatpickr-day {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .hasWeeks .flatpickr-day {
 	-webkit-flex-basis: 14.2857143%;
 	-ms-flex-preferred-size: 14.2857143%;
 	flex-basis: 14.2857143%;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day .dayInner {
 	width: 32px;
 	height: 32px;
 	border-radius: 10px;
@@ -57306,77 +57491,77 @@ article
 	justify-content: center;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day:hover .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.nextMonthDay:hover .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.prevMonthDay:hover .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day:focus .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.prevMonthDay:focus .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.nextMonthDay:focus .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day:hover .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.nextMonthDay:hover .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.prevMonthDay:hover .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day:focus .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.prevMonthDay:focus .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.nextMonthDay:focus .dayInner {
 	background-color: var(--cc-black-95);
 }
 
 /* Visible focus ring for the roving-tabindex day. The .flatpickr-day cell receives DOM
    focus; the ring hugs the inner pill so keyboard users can see which date is focused. */
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day {
 	outline: none;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day:focus-visible .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day:focus .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day:focus-visible .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day:focus .dayInner {
 	outline: 2px solid var(--cc-primary-color);
 	outline-offset: 2px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.flatpickr-disabled .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.prevMonthDay.flatpickr-disabled .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.nextMonthDay.flatpickr-disabled .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.flatpickr-disabled .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.prevMonthDay.flatpickr-disabled .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.nextMonthDay.flatpickr-disabled .dayInner {
 	background-color: transparent;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.today .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.today .dayInner {
 	background-color: var(--cc-datepicker-today-background, var(--cc-primary-color-opacity-20));
 	color: var(--cc-datepicker-today-color, inherit);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.selected .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.selected .dayInner {
 	background-color: var(--cc-primary-color);
 	color: var(--cc-primary-contrast-color);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.inRange .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.inRange:hover .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.prevMonthDay.inRange .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.nextMonthDay.inRange .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.today.inRange .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.prevMonthDay.today.inRange .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.nextMonthDay.today.inRange .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.inRange .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.inRange:hover .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.prevMonthDay.inRange .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.nextMonthDay.inRange .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.today.inRange .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.prevMonthDay.today.inRange .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.nextMonthDay.today.inRange .dayInner {
 	width: 100%;
 	background-color: var(--cc-primary-color);
 	color: var(--cc-primary-contrast-color);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.startRange .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.startRange:hover .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.endRange .dayInner,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.endRange:hover .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.startRange .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.startRange:hover .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.endRange .dayInner,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.endRange:hover .dayInner {
 	background-color: var(--cc-primary-color);
 	color: var(--cc-primary-contrast-color);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.startRange:not(.endRange) .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.startRange:not(.endRange) .dayInner {
 	border-top-right-radius: unset;
 	border-bottom-right-radius: unset;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.endRange:not(.startRange) .dayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.endRange:not(.startRange) .dayInner {
 	border-top-left-radius: unset;
 	border-bottom-left-radius: unset;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.inRange .dayInner::after,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.startRange:not(.endRange) .dayInner::after,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.inRange .dayInner::before,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.endRange:not(.startRange) .dayInner::before {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.inRange .dayInner::after,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.startRange:not(.endRange) .dayInner::after,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.inRange .dayInner::before,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.endRange:not(.startRange) .dayInner::before {
 	content: "";
 	height: 32px;
 	width: 32px;
@@ -57384,43 +57569,43 @@ article
 	background-color: var(--cc-primary-color);
 	z-index: -1;
 }
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.inRange .dayInner::after,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.startRange:not(.endRange) .dayInner::after {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.inRange .dayInner::after,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.startRange:not(.endRange) .dayInner::after {
 	right: -13px;
 }
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.inRange .dayInner::before,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.endRange:not(.startRange) .dayInner::before {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.inRange .dayInner::before,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.endRange:not(.startRange) .dayInner::before {
 	left: -13px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.flatpickr-disabled,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-disabled.flatpickr-day,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.flatpickr-disabled:hover,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.prevMonthDay,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.nextMonthDay,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.notAllowed,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.notAllowed.prevMonthDay,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.notAllowed.nextMonthDay {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.flatpickr-disabled,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-disabled.flatpickr-day,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.flatpickr-disabled:hover,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.prevMonthDay,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.nextMonthDay,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.notAllowed,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.notAllowed.prevMonthDay,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.notAllowed.nextMonthDay {
 	color: var(--cc-black-80);
 	background: transparent;
 	border-color: transparent;
 	cursor: default;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.flatpickr-disabled,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.flatpickr-disabled:hover {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.flatpickr-disabled,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.flatpickr-disabled:hover {
 	cursor: not-allowed;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-day.hidden {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-day.hidden {
 	visibility: hidden;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .rangeMode .flatpickr-day {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .rangeMode .flatpickr-day {
 	margin-top: 1px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekwrapper .flatpickr-weekday {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekwrapper .flatpickr-weekday {
 	background: transparent;
 	text-align: center;
 	overflow: hidden;
@@ -57431,8 +57616,8 @@ article
 	height: 28px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekwrapper span.flatpickr-day,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekwrapper span.flatpickr-day:hover {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekwrapper span.flatpickr-day,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekwrapper span.flatpickr-day:hover {
 	background: none;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
@@ -57451,14 +57636,14 @@ article
 	width: 100%;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .hasWeeks .flatpickr-weekwrapper span.flatpickr-day,
-._wrapper_18n3o_1 ._content_18n3o_56 .hasWeeks .flatpickr-weekwrapper span.flatpickr-day:hover {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .hasWeeks .flatpickr-weekwrapper span.flatpickr-day,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .hasWeeks .flatpickr-weekwrapper span.flatpickr-day:hover {
 	-webkit-flex-basis: 14.2857143%;
 	-ms-flex-preferred-size: 14.2857143%;
 	flex-basis: 14.2857143%;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekwrapper span.flatpickr-day span.weekdayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekwrapper span.flatpickr-day span.weekdayInner {
 	width: 27px;
 	height: 100%;
 	display: flex;
@@ -57466,17 +57651,17 @@ article
 	justify-content: center;
 	background-color: var(--cc-black-80);
 }
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekwrapper span.flatpickr-day span.weekdayInner.currentWeek {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekwrapper span.flatpickr-day span.weekdayInner.currentWeek {
 	color: var(--cc-black-40);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekwrapper span.flatpickr-day:first-child span.weekdayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekwrapper span.flatpickr-day:first-child span.weekdayInner {
 	height: 27px;
 	border-top-right-radius: 10px;
 	border-top-left-radius: 10px;
 }
-._wrapper_18n3o_1
-	._content_18n3o_56
+._wrapper_1h4l4_1
+	._content_1h4l4_56
 	.flatpickr-weekwrapper span.flatpickr-day:first-child span.weekdayInner::after {
 	content: "";
 	width: 27px;
@@ -57486,13 +57671,13 @@ article
 	background-color: var(--cc-black-80);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekwrapper span.flatpickr-day:last-child span.weekdayInner {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekwrapper span.flatpickr-day:last-child span.weekdayInner {
 	height: 27px;
 	border-bottom-right-radius: 10px;
 	border-bottom-left-radius: 10px;
 }
-._wrapper_18n3o_1
-	._content_18n3o_56
+._wrapper_1h4l4_1
+	._content_1h4l4_56
 	.flatpickr-weekwrapper span.flatpickr-day:last-child span.weekdayInner::after {
 	content: "";
 	width: 27px;
@@ -57502,20 +57687,20 @@ article
 	background-color: var(--cc-black-80);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-weekwrapper {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-weekwrapper {
 	float: left;
 	width: 12.5%;
 	position: relative;
 	z-index: 1;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-rContainer {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-rContainer {
 	display: flex;
 	flex-direction: column;
 	flex-grow: 1;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time {
 	text-align: center;
 	outline: 0;
 	height: 116px;
@@ -57529,17 +57714,17 @@ article
 	justify-content: center;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .noCalendar .flatpickr-time {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .noCalendar .flatpickr-time {
 	border-top: none;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time:after {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time:after {
 	content: "";
 	display: table;
 	clear: both;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time .numInputWrapper {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time .numInputWrapper {
 	width: 44px;
 	height: 100%;
 	position: relative;
@@ -57547,13 +57732,13 @@ article
 	align-items: center;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowUp:after,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowDown:after {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowUp:after,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowDown:after {
 	display: none;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowUp,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowDown {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowUp,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowDown {
 	position: absolute;
 	width: 44px;
 	display: flex;
@@ -57561,33 +57746,33 @@ article
 	cursor: pointer;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowUp.disabled,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowDown.disabled {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowUp.disabled,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowDown.disabled {
 	cursor: default;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time svg {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time svg {
 	pointer-events: none;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time svg path {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time svg path {
 	fill: var(--cc-black-10);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.disabled svg path {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.disabled svg path {
 	fill: var(--cc-black-80);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowUp {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowUp {
 	top: 0;
 	transform: rotate(90deg);
 }
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowDown {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowDown {
 	bottom: 0;
 	transform: rotate(270deg);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time input {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time input {
 	border-radius: 10px;
 	border: 1px solid var(--cc-black-60, #999);
 	background: var(--cc-white, #fff);
@@ -57604,31 +57789,31 @@ article
 	color: var(--cc-black-10);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time input.flatpickr-minute,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time input.flatpickr-second {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time input.flatpickr-minute,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time input.flatpickr-second {
 	font-weight: 400;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time input.flatpickr-hour:focus,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time input.flatpickr-minute:focus,
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time input.flatpickr-second:focus {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time input.flatpickr-hour:focus,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time input.flatpickr-minute:focus,
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time input.flatpickr-second:focus {
 	outline: 2px solid var(--cc-primary-color-focus);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.flatpickr-am-pm:focus-visible {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.flatpickr-am-pm:focus-visible {
 	outline: 2px solid var(--cc-primary-color-focus);
 	outline-offset: -2px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time input:focus {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time input:focus {
 	outline: 0;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time .flatpickr-time-separator {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time .flatpickr-time-separator {
 	width: 20px;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time .flatpickr-am-pm {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time .flatpickr-am-pm {
 	font-size: 14px;
 	outline: 0;
 	cursor: pointer;
@@ -57642,21 +57827,21 @@ article
 	color: var(--cc-black-10);
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time .flatpickr-am-pm span:not(.disabled) {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time .flatpickr-am-pm span:not(.disabled) {
 	pointer-events: none;
 }
 
-._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-input {
+._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-input {
 	display: none;
 }
 
 @media screen and (max-height: 780px) {
-	._wrapper_18n3o_1 ._contentWrapper_18n3o_764 {
+	._wrapper_1h4l4_1 ._contentWrapper_1h4l4_860 {
 		overflow-y: auto;
 	}
 }
 @media screen and (max-width: 575px) {
-	._wrapper_18n3o_1 ._contentWrapper_18n3o_764 {
+	._wrapper_1h4l4_1 ._contentWrapper_1h4l4_860 {
 		overflow-y: auto;
 		overflow-x: hidden;
 		padding-bottom: 40px;
@@ -57665,32 +57850,33 @@ article
 	/*
 	* Prevent auto-zoom on mobile devices
 	*/
-	._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .flatpickr-monthDropdown-months {
+	._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .flatpickr-monthDropdown-months {
 		font-size: 16px;
 	}
 
-	._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month .numInputWrapper {
-		width: 64px;
+	/* Same reasoning as the base rule, scaled for the 16px anti-auto-zoom font size. */
+	._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month .numInputWrapper {
+		width: 80px;
 	}
 
-	._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-current-month input.cur-year {
+	._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-current-month input.cur-year {
 		font-size: 16px;
 	}
 
-	._wrapper_18n3o_1 ._content_18n3o_56._content_18n3o_56 .flatpickr-time .numInputWrapper {
+	._wrapper_1h4l4_1 ._content_1h4l4_56._content_1h4l4_56 .flatpickr-time .numInputWrapper {
 		width: 46px;
 	}
 
-	._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowUp,
-	._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time span.arrowDown {
+	._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowUp,
+	._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time span.arrowDown {
 		width: 46px;
 	}
 
-	._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time input {
+	._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time input {
 		font-size: 16px;
 	}
 
-	._wrapper_18n3o_1 ._content_18n3o_56 .flatpickr-time .flatpickr-am-pm {
+	._wrapper_1h4l4_1 ._content_1h4l4_56 .flatpickr-time .flatpickr-am-pm {
 		font-size: 16px;
 	}
 }
@@ -85023,7 +85209,7 @@ const ActionButton = props2 => {
   const sanitizedButtonUrl = isWebURL ? distExports.sanitizeUrl(button2.url) : void 0;
   const webUrlHref = config2?.settings?.layout?.disableUrlButtonSanitization ? button2.url : sanitizedButtonUrl === "about:blank" ? "about:blank" : button2.url;
   const isWebURLButtonTargetBlank = isWebURL && button2.target !== "_self";
-  const opensInNewTab = config2?.settings?.layout?.disableUrlButtonSanitization ? isWebURL && button2.target === "_blank" : isWebURLButtonTargetBlank;
+  const opensInNewTab = isWebURLButtonTargetBlank;
   const opensInNewTabLabel = config2?.settings?.customTranslations?.ariaLabels?.opensInNewTab || "Opens in new tab";
   const positionText = total > 1 ? interpolateString(config2?.settings?.customTranslations?.ariaLabels?.actionButtonPositionText ?? "{position} of {total}", {
     position: position2.toString(),
@@ -85062,15 +85248,15 @@ const ActionButton = props2 => {
       return;
     }
     if (isWebURL) {
-      if (config2?.settings?.layout?.disableUrlButtonSanitization) {
-        if (disabled2) event.preventDefault();
-        return;
-      }
+      const url = config2?.settings?.layout?.disableUrlButtonSanitization ? button2.url : sanitizedButtonUrl;
       event.preventDefault();
       if (disabled2) return;
-      const url = sanitizedButtonUrl;
-      if (url === "about:blank") return;
-      window.open(url, isWebURLButtonTargetBlank ? "_blank" : "_self");
+      if (!url || url === "about:blank") return;
+      if (isWebURLButtonTargetBlank) {
+        window.open(url, "_blank", "noopener");
+      } else {
+        window.open(url, "_self");
+      }
       return;
     }
     if (disabled2) return;
@@ -98285,16 +98471,16 @@ const Gallery = () => {
     })]
   });
 };
-const wrapper = "_wrapper_18n3o_1";
-const header$1 = "_header_18n3o_15";
-const left = "_left_18n3o_24";
-const center = "_center_18n3o_28";
-const right = "_right_18n3o_35";
-const content = "_content_18n3o_56";
-const footer = "_footer_18n3o_60";
-const hasTime = "_hasTime_18n3o_68";
-const noCalendar = "_noCalendar_18n3o_68";
-const contentWrapper = "_contentWrapper_18n3o_764";
+const wrapper = "_wrapper_1h4l4_1";
+const header$1 = "_header_1h4l4_15";
+const left = "_left_1h4l4_24";
+const center = "_center_1h4l4_28";
+const right = "_right_1h4l4_35";
+const content = "_content_1h4l4_56";
+const footer = "_footer_1h4l4_60";
+const hasTime = "_hasTime_1h4l4_68";
+const noCalendar = "_noCalendar_1h4l4_68";
+const contentWrapper = "_contentWrapper_1h4l4_860";
 const classes$6 = {
   wrapper,
   header: header$1,