@nuskin/nextgen-header 1.16.1 → 1.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -51,7 +51,7 @@ __webpack_require__.r(__webpack_exports__);
51
51
 
52
52
  // EXPORTS
53
53
  __webpack_require__.d(__webpack_exports__, {
54
- Header: () => (/* reexport */ src_Main)
54
+ Header: () => (/* reexport */ header_HeaderContainer)
55
55
  });
56
56
 
57
57
  ;// external "react"
@@ -684,7 +684,7 @@ var createStyled = function createStyled(tag, options) {
684
684
 
685
685
 
686
686
 
687
- ;// ./src/components/HeaderPrimitives.styled.js
687
+ ;// ./src/components/header/HeaderPrimitives.styled.js
688
688
 
689
689
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
690
690
  /** Wireframe-aligned tokens (docs/header-domain-language.png): light chrome, pill search, mega grid */
@@ -699,200 +699,152 @@ var colors = {
699
699
  accentHover: "#0d9488"
700
700
  };
701
701
  var HeaderRoot = /*#__PURE__*/createStyled("header", true ? {
702
- target: "eopqj0x27"
702
+ target: "e1607tyl27"
703
703
  } : 0)("box-sizing:border-box;width:100%;font-family:\"Inter\",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:", colors.text, ";background:", colors.surface, ";border-bottom:1px solid ", colors.borderLight, ";*,*::before,*::after{box-sizing:border-box;}button{font:inherit;cursor:pointer;}button:disabled{cursor:not-allowed;opacity:0.55;}" + ( true ? "" : 0));
704
704
 
705
705
  /** Logo (left) + utility + search (stacked right) */
706
706
  var TopHeaderRow = /*#__PURE__*/createStyled("div", true ? {
707
- target: "eopqj0x26"
707
+ target: "e1607tyl26"
708
708
  } : 0)( true ? {
709
709
  name: "bqxjfk",
710
710
  styles: "display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding:1rem clamp(1rem, 4vw, 2rem) 0.75rem;max-width:1440px;margin:0 auto"
711
711
  } : 0);
712
712
  var LogoSlot = /*#__PURE__*/createStyled("div", true ? {
713
- target: "eopqj0x25"
713
+ target: "e1607tyl25"
714
714
  } : 0)("flex:0 0 auto;align-self:center;[data-copy-loading]{display:flex;align-items:center;min-height:2.75rem;}.header-copy-placeholder{color:", colors.muted, ";letter-spacing:0.02em;}" + ( true ? "" : 0));
715
715
  var WordmarkButton = /*#__PURE__*/createStyled("button", true ? {
716
- target: "eopqj0x24"
716
+ target: "e1607tyl24"
717
717
  } : 0)("margin:0;padding:0.25rem 0;border:none;background:none;font-size:1.5rem;font-weight:700;letter-spacing:0.2em;color:", colors.text, ";text-transform:uppercase;line-height:1.2;transition:opacity 0.15s ease;&:hover{opacity:0.72;}" + ( true ? "" : 0));
718
718
 
719
719
  /** Utility row + search — wireframe: separate from each other, top-aligned within column */
720
720
  var RightHeaderCluster = /*#__PURE__*/createStyled("div", true ? {
721
- target: "eopqj0x23"
721
+ target: "e1607tyl23"
722
722
  } : 0)( true ? {
723
723
  name: "1smm9bm",
724
724
  styles: "display:flex;flex-direction:column;align-items:flex-end;gap:0.65rem;flex:1 1 320px;min-width:min(100%, 280px);max-width:42rem"
725
725
  } : 0);
726
726
  var UtilityBar = /*#__PURE__*/createStyled("div", true ? {
727
- target: "eopqj0x22"
727
+ target: "e1607tyl22"
728
728
  } : 0)("display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.35rem 1rem;width:100%;font-size:0.8125rem;line-height:1.35;color:", colors.text, ";" + ( true ? "" : 0));
729
729
  var UtilityBarDivider = /*#__PURE__*/createStyled("span", true ? {
730
- target: "eopqj0x21"
730
+ target: "e1607tyl21"
731
731
  } : 0)("color:", colors.muted, ";user-select:none;" + ( true ? "" : 0));
732
732
  var UtilityButton = /*#__PURE__*/createStyled("button", true ? {
733
- target: "eopqj0x20"
733
+ target: "e1607tyl20"
734
734
  } : 0)( true ? {
735
735
  name: "1f5cjb2",
736
736
  styles: "display:inline-flex;align-items:center;gap:0.35rem;margin:0;padding:0.2rem 0.35rem;border:none;border-radius:4px;background:transparent;color:inherit;white-space:nowrap;transition:background 0.15s ease;&:not(:disabled):hover{background:rgba(0, 0, 0, 0.05);}svg{flex-shrink:0;opacity:0.85;}"
737
737
  } : 0);
738
738
  var LocaleLabel = /*#__PURE__*/createStyled("span", true ? {
739
- target: "eopqj0x19"
739
+ target: "e1607tyl19"
740
740
  } : 0)( true ? {
741
741
  name: "101gt3q",
742
742
  styles: "display:inline-flex;align-items:center;gap:0.3rem"
743
743
  } : 0);
744
744
  var AccountCluster = /*#__PURE__*/createStyled("div", true ? {
745
- target: "eopqj0x18"
745
+ target: "e1607tyl18"
746
746
  } : 0)( true ? {
747
747
  name: "b18bkv",
748
748
  styles: "display:inline-flex;flex-wrap:wrap;align-items:center;gap:0.125rem 0.35rem"
749
749
  } : 0);
750
750
  var CartButtonInner = /*#__PURE__*/createStyled("span", true ? {
751
- target: "eopqj0x17"
751
+ target: "e1607tyl17"
752
752
  } : 0)( true ? {
753
753
  name: "ml2e3u",
754
754
  styles: "display:inline-flex;align-items:center;gap:0.4rem"
755
755
  } : 0);
756
756
  var CartBadge = /*#__PURE__*/createStyled("span", true ? {
757
- target: "eopqj0x16"
757
+ target: "e1607tyl16"
758
758
  } : 0)("display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 0.35rem;border-radius:999px;font-size:0.7rem;font-weight:700;line-height:1;background:", colors.text, ";color:#fff;" + ( true ? "" : 0));
759
759
 
760
760
  /** Pill search: icon left, full-width field, submit control on right */
761
761
  var SearchSlot = /*#__PURE__*/createStyled("div", true ? {
762
- target: "eopqj0x15"
762
+ target: "e1607tyl15"
763
763
  } : 0)( true ? {
764
764
  name: "kuwwf0",
765
765
  styles: "width:100%;[data-region=\"search\"]{width:100%;}"
766
766
  } : 0);
767
767
  var SearchPillForm = /*#__PURE__*/createStyled("form", true ? {
768
- target: "eopqj0x14"
768
+ target: "e1607tyl14"
769
769
  } : 0)("display:flex;align-items:center;width:100%;min-height:2.75rem;padding:0 0.35rem 0 0.85rem;border:1px solid ", colors.border, ";border-radius:999px;background:", colors.surface, ";overflow:hidden;transition:border-color 0.15s ease,box-shadow 0.15s ease;&:focus-within{border-color:", colors.muted, ";box-shadow:0 0 0 1px rgba(17, 24, 39, 0.08);}.search-pill__icon{flex-shrink:0;margin-right:0.5rem;color:", colors.muted, ";}input{flex:1;min-width:0;padding:0.5rem 0;border:none;background:transparent;font-size:0.9375rem;outline:none;&::placeholder{color:", colors.muted, ";}}button[type=\"submit\"]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0.1rem 0.1rem 0.1rem 0.25rem;padding:0;border:none;border-radius:50%;background:", colors.text, ";color:#fff;transition:opacity 0.15s ease,transform 0.1s ease;&:hover:not(:disabled){opacity:0.88;}&:disabled{opacity:0.4;}svg{width:16px;height:16px;}}" + ( true ? "" : 0));
770
770
  var NavSection = /*#__PURE__*/createStyled("div", true ? {
771
- target: "eopqj0x13"
771
+ target: "e1607tyl13"
772
772
  } : 0)("border-top:1px solid ", colors.borderLight, ";background:", colors.surface, ";" + ( true ? "" : 0));
773
773
  var PrimaryNav = /*#__PURE__*/createStyled("nav", true ? {
774
- target: "eopqj0x12"
774
+ target: "e1607tyl12"
775
775
  } : 0)("max-width:1440px;margin:0 auto;padding:0 clamp(1rem, 4vw, 2rem);ul{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;}li{margin:0;}li>span,li>button{display:block;width:100%;margin:0;padding:0.95rem 0.85rem;border:none;background:none;font-size:0.9375rem;font-weight:500;text-align:left;color:", colors.text, ";border-bottom:3px solid transparent;transition:color 0.15s ease,border-color 0.15s ease;}li>button{cursor:pointer;font-family:inherit;}li:hover>span,li:hover>button{color:", colors.accent, ";}li[data-nav-active=\"true\"]>span,li[data-nav-active=\"true\"]>button{font-weight:700;border-bottom-color:", colors.navActive, ";}&[data-copy-loading] li>span{color:", colors.muted, ";}" + ( true ? "" : 0));
776
776
  var MegaMenuPreview = /*#__PURE__*/createStyled("section", true ? {
777
- target: "eopqj0x11"
777
+ target: "e1607tyl11"
778
778
  } : 0)("border-top:1px solid ", colors.borderLight, ";background:#f9fafb;" + ( true ? "" : 0));
779
779
  var MegaMenuInner = /*#__PURE__*/createStyled("div", true ? {
780
- target: "eopqj0x10"
780
+ target: "e1607tyl10"
781
781
  } : 0)( true ? {
782
782
  name: "1awwgt4",
783
783
  styles: "display:grid;grid-template-columns:minmax(11rem, 14rem) 1fr;gap:1.5rem 2.5rem;max-width:1440px;margin:0 auto;padding:1.25rem clamp(1rem, 4vw, 2rem) 1.75rem;@media (max-width: 800px){grid-template-columns:1fr;}"
784
784
  } : 0);
785
785
  var JumpToColumn = /*#__PURE__*/createStyled("div", true ? {
786
- target: "eopqj0x9"
786
+ target: "e1607tyl9"
787
787
  } : 0)("padding:1rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
788
788
  var JumpToTitle = /*#__PURE__*/createStyled("h3", true ? {
789
- target: "eopqj0x8"
789
+ target: "e1607tyl8"
790
790
  } : 0)("margin:0 0 0.75rem;font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:", colors.text, ";" + ( true ? "" : 0));
791
791
  var JumpToList = /*#__PURE__*/createStyled("ul", true ? {
792
- target: "eopqj0x7"
792
+ target: "e1607tyl7"
793
793
  } : 0)( true ? {
794
794
  name: "gt7hyk",
795
795
  styles: "display:flex;flex-direction:column;gap:0.5rem;margin:0;padding:0;list-style:none"
796
796
  } : 0);
797
797
  var JumpToPill = /*#__PURE__*/createStyled("button", true ? {
798
- target: "eopqj0x6"
798
+ target: "e1607tyl6"
799
799
  } : 0)("display:block;width:100%;margin:0;padding:0.5rem 0.85rem;border:1px solid ", colors.border, ";border-radius:999px;background:", colors.surface, ";font-size:0.8125rem;font-weight:500;text-align:left;color:", colors.text, ";transition:background 0.15s ease,border-color 0.15s ease;&:hover:not(:disabled){background:#f3f4f6;border-color:", colors.muted, ";}" + ( true ? "" : 0));
800
800
  var CategoriesPane = /*#__PURE__*/createStyled("div", true ? {
801
- target: "eopqj0x5"
801
+ target: "e1607tyl5"
802
802
  } : 0)("padding:1rem 1.25rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
803
803
  var CategoryHeaderStrip = /*#__PURE__*/createStyled("div", true ? {
804
- target: "eopqj0x4"
804
+ target: "e1607tyl4"
805
805
  } : 0)("display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.5rem;margin-bottom:1.25rem;padding-bottom:0.65rem;border-bottom:1px solid ", colors.borderLight, ";font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:", colors.text, ";span{white-space:nowrap;}svg{flex-shrink:0;color:", colors.muted, ";}" + ( true ? "" : 0));
806
806
  var CategoryColumns = /*#__PURE__*/createStyled("div", true ? {
807
- target: "eopqj0x3"
807
+ target: "e1607tyl3"
808
808
  } : 0)( true ? {
809
809
  name: "xxda9t",
810
810
  styles: "display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem 1.5rem;@media (max-width: 900px){grid-template-columns:1fr;}"
811
811
  } : 0);
812
812
  var CategoryColumn = /*#__PURE__*/createStyled("div", true ? {
813
- target: "eopqj0x2"
813
+ target: "e1607tyl2"
814
814
  } : 0)( true ? "" : 0);
815
815
  var CategorySubLabel = /*#__PURE__*/createStyled("p", true ? {
816
- target: "eopqj0x1"
816
+ target: "e1607tyl1"
817
817
  } : 0)("margin:0 0 0.5rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:", colors.muted, ";" + ( true ? "" : 0));
818
818
  var CategoryLinkList = /*#__PURE__*/createStyled("ul", true ? {
819
- target: "eopqj0x0"
819
+ target: "e1607tyl0"
820
820
  } : 0)("margin:0;padding:0;list-style:none;li{margin:0;padding:0;}button.link-like{display:block;width:100%;margin:0;padding:0.35rem 0;border:none;background:none;font-size:0.875rem;text-align:left;color:", colors.text, ";text-decoration:none;cursor:pointer;transition:color 0.12s ease;&:hover{color:", colors.accent, ";text-decoration:underline;}}" + ( true ? "" : 0));
821
821
  ;// external "react/jsx-runtime"
822
822
  const jsx_runtime_namespaceObject = require("react/jsx-runtime");
823
- ;// ./src/components/regions/HeaderLogoRegion.jsx
824
- function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
825
- function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
826
- function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
827
- function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
828
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
829
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
830
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
831
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
832
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
833
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
823
+ ;// ./src/components/header/regions/HeaderLogoRegion.jsx
834
824
 
835
825
 
836
826
 
837
827
 
838
828
  function HeaderLogoRegion(_ref) {
839
- var headerLogoService = _ref.headerLogoService;
840
- var _useState = (0,external_react_namespaceObject.useState)(null),
841
- _useState2 = _slicedToArray(_useState, 2),
842
- copy = _useState2[0],
843
- setCopy = _useState2[1];
844
- (0,external_react_namespaceObject.useEffect)(function () {
845
- var canceled = false;
846
- _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
847
- var c, _t;
848
- return _regenerator().w(function (_context) {
849
- while (1) switch (_context.p = _context.n) {
850
- case 0:
851
- _context.p = 0;
852
- _context.n = 1;
853
- return headerLogoService.getLogoCopy();
854
- case 1:
855
- c = _context.v;
856
- if (!canceled) setCopy(c);
857
- _context.n = 3;
858
- break;
859
- case 2:
860
- _context.p = 2;
861
- _t = _context.v;
862
- case 3:
863
- return _context.a(2);
864
- }
865
- }, _callee, null, [[0, 2]]);
866
- }))();
867
- return function () {
868
- canceled = true;
869
- };
870
- }, [headerLogoService]);
871
- if (!copy) {
872
- return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
873
- "data-region": "logo",
874
- "data-copy-loading": true,
875
- children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
876
- className: "header-copy-placeholder",
877
- children: "\u2026"
878
- })
879
- });
880
- }
829
+ var _data$aria_label;
830
+ var data = _ref.data;
881
831
  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
