@faststore/core 2.1.31 → 2.1.35

package/.next/server/chunks/74.js

@@ -1232,13 +1232,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-const {
-  Navbar: NavbarWrapper,
-  NavbarHeader,
-  NavbarRow,
-  NavbarButtons,
-  IconButton
-} = src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Components */ .z;
 
 function Navbar({
   cart,
@@ -1257,7 +1250,7 @@ function Navbar({
   menu: {
     icon: {
       icon: menuIcon,
-      alt: menuIconAlt = src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.IconButton["aria-label"] */ .x.IconButton["aria-label"]
+      alt: menuIconAlt = src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .IconButton.props["aria-label"] */ .hU.props["aria-label"]
     }
   }
 }) {
@@ -1279,13 +1272,13 @@ function Navbar({
     setSearchExpanded(false);
     searchMobileRef.current?.resetSearchInput();
   }, []);
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(NavbarWrapper, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Navbar.Component */ .wp.Component, _objectSpread(_objectSpread({
     scrollDirection: scrollDirection
-  }, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.Navbar */ .x.Navbar), {}, {
-    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(NavbarHeader, _objectSpread(_objectSpread({}, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.NavbarHeader */ .x.NavbarHeader), {}, {
-      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(NavbarRow, _objectSpread(_objectSpread({}, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.NavbarRow */ .x.NavbarRow), {}, {
+  }, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Navbar.props */ .wp.props), {}, {
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .NavbarHeader.Component */ .fs.Component, _objectSpread(_objectSpread({}, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .NavbarHeader.props */ .fs.props), {}, {
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .NavbarRow.Component */ .JA.Component, _objectSpread(_objectSpread({}, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .NavbarRow.props */ .JA.props), {}, {
         children: [!searchExpanded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.Fragment, {
-          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(IconButton, _objectSpread(_objectSpread({
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .IconButton.Component */ .hU.Component, _objectSpread(_objectSpread({
             "data-fs-navbar-button-menu": true,
             onClick: openNavbar,
             icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
@@ -1293,7 +1286,7 @@ function Navbar({
               width: 32,
               height: 32
             })
-          }, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.IconButton */ .x.IconButton), {}, {
+          }, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .IconButton.props */ .hU.props), {}, {
             "aria-label": menuIconAlt
           })), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_ui_Link__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
             href: "/",
@@ -1305,19 +1298,22 @@ function Navbar({
           })]
         }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
           sort: searchInput?.sort
-        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(NavbarButtons, _objectSpread(_objectSpread({
+        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .NavbarButtons.Component */ .Dh.Component, _objectSpread(_objectSpread({
           searchExpanded: searchExpanded
-        }, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.NavbarButtons */ .x.NavbarButtons), {}, {
-          children: [searchExpanded && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(IconButton, _objectSpread({
+        }, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .NavbarButtons.props */ .Dh.props), {}, {
+          children: [searchExpanded && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .IconButton.Component */ .hU.Component, _objectSpread(_objectSpread({
             "data-fs-button-collapse": true,
             "aria-label": "Collapse search bar",
             icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
               name: "CaretLeft",
               width: 32,
               height: 32
-            }),
+            })
+          }, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .IconButton.props */ .hU.props), {}, {
+            // Dynamic props, shouldn't be overridable
+            // This decision can be reviewed later if needed
             onClick: handleCollapseSearch
-          }, src_components_sections_Navbar_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.IconButton */ .x.IconButton)), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+          })), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
             placeholder: "",
             ref: searchMobileRef,
             testId: "store-input-mobile",
@@ -1457,10 +1453,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-const {
-  NavbarLinks: NavbarLinksWrapper,
-  NavbarLinksList
-} = Overrides/* Components */.z;
 
 function NavbarLinks(_ref) {
   let {
@@ -1474,14 +1466,14 @@ function NavbarLinks(_ref) {
   } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/jsx_runtime_.jsx(NavbarLinksWrapper, _objectSpread(_objectSpread(_objectSpread({}, otherProps), Overrides/* Props.NavbarLinks */.x.NavbarLinks), {}, {
+  return /*#__PURE__*/jsx_runtime_.jsx(Overrides/* NavbarLinks.Component */.re.Component, _objectSpread(_objectSpread(_objectSpread({}, otherProps), Overrides/* NavbarLinks.props */.re.props), {}, {
     children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
       "data-fs-navbar-links-wrapper": true,
       "data-fs-content": "navbar",
       children: [shouldDisplayRegion && /*#__PURE__*/jsx_runtime_.jsx(RegionButton_RegionButton, {
         icon: regionIcon,
         label: regionLabel
-      }), /*#__PURE__*/jsx_runtime_.jsx(NavbarLinksList, _objectSpread(_objectSpread({}, Overrides/* Props.NavbarLinksList */.x.NavbarLinksList), {}, {
+      }), /*#__PURE__*/jsx_runtime_.jsx(Overrides/* NavbarLinksList.Component */.iy.Component, _objectSpread(_objectSpread({}, Overrides/* NavbarLinksList.props */.iy.props), {}, {
         children: links.map(({
           url,
           text
@@ -1555,12 +1547,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-const {
-  NavbarSlider: NavbarSliderWrapper,
-  NavbarSliderHeader,
-  NavbarSliderContent,
-  NavbarSliderFooter
-} = Overrides/* Components */.z;
 
 function NavbarSlider({
   logo,
@@ -1580,17 +1566,17 @@ function NavbarSlider({
     fade,
     fadeOut
   } = (0,useFadeEffect/* useFadeEffect */.b)();
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(NavbarSliderWrapper, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(Overrides/* NavbarSlider.Component */.XF.Component, _objectSpread(_objectSpread({
     fade: fade,
     onDismiss: fadeOut,
     overlayProps: {
       className: `section ${(section_module_default()).section} section-navbar-slider`
     },
     onTransitionEnd: () => fade === 'out' && closeNavbar()
-  }, Overrides/* Props.NavbarSlider */.x.NavbarSlider), {}, {
-    children: [/*#__PURE__*/jsx_runtime_.jsx(NavbarSliderHeader, _objectSpread(_objectSpread({
+  }, Overrides/* NavbarSlider.props */.XF.props), {}, {
+    children: [/*#__PURE__*/jsx_runtime_.jsx(Overrides/* NavbarSliderHeader.Component */.Bl.Component, _objectSpread(_objectSpread({
       onClose: fadeOut
-    }, Overrides/* Props.NavbarSliderHeader */.x.NavbarSliderHeader), {}, {
+    }, Overrides/* NavbarSlider.props */.XF.props), {}, {
       children: /*#__PURE__*/jsx_runtime_.jsx(Link/* default */.Z, {
         href: "/",
         onClick: fadeOut,
@@ -1599,13 +1585,13 @@ function NavbarSlider({
         "data-fs-navbar-slider-logo": true,
         children: /*#__PURE__*/jsx_runtime_.jsx(Logo/* default */.Z, _objectSpread({}, logo))
       })
-    })), /*#__PURE__*/jsx_runtime_.jsx(NavbarSliderContent, _objectSpread(_objectSpread({}, Overrides/* Props.NavbarSliderContent */.x.NavbarSliderContent), {}, {
+    })), /*#__PURE__*/jsx_runtime_.jsx(Overrides/* NavbarSliderContent.Component */.Ko.Component, _objectSpread(_objectSpread({}, Overrides/* NavbarSliderContent.props */.Ko.props), {}, {
       children: /*#__PURE__*/jsx_runtime_.jsx(NavbarLinks/* default */.Z, {
         onClickLink: fadeOut,
         links: links,
         region: region
       })
-    })), /*#__PURE__*/jsx_runtime_.jsx(NavbarSliderFooter, _objectSpread(_objectSpread({}, Overrides/* Props.NavbarSliderFooter */.x.NavbarSliderFooter), {}, {
+    })), /*#__PURE__*/jsx_runtime_.jsx(Overrides/* NavbarSliderFooter.Component */.$6.Component, _objectSpread(_objectSpread({}, Overrides/* NavbarSliderFooter.props */.$6.props), {}, {
       children: /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
         fallback: /*#__PURE__*/jsx_runtime_.jsx(Button/* ButtonSignInFallback */.A, {}),
         children: /*#__PURE__*/jsx_runtime_.jsx(Button/* ButtonSignIn */.p, _objectSpread({}, signInButton))
@@ -1799,59 +1785,37 @@ var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
 var Alert = __webpack_require__(16970);
 // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
 var Icon = __webpack_require__(25045);
+// EXTERNAL MODULE: ./src/utils/overrides.ts
+var overrides = __webpack_require__(59104);
 ;// CONCATENATED MODULE: ./src/customizations/components/overrides/Alert.tsx
 // This is an example of how it can be used on the starter.
 const SECTION = 'Alert';
-const overrides = {
-  name: SECTION,
-  components: {
-    Alert: {
-      props: {}
-    },
-    Icon: {
-      props: {}
-    }
-  }
+const override = {
+  section: SECTION
 };
-/* harmony default export */ const overrides_Alert = (overrides);
-;// CONCATENATED MODULE: ./src/components/sections/Alert/Overrides.tsx
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+;// CONCATENATED MODULE: ./src/components/sections/Alert/Overrides.tsx
 
 
 
-const alertComponentsCustomization = {};
-const alertPropsCustomization = {};
-Object.entries(overrides_Alert.components).forEach(([key, value]) => {
-  if (value.Component) {
-    alertComponentsCustomization[key] = value.Component;
-  }
-});
-Object.entries(overrides_Alert.components).forEach(([key, value]) => {
-  if (value.props) {
-    alertPropsCustomization[key] = value.props;
-  }
-});
-
-const Components = _objectSpread({
+const {
+  Alert: Overrides_Alert,
+  Icon: Overrides_Icon
+} = (0,overrides/* getSectionOverrides */.f)({
   Alert: Alert/* default */.Z,
   Icon: Icon/* default */.Z
-}, alertComponentsCustomization);
-
+}, override);
 
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(20997);
 ;// CONCATENATED MODULE: ./src/components/common/Alert/Alert.tsx
 const _excluded = ["content", "children"];
 
-function Alert_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function Alert_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Alert_ownKeys(Object(source), !0).forEach(function (key) { Alert_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Alert_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function Alert_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -1863,9 +1827,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-const {
-  Alert: AlertWrapper
-} = Components;
 
 function Alert_Alert(_ref) {
   let {
@@ -1886,11 +1847,10 @@ function Alert_Alert(_ref) {
 
   return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
     className: `${(section_module_default()).section} section-alert`,
-    children: /*#__PURE__*/jsx_runtime_.jsx(AlertWrapper, Alert_objectSpread(Alert_objectSpread(Alert_objectSpread({}, alertPropsCustomization.Alert), {}, {
+    children: /*#__PURE__*/jsx_runtime_.jsx(Overrides_Alert.Component, _objectSpread(_objectSpread({}, otherProps), {}, {
       // Dynamic props, shouldn't be overridable
       // This decision can be reviewed later if needed
-      onClose: onAlertClose
-    }, otherProps), {}, {
+      onClose: onAlertClose,
       children: content ?? children
     }))
   });
@@ -1901,41 +1861,39 @@ Alert_Alert.displayName = 'Alert';
 ;// CONCATENATED MODULE: ./src/components/common/Alert/index.ts
 
 ;// CONCATENATED MODULE: ./src/components/sections/Alert/Alert.tsx
-function Alert_Alert_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function Alert_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function Alert_Alert_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Alert_Alert_ownKeys(Object(source), !0).forEach(function (key) { Alert_Alert_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Alert_Alert_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function Alert_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Alert_ownKeys(Object(source), !0).forEach(function (key) { Alert_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Alert_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function Alert_Alert_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function Alert_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
 
 
-const {
-  Icon: Alert_Icon
-} = Components;
 
 // TODO: Change actionPath and actionLabel with Link
 function Alert_Alert_Alert({
-  icon = alertPropsCustomization.Icon.name,
+  icon = Overrides_Icon.props.name,
   content,
   link: {
-    text = alertPropsCustomization.Alert.link?.text,
-    to = alertPropsCustomization.Alert.link?.to
-  } = alertPropsCustomization.Alert.link,
-  dismissible = alertPropsCustomization.Alert.dismissible
+    text = Overrides_Alert.props.link?.children,
+    to = Overrides_Alert.props.link?.href
+  },
+  dismissible = Overrides_Alert.props.dismissible
 }) {
-  return /*#__PURE__*/jsx_runtime_.jsx(common_Alert_Alert, {
-    icon: /*#__PURE__*/jsx_runtime_.jsx(Alert_Icon, Alert_Alert_objectSpread(Alert_Alert_objectSpread({}, alertPropsCustomization.Icon), {}, {
+  return /*#__PURE__*/jsx_runtime_.jsx(common_Alert_Alert, Alert_objectSpread(Alert_objectSpread({
+    icon: /*#__PURE__*/jsx_runtime_.jsx(Overrides_Icon.Component, Alert_objectSpread(Alert_objectSpread({}, Overrides_Icon.props), {}, {
       name: icon
-    })),
-    link: Alert_Alert_objectSpread(Alert_Alert_objectSpread({}, alertPropsCustomization.Alert.link ?? {}), {}, {
+    }))
+  }, Overrides_Alert.props), {}, {
+    link: Alert_objectSpread(Alert_objectSpread({}, Overrides_Alert.props.link ?? {}), {}, {
       children: text,
       href: to,
-      target: alertPropsCustomization.Alert.link?.target ?? '_self'
+      target: Overrides_Alert.props.link?.target ?? '_self'
     }),
     dismissible: dismissible,
     children: content
-  });
+  }));
 }
 
 /* harmony default export */ const sections_Alert_Alert = (Alert_Alert_Alert);
@@ -2297,8 +2255,17 @@ __webpack_async_result__();
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "z": () => (/* binding */ Components),
-  "x": () => (/* binding */ navbarPropsCustomization)
+  "hU": () => (/* binding */ Overrides_IconButton),
+  "wp": () => (/* binding */ Overrides_Navbar),
+  "Dh": () => (/* binding */ Overrides_NavbarButtons),
+  "fs": () => (/* binding */ Overrides_NavbarHeader),
+  "re": () => (/* binding */ Overrides_NavbarLinks),
+  "iy": () => (/* binding */ Overrides_NavbarLinksList),
+  "JA": () => (/* binding */ Overrides_NavbarRow),
+  "XF": () => (/* binding */ Overrides_NavbarSlider),
+  "Ko": () => (/* binding */ Overrides_NavbarSliderContent),
+  "$6": () => (/* binding */ Overrides_NavbarSliderFooter),
+  "Bl": () => (/* binding */ Overrides_NavbarSliderHeader)
 });
 
 // EXTERNAL MODULE: external "react"
@@ -2385,71 +2352,32 @@ const NavbarButtons = (0,external_react_.forwardRef)(function NavbarButtons({ ch
 //# sourceMappingURL=NavbarButtons.js.map
 // EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
 var IconButton = __webpack_require__(82765);
+// EXTERNAL MODULE: ./src/utils/overrides.ts
+var overrides = __webpack_require__(59104);
 ;// CONCATENATED MODULE: ./src/customizations/components/overrides/Navbar.tsx
 // This is an example of how it can be used on the starter.
 const SECTION = 'Navbar';
-const overrides = {
-  name: SECTION,
-  components: {
-    Navbar: {
-      props: {}
-    },
-    NavbarLinks: {
-      props: {}
-    },
-    NavbarLinksList: {
-      props: {}
-    },
-    NavbarSlider: {
-      props: {}
-    },
-    NavbarSliderHeader: {
-      props: {}
-    },
-    NavbarSliderContent: {
-      props: {}
-    },
-    NavbarSliderFooter: {
-      props: {}
-    },
-    NavbarHeader: {
-      props: {}
-    },
-    NavbarRow: {
-      props: {}
-    },
-    NavbarButtons: {
-      props: {}
-    },
-    IconButton: {
-      props: {}
-    }
-  }
+const override = {
+  section: SECTION
 };
-/* harmony default export */ const overrides_Navbar = (overrides);
-;// CONCATENATED MODULE: ./src/components/sections/Navbar/Overrides.tsx
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+;// CONCATENATED MODULE: ./src/components/sections/Navbar/Overrides.tsx
 
 
-const navbarComponentsCustomization = {};
-const navbarPropsCustomization = {};
-Object.entries(overrides_Navbar.components).forEach(([key, value]) => {
-  if (value.Component) {
-    navbarComponentsCustomization[key] = value.Component;
-  }
-});
-Object.entries(overrides_Navbar.components).forEach(([key, value]) => {
-  if (value.props) {
-    navbarPropsCustomization[key] = value.props;
-  }
-});
 
-const Components = _objectSpread({
+const {
+  Navbar: Overrides_Navbar,
+  NavbarLinks: Overrides_NavbarLinks,
+  NavbarLinksList: Overrides_NavbarLinksList,
+  NavbarSlider: Overrides_NavbarSlider,
+  NavbarSliderHeader: Overrides_NavbarSliderHeader,
+  NavbarSliderContent: Overrides_NavbarSliderContent,
+  NavbarSliderFooter: Overrides_NavbarSliderFooter,
+  NavbarHeader: Overrides_NavbarHeader,
+  NavbarRow: Overrides_NavbarRow,
+  NavbarButtons: Overrides_NavbarButtons,
+  IconButton: Overrides_IconButton
+} = (0,overrides/* getSectionOverrides */.f)({
   Navbar: Navbar_Navbar,
   NavbarLinks: NavbarLinks_NavbarLinks,
   NavbarLinksList: NavbarLinks_NavbarLinksList,
@@ -2461,8 +2389,7 @@ const Components = _objectSpread({
   NavbarRow: Navbar_NavbarRow,
   NavbarButtons: Navbar_NavbarButtons,
   IconButton: IconButton/* default */.Z
-}, navbarComponentsCustomization);
-
+}, override);
 
 
 /***/ }),
@@ -2518,63 +2445,39 @@ const RegionBar = (0,external_react_.forwardRef)(function RegionBar({ postalCode
 //# sourceMappingURL=RegionBar.js.map
 // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
 var Icon = __webpack_require__(25045);
+// EXTERNAL MODULE: ./src/utils/overrides.ts
+var overrides = __webpack_require__(59104);
 ;// CONCATENATED MODULE: ./src/customizations/components/overrides/RegionBar.tsx
 // This is an example of how it can be used on the starter.
 const SECTION = 'RegionBar';
-const overrides = {
-  name: SECTION,
-  components: {
-    RegionBar: {
-      props: {}
-    },
-    LocationIcon: {
-      props: {}
-    },
-    ButtonIcon: {
-      props: {}
-    }
-  }
+const override = {
+  section: SECTION
 };
-/* harmony default export */ const overrides_RegionBar = (overrides);
-;// CONCATENATED MODULE: ./src/components/sections/RegionBar/Overrides.tsx
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+;// CONCATENATED MODULE: ./src/components/sections/RegionBar/Overrides.tsx
 
 
-const regionBarComponentsCustomization = {};
-const regionBarPropsCustomization = {};
-Object.entries(overrides_RegionBar.components).forEach(([key, value]) => {
-  if (value.Component) {
-    regionBarComponentsCustomization[key] = value.Component;
-  }
-});
-Object.entries(overrides_RegionBar.components).forEach(([key, value]) => {
-  if (value.props) {
-    regionBarPropsCustomization[key] = value.props;
-  }
-});
 
-const Components = _objectSpread({
+const {
+  RegionBar: Overrides_RegionBar,
+  LocationIcon,
+  ButtonIcon
+} = (0,overrides/* getSectionOverrides */.f)({
   RegionBar: RegionBar_RegionBar,
   LocationIcon: Icon/* default */.Z,
   ButtonIcon: Icon/* default */.Z
-}, regionBarComponentsCustomization);
-
+}, override);
 
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(20997);
 ;// CONCATENATED MODULE: ./src/components/region/RegionBar/RegionBar.tsx
 const _excluded = ["icon", "buttonIcon", "label", "editLabel"];
 
-function RegionBar_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function RegionBar_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? RegionBar_ownKeys(Object(source), !0).forEach(function (key) { RegionBar_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : RegionBar_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function RegionBar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -2584,24 +2487,19 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-const {
-  RegionBar: RegionBarWrapper,
-  LocationIcon,
-  ButtonIcon
-} = Components;
 
 function RegionBar_RegionBar_RegionBar(_ref) {
   let {
     icon: {
-      icon: locationIcon = regionBarPropsCustomization.LocationIcon.name,
-      alt: locationIconAlt = regionBarPropsCustomization.LocationIcon["aria-label"]
+      icon: locationIcon = LocationIcon.props.name,
+      alt: locationIconAlt = LocationIcon.props["aria-label"]
     },
     buttonIcon: {
-      icon: buttonIcon = regionBarPropsCustomization.ButtonIcon.name,
-      alt: buttonIconAlt = regionBarPropsCustomization.ButtonIcon["aria-label"]
+      icon: buttonIcon = ButtonIcon.props.name,
+      alt: buttonIconAlt = ButtonIcon.props["aria-label"]
     },
-    label = regionBarPropsCustomization.RegionBar.label,
-    editLabel = regionBarPropsCustomization.RegionBar.editLabel
+    label = Overrides_RegionBar.props.label,
+    editLabel = Overrides_RegionBar.props.editLabel
   } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -2611,16 +2509,16 @@ function RegionBar_RegionBar_RegionBar(_ref) {
   const {
     postalCode
   } = (0,session/* useSession */.kP)();
-  return /*#__PURE__*/jsx_runtime_.jsx(RegionBarWrapper, RegionBar_objectSpread(RegionBar_objectSpread({
-    icon: /*#__PURE__*/jsx_runtime_.jsx(LocationIcon, {
+  return /*#__PURE__*/jsx_runtime_.jsx(Overrides_RegionBar.Component, _objectSpread(_objectSpread({
+    icon: /*#__PURE__*/jsx_runtime_.jsx(LocationIcon.Component, _objectSpread(_objectSpread({}, LocationIcon.props), {}, {
       name: locationIcon,
       "aria-label": locationIconAlt
-    }),
-    buttonIcon: /*#__PURE__*/jsx_runtime_.jsx(ButtonIcon, {
+    })),
+    buttonIcon: /*#__PURE__*/jsx_runtime_.jsx(ButtonIcon.Component, _objectSpread(_objectSpread({}, ButtonIcon.props), {}, {
       name: buttonIcon,
       "aria-label": buttonIconAlt
-    })
-  }, regionBarPropsCustomization.RegionBar), {}, {
+    }))
+  }, Overrides_RegionBar.props), {}, {
     label: label,
     editLabel: editLabel // Dynamic props shouldn't be overridable
     // This decision can be reviewed later if needed
@@ -2639,11 +2537,11 @@ var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
 ;// CONCATENATED MODULE: ./src/components/sections/RegionBar/RegionBar.tsx
 const RegionBar_excluded = ["className"];
 
-function RegionBar_RegionBar_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function RegionBar_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function RegionBar_RegionBar_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? RegionBar_RegionBar_ownKeys(Object(source), !0).forEach(function (key) { RegionBar_RegionBar_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : RegionBar_RegionBar_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function RegionBar_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? RegionBar_ownKeys(Object(source), !0).forEach(function (key) { RegionBar_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : RegionBar_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function RegionBar_RegionBar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function RegionBar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function RegionBar_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = RegionBar_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -2662,7 +2560,7 @@ function RegionBarSection(_ref) {
 
   return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
     className: `${(section_module_default()).section} section-region-bar ${className}`,
-    children: /*#__PURE__*/jsx_runtime_.jsx(region_RegionBar_RegionBar, RegionBar_RegionBar_objectSpread({}, otherProps))
+    children: /*#__PURE__*/jsx_runtime_.jsx(region_RegionBar_RegionBar, RegionBar_objectSpread({}, otherProps))
   });
 }
 
@@ -3724,6 +3622,47 @@ const getPage = async options => {
 
 /***/ }),
 
+/***/ 59104:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "f": () => (/* binding */ getSectionOverrides)
+/* harmony export */ });
+function getSectionOverrides(defaultComponents, override) {
+  const overriddenComponents = {};
+  Object.entries(defaultComponents).forEach(([key, value]) => {
+    const componentOverride = override.components?.[key];
+
+    if (!componentOverride) {
+      overriddenComponents[key] = {
+        Component: value,
+        props: {}
+      };
+      return;
+    }
+
+    if (componentOverride.Component && componentOverride.props) {
+      console.warn(`Mixed use of Component and props overrides detected. Defaulting to Component override: component ${key} in the ${override.section} section.`);
+    }
+
+    if (componentOverride.Component) {
+      overriddenComponents[key] = {
+        Component: componentOverride.Component,
+        props: {}
+      };
+    } else {
+      overriddenComponents[key] = {
+        Component: value,
+        props: componentOverride.props ?? {}
+      };
+    }
+  });
+  return overriddenComponents;
+}
+
+/***/ }),
+
 /***/ 77651:
 /***/ ((module) => {