@nuskin/react-mysite-elements 1.1.6 → 1.1.7

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 +1 -0
  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/index.mjs CHANGED
@@ -1 +1 @@
1
- function n(n,t){if(t==null||t>n.length)t=n.length;for(var e=0,i=new Array(t);e<t;e++)i[e]=n[e];return i}function t(n){if(Array.isArray(n))return n}function e(n,t,e,i,r,o,a){try{var l=n[o](a);var d=l.value}catch(n){e(n);return}if(l.done){t(d)}else{Promise.resolve(d).then(i,r)}}function i(n){return function(){var t=this,i=arguments;return new Promise(function(r,o){var a=n.apply(t,i);function l(n){e(a,r,o,l,d,"next",n)}function d(n){e(a,r,o,l,d,"throw",n)}l(undefined)})}}function r(n,t,e){if(t in n){Object.defineProperty(n,t,{value:e,enumerable:true,configurable:true,writable:true})}else{n[t]=e}return n}function o(n,t){var e=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(e==null)return;var i=[];var r=true;var o=false;var a,l;try{for(e=e.call(n);!(r=(a=e.next()).done);r=true){i.push(a.value);if(t&&i.length===t)break}}catch(n){o=true;l=n}finally{try{if(!r&&e["return"]!=null)e["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 t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};var i=Object.keys(e);if(typeof Object.getOwnPropertySymbols==="function"){i=i.concat(Object.getOwnPropertySymbols(e).filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))}i.forEach(function(t){r(n,t,e[t])})}return n}function d(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);if(t){i=i.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})}e.push.apply(e,i)}return e}function s(n,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(t))}else{d(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function c(n,t){if(n==null)return{};var e=p(n,t);var i,r;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++){i=o[r];if(t.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(n,i))continue;e[i]=n[i]}}return e}function p(n,t){if(n==null)return{};var e={};var i=Object.keys(n);var r,o;for(o=0;o<i.length;o++){r=i[o];if(t.indexOf(r)>=0)continue;e[r]=n[r]}return e}function u(n,e){return t(n)||o(n,e)||x(n,e)||a()}function f(n,t){if(!t){t=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function m(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function x(t,e){if(!t)return;if(typeof t==="string")return n(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);if(i==="Object"&&t.constructor)i=t.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(t,e)}function h(n,t){var e,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(t){return d([n,t])}}function d(o){if(e)throw new TypeError("Generator is already executing.");while(a)try{if(e=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=t.call(n,a)}catch(n){o=[6,n];i=0}finally{e=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}}function g(){var n=f(["\n width: 200px;\n text-align: left;\n margin-bottom: 5px;\n"]);g=function t(){return n};return n}function b(){var n=f(["\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 t(){return n};return n}function v(){var n=f(["\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 t(){return n};return n}function w(){var n=f(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n display: block;\n"]);w=function t(){return n};return n}function y(){var n=f(["\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"]);y=function t(){return n};return n}function C(){var n=f(["\n width: 200px;\n text-align: left;\n margin-bottom: 12px;\n @media (max-width: 560px) {\n margin-bottom: 8px;\n }\n"]);C=function t(){return n};return n}function k(){var n=f(["\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"]);k=function t(){return n};return n}function S(){var n=f(["\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"]);S=function t(){return n};return n}function F(){var n=f(["\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"]);F=function t(){return n};return n}function j(){var n=f(["\n overflow-x: auto;\n display: flex;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n gap: 16px;\n padding: 0 8px 16px;\n width: 100%;\n box-sizing: border-box;\n\n &::-webkit-scrollbar {\n height: 6px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #007bff;\n border-radius: 10px;\n }\n"]);j=function t(){return n};return n}function T(){var n=f(["\n display: flex;\n scroll-snap-align: start;\n justify-content: center;\n gap: 15px;\n"]);T=function t(){return n};return n}function O(){var n=f(["\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"]);O=function t(){return n};return n}function z(){var n=f(["\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 t(){return n};return n}function I(){var n=f(["\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 t(){return n};return n}function B(){var n=f(["\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"]);B=function t(){return n};return n}function L(){var n=f(["\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 t(){return n};return n}function N(){var n=f(["\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 t(){return n};return n}function P(){var n=f(["\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 t(){return n};return n}function D(){var n=f(["\n padding-top: 20px;\n font-size: 20px;\n text-align: center;\n"]);D=function t(){return n};return n}function M(){var n=f(["\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 t(){return n};return n}function E(){var n=f(["\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 t(){return n};return n}function H(){var n=f(["\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"]);H=function t(){return n};return n}function W(){var n=f(["\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"]);W=function t(){return n};return n}function A(){var n=f(["\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"]);A=function t(){return n};return n}function R(){var n=f(["\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"]);R=function t(){return n};return n}function _(){var n=f(["\n padding: 10px;\n display: flex;\n justify-content: center;\n"]);_=function t(){return n};return n}var V=Object.create;var Y=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var Q=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var $=function(n,t){return function(){return t||n((t={exports:{}}).exports,t),t.exports}};var G=function(n,t,e,i){var r=true,o=false,a=undefined;if(t&&(typeof t==="undefined"?"undefined":m(t))=="object"||typeof t=="function")try{var l=function(){var r=s.value;!U.call(n,r)&&r!==e&&Y(n,r,{get:function(){return t[r]},enumerable:!(i=Z(t,r))||i.enumerable})};for(var d=q(t)[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 K=function(n,t,e){return e=n!=null?V(Q(n)):{},G(t||!n||!n.__esModule?Y(e,"default",{value:n,enumerable:!0}):e,n)};var J=$(function(n,t){"use strict";var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";t.exports=e});var X=$(function(n,t){"use strict";var e=function n(){};var i=function n(){};var r=J();i.resetWarningCache=e;t.exports=function(){function n(n,t,e,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 t(){return n}var o={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:t,element:n,elementType:n,instanceOf:t,node:n,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:e};return o.PropTypes=o,o}});var nn=$(function(n,t){"use strict";t.exports=X()();var e,i});import{useState as nt}from"react";import{NsImage as ne}from"@nuskin/foundation-ui-components";import{styled as ni}from"@nuskin/foundation-theme";var nr=ni("div")(g()),no=ni("button")(b(),function(n){return n.isMobile?"410px":"513px"}),na=ni("div")(v(),function(n){var t;return(t=n.bgColor)!==null&&t!==void 0?t:"#f5f5f5"}),nl=ni("img")(w()),nd=ni("div")(y()),ns=ni("div")(C()),nc=ni("button")(k(),function(n){return n.disabled?"#999":"#fff"},function(n){return n.disabled?"#e0e0e0":!n.isMobile&&n.isHovered?"#888":"#000"},function(n){return n.disabled?"1px solid #ccc":"none"},function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.6:1},function(n){return n.isMobile?"none":"all 0.3s ease"}),np=ni("span")(S(),function(n){return n.disabled?.5:1});import{useMediaQuery as nu}from"@mui/material";import{jsx as nf,jsxs as nm}from"react/jsx-runtime";var nx=function(n){var t=n.productTitle,e=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=u(nt(!1),2),p=c[0],f=c[1],m=nu("(max-width: 560px)"),x=function(n){var t=n.target,i=e===null||e===void 0?void 0:e.fallbackImage;i&&t.src!==i&&(t.src=i)};var h,g,b;return nm(no,{className:i,onClick:o,tabIndex:0,"data-testid":"product-card",isMobile:m,children:[nf(na,{bgColor:e===null||e===void 0?void 0:e.bgColor,onError:x,children:(e===null||e===void 0?void 0:e.imageSrc)?nf(ne,{"data-testid":s!==null&&s!==void 0?s:"test-product-image",className:(h=e.className)!==null&&h!==void 0?h:"",src:e.imageSrc,alt:e.imageAlt,"aria-label":(g=e.areaLabel)!==null&&g!==void 0?g:e.imageAlt,width:"100%"}):nf(nl,{alt:""})}),nf(nd,{title:t,"data-testid":"product-title",children:t}),l&&nf(ns,{children:l}),nf(ns,{children:a}),nf(nr,{children:d}),(r===null||r===void 0?void 0:r.showButton)&&nm(nc,{tabIndex:0,"aria-roledescription":":","aria-label":r.buttonText||"ADD TO CART","data-testid":"add-to-cart-button",disabled:(b=r===null||r===void 0?void 0:r.disabled)!==null&&b!==void 0?b:!1,isMobile:m,isHovered:p,onClick:function(n){var t;n.stopPropagation(),(r===null||r===void 0?void 0:r.disabled)||((t=r.onClick)===null||t===void 0?void 0:t.call(r))},onMouseEnter:function(){!m&&!(r===null||r===void 0?void 0:r.disabled)&&f(!0)},onMouseLeave:function(){m||f(!1)},children:[nf(np,{className:"cart-icon",disabled:r===null||r===void 0?void 0:r.disabled,children:nf("svg",{width:"24",height:"22",viewBox:"0 0 24 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:nf("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"]})]})},nh=nx;import{useCallback as ng,useRef as nb}from"react";import nv from"react-slick";import nw from"@mui/material/useMediaQuery";import{NsCarouselControl as ny}from"@nuskin/foundation-ui-components";import{styled as nC}from"@nuskin/foundation-theme";import nk from"@mui/material/Box";import{NsTypography as nS}from"@nuskin/foundation-ui-components";var nF=nC(nk)(F()),nj=nC("div")(j()),nT=nC("div")(T()),nO=nC(nk)(O()),nz=nC(nk)(z()),nI=nC(nk)(I()),nB=nC(nk)(B(),function(n){var t=n.$isDisabled;return t?.3:1},function(n){var t=n.$isDisabled;return t?"none":"auto"}),nL=nC("div")(L()),nN=nC(nS)(N()),nP=nC("a")(P()),nD=nC("div")(D());import{jsx as nM,jsxs as nE}from"react/jsx-runtime";function nH(n){var t=n.entries,e=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,p=n.allEntryLink,u=p===void 0?"":p,f=n.categoryName,m=n.emptyProductMessage,x=m===void 0?"No Products Available For The Selected Category":m,h=n.productsCountLabel,g=h===void 0?"Products":h,b=n.isInitialDataLoading;var v,w,y,C;var k=nb(null),S=nw("(max-width: 560px)"),F=ng(function(){var n;(n=k.current)===null||n===void 0?void 0:n.slickPrev()},[]),j=ng(function(){var n;(n=k.current)===null||n===void 0?void 0:n.slickNext()},[]),T=e!==null&&e!==void 0?e:function(n,t){return nM(nh,{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(t))},O=l({dots:!0,infinite:!0,speed:500,slidesToShow:Math.min((v=t===null||t===void 0?void 0:t.length)!==null&&v!==void 0?v:0,4),slidesToScroll:4,swipe:!0,draggable:!0,arrows:!0,responsive:[{breakpoint:1320,settings:{slidesToShow:Math.min((w=t===null||t===void 0?void 0:t.length)!==null&&w!==void 0?w:0,3),slidesToScroll:3}},{breakpoint:900,settings:{slidesToShow:Math.min((y=t===null||t===void 0?void 0:t.length)!==null&&y!==void 0?y:0,2),slidesToScroll:2}},{breakpoint:600,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}}]},r),z=((C=t===null||t===void 0?void 0:t.length)!==null&&C!==void 0?C:0)>O.slidesToShow,I=function(){return(t===null||t===void 0?void 0:t.length)===0&&!b?nM(nD,{children:x}):S?nM(nj,{children:nM(nT,{children:t.map(function(n,t){return n&&T(n,t)})})}):nM(nv,s(l({},O),{ref:k,children:t.map(function(n,t){return n&&T(n,t)})}))};var B;return nE(nF,{children:[a&&nE(nO,{children:[nE("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[nE("div",{style:{display:"flex",alignItems:"center",flex:1,minWidth:0},children:[nM(nI,{children:nE(nN,{variant:"body-m",children:[(B=t===null||t===void 0?void 0:t.length)!==null&&B!==void 0?B:0," ",g]})}),!S&&f&&nM("div",{style:{fontFamily:"Lora",fontWeight:400,fontSize:22,marginLeft:16,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"300px"},children:f})]}),nM(nz,{style:{marginLeft:"auto",marginRight:S?0:24},children:nM(nP,{href:u,children:c})})]}),!S&&nM(nB,{$isDisabled:!z,children:nM(ny,{prev:F,next:j,viewAllLabel:"",viewAllUrl:""})})]}),I()]})}import{useState as nW,useEffect as nA,useCallback as nR}from"react";import{useMediaQuery as n_}from"@mui/material";var nV=K(nn());import*as nY from"react";import nZ from"@mui/material/Tabs";import nq from"@mui/material/Tab";import nQ from"@mui/material/Box";import{styled as nU}from"@nuskin/foundation-theme";var n$=nU.div(M());import{useMediaQuery as nG}from"@mui/material";import{jsx as nK,jsxs as nJ}from"react/jsx-runtime";function nX(n){var t=n.children,e=n.value,i=n.index,r=c(n,["children","value","index"]);return nK("div",s(l({role:"tabpanel",hidden:e!==i,id:"vertical-tabpanel-".concat(i),"aria-labelledby":"vertical-tab-".concat(i)},r),{children:e===i&&nK(nQ,{className:"tabPanel",children:t})}))}nX.propTypes={children:nV.default.node,index:nV.default.number.isRequired,value:nV.default.number.isRequired};var n0=function(n){var t=n.itemArray,e=n.value,i=n.onChange;var r=u(nY.useState(0),2),o=r[0],a=r[1],l=nG("(max-width:768px)"),d=e!==null&&e!==void 0?e:o;return nK(n$,{children:nJ(nQ,{className:"tabContainer",children:[nK(nZ,{orientation:l?"horizontal":"vertical",variant:"scrollable",value:d,onChange:function(n,t){i?i(n,t):a(t)},"aria-label":"Vertical tabs example",className:"tabsStyle",children:t.map(function(n){return nK(nq,{label:n.label,className:"tabStyle"},n.categoryId)})}),t.map(function(n){return nK(nX,{value:d,index:t.findIndex(function(t){return t.categoryId===n.categoryId}),children:n.content},n.categoryId)})]})})};import{NsSpinner as n1}from"@nuskin/foundation-ui-components";import{styled as n2}from"@nuskin/foundation-theme";var n6=n2("div")(E(),function(n){var t=n.isMobile;return t?"column":"row"},function(n){var t=n.isMobile;return t?"stretch":"flex-start"},function(n){var t=n.isMobile;return t?"auto":"500px"},function(n){var t=n.isMobile;return t?"10px 16px 0px 16px":"50px 60px 0px 60px"}),n5=n2("div")(H(),function(n){var t=n.isMobile;return t?"100%":"auto"},function(n){var t=n.isMobile;return t?"auto":"100%"}),n4=n2("div")(W(),function(n){var t=n.isMobile;return t?"auto":"100%"}),n8=n2("div")(A()),n3=n2("div")(R()),n7=n2("div")(_());import{jsx as n9,jsxs as tn}from"react/jsx-runtime";var tt=function(n){var t=n.allEntryLabel,e=n.allEntryLink,i=n.renderEntry,r=n.settings,o=n.showControlButtons,a=o===void 0?!0:o,d=n.fetchCategories,c=n.fetchProducts,p=n.showCustomCategory,f=p===void 0?!1:p,m=n.emptyProductTabs,x=m===void 0?"No tabs available":m,h=n.emptyProductMessage,g=n.productsCountLabel;var b;var v=n_("(max-width:768px)"),w=u(nW(!0),2),y=w[0],C=w[1],k=u(nW([]),2),S=k[0],F=k[1],j=u(nW(0),2),T=j[0],O=j[1],z=u(nW([]),2),I=z[0],B=z[1],L=u(nW(!1),2),N=L[0],P=L[1],D=u(nW(!0),2),M=D[0],E=D[1],H=nR(function(){var n=document.querySelectorAll('[data-testid*="spinner"], .ns-spinner, [class*="spinner"]');E(n.length===0)},[]);nA(function(){N&&H()},[N,H]),nA(function(){d().then(F)},[d]),nA(function(){S.length>0&&(P(!0),c(S[T].categoryId).then(B).finally(function(){P(!1),C(!1)}))},[S,T,c]);var W=S.map(function(n){return{label:n.label,content:"",categoryId:n.categoryId}});return tn(n6,{isMobile:v,children:[f&&(W.length>0?n9(n5,{isMobile:v,children:n9(n0,{itemArray:W,value:T,onChange:function(n,t){return O(t)}})}):n9(n3,{children:x})),n9(n4,{isMobile:v,children:N?n9(n7,{children:M&&n9(n1,{})}):n9(nH,{isInitialDataLoading:y,entries:I,allEntryLabel:t,allEntryLink:e,renderEntry:i?function(n){return i(s(l({},n),{productStatusBadge:n.productStatusBadge}))}:void 0,settings:r,showControlButtons:a,categoryName:(b=S[T])===null||b===void 0?void 0:b.label,emptyProductMessage:h,productsCountLabel:g})})]})},te=tt;import{useState as ti,useEffect as tr,useMemo as to}from"react";import{Typography as ta,Box as tl,useMediaQuery as td,styled as ts,Tooltip as tc}from"@mui/material";import{NsLink as tp,NsImage as tu}from"@nuskin/foundation-ui-components";import{styled as tf}from"@nuskin/foundation-theme";import{Box as tm}from"@mui/material";import{jsx as tx}from"react/jsx-runtime";var th=tf(function(n){return tx(tm,l({},n))})(function(n){var t=n.bannerProps,e=n.isCircularImage;var i,r,o,a;return{backgroundClip:"border-box",display:"flex",background:(i=t===null||t===void 0?void 0:t.backgroundColor)!==null&&i!==void 0?i:"#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:(r=t===null||t===void 0?void 0:t.headlineFont)!==null&&r!==void 0?r:"Lora"},".bg-image":{width:"90px !important",height:"90px !important",padding:e?"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:e?"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:"#FFFFFF",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(o=t===null||t===void 0?void 0:t.headlineFont)!==null&&o!==void 0?o:"Lora",paddingLeft:"5px",transition:"all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)"},".body-text":{fontSize:"16px",marginBottom:"15px",fontStyle:"normal",fontWeight:"400",lineHeight:"22px",color:"#FFFFFF",fontFamily:(a=t===null||t===void 0?void 0:t.paragraphFont)!==null&&a!==void 0?a:"inherit",display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",WebkitLineClamp:3,textOverflow:"ellipsis",paddingLeft:"5px",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)"},".social-media":{display:"flex",flexDirection:"column",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)"},".email-text":{fontSize:"12px",fontStyle:"normal",fontWeight:"600",lineHeight:"16px",letterSpacing:"0.12px",color:"#FFFFFF","& a":{color:"inherit",textDecoration:"none","&:hover":{textDecoration:"underline"}}},".social-title-text":{fontSize:"12px",marginBottom:"16px",fontStyle:"normal",fontWeight:"700",lineHeight:"16px",letterSpacing:"0.48px",color:"#FFFFFF",textTransform:"uppercase",paddingLeft:"5px"},".social-icons":{display:"flex",flexDirection:"row",gap:"10px",paddingBottom:"15px",alignItems:"center"}}}),tg=tf(function(n){return tx(tm,l({},n))})(function(n){var t=n.bannerProps,e=n.isCircularImage;var i,r,o,a,l;return{backgroundClip:"border-box",display:"flex",background:(i=t===null||t===void 0?void 0:t.backgroundColor)!==null&&i!==void 0?i:"#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:(r=t===null||t===void 0?void 0:t.headlineFont)!==null&&r!==void 0?r:"Lora"},".bg-image-mobile":{width:"75px !important",height:"75px !important",padding:e?"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:e?"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:"#FFFFFF",fontStyle:"normal",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:(o=t===null||t===void 0?void 0:t.headlineFont)!==null&&o!==void 0?o:"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:(a=t===null||t===void 0?void 0:t.paragraphFont)!==null&&a!==void 0?a:"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:(l=t===null||t===void 0?void 0:t.paragraphFont)!==null&&l!==void 0?l:"inherit",transition:"max-height 0.3s ease-in-out, opacity 0.3s ease-in-out",overflow:"hidden",position:"relative","&.collapsed":{maxHeight:"50px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical","&::after":{content:'""',position:"absolute",bottom:0,left:0,right:0,height:"20px",background:"linear-gradient(transparent, rgba(224, 224, 224, 0.8), #E0E0E0)",pointerEvents:"none"}},"&.expanded":{maxHeight:"none",whiteSpace:"normal",display:"block","&::after":{display:"none"}}},".email-text-mobile":{fontSize:"12px",paddingBottom:"11px",fontStyle:"normal",fontWeight:"600",lineHeight:"16px",letterSpacing:"0.12px",color:"#FFFFFF",wordBreak:"break-all",overflowWrap:"break-word",paddingLeft:"5px","@media (max-width: 420px)":{fontSize:"11px",lineHeight:"15px",paddingBottom:"8px"},"@media (max-width: 400px)":{fontSize:"10px",lineHeight:"14px",paddingBottom:"6px"},"@media (max-width: 375px)":{fontSize:"8px",lineHeight:"12px",paddingBottom:"4px"}},".social-title-text-mobile":{fontSize:"12px",marginBottom:"11px",fontStyle:"normal",fontWeight:"700",lineHeight:"16px",letterSpacing:"0.48px",color:"#FFFFFF",textTransform:"uppercase",paddingLeft:"5px",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)","@media (max-width: 420px)":{fontSize:"11px",lineHeight:"14px",marginBottom:"8px"},"@media (max-width: 400px)":{fontSize:"10px",lineHeight:"12px",marginBottom:"5px"},"@media (max-width: 375px)":{fontSize:"8px",lineHeight:"11px",marginBottom:"4px"}},".social-icons-mobile":{display:"flex",flexDirection:"row",gap:"10px",paddingBottom:"10px",alignItems:"center",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",opacity:1,transform:"translateY(0)","& 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"}}}}),tb=tf(tm)({display:"flex",gap:"12px",marginBottom:"16px",paddingLeft:"5px","&.mobile-badges":{flexDirection:"column",gap:"8px",marginBottom:"12px"},"&.tablet-badges":{flexDirection:"row",gap:"12px",marginBottom:"16px"}}),tv=tf(tm)({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"}}),tw=tf("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)"}}});import{Box as ty}from"@mui/material";import{jsx as tC,jsxs as tk}from"react/jsx-runtime";var tS=function(n){var t=n.width,e=n.height,i=n.backgroundColor;return tC(ty,{sx:{width:t,height:e,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:i},"data-testid":"placeholder-image",children:tC("svg",{xmlns:"http://www.w3.org/2000/svg",width:"128",height:"129",viewBox:"0 0 128 129",fill:"none",children:tk("g",{id:"ns_logomark",children:[tC("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"}),tC("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"}),tC("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"}),tC("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"}),tC("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"})]})})})};import{jsx as tF}from"react/jsx-runtime";var tj=function(n){var t=n.width,e=t===void 0?16:t,i=n.height,r=i===void 0?16:i,o=n.className,a=o===void 0?"":o;return tF("svg",{width:e,height:r,viewBox:"0 0 24 24",fill:"currentColor",className:a,"data-testid":"arrow-down-icon",children:tF("path",{d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"})})};import{Fragment as tT,jsx as tO,jsxs as tz}from"react/jsx-runtime";var tI=ts(tl)({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"}}),tB=function(n,t,e){var i=e.includes("mobile")?"placeholder-image-mobile":"placeholder-image";var r;return(n===null||n===void 0?void 0:n.imageSrc)?tO(tu,{className:e,src:n.imageSrc,alt:n.imageAlt}):tO(tl,{className:i,children:tO(tS,{width:e.includes("mobile")?"144px":"246px",height:e.includes("mobile")?"144px":"246px",backgroundColor:(r=t===null||t===void 0?void 0:t.backgroundColor)!==null&&r!==void 0?r:"#5F5F5F"})})},tL=function(n,t,e){return!n||!t?null:tO(tb,{className:e?"mobile-badges":"tablet-badges",children:t&&tO(tv,{className:e?"mobile-badge":"tablet-badge",children:tO("span",{className:"badge-value",children:t})})})},tN=function(n,t,e,i){var r=n.shopTitle,o=n.socialTitleText,a=n.email,l=n.showBadges,d=n.expirationDate;return tz(tl,{className:"content-mobile",children:[tO(ta,{tabIndex:0,className:"body-title-mobile",children:r}),!t&&tz(tT,{children:[tO(ta,{tabIndex:0,className:"social-title-text-mobile",children:o}),tO(ta,{tabIndex:0,className:"email-text-mobile",children:a}),tO(tl,{className:"social-icons-mobile",children:e}),tL(l,d!==null&&d!==void 0?d:"",i)]})]})},tP=function(n,t,e,i){var r=n.shopTitle,o=n.shopDescription,a=n.socialTitleText,l=n.email,d=n.showBadges,s=n.expirationDate;return tz(tl,{className:"content",children:[tO(ta,{tabIndex:0,className:"body-title",children:r}),!t&&tz(tT,{children:[tO(tc,{title:o,arrow:!0,children:tO(ta,{tabIndex:0,className:"body-text",children:o})}),tz(tl,{className:"social-media",children:[tO(ta,{tabIndex:0,className:"social-title-text",children:a}),tz(tl,{className:"social-icons",children:[e,tO(ta,{className:"email-text",children:tO("a",{href:"mailto:".concat(l),onKeyDown:function(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),globalThis.location.href="mailto:".concat(l))},children:l})})]})]}),tL(d,s!==null&&s!==void 0?s:"",i)]})]})},tD=function(n){return new Promise(function(t,e){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 e(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});t(o)},i.onerror=function(){return e(new Error("Failed to load image"))}})};function tM(n){var t=n.className,e=n.shopTitle,r=n.shopDescription,o=n.socialTitleText,a=n.imageDetails,l=n.email,d=n.bannerProps,s=n.socialIcons,c=n.expirationDate,p=n.showBadges,f=p===void 0?!1:p;var m=td("(max-width: 560px)"),x=u(ti(!1),2),g=x[0],b=x[1],v=u(ti(!1),2),w=v[0],y=v[1],C=u(ti(!1),2),k=C[0],S=C[1],F=function(){y(!w)};tr(function(){i(function(){var n;return h(this,function(t){switch(t.label){case 0:if(!(a===null||a===void 0?void 0:a.imageSrc))return[3,2];return[4,tD(a.imageSrc)];case 1:n=t.sent();S(n);return[3,3];case 2:S(!1);t.label=3;case 3:return[2]}})})()},[a===null||a===void 0?void 0:a.imageSrc]),tr(function(){var n,t=window.scrollY,e=!1,i="",r=function(){return document.querySelector(".nu-header-container")},o=function(){var n=r();if(!n)return{top:35,isCompact:!1};var t=n.classList.contains("compact")||n.classList.contains("compact-view"),e=n.classList.contains("full-view");return t?{top:85,isCompact:!0}:e?{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(t){e!==t&&(e=t,t&&y(!1),clearTimeout(n),n=setTimeout(function(){b(t)},t?100:50))},d=function(){var n=window.scrollY,r=Math.abs(n-t),d=n<100?1:3;if(r<d){t=n;return}var s=n>t,c=n<t,p=a(),u=o(),f=u.top,x=u.isCompact;if(i!==p){i=p,x&&!e?l(!0):!x&&e&&n<80&&l(!1),t=n;return}var h=m?120:150,g=m?50:80,b=h+f,v=g;s&&n>b&&!e?l(!0):c&&n<v&&e&&l(!1),t=n},s=function(){var n=window.scrollY,r=o(),l=r.top;i=a();var d=(m?120:150)+l,s=n>d;e=s,b(s),t=n},c=!1,p=function(){c||(requestAnimationFrame(function(){d(),c=!1}),c=!0)};return s(),window.addEventListener("scroll",p,{passive:!0}),function(){window.removeEventListener("scroll",p),clearTimeout(n)}},[m]);var j=to(function(){return s===null||s===void 0?void 0:s.map(function(n,t){return tO(tI,{children:tO(tp,{href:n.url,target:"_blank",children:tO(tu,{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)+t)})},(n===null||n===void 0?void 0:n.type)+t)})},[s]),T="".concat(t," ").concat(g?"scrolled":""),O={shopTitle:e,shopDescription:r,socialTitleText:o,email:l,showBadges:f,expirationDate:c},z=function(){return window.innerWidth<=380?50:window.innerWidth<=415?56:window.innerWidth<=460?62:80},I=m&&r&&r.length>z();return m?tz(tg,{className:T,"data-testid":"my-site-shop-header",bannerProps:d,isCircularImage:k,children:[tz(tl,{className:"image-content-mobile",children:[tB(a,d!==null&&d!==void 0?d:{},"bg-image-mobile"),tN(O,g,j,m)]}),!g&&tz(tl,{className:"expandable-description-mobile",children:[tO(ta,{className:"description-content-mobile ".concat(w||!I?"expanded":"collapsed"),children:r}),I&&tO(tw,{onClick:F,children:tO(tj,{width:16,height:16,className:"arrow-icon-mobile ".concat(w?"expanded":"")})})]})]}):tz(th,{className:T,"data-testid":"my-site-shop-header",bannerProps:d,isCircularImage:k,children:[tB(a,d!==null&&d!==void 0?d:{},"bg-image"),tP(O,g,j,m)]})}export{tM as MysiteHero,n0 as NsCategoryNavigation,nh as NsProductCard,nH as ProductCarousel,te as ProductTabCarousel};//# sourceMappingURL=index.mjs.map
1
+ function n(n,t){if(t==null||t>n.length)t=n.length;for(var e=0,i=new Array(t);e<t;e++)i[e]=n[e];return i}function t(n){if(Array.isArray(n))return n}function e(n,t,e,i,r,o,a){try{var l=n[o](a);var d=l.value}catch(n){e(n);return}if(l.done){t(d)}else{Promise.resolve(d).then(i,r)}}function i(n){return function(){var t=this,i=arguments;return new Promise(function(r,o){var a=n.apply(t,i);function l(n){e(a,r,o,l,d,"next",n)}function d(n){e(a,r,o,l,d,"throw",n)}l(undefined)})}}function r(n,t,e){if(t in n){Object.defineProperty(n,t,{value:e,enumerable:true,configurable:true,writable:true})}else{n[t]=e}return n}function o(n,t){var e=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(e==null)return;var i=[];var r=true;var o=false;var a,l;try{for(e=e.call(n);!(r=(a=e.next()).done);r=true){i.push(a.value);if(t&&i.length===t)break}}catch(n){o=true;l=n}finally{try{if(!r&&e["return"]!=null)e["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 t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};var i=Object.keys(e);if(typeof Object.getOwnPropertySymbols==="function"){i=i.concat(Object.getOwnPropertySymbols(e).filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))}i.forEach(function(t){r(n,t,e[t])})}return n}function d(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);if(t){i=i.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})}e.push.apply(e,i)}return e}function s(n,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(t))}else{d(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function c(n,t){if(n==null)return{};var e=p(n,t);var i,r;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++){i=o[r];if(t.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(n,i))continue;e[i]=n[i]}}return e}function p(n,t){if(n==null)return{};var e={};var i=Object.keys(n);var r,o;for(o=0;o<i.length;o++){r=i[o];if(t.indexOf(r)>=0)continue;e[r]=n[r]}return e}function u(n,e){return t(n)||o(n,e)||x(n,e)||a()}function f(n,t){if(!t){t=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function m(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function x(t,e){if(!t)return;if(typeof t==="string")return n(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);if(i==="Object"&&t.constructor)i=t.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(t,e)}function h(n,t){var e,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(t){return d([n,t])}}function d(o){if(e)throw new TypeError("Generator is already executing.");while(a)try{if(e=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=t.call(n,a)}catch(n){o=[6,n];i=0}finally{e=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}}function g(){var n=f(["\n width: 200px;\n text-align: left;\n margin-bottom: 5px;\n"]);g=function t(){return n};return n}function b(){var n=f(["\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 t(){return n};return n}function v(){var n=f(["\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 t(){return n};return n}function w(){var n=f(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n display: block;\n"]);w=function t(){return n};return n}function y(){var n=f(["\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"]);y=function t(){return n};return n}function C(){var n=f(["\n width: 200px;\n text-align: left;\n margin-bottom: 12px;\n @media (max-width: 560px) {\n margin-bottom: 8px;\n }\n"]);C=function t(){return n};return n}function k(){var n=f(["\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"]);k=function t(){return n};return n}function S(){var n=f(["\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"]);S=function t(){return n};return n}function j(){var n=f(["\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"]);j=function t(){return n};return n}function F(){var n=f(["\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 t(){return n};return n}function T(){var n=f(["\n display: flex;\n scroll-snap-align: start;\n justify-content: center;\n gap: 15px;\n"]);T=function t(){return n};return n}function O(){var n=f(["\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"]);O=function t(){return n};return n}function I(){var n=f(["\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"]);I=function t(){return n};return n}function z(){var n=f(["\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"]);z=function t(){return n};return n}function B(){var n=f(["\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"]);B=function t(){return n};return n}function N(){var n=f(["\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 t(){return n};return n}function L(){var n=f(["\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"]);L=function t(){return n};return n}function P(){var n=f(["\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 t(){return n};return n}function D(){var n=f(["\n padding-top: 20px;\n font-size: 20px;\n text-align: center;\n"]);D=function t(){return n};return n}function M(){var n=f(["\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 t(){return n};return n}function E(){var n=f(["\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 t(){return n};return n}function H(){var n=f(["\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"]);H=function t(){return n};return n}function W(){var n=f(["\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"]);W=function t(){return n};return n}function A(){var n=f(["\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"]);A=function t(){return n};return n}function R(){var n=f(["\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"]);R=function t(){return n};return n}function _(){var n=f(["\n padding: 10px;\n display: flex;\n justify-content: center;\n"]);_=function t(){return n};return n}var V=Object.create;var Y=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var U=function(n,t){return function(){return t||n((t={exports:{}}).exports,t),t.exports}};var G=function(n,t,e,i){var r=true,o=false,a=undefined;if(t&&(typeof t==="undefined"?"undefined":m(t))=="object"||typeof t=="function")try{var l=function(){var r=s.value;!Q.call(n,r)&&r!==e&&Y(n,r,{get:function(){return t[r]},enumerable:!(i=Z(t,r))||i.enumerable})};for(var d=$(t)[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 K=function(n,t,e){return e=n!=null?V(q(n)):{},G(t||!n||!n.__esModule?Y(e,"default",{value:n,enumerable:!0}):e,n)};var J=U(function(n,t){"use strict";var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";t.exports=e});var X=U(function(n,t){"use strict";var e=function n(){};var i=function n(){};var r=J();i.resetWarningCache=e;t.exports=function(){function n(n,t,e,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 t(){return n}var o={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:t,element:n,elementType:n,instanceOf:t,node:n,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:e};return o.PropTypes=o,o}});var nn=U(function(n,t){"use strict";t.exports=X()();var e,i});import{useState as nt}from"react";import{NsImage as ne}from"@nuskin/foundation-ui-components";import{styled as ni}from"@nuskin/foundation-theme";var nr=ni("div")(g()),no=ni("button")(b(),function(n){return n.isMobile?"410px":"513px"}),na=ni("div")(v(),function(n){var t;return(t=n.bgColor)!==null&&t!==void 0?t:"#f5f5f5"}),nl=ni("img")(w()),nd=ni("div")(y()),ns=ni("div")(C()),nc=ni("button")(k(),function(n){return n.disabled?"#999":"#fff"},function(n){return n.disabled?"#e0e0e0":!n.isMobile&&n.isHovered?"#888":"#000"},function(n){return n.disabled?"1px solid #ccc":"none"},function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.6:1},function(n){return n.isMobile?"none":"all 0.3s ease"}),np=ni("span")(S(),function(n){return n.disabled?.5:1});import{useMediaQuery as nu}from"@mui/material";import{jsx as nf,jsxs as nm}from"react/jsx-runtime";var nx=function(n){var t=n.productTitle,e=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=u(nt(!1),2),p=c[0],f=c[1],m=nu("(max-width: 560px)"),x=function(n){var t=n.target,i=e===null||e===void 0?void 0:e.fallbackImage;i&&t.src!==i&&(t.src=i)};var h,g,b;return nm(no,{className:i,onClick:o,tabIndex:0,"data-testid":"product-card",isMobile:m,children:[nf(na,{bgColor:e===null||e===void 0?void 0:e.bgColor,onError:x,children:(e===null||e===void 0?void 0:e.imageSrc)?nf(ne,{"data-testid":s!==null&&s!==void 0?s:"test-product-image",className:(h=e.className)!==null&&h!==void 0?h:"",src:e.imageSrc,alt:e.imageAlt,"aria-label":(g=e.areaLabel)!==null&&g!==void 0?g:e.imageAlt,width:"100%"}):nf(nl,{alt:""})}),nf(nd,{title:t,"data-testid":"product-title",children:t}),l&&nf(ns,{children:l}),nf(ns,{children:a}),nf(nr,{children:d}),(r===null||r===void 0?void 0:r.showButton)&&nm(nc,{tabIndex:0,"aria-roledescription":":","aria-label":r.buttonText||"ADD TO CART","data-testid":"add-to-cart-button",disabled:(b=r===null||r===void 0?void 0:r.disabled)!==null&&b!==void 0?b:!1,isMobile:m,isHovered:p,onClick:function(n){var t;n.stopPropagation(),(r===null||r===void 0?void 0:r.disabled)||((t=r.onClick)===null||t===void 0?void 0:t.call(r))},onMouseEnter:function(){!m&&!(r===null||r===void 0?void 0:r.disabled)&&f(!0)},onMouseLeave:function(){m||f(!1)},children:[nf(np,{className:"cart-icon",disabled:r===null||r===void 0?void 0:r.disabled,children:nf("svg",{width:"24",height:"22",viewBox:"0 0 24 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:nf("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"]})]})},nh=nx;import{useCallback as ng,useRef as nb}from"react";import nv from"react-slick";import nw from"@mui/material/useMediaQuery";import{NsCarouselControl as ny}from"@nuskin/foundation-ui-components";import{styled as nC}from"@nuskin/foundation-theme";import nk from"@mui/material/Box";import{NsTypography as nS}from"@nuskin/foundation-ui-components";var nj=nC(nk)(j()),nF=nC("div")(F()),nT=nC("div")(T()),nO=nC(nk)(O()),nI=nC(nk)(I()),nz=nC(nk)(z()),nB=nC(nk)(B(),function(n){var t=n.$isDisabled;return t?.3:1},function(n){var t=n.$isDisabled;return t?"none":"auto"}),nN=nC("div")(N()),nL=nC(nS)(L()),nP=nC("a")(P()),nD=nC("div")(D());import{jsx as nM,jsxs as nE}from"react/jsx-runtime";function nH(n){var t=n.entries,e=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,p=n.allEntryLink,u=p===void 0?"":p,f=n.categoryName,m=n.emptyProductMessage,x=m===void 0?"No Products Available For The Selected Category":m,h=n.productsCountLabel,g=h===void 0?"Products":h,b=n.isInitialDataLoading;var v,w,y,C;var k=nb(null),S=nw("(max-width: 560px)"),j=ng(function(){var n;(n=k.current)===null||n===void 0?void 0:n.slickPrev()},[]),F=ng(function(){var n;(n=k.current)===null||n===void 0?void 0:n.slickNext()},[]),T=e!==null&&e!==void 0?e:function(n,t){return nM(nh,{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(t))},O=l({dots:!0,infinite:!0,speed:500,slidesToShow:Math.min((v=t===null||t===void 0?void 0:t.length)!==null&&v!==void 0?v:0,4),slidesToScroll:4,swipe:!0,draggable:!0,arrows:!0,responsive:[{breakpoint:1320,settings:{slidesToShow:Math.min((w=t===null||t===void 0?void 0:t.length)!==null&&w!==void 0?w:0,3),slidesToScroll:3}},{breakpoint:900,settings:{slidesToShow:Math.min((y=t===null||t===void 0?void 0:t.length)!==null&&y!==void 0?y:0,2),slidesToScroll:2}},{breakpoint:600,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}}]},r),I=((C=t===null||t===void 0?void 0:t.length)!==null&&C!==void 0?C:0)>O.slidesToShow,z=function(){return(t===null||t===void 0?void 0:t.length)===0&&!b?nM(nD,{children:x}):S?nM(nF,{children:nM(nT,{children:t.map(function(n,t){return n&&T(n,t)})})}):nM(nv,s(l({},O),{ref:k,children:t.map(function(n,t){return n&&T(n,t)})}))};var B;return nE(nj,{children:[a&&nE(nO,{children:[nE("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[nE("div",{style:{display:"flex",alignItems:"center",flex:1,minWidth:0},children:[nM(nz,{children:nE(nL,{variant:"body-m",children:[(B=t===null||t===void 0?void 0:t.length)!==null&&B!==void 0?B:0," ",g]})}),!S&&f&&nM("div",{style:{fontFamily:"Lora",fontWeight:400,fontSize:22,marginLeft:16,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"300px"},children:f})]}),nM(nI,{style:{marginLeft:"auto",marginRight:S?0:24},children:nM(nP,{href:u,children:c})})]}),!S&&nM(nB,{$isDisabled:!I,children:nM(ny,{prev:j,next:F,viewAllLabel:"",viewAllUrl:""})})]}),z()]})}import{useState as nW,useEffect as nA,useCallback as nR}from"react";import{useMediaQuery as n_}from"@mui/material";var nV=K(nn());import*as nY from"react";import nZ from"@mui/material/Tabs";import n$ from"@mui/material/Tab";import nq from"@mui/material/Box";import{styled as nQ}from"@nuskin/foundation-theme";var nU=nQ.div(M());import{useMediaQuery as nG}from"@mui/material";import{jsx as nK,jsxs as nJ}from"react/jsx-runtime";function nX(n){var t=n.children,e=n.value,i=n.index,r=c(n,["children","value","index"]);return nK("div",s(l({role:"tabpanel",hidden:e!==i,id:"vertical-tabpanel-".concat(i),"aria-labelledby":"vertical-tab-".concat(i)},r),{children:e===i&&nK(nq,{className:"tabPanel",children:t})}))}nX.propTypes={children:nV.default.node,index:nV.default.number.isRequired,value:nV.default.number.isRequired};var n0=function(n){var t=n.itemArray,e=n.value,i=n.onChange;var r=u(nY.useState(0),2),o=r[0],a=r[1],l=nG("(max-width:768px)"),d=e!==null&&e!==void 0?e:o;return nK(nU,{children:nJ(nq,{className:"tabContainer",children:[nK(nZ,{orientation:l?"horizontal":"vertical",variant:"scrollable",value:d,onChange:function(n,t){i?i(n,t):a(t)},"aria-label":"Vertical tabs example",className:"tabsStyle",children:t.map(function(n){return nK(n$,{label:n.label,className:"tabStyle"},n.categoryId)})}),t.map(function(n){return nK(nX,{value:d,index:t.findIndex(function(t){return t.categoryId===n.categoryId}),children:n.content},n.categoryId)})]})})};import{NsSpinner as n1}from"@nuskin/foundation-ui-components";import{styled as n2}from"@nuskin/foundation-theme";var n6=n2("div")(E(),function(n){var t=n.isMobile;return t?"column":"row"},function(n){var t=n.isMobile;return t?"stretch":"flex-start"},function(n){var t=n.isMobile;return t?"auto":"500px"},function(n){var t=n.isMobile;return t?"10px 16px 0px 16px":"50px 60px 0px 60px"}),n5=n2("div")(H(),function(n){var t=n.isMobile;return t?"100%":"auto"},function(n){var t=n.isMobile;return t?"auto":"100%"}),n4=n2("div")(W(),function(n){var t=n.isMobile;return t?"auto":"100%"}),n8=n2("div")(A()),n3=n2("div")(R()),n7=n2("div")(_());import{jsx as n9,jsxs as tn}from"react/jsx-runtime";var tt=function(n){var t=n.allEntryLabel,e=n.allEntryLink,i=n.renderEntry,r=n.settings,o=n.showControlButtons,a=o===void 0?!0:o,d=n.fetchCategories,c=n.fetchProducts,p=n.showCustomCategory,f=p===void 0?!1:p,m=n.emptyProductTabs,x=m===void 0?"No tabs available":m,h=n.emptyProductMessage,g=n.productsCountLabel;var b;var v=n_("(max-width:768px)"),w=u(nW(!0),2),y=w[0],C=w[1],k=u(nW([]),2),S=k[0],j=k[1],F=u(nW(0),2),T=F[0],O=F[1],I=u(nW([]),2),z=I[0],B=I[1],N=u(nW(!1),2),L=N[0],P=N[1],D=u(nW(!0),2),M=D[0],E=D[1],H=nR(function(){var n=document.querySelectorAll('[data-testid*="spinner"], .ns-spinner, [class*="spinner"]');E(n.length===0)},[]);nA(function(){L&&H()},[L,H]),nA(function(){d().then(j)},[d]),nA(function(){S.length>0&&(P(!0),c(S[T].categoryId).then(B).finally(function(){P(!1),C(!1)}))},[S,T,c]);var W=S.map(function(n){return{label:n.label,content:"",categoryId:n.categoryId}});return tn(n6,{isMobile:v,children:[f&&(W.length>0?n9(n5,{isMobile:v,children:n9(n0,{itemArray:W,value:T,onChange:function(n,t){return O(t)}})}):n9(n3,{children:x})),n9(n4,{isMobile:v,children:L?n9(n7,{children:M&&n9(n1,{})}):n9(nH,{isInitialDataLoading:y,entries:z,allEntryLabel:t,allEntryLink:e,renderEntry:i?function(n){return i(s(l({},n),{productStatusBadge:n.productStatusBadge}))}:void 0,settings:r,showControlButtons:a,categoryName:(b=S[T])===null||b===void 0?void 0:b.label,emptyProductMessage:h,productsCountLabel:g})})]})},te=tt;import{useState as ti,useEffect as tr,useMemo as to}from"react";import{Typography as ta,Box as tl,useMediaQuery as td,styled as ts,Tooltip as tc}from"@mui/material";import{NsLink as tp,NsImage as tu}from"@nuskin/foundation-ui-components";import{styled as tf}from"@nuskin/foundation-theme";import{Box as tm}from"@mui/material";import{jsx as tx}from"react/jsx-runtime";var th=tf(function(n){return tx(tm,l({},n))})(function(n){var t=n.bannerProps,e=n.isCircularImage,i=n.hasWhiteBackground;var r,o,a,l;return{backgroundClip:"border-box",display:"flex",background:(r=t===null||t===void 0?void 0:t.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=t===null||t===void 0?void 0:t.headlineFont)!==null&&o!==void 0?o:"Lora"},".bg-image":{width:"90px !important",height:"90px !important",padding:e?"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:e?"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=t===null||t===void 0?void 0:t.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=t===null||t===void 0?void 0:t.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"}}}),tg=tf(function(n){return tx(tm,l({},n))})(function(n){var t=n.bannerProps,e=n.isCircularImage,i=n.hasWhiteBackground;var r,o,a,l,d;return{backgroundClip:"border-box",display:"flex",background:(r=t===null||t===void 0?void 0:t.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=t===null||t===void 0?void 0:t.headlineFont)!==null&&o!==void 0?o:"Lora"},".bg-image-mobile":{width:"75px !important",height:"75px !important",padding:e?"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:e?"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=t===null||t===void 0?void 0:t.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=t===null||t===void 0?void 0:t.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=t===null||t===void 0?void 0:t.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"}}}}),tb=tf(tm)({display:"flex",gap:"12px",marginBottom:"16px",paddingLeft:"5px","&.mobile-badges":{flexDirection:"column",gap:"8px",marginBottom:"12px"},"&.tablet-badges":{flexDirection:"row",gap:"12px",marginBottom:"16px"}}),tv=tf(tm)({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"}}),tw=tf("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)"}}});import{Box as ty}from"@mui/material";import{jsx as tC,jsxs as tk}from"react/jsx-runtime";var tS=function(n){var t=n.width,e=n.height,i=n.backgroundColor;return tC(ty,{sx:{width:t,height:e,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:i},"data-testid":"placeholder-image",children:tC("svg",{xmlns:"http://www.w3.org/2000/svg",width:"128",height:"129",viewBox:"0 0 128 129",fill:"none",children:tk("g",{id:"ns_logomark",children:[tC("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"}),tC("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"}),tC("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"}),tC("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"}),tC("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"})]})})})};import{jsx as tj}from"react/jsx-runtime";var tF=function(n){var t=n.width,e=t===void 0?16:t,i=n.height,r=i===void 0?16:i,o=n.className,a=o===void 0?"":o;return tj("svg",{width:e,height:r,viewBox:"0 0 24 24",fill:"currentColor",className:a,"data-testid":"arrow-down-icon",children:tj("path",{d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"})})};import{Fragment as tT,jsx as tO,jsxs as tI}from"react/jsx-runtime";var tz=ts(tl)({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"}}),tB=function(n,t,e){var i=e.includes("mobile")?"placeholder-image-mobile":"placeholder-image";var r;return(n===null||n===void 0?void 0:n.imageSrc)?tO(tu,{className:e,src:n.imageSrc,alt:n.imageAlt}):tO(tl,{className:i,children:tO(tS,{width:e.includes("mobile")?"144px":"246px",height:e.includes("mobile")?"144px":"246px",backgroundColor:(r=t===null||t===void 0?void 0:t.backgroundColor)!==null&&r!==void 0?r:"#5F5F5F"})})},tN=function(n,t,e){return!n||!t?null:tO(tb,{className:e?"mobile-badges":"tablet-badges",children:t&&tO(tv,{className:e?"mobile-badge":"tablet-badge",children:tO("span",{className:"badge-value",children:t})})})},tL=function(n,t,e,i){var r=n.shopTitle,o=n.socialTitleText,a=n.email,l=n.showBadges,d=n.expirationDate;return tI(tl,{className:"content-mobile",children:[tO(ta,{tabIndex:0,className:"body-title-mobile",children:r}),!t&&tI(tT,{children:[tO(ta,{tabIndex:0,className:"social-title-text-mobile",children:o}),tO(ta,{tabIndex:0,className:"email-text-mobile",children:a}),tO(tl,{className:"social-icons-mobile",children:e}),tN(l,d!==null&&d!==void 0?d:"",i)]})]})},tP=function(n,t,e,i){var r=n.shopTitle,o=n.shopDescription,a=n.socialTitleText,l=n.email,d=n.showBadges,s=n.expirationDate;return tI(tl,{className:"content",children:[tO(ta,{tabIndex:0,className:"body-title",children:r}),!t&&tI(tT,{children:[(o===null||o===void 0?void 0:o.length)>480?tO(tc,{title:o,arrow:!0,children:tO(ta,{tabIndex:0,className:"body-text",children:o})}):tO(ta,{tabIndex:0,className:"body-text",children:o}),tI(tl,{className:"social-media",children:[tO(ta,{tabIndex:0,className:"social-title-text",children:a}),tI(tl,{className:"social-icons",children:[e,tO(ta,{className:"email-text",children:tO("a",{href:"mailto:".concat(l),onKeyDown:function(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),globalThis.location.href="mailto:".concat(l))},children:l})})]})]}),tN(d,s!==null&&s!==void 0?s:"",i)]})]})},tD=function(n){return new Promise(function(t,e){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 e(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});t(o)},i.onerror=function(){return e(new Error("Failed to load image"))}})},tM=function(n){if(!n)return!1;var t=n.replace("#","").toLowerCase();if(!/^[0-9a-f]{3,4}$|^[0-9a-f]{6}$|^[0-9a-f]{8}$/i.test(t))return!1;var e=t;(t.length===3||t.length===4)&&(e=t.split("").map(function(n){return n+n}).join(""));var i=Number.parseInt(e.substring(0,2),16),r=Number.parseInt(e.substring(2,4),16),o=Number.parseInt(e.substring(4,6),16),a=220;return i>=a&&r>=a&&o>=a};function tE(n){var t=n.className,e=n.shopTitle,r=n.shopDescription,o=n.socialTitleText,a=n.imageDetails,l=n.email,d=n.bannerProps,s=n.socialIcons,c=n.expirationDate,p=n.showBadges,f=p===void 0?!1:p;var m=td("(max-width: 560px)"),x=u(ti(!1),2),g=x[0],b=x[1],v=u(ti(!1),2),w=v[0],y=v[1],C=u(ti(!1),2),k=C[0],S=C[1],j=u(ti(!1),2),F=j[0],T=j[1],O=function(){y(!w)};tr(function(){i(function(){var n;return h(this,function(t){switch(t.label){case 0:if(!(a===null||a===void 0?void 0:a.imageSrc))return[3,2];return[4,tD(a.imageSrc)];case 1:n=t.sent();T(n);return[3,3];case 2:T(!1);t.label=3;case 3:return[2]}})})()},[a===null||a===void 0?void 0:a.imageSrc]),tr(function(){S(tM(d===null||d===void 0?void 0:d.backgroundColor))},[d===null||d===void 0?void 0:d.backgroundColor]),tr(function(){var n,t=window.scrollY,e=!1,i="",r=function(){return document.querySelector(".nu-header-container")},o=function(){var n=r();if(!n)return{top:35,isCompact:!1};var t=n.classList.contains("compact")||n.classList.contains("compact-view"),e=n.classList.contains("full-view");return t?{top:85,isCompact:!0}:e?{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(t){e!==t&&(e=t,t&&y(!1),clearTimeout(n),n=setTimeout(function(){b(t)},t?100:50))},d=function(){var n=window.scrollY,r=Math.abs(n-t),d=n<100?1:3;if(r<d){t=n;return}var s=n>t,c=n<t,p=a(),u=o(),f=u.top,x=u.isCompact;if(i!==p){i=p,x&&!e?l(!0):!x&&e&&n<80&&l(!1),t=n;return}var h=m?120:150,g=m?50:80,b=h+f,v=g;s&&n>b&&!e?l(!0):c&&n<v&&e&&l(!1),t=n},s=function(){var n=window.scrollY,r=o(),l=r.top;i=a();var d=(m?120:150)+l,s=n>d;e=s,b(s),t=n},c=!1,p=function(){c||(requestAnimationFrame(function(){d(),c=!1}),c=!0)};return s(),window.addEventListener("scroll",p,{passive:!0}),function(){window.removeEventListener("scroll",p),clearTimeout(n)}},[m]);var I=to(function(){return s===null||s===void 0?void 0:s.map(function(n,t){return tO(tz,{children:tO(tp,{href:n.url,target:"_blank",children:tO(tu,{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)+t)})},(n===null||n===void 0?void 0:n.type)+t)})},[s]),z="".concat(t," ").concat(g?"scrolled":""),B={shopTitle:e,shopDescription:r,socialTitleText:o,email:l,showBadges:f,expirationDate:c},N=function(){return window.innerWidth<=380?50:window.innerWidth<=415?56:window.innerWidth<=460?62:80},L=m&&r&&r.length>N();return m?tI(tg,{className:z,"data-testid":"my-site-shop-header",bannerProps:d,isCircularImage:F,hasWhiteBackground:k,children:[tI(tl,{className:"image-content-mobile",children:[tB(a,d!==null&&d!==void 0?d:{},"bg-image-mobile"),tL(B,g,I,m)]}),!g&&tI(tl,{className:"expandable-description-mobile",children:[tO(ta,{className:"description-content-mobile ".concat(w||!L?"expanded":"collapsed"),children:r}),L&&tO(tw,{onClick:O,children:tO(tF,{width:16,height:16,className:"arrow-icon-mobile ".concat(w?"expanded":"")})})]})]}):tI(th,{className:z,"data-testid":"my-site-shop-header",bannerProps:d,isCircularImage:F,hasWhiteBackground:k,children:[tB(a,d!==null&&d!==void 0?d:{},"bg-image"),tP(B,g,I,m)]})}export{tE as MysiteHero,n0 as NsCategoryNavigation,nh as NsProductCard,nH as ProductCarousel,te as ProductTabCarousel};//# sourceMappingURL=index.mjs.map