882
832
  "data-region": "logo",
883
833
  children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(WordmarkButton, {
884
834
  type: "button",
885
- onClick: function onClick() {
886
- return headerLogoService.navigateHome();
887
- },
888
- children: copy.wordmark
835
+ "aria-label": (_data$aria_label = data.aria_label) !== null && _data$aria_label !== void 0 ? _data$aria_label : "Nu Skin home",
836
+ children: data.wordmark
889
837
  })
890
838
  });
891
839
  }
892
840
  HeaderLogoRegion.propTypes = {
893
- headerLogoService: (external_prop_types_default()).object.isRequired
841
+ data: external_prop_types_default().shape({
842
+ wordmark: (external_prop_types_default()).string,
843
+ home_href: (external_prop_types_default()).string,
844
+ aria_label: (external_prop_types_default()).string
845
+ })
894
846
  };
895
- ;// ./src/components/HeaderIcons.jsx
847
+ ;// ./src/components/header/HeaderIcons.jsx
896
848
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
897
849
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
898
850
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1001,422 +953,120 @@ function IconArrowRight(props) {
1001
953
  })
1002
954
  }));
1003
955
  }
1004
- ;// ./src/components/regions/HeaderLocaleRegion.jsx
1005
- function HeaderLocaleRegion_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderLocaleRegion_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderLocaleRegion_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderLocaleRegion_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderLocaleRegion_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderLocaleRegion_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderLocaleRegion_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderLocaleRegion_regeneratorDefine2(u), HeaderLocaleRegion_regeneratorDefine2(u, o, "Generator"), HeaderLocaleRegion_regeneratorDefine2(u, n, function () { return this; }), HeaderLocaleRegion_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderLocaleRegion_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
1006
- function HeaderLocaleRegion_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderLocaleRegion_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderLocaleRegion_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderLocaleRegion_regeneratorDefine2(e, r, n, t); }
1007
- function HeaderLocaleRegion_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
1008
- function HeaderLocaleRegion_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderLocaleRegion_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderLocaleRegion_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
1009
- function HeaderLocaleRegion_slicedToArray(r, e) { return HeaderLocaleRegion_arrayWithHoles(r) || HeaderLocaleRegion_iterableToArrayLimit(r, e) || HeaderLocaleRegion_unsupportedIterableToArray(r, e) || HeaderLocaleRegion_nonIterableRest(); }
1010
- function HeaderLocaleRegion_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
1011
- function HeaderLocaleRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderLocaleRegion_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderLocaleRegion_arrayLikeToArray(r, a) : void 0; } }
1012
- function HeaderLocaleRegion_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
1013
- function HeaderLocaleRegion_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
1014
- function HeaderLocaleRegion_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
956
+ ;// ./src/components/header/regions/HeaderLocaleRegion.jsx
1015
957
 
1016
958
 
1017
959
 
1018
960
 
1019
961
 
1020
962
  function HeaderLocaleRegion(_ref) {
1021
- var headerLocaleService = _ref.headerLocaleService;
1022
- var _useState = (0,external_react_namespaceObject.useState)(null),
1023
- _useState2 = HeaderLocaleRegion_slicedToArray(_useState, 2),
1024
- copy = _useState2[0],
1025
- setCopy = _useState2[1];
1026
- (0,external_react_namespaceObject.useEffect)(function () {
1027
- var canceled = false;
1028
- HeaderLocaleRegion_asyncToGenerator(/*#__PURE__*/HeaderLocaleRegion_regenerator().m(function _callee() {
1029
- var c, _t;
1030
- return HeaderLocaleRegion_regenerator().w(function (_context) {
1031
- while (1) switch (_context.p = _context.n) {
1032
- case 0:
1033
- _context.p = 0;
1034
- _context.n = 1;
1035
- return headerLocaleService.getLocaleSelectorCopy();
1036
- case 1:
1037
- c = _context.v;
1038
- if (!canceled) setCopy(c);
1039
- _context.n = 3;
1040
- break;
1041
- case 2:
1042
- _context.p = 2;
1043
- _t = _context.v;
1044
- case 3:
1045
- return _context.a(2);
1046
- }
1047
- }, _callee, null, [[0, 2]]);
1048
- }))();
1049
- return function () {
1050
- canceled = true;
1051
- };
1052
- }, [headerLocaleService]);
1053
- if (!copy) {
1054
- return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1055
- type: "button",
1056
- disabled: true,
1057
- "data-copy-loading": true,
1058
- children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(LocaleLabel, {
1059
- children: ["\u2026", /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconChevronDown, {})]
1060
- })
1061
- });
1062
- }
963
+ var data = _ref.data;
1063
964
  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1064
965
  type: "button",
1065
- onClick: function onClick() {
1066
- return headerLocaleService.requestLocaleSelector();
1067
- },
1068
966
  children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(LocaleLabel, {
1069
- children: [copy.controlLabel, /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconChevronDown, {})]
967
+ children: [data.control_label, /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconChevronDown, {})]
1070
968
  })
1071
969
  });
1072
970
  }
1073
971
  HeaderLocaleRegion.propTypes = {
1074
- headerLocaleService: (external_prop_types_default()).object.isRequired
972
+ data: external_prop_types_default().shape({
973
+ control_label: (external_prop_types_default()).string.isRequired
974
+ }).isRequired
1075
975
  };
