@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.
- package/package-dist/index.js +214 -1052
- package/package-dist/index.js.map +1 -1
- package/package-dist/index.mjs +214 -1052
- package/package-dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/package-dist/index.css +0 -74
- package/package-dist/index.css.map +0 -1
package/package-dist/index.js
CHANGED
|
@@ -51,7 +51,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
51
51
|
|
|
52
52
|
// EXPORTS
|
|
53
53
|
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
-
Header: () => (/* reexport */
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
730
|
+
target: "e1607tyl21"
|
|
731
731
|
} : 0)("color:", colors.muted, ";user-select:none;" + ( true ? "" : 0));
|
|
732
732
|
var UtilityButton = /*#__PURE__*/createStyled("button", true ? {
|
|
733
|
-
target: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
813
|
+
target: "e1607tyl2"
|
|
814
814
|
} : 0)( true ? "" : 0);
|
|
815
815
|
var CategorySubLabel = /*#__PURE__*/createStyled("p", true ? {
|
|
816
|
-
target: "
|
|
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: "
|
|
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
|
|
840
|
-
var
|
|
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
|
-
|
|
886
|
-
|
|
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
|
-
|
|
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
|
|
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: [
|
|
967
|
+
children: [data.control_label, /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconChevronDown, {})]
|
|
1070
968
|
})
|
|
1071
969
|
});
|
|
1072
970
|
}
|
|
1073
971
|
HeaderLocaleRegion.propTypes = {
|
|
1074
|
-
|
|
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
|
|
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
|
-
|
|
1135
|
-
return headerLoyaltyService.navigateToLoyaltyProgram();
|
|
1136
|
-
},
|
|
1137
|
-
children: copy.loyaltyLinkLabel
|
|
985
|
+
children: data.link_label
|
|
1138
986
|
});
|
|
1139
987
|
}
|
|
1140
988
|
HeaderLoyaltyRegion.propTypes = {
|
|
1141
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
1275
|
-
var
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
1346
|
-
function
|
|
1347
|
-
function
|
|
1348
|
-
function
|
|
1349
|
-
function
|
|
1350
|
-
function
|
|
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
|
|
1362
|
-
var _useState = (0,external_react_namespaceObject.useState)(
|
|
1363
|
-
_useState2 =
|
|
1364
|
-
|
|
1365
|
-
|
|
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
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
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":
|
|
1429
|
-
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
|
-
|
|
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
|
|
1464
|
-
var
|
|
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
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
var
|
|
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
|
-
|
|
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: "
|
|
1653
|
-
styles: "background-color:#000000;width:100%;position:relative
|
|
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: "
|
|
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
|
|
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 (
|
|
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
|
-
|
|
1789
|
-
|
|
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
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1503
|
+
data: localeData
|
|
1853
1504
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderLoyaltyRegion, {
|
|
1854
|
-
|
|
1505
|
+
data: loyaltyData
|
|
1855
1506
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderAccountRegion, {
|
|
1856
|
-
|
|
1507
|
+
data: accountData
|
|
1857
1508
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderCartRegion, {
|
|
1858
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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.
|