@nuskin/nextgen-header 1.23.1 → 1.24.0

package/package-dist/index.js

@@ -101209,6 +101209,8 @@ HeaderLoyaltyRegion.propTypes = {
   }).isRequired
 };
 ;// ./src/components/header/HeaderIcons.jsx
+/* unused harmony import specifier */ var _jsxs;
+/* unused harmony import specifier */ var _jsx;
 function HeaderIcons_typeof(o) { "@babel/helpers - typeof"; return HeaderIcons_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; }, HeaderIcons_typeof(o); }
 function HeaderIcons_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; }
 function HeaderIcons_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderIcons_ownKeys(Object(t), !0).forEach(function (r) { HeaderIcons_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderIcons_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -101290,7 +101292,7 @@ function IconUser(props) {
   }));
 }
 function IconCart(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
+  return /*#__PURE__*/_jsxs("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
     width: "20",
     height: "20",
     viewBox: "0 0 24 24",
@@ -101298,18 +101300,18 @@ function IconCart(props) {
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": true
   }, props), {}, {
-    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+    children: [/*#__PURE__*/_jsx("path", {
       d: "M6 7h15l-2 10H8L6 7zm0 0L5 3H2",
       stroke: "currentColor",
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round"
-    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("circle", {
+    }), /*#__PURE__*/_jsx("circle", {
       cx: "10",
       cy: "20",
       r: "1",
       fill: "currentColor"
-    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("circle", {
+    }), /*#__PURE__*/_jsx("circle", {
       cx: "18",
       cy: "20",
       r: "1",
@@ -101368,30 +101370,104 @@ HeaderAccountRegion.propTypes = {
     sign_up_label: (external_prop_types_default()).string.isRequired
   }).isRequired
 };
-;// ./src/components/header/regions/HeaderCartRegion.jsx
+;// ./src/components/cart/Cart.styled.jsx
 
+var CartIconWrapper = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ein8udj0"
+} : 0)("display:flex;align-items:center;position:relative;", function (_ref) {
+  var isEditing = _ref.isEditing;
+  return isEditing && "\n    & > * {\n      pointer-events: none;\n    }\n  ";
+}, " & .MuiBadge-badge{background-color:#5b81a5;color:#fff;min-width:10px;height:17px;font-size:10px;font-weight:400;line-height:1;border-radius:10rem;", function (_ref2) {
+  var showCartCount = _ref2.showCartCount;
+  return !showCartCount && "\n      display: none;\n    ";
+}, ";}" + ( true ? "" : 0));
+;// ./src/components/cart/Cart.constants.js
+var DEFAULT_ITEM_COUNT = 0;
+var DEFAULT_ARIA_LABEL = "Shopping cart";
+var DEFAULT_SHOW_CART_ICON = false;
+var DEFAULT_SHOW_CART_COUNT = false;
+;// ./src/components/cart/Cart.jsx
+function Cart_typeof(o) { "@babel/helpers - typeof"; return Cart_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; }, Cart_typeof(o); }
+function Cart_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; }
+function Cart_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Cart_ownKeys(Object(t), !0).forEach(function (r) { Cart_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Cart_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function Cart_defineProperty(e, r, t) { return (r = Cart_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function Cart_toPropertyKey(t) { var i = Cart_toPrimitive(t, "string"); return "symbol" == Cart_typeof(i) ? i : i + ""; }
+function Cart_toPrimitive(t, r) { if ("object" != Cart_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != Cart_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
 
-function HeaderCartRegion(_ref) {
-  var _data$aria_label, _data$count;
-  var data = _ref.data;
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
-    type: "button",
-    "aria-label": (_data$aria_label = data.aria_label) !== null && _data$aria_label !== void 0 ? _data$aria_label : "Shopping cart",
-    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(CartButtonInner, {
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(IconCart, {}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartBadge, {
-        children: (_data$count = data.count) !== null && _data$count !== void 0 ? _data$count : 0
-      })]
+
+
+
+function Cart(_ref) {
+  var itemCount = _ref.itemCount,
+    ariaLabel = _ref.ariaLabel,
+    showCartIcon = _ref.showCartIcon,
+    showCartCount = _ref.showCartCount,
+    $ = _ref.$;
+  var editing = isEditingMode();
+  if (!showCartIcon) {
+    return null;
+  }
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(CartIconWrapper, Cart_objectSpread(Cart_objectSpread({
+    "data-testid": "cart",
+    "aria-label": ariaLabel,
+    showCartCount: showCartCount,
+    isEditing: editing
+  }, $ || {}), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
+      itemCount: showCartCount ? itemCount : 0,
+      size: "large",
+      color: "slate"
     })
+  }));
+}
+Cart.propTypes = {
+  itemCount: (external_prop_types_default()).number,
+  ariaLabel: (external_prop_types_default()).string,
+  showCartIcon: (external_prop_types_default()).bool,
+  showCartCount: (external_prop_types_default()).bool,
+  $: (external_prop_types_default()).object
+};
+Cart.defaultProps = {
+  itemCount: DEFAULT_ITEM_COUNT,
+  ariaLabel: DEFAULT_ARIA_LABEL,
+  showCartIcon: DEFAULT_SHOW_CART_ICON,
+  showCartCount: DEFAULT_SHOW_CART_COUNT,
+  $: null
+};
+;// ./src/components/header/regions/HeaderCartRegion.jsx
+
+
+
+
+function HeaderCartRegion(_ref) {
+  var _data$show_cart_icon, _data$show_cart_count, _data$item_count;
+  var data = _ref.data,
+    parent$ = _ref.parent$;
+  var showCartIcon = (_data$show_cart_icon = data === null || data === void 0 ? void 0 : data.show_cart_icon) !== null && _data$show_cart_icon !== void 0 ? _data$show_cart_icon : false;
+  var showCartCount = (_data$show_cart_count = data === null || data === void 0 ? void 0 : data.show_cart_count) !== null && _data$show_cart_count !== void 0 ? _data$show_cart_count : false;
+  var itemCount = (_data$item_count = data === null || data === void 0 ? void 0 : data.item_count) !== null && _data$item_count !== void 0 ? _data$item_count : 0;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(Cart, {
+    itemCount: itemCount,
+    "aria-label": "Shopping cart",
+    showCartIcon: showCartIcon,
+    showCartCount: showCartCount,
+    $: parent$
   });
 }
 HeaderCartRegion.propTypes = {
   data: external_prop_types_default().shape({
-    aria_label: (external_prop_types_default()).string,
-    count: (external_prop_types_default()).number
-  }).isRequired
+    show_cart_icon: (external_prop_types_default()).bool,
+    show_cart_count: (external_prop_types_default()).bool,
+    item_count: (external_prop_types_default()).number
+  }),
+  parent$: (external_prop_types_default()).object
+};
+HeaderCartRegion.defaultProps = {
+  data: null,
+  parent$: null
 };
 ;// ./src/components/header/regions/HeaderSearchRegion.jsx
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || HeaderSearchRegion_unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -105051,14 +105127,15 @@ var DEFAULT_ACCOUNT = {
   sign_in_label: "Sign In",
   sign_up_label: "Sign Up"
 };
-var DEFAULT_CART = {
-  aria_label: "Shopping cart",
-  count: 0
-};
 var DEFAULT_SEARCH = {
   placeholder: "Product Search",
   input_aria_label: "Product search"
 };
+var DEFAULT_CART = {
+  show_cart_icon: false,
+  show_cart_count: false,
+  item_count: 0
+};
 var DEFAULT_NAVIGATION = {
   topNavItems: [{
     id: "devices",
@@ -105111,7 +105188,7 @@ var DEFAULT_TOP_RIBBON_LINKS = [{
   ariaLabel: "Shop Gifts"
 }];
 function HeaderView(_ref) {
-  var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$utility_, _headerEntry$utility_2, _headerEntry$account, _headerEntry$cart, _headerEntry$search, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _ref2, _headerEntry$locale, _headerEntry$$;
+  var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$utility_, _headerEntry$utility_2, _headerEntry$account, _headerEntry$search, _headerEntry$cart, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _headerEntry$$, _ref2, _headerEntry$locale, _headerEntry$$2, _headerEntry$$3;
   var country = _ref.country,
     language = _ref.language,
     locale = _ref.locale,
@@ -105127,11 +105204,12 @@ function HeaderView(_ref) {
     return link === null || link === void 0 ? void 0 : link.loyalty_menu;
   })) === null || _headerEntry$utility_2 === void 0 || (_headerEntry$utility_2 = _headerEntry$utility_2.loyalty_menu) === null || _headerEntry$utility_2 === void 0 ? void 0 : _headerEntry$utility_2[0]) !== null && _headerEntry$utility_ !== void 0 ? _headerEntry$utility_ : DEFAULT_LOYALTY;
   var accountData = (_headerEntry$account = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account) !== null && _headerEntry$account !== void 0 ? _headerEntry$account : DEFAULT_ACCOUNT;
-  var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
   var searchData = (_headerEntry$search = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.search) !== null && _headerEntry$search !== void 0 ? _headerEntry$search : DEFAULT_SEARCH;
+  var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
   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;
   var navigationData = (_headerEntry$navigati = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.navigation) !== null && _headerEntry$navigati !== void 0 ? _headerEntry$navigati : DEFAULT_NAVIGATION;
   var marketSelector = (_headerEntry$market_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.market_selector) !== null && _headerEntry$market_s !== void 0 ? _headerEntry$market_s : DEFAULT_MARKET_SELECTOR;
+  console.log("HeaderView render", headerEntry); // Debug log to trace re-renders and data
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(HeaderRoot, {
     "data-testid": "header-view",
     "data-country": country,
@@ -105165,7 +105243,8 @@ function HeaderView(_ref) {
           "aria-label": searchData.input_aria_label,
           children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconSearch, {})
         }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
-          data: cartData
+          data: cartData,
+          parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry$$.cart
         })]
       }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(RightHeaderCluster, {
         children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(UtilityBar, {
@@ -105174,7 +105253,7 @@ function HeaderView(_ref) {
             data: marketSelector,
             logo: logoData,
             locale: String((_ref2 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref2 !== void 0 ? _ref2 : "").trim(),
-            parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry$$.market_selector__0,
+            parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.market_selector__0,
             mobileTriggerMode: "drawerPortal",
             drawerOpen: isMobileMenuOpen,
             drawerTriggerMountRef: mobileMarketTriggerMountRef
@@ -105183,7 +105262,8 @@ function HeaderView(_ref) {
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
             data: accountData
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
-            data: cartData
+            data: cartData,
+            parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.cart
           })]
         }), /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchSlot, {
           children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderSearchRegion, {