1076
- ;// ./src/components/regions/HeaderLoyaltyRegion.jsx
1077
- function HeaderLoyaltyRegion_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderLoyaltyRegion_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderLoyaltyRegion_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderLoyaltyRegion_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderLoyaltyRegion_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderLoyaltyRegion_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderLoyaltyRegion_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderLoyaltyRegion_regeneratorDefine2(u), HeaderLoyaltyRegion_regeneratorDefine2(u, o, "Generator"), HeaderLoyaltyRegion_regeneratorDefine2(u, n, function () { return this; }), HeaderLoyaltyRegion_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderLoyaltyRegion_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
1078
- function HeaderLoyaltyRegion_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderLoyaltyRegion_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderLoyaltyRegion_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderLoyaltyRegion_regeneratorDefine2(e, r, n, t); }
1079
- function HeaderLoyaltyRegion_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
1080
- function HeaderLoyaltyRegion_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderLoyaltyRegion_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderLoyaltyRegion_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
1081
- function HeaderLoyaltyRegion_slicedToArray(r, e) { return HeaderLoyaltyRegion_arrayWithHoles(r) || HeaderLoyaltyRegion_iterableToArrayLimit(r, e) || HeaderLoyaltyRegion_unsupportedIterableToArray(r, e) || HeaderLoyaltyRegion_nonIterableRest(); }
1082
- function HeaderLoyaltyRegion_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
1083
- function HeaderLoyaltyRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderLoyaltyRegion_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderLoyaltyRegion_arrayLikeToArray(r, a) : void 0; } }
1084
- function HeaderLoyaltyRegion_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
1085
- function HeaderLoyaltyRegion_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
1086
- function HeaderLoyaltyRegion_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
976
+ ;// ./src/components/header/regions/HeaderLoyaltyRegion.jsx
1087
977
 
1088
978
 
1089
979
 
1090
980
 
1091
981
  function HeaderLoyaltyRegion(_ref) {
1092
- var headerLoyaltyService = _ref.headerLoyaltyService;
1093
- var _useState = (0,external_react_namespaceObject.useState)(null),
1094
- _useState2 = HeaderLoyaltyRegion_slicedToArray(_useState, 2),
1095
- copy = _useState2[0],
1096
- setCopy = _useState2[1];
1097
- (0,external_react_namespaceObject.useEffect)(function () {
1098
- var canceled = false;
1099
- HeaderLoyaltyRegion_asyncToGenerator(/*#__PURE__*/HeaderLoyaltyRegion_regenerator().m(function _callee() {
1100
- var c, _t;
1101
- return HeaderLoyaltyRegion_regenerator().w(function (_context) {
1102
- while (1) switch (_context.p = _context.n) {
1103
- case 0:
1104
- _context.p = 0;
1105
- _context.n = 1;
1106
- return headerLoyaltyService.getLoyaltyCopy();
1107
- case 1:
1108
- c = _context.v;
1109
- if (!canceled) setCopy(c);
1110
- _context.n = 3;
1111
- break;
1112
- case 2:
1113
- _context.p = 2;
1114
- _t = _context.v;
1115
- case 3:
1116
- return _context.a(2);
1117
- }
1118
- }, _callee, null, [[0, 2]]);
1119
- }))();
1120
- return function () {
1121
- canceled = true;
1122
- };
1123
- }, [headerLoyaltyService]);
1124
- if (!copy) {
1125
- return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1126
- type: "button",
1127
- disabled: true,
1128
- "data-copy-loading": true,
1129
- children: "\u2026"
1130
- });
1131
- }
982
+ var data = _ref.data;
1132
983
  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1133
984
  type: "button",
1134
- onClick: function onClick() {
1135
- return headerLoyaltyService.navigateToLoyaltyProgram();
1136
- },
1137
- children: copy.loyaltyLinkLabel
985
+ children: data.link_label
1138
986
  });
1139
987
  }
1140
988
  HeaderLoyaltyRegion.propTypes = {
1141
- headerLoyaltyService: (external_prop_types_default()).object.isRequired
989
+ data: external_prop_types_default().shape({
990
+ link_label: (external_prop_types_default()).string.isRequired,
991
+ href: (external_prop_types_default()).string
992
+ }).isRequired
1142
993
  };
1143
- ;// ./src/components/regions/HeaderAccountRegion.jsx
1144
- function HeaderAccountRegion_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderAccountRegion_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderAccountRegion_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderAccountRegion_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderAccountRegion_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderAccountRegion_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderAccountRegion_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderAccountRegion_regeneratorDefine2(u), HeaderAccountRegion_regeneratorDefine2(u, o, "Generator"), HeaderAccountRegion_regeneratorDefine2(u, n, function () { return this; }), HeaderAccountRegion_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderAccountRegion_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
1145
- function HeaderAccountRegion_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderAccountRegion_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderAccountRegion_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderAccountRegion_regeneratorDefine2(e, r, n, t); }
1146
- function HeaderAccountRegion_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
1147
- function HeaderAccountRegion_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderAccountRegion_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderAccountRegion_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
1148
- function HeaderAccountRegion_slicedToArray(r, e) { return HeaderAccountRegion_arrayWithHoles(r) || HeaderAccountRegion_iterableToArrayLimit(r, e) || HeaderAccountRegion_unsupportedIterableToArray(r, e) || HeaderAccountRegion_nonIterableRest(); }
1149
- function HeaderAccountRegion_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
1150
- function HeaderAccountRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderAccountRegion_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderAccountRegion_arrayLikeToArray(r, a) : void 0; } }
1151
- function HeaderAccountRegion_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
1152
- function HeaderAccountRegion_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
1153
- function HeaderAccountRegion_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
994
+ ;// ./src/components/header/regions/HeaderAccountRegion.jsx
1154
995
 
1155
996
 
1156
997
 
1157
998
 
1158
999
 
1159
1000
  function HeaderAccountRegion(_ref) {
1160
- var headerAccountService = _ref.headerAccountService;
1161
- var _useState = (0,external_react_namespaceObject.useState)(null),
1162
- _useState2 = HeaderAccountRegion_slicedToArray(_useState, 2),
1163
- copy = _useState2[0],
1164
- setCopy = _useState2[1];
1165
- (0,external_react_namespaceObject.useEffect)(function () {
1166
- var canceled = false;
1167
- HeaderAccountRegion_asyncToGenerator(/*#__PURE__*/HeaderAccountRegion_regenerator().m(function _callee() {
1168
- var c, _t;
1169
- return HeaderAccountRegion_regenerator().w(function (_context) {
1170
- while (1) switch (_context.p = _context.n) {
1171
- case 0:
1172
- _context.p = 0;
1173
- _context.n = 1;
1174
- return headerAccountService.bootstrapAccountLivePreview();
1175
- case 1:
1176
- _context.n = 2;
1177
- return headerAccountService.getAccountCopy();
1178
- case 2:
1179
- c = _context.v;
1180
- if (!canceled) setCopy(c);
1181
- _context.n = 4;
1182
- break;
1183
- case 3:
1184
- _context.p = 3;
1185
- _t = _context.v;
1186
- case 4:
1187
- return _context.a(2);
1188
- }
1189
- }, _callee, null, [[0, 3]]);
1190
- }))();
1191
- return function () {
1192
- canceled = true;
1193
- };
1194
- }, [headerAccountService]);
1195
- if (!copy) {
1196
- return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(AccountCluster, {
1197
- "data-region": "account",
1198
- children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconUser, {}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1199
- type: "button",
1200
- disabled: true,
1201
- "data-copy-loading": true,
1202
- children: "\u2026"
1203
- }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityBarDivider, {
1204
- "aria-hidden": true,
1205
- children: "/"
1206
- }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1207
- type: "button",
1208
- disabled: true,
1209
- "data-copy-loading": true,
1210
- children: "\u2026"
1211
- }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1212
- type: "button",
1213
- disabled: true,
1214
- children: "Account"
1215
- }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1216
- type: "button",
1217
- disabled: true,
1218
- children: "Sign out"
1219
- })]
1220
- });
1221
- }
1001
+ var data = _ref.data;
1222
1002
  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(AccountCluster, {
1223
1003
  "data-region": "account",
1224
1004
  children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconUser, {}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1225
1005
  type: "button",
1226
- onClick: function onClick() {
1227
- return headerAccountService.startSignUp();
1228
- },
1229
- children: copy.signUpLabel
1006
+ children: data.sign_up_label
1230
1007
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityBarDivider, {
1231
1008
  "aria-hidden": true,
1232
1009
  children: "/"
1233
1010
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1234
1011
  type: "button",
1235
- onClick: function onClick() {
1236
- return headerAccountService.startSignIn();
1237
- },
1238
- children: copy.signInLabel
1239
- }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1240
- type: "button",
1241
- onClick: function onClick() {
1242
- return headerAccountService.requestAccountOverviewOverlay();
1243
- },
1244
- children: "Account"
1245
- }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1246
- type: "button",
1247
- onClick: function onClick() {
1248
- return headerAccountService.signOut();
1249
- },
1250
- children: "Sign out"
1012
+ children: data.sign_in_label
1251
1013
  })]
1252
1014
  });
1253
1015
  }
1254
1016
  HeaderAccountRegion.propTypes = {
1255
- headerAccountService: (external_prop_types_default()).object.isRequired
1017
+ data: external_prop_types_default().shape({
1018
+ sign_in_label: (external_prop_types_default()).string.isRequired,
1019
+ sign_up_label: (external_prop_types_default()).string.isRequired
1020
+ }).isRequired
1256
1021
  };
1257
- ;// ./src/components/regions/HeaderCartRegion.jsx
1258
- function HeaderCartRegion_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderCartRegion_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderCartRegion_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderCartRegion_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderCartRegion_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderCartRegion_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderCartRegion_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderCartRegion_regeneratorDefine2(u), HeaderCartRegion_regeneratorDefine2(u, o, "Generator"), HeaderCartRegion_regeneratorDefine2(u, n, function () { return this; }), HeaderCartRegion_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderCartRegion_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
1259
- function HeaderCartRegion_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderCartRegion_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderCartRegion_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderCartRegion_regeneratorDefine2(e, r, n, t); }
1260
- function HeaderCartRegion_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
1261
- function HeaderCartRegion_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderCartRegion_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderCartRegion_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
1262
- function HeaderCartRegion_slicedToArray(r, e) { return HeaderCartRegion_arrayWithHoles(r) || HeaderCartRegion_iterableToArrayLimit(r, e) || HeaderCartRegion_unsupportedIterableToArray(r, e) || HeaderCartRegion_nonIterableRest(); }
1263
- function HeaderCartRegion_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
1264
- function HeaderCartRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderCartRegion_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderCartRegion_arrayLikeToArray(r, a) : void 0; } }
1265
- function HeaderCartRegion_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
1266
- function HeaderCartRegion_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
1267
- function HeaderCartRegion_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
1022
+ ;// ./src/components/header/regions/HeaderCartRegion.jsx
1268
1023
 
1269
1024
 
1270
1025
 
1271
1026
 
1272
1027
 
