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