@nuskin/nextgen-header 1.17.0 → 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 +207 -1046
- package/package-dist/index.js.map +1 -1
- package/package-dist/index.mjs +207 -1046
- 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({
|
|
@@ -1772,7 +1380,7 @@ var TopRibbon = function TopRibbon(_ref) {
|
|
|
1772
1380
|
};
|
|
1773
1381
|
TopRibbon.propTypes = TopRibbonPropTypes;
|
|
1774
1382
|
/* harmony default export */ const top_ribbon_TopRibbon = (TopRibbon);
|
|
1775
|
-
;// ./src/components/HeaderView.jsx
|
|
1383
|
+
;// ./src/components/header/HeaderView.jsx
|
|
1776
1384
|
|
|
1777
1385
|
|
|
1778
1386
|
|
|
@@ -1785,54 +1393,96 @@ TopRibbon.propTypes = TopRibbonPropTypes;
|
|
|
1785
1393
|
|
|
1786
1394
|
|
|
1787
1395
|
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
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
|
+
}];
|
|
1793
1471
|
function HeaderView(_ref) {
|
|
1472
|
+
var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$loyalty, _headerEntry$account, _headerEntry$cart, _headerEntry$search, _headerEntry$top_ribb, _headerEntry$navigati;
|
|
1794
1473
|
var country = _ref.country,
|
|
1795
1474
|
language = _ref.language,
|
|
1796
1475
|
locale = _ref.locale,
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
label: 'Hair',
|
|
1807
|
-
url: '/hair',
|
|
1808
|
-
ariaLabel: 'Shop Hair'
|
|
1809
|
-
}, {
|
|
1810
|
-
label: 'Skin',
|
|
1811
|
-
url: '/skin',
|
|
1812
|
-
ariaLabel: 'Shop Skin'
|
|
1813
|
-
}, {
|
|
1814
|
-
label: 'Body',
|
|
1815
|
-
url: '/body',
|
|
1816
|
-
ariaLabel: 'Shop Body'
|
|
1817
|
-
}, {
|
|
1818
|
-
label: 'Fragrance',
|
|
1819
|
-
url: '/fragrance',
|
|
1820
|
-
ariaLabel: 'Shop Fragrance'
|
|
1821
|
-
}, {
|
|
1822
|
-
label: 'Beauty Bio',
|
|
1823
|
-
url: '/beauty-bio',
|
|
1824
|
-
ariaLabel: 'Shop Beauty Bio'
|
|
1825
|
-
}, {
|
|
1826
|
-
label: 'Accessories',
|
|
1827
|
-
url: '/accessories',
|
|
1828
|
-
ariaLabel: 'Shop Accessories'
|
|
1829
|
-
}, {
|
|
1830
|
-
label: 'Gifts',
|
|
1831
|
-
url: '/gifts',
|
|
1832
|
-
ariaLabel: 'Shop Gifts'
|
|
1833
|
-
}] : _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;
|
|
1834
1485
|
return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(HeaderRoot, {
|
|
1835
|
-
role: "banner",
|
|
1836
1486
|
"data-testid": "header-view",
|
|
1837
1487
|
"data-country": country,
|
|
1838
1488
|
"data-language": language,
|
|
@@ -1844,51 +1494,38 @@ function HeaderView(_ref) {
|
|
|
1844
1494
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(TopHeaderRow, {
|
|
1845
1495
|
children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(LogoSlot, {
|
|
1846
1496
|
children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderLogoRegion, {
|
|
1847
|
-
|
|
1497
|
+
data: logoData
|
|
1848
1498
|
})
|
|
1849
1499
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(RightHeaderCluster, {
|
|
1850
1500
|
children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(UtilityBar, {
|
|
1851
1501
|
"data-region": "utility-bar",
|
|
1852
1502
|
children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderLocaleRegion, {
|
|
1853
|
-
|
|
1503
|
+
data: localeData
|
|
1854
1504
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderLoyaltyRegion, {
|
|
1855
|
-
|
|
1505
|
+
data: loyaltyData
|
|
1856
1506
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderAccountRegion, {
|
|
1857
|
-
|
|
1507
|
+
data: accountData
|
|
1858
1508
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderCartRegion, {
|
|
1859
|
-
|
|
1509
|
+
data: cartData
|
|
1860
1510
|
})]
|
|
1861
1511
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SearchSlot, {
|
|
1862
1512
|
children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderSearchRegion, {
|
|
1863
|
-
|
|
1513
|
+
data: searchData
|
|
1864
1514
|
})
|
|
1865
1515
|
})]
|
|
1866
1516
|
})]
|
|
1867
1517
|
}), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(NavSection, {
|
|
1868
1518
|
children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderNavigationRegion, {
|
|
1869
|
-
|
|
1519
|
+
data: navigationData
|
|
1870
1520
|
})
|
|
1871
1521
|
})]
|
|
1872
1522
|
});
|
|
1873
1523
|
}
|
|
1874
|
-
var serviceProp = (external_prop_types_default()).object.isRequired;
|
|
1875
1524
|
HeaderView.propTypes = {
|
|
1876
1525
|
country: (external_prop_types_default()).string.isRequired,
|
|
1877
1526
|
language: (external_prop_types_default()).string.isRequired,
|
|
1878
1527
|
locale: (external_prop_types_default()).string.isRequired,
|
|
1879
|
-
|
|
1880
|
-
headerLocaleService: serviceProp,
|
|
1881
|
-
headerLoyaltyService: serviceProp,
|
|
1882
|
-
headerAccountService: serviceProp,
|
|
1883
|
-
headerCartService: serviceProp,
|
|
1884
|
-
headerSearchService: serviceProp,
|
|
1885
|
-
headerNavigationService: serviceProp,
|
|
1886
|
-
topRibbonLinks: external_prop_types_default().arrayOf(external_prop_types_default().shape({
|
|
1887
|
-
label: (external_prop_types_default()).string.isRequired,
|
|
1888
|
-
url: (external_prop_types_default()).string.isRequired,
|
|
1889
|
-
ariaLabel: (external_prop_types_default()).string,
|
|
1890
|
-
dataTestId: (external_prop_types_default()).string
|
|
1891
|
-
}))
|
|
1528
|
+
headerEntry: (external_prop_types_default()).object
|
|
1892
1529
|
};
|
|
1893
1530
|
;// ./src/styles/Main.styled.js
|
|
1894
1531
|
|
|
@@ -1989,7 +1626,7 @@ function resolveHeaderLocale() {
|
|
|
1989
1626
|
return buildLocaleData(market, language);
|
|
1990
1627
|
}
|
|
1991
1628
|
if (!locale_isBrowser()) {
|
|
1992
|
-
|
|
1629
|
+
return buildLocaleData("US", "en");
|
|
1993
1630
|
}
|
|
1994
1631
|
var fromUrl = getLocale();
|
|
1995
1632
|
if (!fromUrl.country || !fromUrl.language || !fromUrl.locale || String(fromUrl.locale).includes("undefined")) {
|
|
@@ -1998,424 +1635,6 @@ function resolveHeaderLocale() {
|
|
|
1998
1635
|
return fromUrl;
|
|
1999
1636
|
}
|
|
2000
1637
|
|
|
2001
|
-
;// ./src/components/header/services/HeaderAccountService.js
|
|
2002
|
-
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 }; })(); }
|
|
2003
|
-
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); }
|
|
2004
|
-
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); }
|
|
2005
|
-
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); }); }; }
|
|
2006
|
-
/* eslint-disable no-console */
|
|
2007
|
-
|
|
2008
|
-
/**
|
|
2009
|
-
* Account / auth chrome service scaffold. TODO: integrate identity provider, session,
|
|
2010
|
-
* and Contentstack labels for sign-in / sign-up.
|
|
2011
|
-
*/
|
|
2012
|
-
function createHeaderAccountService() {
|
|
2013
|
-
return {
|
|
2014
|
-
getAccountCopy: function getAccountCopy() {
|
|
2015
|
-
return HeaderAccountService_asyncToGenerator(/*#__PURE__*/HeaderAccountService_regenerator().m(function _callee() {
|
|
2016
|
-
return HeaderAccountService_regenerator().w(function (_context) {
|
|
2017
|
-
while (1) switch (_context.n) {
|
|
2018
|
-
case 0:
|
|
2019
|
-
console.log("[HeaderAccountService] getAccountCopy");
|
|
2020
|
-
_context.n = 1;
|
|
2021
|
-
return new Promise(function (resolve) {
|
|
2022
|
-
return setTimeout(resolve, 50);
|
|
2023
|
-
});
|
|
2024
|
-
case 1:
|
|
2025
|
-
return _context.a(2, {
|
|
2026
|
-
signInLabel: "Sign In",
|
|
2027
|
-
signUpLabel: "Sign Up"
|
|
2028
|
-
});
|
|
2029
|
-
}
|
|
2030
|
-
}, _callee);
|
|
2031
|
-
}))();
|
|
2032
|
-
},
|
|
2033
|
-
bootstrapAccountLivePreview: function bootstrapAccountLivePreview() {
|
|
2034
|
-
return HeaderAccountService_asyncToGenerator(/*#__PURE__*/HeaderAccountService_regenerator().m(function _callee2() {
|
|
2035
|
-
return HeaderAccountService_regenerator().w(function (_context2) {
|
|
2036
|
-
while (1) switch (_context2.n) {
|
|
2037
|
-
case 0:
|
|
2038
|
-
console.log("[HeaderAccountService] bootstrapAccountLivePreview");
|
|
2039
|
-
// TODO: Contentstack Live Preview for account-related entries when wired
|
|
2040
|
-
_context2.n = 1;
|
|
2041
|
-
return new Promise(function (resolve) {
|
|
2042
|
-
return setTimeout(resolve, 50);
|
|
2043
|
-
});
|
|
2044
|
-
case 1:
|
|
2045
|
-
return _context2.a(2);
|
|
2046
|
-
}
|
|
2047
|
-
}, _callee2);
|
|
2048
|
-
}))();
|
|
2049
|
-
},
|
|
2050
|
-
startSignUp: function startSignUp() {
|
|
2051
|
-
console.log("[HeaderAccountService] startSignUp");
|
|
2052
|
-
// TODO: start hosted sign-up flow
|
|
2053
|
-
},
|
|
2054
|
-
startSignIn: function startSignIn() {
|
|
2055
|
-
console.log("[HeaderAccountService] startSignIn");
|
|
2056
|
-
// TODO: start hosted sign-in flow
|
|
2057
|
-
},
|
|
2058
|
-
requestAccountOverviewOverlay: function requestAccountOverviewOverlay() {
|
|
2059
|
-
console.log("[HeaderAccountService] requestAccountOverviewOverlay");
|
|
2060
|
-
// TODO: emit contract event for MFE orchestrator to mount account overview overlay
|
|
2061
|
-
},
|
|
2062
|
-
signOut: function signOut() {
|
|
2063
|
-
console.log("[HeaderAccountService] signOut");
|
|
2064
|
-
// TODO: clear session + notify host
|
|
2065
|
-
},
|
|
2066
|
-
syncAccountMenuVisibility: function syncAccountMenuVisibility() {
|
|
2067
|
-
console.log("[HeaderAccountService] syncAccountMenuVisibility");
|
|
2068
|
-
// TODO: react to auth state / entitlements from host
|
|
2069
|
-
}
|
|
2070
|
-
};
|
|
2071
|
-
}
|
|
2072
|
-
;// ./src/components/header/services/HeaderCartService.js
|
|
2073
|
-
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 }; })(); }
|
|
2074
|
-
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); }
|
|
2075
|
-
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); }
|
|
2076
|
-
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); }); }; }
|
|
2077
|
-
/* eslint-disable no-console */
|
|
2078
|
-
|
|
2079
|
-
/**
|
|
2080
|
-
* Cart chrome service scaffold. TODO: connect to commerce cart API or host-provided count.
|
|
2081
|
-
*/
|
|
2082
|
-
function createHeaderCartService() {
|
|
2083
|
-
return {
|
|
2084
|
-
getCartChromeCopy: function getCartChromeCopy() {
|
|
2085
|
-
return HeaderCartService_asyncToGenerator(/*#__PURE__*/HeaderCartService_regenerator().m(function _callee() {
|
|
2086
|
-
return HeaderCartService_regenerator().w(function (_context) {
|
|
2087
|
-
while (1) switch (_context.n) {
|
|
2088
|
-
case 0:
|
|
2089
|
-
console.log("[HeaderCartService] getCartChromeCopy");
|
|
2090
|
-
_context.n = 1;
|
|
2091
|
-
return new Promise(function (resolve) {
|
|
2092
|
-
return setTimeout(resolve, 50);
|
|
2093
|
-
});
|
|
2094
|
-
case 1:
|
|
2095
|
-
return _context.a(2, {
|
|
2096
|
-
ariaLabel: "Shopping cart"
|
|
2097
|
-
});
|
|
2098
|
-
}
|
|
2099
|
-
}, _callee);
|
|
2100
|
-
}))();
|
|
2101
|
-
},
|
|
2102
|
-
getCartCount: function getCartCount() {
|
|
2103
|
-
return HeaderCartService_asyncToGenerator(/*#__PURE__*/HeaderCartService_regenerator().m(function _callee2() {
|
|
2104
|
-
return HeaderCartService_regenerator().w(function (_context2) {
|
|
2105
|
-
while (1) switch (_context2.n) {
|
|
2106
|
-
case 0:
|
|
2107
|
-
console.log("[HeaderCartService] getCartCount");
|
|
2108
|
-
// TODO: read from cart service / host bridge
|
|
2109
|
-
_context2.n = 1;
|
|
2110
|
-
return new Promise(function (resolve) {
|
|
2111
|
-
return setTimeout(resolve, 50);
|
|
2112
|
-
});
|
|
2113
|
-
case 1:
|
|
2114
|
-
return _context2.a(2, 0);
|
|
2115
|
-
}
|
|
2116
|
-
}, _callee2);
|
|
2117
|
-
}))();
|
|
2118
|
-
},
|
|
2119
|
-
requestCart: function requestCart() {
|
|
2120
|
-
console.log("[HeaderCartService] requestCart");
|
|
2121
|
-
// TODO: open mini-cart or navigate to cart (host)
|
|
2122
|
-
}
|
|
2123
|
-
};
|
|
2124
|
-
}
|
|
2125
|
-
;// ./src/components/header/constants.js
|
|
2126
|
-
/**
|
|
2127
|
-
* Contentstack entry UID for header / navigation when a single entry drives the bar.
|
|
2128
|
-
* TODO: Replace with the real entry UID from your stack when the content model is finalized.
|
|
2129
|
-
*/
|
|
2130
|
-
var HEADER_CONTENT_ENTRY_UID = "HEADER_ENTRY_UID_PLACEHOLDER";
|
|
2131
|
-
;// ./src/components/header/services/HeaderContentService.js
|
|
2132
|
-
/* eslint-disable no-console */
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
/**
|
|
2136
|
-
* Header Contentstack entry identity. TODO: resolve UID from slug / env per environment.
|
|
2137
|
-
*/
|
|
2138
|
-
function createHeaderContentService() {
|
|
2139
|
-
return {
|
|
2140
|
-
getHeaderEntryUid: function getHeaderEntryUid() {
|
|
2141
|
-
console.log("[HeaderContentService] getHeaderEntryUid");
|
|
2142
|
-
return HEADER_CONTENT_ENTRY_UID;
|
|
2143
|
-
}
|
|
2144
|
-
};
|
|
2145
|
-
}
|
|
2146
|
-
;// ./src/components/header/services/HeaderLocaleService.js
|
|
2147
|
-
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 }; })(); }
|
|
2148
|
-
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); }
|
|
2149
|
-
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); }
|
|
2150
|
-
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); }); }; }
|
|
2151
|
-
/* eslint-disable no-console */
|
|
2152
|
-
|
|
2153
|
-
/**
|
|
2154
|
-
* Locale / market selector service scaffold. TODO: wire real locale resolution and
|
|
2155
|
-
* Contentstack copy for the control.
|
|
2156
|
-
*/
|
|
2157
|
-
function createHeaderLocaleService() {
|
|
2158
|
-
return {
|
|
2159
|
-
getLocaleSelectorCopy: function getLocaleSelectorCopy() {
|
|
2160
|
-
return HeaderLocaleService_asyncToGenerator(/*#__PURE__*/HeaderLocaleService_regenerator().m(function _callee() {
|
|
2161
|
-
return HeaderLocaleService_regenerator().w(function (_context) {
|
|
2162
|
-
while (1) switch (_context.n) {
|
|
2163
|
-
case 0:
|
|
2164
|
-
console.log("[HeaderLocaleService] getLocaleSelectorCopy");
|
|
2165
|
-
_context.n = 1;
|
|
2166
|
-
return new Promise(function (resolve) {
|
|
2167
|
-
return setTimeout(resolve, 50);
|
|
2168
|
-
});
|
|
2169
|
-
case 1:
|
|
2170
|
-
return _context.a(2, {
|
|
2171
|
-
controlLabel: "USD | English"
|
|
2172
|
-
});
|
|
2173
|
-
}
|
|
2174
|
-
}, _callee);
|
|
2175
|
-
}))();
|
|
2176
|
-
},
|
|
2177
|
-
getActiveLocaleDisplay: function getActiveLocaleDisplay(_ref) {
|
|
2178
|
-
var locale = _ref.locale;
|
|
2179
|
-
console.log("[HeaderLocaleService] getActiveLocaleDisplay", {
|
|
2180
|
-
locale: locale
|
|
2181
|
-
});
|
|
2182
|
-
return locale || "";
|
|
2183
|
-
},
|
|
2184
|
-
requestLocaleSelector: function requestLocaleSelector() {
|
|
2185
|
-
console.log("[HeaderLocaleService] requestLocaleSelector");
|
|
2186
|
-
// TODO: open locale & currency overlay (host or shared shell)
|
|
2187
|
-
}
|
|
2188
|
-
};
|
|
2189
|
-
}
|
|
2190
|
-
;// ./src/components/header/services/HeaderLogoService.js
|
|
2191
|
-
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 }; })(); }
|
|
2192
|
-
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); }
|
|
2193
|
-
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); }
|
|
2194
|
-
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); }); }; }
|
|
2195
|
-
/* eslint-disable no-console */
|
|
2196
|
-
|
|
2197
|
-
/**
|
|
2198
|
-
* Header logo service scaffold. TODO: replace with Contentstack-backed implementation
|
|
2199
|
-
* (entry fields + asset references for wordmark / home link).
|
|
2200
|
-
*/
|
|
2201
|
-
function createHeaderLogoService() {
|
|
2202
|
-
return {
|
|
2203
|
-
getLogoCopy: function getLogoCopy() {
|
|
2204
|
-
return HeaderLogoService_asyncToGenerator(/*#__PURE__*/HeaderLogoService_regenerator().m(function _callee() {
|
|
2205
|
-
return HeaderLogoService_regenerator().w(function (_context) {
|
|
2206
|
-
while (1) switch (_context.n) {
|
|
2207
|
-
case 0:
|
|
2208
|
-
console.log("[HeaderLogoService] getLogoCopy");
|
|
2209
|
-
_context.n = 1;
|
|
2210
|
-
return new Promise(function (resolve) {
|
|
2211
|
-
return setTimeout(resolve, 50);
|
|
2212
|
-
});
|
|
2213
|
-
case 1:
|
|
2214
|
-
return _context.a(2, {
|
|
2215
|
-
wordmark: "NU SKIN",
|
|
2216
|
-
ariaLabel: "Nu Skin home"
|
|
2217
|
-
});
|
|
2218
|
-
}
|
|
2219
|
-
}, _callee);
|
|
2220
|
-
}))();
|
|
2221
|
-
},
|
|
2222
|
-
getLogoDescriptor: function getLogoDescriptor() {
|
|
2223
|
-
console.log("[HeaderLogoService] getLogoDescriptor");
|
|
2224
|
-
// TODO: derive from CMS + locale-aware home URL
|
|
2225
|
-
return {
|
|
2226
|
-
wordmark: "NU SKIN",
|
|
2227
|
-
ariaLabel: "Nu Skin home",
|
|
2228
|
-
homeHref: "/"
|
|
2229
|
-
};
|
|
2230
|
-
},
|
|
2231
|
-
navigateHome: function navigateHome() {
|
|
2232
|
-
console.log("[HeaderLogoService] navigateHome");
|
|
2233
|
-
// TODO: delegate to host router / MFE orchestrator for SPA navigation
|
|
2234
|
-
}
|
|
2235
|
-
};
|
|
2236
|
-
}
|
|
2237
|
-
;// ./src/components/header/services/HeaderLoyaltyService.js
|
|
2238
|
-
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 }; })(); }
|
|
2239
|
-
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); }
|
|
2240
|
-
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); }
|
|
2241
|
-
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); }); }; }
|
|
2242
|
-
/* eslint-disable no-console */
|
|
2243
|
-
|
|
2244
|
-
/**
|
|
2245
|
-
* Loyalty program service scaffold. TODO: visibility rules + CMS copy for rewards link.
|
|
2246
|
-
*/
|
|
2247
|
-
function createHeaderLoyaltyService() {
|
|
2248
|
-
return {
|
|
2249
|
-
getLoyaltyCopy: function getLoyaltyCopy() {
|
|
2250
|
-
return HeaderLoyaltyService_asyncToGenerator(/*#__PURE__*/HeaderLoyaltyService_regenerator().m(function _callee() {
|
|
2251
|
-
return HeaderLoyaltyService_regenerator().w(function (_context) {
|
|
2252
|
-
while (1) switch (_context.n) {
|
|
2253
|
-
case 0:
|
|
2254
|
-
console.log("[HeaderLoyaltyService] getLoyaltyCopy");
|
|
2255
|
-
_context.n = 1;
|
|
2256
|
-
return new Promise(function (resolve) {
|
|
2257
|
-
return setTimeout(resolve, 50);
|
|
2258
|
-
});
|
|
2259
|
-
case 1:
|
|
2260
|
-
return _context.a(2, {
|
|
2261
|
-
loyaltyLinkLabel: "Nu Skin Rewards"
|
|
2262
|
-
});
|
|
2263
|
-
}
|
|
2264
|
-
}, _callee);
|
|
2265
|
-
}))();
|
|
2266
|
-
},
|
|
2267
|
-
getLoyaltyProgramEntry: function getLoyaltyProgramEntry() {
|
|
2268
|
-
console.log("[HeaderLoyaltyService] getLoyaltyProgramEntry");
|
|
2269
|
-
// TODO: feature-flag visibility and href from host or CMS
|
|
2270
|
-
return {
|
|
2271
|
-
href: "/rewards",
|
|
2272
|
-
visible: true
|
|
2273
|
-
};
|
|
2274
|
-
},
|
|
2275
|
-
navigateToLoyaltyProgram: function navigateToLoyaltyProgram() {
|
|
2276
|
-
console.log("[HeaderLoyaltyService] navigateToLoyaltyProgram");
|
|
2277
|
-
// TODO: route to loyalty landing (host router)
|
|
2278
|
-
}
|
|
2279
|
-
};
|
|
2280
|
-
}
|
|
2281
|
-
;// ./src/components/header/services/HeaderNavigationService.js
|
|
2282
|
-
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 }; })(); }
|
|
2283
|
-
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); }
|
|
2284
|
-
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); }
|
|
2285
|
-
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); }); }; }
|
|
2286
|
-
/* eslint-disable no-console */
|
|
2287
|
-
|
|
2288
|
-
/**
|
|
2289
|
-
* Navigation / mega-menu service scaffold. TODO: load tree from Contentstack (or host)
|
|
2290
|
-
* using locale and market; support Live Preview.
|
|
2291
|
-
* Shape aligns with docs/header-domain-language.png (top nav + Jump To + category columns).
|
|
2292
|
-
*/
|
|
2293
|
-
function createHeaderNavigationService() {
|
|
2294
|
-
return {
|
|
2295
|
-
getNavigationTree: function getNavigationTree() {
|
|
2296
|
-
return HeaderNavigationService_asyncToGenerator(/*#__PURE__*/HeaderNavigationService_regenerator().m(function _callee() {
|
|
2297
|
-
return HeaderNavigationService_regenerator().w(function (_context) {
|
|
2298
|
-
while (1) switch (_context.n) {
|
|
2299
|
-
case 0:
|
|
2300
|
-
console.log("[HeaderNavigationService] getNavigationTree");
|
|
2301
|
-
_context.n = 1;
|
|
2302
|
-
return new Promise(function (resolve) {
|
|
2303
|
-
return setTimeout(resolve, 50);
|
|
2304
|
-
});
|
|
2305
|
-
case 1:
|
|
2306
|
-
return _context.a(2, {
|
|
2307
|
-
topNavItems: [{
|
|
2308
|
-
id: "devices",
|
|
2309
|
-
label: "Devices"
|
|
2310
|
-
}, {
|
|
2311
|
-
id: "beauty",
|
|
2312
|
-
label: "Beauty & Skincare"
|
|
2313
|
-
}, {
|
|
2314
|
-
id: "wellness",
|
|
2315
|
-
label: "Health & Wellness"
|
|
2316
|
-
}, {
|
|
2317
|
-
id: "product-lines",
|
|
2318
|
-
label: "Product Lines"
|
|
2319
|
-
}, {
|
|
2320
|
-
id: "most-popular",
|
|
2321
|
-
label: "Most Popular"
|
|
2322
|
-
}, {
|
|
2323
|
-
id: "our-impact",
|
|
2324
|
-
label: "Our Impact"
|
|
2325
|
-
}],
|
|
2326
|
-
megaMenuByTopId: {
|
|
2327
|
-
devices: {
|
|
2328
|
-
jumpTo: [{
|
|
2329
|
-
id: "lumispa",
|
|
2330
|
-
label: "LumiSpa"
|
|
2331
|
-
}, {
|
|
2332
|
-
id: "wellness-devices",
|
|
2333
|
-
label: "Wellness devices"
|
|
2334
|
-
}, {
|
|
2335
|
-
id: "accessories",
|
|
2336
|
-
label: "Accessories"
|
|
2337
|
-
}],
|
|
2338
|
-
categoryRow: ["Devices", "By concern", "Collections"],
|
|
2339
|
-
columns: [["LumiSpa iO", "PowerClean", "Devices overview", "Compare devices"], ["Anti-aging devices", "Cleansing", "Acne care"], ["New arrivals", "Bundles", "All devices"]]
|
|
2340
|
-
},
|
|
2341
|
-
beauty: {
|
|
2342
|
-
jumpTo: [{
|
|
2343
|
-
id: "popular",
|
|
2344
|
-
label: "Most Popular"
|
|
2345
|
-
}, {
|
|
2346
|
-
id: "science",
|
|
2347
|
-
label: "Science"
|
|
2348
|
-
}, {
|
|
2349
|
-
id: "kits",
|
|
2350
|
-
label: "Kits & Bundles"
|
|
2351
|
-
}],
|
|
2352
|
-
categoryRow: ["Skincare", "Concerns", "Key Ingredients"],
|
|
2353
|
-
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"]]
|
|
2354
|
-
}
|
|
2355
|
-
}
|
|
2356
|
-
});
|
|
2357
|
-
}
|
|
2358
|
-
}, _callee);
|
|
2359
|
-
}))();
|
|
2360
|
-
},
|
|
2361
|
-
bootstrapNavigationLivePreview: function bootstrapNavigationLivePreview() {
|
|
2362
|
-
return HeaderNavigationService_asyncToGenerator(/*#__PURE__*/HeaderNavigationService_regenerator().m(function _callee2() {
|
|
2363
|
-
return HeaderNavigationService_regenerator().w(function (_context2) {
|
|
2364
|
-
while (1) switch (_context2.n) {
|
|
2365
|
-
case 0:
|
|
2366
|
-
console.log("[HeaderNavigationService] bootstrapNavigationLivePreview");
|
|
2367
|
-
// TODO: Contentstack Live Preview subscription for nav entries
|
|
2368
|
-
_context2.n = 1;
|
|
2369
|
-
return new Promise(function (resolve) {
|
|
2370
|
-
return setTimeout(resolve, 50);
|
|
2371
|
-
});
|
|
2372
|
-
case 1:
|
|
2373
|
-
return _context2.a(2);
|
|
2374
|
-
}
|
|
2375
|
-
}, _callee2);
|
|
2376
|
-
}))();
|
|
2377
|
-
}
|
|
2378
|
-
};
|
|
2379
|
-
}
|
|
2380
|
-
;// ./src/components/header/services/HeaderSearchService.js
|
|
2381
|
-
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 }; })(); }
|
|
2382
|
-
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); }
|
|
2383
|
-
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); }
|
|
2384
|
-
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); }); }; }
|
|
2385
|
-
/* eslint-disable no-console */
|
|
2386
|
-
|
|
2387
|
-
/**
|
|
2388
|
-
* Product search chrome service scaffold. TODO: CMS placeholders + search endpoint / redirect contract.
|
|
2389
|
-
*/
|
|
2390
|
-
function createHeaderSearchService() {
|
|
2391
|
-
return {
|
|
2392
|
-
getSearchChromeCopy: function getSearchChromeCopy() {
|
|
2393
|
-
return HeaderSearchService_asyncToGenerator(/*#__PURE__*/HeaderSearchService_regenerator().m(function _callee() {
|
|
2394
|
-
return HeaderSearchService_regenerator().w(function (_context) {
|
|
2395
|
-
while (1) switch (_context.n) {
|
|
2396
|
-
case 0:
|
|
2397
|
-
console.log("[HeaderSearchService] getSearchChromeCopy");
|
|
2398
|
-
_context.n = 1;
|
|
2399
|
-
return new Promise(function (resolve) {
|
|
2400
|
-
return setTimeout(resolve, 50);
|
|
2401
|
-
});
|
|
2402
|
-
case 1:
|
|
2403
|
-
return _context.a(2, {
|
|
2404
|
-
placeholder: "Product Search",
|
|
2405
|
-
inputAriaLabel: "Product search"
|
|
2406
|
-
});
|
|
2407
|
-
}
|
|
2408
|
-
}, _callee);
|
|
2409
|
-
}))();
|
|
2410
|
-
},
|
|
2411
|
-
submitProductSearch: function submitProductSearch(query) {
|
|
2412
|
-
console.log("[HeaderSearchService] submitProductSearch", {
|
|
2413
|
-
query: query
|
|
2414
|
-
});
|
|
2415
|
-
// TODO: navigate or delegate to host search results route with query
|
|
2416
|
-
}
|
|
2417
|
-
};
|
|
2418
|
-
}
|
|
2419
1638
|
;// ./src/components/header/HeaderContainer.jsx
|
|
2420
1639
|
|
|
2421
1640
|
|
|
@@ -2423,87 +1642,29 @@ function createHeaderSearchService() {
|
|
|
2423
1642
|
|
|
2424
1643
|
|
|
2425
1644
|
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
1645
|
function HeaderContainer(_ref) {
|
|
2435
1646
|
var market = _ref.market,
|
|
2436
1647
|
language = _ref.language,
|
|
2437
|
-
|
|
1648
|
+
headerEntry = _ref.headerEntry;
|
|
2438
1649
|
var resolved = resolveHeaderLocale({
|
|
2439
1650
|
market: market,
|
|
2440
1651
|
language: language
|
|
2441
1652
|
});
|
|
2442
|
-
var defaultServices = (0,external_react_namespaceObject.useMemo)(function () {
|
|
2443
|
-
return {
|
|
2444
|
-
headerLogoService: createHeaderLogoService(),
|
|
2445
|
-
headerLocaleService: createHeaderLocaleService(),
|
|
2446
|
-
headerLoyaltyService: createHeaderLoyaltyService(),
|
|
2447
|
-
headerAccountService: createHeaderAccountService(),
|
|
2448
|
-
headerCartService: createHeaderCartService(),
|
|
2449
|
-
headerSearchService: createHeaderSearchService(),
|
|
2450
|
-
headerNavigationService: createHeaderNavigationService(),
|
|
2451
|
-
headerContentService: createHeaderContentService()
|
|
2452
|
-
};
|
|
2453
|
-
}, []);
|
|
2454
|
-
var services = servicesProp !== null && servicesProp !== void 0 ? servicesProp : defaultServices;
|
|
2455
|
-
var headerLogoService = services.headerLogoService,
|
|
2456
|
-
headerLocaleService = services.headerLocaleService,
|
|
2457
|
-
headerLoyaltyService = services.headerLoyaltyService,
|
|
2458
|
-
headerAccountService = services.headerAccountService,
|
|
2459
|
-
headerCartService = services.headerCartService,
|
|
2460
|
-
headerSearchService = services.headerSearchService,
|
|
2461
|
-
headerNavigationService = services.headerNavigationService,
|
|
2462
|
-
headerContentService = services.headerContentService;
|
|
2463
1653
|
return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(AppContainer, {
|
|
2464
1654
|
children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(HeaderView, {
|
|
2465
1655
|
country: resolved.country,
|
|
2466
1656
|
language: resolved.language,
|
|
2467
1657
|
locale: resolved.locale,
|
|
2468
|
-
|
|
2469
|
-
headerLocaleService: headerLocaleService,
|
|
2470
|
-
headerLoyaltyService: headerLoyaltyService,
|
|
2471
|
-
headerAccountService: headerAccountService,
|
|
2472
|
-
headerCartService: headerCartService,
|
|
2473
|
-
headerSearchService: headerSearchService,
|
|
2474
|
-
headerNavigationService: headerNavigationService,
|
|
2475
|
-
headerContentService: headerContentService
|
|
1658
|
+
headerEntry: headerEntry
|
|
2476
1659
|
})
|
|
2477
1660
|
});
|
|
2478
1661
|
}
|
|
2479
1662
|
HeaderContainer.propTypes = {
|
|
2480
1663
|
market: (external_prop_types_default()).string,
|
|
2481
1664
|
language: (external_prop_types_default()).string,
|
|
2482
|
-
|
|
1665
|
+
headerEntry: (external_prop_types_default()).object
|
|
2483
1666
|
};
|
|
2484
1667
|
/* harmony default export */ const header_HeaderContainer = (HeaderContainer);
|
|
2485
|
-
;// ./src/styles/globals.css
|
|
2486
|
-
// extracted by mini-css-extract-plugin
|
|
2487
|
-
|
|
2488
|
-
;// ./src/Main.js
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
function Main(_ref) {
|
|
2495
|
-
var market = _ref.market,
|
|
2496
|
-
language = _ref.language;
|
|
2497
|
-
return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(header_HeaderContainer, {
|
|
2498
|
-
market: market,
|
|
2499
|
-
language: language
|
|
2500
|
-
});
|
|
2501
|
-
}
|
|
2502
|
-
Main.propTypes = {
|
|
2503
|
-
market: (external_prop_types_default()).string,
|
|
2504
|
-
language: (external_prop_types_default()).string
|
|
2505
|
-
};
|
|
2506
|
-
/* harmony default export */ const src_Main = (Main);
|
|
2507
1668
|
;// ./src/library/index.js
|
|
2508
1669
|
/**
|
|
2509
1670
|
* Public API for `@nuskin/nextgen-header` npm consumers.
|