1273
1028
  function HeaderCartRegion(_ref) {
1274
- var headerCartService = _ref.headerCartService;
1275
- var _useState = (0,external_react_namespaceObject.useState)(null),
1276
- _useState2 = HeaderCartRegion_slicedToArray(_useState, 2),
1277
- chrome = _useState2[0],
1278
- setChrome = _useState2[1];
1279
- var _useState3 = (0,external_react_namespaceObject.useState)(null),
1280
- _useState4 = HeaderCartRegion_slicedToArray(_useState3, 2),
1281
- count = _useState4[0],
1282
- setCount = _useState4[1];
1283
- (0,external_react_namespaceObject.useEffect)(function () {
1284
- var canceled = false;
1285
- HeaderCartRegion_asyncToGenerator(/*#__PURE__*/HeaderCartRegion_regenerator().m(function _callee() {
1286
- var _yield$Promise$all, _yield$Promise$all2, cCopy, cCount, _t;
1287
- return HeaderCartRegion_regenerator().w(function (_context) {
1288
- while (1) switch (_context.p = _context.n) {
1289
- case 0:
1290
- _context.p = 0;
1291
- _context.n = 1;
1292
- return Promise.all([headerCartService.getCartChromeCopy(), headerCartService.getCartCount()]);
1293
- case 1:
1294
- _yield$Promise$all = _context.v;
1295
- _yield$Promise$all2 = HeaderCartRegion_slicedToArray(_yield$Promise$all, 2);
1296
- cCopy = _yield$Promise$all2[0];
1297
- cCount = _yield$Promise$all2[1];
1298
- if (!canceled) {
1299
- setChrome(cCopy);
1300
- setCount(cCount);
1301
- }
1302
- _context.n = 3;
1303
- break;
1304
- case 2:
1305
- _context.p = 2;
1306
- _t = _context.v;
1307
- case 3:
1308
- return _context.a(2);
1309
- }
1310
- }, _callee, null, [[0, 2]]);
1311
- }))();
1312
- return function () {
1313
- canceled = true;
1314
- };
1315
- }, [headerCartService]);
1316
- if (chrome == null || count == null) {
1317
- return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1318
- type: "button",
1319
- disabled: true,
1320
- "data-copy-loading": true,
1321
- children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(CartButtonInner, {
1322
- children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconCart, {}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(CartBadge, {
1323
- children: "\u2026"
1324
- })]
1325
- })
1326
- });
1327
- }
1029
+ var _data$aria_label, _data$count;
1030
+ var data = _ref.data;
1328
1031
  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(UtilityButton, {
1329
1032
  type: "button",
1330
- onClick: function onClick() {
1331
- return headerCartService.requestCart();
1332
- },
1333
- "aria-label": chrome.ariaLabel,
1033
+ "aria-label": (_data$aria_label = data.aria_label) !== null && _data$aria_label !== void 0 ? _data$aria_label : "Shopping cart",
1334
1034
  children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(CartButtonInner, {
1335
1035
  children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconCart, {}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(CartBadge, {
1336
- children: count
1036
+ children: (_data$count = data.count) !== null && _data$count !== void 0 ? _data$count : 0
1337
1037
  })]
1338
1038
  })
1339
1039
  });
1340
1040
  }
1341
1041
  HeaderCartRegion.propTypes = {
1342
- headerCartService: (external_prop_types_default()).object.isRequired
1042
+ data: external_prop_types_default().shape({
1043
+ aria_label: (external_prop_types_default()).string,
1044
+ count: (external_prop_types_default()).number
1045
+ }).isRequired
1343
1046
  };
1344
- ;// ./src/components/regions/HeaderSearchRegion.jsx
1345
- function HeaderSearchRegion_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderSearchRegion_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderSearchRegion_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderSearchRegion_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderSearchRegion_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderSearchRegion_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderSearchRegion_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderSearchRegion_regeneratorDefine2(u), HeaderSearchRegion_regeneratorDefine2(u, o, "Generator"), HeaderSearchRegion_regeneratorDefine2(u, n, function () { return this; }), HeaderSearchRegion_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderSearchRegion_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
1346
- function HeaderSearchRegion_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderSearchRegion_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderSearchRegion_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderSearchRegion_regeneratorDefine2(e, r, n, t); }
1347
- function HeaderSearchRegion_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
1348
- function HeaderSearchRegion_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderSearchRegion_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderSearchRegion_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
1349
- function HeaderSearchRegion_slicedToArray(r, e) { return HeaderSearchRegion_arrayWithHoles(r) || HeaderSearchRegion_iterableToArrayLimit(r, e) || HeaderSearchRegion_unsupportedIterableToArray(r, e) || HeaderSearchRegion_nonIterableRest(); }
1350
- function HeaderSearchRegion_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
1351
- function HeaderSearchRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderSearchRegion_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderSearchRegion_arrayLikeToArray(r, a) : void 0; } }
1352
- function HeaderSearchRegion_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
1353
- function HeaderSearchRegion_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
1354
- function HeaderSearchRegion_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
1047
+ ;// ./src/components/header/regions/HeaderSearchRegion.jsx
1048
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
1049
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
1050
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
1051
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
1052
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
1053
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
1355
1054
 
1356
1055
 
1357
1056
 
1358
1057
 
1359
1058
 
1360
1059
  function HeaderSearchRegion(_ref) {
1361
- var headerSearchService = _ref.headerSearchService;
1362
- var _useState = (0,external_react_namespaceObject.useState)(null),
1363
- _useState2 = HeaderSearchRegion_slicedToArray(_useState, 2),
1364
- copy = _useState2[0],
1365
- setCopy = _useState2[1];
1366
- var _useState3 = (0,external_react_namespaceObject.useState)(""),
1367
- _useState4 = HeaderSearchRegion_slicedToArray(_useState3, 2),
1368
- searchQuery = _useState4[0],
1369
- setSearchQuery = _useState4[1];
1370
- (0,external_react_namespaceObject.useEffect)(function () {
1371
- var canceled = false;
1372
- HeaderSearchRegion_asyncToGenerator(/*#__PURE__*/HeaderSearchRegion_regenerator().m(function _callee() {
1373
- var c, _t;
1374
- return HeaderSearchRegion_regenerator().w(function (_context) {
1375
- while (1) switch (_context.p = _context.n) {
1376
- case 0:
1377
- _context.p = 0;
1378
- _context.n = 1;
1379
- return headerSearchService.getSearchChromeCopy();
1380
- case 1:
1381
- c = _context.v;
1382
- if (!canceled) setCopy(c);
1383
- _context.n = 3;
1384
- break;
1385
- case 2:
1386
- _context.p = 2;
1387
- _t = _context.v;
1388
- case 3:
1389
- return _context.a(2);
1390
- }
1391
- }, _callee, null, [[0, 2]]);
1392
- }))();
1393
- return function () {
1394
- canceled = true;
1395
- };
1396
- }, [headerSearchService]);
1060
+ var data = _ref.data;
1061
+ var _useState = (0,external_react_namespaceObject.useState)(""),
1062
+ _useState2 = _slicedToArray(_useState, 2),
1063
+ searchQuery = _useState2[0],
1064
+ setSearchQuery = _useState2[1];
1397
1065
  function onSearchFormSubmit(e) {
1398
1066
  e.preventDefault();
1399
- headerSearchService.submitProductSearch(searchQuery);
1400
- }
1401
- if (!copy) {
1402
- return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
1403
- "data-region": "search",
1404
- "data-copy-loading": true,
1405
- children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(SearchPillForm, {
1406
- children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconSearch, {
1407
- className: "search-pill__icon"
1408
- }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("input", {
1409
- readOnly: true,
1410
- placeholder: "\u2026",
1411
- "aria-label": "Search"
1412
- }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("button", {
1413
- type: "button",
1414
- disabled: true,
1415
- "aria-label": "Search",
1416
- children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconSearch, {})
1417
- })]
1418
- })
1419
- });
1067
+ if (typeof window !== "undefined" && searchQuery.trim()) {
1068
+ window.location.href = "/search?q=".concat(encodeURIComponent(searchQuery.trim()));
1069
+ }
1420
1070
  }
1421
1071
  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
1422
1072
  "data-region": "search",
@@ -1425,8 +1075,8 @@ function HeaderSearchRegion(_ref) {
1425
1075
  children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconSearch, {
1426
1076
  className: "search-pill__icon"
1427
1077
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("input", {
1428
- "aria-label": copy.inputAriaLabel,
1429
- placeholder: copy.placeholder,
1078
+ "aria-label": data.input_aria_label,
1079
+ placeholder: data.placeholder,
1430
1080
  value: searchQuery,
1431
1081
  onChange: function onChange(e) {
1432
1082
  return setSearchQuery(e.target.value);
@@ -1440,13 +1090,12 @@ function HeaderSearchRegion(_ref) {
1440
1090
  });
1441
1091
  }
1442
1092
  HeaderSearchRegion.propTypes = {
1443
- headerSearchService: (external_prop_types_default()).object.isRequired
1093
+ data: external_prop_types_default().shape({
1094
+ placeholder: (external_prop_types_default()).string.isRequired,
1095
+ input_aria_label: (external_prop_types_default()).string.isRequired
1096
+ }).isRequired
1444
1097
  };
1445
- ;// ./src/components/regions/HeaderNavigationRegion.jsx
1446
- function HeaderNavigationRegion_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderNavigationRegion_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderNavigationRegion_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderNavigationRegion_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderNavigationRegion_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderNavigationRegion_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderNavigationRegion_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderNavigationRegion_regeneratorDefine2(u), HeaderNavigationRegion_regeneratorDefine2(u, o, "Generator"), HeaderNavigationRegion_regeneratorDefine2(u, n, function () { return this; }), HeaderNavigationRegion_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderNavigationRegion_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
1447
- function HeaderNavigationRegion_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderNavigationRegion_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderNavigationRegion_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderNavigationRegion_regeneratorDefine2(e, r, n, t); }
1448
- function HeaderNavigationRegion_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
1449
- function HeaderNavigationRegion_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderNavigationRegion_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderNavigationRegion_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
1098
+ ;// ./src/components/header/regions/HeaderNavigationRegion.jsx
1450
1099
  function HeaderNavigationRegion_slicedToArray(r, e) { return HeaderNavigationRegion_arrayWithHoles(r) || HeaderNavigationRegion_iterableToArrayLimit(r, e) || HeaderNavigationRegion_unsupportedIterableToArray(r, e) || HeaderNavigationRegion_nonIterableRest(); }
1451
1100
  function HeaderNavigationRegion_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
1452
1101
  function HeaderNavigationRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderNavigationRegion_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderNavigationRegion_arrayLikeToArray(r, a) : void 0; } }
