@nuskin/react-mysite-elements 1.2.0-2899-reactmysite.1 → 1.2.0-2899-reactmysite.3

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/headers/MysiteHero.styled.d.ts +4 -3
  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/headers/MysiteHero.styled.d.ts CHANGED
@@ -9,6 +9,9 @@ interface StyledBoxProps extends BoxProps {
9
9
  isCircularImage?: boolean;
10
10
  hasWhiteBackground?: boolean;
11
11
  }
12
+ interface BadgeProps extends BoxProps {
13
+ hasWhiteBackground?: boolean;
14
+ }
12
15
  export declare const MysiteHeroContainer: import("@emotion/styled").StyledComponent<StyledBoxProps & {
13
16
  theme?: import("@emotion/react").Theme;
14
17
  }, {}, {}>;
@@ -20,9 +23,7 @@ export declare const BadgeContainer: import("@emotion/styled").StyledComponent<i
20
23
  }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
21
24
  theme?: import("@emotion/react").Theme;
22
25
  }, {}, {}>;
23
- export declare const Badge: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
24
- ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
25
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
26
+ export declare const Badge: import("@emotion/styled").StyledComponent<BadgeProps & {
26
27
  theme?: import("@emotion/react").Theme;
27
28
  }, {}, {}>;
28
29
  export declare const ToggleButtonMobile: import("@emotion/styled").StyledComponent<{
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,i,r,o,a){try{var l=n[o](a);var d=l.value}catch(n){t(n);return}if(l.done){e(d)}else{Promise.resolve(d).then(i,r)}}function i(n){return function(){var e=this,i=arguments;return new Promise(function(r,o){var a=n.apply(e,i);function l(n){t(a,r,o,l,d,"next",n)}function d(n){t(a,r,o,l,d,"throw",n)}l(undefined)})}}function r(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 o(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 a(){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 l(n){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};var i=Object.keys(t);if(typeof Object.getOwnPropertySymbols==="function"){i=i.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))}i.forEach(function(e){r(n,e,t[e])})}return n}function d(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 s(n,e){e=e!=null?e:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(e))}else{d(Object(e)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}function c(n,e){if(n==null)return{};var t=u(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 u(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 p(n,t){return e(n)||o(n,t)||h(n,t)||a()}function x(n,e){if(!e){e=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function f(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function h(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 m(n,e){var t,i,r,o,a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]};return o={next:l(0),"throw":l(1),"return":l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(n){return function(e){return d([n,e])}}function d(o){if(t)throw new TypeError("Generator is already executing.");while(a)try{if(t=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;i=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=e.call(n,a)}catch(n){o=[6,n];i=0}finally{t=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}}function g(){var n=x(["\n width: 200px;\n text-align: left;\n margin-bottom: 5px;\n"]);g=function e(){return n};return n}function b(){var n=x(["\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"]);b=function e(){return n};return n}function v(){var n=x(["\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"]);v=function e(){return n};return n}function y(){var n=x(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n display: block;\n"]);y=function e(){return n};return n}function w(){var n=x(["\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"]);w=function e(){return n};return n}function C(){var n=x(["\n width: 200px;\n text-align: left;\n margin-bottom: 12px;\n @media (max-width: 560px) {\n margin-bottom: 8px;\n }\n"]);C=function e(){return n};return n}function j(){var n=x(["\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"]);j=function e(){return n};return n}function k(){var n=x(["\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"]);k=function e(){return n};return n}function S(){var n=x(["\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"]);S=function e(){return n};return n}function F(){var n=x(["\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"]);F=function e(){return n};return n}function T(){var n=x(["\n display: flex;\n scroll-snap-align: start;\n justify-content: center;\n gap: 15px;\n"]);T=function e(){return n};return n}function B(){var n=x(["\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"]);B=function e(){return n};return n}function O(){var n=x(["\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"]);O=function e(){return n};return n}function I(){var n=x(["\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"]);I=function e(){return n};return n}function z(){var n=x(["\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"]);z=function e(){return n};return n}function L(){var n=x(["\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"]);L=function e(){return n};return n}function N(){var n=x(["\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"]);N=function e(){return n};return n}function P(){var n=x(["\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"]);P=function e(){return n};return n}function M(){var n=x(["\n padding-top: 20px;\n font-size: 20px;\n text-align: center;\n"]);M=function e(){return n};return n}function D(){var n=x(["\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 text-transform: none;\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"]);D=function e(){return n};return n}function E(){var n=x(["\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"]);E=function e(){return n};return n}function q(){var n=x(["\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"]);q=function e(){return n};return n}function _(){var n=x(["\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"]);_=function e(){return n};return n}function H(){var n=x(["\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"]);H=function e(){return n};return n}function W(){var n=x(["\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"]);W=function e(){return n};return n}function A(){var n=x(["\n padding: 10px;\n display: flex;\n justify-content: center;\n"]);A=function e(){return n};return n}var R=Object.create;var V=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var U=function(n,e){return function(){return e||n((e={exports:{}}).exports,e),e.exports}},G=function(n,e){for(var t in e)V(n,t,{get:e[t],enumerable:!0})},K=function(n,e,t,i){var r=true,o=false,a=undefined;if(e&&(typeof e==="undefined"?"undefined":f(e))=="object"||typeof e=="function")try{var l=function(){var r=s.value;!Q.call(n,r)&&r!==t&&V(n,r,{get:function(){return e[r]},enumerable:!(i=Y(e,r))||i.enumerable})};for(var d=Z(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 J=function(n,e,t){return t=n!=null?R($(n)):{},K(e||!n||!n.__esModule?V(t,"default",{value:n,enumerable:!0}):t,n)},X=function(n){return K(V({},"__esModule",{value:!0}),n)};var nn=U(function(n,e){"use strict";var t="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=t});var ne=U(function(n,e){"use strict";var t=function n(){};var i=function n(){};var r=nn();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 nt=U(function(n,e){"use strict";e.exports=ne()();var t,i});var ni={};G(ni,{MysiteHero:function(){return ek},NsCategoryNavigation:function(){return nK},NsProductCard:function(){return nb},ProductCarousel:function(){return nq},ProductTabCarousel:function(){return n7}});module.exports=X(ni);var nr=require("react"),no=require("@nuskin/foundation-ui-components");var na=require("@nuskin/foundation-theme"),nl=(0,na.styled)("div")(g()),nd=(0,na.styled)("button")(b(),function(n){return n.isMobile?"410px":"513px"}),ns=(0,na.styled)("div")(v(),function(n){var e;return(e=n.bgColor)!==null&&e!==void 0?e:"#f5f5f5"}),nc=(0,na.styled)("img")(y()),nu=(0,na.styled)("div")(w()),np=(0,na.styled)("div")(C()),nx=(0,na.styled)("button")(j(),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"}),nf=(0,na.styled)("span")(k(),function(n){return n.disabled?.5:1});var nh=require("@mui/material"),nm=require("react/jsx-runtime"),ng=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 c=p((0,nr.useState)(!1),2),u=c[0],x=c[1],f=(0,nh.useMediaQuery)("(max-width: 560px)"),h=function(n){var e=n.target,i=t===null||t===void 0?void 0:t.fallbackImage;i&&e.src!==i&&(e.src=i)};var m,g,b;return(0,nm.jsxs)(nd,{className:i,onClick:o,tabIndex:0,"data-testid":"product-card",isMobile:f,children:[(0,nm.jsx)(ns,{bgColor:t===null||t===void 0?void 0:t.bgColor,onError:h,children:(t===null||t===void 0?void 0:t.imageSrc)?(0,nm.jsx)(no.NsImage,{"data-testid":s!==null&&s!==void 0?s:"test-product-image",className:(m=t.className)!==null&&m!==void 0?m:"",src:t.imageSrc,alt:t.imageAlt,"aria-label":(g=t.areaLabel)!==null&&g!==void 0?g:t.imageAlt,width:"100%"}):(0,nm.jsx)(nc,{alt:""})}),(0,nm.jsx)(nu,{title:e,"data-testid":"product-title",children:e}),l&&(0,nm.jsx)(np,{children:l}),(0,nm.jsx)(np,{children:a}),(0,nm.jsx)(nl,{children:d}),(r===null||r===void 0?void 0:r.showButton)&&(0,nm.jsxs)(nx,{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,nm.jsx)(nf,{className:"cart-icon",disabled:r===null||r===void 0?void 0:r.disabled,children:(0,nm.jsx)("svg",{width:"24",height:"22",viewBox:"0 0 24 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,nm.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"]})]})},nb=ng;var nv=require("react"),ny=J(require("react-slick")),nw=J(require("@mui/material/useMediaQuery"));var nC=require("@nuskin/foundation-ui-components");var nj=require("@nuskin/foundation-theme"),nk=J(require("@mui/material/Box")),nS=require("@nuskin/foundation-ui-components"),nF=(0,nj.styled)(nk.default)(S()),nT=(0,nj.styled)("div")(F()),nB=(0,nj.styled)("div")(T()),nO=(0,nj.styled)(nk.default)(B()),nI=(0,nj.styled)(nk.default)(O()),nz=(0,nj.styled)(nk.default)(I()),nL=(0,nj.styled)(nk.default)(z(),function(n){var e=n.$isDisabled;return e?.3:1},function(n){var e=n.$isDisabled;return e?"none":"auto"}),nN=(0,nj.styled)("div")(L()),nP=(0,nj.styled)(nS.NsTypography)(N()),nM=(0,nj.styled)("a")(P()),nD=(0,nj.styled)("div")(M());var nE=require("react/jsx-runtime");function nq(n){var e=n.entries,t=n.renderEntry,i=n.settings,r=i===void 0?{}:i,o=n.showControlButtons,a=o===void 0?!0:o,d=n.allEntryLabel,c=d===void 0?"View All":d,u=n.allEntryLink,p=u===void 0?"":u,x=n.categoryName,f=n.emptyProductMessage,h=f===void 0?"No Products Available For The Selected Category":f,m=n.productsCountLabel,g=m===void 0?"Products":m,b=n.isInitialDataLoading;var v,y,w,C;var j=(0,nv.useRef)(null),k=(0,nw.default)("(max-width: 560px)"),S=(0,nv.useCallback)(function(){var n;(n=j.current)===null||n===void 0?void 0:n.slickPrev()},[]),F=(0,nv.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,nE.jsx)(nb,{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))},B=l({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),O=((C=e===null||e===void 0?void 0:e.length)!==null&&C!==void 0?C:0)>B.slidesToShow,I=function(){return(e===null||e===void 0?void 0:e.length)===0&&!b?(0,nE.jsx)(nD,{children:h}):k?(0,nE.jsx)(nT,{children:(0,nE.jsx)(nB,{children:e.map(function(n,e){return n&&T(n,e)})})}):(0,nE.jsx)(ny.default,s(l({},B),{ref:j,children:e.map(function(n,e){return n&&T(n,e)})}))};var z;return(0,nE.jsxs)(nF,{children:[a&&(0,nE.jsxs)(nO,{children:[(0,nE.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[(0,nE.jsxs)("div",{style:{display:"flex",alignItems:"center",flex:1,minWidth:0},children:[(0,nE.jsx)(nz,{children:(0,nE.jsxs)(nP,{variant:"body-m",children:[(z=e===null||e===void 0?void 0:e.length)!==null&&z!==void 0?z:0," ",g]})}),!k&&x&&(0,nE.jsx)("div",{style:{fontFamily:"Lora",fontWeight:400,fontSize:22,marginLeft:16,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginBottom:"13px"},children:x})]}),(0,nE.jsx)(nI,{style:{marginLeft:"auto",marginRight:k?0:24},children:(0,nE.jsx)(nM,{href:p,children:c})})]}),!k&&(0,nE.jsx)(nL,{$isDisabled:!O,children:(0,nE.jsx)(nC.NsCarouselControl,{prev:S,next:F,viewAllLabel:"",viewAllUrl:""})})]}),I()]})}var n_=require("react"),nH=require("@mui/material");var nW=J(require("react")),nA=J(require("@mui/material/Tabs")),nR=J(require("@mui/material/Tab")),nV=J(require("@mui/material/Box")),nY=J(nt());var nZ=require("@nuskin/foundation-theme"),n$=nZ.styled.div(D());var nQ=require("@mui/material"),nU=require("react/jsx-runtime");function nG(n){var e=n.children,t=n.value,i=n.index,r=c(n,["children","value","index"]);return(0,nU.jsx)("div",s(l({role:"tabpanel",hidden:t!==i,id:"vertical-tabpanel-".concat(i),"aria-labelledby":"vertical-tab-".concat(i)},r),{children:t===i&&(0,nU.jsx)(nV.default,{className:"tabPanel",children:e})}))}nG.propTypes={children:nY.default.node,index:nY.default.number.isRequired,value:nY.default.number.isRequired};var nK=function(n){var e=n.itemArray,t=n.value,i=n.onChange;var r=p(nW.useState(0),2),o=r[0],a=r[1],l=(0,nQ.useMediaQuery)("(max-width:768px)"),d=t!==null&&t!==void 0?t:o;return(0,nU.jsx)(n$,{children:(0,nU.jsxs)(nV.default,{className:"tabContainer",children:[(0,nU.jsx)(nA.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,nU.jsx)(nR.default,{label:n.label,className:"tabStyle"},n.categoryId)})}),e.map(function(n){return(0,nU.jsx)(nG,{value:d,index:e.findIndex(function(e){return e.categoryId===n.categoryId}),children:n.content},n.categoryId)})]})})};var nJ=require("@nuskin/foundation-ui-components");var nX=require("@nuskin/foundation-theme"),n0=(0,nX.styled)("div")(E(),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"}),n1=(0,nX.styled)("div")(q(),function(n){var e=n.isMobile;return e?"100%":"auto"},function(n){var e=n.isMobile;return e?"auto":"100%"}),n2=(0,nX.styled)("div")(_(),function(n){var e=n.isMobile;return e?"auto":"100%"}),n6=(0,nX.styled)("div")(H()),n5=(0,nX.styled)("div")(W()),n4=(0,nX.styled)("div")(A());var n8=require("react/jsx-runtime"),n3=function(n){var e=n.allEntryLabel,t=n.allEntryLink,i=n.renderEntry,r=n.settings,o=n.showControlButtons,a=o===void 0?!0:o,d=n.fetchCategories,c=n.fetchProducts,u=n.showCustomCategory,x=u===void 0?!1:u,f=n.emptyProductTabs,h=f===void 0?"No tabs available":f,m=n.emptyProductMessage,g=n.productsCountLabel;var b;var v=(0,nH.useMediaQuery)("(max-width:768px)"),y=p((0,n_.useState)(!0),2),w=y[0],C=y[1],j=p((0,n_.useState)([]),2),k=j[0],S=j[1],F=p((0,n_.useState)(0),2),T=F[0],B=F[1],O=p((0,n_.useState)([]),2),I=O[0],z=O[1],L=p((0,n_.useState)(!1),2),N=L[0],P=L[1],M=p((0,n_.useState)(!0),2),D=M[0],E=M[1],q=(0,n_.useCallback)(function(){var n=document.querySelectorAll('[data-testid*="spinner"], .ns-spinner, [class*="spinner"]');E(n.length===0)},[]);(0,n_.useEffect)(function(){N&&q()},[N,q]),(0,n_.useEffect)(function(){d().then(S)},[d]),(0,n_.useEffect)(function(){k.length>0&&(P(!0),c(k[T].categoryId).then(z).finally(function(){P(!1),C(!1)}))},[k,T,c]);var _=k.map(function(n){return{label:n.label,content:"",categoryId:n.categoryId}});return(0,n8.jsxs)(n0,{isMobile:v,children:[x&&(_.length>0?(0,n8.jsx)(n1,{isMobile:v,children:(0,n8.jsx)(nK,{itemArray:_,value:T,onChange:function(n,e){return B(e)}})}):(0,n8.jsx)(n5,{children:h})),(0,n8.jsx)(n2,{isMobile:v,children:N?(0,n8.jsx)(n4,{children:D&&(0,n8.jsx)(nJ.NsSpinner,{})}):(0,n8.jsx)(nq,{isInitialDataLoading:w,entries:I,allEntryLabel:e,allEntryLink:t,renderEntry:i?function(n){return i(s(l({},n),{productStatusBadge:n.productStatusBadge}))}:void 0,settings:r,showControlButtons:a,categoryName:(b=k[T])===null||b===void 0?void 0:b.label,emptyProductMessage:m,productsCountLabel:g})})]})},n7=n3;var n9=require("react"),en=require("@mui/material"),ee=require("@nuskin/foundation-ui-components");var et=require("@nuskin/foundation-theme"),ei=require("@mui/material"),er=require("react/jsx-runtime"),eo=(0,et.styled)(function(n){return(0,er.jsx)(ei.Box,l({},n))})(function(n){var e=n.bannerProps,t=n.isCircularImage,i=n.hasWhiteBackground;var r,o,a,l;return{backgroundClip:"border-box",display:"flex",background:(r=e===null||e===void 0?void 0:e.backgroundColor)!==null&&r!==void 0?r:"#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:(o=e===null||e===void 0?void 0:e.headlineFont)!==null&&o!==void 0?o:"Lora"},".bg-image":{width:"90px !important",height:"90px !important",padding:t?"2px":"0px"},".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:"252px",height:"252px",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)",willChange:"width, height, transform",padding:t?"3px":"0px"},".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:i?"#000000":"#FFFFFF",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(a=e===null||e===void 0?void 0:e.headlineFont)!==null&&a!==void 0?a:"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:i?"#000000":"#FFFFFF",fontFamily:(l=e===null||e===void 0?void 0:e.paragraphFont)!==null&&l!==void 0?l:"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:i?"#000000":"#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:i?"#000000":"#FFFFFF",textTransform:"uppercase",paddingLeft:"5px"},".social-icons":{display:"flex",flexDirection:"row",gap:"10px",paddingBottom:"15px",alignItems:"center"}}}),ea=(0,et.styled)(function(n){return(0,er.jsx)(ei.Box,l({},n))})(function(n){var e=n.bannerProps,t=n.isCircularImage,i=n.hasWhiteBackground;var r,o,a,l,d;return{backgroundClip:"border-box",display:"flex",background:(r=e===null||e===void 0?void 0:e.backgroundColor)!==null&&r!==void 0?r:"#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:(o=e===null||e===void 0?void 0:e.headlineFont)!==null&&o!==void 0?o:"Lora"},".bg-image-mobile":{width:"75px !important",height:"75px !important",padding:t?"2px":"0px"},".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:t?"2px":"0px","@media (max-width: 420px)":{width:"120px",height:"120px"},"@media (max-width: 400px)":{width:"112px",height:"112px"},"@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:i?"#000000":"#FFFFFF",fontStyle:"normal",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(a=e===null||e===void 0?void 0:e.headlineFont)!==null&&a!==void 0?a:"Lora",paddingLeft:"5px",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)","@media (max-width: 420px)":{fontSize:"16px",lineHeight:"24px",marginBottom:"8px"},"@media (max-width: 400px)":{fontSize:"16px",lineHeight:"22px",marginBottom:"6px"},"@media (max-width: 375px)":{fontSize:"14px",lineHeight:"20px",marginBottom:"4px"}},".body-text-mobile":{fontSize:"14px",padding:"20px 25px 20px 25px",fontStyle:"normal",fontWeight:"400",lineHeight:"20px",color:"#252525",backgroundColor:"#E0E0E0",fontFamily:(l=e===null||e===void 0?void 0:e.paragraphFont)!==null&&l!==void 0?l:"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:(d=e===null||e===void 0?void 0:e.paragraphFont)!==null&&d!==void 0?d:"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:i?"#000000":"#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:i?"#000000":"#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)","& img":{width:"24px",height:"24px","@media (max-width: 400px)":{width:"20px",height:"20px"},"@media (max-width: 375px)":{width:"18px",height:"18px"}},"@media (max-width: 420px)":{paddingBottom:"8px"},"@media (max-width: 400px)":{paddingBottom:"4px"},"@media (max-width: 375px)":{paddingBottom:"3px"}}}}),el=(0,et.styled)(ei.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"}}),ed=(0,et.styled)(ei.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"}}),es=(0,et.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 ec=require("@mui/material"),eu=require("react/jsx-runtime"),ep=function(n){var e=n.width,t=n.height,i=n.backgroundColor;return(0,eu.jsx)(ec.Box,{sx:{width:e,height:t,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:i},"data-testid":"placeholder-image",children:(0,eu.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"128",height:"129",viewBox:"0 0 128 129",fill:"none",children:(0,eu.jsxs)("g",{id:"ns_logomark",children:[(0,eu.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,eu.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,eu.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,eu.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,eu.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 ex=require("react/jsx-runtime"),ef=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,ex.jsx)("svg",{width:t,height:r,viewBox:"0 0 24 24",fill:"currentColor",className:a,"data-testid":"arrow-down-icon",children:(0,ex.jsx)("path",{d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"})})};function eh(n){if((typeof window==="undefined"?"undefined":f(window))>"u")return;var e=window.location.href,t=l({},n),i=e.includes("personal-offer")?"postorefront_":"mysite_";t.event=i+n.event;try{window.dataLayer||(console.warn("GTM dataLayer not available, but event logged"),window.dataLayer=[]),window.dataLayer.push(t)}catch(n){console.error("Failed to track GTM event:",n)}}var em=require("react/jsx-runtime"),eg=(0,en.styled)(en.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"}}),eb=function(n,e,t){var i=t.includes("mobile")?"placeholder-image-mobile":"placeholder-image";var r;return(n===null||n===void 0?void 0:n.imageSrc)?(0,em.jsx)(ee.NsImage,{className:t,src:n.imageSrc,alt:n.imageAlt}):(0,em.jsx)(en.Box,{className:i,children:(0,em.jsx)(ep,{width:t.includes("mobile")?"144px":"246px",height:t.includes("mobile")?"144px":"246px",backgroundColor:(r=e===null||e===void 0?void 0:e.backgroundColor)!==null&&r!==void 0?r:"#5F5F5F"})})},ev=function(n,e,t){return!n||!e?null:(0,em.jsx)(el,{className:t?"mobile-badges":"tablet-badges",children:e&&(0,em.jsx)(ed,{className:t?"mobile-badge":"tablet-badge",children:(0,em.jsx)("span",{className:"badge-value",children:e})})})},ey=function(n,e,t,i){var r=n.shopTitle,o=n.socialTitleText,a=n.email,l=n.showBadges,d=n.expirationDate;return(0,em.jsxs)(en.Box,{className:"content-mobile",children:[(0,em.jsx)(en.Typography,{tabIndex:0,className:"body-title-mobile",children:r}),!e&&(0,em.jsxs)(em.Fragment,{children:[(0,em.jsx)(en.Typography,{tabIndex:0,className:"social-title-text-mobile",children:o}),(0,em.jsx)(en.Typography,{tabIndex:0,className:"email-text-mobile",children:a}),(0,em.jsx)(en.Box,{className:"social-icons-mobile",children:t}),ev(l,d!==null&&d!==void 0?d:"",i)]})]})},ew=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,em.jsxs)(en.Box,{className:"content",children:[(0,em.jsx)(en.Typography,{tabIndex:0,className:"body-title",children:r}),!e&&(0,em.jsxs)(em.Fragment,{children:[(o===null||o===void 0?void 0:o.length)>480?(0,em.jsx)(en.Tooltip,{title:o,arrow:!0,children:(0,em.jsx)(en.Typography,{tabIndex:0,className:"body-text",children:o})}):(0,em.jsx)(en.Typography,{tabIndex:0,className:"body-text",children:o}),(0,em.jsxs)(en.Box,{className:"social-media",children:[(0,em.jsx)(en.Typography,{tabIndex:0,className:"social-title-text",children:a}),(0,em.jsxs)(en.Box,{className:"social-icons",children:[t,(0,em.jsx)(en.Typography,{className:"email-text",children:(0,em.jsx)("a",{href:"mailto:".concat(l),onClick:function(){eh({event:"contact_click",contact_type:"email",contact_value:l,click_element:"email_link"})},onKeyDown:function(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),eh({event:"contact_click",contact_type:"email",contact_value:l,click_element:"email_link"}),globalThis.location.href="mailto:".concat(l))},children:l})})]})]}),ev(d,s!==null&&s!==void 0?s:"",i)]})]})},eC=function(n){return new Promise(function(e,t){var i=new Image;i.crossOrigin="anonymous",i.src=n,i.onload=function(){var n=document.createElement("canvas"),r=n.getContext("2d");if(!r)return t(new Error("Canvas not supported"));n.width=i.width,n.height=i.height,r.drawImage(i,0,0);var o=[r.getImageData(0,0,1,1).data,r.getImageData(i.width-1,0,1,1).data,r.getImageData(0,i.height-1,1,1).data,r.getImageData(i.width-1,i.height-1,1,1).data].every(function(n){return Array.prototype.slice.call(n)[3]<10});e(o)},i.onerror=function(){return t(new Error("Failed to load image"))}})},ej=function(n){if(!n)return!1;var e=n.replace("#","").toLowerCase();if(!/^[0-9a-f]{3,4}$|^[0-9a-f]{6}$|^[0-9a-f]{8}$/i.test(e))return!1;var t=e;(e.length===3||e.length===4)&&(t=e.split("").map(function(n){return n+n}).join(""));var i=Number.parseInt(t.substring(0,2),16),r=Number.parseInt(t.substring(2,4),16),o=Number.parseInt(t.substring(4,6),16),a=220;return i>=a&&r>=a&&o>=a};function ek(n){var e=n.className,t=n.shopTitle,r=n.shopDescription,o=n.socialTitleText,a=n.imageDetails,l=n.email,d=n.bannerProps,s=n.socialIcons,c=n.expirationDate,u=n.showBadges,x=u===void 0?!1:u;var f=(0,en.useMediaQuery)("(max-width: 560px)"),h=p((0,n9.useState)(!1),2),g=h[0],b=h[1],v=p((0,n9.useState)(!1),2),y=v[0],w=v[1],C=p((0,n9.useState)(!1),2),j=C[0],k=C[1],S=p((0,n9.useState)(!1),2),F=S[0],T=S[1],B=function(){w(!y)};(0,n9.useEffect)(function(){i(function(){var n;return m(this,function(e){switch(e.label){case 0:if(!(a===null||a===void 0?void 0:a.imageSrc))return[3,2];return[4,eC(a.imageSrc)];case 1:n=e.sent();T(n);return[3,3];case 2:T(!1);e.label=3;case 3:return[2]}})})()},[a===null||a===void 0?void 0:a.imageSrc]),(0,n9.useEffect)(function(){k(ej(d===null||d===void 0?void 0:d.backgroundColor))},[d===null||d===void 0?void 0:d.backgroundColor]),(0,n9.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&&w(!1),clearTimeout(n),n=setTimeout(function(){b(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,u=a(),p=o(),x=p.top,h=p.isCompact;if(i!==u){i=u,h&&!t?l(!0):!h&&t&&n<80&&l(!1),e=n;return}var m=f?120:150,g=f?50:80,b=m+x,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=(f?120:150)+l,s=n>d;t=s,b(s),e=n},c=!1,u=function(){c||(requestAnimationFrame(function(){d(),c=!1}),c=!0)};return s(),window.addEventListener("scroll",u,{passive:!0}),function(){window.removeEventListener("scroll",u),clearTimeout(n)}},[f]);var O=(0,n9.useMemo)(function(){return s===null||s===void 0?void 0:s.map(function(n,e){return(0,em.jsx)(eg,{onClick:function(e){e.preventDefault(),eh({event:"social_click",social_platform:n.type,social_url:n.url,click_element:"social_icon"}),window.open(n.url,"_blank")},children:(0,em.jsx)(ee.NsLink,{href:n.url,target:"_blank",children:(0,em.jsx)(ee.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)})},[s]),I="".concat(e," ").concat(g?"scrolled":""),z={shopTitle:t,shopDescription:r,socialTitleText:o,email:l,showBadges:x,expirationDate:c},L=function(){return window.innerWidth<=380?50:window.innerWidth<=415?56:window.innerWidth<=460?62:80},N=f&&r&&r.length>L();return f?(0,em.jsxs)(ea,{className:I,"data-testid":"my-site-shop-header",bannerProps:d,isCircularImage:F,hasWhiteBackground:j,children:[(0,em.jsxs)(en.Box,{className:"image-content-mobile",children:[eb(a,d!==null&&d!==void 0?d:{},"bg-image-mobile"),ey(z,g,O,f)]}),!g&&(0,em.jsxs)(en.Box,{className:"expandable-description-mobile",children:[(0,em.jsx)(en.Typography,{className:"description-content-mobile ".concat(y||!N?"expanded":"collapsed"),children:r}),N&&(0,em.jsx)(es,{onClick:B,children:(0,em.jsx)(ef,{width:16,height:16,className:"arrow-icon-mobile ".concat(y?"expanded":"")})})]})]}):(0,em.jsxs)(eo,{className:I,"data-testid":"my-site-shop-header",bannerProps:d,isCircularImage:F,hasWhiteBackground:j,children:[eb(a,d!==null&&d!==void 0?d:{},"bg-image"),ew(z,g,O,f)]})}//# 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,i,r,o,a){try{var l=n[o](a);var d=l.value}catch(n){t(n);return}if(l.done){e(d)}else{Promise.resolve(d).then(i,r)}}function i(n){return function(){var e=this,i=arguments;return new Promise(function(r,o){var a=n.apply(e,i);function l(n){t(a,r,o,l,d,"next",n)}function d(n){t(a,r,o,l,d,"throw",n)}l(undefined)})}}function r(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 o(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 a(){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 l(n){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};var i=Object.keys(t);if(typeof Object.getOwnPropertySymbols==="function"){i=i.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))}i.forEach(function(e){r(n,e,t[e])})}return n}function d(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 s(n,e){e=e!=null?e:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(e))}else{d(Object(e)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}function c(n,e){if(n==null)return{};var t=u(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 u(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 p(n,t){return e(n)||o(n,t)||h(n,t)||a()}function x(n,e){if(!e){e=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function f(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function h(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 m(n,e){var t,i,r,o,a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]};return o={next:l(0),"throw":l(1),"return":l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(n){return function(e){return d([n,e])}}function d(o){if(t)throw new TypeError("Generator is already executing.");while(a)try{if(t=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;i=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=e.call(n,a)}catch(n){o=[6,n];i=0}finally{t=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}}function g(){var n=x(["\n width: 200px;\n text-align: left;\n margin-bottom: 5px;\n"]);g=function e(){return n};return n}function b(){var n=x(["\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"]);b=function e(){return n};return n}function v(){var n=x(["\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"]);v=function e(){return n};return n}function y(){var n=x(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n display: block;\n"]);y=function e(){return n};return n}function w(){var n=x(["\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"]);w=function e(){return n};return n}function C(){var n=x(["\n width: 200px;\n text-align: left;\n margin-bottom: 12px;\n @media (max-width: 560px) {\n margin-bottom: 8px;\n }\n"]);C=function e(){return n};return n}function j(){var n=x(["\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"]);j=function e(){return n};return n}function k(){var n=x(["\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"]);k=function e(){return n};return n}function S(){var n=x(["\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"]);S=function e(){return n};return n}function F(){var n=x(["\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"]);F=function e(){return n};return n}function T(){var n=x(["\n display: flex;\n scroll-snap-align: start;\n justify-content: center;\n gap: 15px;\n"]);T=function e(){return n};return n}function B(){var n=x(["\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"]);B=function e(){return n};return n}function z(){var n=x(["\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"]);z=function e(){return n};return n}function O(){var n=x(["\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"]);O=function e(){return n};return n}function I(){var n=x(["\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"]);I=function e(){return n};return n}function N(){var n=x(["\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"]);N=function e(){return n};return n}function D(){var n=x(["\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"]);D=function e(){return n};return n}function L(){var n=x(["\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 P(){var n=x(["\n padding-top: 20px;\n font-size: 20px;\n text-align: center;\n"]);P=function e(){return n};return n}function M(){var n=x(["\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 text-transform: none;\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"]);M=function e(){return n};return n}function E(){var n=x(["\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"]);E=function e(){return n};return n}function q(){var n=x(["\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"]);q=function e(){return n};return n}function _(){var n=x(["\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"]);_=function e(){return n};return n}function H(){var n=x(["\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"]);H=function e(){return n};return n}function W(){var n=x(["\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"]);W=function e(){return n};return n}function A(){var n=x(["\n padding: 10px;\n display: flex;\n justify-content: center;\n"]);A=function e(){return n};return n}var R=Object.create;var V=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var U=function(n,e){return function(){return e||n((e={exports:{}}).exports,e),e.exports}},G=function(n,e){for(var t in e)V(n,t,{get:e[t],enumerable:!0})},K=function(n,e,t,i){var r=true,o=false,a=undefined;if(e&&(typeof e==="undefined"?"undefined":f(e))=="object"||typeof e=="function")try{var l=function(){var r=s.value;!Q.call(n,r)&&r!==t&&V(n,r,{get:function(){return e[r]},enumerable:!(i=Y(e,r))||i.enumerable})};for(var d=Z(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 J=function(n,e,t){return t=n!=null?R($(n)):{},K(e||!n||!n.__esModule?V(t,"default",{value:n,enumerable:!0}):t,n)},X=function(n){return K(V({},"__esModule",{value:!0}),n)};var nn=U(function(n,e){"use strict";var t="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=t});var ne=U(function(n,e){"use strict";var t=function n(){};var i=function n(){};var r=nn();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 nt=U(function(n,e){"use strict";e.exports=ne()();var t,i});var ni={};G(ni,{MysiteHero:function(){return ek},NsCategoryNavigation:function(){return nK},NsProductCard:function(){return nb},ProductCarousel:function(){return nq},ProductTabCarousel:function(){return n7}});module.exports=X(ni);var nr=require("react"),no=require("@nuskin/foundation-ui-components");var na=require("@nuskin/foundation-theme"),nl=(0,na.styled)("div")(g()),nd=(0,na.styled)("button")(b(),function(n){return n.isMobile?"410px":"513px"}),ns=(0,na.styled)("div")(v(),function(n){var e;return(e=n.bgColor)!==null&&e!==void 0?e:"#f5f5f5"}),nc=(0,na.styled)("img")(y()),nu=(0,na.styled)("div")(w()),np=(0,na.styled)("div")(C()),nx=(0,na.styled)("button")(j(),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"}),nf=(0,na.styled)("span")(k(),function(n){return n.disabled?.5:1});var nh=require("@mui/material"),nm=require("react/jsx-runtime"),ng=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 c=p((0,nr.useState)(!1),2),u=c[0],x=c[1],f=(0,nh.useMediaQuery)("(max-width: 560px)"),h=function(n){var e=n.target,i=t===null||t===void 0?void 0:t.fallbackImage;i&&e.src!==i&&(e.src=i)};var m,g,b;return(0,nm.jsxs)(nd,{className:i,onClick:o,tabIndex:0,"data-testid":"product-card",isMobile:f,children:[(0,nm.jsx)(ns,{bgColor:t===null||t===void 0?void 0:t.bgColor,onError:h,children:(t===null||t===void 0?void 0:t.imageSrc)?(0,nm.jsx)(no.NsImage,{"data-testid":s!==null&&s!==void 0?s:"test-product-image",className:(m=t.className)!==null&&m!==void 0?m:"",src:t.imageSrc,alt:t.imageAlt,"aria-label":(g=t.areaLabel)!==null&&g!==void 0?g:t.imageAlt,width:"100%"}):(0,nm.jsx)(nc,{alt:""})}),(0,nm.jsx)(nu,{title:e,"data-testid":"product-title",children:e}),l&&(0,nm.jsx)(np,{children:l}),(0,nm.jsx)(np,{children:a}),(0,nm.jsx)(nl,{children:d}),(r===null||r===void 0?void 0:r.showButton)&&(0,nm.jsxs)(nx,{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,nm.jsx)(nf,{className:"cart-icon",disabled:r===null||r===void 0?void 0:r.disabled,children:(0,nm.jsx)("svg",{width:"24",height:"22",viewBox:"0 0 24 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,nm.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"]})]})},nb=ng;var nv=require("react"),ny=J(require("react-slick")),nw=J(require("@mui/material/useMediaQuery"));var nC=require("@nuskin/foundation-ui-components");var nj=require("@nuskin/foundation-theme"),nk=J(require("@mui/material/Box")),nS=require("@nuskin/foundation-ui-components"),nF=(0,nj.styled)(nk.default)(S()),nT=(0,nj.styled)("div")(F()),nB=(0,nj.styled)("div")(T()),nz=(0,nj.styled)(nk.default)(B()),nO=(0,nj.styled)(nk.default)(z()),nI=(0,nj.styled)(nk.default)(O()),nN=(0,nj.styled)(nk.default)(I(),function(n){var e=n.$isDisabled;return e?.3:1},function(n){var e=n.$isDisabled;return e?"none":"auto"}),nD=(0,nj.styled)("div")(N()),nL=(0,nj.styled)(nS.NsTypography)(D()),nP=(0,nj.styled)("a")(L()),nM=(0,nj.styled)("div")(P());var nE=require("react/jsx-runtime");function nq(n){var e=n.entries,t=n.renderEntry,i=n.settings,r=i===void 0?{}:i,o=n.showControlButtons,a=o===void 0?!0:o,d=n.allEntryLabel,c=d===void 0?"View All":d,u=n.allEntryLink,p=u===void 0?"":u,x=n.categoryName,f=n.emptyProductMessage,h=f===void 0?"No Products Available For The Selected Category":f,m=n.productsCountLabel,g=m===void 0?"Products":m,b=n.isInitialDataLoading;var v,y,w,C;var j=(0,nv.useRef)(null),k=(0,nw.default)("(max-width: 560px)"),S=(0,nv.useCallback)(function(){var n;(n=j.current)===null||n===void 0?void 0:n.slickPrev()},[]),F=(0,nv.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,nE.jsx)(nb,{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))},B=l({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),z=((C=e===null||e===void 0?void 0:e.length)!==null&&C!==void 0?C:0)>B.slidesToShow,O=function(){return(e===null||e===void 0?void 0:e.length)===0&&!b?(0,nE.jsx)(nM,{children:h}):k?(0,nE.jsx)(nT,{children:(0,nE.jsx)(nB,{children:e.map(function(n,e){return n&&T(n,e)})})}):(0,nE.jsx)(ny.default,s(l({},B),{ref:j,children:e.map(function(n,e){return n&&T(n,e)})}))};var I;return(0,nE.jsxs)(nF,{children:[a&&(0,nE.jsxs)(nz,{children:[(0,nE.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[(0,nE.jsxs)("div",{style:{display:"flex",alignItems:"center",flex:1,minWidth:0},children:[(0,nE.jsx)(nI,{children:(0,nE.jsxs)(nL,{variant:"body-m",children:[(I=e===null||e===void 0?void 0:e.length)!==null&&I!==void 0?I:0," ",g]})}),!k&&x&&(0,nE.jsx)("div",{style:{fontFamily:"Lora",fontWeight:400,fontSize:22,marginLeft:16,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginBottom:"13px"},children:x})]}),(0,nE.jsx)(nO,{style:{marginLeft:"auto",marginRight:k?0:24},children:(0,nE.jsx)(nP,{href:p,children:c})})]}),!k&&(0,nE.jsx)(nN,{$isDisabled:!z,children:(0,nE.jsx)(nC.NsCarouselControl,{prev:S,next:F,viewAllLabel:"",viewAllUrl:""})})]}),O()]})}var n_=require("react"),nH=require("@mui/material");var nW=J(require("react")),nA=J(require("@mui/material/Tabs")),nR=J(require("@mui/material/Tab")),nV=J(require("@mui/material/Box")),nY=J(nt());var nZ=require("@nuskin/foundation-theme"),n$=nZ.styled.div(M());var nQ=require("@mui/material"),nU=require("react/jsx-runtime");function nG(n){var e=n.children,t=n.value,i=n.index,r=c(n,["children","value","index"]);return(0,nU.jsx)("div",s(l({role:"tabpanel",hidden:t!==i,id:"vertical-tabpanel-".concat(i),"aria-labelledby":"vertical-tab-".concat(i)},r),{children:t===i&&(0,nU.jsx)(nV.default,{className:"tabPanel",children:e})}))}nG.propTypes={children:nY.default.node,index:nY.default.number.isRequired,value:nY.default.number.isRequired};var nK=function(n){var e=n.itemArray,t=n.value,i=n.onChange;var r=p(nW.useState(0),2),o=r[0],a=r[1],l=(0,nQ.useMediaQuery)("(max-width:768px)"),d=t!==null&&t!==void 0?t:o;return(0,nU.jsx)(n$,{children:(0,nU.jsxs)(nV.default,{className:"tabContainer",children:[(0,nU.jsx)(nA.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,nU.jsx)(nR.default,{label:n.label,className:"tabStyle"},n.categoryId)})}),e.map(function(n){return(0,nU.jsx)(nG,{value:d,index:e.findIndex(function(e){return e.categoryId===n.categoryId}),children:n.content},n.categoryId)})]})})};var nJ=require("@nuskin/foundation-ui-components");var nX=require("@nuskin/foundation-theme"),n0=(0,nX.styled)("div")(E(),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"}),n1=(0,nX.styled)("div")(q(),function(n){var e=n.isMobile;return e?"100%":"auto"},function(n){var e=n.isMobile;return e?"auto":"100%"}),n2=(0,nX.styled)("div")(_(),function(n){var e=n.isMobile;return e?"auto":"100%"}),n6=(0,nX.styled)("div")(H()),n4=(0,nX.styled)("div")(W()),n5=(0,nX.styled)("div")(A());var n8=require("react/jsx-runtime"),n3=function(n){var e=n.allEntryLabel,t=n.allEntryLink,i=n.renderEntry,r=n.settings,o=n.showControlButtons,a=o===void 0?!0:o,d=n.fetchCategories,c=n.fetchProducts,u=n.showCustomCategory,x=u===void 0?!1:u,f=n.emptyProductTabs,h=f===void 0?"No tabs available":f,m=n.emptyProductMessage,g=n.productsCountLabel;var b;var v=(0,nH.useMediaQuery)("(max-width:768px)"),y=p((0,n_.useState)(!0),2),w=y[0],C=y[1],j=p((0,n_.useState)([]),2),k=j[0],S=j[1],F=p((0,n_.useState)(0),2),T=F[0],B=F[1],z=p((0,n_.useState)([]),2),O=z[0],I=z[1],N=p((0,n_.useState)(!1),2),D=N[0],L=N[1],P=p((0,n_.useState)(!0),2),M=P[0],E=P[1],q=(0,n_.useCallback)(function(){var n=document.querySelectorAll('[data-testid*="spinner"], .ns-spinner, [class*="spinner"]');E(n.length===0)},[]);(0,n_.useEffect)(function(){D&&q()},[D,q]),(0,n_.useEffect)(function(){d().then(S)},[d]),(0,n_.useEffect)(function(){k.length>0&&(L(!0),c(k[T].categoryId).then(I).finally(function(){L(!1),C(!1)}))},[k,T,c]);var _=k.map(function(n){return{label:n.label,content:"",categoryId:n.categoryId}});return(0,n8.jsxs)(n0,{isMobile:v,children:[x&&(_.length>0?(0,n8.jsx)(n1,{isMobile:v,children:(0,n8.jsx)(nK,{itemArray:_,value:T,onChange:function(n,e){return B(e)}})}):(0,n8.jsx)(n4,{children:h})),(0,n8.jsx)(n2,{isMobile:v,children:D?(0,n8.jsx)(n5,{children:M&&(0,n8.jsx)(nJ.NsSpinner,{})}):(0,n8.jsx)(nq,{isInitialDataLoading:w,entries:O,allEntryLabel:e,allEntryLink:t,renderEntry:i?function(n){return i(s(l({},n),{productStatusBadge:n.productStatusBadge}))}:void 0,settings:r,showControlButtons:a,categoryName:(b=k[T])===null||b===void 0?void 0:b.label,emptyProductMessage:m,productsCountLabel:g})})]})},n7=n3;var n9=require("react"),en=require("@mui/material"),ee=require("@nuskin/foundation-ui-components");var et=require("@nuskin/foundation-theme"),ei=require("@mui/material"),er=require("react/jsx-runtime"),eo=(0,et.styled)(function(n){return(0,er.jsx)(ei.Box,l({},n))})(function(n){var e=n.bannerProps,t=n.isCircularImage,i=n.hasWhiteBackground;var r,o,a,l;return{backgroundClip:"border-box",display:"flex",background:(r=e===null||e===void 0?void 0:e.backgroundColor)!==null&&r!==void 0?r:"#383838",position:"relative",overflow:"hidden",width:"100%",height:"auto",flexDirection:"row",alignItems:"center",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 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",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},".body-title":{fontSize:"26px",lineHeight:"34px",marginBottom:"0",fontStyle:"normal",fontWeight:"400",fontFamily:(o=e===null||e===void 0?void 0:e.headlineFont)!==null&&o!==void 0?o:"Lora",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},".bg-image":{width:"90px !important",height:"90px !important",padding:t?"2px":"0px",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},".placeholder-image":{"& > div":{width:"90px !important",height:"90px !important",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"}}},".content":{width:"70%",height:"100%",marginLeft:"2%",marginRight:"auto",display:"flex",flexDirection:"column",position:"relative",boxSizing:"border-box",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},".bg-image":{width:"252px",height:"252px",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",willChange:"width, height, transform",padding:t?"3px":"0px"},".placeholder-image":{transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",willChange:"width, height, transform","& > div":{transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"}},".body-title":{fontSize:"32px",lineHeight:"38px",marginBottom:"8px",fontWeight:"400",color:i?"#000000":"#FFFFFF",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(a=e===null||e===void 0?void 0:e.headlineFont)!==null&&a!==void 0?a:"Lora",paddingLeft:"5px",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},".body-text":{fontSize:"16px",marginBottom:"12px",fontStyle:"normal",fontWeight:"400",lineHeight:"22px",color:i?"#000000":"#FFFFFF",fontFamily:(l=e===null||e===void 0?void 0:e.paragraphFont)!==null&&l!==void 0?l:"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:i?"#000000":"#FFFFFF","& a":{color:"inherit",textDecoration:"none","&:hover":{textDecoration:"underline"}}},".social-title-text":{fontSize:"12px",marginBottom:"8px",fontStyle:"normal",fontWeight:"700",lineHeight:"16px",letterSpacing:"0.48px",color:i?"#000000":"#FFFFFF",textTransform:"uppercase",paddingLeft:"5px"},".social-icons":{display:"flex",flexDirection:"row",gap:"10px",paddingBottom:"8px",alignItems:"center"}}}),ea=(0,et.styled)(function(n){return(0,er.jsx)(ei.Box,l({},n))})(function(n){var e=n.bannerProps,t=n.isCircularImage,i=n.hasWhiteBackground;var r,o,a,l,d;return{backgroundClip:"border-box",display:"flex",background:(r=e===null||e===void 0?void 0:e.backgroundColor)!==null&&r!==void 0?r:"#383838",position:"relative",overflow:"hidden",width:"100%",flexDirection:"column",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 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%",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},".body-title-mobile":{fontSize:"18px",lineHeight:"28px",marginBottom:"0",fontStyle:"normal",fontWeight:"400",fontFamily:(o=e===null||e===void 0?void 0:e.headlineFont)!==null&&o!==void 0?o:"Lora",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},".bg-image-mobile":{width:"75px !important",height:"75px !important",padding:t?"2px":"0px",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},".placeholder-image-mobile":{"& > div":{width:"75px !important",height:"75px !important",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"}}},".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.2s cubic-bezier(0.4, 0, 0.2, 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.2s cubic-bezier(0.4, 0, 0.2, 1)",willChange:"width, height, transform",padding:t?"2px":"0px","@media (max-width: 420px)":{width:"120px",height:"120px"},"@media (max-width: 400px)":{width:"112px",height:"112px"},"@media (max-width: 375px)":{width:"90px",height:"90px"}},".placeholder-image-mobile":{transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",willChange:"width, height, transform","& > div":{transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 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:i?"#000000":"#FFFFFF",fontStyle:"normal",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(a=e===null||e===void 0?void 0:e.headlineFont)!==null&&a!==void 0?a:"Lora",paddingLeft:"5px",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)","@media (max-width: 420px)":{fontSize:"16px",lineHeight:"24px",marginBottom:"8px"},"@media (max-width: 400px)":{fontSize:"16px",lineHeight:"22px",marginBottom:"6px"},"@media (max-width: 375px)":{fontSize:"14px",lineHeight:"20px",marginBottom:"4px"}},".body-text-mobile":{fontSize:"14px",padding:"20px 25px 20px 25px",fontStyle:"normal",fontWeight:"400",lineHeight:"20px",color:"#252525",backgroundColor:"#E0E0E0",fontFamily:(l=e===null||e===void 0?void 0:e.paragraphFont)!==null&&l!==void 0?l:"inherit",transition:"all 0.25s cubic-bezier(0.4, 0, 0.2, 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:(d=e===null||e===void 0?void 0:e.paragraphFont)!==null&&d!==void 0?d:"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:i?"#000000":"#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:i?"#000000":"#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)","& img":{width:"24px",height:"24px","@media (max-width: 400px)":{width:"20px",height:"20px"},"@media (max-width: 375px)":{width:"18px",height:"18px"}},"@media (max-width: 420px)":{paddingBottom:"8px"},"@media (max-width: 400px)":{paddingBottom:"4px"},"@media (max-width: 375px)":{paddingBottom:"3px"}}}}),el=(0,et.styled)(ei.Box)({display:"flex",gap:"12px",marginBottom:"16px",paddingLeft:"5px","&.mobile-badges":{flexDirection:"column",gap:"8px",marginBottom:"12px"},"&.tablet-badges":{flexDirection:"row",gap:"12px",marginBottom:"8px"}}),ed=(0,et.styled)(function(n){return(0,er.jsx)(ei.Box,l({},n))})(function(n){var e=n.hasWhiteBackground;return{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:e?"#000000":"#FFFFFF",fontWeight:"400",opacity:.9},".badge-value":{color:e?"#000000":"#FFFFFF",fontWeight:"600"}}}),es=(0,et.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 ec=require("@mui/material"),eu=require("react/jsx-runtime"),ep=function(n){var e=n.width,t=n.height,i=n.backgroundColor;return(0,eu.jsx)(ec.Box,{sx:{width:e,height:t,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:i},"data-testid":"placeholder-image",children:(0,eu.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"128",height:"129",viewBox:"0 0 128 129",fill:"none",children:(0,eu.jsxs)("g",{id:"ns_logomark",children:[(0,eu.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,eu.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,eu.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,eu.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,eu.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 ex=require("react/jsx-runtime"),ef=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,ex.jsx)("svg",{width:t,height:r,viewBox:"0 0 24 24",fill:"currentColor",className:a,"data-testid":"arrow-down-icon",children:(0,ex.jsx)("path",{d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"})})};function eh(n){if((typeof window==="undefined"?"undefined":f(window))>"u")return;var e=window.location.href,t=l({},n),i=e.includes("personal-offer")?"postorefront_":"mysite_";t.event=i+n.event;try{window.dataLayer||(console.error("GTM dataLayer not available, but event logged"),window.dataLayer=[]),window.dataLayer.push(t)}catch(n){console.error("Failed to track GTM event:",n)}}var em=require("react/jsx-runtime"),eg=(0,en.styled)(en.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"}}),eb=function(n,e,t){var i=t.includes("mobile")?"placeholder-image-mobile":"placeholder-image";var r;return(n===null||n===void 0?void 0:n.imageSrc)?(0,em.jsx)(ee.NsImage,{className:t,src:n.imageSrc,alt:n.imageAlt}):(0,em.jsx)(en.Box,{className:i,children:(0,em.jsx)(ep,{width:t.includes("mobile")?"144px":"246px",height:t.includes("mobile")?"144px":"246px",backgroundColor:(r=e===null||e===void 0?void 0:e.backgroundColor)!==null&&r!==void 0?r:"#5F5F5F"})})},ev=function(n,e,t,i){return!n||!e?null:(0,em.jsx)(el,{className:t?"mobile-badges":"tablet-badges",children:e&&(0,em.jsx)(ed,{className:t?"mobile-badge":"tablet-badge",hasWhiteBackground:i,children:(0,em.jsx)("span",{className:"badge-value",children:e})})})},ey=function(n,e,t,i,r){var o=n.shopTitle,a=n.socialTitleText,l=n.email,d=n.showBadges,s=n.expirationDate;return(0,em.jsxs)(en.Box,{className:"content-mobile",children:[(0,em.jsx)(en.Typography,{tabIndex:0,className:"body-title-mobile",children:o}),!e&&(0,em.jsxs)(em.Fragment,{children:[(0,em.jsx)(en.Typography,{tabIndex:0,className:"social-title-text-mobile",children:a}),(0,em.jsx)(en.Typography,{tabIndex:0,className:"email-text-mobile",children:l}),(0,em.jsx)(en.Box,{className:"social-icons-mobile",children:t}),ev(d,s!==null&&s!==void 0?s:"",i,r)]})]})},ew=function(n,e,t,i,r){var o=n.shopTitle,a=n.shopDescription,l=n.socialTitleText,d=n.email,s=n.showBadges,c=n.expirationDate;return(0,em.jsxs)(en.Box,{className:"content",children:[(0,em.jsx)(en.Typography,{tabIndex:0,className:"body-title",children:o}),!e&&(0,em.jsxs)(em.Fragment,{children:[(a===null||a===void 0?void 0:a.length)>480?(0,em.jsx)(en.Tooltip,{title:a,arrow:!0,children:(0,em.jsx)(en.Typography,{tabIndex:0,className:"body-text",children:a})}):(0,em.jsx)(en.Typography,{tabIndex:0,className:"body-text",children:a}),(0,em.jsxs)(en.Box,{className:"social-media",children:[(0,em.jsx)(en.Typography,{tabIndex:0,className:"social-title-text",children:l}),(0,em.jsxs)(en.Box,{className:"social-icons",children:[t,(0,em.jsx)(en.Typography,{className:"email-text",children:(0,em.jsx)("a",{href:"mailto:".concat(d),onClick:function(){eh({event:"contact_click",contact_type:"email",contact_value:d,click_element:"email_link"})},onKeyDown:function(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),eh({event:"contact_click",contact_type:"email",contact_value:d,click_element:"email_link"}),globalThis.location.href="mailto:".concat(d))},children:d})})]})]}),ev(s,c!==null&&c!==void 0?c:"",i,r)]})]})},eC=function(n){return new Promise(function(e,t){var i=new Image;i.crossOrigin="anonymous",i.src=n,i.onload=function(){var n=document.createElement("canvas"),r=n.getContext("2d");if(!r)return t(new Error("Canvas not supported"));n.width=i.width,n.height=i.height,r.drawImage(i,0,0);var o=[r.getImageData(0,0,1,1).data,r.getImageData(i.width-1,0,1,1).data,r.getImageData(0,i.height-1,1,1).data,r.getImageData(i.width-1,i.height-1,1,1).data].every(function(n){return Array.prototype.slice.call(n)[3]<10});e(o)},i.onerror=function(){return t(new Error("Failed to load image"))}})},ej=function(n){if(!n)return!1;var e=n.replace("#","").toLowerCase();if(!/^[0-9a-f]{3,4}$|^[0-9a-f]{6}$|^[0-9a-f]{8}$/i.test(e))return!1;var t=e;(e.length===3||e.length===4)&&(t=e.split("").map(function(n){return n+n}).join(""));var i=Number.parseInt(t.substring(0,2),16),r=Number.parseInt(t.substring(2,4),16),o=Number.parseInt(t.substring(4,6),16),a=220;return i>=a&&r>=a&&o>=a};function ek(n){var e=n.className,t=n.shopTitle,r=n.shopDescription,o=n.socialTitleText,a=n.imageDetails,l=n.email,d=n.bannerProps,s=n.socialIcons,c=n.expirationDate,u=n.showBadges,x=u===void 0?!1:u;var f=(0,en.useMediaQuery)("(max-width: 560px)"),h=p((0,n9.useState)(!1),2),g=h[0],b=h[1],v=p((0,n9.useState)(!1),2),y=v[0],w=v[1],C=p((0,n9.useState)(!1),2),j=C[0],k=C[1],S=p((0,n9.useState)(!1),2),F=S[0],T=S[1],B=function(){w(!y)};(0,n9.useEffect)(function(){i(function(){var n;return m(this,function(e){switch(e.label){case 0:if(!(a===null||a===void 0?void 0:a.imageSrc))return[3,2];return[4,eC(a.imageSrc)];case 1:n=e.sent();T(n);return[3,3];case 2:T(!1);e.label=3;case 3:return[2]}})})()},[a===null||a===void 0?void 0:a.imageSrc]),(0,n9.useEffect)(function(){k(ej(d===null||d===void 0?void 0:d.backgroundColor))},[d===null||d===void 0?void 0:d.backgroundColor]),(0,n9.useEffect)(function(){var n,e=window.scrollY,t=!1,i=!1,r=0,o=function(e){var o=Date.now();if(t!==e&&!i){if(o-r<100)return;i=!0,t=e,r=o,e&&w(!1),clearTimeout(n),b(e),n=setTimeout(function(){i=!1},200)}},a=function(){var n=window.scrollY;if(i){e=n;return}if(Math.abs(n-e)<.5)return;var r=n>e,a=f?5:10,l=f?3:5;r&&n>a&&!t?o(!0):!r&&n<l&&t&&o(!1),e=n},l=function(){var n=window.scrollY,i=n>(f?5:10);t=i,b(i),e=n,r=Date.now()},d=null,s=0,c=function(){d||Date.now()-s<16||(d=requestAnimationFrame(function(){a(),s=Date.now(),d=null}))};return l(),window.addEventListener("scroll",c,{passive:!0}),function(){window.removeEventListener("scroll",c),d&&cancelAnimationFrame(d),clearTimeout(n)}},[f]);var z=(0,n9.useMemo)(function(){return s===null||s===void 0?void 0:s.map(function(n,e){return(0,em.jsx)(eg,{onClick:function(e){e.preventDefault(),eh({event:"social_click",social_platform:n.type,social_url:n.url,click_element:"social_icon"}),window.open(n.url,"_blank")},children:(0,em.jsx)(ee.NsLink,{href:n.url,target:"_blank",children:(0,em.jsx)(ee.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)})},[s]),O="".concat(e," ").concat(g?"scrolled":""),I={shopTitle:t,shopDescription:r,socialTitleText:o,email:l,showBadges:x,expirationDate:c},N=function(){return window.innerWidth<=380?50:window.innerWidth<=415?56:window.innerWidth<=460?62:80},D=f&&r&&r.length>N();return f?(0,em.jsxs)(ea,{className:O,"data-testid":"my-site-shop-header",bannerProps:d,isCircularImage:F,hasWhiteBackground:j,children:[(0,em.jsxs)(en.Box,{className:"image-content-mobile",children:[eb(a,d!==null&&d!==void 0?d:{},"bg-image-mobile"),ey(I,g,z,f,j)]}),!g&&(0,em.jsxs)(en.Box,{className:"expandable-description-mobile",children:[(0,em.jsx)(en.Typography,{className:"description-content-mobile ".concat(y||!D?"expanded":"collapsed"),children:r}),D&&(0,em.jsx)(es,{onClick:B,children:(0,em.jsx)(ef,{width:16,height:16,className:"arrow-icon-mobile ".concat(y?"expanded":"")})})]})]}):(0,em.jsxs)(eo,{className:O,"data-testid":"my-site-shop-header",bannerProps:d,isCircularImage:F,hasWhiteBackground:j,children:[eb(a,d!==null&&d!==void 0?d:{},"bg-image"),ew(I,g,z,f,j)]})}//# sourceMappingURL=index.js.map