@nuskin/react-mysite-elements 1.1.1 → 1.1.3-td-3772.1

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.
Files changed (6) hide show
  1. package/dist/common/carousel/NsProductCarousel.d.ts +2 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +1 -1
package/dist/common/carousel/NsProductCarousel.d.ts CHANGED
@@ -39,6 +39,7 @@ interface ProductCardCarouselProps<T = ProductCardEntry> {
39
39
  readonly categoryName?: string;
40
40
  readonly emptyProductMessage?: string;
41
41
  readonly productsCountLabel?: string;
42
+ readonly isInitialDataLoading?: boolean;
42
43
  }
43
- export default function ProductCardCarousel({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, categoryName, emptyProductMessage, productsCountLabel, }: ProductCardCarouselProps): ReactElement;
44
+ export default function ProductCardCarousel({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, categoryName, emptyProductMessage, productsCountLabel, isInitialDataLoading, }: ProductCardCarouselProps): ReactElement;
44
45
  export {};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";function n(n,e){if(e==null||e>n.length)e=n.length;for(var t=0,i=new Array(e);t<e;t++)i[t]=n[t];return i}function e(n){if(Array.isArray(n))return n}function t(n,e,t){if(e in n){Object.defineProperty(n,e,{value:t,enumerable:true,configurable:true,writable:true})}else{n[e]=t}return n}function i(n,e){var t=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(t==null)return;var i=[];var r=true;var o=false;var a,l;try{for(t=t.call(n);!(r=(a=t.next()).done);r=true){i.push(a.value);if(e&&i.length===e)break}}catch(n){o=true;l=n}finally{try{if(!r&&t["return"]!=null)t["return"]()}finally{if(o)throw l}}return i}function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(n){for(var e=1;e<arguments.length;e++){var i=arguments[e]!=null?arguments[e]:{};var r=Object.keys(i);if(typeof Object.getOwnPropertySymbols==="function"){r=r.concat(Object.getOwnPropertySymbols(i).filter(function(n){return Object.getOwnPropertyDescriptor(i,n).enumerable}))}r.forEach(function(e){t(n,e,i[e])})}return n}function a(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);if(e){i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})}t.push.apply(t,i)}return t}function l(n,e){e=e!=null?e:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(e))}else{a(Object(e)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}function d(n,e){if(n==null)return{};var t=s(n,e);var i,r;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++){i=o[r];if(e.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(n,i))continue;t[i]=n[i]}}return t}function s(n,e){if(n==null)return{};var t={};var i=Object.keys(n);var r,o;for(o=0;o<i.length;o++){r=i[o];if(e.indexOf(r)>=0)continue;t[r]=n[r]}return t}function c(n,t){return e(n)||i(n,t)||x(n,t)||r()}function p(n,e){if(!e){e=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function u(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function x(e,t){if(!e)return;if(typeof e==="string")return n(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);if(i==="Object"&&e.constructor)i=e.constructor.name;if(i==="Map"||i==="Set")return Array.from(i);if(i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return n(e,t)}function f(){var n=p(["\n width: 200px;\n text-align: left;\n margin-bottom: 5px;\n"]);f=function e(){return n};return n}function m(){var n=p(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n width: 240px;\n height: ",";\n overflow: hidden;\n cursor: pointer;\n border: 1px solid #ededed;\n background: var(--color-primary-n-10-primary-white, #fff);\n"]);m=function e(){return n};return n}function h(){var n=p(["\n width: '240px';\n height: '240px';\n background: ",";\n border-radius: 8px;\n overflow: hidden;\n margin-bottom: 0;\n display: flex;\n align-items: normal;\n justify-content: center;\n position: relative;\n @media (max-width: 560px) {\n width: 200px;\n height: 200px;\n align-items: unset;\n }\n"]);h=function e(){return n};return n}function g(){var n=p(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n display: block;\n"]);g=function e(){return n};return n}function b(){var n=p(["\n width: 200px;\n margin-top: 16px;\n max-height: 66px;\n text-align: left;\n font-size: 16px;\n font-family: 'Inter', sans-serif;\n font-weight: 400;\n line-height: 22px;\n overflow: hidden;\n color: #666;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n @media (max-width: 560px) {\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n margin-top: 5px;\n max-height: 54px;\n line-height: 18px;\n }\n"]);b=function e(){return n};return n}function v(){var n=p(["\n width: 200px;\n text-align: left;\n margin-bottom: 12px;\n @media (max-width: 560px) {\n margin-bottom: 8px;\n }\n"]);v=function e(){return n};return n}function y(){var n=p(["\n width: 200px;\n height: 40px;\n border-radius: 4px;\n display: flex;\n align-items: center;\n gap: 10px;\n font-family: 'Inter', sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n letter-spacing: 0.14px;\n text-transform: none;\n justify-content: flex-start;\n padding-left: 31px;\n overflow: hidden;\n white-space: normal;\n word-break: break-word;\n overflow-wrap: break-word;\n text-overflow: ellipsis;\n margin-top: 8px;\n margin-bottom: 10px;\n -webkit-appearance: none;\n -webkit-tap-highlight-color: transparent;\n\n color: ",";\n background-color: ",";\n border: ",";\n cursor: ",";\n opacity: ",";\n transition: ",";\n\n @media (max-width: 560px) {\n margin: 5px 0;\n }\n"]);y=function e(){return n};return n}function w(){var n=p(["\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n display: inline-block;\n background: none;\n transition: all 0.3s ease;\n opacity: ",";\n"]);w=function e(){return n};return n}function C(){var n=p(["\n padding: 30px 0 60px;\n width: 100%;\n margin: auto;\n margin-top: 50px;\n position: relative;\n\n .slick-list {\n padding-left: 24px;\n padding-right: 24px;\n }\n .slick-slide {\n display: flex;\n justify-content: center;\n padding: 0 12px;\n box-sizing: border-box;\n }\n .slick-prev,\n .slick-next {\n display: none !important;\n }\n\n @media (max-width: 1200px) {\n max-width: 1024px;\n .slick-list {\n padding-left: 12px;\n padding-right: 12px;\n }\n .slick-slide {\n padding: 0 6px;\n }\n }\n @media (max-width: 700px) {\n max-width: 100vw;\n padding: 10px 0 50px;\n .slick-list {\n padding-left: 4px;\n padding-right: 4px;\n }\n .slick-slide {\n padding: 0 2px;\n }\n }\n @media (max-width: 560px) {\n padding: 10px 0 10px;\n margin-top: 25px;\n }\n"]);C=function e(){return n};return n}function j(){var n=p(["\n overflow-x: auto;\n display: flex;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n gap: 16px;\n padding: 0 8px 16px;\n width: 100%;\n box-sizing: border-box;\n\n &::-webkit-scrollbar {\n height: 6px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #007bff;\n border-radius: 10px;\n }\n"]);j=function e(){return n};return n}function k(){var n=p(["\n display: flex;\n scroll-snap-align: start;\n justify-content: center;\n gap: 15px;\n"]);k=function e(){return n};return n}function S(){var n=p(["\n position: absolute;\n bottom: calc(100% + 1px);\n right: 1px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n box-sizing: border-box;\n"]);S=function e(){return n};return n}function F(){var n=p(["\n display: flex;\n align-items: center;\n margin-left: 576px;\n\n @media (max-width: 560px) {\n margin-left: 0;\n order: 2;\n }\n"]);F=function e(){return n};return n}function T(){var n=p(["\n display: none;\n\n @media (max-width: 560px) {\n color: #666666;\n font-family: Inter;\n font-size: 14px !important;\n font-style: normal;\n font-weight: 600;\n line-height: 18px;\n display: flex;\n align-items: center;\n order: 1;\n }\n"]);T=function e(){return n};return n}function O(){var n=p(["\n display: flex;\n align-items: center;\n opacity: ",";\n pointer-events: ",";\n transition: opacity 0.3s ease;\n\n .carousal-prev-button,\n .carousal-next-button {\n transition: all 0.3s ease;\n border: 2px solid #000000;\n border-radius: 3px;\n padding: 9px;\n cursor: pointer;\n\n svg {\n transition: all 0.3s ease;\n }\n\n svg polyline {\n stroke: #000000;\n fill: none;\n }\n\n &:hover {\n background-color: #f5f5f5;\n border: 2px solid #ddd;\n\n svg {\n opacity: 0.5;\n }\n\n svg polyline {\n stroke: #000000;\n fill: none;\n }\n }\n }\n\n @media (max-width: 560px) {\n display: none;\n }\n"]);O=function e(){return n};return n}function B(){var n=p(["\n @media (max-width: 560px) {\n overflow-y: hidden;\n scrollbar-width: thin;\n scrollbar-color: #007bff #eee;\n &::-webkit-scrollbar {\n width: 8px;\n }\n &::-webkit-scrollbar-track {\n background: #eee;\n }\n &::-webkit-scrollbar-thumb {\n background-color: red;\n border-radius: 8px;\n border: 2px solid #eee;\n }\n }\n"]);B=function e(){return n};return n}function z(){var n=p(["\n color: #666666;\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 22px;\n @media (max-width: 560px) {\n margin: 0 3px;\n }\n"]);z=function e(){return n};return n}function N(){var n=p(["\n color: #000000;\n font-family: Inter, sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 22px;\n text-decoration: none;\n border-bottom: 1px solid #000000;\n padding-bottom: 4px;\n transition: all 0.3s ease;\n\n @media (max-width: 560px) {\n font-size: 14px !important;\n line-height: 18px;\n }\n\n &:hover {\n color: #666666;\n border-bottom: 1px solid #666666;\n }\n"]);N=function e(){return n};return n}function L(){var n=p(["\n padding-top: 20px;\n font-size: 20px;\n text-align: center;\n"]);L=function e(){return n};return n}function I(){var n=p(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n height: 100%;\n background-color: #fff;\n .tabsStyle {\n display: flex;\n padding-top: 8.533px;\n flex-direction: column;\n align-items: flex-start;\n gap: 12.8px;\n border-right: 1px;\n border-color: divider;\n width: 200px;\n & .Mui-selected {\n font-weight: 700;\n font-size: 14px;\n font-family: 'inter', sans-serif;\n font-style: normal;\n font-height: 20px;\n border-radius: 4px;\n }\n & .MuiTabs-indicator {\n left: 0;\n background-color: #5b81a5;\n color: #5b81a5;\n\n @media (max-width: 768px) {\n display: none;\n }\n }\n }\n\n .tabContainer {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n min-width: 100%;\n background-color: #fff;\n @media (max-width: 768px) {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n }\n\n .tabStyle {\n align-items: flex-start;\n display: flex;\n text-align: left;\n font-size: 14px;\n font-family: 'inter' sans-serif;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n min-height: 20px;\n padding: 1px;\n padding-left: 10px;\n margin-bottom: 10px;\n cursor: pointer;\n }\n @media (max-width: 768px) {\n flex-direction: row;\n\n .tabsStyle {\n width: 100%;\n border-right: none;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding-top: 0px;\n }\n\n .tabStyle {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n border: 1px solid #ccc;\n border-radius: 70px;\n padding: 8px 16px;\n text-align: center;\n margin: 4px;\n background-color: #fff;\n cursor: pointer;\n color: black;\n font-family: Inter;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n }\n\n .tabStyle.Mui-selected {\n background-color: #5b81a5;\n color: #ffffff !important;\n font-weight: 700;\n border-radius: 70px;\n }\n }\n .tabPanel {\n padding: 8px;\n text-align: left;\n }\n"]);I=function e(){return n};return n}function P(){var n=p(["\n display: flex;\n flex-direction: ",";\n align-items: ",";\n width: 100%;\n max-width: 1920px;\n min-height: ",";\n margin: 0 auto;\n box-sizing: border-box;\n overflow: visible;\n background: #fff;\n padding: ",";\n\n @media (max-width: 768px) {\n padding: 10px 16px 0px 16px;\n min-height: auto;\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n padding: 30px 40px 0px 40px;\n gap: 20px;\n }\n\n transform: translateZ(0);\n will-change: auto;\n"]);P=function e(){return n};return n}function M(){var n=p(["\n min-width: ",";\n height: ",";\n flex-shrink: 0;\n\n @media (max-width: 768px) {\n width: 100%;\n height: auto;\n\n overflow-x: auto;\n overflow-y: visible;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n min-width: 200px;\n margin-right: 20px;\n }\n"]);M=function e(){return n};return n}function q(){var n=p(["\n flex: 1;\n min-width: 0;\n height: ",";\n\n @media (max-width: 768px) {\n width: 100%;\n height: auto;\n min-height: 300px;\n\n -webkit-overflow-scrolling: touch;\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n min-height: 400px;\n }\n\n contain: layout style paint;\n transform: translateZ(0);\n"]);q=function e(){return n};return n}function E(){var n=p(["\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 200px;\n padding: 20px;\n\n @media (max-width: 768px) {\n min-height: 150px;\n padding: 16px;\n }\n"]);E=function e(){return n};return n}function D(){var n=p(["\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 40px 20px;\n color: #666;\n font-size: 16px;\n\n @media (max-width: 768px) {\n padding: 20px 16px;\n font-size: 14px;\n }\n"]);D=function e(){return n};return n}function H(){var n=p(["\n padding: 10px;\n display: flex;\n justify-content: center;\n"]);H=function e(){return n};return n}var W=Object.create;var A=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var Z=function(n,e){return function(){return e||n((e={exports:{}}).exports,e),e.exports}},Q=function(n,e){for(var t in e)A(n,t,{get:e[t],enumerable:!0})},U=function(n,e,t,i){var r=true,o=false,a=undefined;if(e&&(typeof e==="undefined"?"undefined":u(e))=="object"||typeof e=="function")try{var l=function(){var r=s.value;!Y.call(n,r)&&r!==t&&A(n,r,{get:function(){return e[r]},enumerable:!(i=R(e,r))||i.enumerable})};for(var d=_(e)[Symbol.iterator](),s;!(r=(s=d.next()).done);r=true)l()}catch(n){o=true;a=n}finally{try{if(!r&&d.return!=null){d.return()}}finally{if(o){throw a}}}return n};var $=function(n,e,t){return t=n!=null?W(V(n)):{},U(e||!n||!n.__esModule?A(t,"default",{value:n,enumerable:!0}):t,n)},G=function(n){return U(A({},"__esModule",{value:!0}),n)};var J=Z(function(n,e){"use strict";var t="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=t});var K=Z(function(n,e){"use strict";var t=function n(){};var i=function n(){};var r=J();i.resetWarningCache=t;e.exports=function(){function n(n,e,t,i,o,a){if(a!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}n.isRequired=n;function e(){return n}var o={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:t};return o.PropTypes=o,o}});var X=Z(function(n,e){"use strict";e.exports=K()();var t,i});var nn={};Q(nn,{MysiteHero:function(){return eb},NsCategoryNavigation:function(){return nU},NsProductCard:function(){return nm},ProductCarousel:function(){return nM},ProductTabCarousel:function(){return n4}});module.exports=G(nn);var ne=require("react"),nt=require("@nuskin/foundation-ui-components");var ni=require("@nuskin/foundation-theme"),nr=(0,ni.styled)("div")(f()),no=(0,ni.styled)("button")(m(),function(n){return n.isMobile?"410px":"513px"}),na=(0,ni.styled)("div")(h(),function(n){var e;return(e=n.bgColor)!==null&&e!==void 0?e:"#f5f5f5"}),nl=(0,ni.styled)("img")(g()),nd=(0,ni.styled)("div")(b()),ns=(0,ni.styled)("div")(v()),nc=(0,ni.styled)("button")(y(),function(n){return n.disabled?"#999":"#fff"},function(n){return n.disabled?"#e0e0e0":!n.isMobile&&n.isHovered?"#888":"#000"},function(n){return n.disabled?"1px solid #ccc":"none"},function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.6:1},function(n){return n.isMobile?"none":"all 0.3s ease"}),np=(0,ni.styled)("span")(w(),function(n){return n.disabled?.5:1});var nu=require("@mui/material"),nx=require("react/jsx-runtime"),nf=function(n){var e=n.productTitle,t=n.imageDetails,i=n.className,r=n.button,o=n.onCardClick,a=n.productStatusBadge,l=n.directSellerBadge,d=n.mySitePriceComponent,s=n.testId;var p=c((0,ne.useState)(!1),2),u=p[0],x=p[1],f=(0,nu.useMediaQuery)("(max-width: 560px)"),m=function(n){var e=n.target,i=t===null||t===void 0?void 0:t.fallbackImage;i&&e.src!==i&&(e.src=i)};var h,g,b;return(0,nx.jsxs)(no,{className:i,onClick:o,tabIndex:0,"data-testid":"product-card",isMobile:f,children:[(0,nx.jsx)(na,{bgColor:t===null||t===void 0?void 0:t.bgColor,onError:m,children:(t===null||t===void 0?void 0:t.imageSrc)?(0,nx.jsx)(nt.NsImage,{"data-testid":s!==null&&s!==void 0?s:"test-product-image",className:(h=t.className)!==null&&h!==void 0?h:"",src:t.imageSrc,alt:t.imageAlt,"aria-label":(g=t.areaLabel)!==null&&g!==void 0?g:t.imageAlt,width:"100%"}):(0,nx.jsx)(nl,{alt:""})}),(0,nx.jsx)(nd,{title:e,"data-testid":"product-title",children:e}),l&&(0,nx.jsx)(ns,{children:l}),(0,nx.jsx)(ns,{children:a}),(0,nx.jsx)(nr,{children:d}),(r===null||r===void 0?void 0:r.showButton)&&(0,nx.jsxs)(nc,{tabIndex:0,"aria-roledescription":":","aria-label":r.buttonText||"ADD TO CART","data-testid":"add-to-cart-button",disabled:(b=r===null||r===void 0?void 0:r.disabled)!==null&&b!==void 0?b:!1,isMobile:f,isHovered:u,onClick:function(n){var e;n.stopPropagation(),(r===null||r===void 0?void 0:r.disabled)||((e=r.onClick)===null||e===void 0?void 0:e.call(r))},onMouseEnter:function(){!f&&!(r===null||r===void 0?void 0:r.disabled)&&x(!0)},onMouseLeave:function(){f||x(!1)},children:[(0,nx.jsx)(np,{className:"cart-icon",disabled:r===null||r===void 0?void 0:r.disabled,children:(0,nx.jsx)("svg",{width:"24",height:"22",viewBox:"0 0 24 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,nx.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 1.86358C0 1.26109 0.488416 0.772675 1.09091 0.772675H3.48173C4.51054 0.772675 5.39955 1.49136 5.61511 2.49733L5.71309 2.95456H22.9091C23.245 2.95456 23.5622 3.10933 23.7689 3.37411C23.9757 3.63889 24.0489 3.98415 23.9674 4.31005L22.4053 10.5583C21.9197 12.5009 20.1743 13.8636 18.172 13.8636H8.05068L8.28444 14.9546H20.7273C21.3298 14.9546 21.8182 15.443 21.8182 16.0455C21.8182 16.648 21.3298 17.1364 20.7273 17.1364H19.6364H8.18182H7.40252C6.88811 17.1364 6.4436 16.777 6.33582 16.274L3.76449 4.27405L3.48173 2.95449H1.09091C0.488416 2.95449 0 2.46608 0 1.86358ZM8.18182 17.1364C6.97683 17.1364 6 18.1132 6 19.3182C6 20.5232 6.97683 21.5 8.18182 21.5C9.3868 21.5 10.3636 20.5232 10.3636 19.3182C10.3636 18.1132 9.3868 17.1364 8.18182 17.1364ZM19.6364 17.1364C18.4314 17.1364 17.4545 18.1132 17.4545 19.3182C17.4545 20.5232 18.4314 21.5 19.6364 21.5C20.8413 21.5 21.8182 20.5232 21.8182 19.3182C21.8182 18.1132 20.8413 17.1364 19.6364 17.1364ZM7.58317 11.6818H18.172C19.1732 11.6818 20.0459 11.0005 20.2887 10.0292L21.5119 5.13638H6.18062L7.58317 11.6818Z",fill:(r===null||r===void 0?void 0:r.disabled)?"#999":"#ffffff"})})}),r.buttonText||"ADD TO CART"]})]})},nm=nf;var nh=require("react"),ng=$(require("react-slick")),nb=$(require("@mui/material/useMediaQuery"));var nv=require("@nuskin/foundation-ui-components");var ny=require("@nuskin/foundation-theme"),nw=$(require("@mui/material/Box")),nC=require("@nuskin/foundation-ui-components"),nj=(0,ny.styled)(nw.default)(C()),nk=(0,ny.styled)("div")(j()),nS=(0,ny.styled)("div")(k()),nF=(0,ny.styled)(nw.default)(S()),nT=(0,ny.styled)(nw.default)(F()),nO=(0,ny.styled)(nw.default)(T()),nB=(0,ny.styled)(nw.default)(O(),function(n){var e=n.$isDisabled;return e?.3:1},function(n){var e=n.$isDisabled;return e?"none":"auto"}),nz=(0,ny.styled)("div")(B()),nN=(0,ny.styled)(nC.NsTypography)(z()),nL=(0,ny.styled)("a")(N()),nI=(0,ny.styled)("div")(L());var nP=require("react/jsx-runtime");function nM(n){var e=n.entries,t=n.renderEntry,i=n.settings,r=i===void 0?{}:i,a=n.showControlButtons,d=a===void 0?!0:a,s=n.allEntryLabel,c=s===void 0?"View All":s,p=n.allEntryLink,u=p===void 0?"":p,x=n.categoryName,f=n.emptyProductMessage,m=f===void 0?"No Products Available For The Selected Category":f,h=n.productsCountLabel,g=h===void 0?"Products":h;var b,v,y,w;var C=(0,nh.useRef)(null),j=(0,nb.default)("(max-width: 560px)"),k=(0,nh.useCallback)(function(){var n;(n=C.current)===null||n===void 0?void 0:n.slickPrev()},[]),S=(0,nh.useCallback)(function(){var n;(n=C.current)===null||n===void 0?void 0:n.slickNext()},[]),F=t!==null&&t!==void 0?t:function(n,e){return(0,nP.jsx)(nm,{productTitle:n.productTitle,imageDetails:n.imageDetails,button:n.button,onCardClick:n.onCardClick,productStatusBadge:n.productStatusBadge,directSellerBadge:n.directSeller,mySitePriceComponent:n.mySitePriceComponent},"".concat(n.productTitle,"-").concat(e))},T=o({dots:!0,infinite:!0,speed:500,slidesToShow:Math.min((b=e===null||e===void 0?void 0:e.length)!==null&&b!==void 0?b:0,4),slidesToScroll:4,swipe:!0,draggable:!0,arrows:!0,responsive:[{breakpoint:1320,settings:{slidesToShow:Math.min((v=e===null||e===void 0?void 0:e.length)!==null&&v!==void 0?v:0,3),slidesToScroll:3}},{breakpoint:900,settings:{slidesToShow:Math.min((y=e===null||e===void 0?void 0:e.length)!==null&&y!==void 0?y:0,2),slidesToScroll:2}},{breakpoint:600,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}}]},r),O=((w=e===null||e===void 0?void 0:e.length)!==null&&w!==void 0?w:0)>T.slidesToShow,B=function(){return(e===null||e===void 0?void 0:e.length)===0?(0,nP.jsx)(nI,{children:m}):j?(0,nP.jsx)(nk,{children:(0,nP.jsx)(nS,{children:e.map(function(n,e){return n&&F(n,e)})})}):(0,nP.jsx)(ng.default,l(o({},T),{ref:C,children:e.map(function(n,e){return n&&F(n,e)})}))};var z;return(0,nP.jsxs)(nj,{children:[d&&(0,nP.jsxs)(nF,{children:[(0,nP.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[(0,nP.jsxs)("div",{style:{display:"flex",alignItems:"center",flex:1,minWidth:0},children:[(0,nP.jsx)(nO,{children:(0,nP.jsxs)(nN,{variant:"body-m",children:[(z=e===null||e===void 0?void 0:e.length)!==null&&z!==void 0?z:0," ",g]})}),!j&&x&&(0,nP.jsx)("div",{style:{fontFamily:"Lora",fontWeight:400,fontSize:22,marginLeft:16,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"300px",textTransform:"capitalize"},children:x})]}),(0,nP.jsx)(nT,{style:{marginLeft:"auto",marginRight:j?0:24},children:(0,nP.jsx)(nL,{href:u,children:c})})]}),!j&&(0,nP.jsx)(nB,{$isDisabled:!O,children:(0,nP.jsx)(nv.NsCarouselControl,{prev:k,next:S,viewAllLabel:"",viewAllUrl:""})})]}),B()]})}var nq=require("react"),nE=require("@mui/material");var nD=$(require("react")),nH=$(require("@mui/material/Tabs")),nW=$(require("@mui/material/Tab")),nA=$(require("@mui/material/Box")),nR=$(X());var n_=require("@nuskin/foundation-theme"),nV=n_.styled.div(I());var nY=require("@mui/material"),nZ=require("react/jsx-runtime");function nQ(n){var e=n.children,t=n.value,i=n.index,r=d(n,["children","value","index"]);return(0,nZ.jsx)("div",l(o({role:"tabpanel",hidden:t!==i,id:"vertical-tabpanel-".concat(i),"aria-labelledby":"vertical-tab-".concat(i)},r),{children:t===i&&(0,nZ.jsx)(nA.default,{className:"tabPanel",children:e})}))}nQ.propTypes={children:nR.default.node,index:nR.default.number.isRequired,value:nR.default.number.isRequired};var nU=function(n){var e=n.itemArray,t=n.value,i=n.onChange;var r=c(nD.useState(0),2),o=r[0],a=r[1],l=(0,nY.useMediaQuery)("(max-width:768px)"),d=t!==null&&t!==void 0?t:o;return(0,nZ.jsx)(nV,{children:(0,nZ.jsxs)(nA.default,{className:"tabContainer",children:[(0,nZ.jsx)(nH.default,{orientation:l?"horizontal":"vertical",variant:"scrollable",value:d,onChange:function(n,e){i?i(n,e):a(e)},"aria-label":"Vertical tabs example",className:"tabsStyle",children:e.map(function(n){return(0,nZ.jsx)(nW.default,{label:n.label,className:"tabStyle",sx:{textTransform:"capitalize"}},n.categoryId)})}),e.map(function(n){return(0,nZ.jsx)(nQ,{value:d,index:e.findIndex(function(e){return e.categoryId===n.categoryId}),children:n.content},n.categoryId)})]})})};var n$=require("@nuskin/foundation-ui-components");var nG=require("@nuskin/foundation-theme"),nJ=(0,nG.styled)("div")(P(),function(n){var e=n.isMobile;return e?"column":"row"},function(n){var e=n.isMobile;return e?"stretch":"flex-start"},function(n){var e=n.isMobile;return e?"auto":"500px"},function(n){var e=n.isMobile;return e?"10px 16px 0px 16px":"50px 60px 0px 60px"}),nK=(0,nG.styled)("div")(M(),function(n){var e=n.isMobile;return e?"100%":"auto"},function(n){var e=n.isMobile;return e?"auto":"100%"}),nX=(0,nG.styled)("div")(q(),function(n){var e=n.isMobile;return e?"auto":"100%"}),n0=(0,nG.styled)("div")(E()),n1=(0,nG.styled)("div")(D()),n2=(0,nG.styled)("div")(H());var n6=require("react/jsx-runtime"),n5=function(n){var e=n.allEntryLabel,t=n.allEntryLink,i=n.renderEntry,r=n.settings,a=n.showControlButtons,d=a===void 0?!0:a,s=n.fetchCategories,p=n.fetchProducts,u=n.showCustomCategory,x=u===void 0?!1:u,f=n.emptyProductTabs,m=f===void 0?"No tabs available":f,h=n.emptyProductMessage,g=n.productsCountLabel;var b;var v=(0,nE.useMediaQuery)("(max-width:768px)"),y=c((0,nq.useState)([]),2),w=y[0],C=y[1],j=c((0,nq.useState)(0),2),k=j[0],S=j[1],F=c((0,nq.useState)([]),2),T=F[0],O=F[1],B=c((0,nq.useState)(!1),2),z=B[0],N=B[1],L=c((0,nq.useState)(!0),2),I=L[0],P=L[1],M=(0,nq.useCallback)(function(){var n=document.querySelectorAll('[data-testid*="spinner"], .ns-spinner, [class*="spinner"]');P(n.length===0)},[]);(0,nq.useEffect)(function(){z&&M()},[z,M]),(0,nq.useEffect)(function(){s().then(C)},[s]),(0,nq.useEffect)(function(){w.length>0&&(N(!0),p(w[k].categoryId).then(O).finally(function(){return N(!1)}))},[w,k,p]);var q=w.map(function(n){return{label:n.label,content:"",categoryId:n.categoryId}});return(0,n6.jsxs)(nJ,{isMobile:v,children:[x&&(q.length>0?(0,n6.jsx)(nK,{isMobile:v,children:(0,n6.jsx)(nU,{itemArray:q,value:k,onChange:function(n,e){return S(e)}})}):(0,n6.jsx)(n1,{children:m})),(0,n6.jsx)(nX,{isMobile:v,children:z?(0,n6.jsx)(n2,{children:I&&(0,n6.jsx)(n$.NsSpinner,{})}):(0,n6.jsx)(nM,{entries:T,allEntryLabel:e,allEntryLink:t,renderEntry:i?function(n){return i(l(o({},n),{productStatusBadge:n.productStatusBadge}))}:void 0,settings:r,showControlButtons:d,categoryName:(b=w[k])===null||b===void 0?void 0:b.label,emptyProductMessage:h,productsCountLabel:g})})]})},n4=n5;var n8=require("react"),n3=require("@mui/material"),n7=require("@nuskin/foundation-ui-components");var n9=require("@nuskin/foundation-theme"),en=require("@mui/material"),ee=require("react/jsx-runtime"),et=(0,n9.styled)(function(n){return(0,ee.jsx)(en.Box,o({},n))})(function(n){var e=n.bannerProps;var t,i,r,o;return{backgroundClip:"border-box",display:"flex",background:(t=e===null||e===void 0?void 0:e.backgroundColor)!==null&&t!==void 0?t:"#383838",position:"relative",overflow:"hidden",width:"100%",height:"auto",flexDirection:"row",alignItems:"center",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"transform, opacity",transform:"translateZ(0)",backfaceVisibility:"hidden","&.scrolled":{top:0,left:0,right:0,boxShadow:"0 2px 8px rgba(0,0,0,0.2)",".content":{paddingTop:"0",justifyContent:"center"},".body-title":{fontSize:"26px",lineHeight:"34px",marginBottom:"0",fontStyle:"normal",fontWeight:"400",fontFamily:(i=e===null||e===void 0?void 0:e.headlineFont)!==null&&i!==void 0?i:"Lora"},".bg-image":{width:"90px !important",height:"90px !important",padding:"2px"},".placeholder-image":{"& > div":{width:"90px !important",height:"90px !important"}}},".content":{width:"70%",height:"100%",marginLeft:"2%",marginRight:"auto",paddingTop:"32px",display:"flex",flexDirection:"column",position:"relative",boxSizing:"border-box",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)"},".bg-image":{width:"246px",height:"246px",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"width, height, transform",padding:"3px"},".placeholder-image":{transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"width, height, transform","& > div":{transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)"}},".body-title":{fontSize:"32px",lineHeight:"38px",marginBottom:"15px",fontWeight:"400",color:"#FFFFFF",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(r=e===null||e===void 0?void 0:e.headlineFont)!==null&&r!==void 0?r:"Lora",paddingLeft:"5px",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)"},".body-text":{fontSize:"16px",marginBottom:"15px",fontStyle:"normal",fontWeight:"400",lineHeight:"22px",color:"#FFFFFF",fontFamily:(o=e===null||e===void 0?void 0:e.paragraphFont)!==null&&o!==void 0?o:"inherit",display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",WebkitLineClamp:3,textOverflow:"ellipsis",paddingLeft:"5px",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)"},".social-media":{display:"flex",flexDirection:"column",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)"},".email-text":{fontSize:"12px",fontStyle:"normal",fontWeight:"600",lineHeight:"16px",letterSpacing:"0.12px",color:"#FFFFFF","& a":{color:"inherit",textDecoration:"none","&:hover":{textDecoration:"underline"}}},".social-title-text":{fontSize:"12px",marginBottom:"16px",fontStyle:"normal",fontWeight:"700",lineHeight:"16px",letterSpacing:"0.48px",color:"#FFFFFF",textTransform:"uppercase",paddingLeft:"5px"},".social-icons":{display:"flex",flexDirection:"row",gap:"10px",paddingBottom:"15px",alignItems:"center"}}}),ei=(0,n9.styled)(function(n){return(0,ee.jsx)(en.Box,o({},n))})(function(n){var e=n.bannerProps;var t,i,r,o,a;return{backgroundClip:"border-box",display:"flex",background:(t=e===null||e===void 0?void 0:e.backgroundColor)!==null&&t!==void 0?t:"#383838",position:"relative",overflow:"hidden",width:"100%",flexDirection:"column",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"transform, opacity",transform:"translateZ(0)",backfaceVisibility:"hidden","&.scrolled":{top:0,left:0,right:0,boxShadow:"0 2px 8px rgba(0,0,0,0.2)",".content-mobile":{paddingTop:"5px",width:"60%"},".body-title-mobile":{fontSize:"18px",lineHeight:"28px",marginBottom:"0",fontStyle:"normal",fontWeight:"400",fontFamily:(i=e===null||e===void 0?void 0:e.headlineFont)!==null&&i!==void 0?i:"Lora"},".bg-image-mobile":{width:"75px !important",height:"75px !important",padding:"2px"},".placeholder-image-mobile":{"& > div":{width:"75px !important",height:"75px !important"}}},".image-content-mobile":{display:"flex",flexDirection:"row",width:"100%",justifyContent:"center",alignItems:"center"},".content-mobile":{width:"55%",height:"100%",paddingTop:"10px",paddingRight:"10px",marginLeft:"8px",marginRight:"auto",display:"flex",flexDirection:"column",justifyContent:"center",position:"relative",boxSizing:"border-box",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)","@media (max-width: 420px)":{paddingTop:"8px",width:"100%"},"@media (max-width: 400px)":{paddingTop:"6px",width:"100%",height:"100%"},"@media (max-width: 375px)":{paddingTop:"4px",width:"100%",height:"100%"}},".bg-image-mobile":{width:"144px",height:"144px",display:"flex",justifyContent:"center",alignItems:"center",objectFit:"cover",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"width, height, transform",padding:"2px","@media (max-width: 420px)":{width:"120px",height:"120px"},"@media (max-width: 400px)":{width:"110px",height:"110px"},"@media (max-width: 375px)":{width:"90px",height:"90px"}},".placeholder-image-mobile":{transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"width, height, transform","& > div":{transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",width:"144px !important",height:"144px !important","@media (max-width: 420px)":{width:"120px !important",height:"120px !important"},"@media (max-width: 400px)":{width:"110px !important",height:"110px !important"},"@media (max-width: 375px)":{width:"90px !important",height:"90px !important"}}},".body-title-mobile":{fontSize:"22px",lineHeight:"28px",marginBottom:"13px",fontWeight:"400",color:"#FFFFFF",fontStyle:"normal",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(r=e===null||e===void 0?void 0:e.headlineFont)!==null&&r!==void 0?r:"Lora",paddingLeft:"5px",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)","@media (max-width: 420px)":{fontSize:"18px",lineHeight:"26px",marginBottom:"8px"},"@media (max-width: 400px)":{fontSize:"18px",lineHeight:"24px",marginBottom:"6px"},"@media (max-width: 375px)":{fontSize:"16px",lineHeight:"22px",marginBottom:"4px"}},".body-text-mobile":{fontSize:"14px",padding:"20px 25px 20px 25px",fontStyle:"normal",fontWeight:"400",lineHeight:"20px",color:"#252525",backgroundColor:"#E0E0E0",fontFamily:(o=e===null||e===void 0?void 0:e.paragraphFont)!==null&&o!==void 0?o:"inherit",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",opacity:1,transform:"translateY(0)"},".expandable-description-mobile":{backgroundColor:"#E0E0E0",position:"relative"},".description-content-mobile":{fontSize:"14px",padding:"10px 15px",fontStyle:"normal",fontWeight:"400",lineHeight:"20px",color:"#252525",fontFamily:(a=e===null||e===void 0?void 0:e.paragraphFont)!==null&&a!==void 0?a:"inherit",transition:"max-height 0.3s ease-in-out, opacity 0.3s ease-in-out",overflow:"hidden",position:"relative","&.collapsed":{maxHeight:"50px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical","&::after":{content:'""',position:"absolute",bottom:0,left:0,right:0,height:"20px",background:"linear-gradient(transparent, rgba(224, 224, 224, 0.8), #E0E0E0)",pointerEvents:"none"}},"&.expanded":{maxHeight:"none",whiteSpace:"normal",display:"block","&::after":{display:"none"}}},".email-text-mobile":{fontSize:"12px",paddingBottom:"11px",fontStyle:"normal",fontWeight:"600",lineHeight:"16px",letterSpacing:"0.12px",color:"#FFFFFF",wordBreak:"break-all",overflowWrap:"break-word",paddingLeft:"5px","@media (max-width: 420px)":{fontSize:"11px",lineHeight:"15px",paddingBottom:"8px"},"@media (max-width: 400px)":{fontSize:"10px",lineHeight:"14px",paddingBottom:"6px"},"@media (max-width: 375px)":{fontSize:"8px",lineHeight:"12px",paddingBottom:"4px"}},".social-title-text-mobile":{fontSize:"12px",marginBottom:"11px",fontStyle:"normal",fontWeight:"700",lineHeight:"16px",letterSpacing:"0.48px",color:"#FFFFFF",textTransform:"uppercase",paddingLeft:"5px",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)","@media (max-width: 420px)":{fontSize:"11px",lineHeight:"14px",marginBottom:"8px"},"@media (max-width: 400px)":{fontSize:"10px",lineHeight:"12px",marginBottom:"5px"},"@media (max-width: 375px)":{fontSize:"8px",lineHeight:"11px",marginBottom:"4px"}},".social-icons-mobile":{display:"flex",flexDirection:"row",gap:"10px",paddingBottom:"10px",alignItems:"center",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)","@media (max-width: 420px)":{paddingBottom:"8px"},"@media (max-width: 400px)":{paddingBottom:"6px"},"@media (max-width: 375px)":{paddingBottom:"4px"}}}}),er=(0,n9.styled)(en.Box)({display:"flex",gap:"12px",marginBottom:"16px",paddingLeft:"5px","&.mobile-badges":{flexDirection:"column",gap:"8px",marginBottom:"12px"},"&.tablet-badges":{flexDirection:"row",gap:"12px",marginBottom:"16px"}}),eo=(0,n9.styled)(en.Box)({backgroundColor:"rgba(255, 255, 255, 0.2)",backdropFilter:"blur(10px)",borderRadius:"20px",padding:"8px 16px",display:"flex",alignItems:"center",gap:"4px",border:"1px solid rgba(255, 255, 255, 0.3)",transition:"all 0.3s ease","&.mobile-badge":{padding:"6px 12px",borderRadius:"16px",fontSize:"12px"},"&.tablet-badge":{padding:"8px 16px",borderRadius:"20px",fontSize:"14px"},"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.3)",transform:"translateY(-1px)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)"},".badge-text":{color:"#FFFFFF",fontWeight:"400",opacity:.9},".badge-value":{color:"#FFFFFF",fontWeight:"600"}}),ea=(0,n9.styled)("button")({backgroundColor:"#E0E0E0",border:"1px solid #252525",borderRadius:"10px",cursor:"pointer",width:"40px",height:"20px",display:"flex",alignItems:"center",justifyContent:"center",margin:"10px auto 5px auto",transition:"all 0.2s ease","& .arrow-icon-mobile":{transition:"transform 0.3s ease","&.expanded":{transform:"rotate(180deg)"}}});var el=require("@mui/material"),ed=require("react/jsx-runtime"),es=function(n){var e=n.width,t=n.height,i=n.backgroundColor;return(0,ed.jsx)(el.Box,{sx:{width:e,height:t,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:i},"data-testid":"placeholder-image",children:(0,ed.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"128",height:"129",viewBox:"0 0 128 129",fill:"none",children:(0,ed.jsxs)("g",{id:"ns_logomark",children:[(0,ed.jsx)("path",{id:"Vector",d:"M127.495 52.1946C125.663 47.9538 122.999 44.1171 119.661 40.9073C112.565 34.2835 102.562 31.7037 93.1175 34.0622C83.6733 36.4206 76.0882 43.3926 72.991 52.5619C71.4142 56.8414 70.6063 61.3627 70.6039 65.9196C70.6039 85.8227 70.6039 105.737 70.6039 125.662C70.6039 129.001 70.6039 129.001 66.9051 128.834C66.9051 128.2 66.9051 127.499 66.9051 126.831C66.9051 104.323 66.9051 81.8263 66.9051 59.3409C66.3415 45.3064 74.9302 32.5039 88.1888 27.6164C89.79 27.0612 91.4307 26.6259 93.0981 26.314C94.7114 25.98 96.4605 25.8465 98.0738 25.6461C96.0231 16.3291 78.9419 5.60953 65.0889 4.97504C50.3084 4.62252 36.6074 12.6365 29.7509 25.6461C31.331 25.8465 32.8779 25.9466 34.3569 26.2138C48.0999 28.544 58.7086 39.4998 60.5168 53.2298C60.8904 55.7285 61.0812 58.2508 61.0877 60.7769C61.0877 82.7507 61.0877 104.724 61.0877 126.697C61.0877 128.434 60.6842 129.169 58.8016 128.968C56.9183 128.768 57.1204 128.2 57.1204 126.965C57.1204 119.985 57.1204 113.006 57.1204 105.993C57.1204 92.1674 57.1204 78.3423 57.1204 64.5171C57.2385 56.3928 54.2457 48.5271 48.7477 42.5103C42.2429 35.5282 32.6539 32.2371 23.1959 33.7401C13.7379 35.243 5.66194 41.3411 1.67448 49.9906C1.23781 50.8254 0.867444 51.6937 0.262573 52.9293C5.79294 22.3996 32.4752 0.139867 63.7085 0.000656323C94.9411 -0.138555 121.824 21.8824 127.629 52.3616",fill:"#252525"}),(0,ed.jsx)("path",{id:"Vector_2",d:"M86.0995 124.927C86.0995 124.293 86.0995 123.858 86.0995 123.425C86.0995 111.669 86.0995 100.049 86.0995 88.1269C85.8836 82.4231 88.0775 76.89 92.1523 72.8653C97.3131 67.9567 104.984 66.7091 111.452 69.7263C117.892 72.1185 122.166 78.225 122.178 85.0541C122.372 92.1747 119.781 99.0921 114.949 104.356C107.882 113.237 98.6134 120.141 88.05 124.392C87.4217 124.616 86.782 124.805 86.1335 124.96",fill:"#252525"}),(0,ed.jsx)("path",{id:"Vector_3",d:"M41.8183 125.395C37.6149 123.224 33.6477 121.487 29.9828 119.25C21.5405 114.299 14.4778 107.331 9.43828 98.9796C6.53442 94.3985 5.34408 88.9493 6.07591 83.5852C7.056 75.2882 13.8859 68.8841 22.2829 68.3905C31.1231 67.2473 39.3527 73.0751 41.1455 81.7484C41.76 84.263 42.0762 86.8411 42.0868 89.4287C42.0868 100.516 42.0868 111.636 42.0868 122.823C42.0868 123.457 42.0867 124.059 41.8854 125.294",fill:"#252525"}),(0,ed.jsx)("path",{id:"Vector_4",d:"M51.3337 127.431C47.9713 127.431 47.6681 127.198 47.6681 124.326V76.6386C48.1096 67.937 42.9747 59.906 34.8574 56.602C25.8992 52.8557 15.5485 54.8615 8.66523 61.6779C4.28638 66.6086 1.89197 72.9696 1.94049 79.5438C1.95423 80.2444 1.78037 80.9357 1.43588 81.5476C1.06552 79.9446 0.62885 78.2081 0.426687 76.7387C-0.724024 70.4463 0.471163 63.9529 3.78906 58.472C6.09291 54.6111 9.65016 51.6434 13.8762 50.0567C22.8587 46.555 32.9393 47.1785 41.4148 51.7598C47.6592 54.8694 51.5262 61.2882 51.3337 68.2232C51.5019 87.6249 51.3337 107.027 51.3337 126.396C51.3337 126.797 51.3337 127.164 51.3337 127.532",fill:"#252525"}),(0,ed.jsx)("path",{id:"Vector_5",d:"M76.287 127.499V125.094C76.287 107.196 76.4883 89.2963 76.287 71.3966C76.0848 56.9034 84.2554 50.6588 95.7553 48.3545C101.535 47.2005 107.524 47.6393 113.071 49.6235C122.914 53.3319 128.994 63.1725 127.866 73.5672C127.631 76.2831 127.17 78.975 126.487 81.6151C125.916 78.2758 125.68 74.9364 124.772 71.597C122.808 64.3002 117.377 58.4174 110.228 55.8421C103.078 53.2668 95.1132 54.3239 88.8955 58.6734C83.0441 62.6207 79.7011 69.3237 80.086 76.3389C80.086 92.2349 80.086 108.131 80.086 124.026C80.086 127.366 80.086 127.366 76.2198 127.366",fill:"#252525"})]})})})};var ec=require("react/jsx-runtime"),ep=function(n){var e=n.width,t=e===void 0?16:e,i=n.height,r=i===void 0?16:i,o=n.className,a=o===void 0?"":o;return(0,ec.jsx)("svg",{width:t,height:r,viewBox:"0 0 24 24",fill:"currentColor",className:a,"data-testid":"arrow-down-icon",children:(0,ec.jsx)("path",{d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"})})};var eu=require("react/jsx-runtime"),ex=(0,n3.styled)(n3.Box)({background:"none",border:"2px solid transparent",cursor:"pointer",padding:"2px",display:"flex",alignItems:"center",borderRadius:"8px",transition:"all 0.3s ease","&:hover":{transform:"scale(1.1)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)"},"&:focus, &:focus-within":{outline:"none",borderColor:"#007bff",boxShadow:"0 0 0 2px rgba(0, 123, 255, 0.25)"},"&:hover svg":{fill:"#ffffff !important"}}),ef=function(n,e,t){var i;return(n===null||n===void 0?void 0:n.imageSrc)?(0,eu.jsx)(n7.NsImage,{className:t,src:n.imageSrc,alt:n.imageAlt}):(0,eu.jsx)(n3.Box,{className:"placeholder-".concat(t),children:(0,eu.jsx)(es,{width:t.includes("mobile")?"144px":"246px",height:t.includes("mobile")?"144px":"246px",backgroundColor:(i=e===null||e===void 0?void 0:e.backgroundColor)!==null&&i!==void 0?i:"#5F5F5F"})})},em=function(n,e,t){return!n||!e?null:(0,eu.jsx)(er,{className:t?"mobile-badges":"tablet-badges",children:e&&(0,eu.jsx)(eo,{className:t?"mobile-badge":"tablet-badge",children:(0,eu.jsx)("span",{className:"badge-value",children:e})})})},eh=function(n,e,t,i){var r=n.shopTitle,o=n.socialTitleText,a=n.email,l=n.showBadges,d=n.expirationDate;return(0,eu.jsxs)(n3.Box,{className:"content-mobile",children:[(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"body-title-mobile",children:r}),!e&&(0,eu.jsxs)(eu.Fragment,{children:[(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"social-title-text-mobile",children:o}),(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"email-text-mobile",children:a}),(0,eu.jsx)(n3.Box,{className:"social-icons-mobile",children:t}),em(l,d!==null&&d!==void 0?d:"",i)]})]})},eg=function(n,e,t,i){var r=n.shopTitle,o=n.shopDescription,a=n.socialTitleText,l=n.email,d=n.showBadges,s=n.expirationDate;return(0,eu.jsxs)(n3.Box,{className:"content",children:[(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"body-title",children:r}),!e&&(0,eu.jsxs)(eu.Fragment,{children:[(0,eu.jsx)(n3.Tooltip,{title:o,arrow:!0,children:(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"body-text",children:o})}),(0,eu.jsxs)(n3.Box,{className:"social-media",children:[(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"social-title-text",children:a}),(0,eu.jsxs)(n3.Box,{className:"social-icons",children:[t,(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"email-text",children:(0,eu.jsx)("a",{href:"mailto:".concat(l),children:l})})]})]}),em(d,s!==null&&s!==void 0?s:"",i)]})]})};function eb(n){var e=n.className,t=n.shopTitle,i=n.shopDescription,r=n.socialTitleText,o=n.imageDetails,a=n.email,l=n.bannerProps,d=n.socialIcons,s=n.expirationDate,p=n.showBadges,u=p===void 0?!1:p;var x=(0,n3.useMediaQuery)("(max-width: 560px)"),f=c((0,n8.useState)(!1),2),m=f[0],h=f[1],g=c((0,n8.useState)(!1),2),b=g[0],v=g[1],y=function(){v(!b)};(0,n8.useEffect)(function(){var n,e=window.scrollY,t=!1,i="",r=function(){return document.querySelector(".nu-header-container")},o=function(){var n=r();if(!n)return{top:35,isCompact:!1};var e=n.classList.contains("compact")||n.classList.contains("compact-view"),t=n.classList.contains("full-view");return e?{top:85,isCompact:!0}:t?{top:110,isCompact:!1}:{top:35,isCompact:!1}},a=function(){var n=r();return n?n.classList.contains("compact")||n.classList.contains("compact-view")?"compact":n.classList.contains("full-view")?"full-view":"default":"none"},l=function(e){t!==e&&(t=e,e&&v(!1),clearTimeout(n),n=setTimeout(function(){h(e)},e?100:50))},d=function(){var n=window.scrollY,r=Math.abs(n-e),d=n<100?1:3;if(r<d){e=n;return}var s=n>e,c=n<e,p=a(),u=o(),f=u.top,m=u.isCompact;if(i!==p){i=p,m&&!t?l(!0):!m&&t&&n<80&&l(!1),e=n;return}var h=x?120:150,g=x?50:80,b=h+f,v=g;s&&n>b&&!t?l(!0):c&&n<v&&t&&l(!1),e=n},s=function(){var n=window.scrollY,r=o(),l=r.top;i=a();var d=(x?120:150)+l,s=n>d;t=s,h(s),e=n},c=!1,p=function(){c||(requestAnimationFrame(function(){d(),c=!1}),c=!0)};return s(),window.addEventListener("scroll",p,{passive:!0}),function(){window.removeEventListener("scroll",p),clearTimeout(n)}},[x]);var w=(0,n8.useMemo)(function(){return d===null||d===void 0?void 0:d.map(function(n,e){return(0,eu.jsx)(ex,{children:(0,eu.jsx)(n7.NsLink,{href:n.url,target:"_blank",children:(0,eu.jsx)(n7.NsImage,{src:"https://www.google.com/s2/favicons?domain=".concat(n===null||n===void 0?void 0:n.url,"&sz=24"),alt:"".concat(n.type," icon"),width:"24",height:"24"},(n===null||n===void 0?void 0:n.type)+e)})},(n===null||n===void 0?void 0:n.type)+e)})},[d]),C="".concat(e," ").concat(m?"scrolled":""),j={shopTitle:t,shopDescription:i,socialTitleText:r,email:a,showBadges:u,expirationDate:s};return x?(0,eu.jsxs)(ei,{className:C,"data-testid":"my-site-shop-header",bannerProps:l,children:[(0,eu.jsxs)(n3.Box,{className:"image-content-mobile",children:[ef(o,l!==null&&l!==void 0?l:{},"bg-image-mobile"),eh(j,m,w,x)]}),!m&&(0,eu.jsxs)(n3.Box,{className:"expandable-description-mobile",children:[(0,eu.jsx)(n3.Typography,{className:"description-content-mobile ".concat(b?"expanded":"collapsed"),children:i}),(0,eu.jsx)(ea,{onClick:y,children:(0,eu.jsx)(ep,{width:16,height:16,className:"arrow-icon-mobile ".concat(b?"expanded":"")})})]})]}):(0,eu.jsxs)(et,{className:C,"data-testid":"my-site-shop-header",bannerProps:l,children:[ef(o,l!==null&&l!==void 0?l:{},"bg-image"),eg(j,m,w,x)]})}//# sourceMappingURL=index.js.map
1
+ "use strict";function n(n,e){if(e==null||e>n.length)e=n.length;for(var t=0,i=new Array(e);t<e;t++)i[t]=n[t];return i}function e(n){if(Array.isArray(n))return n}function t(n,e,t){if(e in n){Object.defineProperty(n,e,{value:t,enumerable:true,configurable:true,writable:true})}else{n[e]=t}return n}function i(n,e){var t=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(t==null)return;var i=[];var r=true;var o=false;var a,l;try{for(t=t.call(n);!(r=(a=t.next()).done);r=true){i.push(a.value);if(e&&i.length===e)break}}catch(n){o=true;l=n}finally{try{if(!r&&t["return"]!=null)t["return"]()}finally{if(o)throw l}}return i}function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(n){for(var e=1;e<arguments.length;e++){var i=arguments[e]!=null?arguments[e]:{};var r=Object.keys(i);if(typeof Object.getOwnPropertySymbols==="function"){r=r.concat(Object.getOwnPropertySymbols(i).filter(function(n){return Object.getOwnPropertyDescriptor(i,n).enumerable}))}r.forEach(function(e){t(n,e,i[e])})}return n}function a(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);if(e){i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})}t.push.apply(t,i)}return t}function l(n,e){e=e!=null?e:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(e))}else{a(Object(e)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}function d(n,e){if(n==null)return{};var t=s(n,e);var i,r;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++){i=o[r];if(e.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(n,i))continue;t[i]=n[i]}}return t}function s(n,e){if(n==null)return{};var t={};var i=Object.keys(n);var r,o;for(o=0;o<i.length;o++){r=i[o];if(e.indexOf(r)>=0)continue;t[r]=n[r]}return t}function c(n,t){return e(n)||i(n,t)||x(n,t)||r()}function p(n,e){if(!e){e=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function u(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function x(e,t){if(!e)return;if(typeof e==="string")return n(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);if(i==="Object"&&e.constructor)i=e.constructor.name;if(i==="Map"||i==="Set")return Array.from(i);if(i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return n(e,t)}function f(){var n=p(["\n width: 200px;\n text-align: left;\n margin-bottom: 5px;\n"]);f=function e(){return n};return n}function m(){var n=p(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n width: 240px;\n height: ",";\n overflow: hidden;\n cursor: pointer;\n border: 1px solid #ededed;\n background: var(--color-primary-n-10-primary-white, #fff);\n"]);m=function e(){return n};return n}function h(){var n=p(["\n width: '240px';\n height: '240px';\n background: ",";\n border-radius: 8px;\n overflow: hidden;\n margin-bottom: 0;\n display: flex;\n align-items: normal;\n justify-content: center;\n position: relative;\n @media (max-width: 560px) {\n width: 200px;\n height: 200px;\n align-items: unset;\n }\n"]);h=function e(){return n};return n}function g(){var n=p(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n display: block;\n"]);g=function e(){return n};return n}function b(){var n=p(["\n width: 200px;\n margin-top: 16px;\n max-height: 66px;\n text-align: left;\n font-size: 16px;\n font-family: 'Inter', sans-serif;\n font-weight: 400;\n line-height: 22px;\n overflow: hidden;\n color: #666;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n @media (max-width: 560px) {\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n margin-top: 5px;\n max-height: 54px;\n line-height: 18px;\n }\n"]);b=function e(){return n};return n}function v(){var n=p(["\n width: 200px;\n text-align: left;\n margin-bottom: 12px;\n @media (max-width: 560px) {\n margin-bottom: 8px;\n }\n"]);v=function e(){return n};return n}function y(){var n=p(["\n width: 200px;\n height: 40px;\n border-radius: 4px;\n display: flex;\n align-items: center;\n gap: 10px;\n font-family: 'Inter', sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n letter-spacing: 0.14px;\n text-transform: none;\n justify-content: flex-start;\n padding-left: 31px;\n overflow: hidden;\n white-space: normal;\n word-break: break-word;\n overflow-wrap: break-word;\n text-overflow: ellipsis;\n margin-top: 8px;\n margin-bottom: 10px;\n -webkit-appearance: none;\n -webkit-tap-highlight-color: transparent;\n\n color: ",";\n background-color: ",";\n border: ",";\n cursor: ",";\n opacity: ",";\n transition: ",";\n\n @media (max-width: 560px) {\n margin: 5px 0;\n }\n"]);y=function e(){return n};return n}function w(){var n=p(["\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n display: inline-block;\n background: none;\n transition: all 0.3s ease;\n opacity: ",";\n"]);w=function e(){return n};return n}function C(){var n=p(["\n padding: 30px 0 60px;\n width: 100%;\n margin: auto;\n margin-top: 50px;\n position: relative;\n\n .slick-list {\n padding-left: 24px;\n padding-right: 24px;\n }\n .slick-slide {\n display: flex;\n justify-content: center;\n padding: 0 12px;\n box-sizing: border-box;\n }\n .slick-prev,\n .slick-next {\n display: none !important;\n }\n\n @media (max-width: 1200px) {\n max-width: 1024px;\n .slick-list {\n padding-left: 12px;\n padding-right: 12px;\n }\n .slick-slide {\n padding: 0 6px;\n }\n }\n @media (max-width: 700px) {\n max-width: 100vw;\n padding: 10px 0 50px;\n .slick-list {\n padding-left: 4px;\n padding-right: 4px;\n }\n .slick-slide {\n padding: 0 2px;\n }\n }\n @media (max-width: 560px) {\n padding: 10px 0 10px;\n margin-top: 25px;\n }\n"]);C=function e(){return n};return n}function j(){var n=p(["\n overflow-x: auto;\n display: flex;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n gap: 16px;\n padding: 0 8px 16px;\n width: 100%;\n box-sizing: border-box;\n\n &::-webkit-scrollbar {\n height: 6px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #007bff;\n border-radius: 10px;\n }\n"]);j=function e(){return n};return n}function k(){var n=p(["\n display: flex;\n scroll-snap-align: start;\n justify-content: center;\n gap: 15px;\n"]);k=function e(){return n};return n}function S(){var n=p(["\n position: absolute;\n bottom: calc(100% + 1px);\n right: 1px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n box-sizing: border-box;\n"]);S=function e(){return n};return n}function F(){var n=p(["\n display: flex;\n align-items: center;\n margin-left: 576px;\n\n @media (max-width: 560px) {\n margin-left: 0;\n order: 2;\n }\n"]);F=function e(){return n};return n}function T(){var n=p(["\n display: none;\n\n @media (max-width: 560px) {\n color: #666666;\n font-family: Inter;\n font-size: 14px !important;\n font-style: normal;\n font-weight: 600;\n line-height: 18px;\n display: flex;\n align-items: center;\n order: 1;\n }\n"]);T=function e(){return n};return n}function O(){var n=p(["\n display: flex;\n align-items: center;\n opacity: ",";\n pointer-events: ",";\n transition: opacity 0.3s ease;\n\n .carousal-prev-button,\n .carousal-next-button {\n transition: all 0.3s ease;\n border: 2px solid #000000;\n border-radius: 3px;\n padding: 9px;\n cursor: pointer;\n\n svg {\n transition: all 0.3s ease;\n }\n\n svg polyline {\n stroke: #000000;\n fill: none;\n }\n\n &:hover {\n background-color: #f5f5f5;\n border: 2px solid #ddd;\n\n svg {\n opacity: 0.5;\n }\n\n svg polyline {\n stroke: #000000;\n fill: none;\n }\n }\n }\n\n @media (max-width: 560px) {\n display: none;\n }\n"]);O=function e(){return n};return n}function B(){var n=p(["\n @media (max-width: 560px) {\n overflow-y: hidden;\n scrollbar-width: thin;\n scrollbar-color: #007bff #eee;\n &::-webkit-scrollbar {\n width: 8px;\n }\n &::-webkit-scrollbar-track {\n background: #eee;\n }\n &::-webkit-scrollbar-thumb {\n background-color: red;\n border-radius: 8px;\n border: 2px solid #eee;\n }\n }\n"]);B=function e(){return n};return n}function z(){var n=p(["\n color: #666666;\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 22px;\n @media (max-width: 560px) {\n margin: 0 3px;\n }\n"]);z=function e(){return n};return n}function L(){var n=p(["\n color: #000000;\n font-family: Inter, sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 22px;\n text-decoration: none;\n border-bottom: 1px solid #000000;\n padding-bottom: 4px;\n transition: all 0.3s ease;\n\n @media (max-width: 560px) {\n font-size: 14px !important;\n line-height: 18px;\n }\n\n &:hover {\n color: #666666;\n border-bottom: 1px solid #666666;\n }\n"]);L=function e(){return n};return n}function N(){var n=p(["\n padding-top: 20px;\n font-size: 20px;\n text-align: center;\n"]);N=function e(){return n};return n}function I(){var n=p(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n height: 100%;\n background-color: #fff;\n .tabsStyle {\n display: flex;\n padding-top: 8.533px;\n flex-direction: column;\n align-items: flex-start;\n gap: 12.8px;\n border-right: 1px;\n border-color: divider;\n width: 200px;\n & .Mui-selected {\n font-weight: 700;\n font-size: 14px;\n font-family: 'inter', sans-serif;\n font-style: normal;\n font-height: 20px;\n border-radius: 4px;\n }\n & .MuiTabs-indicator {\n left: 0;\n background-color: #5b81a5;\n color: #5b81a5;\n\n @media (max-width: 768px) {\n display: none;\n }\n }\n }\n\n .tabContainer {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n min-width: 100%;\n background-color: #fff;\n @media (max-width: 768px) {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n }\n\n .tabStyle {\n align-items: flex-start;\n display: flex;\n text-align: left;\n font-size: 14px;\n font-family: 'inter' sans-serif;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n min-height: 20px;\n padding: 1px;\n padding-left: 10px;\n margin-bottom: 10px;\n cursor: pointer;\n }\n @media (max-width: 768px) {\n flex-direction: row;\n\n .tabsStyle {\n width: 100%;\n border-right: none;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding-top: 0px;\n }\n\n .tabStyle {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n border: 1px solid #ccc;\n border-radius: 70px;\n padding: 8px 16px;\n text-align: center;\n margin: 4px;\n background-color: #fff;\n cursor: pointer;\n color: black;\n font-family: Inter;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n }\n\n .tabStyle.Mui-selected {\n background-color: #5b81a5;\n color: #ffffff !important;\n font-weight: 700;\n border-radius: 70px;\n }\n }\n .tabPanel {\n padding: 8px;\n text-align: left;\n }\n"]);I=function e(){return n};return n}function P(){var n=p(["\n display: flex;\n flex-direction: ",";\n align-items: ",";\n width: 100%;\n max-width: 1920px;\n min-height: ",";\n margin: 0 auto;\n box-sizing: border-box;\n overflow: visible;\n background: #fff;\n padding: ",";\n\n @media (max-width: 768px) {\n padding: 10px 16px 0px 16px;\n min-height: auto;\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n padding: 30px 40px 0px 40px;\n gap: 20px;\n }\n\n transform: translateZ(0);\n will-change: auto;\n"]);P=function e(){return n};return n}function M(){var n=p(["\n min-width: ",";\n height: ",";\n flex-shrink: 0;\n\n @media (max-width: 768px) {\n width: 100%;\n height: auto;\n\n overflow-x: auto;\n overflow-y: visible;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n min-width: 200px;\n margin-right: 20px;\n }\n"]);M=function e(){return n};return n}function D(){var n=p(["\n flex: 1;\n min-width: 0;\n height: ",";\n\n @media (max-width: 768px) {\n width: 100%;\n height: auto;\n min-height: 300px;\n\n -webkit-overflow-scrolling: touch;\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n min-height: 400px;\n }\n\n contain: layout style paint;\n transform: translateZ(0);\n"]);D=function e(){return n};return n}function q(){var n=p(["\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 200px;\n padding: 20px;\n\n @media (max-width: 768px) {\n min-height: 150px;\n padding: 16px;\n }\n"]);q=function e(){return n};return n}function E(){var n=p(["\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 40px 20px;\n color: #666;\n font-size: 16px;\n\n @media (max-width: 768px) {\n padding: 20px 16px;\n font-size: 14px;\n }\n"]);E=function e(){return n};return n}function H(){var n=p(["\n padding: 10px;\n display: flex;\n justify-content: center;\n"]);H=function e(){return n};return n}var W=Object.create;var A=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var Z=function(n,e){return function(){return e||n((e={exports:{}}).exports,e),e.exports}},Q=function(n,e){for(var t in e)A(n,t,{get:e[t],enumerable:!0})},U=function(n,e,t,i){var r=true,o=false,a=undefined;if(e&&(typeof e==="undefined"?"undefined":u(e))=="object"||typeof e=="function")try{var l=function(){var r=s.value;!Y.call(n,r)&&r!==t&&A(n,r,{get:function(){return e[r]},enumerable:!(i=R(e,r))||i.enumerable})};for(var d=_(e)[Symbol.iterator](),s;!(r=(s=d.next()).done);r=true)l()}catch(n){o=true;a=n}finally{try{if(!r&&d.return!=null){d.return()}}finally{if(o){throw a}}}return n};var $=function(n,e,t){return t=n!=null?W(V(n)):{},U(e||!n||!n.__esModule?A(t,"default",{value:n,enumerable:!0}):t,n)},K=function(n){return U(A({},"__esModule",{value:!0}),n)};var G=Z(function(n,e){"use strict";var t="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=t});var J=Z(function(n,e){"use strict";var t=function n(){};var i=function n(){};var r=G();i.resetWarningCache=t;e.exports=function(){function n(n,e,t,i,o,a){if(a!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}n.isRequired=n;function e(){return n}var o={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:t};return o.PropTypes=o,o}});var X=Z(function(n,e){"use strict";e.exports=J()();var t,i});var nn={};Q(nn,{MysiteHero:function(){return eb},NsCategoryNavigation:function(){return nU},NsProductCard:function(){return nm},ProductCarousel:function(){return nM},ProductTabCarousel:function(){return n4}});module.exports=K(nn);var ne=require("react"),nt=require("@nuskin/foundation-ui-components");var ni=require("@nuskin/foundation-theme"),nr=(0,ni.styled)("div")(f()),no=(0,ni.styled)("button")(m(),function(n){return n.isMobile?"410px":"513px"}),na=(0,ni.styled)("div")(h(),function(n){var e;return(e=n.bgColor)!==null&&e!==void 0?e:"#f5f5f5"}),nl=(0,ni.styled)("img")(g()),nd=(0,ni.styled)("div")(b()),ns=(0,ni.styled)("div")(v()),nc=(0,ni.styled)("button")(y(),function(n){return n.disabled?"#999":"#fff"},function(n){return n.disabled?"#e0e0e0":!n.isMobile&&n.isHovered?"#888":"#000"},function(n){return n.disabled?"1px solid #ccc":"none"},function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.6:1},function(n){return n.isMobile?"none":"all 0.3s ease"}),np=(0,ni.styled)("span")(w(),function(n){return n.disabled?.5:1});var nu=require("@mui/material"),nx=require("react/jsx-runtime"),nf=function(n){var e=n.productTitle,t=n.imageDetails,i=n.className,r=n.button,o=n.onCardClick,a=n.productStatusBadge,l=n.directSellerBadge,d=n.mySitePriceComponent,s=n.testId;var p=c((0,ne.useState)(!1),2),u=p[0],x=p[1],f=(0,nu.useMediaQuery)("(max-width: 560px)"),m=function(n){var e=n.target,i=t===null||t===void 0?void 0:t.fallbackImage;i&&e.src!==i&&(e.src=i)};var h,g,b;return(0,nx.jsxs)(no,{className:i,onClick:o,tabIndex:0,"data-testid":"product-card",isMobile:f,children:[(0,nx.jsx)(na,{bgColor:t===null||t===void 0?void 0:t.bgColor,onError:m,children:(t===null||t===void 0?void 0:t.imageSrc)?(0,nx.jsx)(nt.NsImage,{"data-testid":s!==null&&s!==void 0?s:"test-product-image",className:(h=t.className)!==null&&h!==void 0?h:"",src:t.imageSrc,alt:t.imageAlt,"aria-label":(g=t.areaLabel)!==null&&g!==void 0?g:t.imageAlt,width:"100%"}):(0,nx.jsx)(nl,{alt:""})}),(0,nx.jsx)(nd,{title:e,"data-testid":"product-title",children:e}),l&&(0,nx.jsx)(ns,{children:l}),(0,nx.jsx)(ns,{children:a}),(0,nx.jsx)(nr,{children:d}),(r===null||r===void 0?void 0:r.showButton)&&(0,nx.jsxs)(nc,{tabIndex:0,"aria-roledescription":":","aria-label":r.buttonText||"ADD TO CART","data-testid":"add-to-cart-button",disabled:(b=r===null||r===void 0?void 0:r.disabled)!==null&&b!==void 0?b:!1,isMobile:f,isHovered:u,onClick:function(n){var e;n.stopPropagation(),(r===null||r===void 0?void 0:r.disabled)||((e=r.onClick)===null||e===void 0?void 0:e.call(r))},onMouseEnter:function(){!f&&!(r===null||r===void 0?void 0:r.disabled)&&x(!0)},onMouseLeave:function(){f||x(!1)},children:[(0,nx.jsx)(np,{className:"cart-icon",disabled:r===null||r===void 0?void 0:r.disabled,children:(0,nx.jsx)("svg",{width:"24",height:"22",viewBox:"0 0 24 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,nx.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 1.86358C0 1.26109 0.488416 0.772675 1.09091 0.772675H3.48173C4.51054 0.772675 5.39955 1.49136 5.61511 2.49733L5.71309 2.95456H22.9091C23.245 2.95456 23.5622 3.10933 23.7689 3.37411C23.9757 3.63889 24.0489 3.98415 23.9674 4.31005L22.4053 10.5583C21.9197 12.5009 20.1743 13.8636 18.172 13.8636H8.05068L8.28444 14.9546H20.7273C21.3298 14.9546 21.8182 15.443 21.8182 16.0455C21.8182 16.648 21.3298 17.1364 20.7273 17.1364H19.6364H8.18182H7.40252C6.88811 17.1364 6.4436 16.777 6.33582 16.274L3.76449 4.27405L3.48173 2.95449H1.09091C0.488416 2.95449 0 2.46608 0 1.86358ZM8.18182 17.1364C6.97683 17.1364 6 18.1132 6 19.3182C6 20.5232 6.97683 21.5 8.18182 21.5C9.3868 21.5 10.3636 20.5232 10.3636 19.3182C10.3636 18.1132 9.3868 17.1364 8.18182 17.1364ZM19.6364 17.1364C18.4314 17.1364 17.4545 18.1132 17.4545 19.3182C17.4545 20.5232 18.4314 21.5 19.6364 21.5C20.8413 21.5 21.8182 20.5232 21.8182 19.3182C21.8182 18.1132 20.8413 17.1364 19.6364 17.1364ZM7.58317 11.6818H18.172C19.1732 11.6818 20.0459 11.0005 20.2887 10.0292L21.5119 5.13638H6.18062L7.58317 11.6818Z",fill:(r===null||r===void 0?void 0:r.disabled)?"#999":"#ffffff"})})}),r.buttonText||"ADD TO CART"]})]})},nm=nf;var nh=require("react"),ng=$(require("react-slick")),nb=$(require("@mui/material/useMediaQuery"));var nv=require("@nuskin/foundation-ui-components");var ny=require("@nuskin/foundation-theme"),nw=$(require("@mui/material/Box")),nC=require("@nuskin/foundation-ui-components"),nj=(0,ny.styled)(nw.default)(C()),nk=(0,ny.styled)("div")(j()),nS=(0,ny.styled)("div")(k()),nF=(0,ny.styled)(nw.default)(S()),nT=(0,ny.styled)(nw.default)(F()),nO=(0,ny.styled)(nw.default)(T()),nB=(0,ny.styled)(nw.default)(O(),function(n){var e=n.$isDisabled;return e?.3:1},function(n){var e=n.$isDisabled;return e?"none":"auto"}),nz=(0,ny.styled)("div")(B()),nL=(0,ny.styled)(nC.NsTypography)(z()),nN=(0,ny.styled)("a")(L()),nI=(0,ny.styled)("div")(N());var nP=require("react/jsx-runtime");function nM(n){var e=n.entries,t=n.renderEntry,i=n.settings,r=i===void 0?{}:i,a=n.showControlButtons,d=a===void 0?!0:a,s=n.allEntryLabel,c=s===void 0?"View All":s,p=n.allEntryLink,u=p===void 0?"":p,x=n.categoryName,f=n.emptyProductMessage,m=f===void 0?"No Products Available For The Selected Category":f,h=n.productsCountLabel,g=h===void 0?"Products":h,b=n.isInitialDataLoading;var v,y,w,C;var j=(0,nh.useRef)(null),k=(0,nb.default)("(max-width: 560px)"),S=(0,nh.useCallback)(function(){var n;(n=j.current)===null||n===void 0?void 0:n.slickPrev()},[]),F=(0,nh.useCallback)(function(){var n;(n=j.current)===null||n===void 0?void 0:n.slickNext()},[]),T=t!==null&&t!==void 0?t:function(n,e){return(0,nP.jsx)(nm,{productTitle:n.productTitle,imageDetails:n.imageDetails,button:n.button,onCardClick:n.onCardClick,productStatusBadge:n.productStatusBadge,directSellerBadge:n.directSeller,mySitePriceComponent:n.mySitePriceComponent},"".concat(n.productTitle,"-").concat(e))},O=o({dots:!0,infinite:!0,speed:500,slidesToShow:Math.min((v=e===null||e===void 0?void 0:e.length)!==null&&v!==void 0?v:0,4),slidesToScroll:4,swipe:!0,draggable:!0,arrows:!0,responsive:[{breakpoint:1320,settings:{slidesToShow:Math.min((y=e===null||e===void 0?void 0:e.length)!==null&&y!==void 0?y:0,3),slidesToScroll:3}},{breakpoint:900,settings:{slidesToShow:Math.min((w=e===null||e===void 0?void 0:e.length)!==null&&w!==void 0?w:0,2),slidesToScroll:2}},{breakpoint:600,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}}]},r),B=((C=e===null||e===void 0?void 0:e.length)!==null&&C!==void 0?C:0)>O.slidesToShow,z=function(){return(e===null||e===void 0?void 0:e.length)===0&&!b?(0,nP.jsx)(nI,{children:m}):k?(0,nP.jsx)(nk,{children:(0,nP.jsx)(nS,{children:e.map(function(n,e){return n&&T(n,e)})})}):(0,nP.jsx)(ng.default,l(o({},O),{ref:j,children:e.map(function(n,e){return n&&T(n,e)})}))};var L;return(0,nP.jsxs)(nj,{children:[d&&(0,nP.jsxs)(nF,{children:[(0,nP.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[(0,nP.jsxs)("div",{style:{display:"flex",alignItems:"center",flex:1,minWidth:0},children:[(0,nP.jsx)(nO,{children:(0,nP.jsxs)(nL,{variant:"body-m",children:[(L=e===null||e===void 0?void 0:e.length)!==null&&L!==void 0?L:0," ",g]})}),!k&&x&&(0,nP.jsx)("div",{style:{fontFamily:"Lora",fontWeight:400,fontSize:22,marginLeft:16,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"300px",textTransform:"capitalize"},children:x})]}),(0,nP.jsx)(nT,{style:{marginLeft:"auto",marginRight:k?0:24},children:(0,nP.jsx)(nN,{href:u,children:c})})]}),!k&&(0,nP.jsx)(nB,{$isDisabled:!B,children:(0,nP.jsx)(nv.NsCarouselControl,{prev:S,next:F,viewAllLabel:"",viewAllUrl:""})})]}),z()]})}var nD=require("react"),nq=require("@mui/material");var nE=$(require("react")),nH=$(require("@mui/material/Tabs")),nW=$(require("@mui/material/Tab")),nA=$(require("@mui/material/Box")),nR=$(X());var n_=require("@nuskin/foundation-theme"),nV=n_.styled.div(I());var nY=require("@mui/material"),nZ=require("react/jsx-runtime");function nQ(n){var e=n.children,t=n.value,i=n.index,r=d(n,["children","value","index"]);return(0,nZ.jsx)("div",l(o({role:"tabpanel",hidden:t!==i,id:"vertical-tabpanel-".concat(i),"aria-labelledby":"vertical-tab-".concat(i)},r),{children:t===i&&(0,nZ.jsx)(nA.default,{className:"tabPanel",children:e})}))}nQ.propTypes={children:nR.default.node,index:nR.default.number.isRequired,value:nR.default.number.isRequired};var nU=function(n){var e=n.itemArray,t=n.value,i=n.onChange;var r=c(nE.useState(0),2),o=r[0],a=r[1],l=(0,nY.useMediaQuery)("(max-width:768px)"),d=t!==null&&t!==void 0?t:o;return(0,nZ.jsx)(nV,{children:(0,nZ.jsxs)(nA.default,{className:"tabContainer",children:[(0,nZ.jsx)(nH.default,{orientation:l?"horizontal":"vertical",variant:"scrollable",value:d,onChange:function(n,e){i?i(n,e):a(e)},"aria-label":"Vertical tabs example",className:"tabsStyle",children:e.map(function(n){return(0,nZ.jsx)(nW.default,{label:n.label,className:"tabStyle",sx:{textTransform:"capitalize"}},n.categoryId)})}),e.map(function(n){return(0,nZ.jsx)(nQ,{value:d,index:e.findIndex(function(e){return e.categoryId===n.categoryId}),children:n.content},n.categoryId)})]})})};var n$=require("@nuskin/foundation-ui-components");var nK=require("@nuskin/foundation-theme"),nG=(0,nK.styled)("div")(P(),function(n){var e=n.isMobile;return e?"column":"row"},function(n){var e=n.isMobile;return e?"stretch":"flex-start"},function(n){var e=n.isMobile;return e?"auto":"500px"},function(n){var e=n.isMobile;return e?"10px 16px 0px 16px":"50px 60px 0px 60px"}),nJ=(0,nK.styled)("div")(M(),function(n){var e=n.isMobile;return e?"100%":"auto"},function(n){var e=n.isMobile;return e?"auto":"100%"}),nX=(0,nK.styled)("div")(D(),function(n){var e=n.isMobile;return e?"auto":"100%"}),n0=(0,nK.styled)("div")(q()),n1=(0,nK.styled)("div")(E()),n2=(0,nK.styled)("div")(H());var n6=require("react/jsx-runtime"),n5=function(n){var e=n.allEntryLabel,t=n.allEntryLink,i=n.renderEntry,r=n.settings,a=n.showControlButtons,d=a===void 0?!0:a,s=n.fetchCategories,p=n.fetchProducts,u=n.showCustomCategory,x=u===void 0?!1:u,f=n.emptyProductTabs,m=f===void 0?"No tabs available":f,h=n.emptyProductMessage,g=n.productsCountLabel;var b;var v=(0,nq.useMediaQuery)("(max-width:768px)"),y=c((0,nD.useState)(!0),2),w=y[0],C=y[1],j=c((0,nD.useState)([]),2),k=j[0],S=j[1],F=c((0,nD.useState)(0),2),T=F[0],O=F[1],B=c((0,nD.useState)([]),2),z=B[0],L=B[1],N=c((0,nD.useState)(!1),2),I=N[0],P=N[1],M=c((0,nD.useState)(!0),2),D=M[0],q=M[1],E=(0,nD.useCallback)(function(){var n=document.querySelectorAll('[data-testid*="spinner"], .ns-spinner, [class*="spinner"]');q(n.length===0)},[]);(0,nD.useEffect)(function(){I&&E()},[I,E]),(0,nD.useEffect)(function(){s().then(S)},[s]),(0,nD.useEffect)(function(){k.length>0&&(P(!0),p(k[T].categoryId).then(L).finally(function(){P(!1),C(!1)}))},[k,T,p]);var H=k.map(function(n){return{label:n.label,content:"",categoryId:n.categoryId}});return(0,n6.jsxs)(nG,{isMobile:v,children:[x&&(H.length>0?(0,n6.jsx)(nJ,{isMobile:v,children:(0,n6.jsx)(nU,{itemArray:H,value:T,onChange:function(n,e){return O(e)}})}):(0,n6.jsx)(n1,{children:m})),(0,n6.jsx)(nX,{isMobile:v,children:I?(0,n6.jsx)(n2,{children:D&&(0,n6.jsx)(n$.NsSpinner,{})}):(0,n6.jsx)(nM,{isInitialDataLoading:w,entries:z,allEntryLabel:e,allEntryLink:t,renderEntry:i?function(n){return i(l(o({},n),{productStatusBadge:n.productStatusBadge}))}:void 0,settings:r,showControlButtons:d,categoryName:(b=k[T])===null||b===void 0?void 0:b.label,emptyProductMessage:h,productsCountLabel:g})})]})},n4=n5;var n8=require("react"),n3=require("@mui/material"),n7=require("@nuskin/foundation-ui-components");var n9=require("@nuskin/foundation-theme"),en=require("@mui/material"),ee=require("react/jsx-runtime"),et=(0,n9.styled)(function(n){return(0,ee.jsx)(en.Box,o({},n))})(function(n){var e=n.bannerProps;var t,i,r,o;return{backgroundClip:"border-box",display:"flex",background:(t=e===null||e===void 0?void 0:e.backgroundColor)!==null&&t!==void 0?t:"#383838",position:"relative",overflow:"hidden",width:"100%",height:"auto",flexDirection:"row",alignItems:"center",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"transform, opacity",transform:"translateZ(0)",backfaceVisibility:"hidden","&.scrolled":{top:0,left:0,right:0,boxShadow:"0 2px 8px rgba(0,0,0,0.2)",".content":{paddingTop:"0",justifyContent:"center"},".body-title":{fontSize:"26px",lineHeight:"34px",marginBottom:"0",fontStyle:"normal",fontWeight:"400",fontFamily:(i=e===null||e===void 0?void 0:e.headlineFont)!==null&&i!==void 0?i:"Lora"},".bg-image":{width:"90px !important",height:"90px !important",padding:"2px"},".placeholder-image":{"& > div":{width:"90px !important",height:"90px !important"}}},".content":{width:"70%",height:"100%",marginLeft:"2%",marginRight:"auto",paddingTop:"32px",display:"flex",flexDirection:"column",position:"relative",boxSizing:"border-box",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)"},".bg-image":{width:"246px",height:"246px",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"width, height, transform",padding:"3px"},".placeholder-image":{transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"width, height, transform","& > div":{transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)"}},".body-title":{fontSize:"32px",lineHeight:"38px",marginBottom:"15px",fontWeight:"400",color:"#FFFFFF",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(r=e===null||e===void 0?void 0:e.headlineFont)!==null&&r!==void 0?r:"Lora",paddingLeft:"5px",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)"},".body-text":{fontSize:"16px",marginBottom:"15px",fontStyle:"normal",fontWeight:"400",lineHeight:"22px",color:"#FFFFFF",fontFamily:(o=e===null||e===void 0?void 0:e.paragraphFont)!==null&&o!==void 0?o:"inherit",display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",WebkitLineClamp:3,textOverflow:"ellipsis",paddingLeft:"5px",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)"},".social-media":{display:"flex",flexDirection:"column",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)"},".email-text":{fontSize:"12px",fontStyle:"normal",fontWeight:"600",lineHeight:"16px",letterSpacing:"0.12px",color:"#FFFFFF","& a":{color:"inherit",textDecoration:"none","&:hover":{textDecoration:"underline"}}},".social-title-text":{fontSize:"12px",marginBottom:"16px",fontStyle:"normal",fontWeight:"700",lineHeight:"16px",letterSpacing:"0.48px",color:"#FFFFFF",textTransform:"uppercase",paddingLeft:"5px"},".social-icons":{display:"flex",flexDirection:"row",gap:"10px",paddingBottom:"15px",alignItems:"center"}}}),ei=(0,n9.styled)(function(n){return(0,ee.jsx)(en.Box,o({},n))})(function(n){var e=n.bannerProps;var t,i,r,o,a;return{backgroundClip:"border-box",display:"flex",background:(t=e===null||e===void 0?void 0:e.backgroundColor)!==null&&t!==void 0?t:"#383838",position:"relative",overflow:"hidden",width:"100%",flexDirection:"column",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"transform, opacity",transform:"translateZ(0)",backfaceVisibility:"hidden","&.scrolled":{top:0,left:0,right:0,boxShadow:"0 2px 8px rgba(0,0,0,0.2)",".content-mobile":{paddingTop:"5px",width:"60%"},".body-title-mobile":{fontSize:"18px",lineHeight:"28px",marginBottom:"0",fontStyle:"normal",fontWeight:"400",fontFamily:(i=e===null||e===void 0?void 0:e.headlineFont)!==null&&i!==void 0?i:"Lora"},".bg-image-mobile":{width:"75px !important",height:"75px !important",padding:"2px"},".placeholder-image-mobile":{"& > div":{width:"75px !important",height:"75px !important"}}},".image-content-mobile":{display:"flex",flexDirection:"row",width:"100%",justifyContent:"center",alignItems:"center"},".content-mobile":{width:"55%",height:"100%",paddingTop:"10px",paddingRight:"10px",marginLeft:"8px",marginRight:"auto",display:"flex",flexDirection:"column",justifyContent:"center",position:"relative",boxSizing:"border-box",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)","@media (max-width: 420px)":{paddingTop:"8px",width:"100%"},"@media (max-width: 400px)":{paddingTop:"6px",width:"100%",height:"100%"},"@media (max-width: 375px)":{paddingTop:"4px",width:"100%",height:"100%"}},".bg-image-mobile":{width:"144px",height:"144px",display:"flex",justifyContent:"center",alignItems:"center",objectFit:"cover",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"width, height, transform",padding:"2px","@media (max-width: 420px)":{width:"120px",height:"120px"},"@media (max-width: 400px)":{width:"110px",height:"110px"},"@media (max-width: 375px)":{width:"90px",height:"90px"}},".placeholder-image-mobile":{transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"width, height, transform","& > div":{transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",width:"144px !important",height:"144px !important","@media (max-width: 420px)":{width:"120px !important",height:"120px !important"},"@media (max-width: 400px)":{width:"110px !important",height:"110px !important"},"@media (max-width: 375px)":{width:"90px !important",height:"90px !important"}}},".body-title-mobile":{fontSize:"22px",lineHeight:"28px",marginBottom:"13px",fontWeight:"400",color:"#FFFFFF",fontStyle:"normal",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(r=e===null||e===void 0?void 0:e.headlineFont)!==null&&r!==void 0?r:"Lora",paddingLeft:"5px",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)","@media (max-width: 420px)":{fontSize:"18px",lineHeight:"26px",marginBottom:"8px"},"@media (max-width: 400px)":{fontSize:"18px",lineHeight:"24px",marginBottom:"6px"},"@media (max-width: 375px)":{fontSize:"16px",lineHeight:"22px",marginBottom:"4px"}},".body-text-mobile":{fontSize:"14px",padding:"20px 25px 20px 25px",fontStyle:"normal",fontWeight:"400",lineHeight:"20px",color:"#252525",backgroundColor:"#E0E0E0",fontFamily:(o=e===null||e===void 0?void 0:e.paragraphFont)!==null&&o!==void 0?o:"inherit",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",opacity:1,transform:"translateY(0)"},".expandable-description-mobile":{backgroundColor:"#E0E0E0",position:"relative"},".description-content-mobile":{fontSize:"14px",padding:"10px 15px",fontStyle:"normal",fontWeight:"400",lineHeight:"20px",color:"#252525",fontFamily:(a=e===null||e===void 0?void 0:e.paragraphFont)!==null&&a!==void 0?a:"inherit",transition:"max-height 0.3s ease-in-out, opacity 0.3s ease-in-out",overflow:"hidden",position:"relative","&.collapsed":{maxHeight:"50px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical","&::after":{content:'""',position:"absolute",bottom:0,left:0,right:0,height:"20px",background:"linear-gradient(transparent, rgba(224, 224, 224, 0.8), #E0E0E0)",pointerEvents:"none"}},"&.expanded":{maxHeight:"none",whiteSpace:"normal",display:"block","&::after":{display:"none"}}},".email-text-mobile":{fontSize:"12px",paddingBottom:"11px",fontStyle:"normal",fontWeight:"600",lineHeight:"16px",letterSpacing:"0.12px",color:"#FFFFFF",wordBreak:"break-all",overflowWrap:"break-word",paddingLeft:"5px","@media (max-width: 420px)":{fontSize:"11px",lineHeight:"15px",paddingBottom:"8px"},"@media (max-width: 400px)":{fontSize:"10px",lineHeight:"14px",paddingBottom:"6px"},"@media (max-width: 375px)":{fontSize:"8px",lineHeight:"12px",paddingBottom:"4px"}},".social-title-text-mobile":{fontSize:"12px",marginBottom:"11px",fontStyle:"normal",fontWeight:"700",lineHeight:"16px",letterSpacing:"0.48px",color:"#FFFFFF",textTransform:"uppercase",paddingLeft:"5px",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)","@media (max-width: 420px)":{fontSize:"11px",lineHeight:"14px",marginBottom:"8px"},"@media (max-width: 400px)":{fontSize:"10px",lineHeight:"12px",marginBottom:"5px"},"@media (max-width: 375px)":{fontSize:"8px",lineHeight:"11px",marginBottom:"4px"}},".social-icons-mobile":{display:"flex",flexDirection:"row",gap:"10px",paddingBottom:"10px",alignItems:"center",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)","@media (max-width: 420px)":{paddingBottom:"8px"},"@media (max-width: 400px)":{paddingBottom:"6px"},"@media (max-width: 375px)":{paddingBottom:"4px"}}}}),er=(0,n9.styled)(en.Box)({display:"flex",gap:"12px",marginBottom:"16px",paddingLeft:"5px","&.mobile-badges":{flexDirection:"column",gap:"8px",marginBottom:"12px"},"&.tablet-badges":{flexDirection:"row",gap:"12px",marginBottom:"16px"}}),eo=(0,n9.styled)(en.Box)({backgroundColor:"rgba(255, 255, 255, 0.2)",backdropFilter:"blur(10px)",borderRadius:"20px",padding:"8px 16px",display:"flex",alignItems:"center",gap:"4px",border:"1px solid rgba(255, 255, 255, 0.3)",transition:"all 0.3s ease","&.mobile-badge":{padding:"6px 12px",borderRadius:"16px",fontSize:"12px"},"&.tablet-badge":{padding:"8px 16px",borderRadius:"20px",fontSize:"14px"},"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.3)",transform:"translateY(-1px)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)"},".badge-text":{color:"#FFFFFF",fontWeight:"400",opacity:.9},".badge-value":{color:"#FFFFFF",fontWeight:"600"}}),ea=(0,n9.styled)("button")({backgroundColor:"#E0E0E0",border:"1px solid #252525",borderRadius:"10px",cursor:"pointer",width:"40px",height:"20px",display:"flex",alignItems:"center",justifyContent:"center",margin:"10px auto 5px auto",transition:"all 0.2s ease","& .arrow-icon-mobile":{transition:"transform 0.3s ease","&.expanded":{transform:"rotate(180deg)"}}});var el=require("@mui/material"),ed=require("react/jsx-runtime"),es=function(n){var e=n.width,t=n.height,i=n.backgroundColor;return(0,ed.jsx)(el.Box,{sx:{width:e,height:t,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:i},"data-testid":"placeholder-image",children:(0,ed.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"128",height:"129",viewBox:"0 0 128 129",fill:"none",children:(0,ed.jsxs)("g",{id:"ns_logomark",children:[(0,ed.jsx)("path",{id:"Vector",d:"M127.495 52.1946C125.663 47.9538 122.999 44.1171 119.661 40.9073C112.565 34.2835 102.562 31.7037 93.1175 34.0622C83.6733 36.4206 76.0882 43.3926 72.991 52.5619C71.4142 56.8414 70.6063 61.3627 70.6039 65.9196C70.6039 85.8227 70.6039 105.737 70.6039 125.662C70.6039 129.001 70.6039 129.001 66.9051 128.834C66.9051 128.2 66.9051 127.499 66.9051 126.831C66.9051 104.323 66.9051 81.8263 66.9051 59.3409C66.3415 45.3064 74.9302 32.5039 88.1888 27.6164C89.79 27.0612 91.4307 26.6259 93.0981 26.314C94.7114 25.98 96.4605 25.8465 98.0738 25.6461C96.0231 16.3291 78.9419 5.60953 65.0889 4.97504C50.3084 4.62252 36.6074 12.6365 29.7509 25.6461C31.331 25.8465 32.8779 25.9466 34.3569 26.2138C48.0999 28.544 58.7086 39.4998 60.5168 53.2298C60.8904 55.7285 61.0812 58.2508 61.0877 60.7769C61.0877 82.7507 61.0877 104.724 61.0877 126.697C61.0877 128.434 60.6842 129.169 58.8016 128.968C56.9183 128.768 57.1204 128.2 57.1204 126.965C57.1204 119.985 57.1204 113.006 57.1204 105.993C57.1204 92.1674 57.1204 78.3423 57.1204 64.5171C57.2385 56.3928 54.2457 48.5271 48.7477 42.5103C42.2429 35.5282 32.6539 32.2371 23.1959 33.7401C13.7379 35.243 5.66194 41.3411 1.67448 49.9906C1.23781 50.8254 0.867444 51.6937 0.262573 52.9293C5.79294 22.3996 32.4752 0.139867 63.7085 0.000656323C94.9411 -0.138555 121.824 21.8824 127.629 52.3616",fill:"#252525"}),(0,ed.jsx)("path",{id:"Vector_2",d:"M86.0995 124.927C86.0995 124.293 86.0995 123.858 86.0995 123.425C86.0995 111.669 86.0995 100.049 86.0995 88.1269C85.8836 82.4231 88.0775 76.89 92.1523 72.8653C97.3131 67.9567 104.984 66.7091 111.452 69.7263C117.892 72.1185 122.166 78.225 122.178 85.0541C122.372 92.1747 119.781 99.0921 114.949 104.356C107.882 113.237 98.6134 120.141 88.05 124.392C87.4217 124.616 86.782 124.805 86.1335 124.96",fill:"#252525"}),(0,ed.jsx)("path",{id:"Vector_3",d:"M41.8183 125.395C37.6149 123.224 33.6477 121.487 29.9828 119.25C21.5405 114.299 14.4778 107.331 9.43828 98.9796C6.53442 94.3985 5.34408 88.9493 6.07591 83.5852C7.056 75.2882 13.8859 68.8841 22.2829 68.3905C31.1231 67.2473 39.3527 73.0751 41.1455 81.7484C41.76 84.263 42.0762 86.8411 42.0868 89.4287C42.0868 100.516 42.0868 111.636 42.0868 122.823C42.0868 123.457 42.0867 124.059 41.8854 125.294",fill:"#252525"}),(0,ed.jsx)("path",{id:"Vector_4",d:"M51.3337 127.431C47.9713 127.431 47.6681 127.198 47.6681 124.326V76.6386C48.1096 67.937 42.9747 59.906 34.8574 56.602C25.8992 52.8557 15.5485 54.8615 8.66523 61.6779C4.28638 66.6086 1.89197 72.9696 1.94049 79.5438C1.95423 80.2444 1.78037 80.9357 1.43588 81.5476C1.06552 79.9446 0.62885 78.2081 0.426687 76.7387C-0.724024 70.4463 0.471163 63.9529 3.78906 58.472C6.09291 54.6111 9.65016 51.6434 13.8762 50.0567C22.8587 46.555 32.9393 47.1785 41.4148 51.7598C47.6592 54.8694 51.5262 61.2882 51.3337 68.2232C51.5019 87.6249 51.3337 107.027 51.3337 126.396C51.3337 126.797 51.3337 127.164 51.3337 127.532",fill:"#252525"}),(0,ed.jsx)("path",{id:"Vector_5",d:"M76.287 127.499V125.094C76.287 107.196 76.4883 89.2963 76.287 71.3966C76.0848 56.9034 84.2554 50.6588 95.7553 48.3545C101.535 47.2005 107.524 47.6393 113.071 49.6235C122.914 53.3319 128.994 63.1725 127.866 73.5672C127.631 76.2831 127.17 78.975 126.487 81.6151C125.916 78.2758 125.68 74.9364 124.772 71.597C122.808 64.3002 117.377 58.4174 110.228 55.8421C103.078 53.2668 95.1132 54.3239 88.8955 58.6734C83.0441 62.6207 79.7011 69.3237 80.086 76.3389C80.086 92.2349 80.086 108.131 80.086 124.026C80.086 127.366 80.086 127.366 76.2198 127.366",fill:"#252525"})]})})})};var ec=require("react/jsx-runtime"),ep=function(n){var e=n.width,t=e===void 0?16:e,i=n.height,r=i===void 0?16:i,o=n.className,a=o===void 0?"":o;return(0,ec.jsx)("svg",{width:t,height:r,viewBox:"0 0 24 24",fill:"currentColor",className:a,"data-testid":"arrow-down-icon",children:(0,ec.jsx)("path",{d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"})})};var eu=require("react/jsx-runtime"),ex=(0,n3.styled)(n3.Box)({background:"none",border:"2px solid transparent",cursor:"pointer",padding:"2px",display:"flex",alignItems:"center",borderRadius:"8px",transition:"all 0.3s ease","&:hover":{transform:"scale(1.1)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)"},"&:focus, &:focus-within":{outline:"none",borderColor:"#007bff",boxShadow:"0 0 0 2px rgba(0, 123, 255, 0.25)"},"&:hover svg":{fill:"#ffffff !important"}}),ef=function(n,e,t){var i;return(n===null||n===void 0?void 0:n.imageSrc)?(0,eu.jsx)(n7.NsImage,{className:t,src:n.imageSrc,alt:n.imageAlt}):(0,eu.jsx)(n3.Box,{className:"placeholder-".concat(t),children:(0,eu.jsx)(es,{width:t.includes("mobile")?"144px":"246px",height:t.includes("mobile")?"144px":"246px",backgroundColor:(i=e===null||e===void 0?void 0:e.backgroundColor)!==null&&i!==void 0?i:"#5F5F5F"})})},em=function(n,e,t){return!n||!e?null:(0,eu.jsx)(er,{className:t?"mobile-badges":"tablet-badges",children:e&&(0,eu.jsx)(eo,{className:t?"mobile-badge":"tablet-badge",children:(0,eu.jsx)("span",{className:"badge-value",children:e})})})},eh=function(n,e,t,i){var r=n.shopTitle,o=n.socialTitleText,a=n.email,l=n.showBadges,d=n.expirationDate;return(0,eu.jsxs)(n3.Box,{className:"content-mobile",children:[(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"body-title-mobile",children:r}),!e&&(0,eu.jsxs)(eu.Fragment,{children:[(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"social-title-text-mobile",children:o}),(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"email-text-mobile",children:a}),(0,eu.jsx)(n3.Box,{className:"social-icons-mobile",children:t}),em(l,d!==null&&d!==void 0?d:"",i)]})]})},eg=function(n,e,t,i){var r=n.shopTitle,o=n.shopDescription,a=n.socialTitleText,l=n.email,d=n.showBadges,s=n.expirationDate;return(0,eu.jsxs)(n3.Box,{className:"content",children:[(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"body-title",children:r}),!e&&(0,eu.jsxs)(eu.Fragment,{children:[(0,eu.jsx)(n3.Tooltip,{title:o,arrow:!0,children:(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"body-text",children:o})}),(0,eu.jsxs)(n3.Box,{className:"social-media",children:[(0,eu.jsx)(n3.Typography,{tabIndex:0,className:"social-title-text",children:a}),(0,eu.jsxs)(n3.Box,{className:"social-icons",children:[t,(0,eu.jsx)(n3.Typography,{className:"email-text",children:(0,eu.jsx)("a",{href:"mailto:".concat(l),onKeyDown:function(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),globalThis.location.href="mailto:".concat(l))},children:l})})]})]}),em(d,s!==null&&s!==void 0?s:"",i)]})]})};function eb(n){var e=n.className,t=n.shopTitle,i=n.shopDescription,r=n.socialTitleText,o=n.imageDetails,a=n.email,l=n.bannerProps,d=n.socialIcons,s=n.expirationDate,p=n.showBadges,u=p===void 0?!1:p;var x=(0,n3.useMediaQuery)("(max-width: 560px)"),f=c((0,n8.useState)(!1),2),m=f[0],h=f[1],g=c((0,n8.useState)(!1),2),b=g[0],v=g[1],y=function(){v(!b)};(0,n8.useEffect)(function(){var n,e=window.scrollY,t=!1,i="",r=function(){return document.querySelector(".nu-header-container")},o=function(){var n=r();if(!n)return{top:35,isCompact:!1};var e=n.classList.contains("compact")||n.classList.contains("compact-view"),t=n.classList.contains("full-view");return e?{top:85,isCompact:!0}:t?{top:110,isCompact:!1}:{top:35,isCompact:!1}},a=function(){var n=r();return n?n.classList.contains("compact")||n.classList.contains("compact-view")?"compact":n.classList.contains("full-view")?"full-view":"default":"none"},l=function(e){t!==e&&(t=e,e&&v(!1),clearTimeout(n),n=setTimeout(function(){h(e)},e?100:50))},d=function(){var n=window.scrollY,r=Math.abs(n-e),d=n<100?1:3;if(r<d){e=n;return}var s=n>e,c=n<e,p=a(),u=o(),f=u.top,m=u.isCompact;if(i!==p){i=p,m&&!t?l(!0):!m&&t&&n<80&&l(!1),e=n;return}var h=x?120:150,g=x?50:80,b=h+f,v=g;s&&n>b&&!t?l(!0):c&&n<v&&t&&l(!1),e=n},s=function(){var n=window.scrollY,r=o(),l=r.top;i=a();var d=(x?120:150)+l,s=n>d;t=s,h(s),e=n},c=!1,p=function(){c||(requestAnimationFrame(function(){d(),c=!1}),c=!0)};return s(),window.addEventListener("scroll",p,{passive:!0}),function(){window.removeEventListener("scroll",p),clearTimeout(n)}},[x]);var w=(0,n8.useMemo)(function(){return d===null||d===void 0?void 0:d.map(function(n,e){return(0,eu.jsx)(ex,{children:(0,eu.jsx)(n7.NsLink,{href:n.url,target:"_blank",children:(0,eu.jsx)(n7.NsImage,{src:"https://www.google.com/s2/favicons?domain=".concat(n===null||n===void 0?void 0:n.url,"&sz=24"),alt:"".concat(n.type," icon"),width:"24",height:"24"},(n===null||n===void 0?void 0:n.type)+e)})},(n===null||n===void 0?void 0:n.type)+e)})},[d]),C="".concat(e," ").concat(m?"scrolled":""),j={shopTitle:t,shopDescription:i,socialTitleText:r,email:a,showBadges:u,expirationDate:s};return x?(0,eu.jsxs)(ei,{className:C,"data-testid":"my-site-shop-header",bannerProps:l,children:[(0,eu.jsxs)(n3.Box,{className:"image-content-mobile",children:[ef(o,l!==null&&l!==void 0?l:{},"bg-image-mobile"),eh(j,m,w,x)]}),!m&&(0,eu.jsxs)(n3.Box,{className:"expandable-description-mobile",children:[(0,eu.jsx)(n3.Typography,{className:"description-content-mobile ".concat(b?"expanded":"collapsed"),children:i}),(0,eu.jsx)(ea,{onClick:y,children:(0,eu.jsx)(ep,{width:16,height:16,className:"arrow-icon-mobile ".concat(b?"expanded":"")})})]})]}):(0,eu.jsxs)(et,{className:C,"data-testid":"my-site-shop-header",bannerProps:l,children:[ef(o,l!==null&&l!==void 0?l:{},"bg-image"),eg(j,m,w,x)]})}//# sourceMappingURL=index.js.map