@@ -1460,49 +1109,15 @@ function HeaderNavigationRegion_arrayWithHoles(r) { if (Array.isArray(r)) return
1460
1109
 
1461
1110
  var MEGA_MENU_PANEL_ID = "header-mega-menu-panel";
1462
1111
  function HeaderNavigationRegion(_ref) {
1463
- var _tree$topNavItems, _tree$megaMenuByTopId, _activeMega$jumpTo$ma, _activeMega$jumpTo, _activeMega$categoryR, _activeMega$columns;
1464
- var headerNavigationService = _ref.headerNavigationService;
1112
+ var _data$topNavItems, _data$megaMenuByTopId, _activeMega$jumpTo$ma, _activeMega$jumpTo, _activeMega$categoryR, _activeMega$columns;
1113
+ var data = _ref.data;
1114
+ /** Which top-nav id has its mega menu open (`null` = mega hidden). */
1465
1115
  var _useState = (0,external_react_namespaceObject.useState)(null),
1466
1116
  _useState2 = HeaderNavigationRegion_slicedToArray(_useState, 2),
1467
- tree = _useState2[0],
1468
- setTree = _useState2[1];
1469
- /** Which top-nav id has its mega menu open (`null` = mega hidden). */
1470
- var _useState3 = (0,external_react_namespaceObject.useState)(null),
1471
- _useState4 = HeaderNavigationRegion_slicedToArray(_useState3, 2),
1472
- openMegaNavId = _useState4[0],
1473
- setOpenMegaNavId = _useState4[1];
1474
- (0,external_react_namespaceObject.useEffect)(function () {
1475
- var canceled = false;
1476
- HeaderNavigationRegion_asyncToGenerator(/*#__PURE__*/HeaderNavigationRegion_regenerator().m(function _callee() {
1477
- var t, _t;
1478
- return HeaderNavigationRegion_regenerator().w(function (_context) {
1479
- while (1) switch (_context.p = _context.n) {
1480
- case 0:
1481
- _context.p = 0;
1482
- _context.n = 1;
1483
- return headerNavigationService.bootstrapNavigationLivePreview();
1484
- case 1:
1485
- _context.n = 2;
1486
- return headerNavigationService.getNavigationTree();
1487
- case 2:
1488
- t = _context.v;
1489
- if (!canceled) setTree(t);
1490
- _context.n = 4;
1491
- break;
1492
- case 3:
1493
- _context.p = 3;
1494
- _t = _context.v;
1495
- case 4:
1496
- return _context.a(2);
1497
- }
1498
- }, _callee, null, [[0, 3]]);
1499
- }))();
1500
- return function () {
1501
- canceled = true;
1502
- };
1503
- }, [headerNavigationService]);
1504
- var topNavItems = (_tree$topNavItems = tree === null || tree === void 0 ? void 0 : tree.topNavItems) !== null && _tree$topNavItems !== void 0 ? _tree$topNavItems : [];
1505
- var megaById = (_tree$megaMenuByTopId = tree === null || tree === void 0 ? void 0 : tree.megaMenuByTopId) !== null && _tree$megaMenuByTopId !== void 0 ? _tree$megaMenuByTopId : {};
1117
+ openMegaNavId = _useState2[0],
1118
+ setOpenMegaNavId = _useState2[1];
1119
+ var topNavItems = (_data$topNavItems = data === null || data === void 0 ? void 0 : data.topNavItems) !== null && _data$topNavItems !== void 0 ? _data$topNavItems : [];
1120
+ var megaById = (_data$megaMenuByTopId = data === null || data === void 0 ? void 0 : data.megaMenuByTopId) !== null && _data$megaMenuByTopId !== void 0 ? _data$megaMenuByTopId : {};
1506
1121
  var activeMega = openMegaNavId ? megaById[openMegaNavId] : null;
1507
1122
  var jumpToItems = (_activeMega$jumpTo$ma = activeMega === null || activeMega === void 0 || (_activeMega$jumpTo = activeMega.jumpTo) === null || _activeMega$jumpTo === void 0 ? void 0 : _activeMega$jumpTo.map(function (j) {
1508
1123
  return {
@@ -1517,20 +1132,6 @@ function HeaderNavigationRegion(_ref) {
1517
1132
  return prev === itemId ? null : itemId;
1518
1133
  });
1519
1134
  }
1520
- if (!tree) {
1521
- return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(PrimaryNav, {
1522
- "data-region": "top-nav",
1523
- "aria-label": "Primary",
1524
- "data-copy-loading": true,
1525
- children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("ul", {
1526
- children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("li", {
1527
- children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
1528
- children: "\u2026"
1529
- })
1530
- })
1531
- })
1532
- });
1533
- }
1534
1135
  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
1535
1136
  children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(PrimaryNav, {
1536
1137
  "data-region": "top-nav",
@@ -1600,7 +1201,7 @@ function HeaderNavigationRegion(_ref) {
1600
1201
  }, "".concat(colIdx, "-").concat(rowIdx, "-").concat(label));
1601
1202
  })
1602
1203
  })]
1603
- }, String(colIdx));
1204
+ }, String("".concat(colIdx, "-").concat(links[0] ? links[0] : links)));
1604
1205
  })
1605
1206
  })]
1606
1207
  })]
@@ -1609,7 +1210,13 @@ function HeaderNavigationRegion(_ref) {
1609
1210
  });
1610
1211
  }
1611
1212
  HeaderNavigationRegion.propTypes = {
1612
- headerNavigationService: (external_prop_types_default()).object.isRequired
1213
+ data: external_prop_types_default().shape({
1214
+ topNavItems: external_prop_types_default().arrayOf(external_prop_types_default().shape({
1215
+ id: (external_prop_types_default()).string,
1216
+ label: (external_prop_types_default()).string
1217
+ })),
1218
+ megaMenuByTopId: (external_prop_types_default()).object
1219
+ }).isRequired
1613
1220
  };
1614
1221
  ;// ./src/utils/common.js
1615
1222
  /**
@@ -1627,6 +1234,7 @@ var validateUrl = function validateUrl(url) {
1627
1234
  }
1628
1235
  return url;
1629
1236
  };
1237
+ var isServer = typeof window === "undefined";
1630
1238
  ;// ./src/components/top-ribbon/types.js
1631
1239
 
1632
1240
  var NavigationLinkPropTypes = external_prop_types_default().shape({
@@ -1649,16 +1257,16 @@ function TopRibbon_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tr
1649
1257
  var StyledTopRibbon = /*#__PURE__*/createStyled("header", true ? {
1650
1258
  target: "ei9etl03"
1651
1259
  } : 0)( true ? {
1652
- name: "1i3elid",
1653
- styles: "background-color:#000000;width:100%;position:relative;@media (max-width: 1023px){display:none;}&:focus-within{outline:none;}"
1260
+ name: "ah54qx",
1261
+ styles: "background-color:#000000;width:100%;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none;}&:focus-within{outline:none;}"
1654
1262
  } : 0);
1655
1263
 
1656
1264
  // Navigation list container
1657
1265
  var StyledNavigationList = /*#__PURE__*/createStyled("ul", true ? {
1658
1266
  target: "ei9etl02"
1659
1267
  } : 0)( true ? {
1660
- name: "1qblcar",
1661
- styles: "margin:0;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;width:100%;box-sizing:border-box"
1268
+ name: "m78rlq",
1269
+ styles: "margin:0 auto;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;min-width:100%;width:max-content;box-sizing:border-box"
1662
1270
  } : 0);
1663
1271
 
1664
1272
  // Individual navigation item container
@@ -1691,12 +1299,13 @@ function TopRibbon_toPrimitive(t, r) { if ("object" != TopRibbon_typeof(t) || !t
1691
1299
  /**
1692
1300
  * TopRibbon Navigation Component
1693
1301
  *
1694
- * Renders a desktop-only navigation ribbon with:
1302
+ * Renders a navigation ribbon visible on all screen sizes with:
1695
1303
  * - Pure black background (#000000) per Figma specifications
1696
1304
  * - White text links (#FFFFFF) with Figma-exact hover underlines
1697
1305
  * - Figma-exact typography (14px/20px, Inter font)
1698
1306
  * - Full WCAG 2.1 AA accessibility compliance
1699
- * - Responsive behavior (hidden below 1024px breakpoint)
1307
+ * - Responsive behavior (visible on mobile, tablet, and desktop)
1308
+ * - Horizontal scroll on small viewports when items overflow
1700
1309
  * - CSR & SSR compatible (no direct window/document access at render time)
1701
1310
  *
1702
1311
  * @param {Object} props - Component props
@@ -1771,7 +1380,7 @@ var TopRibbon = function TopRibbon(_ref) {
1771
1380
  };
1772
1381
  TopRibbon.propTypes = TopRibbonPropTypes;
1773
1382
  /* harmony default export */ const top_ribbon_TopRibbon = (TopRibbon);
1774
- ;// ./src/components/HeaderView.jsx
1383
+ ;// ./src/components/header/HeaderView.jsx
1775
1384
 
1776
1385
 
1777
1386
 
@@ -1784,54 +1393,96 @@ TopRibbon.propTypes = TopRibbonPropTypes;
1784
1393
 
1785
1394
 
1786
1395
 
1787
- /**
1788
- * Header shell: each region calls async getters on its service to load copy before rendering.
1789
- * Layout follows docs/header-domain-language.png (logo left; utility + pill search stacked right).
1790
- */
1791
-
1396
+ var DEFAULT_LOGO = {
1397
+ wordmark: "NU SKIN",
1398
+ home_href: "/",
1399
+ aria_label: "Nu Skin home"
1400
+ };
1401
+ var DEFAULT_LOCALE = {
1402
+ control_label: "USD | English"
1403
+ };
1404
+ var DEFAULT_LOYALTY = {
1405
+ link_label: "Nu Skin Rewards",
1406
+ href: "/rewards"
1407
+ };
1408
+ var DEFAULT_ACCOUNT = {
1409
+ sign_in_label: "Sign In",
1410
+ sign_up_label: "Sign Up"
1411
+ };
1412
+ var DEFAULT_CART = {
1413
+ aria_label: "Shopping cart",
1414
+ count: 0
1415
+ };
1416
+ var DEFAULT_SEARCH = {
1417
+ placeholder: "Product Search",
1418
+ input_aria_label: "Product search"
1419
+ };
1420
+ var DEFAULT_NAVIGATION = {
1421
+ topNavItems: [{
1422
+ id: "devices",
1423
+ label: "Devices"
1424
+ }, {
1425
+ id: "beauty",
1426
+ label: "Beauty & Skincare"
1427
+ }, {
1428
+ id: "wellness",
1429
+ label: "Health & Wellness"
1430
+ }, {
1431
+ id: "product-lines",
1432
+ label: "Product Lines"
1433
+ }, {
1434
+ id: "most-popular",
1435
+ label: "Most Popular"
1436
+ }, {
1437
+ id: "our-impact",
1438
+ label: "Our Impact"
1439
+ }],
1440
+ megaMenuByTopId: {}
1441
+ };
1442
+ var DEFAULT_TOP_RIBBON_LINKS = [{
1443
+ label: "Hair",
1444
+ url: "/hair",
1445
+ ariaLabel: "Shop Hair"
1446
+ }, {
1447
+ label: "Skin",
1448
+ url: "/skin",
1449
+ ariaLabel: "Shop Skin"
1450
+ }, {
1451
+ label: "Body",
1452
+ url: "/body",
1453
+ ariaLabel: "Shop Body"
1454
+ }, {
1455
+ label: "Fragrance",
1456
+ url: "/fragrance",
1457
+ ariaLabel: "Shop Fragrance"
1458
+ }, {
1459
+ label: "Beauty Bio",
1460
+ url: "/beauty-bio",
1461
+ ariaLabel: "Shop Beauty Bio"
1462
+ }, {
1463
+ label: "Accessories",
1464
+ url: "/accessories",
1465
+ ariaLabel: "Shop Accessories"
1466
+ }, {
1467
+ label: "Gifts",
1468
+ url: "/gifts",
1469
+ ariaLabel: "Shop Gifts"
1470
+ }];
1792
1471
  function HeaderView(_ref) {
1472
+ var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$loyalty, _headerEntry$account, _headerEntry$cart, _headerEntry$search, _headerEntry$top_ribb, _headerEntry$navigati;
1793
1473
  var country = _ref.country,
1794
1474
  language = _ref.language,
1795
1475
  locale = _ref.locale,
1796
- headerLogoService = _ref.headerLogoService,
1797
- headerLocaleService = _ref.headerLocaleService,
1798
- headerLoyaltyService = _ref.headerLoyaltyService,
1799
- headerAccountService = _ref.headerAccountService,
1800
- headerCartService = _ref.headerCartService,
1801
- headerSearchService = _ref.headerSearchService,
1802
- headerNavigationService = _ref.headerNavigationService,
1803
- _ref$topRibbonLinks = _ref.topRibbonLinks,
1804
- topRibbonLinks = _ref$topRibbonLinks === void 0 ? [{
1805
- label: 'Hair',
1806
- url: '/hair',
1807
- ariaLabel: 'Shop Hair'
1808
- }, {
1809
- label: 'Skin',
1810
- url: '/skin',
1811
- ariaLabel: 'Shop Skin'
1812
- }, {
1813
- label: 'Body',
1814
- url: '/body',
1815
- ariaLabel: 'Shop Body'
1816
- }, {
1817
- label: 'Fragrance',
1818
- url: '/fragrance',
1819
- ariaLabel: 'Shop Fragrance'
1820
- }, {
1821
- label: 'Beauty Bio',
1822
- url: '/beauty-bio',
1823
- ariaLabel: 'Shop Beauty Bio'
1824
- }, {
1825
- label: 'Accessories',
1826
- url: '/accessories',
1827
- ariaLabel: 'Shop Accessories'
1828
- }, {
1829
- label: 'Gifts',
1830
- url: '/gifts',
1831
- ariaLabel: 'Shop Gifts'
1832
- }] : _ref$topRibbonLinks;
1476
+ headerEntry = _ref.headerEntry;
1477
+ var logoData = (_headerEntry$logo = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.logo) !== null && _headerEntry$logo !== void 0 ? _headerEntry$logo : DEFAULT_LOGO;
1478
+ var localeData = (_headerEntry$locale_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale_selector) !== null && _headerEntry$locale_s !== void 0 ? _headerEntry$locale_s : DEFAULT_LOCALE;
1479
+ var loyaltyData = (_headerEntry$loyalty = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.loyalty) !== null && _headerEntry$loyalty !== void 0 ? _headerEntry$loyalty : DEFAULT_LOYALTY;
1480
+ var accountData = (_headerEntry$account = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account) !== null && _headerEntry$account !== void 0 ? _headerEntry$account : DEFAULT_ACCOUNT;
1481
+ var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
1482
+ var searchData = (_headerEntry$search = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.search) !== null && _headerEntry$search !== void 0 ? _headerEntry$search : DEFAULT_SEARCH;
1483
+ var topRibbonLinks = (_headerEntry$top_ribb = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.top_ribbon_links) !== null && _headerEntry$top_ribb !== void 0 ? _headerEntry$top_ribb : DEFAULT_TOP_RIBBON_LINKS;
1484
+ var navigationData = (_headerEntry$navigati = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.navigation) !== null && _headerEntry$navigati !== void 0 ? _headerEntry$navigati : DEFAULT_NAVIGATION;
1833
1485
  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(HeaderRoot, {
1834
- role: "banner",
1835
1486
  "data-testid": "header-view",
1836
1487
  "data-country": country,
1837
1488
  "data-language": language,
@@ -1843,51 +1494,38 @@ function HeaderView(_ref) {
1843
1494
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(TopHeaderRow, {
1844
1495
  children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(LogoSlot, {
1845
1496
  children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderLogoRegion, {
1846
- headerLogoService: headerLogoService
1497
+ data: logoData
1847
1498
  })
1848
1499
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(RightHeaderCluster, {
1849
1500
  children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(UtilityBar, {
1850
1501
  "data-region": "utility-bar",
1851
1502
  children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderLocaleRegion, {
1852
- headerLocaleService: headerLocaleService
1503
+ data: localeData
1853
1504
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderLoyaltyRegion, {
1854
- headerLoyaltyService: headerLoyaltyService
1505
+ data: loyaltyData
1855
1506
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderAccountRegion, {
1856
- headerAccountService: headerAccountService
1507
+ data: accountData
1857
1508
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderCartRegion, {
1858
- headerCartService: headerCartService
1509
+ data: cartData
1859
1510
  })]
1860
1511
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SearchSlot, {
1861
1512
  children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderSearchRegion, {
1862
- headerSearchService: headerSearchService
1513
+ data: searchData
1863
1514
  })
1864
1515
  })]
1865
1516
  })]
1866
1517
  }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(NavSection, {
1867
1518
  children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderNavigationRegion, {
1868
- headerNavigationService: headerNavigationService
1519
+ data: navigationData
1869
1520
  })
1870
1521
  })]
1871
1522
  });
1872
1523
  }
1873
- var serviceProp = (external_prop_types_default()).object.isRequired;
1874
1524
  HeaderView.propTypes = {
1875
1525
  country: (external_prop_types_default()).string.isRequired,
1876
1526
  language: (external_prop_types_default()).string.isRequired,
1877
1527
  locale: (external_prop_types_default()).string.isRequired,
1878
- headerLogoService: serviceProp,
1879
- headerLocaleService: serviceProp,
1880
- headerLoyaltyService: serviceProp,
1881
- headerAccountService: serviceProp,
1882
- headerCartService: serviceProp,
1883
- headerSearchService: serviceProp,
1884
- headerNavigationService: serviceProp,
1885
- topRibbonLinks: external_prop_types_default().arrayOf(external_prop_types_default().shape({
1886
- label: (external_prop_types_default()).string.isRequired,
1887
- url: (external_prop_types_default()).string.isRequired,
1888
- ariaLabel: (external_prop_types_default()).string,
1889
- dataTestId: (external_prop_types_default()).string
1890
- }))
1528
+ headerEntry: (external_prop_types_default()).object
1891
1529
  };
1892
1530
  ;// ./src/styles/Main.styled.js
1893
1531
 
@@ -1988,7 +1626,7 @@ function resolveHeaderLocale() {
1988
1626
  return buildLocaleData(market, language);
1989
1627
  }
1990
1628
  if (!locale_isBrowser()) {
1991
- throw new Error("@nuskin/nextgen-header: SSR requires `market` and `language` on `<Main />`, or pass `requestUrl` into `renderAndExtractContext` so they can be derived from the request path.");
1629
+ return buildLocaleData("US", "en");
1992
1630
  }
1993
1631
  var fromUrl = getLocale();
1994
1632
  if (!fromUrl.country || !fromUrl.language || !fromUrl.locale || String(fromUrl.locale).includes("undefined")) {
@@ -1997,424 +1635,6 @@ function resolveHeaderLocale() {
1997
1635
  return fromUrl;
1998
1636
  }
1999
1637
 
2000
- ;// ./src/components/header/services/HeaderAccountService.js
2001
- function HeaderAccountService_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderAccountService_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderAccountService_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderAccountService_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderAccountService_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderAccountService_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderAccountService_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderAccountService_regeneratorDefine2(u), HeaderAccountService_regeneratorDefine2(u, o, "Generator"), HeaderAccountService_regeneratorDefine2(u, n, function () { return this; }), HeaderAccountService_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderAccountService_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
2002
- function HeaderAccountService_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderAccountService_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderAccountService_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderAccountService_regeneratorDefine2(e, r, n, t); }
2003
- function HeaderAccountService_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
2004
- function HeaderAccountService_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderAccountService_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderAccountService_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
2005
- /* eslint-disable no-console */
2006
-
2007
- /**
2008
- * Account / auth chrome service scaffold. TODO: integrate identity provider, session,
2009
- * and Contentstack labels for sign-in / sign-up.
2010
- */
2011
- function createHeaderAccountService() {
2012
- return {
2013
- getAccountCopy: function getAccountCopy() {
2014
- return HeaderAccountService_asyncToGenerator(/*#__PURE__*/HeaderAccountService_regenerator().m(function _callee() {
2015
- return HeaderAccountService_regenerator().w(function (_context) {
2016
- while (1) switch (_context.n) {
2017
- case 0:
2018
- console.log("[HeaderAccountService] getAccountCopy");
2019
- _context.n = 1;
2020
- return new Promise(function (resolve) {
2021
- return setTimeout(resolve, 50);
2022
- });
2023
- case 1:
2024
- return _context.a(2, {
2025
- signInLabel: "Sign In",
2026
- signUpLabel: "Sign Up"
2027
- });
2028
- }
2029
- }, _callee);
2030
- }))();
2031
- },
2032
- bootstrapAccountLivePreview: function bootstrapAccountLivePreview() {
2033
- return HeaderAccountService_asyncToGenerator(/*#__PURE__*/HeaderAccountService_regenerator().m(function _callee2() {
2034
- return HeaderAccountService_regenerator().w(function (_context2) {
2035
- while (1) switch (_context2.n) {
2036
- case 0:
2037
- console.log("[HeaderAccountService] bootstrapAccountLivePreview");
2038
- // TODO: Contentstack Live Preview for account-related entries when wired
2039
- _context2.n = 1;
2040
- return new Promise(function (resolve) {
2041
- return setTimeout(resolve, 50);
2042
- });
2043
- case 1:
2044
- return _context2.a(2);
2045
- }
2046
- }, _callee2);
2047
- }))();
2048
- },
2049
- startSignUp: function startSignUp() {
2050
- console.log("[HeaderAccountService] startSignUp");
2051
- // TODO: start hosted sign-up flow
2052
- },
2053
- startSignIn: function startSignIn() {
2054
- console.log("[HeaderAccountService] startSignIn");
2055
- // TODO: start hosted sign-in flow
2056
- },
2057
- requestAccountOverviewOverlay: function requestAccountOverviewOverlay() {
2058
- console.log("[HeaderAccountService] requestAccountOverviewOverlay");
2059
- // TODO: emit contract event for MFE orchestrator to mount account overview overlay
2060
- },
2061
- signOut: function signOut() {
2062
- console.log("[HeaderAccountService] signOut");
2063
- // TODO: clear session + notify host
2064
- },
2065
- syncAccountMenuVisibility: function syncAccountMenuVisibility() {
2066
- console.log("[HeaderAccountService] syncAccountMenuVisibility");
2067
- // TODO: react to auth state / entitlements from host
2068
- }
2069
- };
2070
- }
2071
- ;// ./src/components/header/services/HeaderCartService.js
2072
- function HeaderCartService_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderCartService_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderCartService_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderCartService_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderCartService_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderCartService_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderCartService_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderCartService_regeneratorDefine2(u), HeaderCartService_regeneratorDefine2(u, o, "Generator"), HeaderCartService_regeneratorDefine2(u, n, function () { return this; }), HeaderCartService_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderCartService_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
2073
- function HeaderCartService_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderCartService_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderCartService_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderCartService_regeneratorDefine2(e, r, n, t); }
2074
- function HeaderCartService_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
2075
- function HeaderCartService_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderCartService_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderCartService_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
2076
- /* eslint-disable no-console */
2077
-
2078
- /**
2079
- * Cart chrome service scaffold. TODO: connect to commerce cart API or host-provided count.
2080
- */
2081
- function createHeaderCartService() {
2082
- return {
2083
- getCartChromeCopy: function getCartChromeCopy() {
2084
- return HeaderCartService_asyncToGenerator(/*#__PURE__*/HeaderCartService_regenerator().m(function _callee() {
2085
- return HeaderCartService_regenerator().w(function (_context) {
2086
- while (1) switch (_context.n) {
2087
- case 0:
2088
- console.log("[HeaderCartService] getCartChromeCopy");
2089
- _context.n = 1;
2090
- return new Promise(function (resolve) {
2091
- return setTimeout(resolve, 50);
2092
- });
2093
- case 1:
2094
- return _context.a(2, {
2095
- ariaLabel: "Shopping cart"
2096
- });
2097
- }
2098
- }, _callee);
2099
- }))();
2100
- },
2101
- getCartCount: function getCartCount() {
2102
- return HeaderCartService_asyncToGenerator(/*#__PURE__*/HeaderCartService_regenerator().m(function _callee2() {
2103
- return HeaderCartService_regenerator().w(function (_context2) {
2104
- while (1) switch (_context2.n) {
2105
- case 0:
2106
- console.log("[HeaderCartService] getCartCount");
2107
- // TODO: read from cart service / host bridge
2108
- _context2.n = 1;
2109
- return new Promise(function (resolve) {
2110
- return setTimeout(resolve, 50);
2111
- });
2112
- case 1:
2113
- return _context2.a(2, 0);
2114
- }
2115
- }, _callee2);
2116
- }))();
2117
- },
2118
- requestCart: function requestCart() {
2119
- console.log("[HeaderCartService] requestCart");
2120
- // TODO: open mini-cart or navigate to cart (host)
2121
- }
2122
- };
2123
- }
2124
- ;// ./src/components/header/constants.js
2125
- /**
2126
- * Contentstack entry UID for header / navigation when a single entry drives the bar.
2127
- * TODO: Replace with the real entry UID from your stack when the content model is finalized.
2128
- */
2129
- var HEADER_CONTENT_ENTRY_UID = "HEADER_ENTRY_UID_PLACEHOLDER";
2130
- ;// ./src/components/header/services/HeaderContentService.js
2131
- /* eslint-disable no-console */
2132
-
2133
-
2134
- /**
2135
- * Header Contentstack entry identity. TODO: resolve UID from slug / env per environment.
2136
- */
2137
- function createHeaderContentService() {
2138
- return {
2139
- getHeaderEntryUid: function getHeaderEntryUid() {
2140
- console.log("[HeaderContentService] getHeaderEntryUid");
2141
- return HEADER_CONTENT_ENTRY_UID;
2142
- }
2143
- };
2144
- }
2145
- ;// ./src/components/header/services/HeaderLocaleService.js
2146
- function HeaderLocaleService_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderLocaleService_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderLocaleService_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderLocaleService_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderLocaleService_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderLocaleService_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderLocaleService_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderLocaleService_regeneratorDefine2(u), HeaderLocaleService_regeneratorDefine2(u, o, "Generator"), HeaderLocaleService_regeneratorDefine2(u, n, function () { return this; }), HeaderLocaleService_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderLocaleService_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
2147
- function HeaderLocaleService_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderLocaleService_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderLocaleService_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderLocaleService_regeneratorDefine2(e, r, n, t); }
2148
- function HeaderLocaleService_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
2149
- function HeaderLocaleService_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderLocaleService_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderLocaleService_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
2150
- /* eslint-disable no-console */
2151
-
2152
- /**
2153
- * Locale / market selector service scaffold. TODO: wire real locale resolution and
2154
- * Contentstack copy for the control.
2155
- */
2156
- function createHeaderLocaleService() {
2157
- return {
2158
- getLocaleSelectorCopy: function getLocaleSelectorCopy() {
2159
- return HeaderLocaleService_asyncToGenerator(/*#__PURE__*/HeaderLocaleService_regenerator().m(function _callee() {
2160
- return HeaderLocaleService_regenerator().w(function (_context) {
2161
- while (1) switch (_context.n) {
2162
- case 0:
2163
- console.log("[HeaderLocaleService] getLocaleSelectorCopy");
2164
- _context.n = 1;
2165
- return new Promise(function (resolve) {
2166
- return setTimeout(resolve, 50);
2167
- });
2168
- case 1:
2169
- return _context.a(2, {
2170
- controlLabel: "USD | English"
2171
- });
2172
- }
2173
- }, _callee);
2174
- }))();
2175
- },
2176
- getActiveLocaleDisplay: function getActiveLocaleDisplay(_ref) {
2177
- var locale = _ref.locale;
2178
- console.log("[HeaderLocaleService] getActiveLocaleDisplay", {
2179
- locale: locale
2180
- });
2181
- return locale || "";
2182
- },
2183
- requestLocaleSelector: function requestLocaleSelector() {
2184
- console.log("[HeaderLocaleService] requestLocaleSelector");
2185
- // TODO: open locale & currency overlay (host or shared shell)
2186
- }
2187
- };
2188
- }
2189
- ;// ./src/components/header/services/HeaderLogoService.js
2190
- function HeaderLogoService_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderLogoService_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderLogoService_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderLogoService_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderLogoService_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderLogoService_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderLogoService_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderLogoService_regeneratorDefine2(u), HeaderLogoService_regeneratorDefine2(u, o, "Generator"), HeaderLogoService_regeneratorDefine2(u, n, function () { return this; }), HeaderLogoService_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderLogoService_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
2191
- function HeaderLogoService_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderLogoService_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderLogoService_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderLogoService_regeneratorDefine2(e, r, n, t); }
2192
- function HeaderLogoService_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
2193
- function HeaderLogoService_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderLogoService_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderLogoService_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
2194
- /* eslint-disable no-console */
2195
-
2196
- /**
2197
- * Header logo service scaffold. TODO: replace with Contentstack-backed implementation
2198
- * (entry fields + asset references for wordmark / home link).
2199
- */
2200
- function createHeaderLogoService() {
2201
- return {
2202
- getLogoCopy: function getLogoCopy() {
2203
- return HeaderLogoService_asyncToGenerator(/*#__PURE__*/HeaderLogoService_regenerator().m(function _callee() {
2204
- return HeaderLogoService_regenerator().w(function (_context) {
2205
- while (1) switch (_context.n) {
2206
- case 0:
2207
- console.log("[HeaderLogoService] getLogoCopy");
2208
- _context.n = 1;
2209
- return new Promise(function (resolve) {
2210
- return setTimeout(resolve, 50);
2211
- });
2212
- case 1:
2213
- return _context.a(2, {
2214
- wordmark: "NU SKIN",
2215
- ariaLabel: "Nu Skin home"
2216
- });
2217
- }
2218
- }, _callee);
2219
- }))();
2220
- },
2221
- getLogoDescriptor: function getLogoDescriptor() {
2222
- console.log("[HeaderLogoService] getLogoDescriptor");
2223
- // TODO: derive from CMS + locale-aware home URL
2224
- return {
2225
- wordmark: "NU SKIN",
2226
- ariaLabel: "Nu Skin home",
2227
- homeHref: "/"
2228
- };
2229
- },
2230
- navigateHome: function navigateHome() {
2231
- console.log("[HeaderLogoService] navigateHome");
2232
- // TODO: delegate to host router / MFE orchestrator for SPA navigation
2233
- }
2234
- };
2235
- }
2236
- ;// ./src/components/header/services/HeaderLoyaltyService.js
2237
- function HeaderLoyaltyService_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderLoyaltyService_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderLoyaltyService_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderLoyaltyService_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderLoyaltyService_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderLoyaltyService_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderLoyaltyService_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderLoyaltyService_regeneratorDefine2(u), HeaderLoyaltyService_regeneratorDefine2(u, o, "Generator"), HeaderLoyaltyService_regeneratorDefine2(u, n, function () { return this; }), HeaderLoyaltyService_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderLoyaltyService_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
2238
- function HeaderLoyaltyService_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderLoyaltyService_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderLoyaltyService_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderLoyaltyService_regeneratorDefine2(e, r, n, t); }
2239
- function HeaderLoyaltyService_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
2240
- function HeaderLoyaltyService_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderLoyaltyService_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderLoyaltyService_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
2241
- /* eslint-disable no-console */
2242
-
2243
- /**
2244
- * Loyalty program service scaffold. TODO: visibility rules + CMS copy for rewards link.
2245
- */
2246
- function createHeaderLoyaltyService() {
2247
- return {
2248
- getLoyaltyCopy: function getLoyaltyCopy() {
2249
- return HeaderLoyaltyService_asyncToGenerator(/*#__PURE__*/HeaderLoyaltyService_regenerator().m(function _callee() {
2250
- return HeaderLoyaltyService_regenerator().w(function (_context) {
2251
- while (1) switch (_context.n) {
2252
- case 0:
2253
- console.log("[HeaderLoyaltyService] getLoyaltyCopy");
2254
- _context.n = 1;
2255
- return new Promise(function (resolve) {
2256
- return setTimeout(resolve, 50);
2257
- });
2258
- case 1:
2259
- return _context.a(2, {
2260
- loyaltyLinkLabel: "Nu Skin Rewards"
2261
- });
2262
- }
2263
- }, _callee);
2264
- }))();
2265
- },
2266
- getLoyaltyProgramEntry: function getLoyaltyProgramEntry() {
2267
- console.log("[HeaderLoyaltyService] getLoyaltyProgramEntry");
2268
- // TODO: feature-flag visibility and href from host or CMS
2269
- return {
2270
- href: "/rewards",
2271
- visible: true
2272
- };
2273
- },
2274
- navigateToLoyaltyProgram: function navigateToLoyaltyProgram() {
2275
- console.log("[HeaderLoyaltyService] navigateToLoyaltyProgram");
2276
- // TODO: route to loyalty landing (host router)
2277
- }
2278
- };
2279
- }
2280
- ;// ./src/components/header/services/HeaderNavigationService.js
2281
- function HeaderNavigationService_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderNavigationService_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderNavigationService_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderNavigationService_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderNavigationService_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderNavigationService_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderNavigationService_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderNavigationService_regeneratorDefine2(u), HeaderNavigationService_regeneratorDefine2(u, o, "Generator"), HeaderNavigationService_regeneratorDefine2(u, n, function () { return this; }), HeaderNavigationService_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderNavigationService_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
2282
- function HeaderNavigationService_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderNavigationService_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderNavigationService_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderNavigationService_regeneratorDefine2(e, r, n, t); }
2283
- function HeaderNavigationService_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
2284
- function HeaderNavigationService_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderNavigationService_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderNavigationService_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
2285
- /* eslint-disable no-console */
2286
-
2287
- /**
2288
- * Navigation / mega-menu service scaffold. TODO: load tree from Contentstack (or host)
2289
- * using locale and market; support Live Preview.
2290
- * Shape aligns with docs/header-domain-language.png (top nav + Jump To + category columns).
2291
- */
2292
- function createHeaderNavigationService() {
2293
- return {
2294
- getNavigationTree: function getNavigationTree() {
2295
- return HeaderNavigationService_asyncToGenerator(/*#__PURE__*/HeaderNavigationService_regenerator().m(function _callee() {
2296
- return HeaderNavigationService_regenerator().w(function (_context) {
2297
- while (1) switch (_context.n) {
2298
- case 0:
2299
- console.log("[HeaderNavigationService] getNavigationTree");
2300
- _context.n = 1;
2301
- return new Promise(function (resolve) {
2302
- return setTimeout(resolve, 50);
2303
- });
2304
- case 1:
2305
- return _context.a(2, {
2306
- topNavItems: [{
2307
- id: "devices",
2308
- label: "Devices"
2309
- }, {
2310
- id: "beauty",
2311
- label: "Beauty & Skincare"
2312
- }, {
2313
- id: "wellness",
2314
- label: "Health & Wellness"
2315
- }, {
2316
- id: "product-lines",
2317
- label: "Product Lines"
2318
- }, {
2319
- id: "most-popular",
2320
- label: "Most Popular"
2321
- }, {
2322
- id: "our-impact",
2323
- label: "Our Impact"
2324
- }],
2325
- megaMenuByTopId: {
2326
- devices: {
2327
- jumpTo: [{
2328
- id: "lumispa",
2329
- label: "LumiSpa"
2330
- }, {
2331
- id: "wellness-devices",
2332
- label: "Wellness devices"
2333
- }, {
2334
- id: "accessories",
2335
- label: "Accessories"
2336
- }],
2337
- categoryRow: ["Devices", "By concern", "Collections"],
2338
- columns: [["LumiSpa iO", "PowerClean", "Devices overview", "Compare devices"], ["Anti-aging devices", "Cleansing", "Acne care"], ["New arrivals", "Bundles", "All devices"]]
2339
- },
2340
- beauty: {
2341
- jumpTo: [{
2342
- id: "popular",
2343
- label: "Most Popular"
2344
- }, {
2345
- id: "science",
2346
- label: "Science"
2347
- }, {
2348
- id: "kits",
2349
- label: "Kits & Bundles"
2350
- }],
2351
- categoryRow: ["Skincare", "Concerns", "Key Ingredients"],
2352
- columns: [["Facial Cleansers", "Exfoliators", "Toners", "Serums & Treatments", "Facial Moisturizers", "Eye Cream", "Sunscreen", "Lash + Brows", "Lip Treatment", "All Skincare Products"], ["Anti-Aging", "Lines & Wrinkles", "Dry Skin", "Acne & Blemishes", "Discoloration", "Dark Circles & Puffiness", "Oily Skin"], ["Adaptogens", "AHA", "BHA", "PHA", "Squalane", "Hyaluronic Acid", "Niacinamide", "Peptides", "Retinol", "Vitamin C"]]
2353
- }
2354
- }
2355
- });
2356
- }
2357
- }, _callee);
2358
- }))();
2359
- },
2360
- bootstrapNavigationLivePreview: function bootstrapNavigationLivePreview() {
2361
- return HeaderNavigationService_asyncToGenerator(/*#__PURE__*/HeaderNavigationService_regenerator().m(function _callee2() {
2362
- return HeaderNavigationService_regenerator().w(function (_context2) {
2363
- while (1) switch (_context2.n) {
2364
- case 0:
2365
- console.log("[HeaderNavigationService] bootstrapNavigationLivePreview");
2366
- // TODO: Contentstack Live Preview subscription for nav entries
2367
- _context2.n = 1;
2368
- return new Promise(function (resolve) {
2369
- return setTimeout(resolve, 50);
2370
- });
2371
- case 1:
2372
- return _context2.a(2);
2373
- }
2374
- }, _callee2);
2375
- }))();
2376
- }
2377
- };
2378
- }
2379
- ;// ./src/components/header/services/HeaderSearchService.js
2380
- function HeaderSearchService_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return HeaderSearchService_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (HeaderSearchService_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, HeaderSearchService_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderSearchService_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderSearchService_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderSearchService_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderSearchService_regeneratorDefine2(u), HeaderSearchService_regeneratorDefine2(u, o, "Generator"), HeaderSearchService_regeneratorDefine2(u, n, function () { return this; }), HeaderSearchService_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderSearchService_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
2381
- function HeaderSearchService_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderSearchService_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderSearchService_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, HeaderSearchService_regeneratorDefine2(e, r, n, t); }
2382
- function HeaderSearchService_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
2383
- function HeaderSearchService_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderSearchService_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderSearchService_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
2384
- /* eslint-disable no-console */
2385
-
2386
- /**
2387
- * Product search chrome service scaffold. TODO: CMS placeholders + search endpoint / redirect contract.
2388
- */
2389
- function createHeaderSearchService() {
2390
- return {
2391
- getSearchChromeCopy: function getSearchChromeCopy() {
2392
- return HeaderSearchService_asyncToGenerator(/*#__PURE__*/HeaderSearchService_regenerator().m(function _callee() {
2393
- return HeaderSearchService_regenerator().w(function (_context) {
2394
- while (1) switch (_context.n) {
2395
- case 0:
2396
- console.log("[HeaderSearchService] getSearchChromeCopy");
2397
- _context.n = 1;
2398
- return new Promise(function (resolve) {
2399
- return setTimeout(resolve, 50);
2400
- });
2401
- case 1:
2402
- return _context.a(2, {
2403
- placeholder: "Product Search",
2404
- inputAriaLabel: "Product search"
2405
- });
2406
- }
2407
- }, _callee);
2408
- }))();
2409
- },
2410
- submitProductSearch: function submitProductSearch(query) {
2411
- console.log("[HeaderSearchService] submitProductSearch", {
2412
- query: query
2413
- });
2414
- // TODO: navigate or delegate to host search results route with query
2415
- }
2416
- };
2417
- }
2418
1638
  ;// ./src/components/header/HeaderContainer.jsx
2419
1639
 
2420
1640
 
@@ -2422,87 +1642,29 @@ function createHeaderSearchService() {
2422
1642
 
2423
1643
 
2424
1644
 
2425
-
2426
-
2427
-
2428
-
2429
-
2430
-
2431
-
2432
-
2433
1645
  function HeaderContainer(_ref) {
2434
1646
  var market = _ref.market,
2435
1647
  language = _ref.language,
2436
- servicesProp = _ref.services;
1648
+ headerEntry = _ref.headerEntry;
2437
1649
  var resolved = resolveHeaderLocale({
2438
1650
  market: market,
2439
1651
  language: language
2440
1652
  });
2441
- var defaultServices = (0,external_react_namespaceObject.useMemo)(function () {
2442
- return {
2443
- headerLogoService: createHeaderLogoService(),
2444
- headerLocaleService: createHeaderLocaleService(),
2445
- headerLoyaltyService: createHeaderLoyaltyService(),
2446
- headerAccountService: createHeaderAccountService(),
2447
- headerCartService: createHeaderCartService(),
2448
- headerSearchService: createHeaderSearchService(),
2449
- headerNavigationService: createHeaderNavigationService(),
2450
- headerContentService: createHeaderContentService()
2451
- };
2452
- }, []);
2453
- var services = servicesProp !== null && servicesProp !== void 0 ? servicesProp : defaultServices;
2454
- var headerLogoService = services.headerLogoService,
2455
- headerLocaleService = services.headerLocaleService,
2456
- headerLoyaltyService = services.headerLoyaltyService,
2457
- headerAccountService = services.headerAccountService,
2458
- headerCartService = services.headerCartService,
2459
- headerSearchService = services.headerSearchService,
2460
- headerNavigationService = services.headerNavigationService,
2461
- headerContentService = services.headerContentService;
2462
1653
  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(AppContainer, {
2463
1654
  children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderView, {
2464
1655
  country: resolved.country,
2465
1656
  language: resolved.language,
2466
1657
  locale: resolved.locale,
2467
- headerLogoService: headerLogoService,
2468
- headerLocaleService: headerLocaleService,
2469
- headerLoyaltyService: headerLoyaltyService,
2470
- headerAccountService: headerAccountService,
2471
- headerCartService: headerCartService,
2472
- headerSearchService: headerSearchService,
2473
- headerNavigationService: headerNavigationService,
2474
- headerContentService: headerContentService
1658
+ headerEntry: headerEntry
2475
1659
  })
2476
1660
  });
2477
1661
  }
2478
1662
  HeaderContainer.propTypes = {
2479
1663
  market: (external_prop_types_default()).string,
2480
1664
  language: (external_prop_types_default()).string,
2481
- services: (external_prop_types_default()).object
1665
+ headerEntry: (external_prop_types_default()).object
2482
1666
  };
2483
1667
  /* harmony default export */ const header_HeaderContainer = (HeaderContainer);
2484
- ;// ./src/styles/globals.css
2485
- // extracted by mini-css-extract-plugin
2486
-
2487
- ;// ./src/Main.js
2488
-
2489
-
2490
-
2491
-
2492
-
2493
- function Main(_ref) {
2494
- var market = _ref.market,
2495
- language = _ref.language;
2496
- return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(header_HeaderContainer, {
2497
- market: market,
2498
- language: language
2499
- });
2500
- }
2501
- Main.propTypes = {
2502
- market: (external_prop_types_default()).string,
2503
- language: (external_prop_types_default()).string
2504
- };
2505
- /* harmony default export */ const src_Main = (Main);
2506
1668
  ;// ./src/library/index.js
2507
1669
  /**
2508
1670
  * Public API for `@nuskin/nextgen-header` npm consumers.