@everlywell/consumer-ui 1.42.0 → 1.42.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/index.js
CHANGED
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var pt;function Mt(){return pt||(pt=1,process.env.NODE_ENV!=="production"&&function(){var r=k,l=Symbol.for("react.element"),c=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),d=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),b=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),v=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),S=Symbol.for("react.offscreen"),y=Symbol.iterator,R="@@iterator";function m(e){if(e===null||typeof e!="object")return null;var o=y&&e[y]||e[R];return typeof o=="function"?o:null}var $=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function T(e){{for(var o=arguments.length,i=new Array(o>1?o-1:0),g=1;g<o;g++)i[g-1]=arguments[g];W("error",e,i)}}function W(e,o,i){{var g=$.ReactDebugCurrentFrame,E=g.getStackAddendum();E!==""&&(o+="%s",i=i.concat([E]));var D=i.map(function(w){return String(w)});D.unshift("Warning: "+o),Function.prototype.apply.call(console[e],console,D)}}var P=!1,z=!1,
|
|
17
|
+
*/var pt;function Mt(){return pt||(pt=1,process.env.NODE_ENV!=="production"&&function(){var r=k,l=Symbol.for("react.element"),c=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),d=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),b=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),v=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),S=Symbol.for("react.offscreen"),y=Symbol.iterator,R="@@iterator";function m(e){if(e===null||typeof e!="object")return null;var o=y&&e[y]||e[R];return typeof o=="function"?o:null}var $=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function T(e){{for(var o=arguments.length,i=new Array(o>1?o-1:0),g=1;g<o;g++)i[g-1]=arguments[g];W("error",e,i)}}function W(e,o,i){{var g=$.ReactDebugCurrentFrame,E=g.getStackAddendum();E!==""&&(o+="%s",i=i.concat([E]));var D=i.map(function(w){return String(w)});D.unshift("Warning: "+o),Function.prototype.apply.call(console[e],console,D)}}var P=!1,z=!1,X=!1,Q=!1,V=!1,te;te=Symbol.for("react.module.reference");function ne(e){return!!(typeof e=="string"||typeof e=="function"||e===s||e===d||V||e===u||e===f||e===h||Q||e===S||P||z||X||typeof e=="object"&&e!==null&&(e.$$typeof===j||e.$$typeof===v||e.$$typeof===p||e.$$typeof===b||e.$$typeof===x||e.$$typeof===te||e.getModuleId!==void 0))}function q(e,o,i){var g=e.displayName;if(g)return g;var E=o.displayName||o.name||"";return E!==""?i+"("+E+")":i}function _(e){return e.displayName||"Context"}function B(e){if(e==null)return null;if(typeof e.tag=="number"&&T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case s:return"Fragment";case c:return"Portal";case d:return"Profiler";case u:return"StrictMode";case f:return"Suspense";case h:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case b:var o=e;return _(o)+".Consumer";case p:var i=e;return _(i._context)+".Provider";case x:return q(e,e.render,"ForwardRef");case v:var g=e.displayName||null;return g!==null?g:B(e.type)||"Memo";case j:{var E=e,D=E._payload,w=E._init;try{return B(w(D))}catch{return null}}}return null}var L=Object.assign,J=0,re,Be,de,Le,Fe,Ce,we;function oe(){}oe.__reactDisabledLog=!0;function Oe(){{if(J===0){re=console.log,Be=console.info,de=console.warn,Le=console.error,Fe=console.group,Ce=console.groupCollapsed,we=console.groupEnd;var e={configurable:!0,enumerable:!0,value:oe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}J++}}function ae(){{if(J--,J===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:L({},e,{value:re}),info:L({},e,{value:Be}),warn:L({},e,{value:de}),error:L({},e,{value:Le}),group:L({},e,{value:Fe}),groupCollapsed:L({},e,{value:Ce}),groupEnd:L({},e,{value:we})})}J<0&&T("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var je=$.ReactCurrentDispatcher,ye;function fe(e,o,i){{if(ye===void 0)try{throw Error()}catch(E){var g=E.stack.trim().match(/\n( *(at )?)/);ye=g&&g[1]||""}return`
|
|
18
18
|
`+ye+e}}var ie=!1,he;{var Pe=typeof WeakMap=="function"?WeakMap:Map;he=new Pe}function pe(e,o){if(!e||ie)return"";{var i=he.get(e);if(i!==void 0)return i}var g;ie=!0;var E=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var D;D=je.current,je.current=null,Oe();try{if(o){var w=function(){throw Error()};if(Object.defineProperty(w.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(w,[])}catch(Y){g=Y}Reflect.construct(e,[],w)}else{try{w.call()}catch(Y){g=Y}e.call(w.prototype)}}else{try{throw Error()}catch(Y){g=Y}e()}}catch(Y){if(Y&&g&&typeof Y.stack=="string"){for(var C=Y.stack.split(`
|
|
19
19
|
`),N=g.stack.split(`
|
|
20
20
|
`),O=C.length-1,A=N.length-1;O>=1&&A>=0&&C[O]!==N[A];)A--;for(;O>=1&&A>=0;O--,A--)if(C[O]!==N[A]){if(O!==1||A!==1)do if(O--,A--,A<0||C[O]!==N[A]){var U=`
|
|
21
|
-
`+C[O].replace(" at new "," at ");return e.displayName&&U.includes("<anonymous>")&&(U=U.replace("<anonymous>",e.displayName)),typeof e=="function"&&he.set(e,U),U}while(O>=1&&A>=0);break}}}finally{ie=!1,je.current=D,ae(),Error.prepareStackTrace=E}var be=e?e.displayName||e.name:"",ue=be?fe(be):"";return typeof e=="function"&&he.set(e,ue),ue}function Ve(e,o,i){return pe(e,!1)}function Ye(e){var o=e.prototype;return!!(o&&o.isReactComponent)}function ee(e,o,i){if(e==null)return"";if(typeof e=="function")return pe(e,Ye(e));if(typeof e=="string")return fe(e);switch(e){case f:return fe("Suspense");case h:return fe("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case x:return Ve(e.render);case v:return ee(e.type,o,i);case j:{var g=e,E=g._payload,D=g._init;try{return ee(D(E),o,i)}catch{}}}return""}var G=Object.prototype.hasOwnProperty,Ae={},Me=$.ReactDebugCurrentFrame;function ge(e){if(e){var o=e._owner,i=ee(e.type,e._source,o?o.type:null);Me.setExtraStackFrame(i)}else Me.setExtraStackFrame(null)}function ke(e,o,i,g,E){{var D=Function.call.bind(G);for(var w in e)if(D(e,w)){var C=void 0;try{if(typeof e[w]!="function"){var N=Error((g||"React class")+": "+i+" type `"+w+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[w]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw N.name="Invariant Violation",N}C=e[w](o,w,g,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(O){C=O}C&&!(C instanceof Error)&&(ge(E),T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",g||"React class",i,w,typeof C),ge(null)),C instanceof Error&&!(C.message in Ae)&&(Ae[C.message]=!0,ge(E),T("Failed %s type: %s",i,C.message),ge(null))}}}var Ge=Array.isArray;function Ee(e){return Ge(e)}function Ue(e){{var o=typeof Symbol=="function"&&Symbol.toStringTag,i=o&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function Ze(e){try{return
|
|
21
|
+
`+C[O].replace(" at new "," at ");return e.displayName&&U.includes("<anonymous>")&&(U=U.replace("<anonymous>",e.displayName)),typeof e=="function"&&he.set(e,U),U}while(O>=1&&A>=0);break}}}finally{ie=!1,je.current=D,ae(),Error.prepareStackTrace=E}var be=e?e.displayName||e.name:"",ue=be?fe(be):"";return typeof e=="function"&&he.set(e,ue),ue}function Ve(e,o,i){return pe(e,!1)}function Ye(e){var o=e.prototype;return!!(o&&o.isReactComponent)}function ee(e,o,i){if(e==null)return"";if(typeof e=="function")return pe(e,Ye(e));if(typeof e=="string")return fe(e);switch(e){case f:return fe("Suspense");case h:return fe("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case x:return Ve(e.render);case v:return ee(e.type,o,i);case j:{var g=e,E=g._payload,D=g._init;try{return ee(D(E),o,i)}catch{}}}return""}var G=Object.prototype.hasOwnProperty,Ae={},Me=$.ReactDebugCurrentFrame;function ge(e){if(e){var o=e._owner,i=ee(e.type,e._source,o?o.type:null);Me.setExtraStackFrame(i)}else Me.setExtraStackFrame(null)}function ke(e,o,i,g,E){{var D=Function.call.bind(G);for(var w in e)if(D(e,w)){var C=void 0;try{if(typeof e[w]!="function"){var N=Error((g||"React class")+": "+i+" type `"+w+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[w]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw N.name="Invariant Violation",N}C=e[w](o,w,g,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(O){C=O}C&&!(C instanceof Error)&&(ge(E),T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",g||"React class",i,w,typeof C),ge(null)),C instanceof Error&&!(C.message in Ae)&&(Ae[C.message]=!0,ge(E),T("Failed %s type: %s",i,C.message),ge(null))}}}var Ge=Array.isArray;function Ee(e){return Ge(e)}function Ue(e){{var o=typeof Symbol=="function"&&Symbol.toStringTag,i=o&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function Ze(e){try{return K(e),!1}catch{return!0}}function K(e){return""+e}function He(e){if(Ze(e))return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ue(e)),K(e)}var se=$.ReactCurrentOwner,$e={key:!0,ref:!0,__self:!0,__source:!0},Se,Re,a;a={};function I(e){if(G.call(e,"ref")){var o=Object.getOwnPropertyDescriptor(e,"ref").get;if(o&&o.isReactWarning)return!1}return e.ref!==void 0}function F(e){if(G.call(e,"key")){var o=Object.getOwnPropertyDescriptor(e,"key").get;if(o&&o.isReactWarning)return!1}return e.key!==void 0}function M(e,o){if(typeof e.ref=="string"&&se.current&&o&&se.current.stateNode!==o){var i=B(se.current.type);a[i]||(T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',B(se.current.type),e.ref),a[i]=!0)}}function xe(e,o){{var i=function(){Se||(Se=!0,T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",o))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function ce(e,o){{var i=function(){Re||(Re=!0,T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",o))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var Xe=function(e,o,i,g,E,D,w){var C={$$typeof:l,type:e,key:o,ref:i,props:w,_owner:D};return C._store={},Object.defineProperty(C._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(C,"_self",{configurable:!1,enumerable:!1,writable:!1,value:g}),Object.defineProperty(C,"_source",{configurable:!1,enumerable:!1,writable:!1,value:E}),Object.freeze&&(Object.freeze(C.props),Object.freeze(C)),C};function St(e,o,i,g,E){{var D,w={},C=null,N=null;i!==void 0&&(He(i),C=""+i),F(o)&&(He(o.key),C=""+o.key),I(o)&&(N=o.ref,M(o,E));for(D in o)G.call(o,D)&&!$e.hasOwnProperty(D)&&(w[D]=o[D]);if(e&&e.defaultProps){var O=e.defaultProps;for(D in O)w[D]===void 0&&(w[D]=O[D])}if(C||N){var A=typeof e=="function"?e.displayName||e.name||"Unknown":e;C&&xe(w,A),N&&ce(w,A)}return Xe(e,C,N,E,g,se.current,w)}}var Ke=$.ReactCurrentOwner,at=$.ReactDebugCurrentFrame;function ve(e){if(e){var o=e._owner,i=ee(e.type,e._source,o?o.type:null);at.setExtraStackFrame(i)}else at.setExtraStackFrame(null)}var Je;Je=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===l}function it(){{if(Ke.current){var e=B(Ke.current.type);if(e)return`
|
|
22
22
|
|
|
23
23
|
Check the render method of \``+e+"`."}return""}}function Rt(e){return""}var st={};function Tt(e){{var o=it();if(!o){var i=typeof e=="string"?e:e.displayName||e.name;i&&(o=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+i+">.")}return o}}function ct(e,o){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=Tt(o);if(st[i])return;st[i]=!0;var g="";e&&e._owner&&e._owner!==
|
|
25
|
+
Check the top-level render call using <`+i+">.")}return o}}function ct(e,o){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=Tt(o);if(st[i])return;st[i]=!0;var g="";e&&e._owner&&e._owner!==Ke.current&&(g=" It was passed a child from "+B(e._owner.type)+"."),ve(e),T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,g),ve(null)}}function ut(e,o){{if(typeof e!="object")return;if(Ee(e))for(var i=0;i<e.length;i++){var g=e[i];Qe(g)&&ct(g,o)}else if(Qe(e))e._store&&(e._store.validated=!0);else if(e){var E=m(e);if(typeof E=="function"&&E!==e.entries)for(var D=E.call(e),w;!(w=D.next()).done;)Qe(w.value)&&ct(w.value,o)}}}function _t(e){{var o=e.type;if(o==null||typeof o=="string")return;var i;if(typeof o=="function")i=o.propTypes;else if(typeof o=="object"&&(o.$$typeof===x||o.$$typeof===v))i=o.propTypes;else return;if(i){var g=B(o);ke(i,e.props,"prop",g,e)}else if(o.PropTypes!==void 0&&!Je){Je=!0;var E=B(o);T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",E||"Unknown")}typeof o.getDefaultProps=="function"&&!o.getDefaultProps.isReactClassApproved&&T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Dt(e){{for(var o=Object.keys(e.props),i=0;i<o.length;i++){var g=o[i];if(g!=="children"&&g!=="key"){ve(e),T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",g),ve(null);break}}e.ref!==null&&(ve(e),T("Invalid attribute `ref` supplied to `React.Fragment`."),ve(null))}}var dt={};function ft(e,o,i,g,E,D){{var w=ne(e);if(!w){var C="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(C+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var N=Rt();N?C+=N:C+=it();var O;e===null?O="null":Ee(e)?O="array":e!==void 0&&e.$$typeof===l?(O="<"+(B(e.type)||"Unknown")+" />",C=" Did you accidentally export a JSX literal instead of a component?"):O=typeof e,T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",O,C)}var A=St(e,o,i,E,D);if(A==null)return A;if(w){var U=o.children;if(U!==void 0)if(g)if(Ee(U)){for(var be=0;be<U.length;be++)ut(U[be],e);Object.freeze&&Object.freeze(U)}else T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ut(U,e)}if(G.call(o,"key")){var ue=B(e),Y=Object.keys(o).filter(function(Pt){return Pt!=="key"}),qe=Y.length>0?"{key: someKey, "+Y.join(": ..., ")+": ...}":"{key: someKey}";if(!dt[ue+qe]){var Ot=Y.length>0?"{"+Y.join(": ..., ")+": ...}":"{}";T(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,qe,ue,Ot,ue),dt[ue+qe]=!0}}return e===s?Dt(A):_t(A),A}}function It(e,o,i){return ft(e,o,i,!0)}function Bt(e,o,i){return ft(e,o,i,!1)}var Lt=Bt,Ft=It;_e.Fragment=s,_e.jsx=Lt,_e.jsxs=Ft}()),_e}process.env.NODE_ENV==="production"?nt.exports=At():nt.exports=Mt();var t=nt.exports;const et=60,gt=6,Ht=r=>{const{activeStepIndex:l,hideIndicators:c=!1,steps:s,stepperTheme:u={light:"eggplant.light",base:"eggplant.base"}}=r,{activeStep:d,setActiveStep:p}=n.useSteps({index:l,count:s.length});return k.useEffect(()=>{p(l)},[l,p]),t.jsx(n.Box,{position:"relative",width:"100%","data-testid":"stepper",children:t.jsx(n.Stepper,{role:"progressbar",index:d,width:"100%",display:"flex",flexWrap:"nowrap",children:s.map((b,x)=>{const f=d===x,h=x===0,v=x===s.length-1,j=d>x;let S=`${et}px`;const y=`calc(100% - ((${et*(s.length-1)}px) - (${s.length-1} * ${gt*2}px)))`;return f?S=y:(h||v)&&(S=`${et-gt}px`),t.jsx(n.Box,{width:S,opacity:j||f?1:.2,paddingRight:v?"0":"6px",paddingLeft:h?"0":"6px",transition:"width 0.4s ease-in-out, opacity 0.4s ease-in-out",children:t.jsx(n.Box,{paddingTop:c?2:5,position:"relative",width:"100%",children:t.jsx(n.Box,{width:"100%",position:"absolute",top:"0",backgroundColor:j?u.light:u.base,height:c?"4px":"8px",borderRadius:"4",left:"0"})})},`step-${x}`)})})})},$t=k.memo(Ht),zt=({children:r,...l})=>t.jsx(Z.Text,{color:"tints.uiGrey",fontSize:["md",null,null,"lg"],...l,children:r}),me=(r,l)=>{const c=(r==null?void 0:r.startsWith("http"))||(r==null?void 0:r.startsWith("mailto"));return l&&!c?{to:r}:{href:r}},De=k.forwardRef((r,l)=>{const{label:c,additionalContent:s,mainTextFontSize:u,linkComponent:d,href:p,forceMobileStyle:b=!1,...x}=r,f=d||n.Link,h=me(p,!!d),v=b?u||"xl":[u||"xl",null,null,"lg"],j=b?"xl":["xl",null,null,"lg"],S=b?void 0:[null,null,null,1],y=b?void 0:[null,null,null,"space-between"],R=b?"3":[3,null,null,0],m=b?"1px":["1px",null,null,"unset"],$=b?"tints.cream":["tints.cream",null,null,"unset"],T=b?"100%":["100%",null,null,"fit-content"],W=b?"none":["none",null,null,"block"],P=b?"100%":["100%",null,null,"auto"],z=b?"block":["block",null,null,"none"];return t.jsxs(n.Box,{ref:l,as:f,display:"flex",alignItems:"center",gap:S,justifyContent:y,paddingY:R,color:"tints.black",_hover:{color:"viridian.base",textDecoration:"none"},borderBottom:m,borderColor:$,width:T,cursor:"pointer",...h,...x,children:[t.jsx(n.Icon,{display:W,as:H.CaretRight,fontSize:"lg",color:"viridian.light",role:"img","aria-label":"Caret right icon",weight:"bold"}),t.jsxs(n.Flex,{alignItems:"center",gap:"1",width:P,children:[t.jsx(n.Text,{fontSize:v,fontWeight:"medium",children:c}),s&&(typeof s=="string"?t.jsx(n.Text,{fontSize:j,fontWeight:"medium",color:"tints.uiGrey",sx:{"a:hover &":{color:"viridian.base"}},children:s}):s),t.jsx(n.Icon,{display:z,as:H.CaretRight,fontSize:"2xl",color:"tints.uiGrey",role:"img","aria-label":"Caret right icon",marginLeft:"auto"})]})]})}),Ie=k.forwardRef((r,l)=>{const{children:c,isSelected:s,...u}=r,d=r.backgroundColor||(s?"tints.lightCream":"transparent");return t.jsx(n.Button,{ref:l,borderRadius:"full",backgroundColor:d,fontSize:"lg !important",fontWeight:"normal",color:"tints.black",sx:{"&[href]":{textDecoration:"none"}},_before:{content:'""',position:"absolute",top:[null,null,null,-6],right:[null,null,null,-2],bottom:[null,null,null,-6],left:[null,null,null,-2]},_hover:{backgroundColor:d,textDecoration:"none",filter:"brightness(0.95)"},...u,children:c})}),jt=({title:r,description:l,imageSrc:c,imageElement:s,button:u,backgroundColor:d="viridian.wash",onClick:p,href:b,linkComponent:x,forceMobileStyle:f=!1})=>{const S=x||n.Link,y=me(b,!!x),R=Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,desktop:!0});return t.jsxs(n.Flex,{direction:f?"row":["row",null,null,"column"],alignItems:"center",borderRadius:"xl",overflow:"hidden",height:f?"80px":["80px",null,null,"272px"],backgroundColor:d,onClick:p,"data-testid":"spotlight-card",position:"relative",transition:"box-shadow 0.2s ease-in-out",border:"1px solid",borderColor:"transparent",minWidth:f?"100%":["100%",null,null,"320px"],maxWidth:f?"100%":["100%",null,null,"380px"],_hover:{boxShadow:"lg",textDecoration:"none",border:"1px solid",borderColor:"tints.white"},as:f?S:R?n.Flex:S,...f?y:R?{}:y,children:[t.jsx(n.Box,{width:f?"72px":["72px",null,null,"100%"],height:f?"100%":["100%",null,null,"188px"],sx:{img:{height:f?"100%":R?"188px":"100%",objectFit:f?"cover":"contain"}},children:c?t.jsx(n.Image,{src:c,objectFit:"cover",width:"100%",alt:"","data-testid":"spotlight-card-image"}):t.jsx(n.Box,{height:f?80:[80,null,null,188],overflow:"hidden",...f?{sx:{div:{height:"100%"}}}:{},children:s})}),t.jsxs(n.Flex,{direction:f?"column":["column",null,null,"row"],justifyContent:f?void 0:[null,null,null,"space-between"],alignItems:f?"left":["left",null,null,"center"],padding:"4",height:f?"80px":["80px",null,null,"84px"],width:"100%",bottom:f?void 0:[null,null,null,"0"],backgroundColor:f?void 0:[null,null,null,`${d}CC`],backdropFilter:f?void 0:[null,null,null,"blur(8px)"],flex:"1",gap:f?void 0:[null,null,null,3],children:[t.jsxs(n.Flex,{direction:"column",justifyContent:"center",height:"100%",children:[t.jsx(n.Text,{fontSize:"lg",fontWeight:"medium",color:"tints.black",children:r}),t.jsx(n.Text,{fontSize:"sm",color:"tints.darkGrey",children:l})]}),f?null:R?t.jsx(n.Box,{children:u}):null]})]})},le=r=>t.jsx(n.IconButton,{size:"sm",width:["40px",null,null,"46px"],height:["40px",null,null,"46px"],padding:["2 !important",null,null,"3 !important"],colorScheme:"whiteCS",backgroundColor:"tints.cream",sx:{svg:{width:"24px",height:"24px"}},_hover:{backgroundColor:"tints.cream",filter:"brightness(0.95)"},...r}),yt=({color:r=n.theme.colors.viridian.base,width:l})=>t.jsx(Z.Box,{as:"svg",width:l,height:"auto",viewBox:"0 0 116 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"Everlywell Logo",children:t.jsx("g",{id:"Everlywell Logo",children:t.jsx("path",{fill:r,id:"Everlywell Logo_2",fillRule:"evenodd",clipRule:"evenodd",d:"M54.8224 1V17.8352H52.4272V1H54.8224ZM5.65731 14.992C4.9835 14.4474 4.59261 13.726 4.48231 12.8278H13.7822C13.9984 10.4829 13.5723 8.70006 12.5039 7.47915C11.4322 6.25824 9.93769 5.64945 8.01698 5.64945C6.23518 5.64945 4.78896 6.22479 3.67214 7.38216C2.55841 8.5395 2 9.92767 2 11.8377C2 13.7476 2.56171 15.273 3.68501 16.4136C4.80831 17.5542 6.30612 18.1229 8.18163 18.1229C9.11125 18.1229 10.0216 17.9489 10.9125 17.5944C11.8034 17.2431 12.533 16.7447 13.1075 16.1025L11.5517 14.5371C11.2095 14.9217 10.7253 15.2294 10.099 15.4636C9.46959 15.6944 8.84662 15.8115 8.22684 15.8115C7.18735 15.8115 6.33197 15.5372 5.65731 14.992ZM10.4671 8.60977C11.0772 9.10817 11.416 9.81395 11.4774 10.7305H4.52751C4.71152 9.81395 5.12475 9.10817 5.77027 8.60977C6.41589 8.11136 7.18735 7.86384 8.08473 7.86384C9.05966 7.86384 9.85696 8.11136 10.4671 8.60977ZM22.1465 17.8819L27.0047 5.93699H24.3771L22.6565 10.2486L20.8424 15.2828L18.8217 9.76697L17.2884 5.93699H14.6382L19.5189 17.8819H22.1465ZM30.3737 12.8244C30.4835 13.7242 30.8741 14.4467 31.5487 14.992C32.2234 15.5372 33.0788 15.8115 34.1181 15.8115C34.7379 15.8115 35.361 15.6944 35.9905 15.4636C36.6166 15.2294 37.1009 14.9217 37.4431 14.5371L38.999 16.1025C38.4244 16.7447 37.6948 17.2431 36.8039 17.5944C35.9129 17.9489 35.0027 18.1229 34.0729 18.1229C32.1975 18.1229 30.6997 17.5542 29.5764 16.4136C28.453 15.273 27.8914 13.7476 27.8914 11.8377C27.8914 9.92767 28.4498 8.5395 29.5635 7.38216C30.6804 6.22479 32.1265 5.64945 33.9084 5.64945C35.829 5.64945 37.3236 6.25824 38.3952 7.47915C39.4638 8.70006 39.8899 10.4829 39.6736 12.8278H30.3769L30.3737 12.8244ZM37.3688 10.7305C37.3075 9.81395 36.9685 9.10817 36.3584 8.60977C35.7483 8.11136 34.951 7.86384 33.9762 7.86384C33.0788 7.86384 32.3073 8.11136 31.6617 8.60977C31.0161 9.10817 30.6029 9.81395 30.4189 10.7305H37.3688ZM44.5032 7.5263L44.3418 5.96085H44.3385H42.108V17.8355H44.5032V11.4031C44.5032 10.3595 44.8001 9.5567 45.3877 8.99473C45.9751 8.43278 46.7112 8.15181 47.5956 8.15181C48.3703 8.15181 49.0417 8.39264 49.6163 8.87432L50.7073 6.70677C49.9811 6.03445 49.0353 5.6966 47.8732 5.6966C46.2914 5.6966 45.1681 6.30539 44.5032 7.5263ZM60.3782 12.3193V5.96054H57.983V12.3428C57.983 14.1089 58.4286 15.5004 59.3195 16.5106C60.2104 17.5241 61.3789 18.0292 62.8186 18.0292C64.552 18.0292 65.8787 17.387 66.7923 16.1025V18.1262C66.7923 19.2669 66.4824 20.1499 65.8626 20.7754C65.2429 21.401 64.494 21.7154 63.6094 21.7154C61.8889 21.7154 60.8754 20.9661 60.5654 19.4742H58.2187C58.3252 20.9326 58.8644 22.0532 59.8327 22.8326C60.8011 23.612 62.1214 24 63.6546 24C65.188 24 66.4727 23.5049 67.5121 22.5081C68.5515 21.5147 69.0712 20.0697 69.0712 18.1731V5.96054H66.6761V12.1521C66.6761 13.1623 66.3791 14.0153 65.7819 14.7043C65.188 15.3967 64.4681 15.7412 63.4933 15.7412C62.5184 15.7412 61.7566 15.4268 61.2047 14.8013C60.6526 14.1725 60.3782 13.3463 60.3782 12.3193ZM81.5989 5.93699L84.3427 15.2828L87.1768 5.93699H89.8496L85.8275 17.8819H83.0385L81.6892 13.9315L80.5724 9.79039L79.4328 13.9315L78.0836 17.8819H75.2945L71.2498 5.93699H73.9453L76.7795 15.2828L79.5232 5.93699H81.5924H81.5989ZM94.65 14.992C93.9754 14.4467 93.5848 13.7242 93.475 12.8244L93.4847 12.8278H102.781C102.998 10.4829 102.572 8.70006 101.503 7.47915C100.431 6.25824 98.9368 5.64945 97.0162 5.64945C95.2343 5.64945 93.785 6.22479 92.668 7.38216C91.5544 8.5395 90.9959 9.92767 90.9959 11.8377C90.9959 13.7476 91.5576 15.273 92.6809 16.4136C93.8043 17.5542 95.3021 18.1229 97.1775 18.1229C98.1073 18.1229 99.0175 17.9489 99.9084 17.5944C100.799 17.2431 101.529 16.7447 102.103 16.1025L100.544 14.5371C100.202 14.9217 99.7212 15.2328 99.0918 15.4636C98.4623 15.6944 97.8393 15.8115 97.2196 15.8115C96.1802 15.8115 95.3247 15.5372 94.65 14.992ZM99.4598 8.60977C100.07 9.10817 100.409 9.81395 100.47 10.7305H93.5202C93.7042 9.81395 94.1175 9.10817 94.763 8.60977C95.4086 8.11136 96.1802 7.86384 97.0774 7.86384C98.0524 7.86384 98.8465 8.11136 99.4598 8.60977ZM107.698 1V17.8352H105.303V1H107.698ZM113.53 17.8352V1H111.135V17.8352H113.53Z"})})}),xt=()=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"eggplant.base",children:[t.jsx("path",{d:"M21.5308 20.4694L16.8368 15.7763C18.1973 14.1429 18.8757 12.0478 18.7309 9.92697C18.5861 7.8061 17.6293 5.82271 16.0593 4.38938C14.4894 2.95605 12.4274 2.18314 10.3021 2.23144C8.17687 2.27974 6.15205 3.14553 4.64888 4.6487C3.14571 6.15187 2.27993 8.17669 2.23163 10.3019C2.18333 12.4272 2.95623 14.4893 4.38956 16.0592C5.82289 17.6291 7.80629 18.586 9.92715 18.7308C12.048 18.8756 14.1431 18.1971 15.7765 16.8366L20.4696 21.5307C20.5393 21.6003 20.622 21.6556 20.713 21.6933C20.8041 21.731 20.9017 21.7505 21.0002 21.7505C21.0988 21.7505 21.1963 21.731 21.2874 21.6933C21.3784 21.6556 21.4612 21.6003 21.5308 21.5307C21.6005 21.461 21.6558 21.3783 21.6935 21.2872C21.7312 21.1962 21.7506 21.0986 21.7506 21C21.7506 20.9015 21.7312 20.8039 21.6935 20.7129C21.6558 20.6218 21.6005 20.5391 21.5308 20.4694ZM3.75021 10.5C3.75021 9.16501 4.14609 7.85996 4.88779 6.74993C5.62949 5.6399 6.6837 4.77474 7.9171 4.26384C9.1505 3.75295 10.5077 3.61928 11.8171 3.87973C13.1264 4.14018 14.3292 4.78306 15.2732 5.72706C16.2172 6.67106 16.8601 7.8738 17.1205 9.18317C17.381 10.4925 17.2473 11.8497 16.7364 13.0831C16.2255 14.3165 15.3603 15.3708 14.2503 16.1125C13.1403 16.8542 11.8352 17.25 10.5002 17.25C8.71061 17.248 6.99488 16.5363 5.72944 15.2708C4.464 14.0054 3.7522 12.2896 3.75021 10.5Z",fill:"eggplant.base"}),t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.93432 8.99032C9.86202 8.81476 9.55628 8.81476 9.48398 8.99032C8.95816 10.2671 7.93748 11.2877 6.66073 11.8136C6.48517 11.8859 6.48517 12.1916 6.66073 12.2639C7.93745 12.7897 8.95815 13.8103 9.484 15.087C9.55631 15.2626 9.86199 15.2626 9.9343 15.087C10.4601 13.8104 11.4808 12.7897 12.7574 12.2639C12.933 12.1916 12.933 11.8859 12.7574 11.8136C11.4807 11.2877 10.4601 10.267 9.93432 8.99032Z",fill:"eggplant.base"}),t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.4348 6.02138C12.3946 5.92618 12.2266 5.92618 12.1864 6.02138C11.9181 6.65674 11.4092 7.16564 10.7738 7.43399C10.6786 7.4742 10.6786 7.64219 10.7738 7.68239C11.4092 7.95073 11.9181 8.45961 12.1864 9.09493C12.2267 9.19012 12.3946 9.19012 12.4348 9.09493C12.7032 8.45962 13.2121 7.95073 13.8474 7.68238C13.9426 7.64217 13.9426 7.47421 13.8474 7.434C13.212 7.16564 12.7032 6.65672 12.4348 6.02138Z",fill:"eggplant.base"})]}),kt=({desktopTopButtons:r,kitRegistrationElement:l,profileElement:c,cartElement:s,onSearchClick:u,onMenuClick:d,hasSearch:p=!1,onEvaClick:b,hasEvaEnabled:x=!1,logoLink:f="https://www.everlywell.com",setTopOffset:h,linkComponent:v,onLogoClick:j})=>{const S=k.useRef(null),[y]=n.useMediaQuery(`(max-width: ${n.theme.breakpoints.mediumTablet})`),[R]=n.useMediaQuery(`(max-width: ${n.theme.breakpoints.mediumDesktop})`),m=k.useCallback(()=>{if(S.current){const $=S.current.getBoundingClientRect();h($.bottom)}},[]);return k.useEffect(()=>{m()},[m]),t.jsx(n.Box,{ref:S,paddingY:"4",paddingX:y?4:R?6:8,borderBottom:"1px solid",borderColor:"tints.lightCream",backgroundColor:"tints.white",width:"100%",onMouseEnter:m,children:t.jsxs(n.Flex,{justifyContent:"space-between",alignItems:"center",children:[t.jsxs(n.Flex,{alignItems:"center",gap:"5",children:[t.jsx(n.Box,{"aria-label":"Go to homepage",onClick:j,as:v||n.Link,...me(f,!!v),children:t.jsx(yt,{width:"116px"})}),t.jsx(n.Flex,{display:["none",null,"none","none","flex","flex"],children:r})]}),t.jsxs(n.Flex,{alignItems:"center",gap:"2",children:[t.jsx(n.Box,{display:["none",null,"none","none","none","block"],children:l}),p?x?y?t.jsx(le,{"aria-label":"Search",icon:t.jsx(xt,{}),onClick:b,backgroundColor:"eggplant.wash",fill:"eggplant.base",_hover:{backgroundColor:"eggplant.wash",filter:"brightness(0.95)"}}):t.jsxs(n.Button,{height:"48px",fontSize:"lg",color:"eggplant.base",backgroundColor:"eggplant.wash",_hover:{backgroundColor:"eggplant.wash",filter:"brightness(0.95)"},fill:"eggplant.base",gap:2,onClick:b,children:[t.jsx(xt,{}),t.jsx("span",{children:"Search or Ask"})]}):t.jsx(le,{"aria-label":"Search",icon:t.jsx(n.Icon,{as:H.MagnifyingGlass}),onClick:u,backgroundColor:"tints.cream",color:"tints.black",_hover:{backgroundColor:"tints.cream",filter:"brightness(0.95)"}}):null,s,t.jsx(n.Box,{display:["flex",null,null,"flex","flex","flex","none"],children:t.jsx(le,{icon:t.jsx(H.List,{}),"aria-label":"menu","data-testid":"menu-button",onClick:d})}),t.jsx(n.Box,{display:["none",null,null,"none","none","none","block"],children:c})]})]})})},Et=({count:r=0,...l})=>t.jsxs(n.Box,{position:"relative",display:"inline-block",children:[t.jsx(le,{icon:t.jsx(H.Basket,{}),...l}),r>0&&t.jsx(n.Box,{display:"flex",minWidth:"20px",height:"20px",py:"4px",px:"6px",justifyContent:"center",alignItems:"center",position:"absolute",right:"-4px",top:"-4px",borderRadius:"32px",background:"viridian.base",color:"white",fontSize:"xs",fontWeight:"normal",children:r})]}),Wt=({numDesktopLinks:r=5,showPromoButton:l=!1})=>t.jsx(n.VStack,{spacing:0,align:"stretch",children:t.jsx(n.Box,{paddingY:4,paddingX:6,borderBottomWidth:"1px",borderColor:"tints.lightCream",children:t.jsxs(n.Flex,{justify:"space-between",align:"center",children:[t.jsx(n.Skeleton,{w:"120px",h:"48px"}),t.jsxs(n.HStack,{spacing:8,marginLeft:12,display:["none",null,null,"flex"],"data-testid":"desktop-nav",children:[Array.from({length:r}).map((c,s)=>t.jsx(n.Skeleton,{width:"90px",height:"48px"},s)),l&&t.jsx(n.Skeleton,{width:"110px",height:"48px",borderRadius:"full"})]}),t.jsxs(n.HStack,{spacing:4,ml:"auto",children:[t.jsx(n.SkeletonCircle,{width:"120px",height:"48px",display:["none",null,null,"block"],"data-testid":"register-kit"})," ",t.jsx(n.SkeletonCircle,{width:"48px",height:"48px"})," ",t.jsx(n.SkeletonCircle,{width:"48px",height:"48px"})," ",t.jsx(n.SkeletonCircle,{width:"48px",height:"48px"})," "]})]})})}),Nt=(r,l)=>{let c;return(...s)=>{c&&clearTimeout(c),c=setTimeout(()=>{r(...s)},l)}},tt=r=>r.toLowerCase().replace(/['']/g,"").replace(/[^a-z0-9]/g,""),Vt=(r,l)=>{r.length<l.length&&([r,l]=[l,r]);let c=Array(l.length+1).fill(0),s=Array(l.length+1).fill(0);for(let u=0;u<=l.length;u++)c[u]=u;for(let u=1;u<=r.length;u++){s[0]=u;for(let d=1;d<=l.length;d++){const p=r[u-1]===l[d-1]?0:1;s[d]=Math.min(s[d-1]+1,c[d]+1,c[d-1]+p)}[c,s]=[s,c]}return c[l.length]},Ne=(r,l,c=.6)=>{if(r.length<=3||l.length<=3)return r.includes(l)||l.includes(r);const s=Vt(r,l),u=Math.max(r.length,l.length);return 1-s/u>=c},vt=(r,l)=>{const c=r.split(/\s+/);return l.length<=4?c.some(s=>s.includes(l)):c.some(s=>{if(Ne(s,l))return!0;if(s.length>=l.length)for(let u=0;u<=s.length-l.length;u++){const d=s.slice(u,u+l.length+1);if(Ne(l,d))return!0}return!1})},rt="nav-drawer-hover",ot="nav-drawer-animation-start",lt="nav-drawer-animation-end",bt=r=>{window.dispatchEvent(new CustomEvent(rt,{detail:{isHovering:r},bubbles:!0,cancelable:!0}))},mt=r=>{window.dispatchEvent(new CustomEvent(r,{bubbles:!0,cancelable:!0}))},Yt=(r=!1,l=!1,c=!1)=>r||!l?"column":c?"row":"row-reverse",Gt=We.motion(n.DrawerContent),Ut=We.motion(n.DrawerOverlay),ze=({isOpen:r=!1,onClose:l,title:c,navDrawerLinks:s,bottomNavButtons:u,spotlightCards:d,bottomButton:p,hasBackButton:b=!0,onBackClick:x,hasOnlySpotlightCards:f=!1,hasSearch:h=!1,onSearch:v=()=>({}),topOffset:j,forceMobilePlacement:S=!1})=>{var V,te,ne,q,_,B;const y=Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,mediumDesktop:!0,desktop:!0,fullDesktop:!0})??!1,R=S?"right":y?"top":"right",m=R==="right",[$,T]=k.useState(0),[W,P]=k.useState(!1),z=()=>{T(L=>L+1)},K=k.useCallback(Nt(L=>{v(L),z()},100),[]);k.useEffect(()=>{r&&(P(!0),mt(ot))},[r]);const Q=()=>{r||(P(!1),l()),mt(lt)};return t.jsx(n.Drawer,{isOpen:W||r,closeOnOverlayClick:!0,onClose:()=>{W&&!m||l()},placement:R,blockScrollOnMount:!1,autoFocus:!1,...m?{styleConfig:{baseStyle:{...n.theme.components.Drawer.baseStyle,dialogContainer:{...(te=(V=n.theme.components.Drawer)==null?void 0:V.baseStyle)==null?void 0:te.dialogContainer,zIndex:"popover"},dialog:{...(q=(ne=n.theme.components.Drawer)==null?void 0:ne.baseStyle)==null?void 0:q.dialog,maxW:"560px",width:"auto"}}}}:{styleConfig:{baseStyle:{...n.theme.components.Drawer.baseStyle,dialogContainer:{...(B=(_=n.theme.components.Drawer)==null?void 0:_.baseStyle)==null?void 0:B.dialogContainer,top:`${j}px`,zIndex:"overlay"}}}},children:t.jsx(We.AnimatePresence,{children:r?t.jsxs(t.Fragment,{children:[t.jsx(Ut,{backgroundColor:"tints.black",top:m?"0":`${j}px`,opacity:m?"0.4 !important":void 0,zIndex:m?"modal":"overlay",...m?{}:{initial:{opacity:0},animate:{opacity:.4},exit:{opacity:0},transition:{duration:.2,delay:.15,ease:"easeOut"}}}),t.jsxs(Gt,{onClick:L=>{const re=L.target.closest("a");re&&re.href===window.location.href&&l()},onMouseEnter:()=>{m||bt(!0)},onMouseLeave:L=>{m||(!h||h&&(L.target===L.currentTarget||!L.currentTarget.contains(L.target)&&!W))&&bt(!1)},paddingTop:"4",paddingX:m?"4":"12",paddingBottom:"24",overflow:m?"auto":"hidden",maxHeight:"100vh",position:"relative",top:m?void 0:`${j}px !important`,onAnimationComplete:Q,boxShadow:"none",...m?{initial:!1,animate:!1,exit:!1}:{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3}},children:[!h&&!m?null:t.jsxs(n.DrawerHeader,{padding:"0",flexDirection:h?"column":"row",gap:h?"4":"0",children:[m?t.jsxs(n.Flex,{width:"100%",justifyContent:"space-between",alignItems:"center",children:[b?t.jsx(le,{icon:t.jsx(H.CaretLeft,{}),onClick:()=>{x&&x()},"aria-label":"Back"}):null,t.jsx(n.Text,{color:"tints.uiGrey",fontSize:"xl",children:c}),t.jsx(le,{icon:t.jsx(H.X,{}),onClick:l,"aria-label":"Close"})]}):null,h&&t.jsxs(Z.InputGroup,{width:"100%",children:[t.jsx(Z.Input,{onChange:L=>{K(L.target.value)},placeholder:"Search",autoFocus:!0,width:"full",type:"search"}),t.jsx(Z.InputRightElement,{pointerEvents:"none",children:t.jsx(Z.Icon,{as:H.MagnifyingGlass,color:"gray.500"})})]})]}),t.jsx(n.DrawerBody,{paddingX:"0",paddingBottom:m?"6":"4","data-testid":`navbar-drawer-body-${c.toLowerCase()}`,children:t.jsxs(We.motion.div,{...m?{}:{initial:{opacity:0,y:-5},animate:{opacity:1,y:0},exit:{opacity:0,y:-5},transition:{duration:.5,delay:.2,ease:[.4,0,.2,1],exit:{duration:.5,delay:.2,ease:[.4,0,.2,1]}}},style:{display:"flex",flexDirection:Yt(f,!m,h),gap:"24px",justifyContent:"space-between"},children:[d?t.jsx(n.Box,{gap:m?"3":"6",display:"flex",justifyContent:m?void 0:"center",sx:{flexWrap:"wrap",flexDirection:m?"column":"row"},children:d}):null,t.jsxs(n.Flex,{position:m?void 0:"relative",flexDirection:"column",gap:"6",width:m?"100%":h?void 0:"auto",children:[s?t.jsx(n.Box,{children:s}):null,u&&m?t.jsx(n.Box,{children:u}):null,p?t.jsx(n.Box,{width:"100%",position:m?void 0:"absolute",bottom:m?void 0:0,...m?{sx:{a:{width:"100%"}}}:{},children:p}):null]})]},$)})]})]}):null})})},Zt=({source:r,onSearchCallback:l,isActive:c})=>{const[s,u]=k.useState(""),[d,p]=k.useState([]),b=(h,v)=>{if(!h)return[];const S=tt(h).split(/\s+/);return v.filter(y=>{const R=tt(y.label);if(S.some(P=>vt(R,P)))return!0;const $=R.split(/\s+/),T=S.some(P=>$.some(z=>z.includes(P)||Ne(P,z))),W=typeof y.additionalContent=="string"&&S.some(P=>{const z=tt(y.additionalContent);return vt(z,P)||z.split(/\s+/).some(K=>K.includes(P)||Ne(P,K))});return T||W}).sort((y,R)=>y.label.localeCompare(R.label))},x=h=>{if(u(h),!h){p([]);return}const v=b(h,r);p(v),l&&l(h,v)},f=()=>{u(""),p([])};return k.useEffect(()=>{c||(u(""),p([]))},[c]),{query:s,results:d,handleClose:f,handleSearch:x}},Kt=r=>{const l=new Set;return r.reduce((c,s)=>{var d;const u=((d=s.sections)==null?void 0:d.reduce((p,b)=>{const x=b.links.filter(f=>l.has(f.label)||f.isSearchable!==!0?!1:(l.add(f.label),!0));return[...p,...x]},[]))??[];return[...c,...u]},[])},Xt=({categories:r=[],onCartClick:l,mainCategoryLabel:c="Menu",logoLink:s="https://www.everlywell.com",hasSearch:u=!0,hasEvaEnabled:d=!1,onEvaClick:p,onSearchClick:b,registrationUrl:x,profileUrl:f="https://secure.everlywell.com/login",mobileBottomButtons:h=[],numberOfCartItems:v=0,linkComponent:j,onSearchCallback:S,onLinkClick:y,onCategoryOpen:R,onMobileMenuOpen:m,onBackToMainMenu:$,onRegisterKitClick:T,onProfileClick:W,onLogoClick:P,shopAllProductsUrl:z,onShopAllProductsClick:K,hideableButtons:Q})=>{var $e,Se,Re;const[V,te]=k.useState(!1),[ne,q]=k.useState(!1),[_,B]=k.useState(null),[L,J]=k.useState(!1),[re,Be]=k.useState(!1),[de,Le]=k.useState(0),[Fe,Ce]=k.useState(!1),[we,oe]=k.useState(!1);k.useEffect(()=>{const a=()=>Ce(!0),I=()=>Ce(!1);return window.addEventListener(ot,a),window.addEventListener(lt,I),()=>{window.removeEventListener(ot,a),window.removeEventListener(lt,I)}},[]);const Oe=Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,mediumDesktop:!0,desktop:!0,fullDesktop:!0})??!1,ae=Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,mediumDesktop:!1,desktop:!1,fullDesktop:!0})??!1,je=!ae,ye=Z.useBreakpointValue({base:!0,tablet:!0,largeTablet:!0,mediumDesktop:!1,desktop:!1,fullDesktop:!1})??!0;k.useEffect(()=>{ee(),B(null)},[Oe]);const{query:fe,results:ie,handleSearch:he}=Zt({source:Kt(r),onSearchCallback:S,isActive:ne}),Pe=ie.length>0,pe=j||n.Link,Ve=me(z,!!j),Ye=fe&&t.jsxs(n.Flex,{gap:Pe?"6":0,direction:"column",children:[Pe?t.jsx(n.Text,{color:"tints.uiGrey",children:`${ie.length} Results`}):t.jsxs(n.Flex,{direction:"column",gap:"6",alignItems:"flex-start",children:[t.jsx(n.Text,{color:"tints.uiGrey",children:"We didn't find what you were looking for."}),t.jsx(n.Button,{as:pe,onClick:K,_hover:{textDecoration:"none"},width:["100%",null,null,"auto"],...Ve,children:"Shop all products"})]}),t.jsx(n.Grid,{columns:[1,1,1,4],children:ie.map((a,I)=>t.jsx(n.GridItem,{children:t.jsx(De,{href:a.href,label:a.label,additionalContent:a==null?void 0:a.additionalContent,linkComponent:j,forceMobileStyle:!Oe})},`${a.label}-${I}`))})]}),ee=()=>{te(!1),B(null)},G=a=>"href"in a,Ae=a=>{G(a)?y==null||y(a.label):(oe(V||!ae),B(a))},Me=a=>{J(!0),q(!1),B(null),!G(a)&&(a.sections||a.spotlightCards)&&(oe(!1),B(a))},ge=()=>{J(!1)};k.useEffect(()=>{const a=I=>{Be(I.detail.isHovering)};return window.addEventListener(rt,a),()=>{window.removeEventListener(rt,a)}},[]),k.useEffect(()=>{!L&&!re&&(B(null),q(!1),!V&&ae&&oe(!1))},[L,re,V,ae]),k.useEffect(()=>{let a=window.location.href;const I=()=>{const M=window.location.href;M!==a&&(a=M,ee(),B(null))},F=setInterval(I,100);return window.addEventListener("popstate",I),()=>{window.removeEventListener("popstate",I),clearInterval(F)}},[]);const ke=a=>G(a)&&(!a.buttonProps||Object.keys(a.buttonProps).length===0||a.buttonProps===void 0),Ge=r==null?void 0:r.map((a,I)=>{var M,xe;const F=Q.includes(a.label);return t.jsx(Ie,{height:"48px",paddingInline:"16px !important",onMouseEnter:()=>{Me(a),R==null||R(a.label)},onMouseLeave:ge,isSelected:(_==null?void 0:_.label)===a.label,as:G(a)&&pe?pe:n.Link,href:G(a)?a.href:void 0,onClick:G(a)?()=>y==null?void 0:y(a.label):void 0,...F&&{display:{base:"none",fullDesktop:"flex"}},...((M=a==null?void 0:a.context)==null?void 0:M.desktop)==="link"||ke(a)?{_hover:{backgroundColor:"tints.lightCream",textDecoration:"none",filter:"brightness(0.95)"}}:{},...((xe=a==null?void 0:a.context)==null?void 0:xe.desktop)!=="link"&&a.buttonProps,children:a.label},`${a.label}-${I}`)}),Ee=($e=r.filter(a=>{var I;return((I=a==null?void 0:a.context)==null?void 0:I.mobile)==="link"||(!G(a)&&a.isMobileTopLink!==!1||ke(a))&&(je&&Q.includes(a.label)||ye)}))==null?void 0:$e.map((a,I)=>{var M;const F=a;return ke(F)||((M=F==null?void 0:F.context)==null?void 0:M.mobile)==="link"?t.jsx(n.Box,{children:t.jsx(De,{label:F.label,role:"link",href:F.href,mainTextFontSize:"3xl",linkComponent:j,forceMobileStyle:!0})},`${F.label}-${I}`):t.jsx(n.Box,{onClick:()=>{Ae(F),R==null||R(F.label)},children:t.jsx(De,{label:F.label,role:"link",additionalContent:F.additionalContent,mainTextFontSize:"3xl",linkComponent:j,forceMobileStyle:!0})},`${F.label}-${I}`)}),Ue=t.jsxs(t.Fragment,{children:[t.jsx(Ie,{as:n.Link,href:f,width:"100%",backgroundColor:"tints.cream",onClick:W,children:t.jsxs(n.Flex,{gap:"2",children:["Log in to My Everly",t.jsx(n.Icon,{as:H.User,size:24})]})},"my-everly"),t.jsx(Ie,{as:n.Link,width:"100%",href:x,backgroundColor:"tints.cream",onClick:T,children:t.jsxs(n.Flex,{gap:"2",children:["Register kit",t.jsx(n.Icon,{as:H.QrCode,size:24})]})},"register-kit")]}),Ze=t.jsxs(n.Flex,{gap:"2",flexDirection:"column",children:[h,Ue]}),X=we||V,He=_?t.jsx(n.Flex,{direction:X?"column":["column",null,null,"row"],gap:"8",children:(Se=_==null?void 0:_.sections)==null?void 0:Se.map((a,I)=>{const F=[];for(let M=0;M<a.links.length;M+=3)F.push(a.links.slice(M,M+3));return t.jsxs(n.Box,{children:[t.jsx(n.Text,{fontSize:"md",color:"tints.uiGrey",marginBottom:X?0:[0,null,null,6],children:a.title}),t.jsx(n.Flex,{flexDirection:X?"column":["column",null,null,"row"],gap:X?void 0:[null,null,null,8],children:F==null?void 0:F.map((M,xe)=>t.jsx(n.Flex,{flexDirection:"column",gap:X?void 0:[null,null,null,5],marginLeft:X?void 0:[null,null,null,-2],children:M==null?void 0:M.map((ce,Ke)=>t.jsx(De,{label:ce.label,href:ce.href,additionalContent:ce.additionalContent,linkComponent:j,forceMobileStyle:X,onClick:()=>y==null?void 0:y(ce.label)},`${ce.label}-${Ke}`))},xe))})]},`${a.title}-${I}`)})}):null,se=_!=null&&_.spotlightCards?(Re=_.spotlightCards)==null?void 0:Re.map((a,I)=>t.jsx(jt,{...a,forceMobileStyle:X},`${a.title}-${I}`)):t.jsx(n.Box,{});return t.jsxs(n.Box,{as:"nav","aria-label":"Main navigation",position:"sticky",top:"0",width:"100%",zIndex:["sticky",null,null,Fe?"modal":"sticky"],children:[t.jsx(kt,{desktopTopButtons:Ge,kitRegistrationElement:t.jsx(Ie,{as:n.Link,height:"48px",paddingInline:"16px !important",href:x,onClick:T,backgroundColor:"tints.cream",children:"Register Kit"}),profileElement:t.jsx(n.Link,{href:f,"aria-label":"login",onClick:W,children:t.jsx(le,{icon:t.jsx(n.Icon,{as:H.User}),"aria-label":"Profile"})}),cartElement:t.jsx(Et,{"aria-label":"Cart",count:v,onClick:l}),onSearchClick:()=>{q(!ne),b==null||b()},onMenuClick:()=>{te(!0),m==null||m()},hasSearch:u,hasEvaEnabled:d,onEvaClick:p,logoLink:s,linkComponent:j,onLogoClick:P,setTopOffset:Le}),t.jsxs(n.Box,{position:"relative",zIndex:"modal",children:[t.jsx(ze,{isOpen:V,onClose:ee,title:c,navDrawerLinks:Ee,bottomNavButtons:Ze,hasBackButton:!1,topOffset:de,forceMobilePlacement:!0}),t.jsx(ze,{isOpen:!!_,onClose:()=>{ee(),B(null),V||oe(!1)},title:(_==null?void 0:_.label)||"",navDrawerLinks:He,onBackClick:()=>{B(null),V||oe(!1)},spotlightCards:se,hasOnlySpotlightCards:_==null?void 0:_.hasOnlySpotlightCards,bottomButton:_==null?void 0:_.bottomButton,topOffset:de,forceMobilePlacement:we||V||V&&!ae}),t.jsx(ze,{isOpen:ne,onClose:()=>q(!1),title:"Search",navDrawerLinks:Ye,onSearch:he,hasSearch:!0,hasBackButton:!1,topOffset:de})]})]})},Ct=({links:r,linkComponent:l,onLinkClick:c})=>{const s=l||n.Link,u=d=>{c&&c(d)};return t.jsx(n.Flex,{direction:"column",gap:6,children:r.map(d=>t.jsx(n.Text,{as:s,color:"white",size:"lg",_hover:{color:"viridian.lighter",textDecoration:"none"},onClick:()=>u(d.label),...me(d.href,!!l),children:d.label},d.label))})},Jt=({title:r,links:l,isLast:c})=>{const s=c?"transparent":`${n.theme.colors.viridian.lighter}20`;return l?t.jsx(n.AccordionItem,{borderColor:s,children:({isExpanded:u})=>t.jsxs(t.Fragment,{children:[t.jsxs(n.AccordionButton,{paddingX:0,paddingY:4,_hover:{bg:"transparent"},children:[t.jsx(n.Text,{color:"viridian.lighter",size:"lg",flex:"1",textAlign:"left",children:r}),t.jsx(n.Icon,{as:H.CaretDown,size:"sm",color:"viridian.lighter",transform:u?"rotate(-180deg)":"rotate(0deg)",transition:"transform 0.3s ease"})]}),t.jsx(n.AccordionPanel,{pb:4,px:0,children:l})]})}):null},Qt=({title:r,links:l})=>l?t.jsxs(n.Box,{children:[t.jsx(n.Text,{color:"viridian.lighter",mb:6,fontSize:"lg",children:r}),l]}):null,qt=({sections:r,linkComponent:l,onLinkClick:c})=>Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!0,desktop:!0})?t.jsx(n.Flex,{justify:"space-between",align:"flex-start",children:t.jsx(n.Flex,{gap:120,children:r.map(({title:u,links:d})=>t.jsx(Qt,{title:u,links:t.jsx(Ct,{links:d,linkComponent:l,onLinkClick:c})},u))})}):t.jsx(n.Accordion,{allowMultiple:!0,defaultIndex:[0],width:"100%",display:"flex",flexDirection:"column",children:r.map(({title:u,links:d},p)=>t.jsx(Jt,{title:u,links:t.jsx(Ct,{links:d,linkComponent:l,onLinkClick:c}),isLast:p===r.length-1},u))}),wt={instagram:H.InstagramLogo,linkedin:H.LinkedinLogo,facebook:H.FacebookLogo,tiktok:H.TiktokLogo,x:H.XLogo},en=({socialLinks:r,onEmailSubmit:l,socialMediaLabel:c,newsletterLabel:s,onLinkClick:u,showNewsletter:d=!0})=>{const[p,b]=k.useState(""),x=()=>{p&&l&&(l(p),b(""))},f=v=>{v.key==="Enter"&&x()},h=v=>{u&&u(v)};return t.jsxs(n.Box,{width:["100%",null,null,"440px"],children:[d&&t.jsxs(n.Box,{mb:[8,10],children:[t.jsx(n.Text,{color:"viridian.lighter",mb:6,size:"lg",children:s}),t.jsxs(n.InputGroup,{children:[t.jsx(n.Input,{placeholder:"Enter your email",bg:"transparent",border:"1px solid",borderColor:"viridian.lighter",color:"viridian.lighter",_placeholder:{color:"viridian.lighter"},opacity:.66,height:"52px",pr:"48px",value:p,onChange:v=>b(v.target.value),onKeyPress:f}),t.jsx(n.InputRightElement,{h:"52px",pr:4,children:t.jsx(n.Icon,{as:H.ArrowRight,color:"viridian.lighter",width:"24px",height:"24px",opacity:.66,cursor:"pointer",onClick:x,"data-testid":"arrow-right-icon",role:"button","aria-label":"Submit"})})]})]}),t.jsxs(n.Box,{children:[t.jsx(n.Text,{color:"viridian.lighter",marginBottom:4,size:"lg",children:c}),t.jsx(n.Flex,{gap:3,children:r==null?void 0:r.map(v=>t.jsx(n.Link,{href:v.href,target:"_blank",rel:"noopener noreferrer","aria-label":v.name,onClick:()=>h(v.name),children:wt[v.name.toLowerCase()]&&t.jsx(n.Icon,{as:wt[v.name.toLowerCase()],color:"white",width:["48px",null,"24px",null],height:["48px",null,"24px",null]})},v.name))})]})]})},tn=({links:r,linkComponent:l,onLinkClick:c})=>{const s=l||n.Link,u=p=>{c&&c(p)},d=r==null?void 0:r.map(p=>t.jsx(n.Text,{as:s,color:"viridian.lighter",size:"sm",_hover:{color:"white",textDecoration:"none"},onClick:()=>u(p.label),...me(p.href,!!l),children:p.label},p.label));return t.jsxs(n.Flex,{direction:["column","column","row"],justify:"space-between",align:["flex-start","flex-start","center"],gap:[6,6,0],children:[t.jsx(n.Flex,{direction:"row",flexWrap:"wrap",gap:[4,6,10],width:["100%","auto"],children:d}),t.jsxs(n.Text,{color:"viridian.lighter",fontSize:"sm",children:["© Everlywell ",new Date().getFullYear()]})]})},nn=k.forwardRef(({navigationSections:r=[],disclaimer:l,newsletterLabel:c,socialMediaLabel:s,socialLinks:u,complianceLinks:d,linkComponent:p,onEmailSubmit:b,additionalContent:x,onLinkClick:f,onSocialMediaClick:h,showNewsletter:v=!0},j)=>t.jsx(n.Box,{as:"footer",bg:"viridian.dark",py:[6,8],px:[4,6],ref:j,children:t.jsxs(n.Container,{size:"fluid",children:[t.jsxs(n.Flex,{direction:"column",gap:[8,12],children:[t.jsx(n.Box,{children:t.jsx(yt,{width:["150px","202px"],color:"white"})}),t.jsxs(n.Flex,{direction:["column",null,null,"row"],justify:"space-between",align:["flex-start"],gap:[8,8,8,0],children:[t.jsx(qt,{sections:r,linkComponent:p,onLinkClick:f}),t.jsx(en,{socialLinks:u,newsletterLabel:c,socialMediaLabel:s,onEmailSubmit:b,onLinkClick:h,showNewsletter:v})]}),t.jsxs(n.Flex,{direction:["column","column","row"],justify:"space-between",alignContent:"center",align:["flex-start","flex-start","center"],gap:[6,6,0],children:[l&&t.jsx(n.Text,{color:"viridian.lighter",fontSize:"sm",maxWidth:["100%","100%","1024px"],dangerouslySetInnerHTML:{__html:l},sx:{"a:hover":{color:"viridian.light",textDecoration:"underline"}}}),x]})]}),t.jsx(n.Box,{borderTop:"1px solid",borderColor:`${n.theme.colors.viridian.lighter}20`,marginTop:"10",marginBottom:"8"}),t.jsx(tn,{disclaimer:l,links:d,linkComponent:p,onLinkClick:f})]})})),rn=r=>r?{Container:n.Drawer,Overlay:n.DrawerOverlay,Content:n.DrawerContent,Header:n.DrawerHeader,Body:n.DrawerBody,Footer:n.DrawerFooter,CloseButton:n.DrawerCloseButton}:{Container:n.Modal,Overlay:n.ModalOverlay,Content:n.ModalContent,Header:n.ModalHeader,Body:n.ModalBody,Footer:n.ModalFooter,CloseButton:n.ModalCloseButton},on=({isOpen:r,onClose:l,children:c,header:s,footer:u,headerProps:d,bodyProps:p,footerProps:b,contentProps:x,...f})=>{var W,P,z,K,Q;const[h]=n.useMediaQuery(`(max-width: ${n.theme.breakpoints.tablet})`),v=(Q=(K=(z=(P=(W=n.theme)==null?void 0:W.components)==null?void 0:P.Modal)==null?void 0:z.baseStyle)==null?void 0:K.overlay)==null?void 0:Q.background,{Container:j,Overlay:S,Content:y,Header:R,Body:m,Footer:$,CloseButton:T}=rn(h);return t.jsxs(j,{...f,isOpen:r,onClose:l,size:"xl",...h?{placement:"bottom"}:{},children:[t.jsx(S,{backdropFilter:"auto",backgroundColor:v}),t.jsxs(y,{backgroundColor:"tints.white",borderRadius:h?"20px 20px 0 0":"20px",overflowY:"auto",gap:0,...s&&h&&{paddingTop:0},...x,children:[t.jsxs(R,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",fontSize:"lg",color:"tints.black",fontWeight:"normal",position:"sticky",top:0,zIndex:"modal",backgroundColor:"tints.white",paddingInline:4,...h?{paddingBlock:4}:{paddingTop:6,paddingBlockEnd:2},...d,children:[s,t.jsx(T,{position:"static",width:32,height:32,backgroundColor:"tints.cream",sx:{".chakra-icon":{fontSize:"1rem"}},children:t.jsx(n.Icon,{as:H.X,weight:"light"})})]}),t.jsx(m,{color:"tints.darkGrey",paddingInline:4,...p,children:c}),t.jsx($,{paddingInline:4,...b,children:u})]})]})};exports.BasketButton=Et;exports.CategoryLabel=zt;exports.DrawerModal=on;exports.Footer=nn;exports.NavButton=Ie;exports.NavSkeleton=Wt;exports.NavbarDrawer=ze;exports.NavbarDrawerLink=De;exports.NavigationBar=Xt;exports.SpotlightCard=jt;exports.Stepper=$t;exports.TopNavIconButton=le;exports.TopNavigation=kt;
|
|
30
|
+
<%s key={someKey} {...props} />`,qe,ue,Ot,ue),dt[ue+qe]=!0}}return e===s?Dt(A):_t(A),A}}function It(e,o,i){return ft(e,o,i,!0)}function Bt(e,o,i){return ft(e,o,i,!1)}var Lt=Bt,Ft=It;_e.Fragment=s,_e.jsx=Lt,_e.jsxs=Ft}()),_e}process.env.NODE_ENV==="production"?nt.exports=At():nt.exports=Mt();var t=nt.exports;const et=60,gt=6,Ht=r=>{const{activeStepIndex:l,hideIndicators:c=!1,steps:s,stepperTheme:u={light:"eggplant.light",base:"eggplant.base"}}=r,{activeStep:d,setActiveStep:p}=n.useSteps({index:l,count:s.length});return k.useEffect(()=>{p(l)},[l,p]),t.jsx(n.Box,{position:"relative",width:"100%","data-testid":"stepper",children:t.jsx(n.Stepper,{role:"progressbar",index:d,width:"100%",display:"flex",flexWrap:"nowrap",children:s.map((b,x)=>{const f=d===x,h=x===0,v=x===s.length-1,j=d>x;let S=`${et}px`;const y=`calc(100% - ((${et*(s.length-1)}px) - (${s.length-1} * ${gt*2}px)))`;return f?S=y:(h||v)&&(S=`${et-gt}px`),t.jsx(n.Box,{width:S,opacity:j||f?1:.2,paddingRight:v?"0":"6px",paddingLeft:h?"0":"6px",transition:"width 0.4s ease-in-out, opacity 0.4s ease-in-out",children:t.jsx(n.Box,{paddingTop:c?2:5,position:"relative",width:"100%",children:t.jsx(n.Box,{width:"100%",position:"absolute",top:"0",backgroundColor:j?u.light:u.base,height:c?"4px":"8px",borderRadius:"4",left:"0"})})},`step-${x}`)})})})},$t=k.memo(Ht),zt=({children:r,...l})=>t.jsx(Z.Text,{color:"tints.uiGrey",fontSize:["md",null,null,"lg"],...l,children:r}),me=(r,l)=>{const c=(r==null?void 0:r.startsWith("http"))||(r==null?void 0:r.startsWith("mailto"));return l&&!c?{to:r}:{href:r}},De=k.forwardRef((r,l)=>{const{label:c,additionalContent:s,mainTextFontSize:u,linkComponent:d,href:p,forceMobileStyle:b=!1,...x}=r,f=d||n.Link,h=me(p,!!d),v=b?u||"xl":[u||"xl",null,null,"lg"],j=b?"xl":["xl",null,null,"lg"],S=b?void 0:[null,null,null,1],y=b?void 0:[null,null,null,"space-between"],R=b?"3":[3,null,null,0],m=b?"1px":["1px",null,null,"unset"],$=b?"tints.cream":["tints.cream",null,null,"unset"],T=b?"100%":["100%",null,null,"fit-content"],W=b?"none":["none",null,null,"block"],P=b?"100%":["100%",null,null,"auto"],z=b?"block":["block",null,null,"none"];return t.jsxs(n.Box,{ref:l,as:f,display:"flex",alignItems:"center",gap:S,justifyContent:y,paddingY:R,color:"tints.black",_hover:{color:"viridian.base",textDecoration:"none"},borderBottom:m,borderColor:$,width:T,cursor:"pointer",...h,...x,children:[t.jsx(n.Icon,{display:W,as:H.CaretRight,fontSize:"lg",color:"viridian.light",role:"img","aria-label":"Caret right icon",weight:"bold"}),t.jsxs(n.Flex,{alignItems:"center",gap:"1",width:P,children:[t.jsx(n.Text,{fontSize:v,fontWeight:"medium",children:c}),s&&(typeof s=="string"?t.jsx(n.Text,{fontSize:j,fontWeight:"medium",color:"tints.uiGrey",sx:{"a:hover &":{color:"viridian.base"}},children:s}):s),t.jsx(n.Icon,{display:z,as:H.CaretRight,fontSize:"2xl",color:"tints.uiGrey",role:"img","aria-label":"Caret right icon",marginLeft:"auto"})]})]})}),Ie=k.forwardRef((r,l)=>{const{children:c,isSelected:s,...u}=r,d=r.backgroundColor||(s?"tints.lightCream":"transparent");return t.jsx(n.Button,{ref:l,borderRadius:"full",backgroundColor:d,fontSize:"lg !important",fontWeight:"normal",color:"tints.black",sx:{"&[href]":{textDecoration:"none"}},_before:{content:'""',position:"absolute",top:[null,null,null,-6],right:[null,null,null,-2],bottom:[null,null,null,-6],left:[null,null,null,-2]},_hover:{backgroundColor:d,textDecoration:"none",filter:"brightness(0.95)"},...u,children:c})}),jt=({title:r,description:l,imageSrc:c,imageElement:s,button:u,backgroundColor:d="viridian.wash",onClick:p,href:b,linkComponent:x,forceMobileStyle:f=!1})=>{const S=x||n.Link,y=me(b,!!x),R=Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,desktop:!0});return t.jsxs(n.Flex,{direction:f?"row":["row",null,null,"column"],alignItems:"center",borderRadius:"xl",overflow:"hidden",height:f?"80px":["80px",null,null,"272px"],backgroundColor:d,onClick:p,"data-testid":"spotlight-card",position:"relative",transition:"box-shadow 0.2s ease-in-out",border:"1px solid",borderColor:"transparent",minWidth:f?"100%":["100%",null,null,"320px"],maxWidth:f?"100%":["100%",null,null,"380px"],_hover:{boxShadow:"lg",textDecoration:"none",border:"1px solid",borderColor:"tints.white"},as:f?S:R?n.Flex:S,...f?y:R?{}:y,children:[t.jsx(n.Box,{width:f?"72px":["72px",null,null,"100%"],height:f?"100%":["100%",null,null,"188px"],sx:{img:{height:f?"100%":R?"188px":"100%",objectFit:f?"cover":"contain"}},children:c?t.jsx(n.Image,{src:c,objectFit:"cover",width:"100%",alt:"","data-testid":"spotlight-card-image"}):t.jsx(n.Box,{height:f?80:[80,null,null,188],overflow:"hidden",...f?{sx:{div:{height:"100%"}}}:{},children:s})}),t.jsxs(n.Flex,{direction:f?"column":["column",null,null,"row"],justifyContent:f?void 0:[null,null,null,"space-between"],alignItems:f?"left":["left",null,null,"center"],padding:"4",height:f?"80px":["80px",null,null,"84px"],width:"100%",bottom:f?void 0:[null,null,null,"0"],backgroundColor:f?void 0:[null,null,null,`${d}CC`],backdropFilter:f?void 0:[null,null,null,"blur(8px)"],flex:"1",gap:f?void 0:[null,null,null,3],children:[t.jsxs(n.Flex,{direction:"column",justifyContent:"center",height:"100%",children:[t.jsx(n.Text,{fontSize:"lg",fontWeight:"medium",color:"tints.black",children:r}),t.jsx(n.Text,{fontSize:"sm",color:"tints.darkGrey",children:l})]}),f?null:R?t.jsx(n.Box,{children:u}):null]})]})},le=r=>t.jsx(n.IconButton,{size:"sm",width:["40px",null,null,"46px"],height:["40px",null,null,"46px"],padding:["2 !important",null,null,"3 !important"],colorScheme:"whiteCS",backgroundColor:"tints.cream",sx:{svg:{width:"24px",height:"24px"}},_hover:{backgroundColor:"tints.cream",filter:"brightness(0.95)"},...r}),yt=({color:r=n.theme.colors.viridian.base,width:l})=>t.jsx(Z.Box,{as:"svg",width:l,height:"auto",viewBox:"0 0 116 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"Everlywell Logo",children:t.jsx("g",{id:"Everlywell Logo",children:t.jsx("path",{fill:r,id:"Everlywell Logo_2",fillRule:"evenodd",clipRule:"evenodd",d:"M54.8224 1V17.8352H52.4272V1H54.8224ZM5.65731 14.992C4.9835 14.4474 4.59261 13.726 4.48231 12.8278H13.7822C13.9984 10.4829 13.5723 8.70006 12.5039 7.47915C11.4322 6.25824 9.93769 5.64945 8.01698 5.64945C6.23518 5.64945 4.78896 6.22479 3.67214 7.38216C2.55841 8.5395 2 9.92767 2 11.8377C2 13.7476 2.56171 15.273 3.68501 16.4136C4.80831 17.5542 6.30612 18.1229 8.18163 18.1229C9.11125 18.1229 10.0216 17.9489 10.9125 17.5944C11.8034 17.2431 12.533 16.7447 13.1075 16.1025L11.5517 14.5371C11.2095 14.9217 10.7253 15.2294 10.099 15.4636C9.46959 15.6944 8.84662 15.8115 8.22684 15.8115C7.18735 15.8115 6.33197 15.5372 5.65731 14.992ZM10.4671 8.60977C11.0772 9.10817 11.416 9.81395 11.4774 10.7305H4.52751C4.71152 9.81395 5.12475 9.10817 5.77027 8.60977C6.41589 8.11136 7.18735 7.86384 8.08473 7.86384C9.05966 7.86384 9.85696 8.11136 10.4671 8.60977ZM22.1465 17.8819L27.0047 5.93699H24.3771L22.6565 10.2486L20.8424 15.2828L18.8217 9.76697L17.2884 5.93699H14.6382L19.5189 17.8819H22.1465ZM30.3737 12.8244C30.4835 13.7242 30.8741 14.4467 31.5487 14.992C32.2234 15.5372 33.0788 15.8115 34.1181 15.8115C34.7379 15.8115 35.361 15.6944 35.9905 15.4636C36.6166 15.2294 37.1009 14.9217 37.4431 14.5371L38.999 16.1025C38.4244 16.7447 37.6948 17.2431 36.8039 17.5944C35.9129 17.9489 35.0027 18.1229 34.0729 18.1229C32.1975 18.1229 30.6997 17.5542 29.5764 16.4136C28.453 15.273 27.8914 13.7476 27.8914 11.8377C27.8914 9.92767 28.4498 8.5395 29.5635 7.38216C30.6804 6.22479 32.1265 5.64945 33.9084 5.64945C35.829 5.64945 37.3236 6.25824 38.3952 7.47915C39.4638 8.70006 39.8899 10.4829 39.6736 12.8278H30.3769L30.3737 12.8244ZM37.3688 10.7305C37.3075 9.81395 36.9685 9.10817 36.3584 8.60977C35.7483 8.11136 34.951 7.86384 33.9762 7.86384C33.0788 7.86384 32.3073 8.11136 31.6617 8.60977C31.0161 9.10817 30.6029 9.81395 30.4189 10.7305H37.3688ZM44.5032 7.5263L44.3418 5.96085H44.3385H42.108V17.8355H44.5032V11.4031C44.5032 10.3595 44.8001 9.5567 45.3877 8.99473C45.9751 8.43278 46.7112 8.15181 47.5956 8.15181C48.3703 8.15181 49.0417 8.39264 49.6163 8.87432L50.7073 6.70677C49.9811 6.03445 49.0353 5.6966 47.8732 5.6966C46.2914 5.6966 45.1681 6.30539 44.5032 7.5263ZM60.3782 12.3193V5.96054H57.983V12.3428C57.983 14.1089 58.4286 15.5004 59.3195 16.5106C60.2104 17.5241 61.3789 18.0292 62.8186 18.0292C64.552 18.0292 65.8787 17.387 66.7923 16.1025V18.1262C66.7923 19.2669 66.4824 20.1499 65.8626 20.7754C65.2429 21.401 64.494 21.7154 63.6094 21.7154C61.8889 21.7154 60.8754 20.9661 60.5654 19.4742H58.2187C58.3252 20.9326 58.8644 22.0532 59.8327 22.8326C60.8011 23.612 62.1214 24 63.6546 24C65.188 24 66.4727 23.5049 67.5121 22.5081C68.5515 21.5147 69.0712 20.0697 69.0712 18.1731V5.96054H66.6761V12.1521C66.6761 13.1623 66.3791 14.0153 65.7819 14.7043C65.188 15.3967 64.4681 15.7412 63.4933 15.7412C62.5184 15.7412 61.7566 15.4268 61.2047 14.8013C60.6526 14.1725 60.3782 13.3463 60.3782 12.3193ZM81.5989 5.93699L84.3427 15.2828L87.1768 5.93699H89.8496L85.8275 17.8819H83.0385L81.6892 13.9315L80.5724 9.79039L79.4328 13.9315L78.0836 17.8819H75.2945L71.2498 5.93699H73.9453L76.7795 15.2828L79.5232 5.93699H81.5924H81.5989ZM94.65 14.992C93.9754 14.4467 93.5848 13.7242 93.475 12.8244L93.4847 12.8278H102.781C102.998 10.4829 102.572 8.70006 101.503 7.47915C100.431 6.25824 98.9368 5.64945 97.0162 5.64945C95.2343 5.64945 93.785 6.22479 92.668 7.38216C91.5544 8.5395 90.9959 9.92767 90.9959 11.8377C90.9959 13.7476 91.5576 15.273 92.6809 16.4136C93.8043 17.5542 95.3021 18.1229 97.1775 18.1229C98.1073 18.1229 99.0175 17.9489 99.9084 17.5944C100.799 17.2431 101.529 16.7447 102.103 16.1025L100.544 14.5371C100.202 14.9217 99.7212 15.2328 99.0918 15.4636C98.4623 15.6944 97.8393 15.8115 97.2196 15.8115C96.1802 15.8115 95.3247 15.5372 94.65 14.992ZM99.4598 8.60977C100.07 9.10817 100.409 9.81395 100.47 10.7305H93.5202C93.7042 9.81395 94.1175 9.10817 94.763 8.60977C95.4086 8.11136 96.1802 7.86384 97.0774 7.86384C98.0524 7.86384 98.8465 8.11136 99.4598 8.60977ZM107.698 1V17.8352H105.303V1H107.698ZM113.53 17.8352V1H111.135V17.8352H113.53Z"})})}),xt=()=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"eggplant.base",children:[t.jsx("path",{d:"M21.5308 20.4694L16.8368 15.7763C18.1973 14.1429 18.8757 12.0478 18.7309 9.92697C18.5861 7.8061 17.6293 5.82271 16.0593 4.38938C14.4894 2.95605 12.4274 2.18314 10.3021 2.23144C8.17687 2.27974 6.15205 3.14553 4.64888 4.6487C3.14571 6.15187 2.27993 8.17669 2.23163 10.3019C2.18333 12.4272 2.95623 14.4893 4.38956 16.0592C5.82289 17.6291 7.80629 18.586 9.92715 18.7308C12.048 18.8756 14.1431 18.1971 15.7765 16.8366L20.4696 21.5307C20.5393 21.6003 20.622 21.6556 20.713 21.6933C20.8041 21.731 20.9017 21.7505 21.0002 21.7505C21.0988 21.7505 21.1963 21.731 21.2874 21.6933C21.3784 21.6556 21.4612 21.6003 21.5308 21.5307C21.6005 21.461 21.6558 21.3783 21.6935 21.2872C21.7312 21.1962 21.7506 21.0986 21.7506 21C21.7506 20.9015 21.7312 20.8039 21.6935 20.7129C21.6558 20.6218 21.6005 20.5391 21.5308 20.4694ZM3.75021 10.5C3.75021 9.16501 4.14609 7.85996 4.88779 6.74993C5.62949 5.6399 6.6837 4.77474 7.9171 4.26384C9.1505 3.75295 10.5077 3.61928 11.8171 3.87973C13.1264 4.14018 14.3292 4.78306 15.2732 5.72706C16.2172 6.67106 16.8601 7.8738 17.1205 9.18317C17.381 10.4925 17.2473 11.8497 16.7364 13.0831C16.2255 14.3165 15.3603 15.3708 14.2503 16.1125C13.1403 16.8542 11.8352 17.25 10.5002 17.25C8.71061 17.248 6.99488 16.5363 5.72944 15.2708C4.464 14.0054 3.7522 12.2896 3.75021 10.5Z",fill:"eggplant.base"}),t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.93432 8.99032C9.86202 8.81476 9.55628 8.81476 9.48398 8.99032C8.95816 10.2671 7.93748 11.2877 6.66073 11.8136C6.48517 11.8859 6.48517 12.1916 6.66073 12.2639C7.93745 12.7897 8.95815 13.8103 9.484 15.087C9.55631 15.2626 9.86199 15.2626 9.9343 15.087C10.4601 13.8104 11.4808 12.7897 12.7574 12.2639C12.933 12.1916 12.933 11.8859 12.7574 11.8136C11.4807 11.2877 10.4601 10.267 9.93432 8.99032Z",fill:"eggplant.base"}),t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.4348 6.02138C12.3946 5.92618 12.2266 5.92618 12.1864 6.02138C11.9181 6.65674 11.4092 7.16564 10.7738 7.43399C10.6786 7.4742 10.6786 7.64219 10.7738 7.68239C11.4092 7.95073 11.9181 8.45961 12.1864 9.09493C12.2267 9.19012 12.3946 9.19012 12.4348 9.09493C12.7032 8.45962 13.2121 7.95073 13.8474 7.68238C13.9426 7.64217 13.9426 7.47421 13.8474 7.434C13.212 7.16564 12.7032 6.65672 12.4348 6.02138Z",fill:"eggplant.base"})]}),kt=({desktopTopButtons:r,kitRegistrationElement:l,profileElement:c,cartElement:s,onSearchClick:u,onMenuClick:d,hasSearch:p=!1,onEvaClick:b,hasEvaEnabled:x=!1,logoLink:f="https://www.everlywell.com",setTopOffset:h,linkComponent:v,onLogoClick:j})=>{const S=k.useRef(null),[y]=n.useMediaQuery(`(max-width: ${n.theme.breakpoints.mediumTablet})`),[R]=n.useMediaQuery(`(max-width: ${n.theme.breakpoints.mediumDesktop})`),m=k.useCallback(()=>{if(S.current){const $=S.current.getBoundingClientRect();h($.bottom)}},[]);return k.useEffect(()=>{m()},[m]),t.jsx(n.Box,{ref:S,paddingY:"4",paddingX:y?4:R?6:8,borderBottom:"1px solid",borderColor:"tints.lightCream",backgroundColor:"tints.white",width:"100%",onMouseEnter:m,children:t.jsxs(n.Flex,{justifyContent:"space-between",alignItems:"center",children:[t.jsxs(n.Flex,{alignItems:"center",gap:"5",children:[t.jsx(n.Box,{"aria-label":"Go to homepage",onClick:j,as:v||n.Link,...me(f,!!v),children:t.jsx(yt,{width:"116px"})}),t.jsx(n.Flex,{display:["none",null,"none","none","flex","flex"],children:r})]}),t.jsxs(n.Flex,{alignItems:"center",gap:"2",children:[t.jsx(n.Box,{display:["none",null,"none","none","none","block"],children:l}),p?x?y?t.jsx(le,{"aria-label":"Search",icon:t.jsx(xt,{}),onClick:b,backgroundColor:"eggplant.wash",fill:"eggplant.base",_hover:{backgroundColor:"eggplant.wash",filter:"brightness(0.95)"}}):t.jsxs(n.Button,{height:"48px",paddingX:"16px !important",fontSize:"lg",color:"eggplant.base",backgroundColor:"eggplant.wash",_hover:{backgroundColor:"eggplant.wash",filter:"brightness(0.95)"},fill:"eggplant.base",gap:2,onClick:b,children:[t.jsx(xt,{}),t.jsx("span",{children:"Ask or Search"})]}):t.jsx(le,{"aria-label":"Search",icon:t.jsx(n.Icon,{as:H.MagnifyingGlass}),onClick:u,backgroundColor:"tints.cream",color:"tints.black",_hover:{backgroundColor:"tints.cream",filter:"brightness(0.95)"}}):null,s,t.jsx(n.Box,{display:["flex",null,null,"flex","flex","flex","none"],children:t.jsx(le,{icon:t.jsx(H.List,{}),"aria-label":"menu","data-testid":"menu-button",onClick:d})}),t.jsx(n.Box,{display:["none",null,null,"none","none","none","block"],children:c})]})]})})},Et=({count:r=0,...l})=>t.jsxs(n.Box,{position:"relative",display:"inline-block",children:[t.jsx(le,{icon:t.jsx(H.Basket,{}),...l}),r>0&&t.jsx(n.Box,{display:"flex",minWidth:"20px",height:"20px",py:"4px",px:"6px",justifyContent:"center",alignItems:"center",position:"absolute",right:"-4px",top:"-4px",borderRadius:"32px",background:"viridian.base",color:"white",fontSize:"xs",fontWeight:"normal",children:r})]}),Wt=({numDesktopLinks:r=5,showPromoButton:l=!1})=>t.jsx(n.VStack,{spacing:0,align:"stretch",children:t.jsx(n.Box,{paddingY:4,paddingX:6,borderBottomWidth:"1px",borderColor:"tints.lightCream",children:t.jsxs(n.Flex,{justify:"space-between",align:"center",children:[t.jsx(n.Skeleton,{w:"120px",h:"48px"}),t.jsxs(n.HStack,{spacing:8,marginLeft:12,display:["none",null,null,"flex"],"data-testid":"desktop-nav",children:[Array.from({length:r}).map((c,s)=>t.jsx(n.Skeleton,{width:"90px",height:"48px"},s)),l&&t.jsx(n.Skeleton,{width:"110px",height:"48px",borderRadius:"full"})]}),t.jsxs(n.HStack,{spacing:4,ml:"auto",children:[t.jsx(n.SkeletonCircle,{width:"120px",height:"48px",display:["none",null,null,"block"],"data-testid":"register-kit"})," ",t.jsx(n.SkeletonCircle,{width:"48px",height:"48px"})," ",t.jsx(n.SkeletonCircle,{width:"48px",height:"48px"})," ",t.jsx(n.SkeletonCircle,{width:"48px",height:"48px"})," "]})]})})}),Nt=(r,l)=>{let c;return(...s)=>{c&&clearTimeout(c),c=setTimeout(()=>{r(...s)},l)}},tt=r=>r.toLowerCase().replace(/['']/g,"").replace(/[^a-z0-9]/g,""),Vt=(r,l)=>{r.length<l.length&&([r,l]=[l,r]);let c=Array(l.length+1).fill(0),s=Array(l.length+1).fill(0);for(let u=0;u<=l.length;u++)c[u]=u;for(let u=1;u<=r.length;u++){s[0]=u;for(let d=1;d<=l.length;d++){const p=r[u-1]===l[d-1]?0:1;s[d]=Math.min(s[d-1]+1,c[d]+1,c[d-1]+p)}[c,s]=[s,c]}return c[l.length]},Ne=(r,l,c=.6)=>{if(r.length<=3||l.length<=3)return r.includes(l)||l.includes(r);const s=Vt(r,l),u=Math.max(r.length,l.length);return 1-s/u>=c},vt=(r,l)=>{const c=r.split(/\s+/);return l.length<=4?c.some(s=>s.includes(l)):c.some(s=>{if(Ne(s,l))return!0;if(s.length>=l.length)for(let u=0;u<=s.length-l.length;u++){const d=s.slice(u,u+l.length+1);if(Ne(l,d))return!0}return!1})},rt="nav-drawer-hover",ot="nav-drawer-animation-start",lt="nav-drawer-animation-end",bt=r=>{window.dispatchEvent(new CustomEvent(rt,{detail:{isHovering:r},bubbles:!0,cancelable:!0}))},mt=r=>{window.dispatchEvent(new CustomEvent(r,{bubbles:!0,cancelable:!0}))},Yt=(r=!1,l=!1,c=!1)=>r||!l?"column":c?"row":"row-reverse",Gt=We.motion(n.DrawerContent),Ut=We.motion(n.DrawerOverlay),ze=({isOpen:r=!1,onClose:l,title:c,navDrawerLinks:s,bottomNavButtons:u,spotlightCards:d,bottomButton:p,hasBackButton:b=!0,onBackClick:x,hasOnlySpotlightCards:f=!1,hasSearch:h=!1,onSearch:v=()=>({}),topOffset:j,forceMobilePlacement:S=!1})=>{var V,te,ne,q,_,B;const y=Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,mediumDesktop:!0,desktop:!0,fullDesktop:!0})??!1,R=S?"right":y?"top":"right",m=R==="right",[$,T]=k.useState(0),[W,P]=k.useState(!1),z=()=>{T(L=>L+1)},X=k.useCallback(Nt(L=>{v(L),z()},100),[]);k.useEffect(()=>{r&&(P(!0),mt(ot))},[r]);const Q=()=>{r||(P(!1),l()),mt(lt)};return t.jsx(n.Drawer,{isOpen:W||r,closeOnOverlayClick:!0,onClose:()=>{W&&!m||l()},placement:R,blockScrollOnMount:!1,autoFocus:!1,...m?{styleConfig:{baseStyle:{...n.theme.components.Drawer.baseStyle,dialogContainer:{...(te=(V=n.theme.components.Drawer)==null?void 0:V.baseStyle)==null?void 0:te.dialogContainer,zIndex:"popover"},dialog:{...(q=(ne=n.theme.components.Drawer)==null?void 0:ne.baseStyle)==null?void 0:q.dialog,maxW:"560px",width:"auto"}}}}:{styleConfig:{baseStyle:{...n.theme.components.Drawer.baseStyle,dialogContainer:{...(B=(_=n.theme.components.Drawer)==null?void 0:_.baseStyle)==null?void 0:B.dialogContainer,top:`${j}px`,zIndex:"overlay"}}}},children:t.jsx(We.AnimatePresence,{children:r?t.jsxs(t.Fragment,{children:[t.jsx(Ut,{backgroundColor:"tints.black",top:m?"0":`${j}px`,opacity:m?"0.4 !important":void 0,zIndex:m?"modal":"overlay",...m?{}:{initial:{opacity:0},animate:{opacity:.4},exit:{opacity:0},transition:{duration:.2,delay:.15,ease:"easeOut"}}}),t.jsxs(Gt,{onClick:L=>{const re=L.target.closest("a");re&&re.href===window.location.href&&l()},onMouseEnter:()=>{m||bt(!0)},onMouseLeave:L=>{m||(!h||h&&(L.target===L.currentTarget||!L.currentTarget.contains(L.target)&&!W))&&bt(!1)},paddingTop:"4",paddingX:m?"4":"12",paddingBottom:"24",overflow:m?"auto":"hidden",maxHeight:"100vh",position:"relative",top:m?void 0:`${j}px !important`,onAnimationComplete:Q,boxShadow:"none",...m?{initial:!1,animate:!1,exit:!1}:{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3}},children:[!h&&!m?null:t.jsxs(n.DrawerHeader,{padding:"0",flexDirection:h?"column":"row",gap:h?"4":"0",children:[m?t.jsxs(n.Flex,{width:"100%",justifyContent:"space-between",alignItems:"center",children:[b?t.jsx(le,{icon:t.jsx(H.CaretLeft,{}),onClick:()=>{x&&x()},"aria-label":"Back"}):null,t.jsx(n.Text,{color:"tints.uiGrey",fontSize:"xl",children:c}),t.jsx(le,{icon:t.jsx(H.X,{}),onClick:l,"aria-label":"Close"})]}):null,h&&t.jsxs(Z.InputGroup,{width:"100%",children:[t.jsx(Z.Input,{onChange:L=>{X(L.target.value)},placeholder:"Search",autoFocus:!0,width:"full",type:"search"}),t.jsx(Z.InputRightElement,{pointerEvents:"none",children:t.jsx(Z.Icon,{as:H.MagnifyingGlass,color:"gray.500"})})]})]}),t.jsx(n.DrawerBody,{paddingX:"0",paddingBottom:m?"6":"4","data-testid":`navbar-drawer-body-${c.toLowerCase()}`,children:t.jsxs(We.motion.div,{...m?{}:{initial:{opacity:0,y:-5},animate:{opacity:1,y:0},exit:{opacity:0,y:-5},transition:{duration:.5,delay:.2,ease:[.4,0,.2,1],exit:{duration:.5,delay:.2,ease:[.4,0,.2,1]}}},style:{display:"flex",flexDirection:Yt(f,!m,h),gap:"24px",justifyContent:"space-between"},children:[d?t.jsx(n.Box,{gap:m?"3":"6",display:"flex",justifyContent:m?void 0:"center",sx:{flexWrap:"wrap",flexDirection:m?"column":"row"},children:d}):null,t.jsxs(n.Flex,{position:m?void 0:"relative",flexDirection:"column",gap:"6",width:m?"100%":h?void 0:"auto",children:[s?t.jsx(n.Box,{children:s}):null,u&&m?t.jsx(n.Box,{children:u}):null,p?t.jsx(n.Box,{width:"100%",position:m?void 0:"absolute",bottom:m?void 0:0,...m?{sx:{a:{width:"100%"}}}:{},children:p}):null]})]},$)})]})]}):null})})},Zt=({source:r,onSearchCallback:l,isActive:c})=>{const[s,u]=k.useState(""),[d,p]=k.useState([]),b=(h,v)=>{if(!h)return[];const S=tt(h).split(/\s+/);return v.filter(y=>{const R=tt(y.label);if(S.some(P=>vt(R,P)))return!0;const $=R.split(/\s+/),T=S.some(P=>$.some(z=>z.includes(P)||Ne(P,z))),W=typeof y.additionalContent=="string"&&S.some(P=>{const z=tt(y.additionalContent);return vt(z,P)||z.split(/\s+/).some(X=>X.includes(P)||Ne(P,X))});return T||W}).sort((y,R)=>y.label.localeCompare(R.label))},x=h=>{if(u(h),!h){p([]);return}const v=b(h,r);p(v),l&&l(h,v)},f=()=>{u(""),p([])};return k.useEffect(()=>{c||(u(""),p([]))},[c]),{query:s,results:d,handleClose:f,handleSearch:x}},Xt=r=>{const l=new Set;return r.reduce((c,s)=>{var d;const u=((d=s.sections)==null?void 0:d.reduce((p,b)=>{const x=b.links.filter(f=>l.has(f.label)||f.isSearchable!==!0?!1:(l.add(f.label),!0));return[...p,...x]},[]))??[];return[...c,...u]},[])},Kt=({categories:r=[],onCartClick:l,mainCategoryLabel:c="Menu",logoLink:s="https://www.everlywell.com",hasSearch:u=!0,hasEvaEnabled:d=!1,onEvaClick:p,onSearchClick:b,registrationUrl:x,profileUrl:f="https://secure.everlywell.com/login",mobileBottomButtons:h=[],numberOfCartItems:v=0,linkComponent:j,onSearchCallback:S,onLinkClick:y,onCategoryOpen:R,onMobileMenuOpen:m,onBackToMainMenu:$,onRegisterKitClick:T,onProfileClick:W,onLogoClick:P,shopAllProductsUrl:z,onShopAllProductsClick:X,hideableButtons:Q})=>{var $e,Se,Re;const[V,te]=k.useState(!1),[ne,q]=k.useState(!1),[_,B]=k.useState(null),[L,J]=k.useState(!1),[re,Be]=k.useState(!1),[de,Le]=k.useState(0),[Fe,Ce]=k.useState(!1),[we,oe]=k.useState(!1);k.useEffect(()=>{const a=()=>Ce(!0),I=()=>Ce(!1);return window.addEventListener(ot,a),window.addEventListener(lt,I),()=>{window.removeEventListener(ot,a),window.removeEventListener(lt,I)}},[]);const Oe=Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,mediumDesktop:!0,desktop:!0,fullDesktop:!0})??!1,ae=Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,mediumDesktop:!1,desktop:!1,fullDesktop:!0})??!1,je=!ae,ye=Z.useBreakpointValue({base:!0,tablet:!0,largeTablet:!0,mediumDesktop:!1,desktop:!1,fullDesktop:!1})??!0;k.useEffect(()=>{ee(),B(null)},[Oe]);const{query:fe,results:ie,handleSearch:he}=Zt({source:Xt(r),onSearchCallback:S,isActive:ne}),Pe=ie.length>0,pe=j||n.Link,Ve=me(z,!!j),Ye=fe&&t.jsxs(n.Flex,{gap:Pe?"6":0,direction:"column",children:[Pe?t.jsx(n.Text,{color:"tints.uiGrey",children:`${ie.length} Results`}):t.jsxs(n.Flex,{direction:"column",gap:"6",alignItems:"flex-start",children:[t.jsx(n.Text,{color:"tints.uiGrey",children:"We didn't find what you were looking for."}),t.jsx(n.Button,{as:pe,onClick:X,_hover:{textDecoration:"none"},width:["100%",null,null,"auto"],...Ve,children:"Shop all products"})]}),t.jsx(n.Grid,{columns:[1,1,1,4],children:ie.map((a,I)=>t.jsx(n.GridItem,{children:t.jsx(De,{href:a.href,label:a.label,additionalContent:a==null?void 0:a.additionalContent,linkComponent:j,forceMobileStyle:!Oe})},`${a.label}-${I}`))})]}),ee=()=>{te(!1),B(null)},G=a=>"href"in a,Ae=a=>{G(a)?y==null||y(a.label):(oe(V||!ae),B(a))},Me=a=>{J(!0),q(!1),B(null),!G(a)&&(a.sections||a.spotlightCards)&&(oe(!1),B(a))},ge=()=>{J(!1)};k.useEffect(()=>{const a=I=>{Be(I.detail.isHovering)};return window.addEventListener(rt,a),()=>{window.removeEventListener(rt,a)}},[]),k.useEffect(()=>{!L&&!re&&(B(null),q(!1),!V&&ae&&oe(!1))},[L,re,V,ae]),k.useEffect(()=>{let a=window.location.href;const I=()=>{const M=window.location.href;M!==a&&(a=M,ee(),B(null))},F=setInterval(I,100);return window.addEventListener("popstate",I),()=>{window.removeEventListener("popstate",I),clearInterval(F)}},[]);const ke=a=>G(a)&&(!a.buttonProps||Object.keys(a.buttonProps).length===0||a.buttonProps===void 0),Ge=r==null?void 0:r.map((a,I)=>{var M,xe;const F=Q.includes(a.label);return t.jsx(Ie,{height:"48px",paddingInline:"16px !important",onMouseEnter:()=>{Me(a),R==null||R(a.label)},onMouseLeave:ge,isSelected:(_==null?void 0:_.label)===a.label,as:G(a)&&pe?pe:n.Link,href:G(a)?a.href:void 0,onClick:G(a)?()=>y==null?void 0:y(a.label):void 0,...F&&{display:{base:"none",fullDesktop:"flex"}},...((M=a==null?void 0:a.context)==null?void 0:M.desktop)==="link"||ke(a)?{_hover:{backgroundColor:"tints.lightCream",textDecoration:"none",filter:"brightness(0.95)"}}:{},...((xe=a==null?void 0:a.context)==null?void 0:xe.desktop)!=="link"&&a.buttonProps,children:a.label},`${a.label}-${I}`)}),Ee=($e=r.filter(a=>{var I;return((I=a==null?void 0:a.context)==null?void 0:I.mobile)==="link"||(!G(a)&&a.isMobileTopLink!==!1||ke(a))&&(je&&Q.includes(a.label)||ye)}))==null?void 0:$e.map((a,I)=>{var M;const F=a;return ke(F)||((M=F==null?void 0:F.context)==null?void 0:M.mobile)==="link"?t.jsx(n.Box,{children:t.jsx(De,{label:F.label,role:"link",href:F.href,mainTextFontSize:"3xl",linkComponent:j,forceMobileStyle:!0})},`${F.label}-${I}`):t.jsx(n.Box,{onClick:()=>{Ae(F),R==null||R(F.label)},children:t.jsx(De,{label:F.label,role:"link",additionalContent:F.additionalContent,mainTextFontSize:"3xl",linkComponent:j,forceMobileStyle:!0})},`${F.label}-${I}`)}),Ue=t.jsxs(t.Fragment,{children:[t.jsx(Ie,{as:n.Link,href:f,width:"100%",backgroundColor:"tints.cream",onClick:W,children:t.jsxs(n.Flex,{gap:"2",children:["Log in to My Everly",t.jsx(n.Icon,{as:H.User,size:24})]})},"my-everly"),t.jsx(Ie,{as:n.Link,width:"100%",href:x,backgroundColor:"tints.cream",onClick:T,children:t.jsxs(n.Flex,{gap:"2",children:["Register kit",t.jsx(n.Icon,{as:H.QrCode,size:24})]})},"register-kit")]}),Ze=t.jsxs(n.Flex,{gap:"2",flexDirection:"column",children:[h,Ue]}),K=we||V,He=_?t.jsx(n.Flex,{direction:K?"column":["column",null,null,"row"],gap:"8",children:(Se=_==null?void 0:_.sections)==null?void 0:Se.map((a,I)=>{const F=[];for(let M=0;M<a.links.length;M+=3)F.push(a.links.slice(M,M+3));return t.jsxs(n.Box,{children:[t.jsx(n.Text,{fontSize:"md",color:"tints.uiGrey",marginBottom:K?0:[0,null,null,6],children:a.title}),t.jsx(n.Flex,{flexDirection:K?"column":["column",null,null,"row"],gap:K?void 0:[null,null,null,8],children:F==null?void 0:F.map((M,xe)=>t.jsx(n.Flex,{flexDirection:"column",gap:K?void 0:[null,null,null,5],marginLeft:K?void 0:[null,null,null,-2],children:M==null?void 0:M.map((ce,Xe)=>t.jsx(De,{label:ce.label,href:ce.href,additionalContent:ce.additionalContent,linkComponent:j,forceMobileStyle:K,onClick:()=>y==null?void 0:y(ce.label)},`${ce.label}-${Xe}`))},xe))})]},`${a.title}-${I}`)})}):null,se=_!=null&&_.spotlightCards?(Re=_.spotlightCards)==null?void 0:Re.map((a,I)=>t.jsx(jt,{...a,forceMobileStyle:K},`${a.title}-${I}`)):t.jsx(n.Box,{});return t.jsxs(n.Box,{as:"nav","aria-label":"Main navigation",position:"sticky",top:"0",width:"100%",zIndex:["sticky",null,null,Fe?"modal":"sticky"],children:[t.jsx(kt,{desktopTopButtons:Ge,kitRegistrationElement:t.jsx(Ie,{as:n.Link,height:"48px",paddingInline:"16px !important",href:x,onClick:T,backgroundColor:"tints.cream",children:"Register Kit"}),profileElement:t.jsx(n.Link,{href:f,"aria-label":"login",onClick:W,children:t.jsx(le,{icon:t.jsx(n.Icon,{as:H.User}),"aria-label":"Profile"})}),cartElement:t.jsx(Et,{"aria-label":"Cart",count:v,onClick:l}),onSearchClick:()=>{q(!ne),b==null||b()},onMenuClick:()=>{te(!0),m==null||m()},hasSearch:u,hasEvaEnabled:d,onEvaClick:p,logoLink:s,linkComponent:j,onLogoClick:P,setTopOffset:Le}),t.jsxs(n.Box,{position:"relative",zIndex:"modal",children:[t.jsx(ze,{isOpen:V,onClose:ee,title:c,navDrawerLinks:Ee,bottomNavButtons:Ze,hasBackButton:!1,topOffset:de,forceMobilePlacement:!0}),t.jsx(ze,{isOpen:!!_,onClose:()=>{ee(),B(null),V||oe(!1)},title:(_==null?void 0:_.label)||"",navDrawerLinks:He,onBackClick:()=>{B(null),V||oe(!1)},spotlightCards:se,hasOnlySpotlightCards:_==null?void 0:_.hasOnlySpotlightCards,bottomButton:_==null?void 0:_.bottomButton,topOffset:de,forceMobilePlacement:we||V||V&&!ae}),t.jsx(ze,{isOpen:ne,onClose:()=>q(!1),title:"Search",navDrawerLinks:Ye,onSearch:he,hasSearch:!0,hasBackButton:!1,topOffset:de})]})]})},Ct=({links:r,linkComponent:l,onLinkClick:c})=>{const s=l||n.Link,u=d=>{c&&c(d)};return t.jsx(n.Flex,{direction:"column",gap:6,children:r.map(d=>t.jsx(n.Text,{as:s,color:"white",size:"lg",_hover:{color:"viridian.lighter",textDecoration:"none"},onClick:()=>u(d.label),...me(d.href,!!l),children:d.label},d.label))})},Jt=({title:r,links:l,isLast:c})=>{const s=c?"transparent":`${n.theme.colors.viridian.lighter}20`;return l?t.jsx(n.AccordionItem,{borderColor:s,children:({isExpanded:u})=>t.jsxs(t.Fragment,{children:[t.jsxs(n.AccordionButton,{paddingX:0,paddingY:4,_hover:{bg:"transparent"},children:[t.jsx(n.Text,{color:"viridian.lighter",size:"lg",flex:"1",textAlign:"left",children:r}),t.jsx(n.Icon,{as:H.CaretDown,size:"sm",color:"viridian.lighter",transform:u?"rotate(-180deg)":"rotate(0deg)",transition:"transform 0.3s ease"})]}),t.jsx(n.AccordionPanel,{pb:4,px:0,children:l})]})}):null},Qt=({title:r,links:l})=>l?t.jsxs(n.Box,{children:[t.jsx(n.Text,{color:"viridian.lighter",mb:6,fontSize:"lg",children:r}),l]}):null,qt=({sections:r,linkComponent:l,onLinkClick:c})=>Z.useBreakpointValue({base:!1,tablet:!1,largeTablet:!0,desktop:!0})?t.jsx(n.Flex,{justify:"space-between",align:"flex-start",children:t.jsx(n.Flex,{gap:120,children:r.map(({title:u,links:d})=>t.jsx(Qt,{title:u,links:t.jsx(Ct,{links:d,linkComponent:l,onLinkClick:c})},u))})}):t.jsx(n.Accordion,{allowMultiple:!0,defaultIndex:[0],width:"100%",display:"flex",flexDirection:"column",children:r.map(({title:u,links:d},p)=>t.jsx(Jt,{title:u,links:t.jsx(Ct,{links:d,linkComponent:l,onLinkClick:c}),isLast:p===r.length-1},u))}),wt={instagram:H.InstagramLogo,linkedin:H.LinkedinLogo,facebook:H.FacebookLogo,tiktok:H.TiktokLogo,x:H.XLogo},en=({socialLinks:r,onEmailSubmit:l,socialMediaLabel:c,newsletterLabel:s,onLinkClick:u,showNewsletter:d=!0})=>{const[p,b]=k.useState(""),x=()=>{p&&l&&(l(p),b(""))},f=v=>{v.key==="Enter"&&x()},h=v=>{u&&u(v)};return t.jsxs(n.Box,{width:["100%",null,null,"440px"],children:[d&&t.jsxs(n.Box,{mb:[8,10],children:[t.jsx(n.Text,{color:"viridian.lighter",mb:6,size:"lg",children:s}),t.jsxs(n.InputGroup,{children:[t.jsx(n.Input,{placeholder:"Enter your email",bg:"transparent",border:"1px solid",borderColor:"viridian.lighter",color:"viridian.lighter",_placeholder:{color:"viridian.lighter"},opacity:.66,height:"52px",pr:"48px",value:p,onChange:v=>b(v.target.value),onKeyPress:f}),t.jsx(n.InputRightElement,{h:"52px",pr:4,children:t.jsx(n.Icon,{as:H.ArrowRight,color:"viridian.lighter",width:"24px",height:"24px",opacity:.66,cursor:"pointer",onClick:x,"data-testid":"arrow-right-icon",role:"button","aria-label":"Submit"})})]})]}),t.jsxs(n.Box,{children:[t.jsx(n.Text,{color:"viridian.lighter",marginBottom:4,size:"lg",children:c}),t.jsx(n.Flex,{gap:3,children:r==null?void 0:r.map(v=>t.jsx(n.Link,{href:v.href,target:"_blank",rel:"noopener noreferrer","aria-label":v.name,onClick:()=>h(v.name),children:wt[v.name.toLowerCase()]&&t.jsx(n.Icon,{as:wt[v.name.toLowerCase()],color:"white",width:["48px",null,"24px",null],height:["48px",null,"24px",null]})},v.name))})]})]})},tn=({links:r,linkComponent:l,onLinkClick:c})=>{const s=l||n.Link,u=p=>{c&&c(p)},d=r==null?void 0:r.map(p=>t.jsx(n.Text,{as:s,color:"viridian.lighter",size:"sm",_hover:{color:"white",textDecoration:"none"},onClick:()=>u(p.label),...me(p.href,!!l),children:p.label},p.label));return t.jsxs(n.Flex,{direction:["column","column","row"],justify:"space-between",align:["flex-start","flex-start","center"],gap:[6,6,0],children:[t.jsx(n.Flex,{direction:"row",flexWrap:"wrap",gap:[4,6,10],width:["100%","auto"],children:d}),t.jsxs(n.Text,{color:"viridian.lighter",fontSize:"sm",children:["© Everlywell ",new Date().getFullYear()]})]})},nn=k.forwardRef(({navigationSections:r=[],disclaimer:l,newsletterLabel:c,socialMediaLabel:s,socialLinks:u,complianceLinks:d,linkComponent:p,onEmailSubmit:b,additionalContent:x,onLinkClick:f,onSocialMediaClick:h,showNewsletter:v=!0},j)=>t.jsx(n.Box,{as:"footer",bg:"viridian.dark",py:[6,8],px:[4,6],ref:j,children:t.jsxs(n.Container,{size:"fluid",children:[t.jsxs(n.Flex,{direction:"column",gap:[8,12],children:[t.jsx(n.Box,{children:t.jsx(yt,{width:["150px","202px"],color:"white"})}),t.jsxs(n.Flex,{direction:["column",null,null,"row"],justify:"space-between",align:["flex-start"],gap:[8,8,8,0],children:[t.jsx(qt,{sections:r,linkComponent:p,onLinkClick:f}),t.jsx(en,{socialLinks:u,newsletterLabel:c,socialMediaLabel:s,onEmailSubmit:b,onLinkClick:h,showNewsletter:v})]}),t.jsxs(n.Flex,{direction:["column","column","row"],justify:"space-between",alignContent:"center",align:["flex-start","flex-start","center"],gap:[6,6,0],children:[l&&t.jsx(n.Text,{color:"viridian.lighter",fontSize:"sm",maxWidth:["100%","100%","1024px"],dangerouslySetInnerHTML:{__html:l},sx:{"a:hover":{color:"viridian.light",textDecoration:"underline"}}}),x]})]}),t.jsx(n.Box,{borderTop:"1px solid",borderColor:`${n.theme.colors.viridian.lighter}20`,marginTop:"10",marginBottom:"8"}),t.jsx(tn,{disclaimer:l,links:d,linkComponent:p,onLinkClick:f})]})})),rn=r=>r?{Container:n.Drawer,Overlay:n.DrawerOverlay,Content:n.DrawerContent,Header:n.DrawerHeader,Body:n.DrawerBody,Footer:n.DrawerFooter,CloseButton:n.DrawerCloseButton}:{Container:n.Modal,Overlay:n.ModalOverlay,Content:n.ModalContent,Header:n.ModalHeader,Body:n.ModalBody,Footer:n.ModalFooter,CloseButton:n.ModalCloseButton},on=({isOpen:r,onClose:l,children:c,header:s,footer:u,headerProps:d,bodyProps:p,footerProps:b,contentProps:x,...f})=>{var W,P,z,X,Q;const[h]=n.useMediaQuery(`(max-width: ${n.theme.breakpoints.tablet})`),v=(Q=(X=(z=(P=(W=n.theme)==null?void 0:W.components)==null?void 0:P.Modal)==null?void 0:z.baseStyle)==null?void 0:X.overlay)==null?void 0:Q.background,{Container:j,Overlay:S,Content:y,Header:R,Body:m,Footer:$,CloseButton:T}=rn(h);return t.jsxs(j,{...f,isOpen:r,onClose:l,size:"xl",...h?{placement:"bottom"}:{},children:[t.jsx(S,{backdropFilter:"auto",backgroundColor:v}),t.jsxs(y,{backgroundColor:"tints.white",borderRadius:h?"20px 20px 0 0":"20px",overflowY:"auto",gap:0,...s&&h&&{paddingTop:0},...x,children:[t.jsxs(R,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",fontSize:"lg",color:"tints.black",fontWeight:"normal",position:"sticky",top:0,zIndex:"modal",backgroundColor:"tints.white",paddingInline:4,...h?{paddingBlock:4}:{paddingTop:6,paddingBlockEnd:2},...d,children:[s,t.jsx(T,{position:"static",width:32,height:32,backgroundColor:"tints.cream",sx:{".chakra-icon":{fontSize:"1rem"}},children:t.jsx(n.Icon,{as:H.X,weight:"light"})})]}),t.jsx(m,{color:"tints.darkGrey",paddingInline:4,...p,children:c}),t.jsx($,{paddingInline:4,...b,children:u})]})]})};exports.BasketButton=Et;exports.CategoryLabel=zt;exports.DrawerModal=on;exports.Footer=nn;exports.NavButton=Ie;exports.NavSkeleton=Wt;exports.NavbarDrawer=ze;exports.NavbarDrawerLink=De;exports.NavigationBar=Kt;exports.SpotlightCard=jt;exports.Stepper=$t;exports.TopNavIconButton=le;exports.TopNavigation=kt;
|
package/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useSteps as nn, Box as w, Stepper as rn, Icon as ee, Flex as k, Text as z, Link as
|
|
1
|
+
import { useSteps as nn, Box as w, Stepper as rn, Icon as ee, Flex as k, Text as z, Link as X, Button as ht, Image as on, IconButton as ln, theme as K, useMediaQuery as ct, VStack as an, Skeleton as lt, HStack as yt, SkeletonCircle as Ye, DrawerContent as Pt, DrawerOverlay as $t, Drawer as Mt, DrawerHeader as Ht, DrawerBody as Ft, Grid as sn, GridItem as cn, Accordion as un, AccordionItem as dn, AccordionButton as fn, AccordionPanel as pn, InputGroup as hn, Input as gn, InputRightElement as xn, Container as vn, DrawerFooter as bn, DrawerCloseButton as mn, Modal as Cn, ModalOverlay as wn, ModalContent as jn, ModalHeader as yn, ModalBody as En, ModalFooter as kn, ModalCloseButton as Rn } from "@everlywell/ui-kit";
|
|
2
2
|
import Pe, { useEffect as oe, forwardRef as Bt, useRef as _n, useCallback as zt, useState as Z } from "react";
|
|
3
3
|
import { Text as Sn, useBreakpointValue as ye, Box as Tn, InputGroup as Dn, Input as In, InputRightElement as Ln, Icon as On } from "@chakra-ui/react";
|
|
4
4
|
import { CaretRight as Et, MagnifyingGlass as Wt, List as An, Basket as Pn, CaretLeft as $n, X as Nt, User as kt, QrCode as Mn, CaretDown as Hn, ArrowRight as Fn, InstagramLogo as Bn, LinkedinLogo as zn, FacebookLogo as Wn, TiktokLogo as Nn, XLogo as Vn } from "@phosphor-icons/react";
|
|
@@ -281,10 +281,10 @@ function Un() {
|
|
|
281
281
|
var je = e ? e.displayName || e.name : "", pe = je ? xe(je) : "";
|
|
282
282
|
return typeof e == "function" && ve.set(e, pe), pe;
|
|
283
283
|
}
|
|
284
|
-
function
|
|
284
|
+
function Xe(e, r, a) {
|
|
285
285
|
return be(e, !1);
|
|
286
286
|
}
|
|
287
|
-
function
|
|
287
|
+
function Ke(e) {
|
|
288
288
|
var r = e.prototype;
|
|
289
289
|
return !!(r && r.isReactComponent);
|
|
290
290
|
}
|
|
@@ -292,7 +292,7 @@ function Un() {
|
|
|
292
292
|
if (e == null)
|
|
293
293
|
return "";
|
|
294
294
|
if (typeof e == "function")
|
|
295
|
-
return be(e,
|
|
295
|
+
return be(e, Ke(e));
|
|
296
296
|
if (typeof e == "string")
|
|
297
297
|
return xe(e);
|
|
298
298
|
switch (e) {
|
|
@@ -304,7 +304,7 @@ function Un() {
|
|
|
304
304
|
if (typeof e == "object")
|
|
305
305
|
switch (e.$$typeof) {
|
|
306
306
|
case g:
|
|
307
|
-
return
|
|
307
|
+
return Xe(e.render);
|
|
308
308
|
case x:
|
|
309
309
|
return re(e.type, r, a);
|
|
310
310
|
case j: {
|
|
@@ -564,7 +564,7 @@ Check the top-level render call using <` + a + ">.");
|
|
|
564
564
|
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
565
565
|
}
|
|
566
566
|
}
|
|
567
|
-
function
|
|
567
|
+
function Xt(e) {
|
|
568
568
|
{
|
|
569
569
|
for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
|
|
570
570
|
var h = r[a];
|
|
@@ -618,16 +618,16 @@ React keys must be passed directly to JSX without using spread:
|
|
|
618
618
|
<%s key={someKey} {...props} />`, ot, pe, en, pe), wt[pe + ot] = !0;
|
|
619
619
|
}
|
|
620
620
|
}
|
|
621
|
-
return e === i ?
|
|
621
|
+
return e === i ? Xt(M) : Zt(M), M;
|
|
622
622
|
}
|
|
623
623
|
}
|
|
624
|
-
function
|
|
624
|
+
function Kt(e, r, a) {
|
|
625
625
|
return jt(e, r, a, !0);
|
|
626
626
|
}
|
|
627
627
|
function Jt(e, r, a) {
|
|
628
628
|
return jt(e, r, a, !1);
|
|
629
629
|
}
|
|
630
|
-
var Qt = Jt, qt =
|
|
630
|
+
var Qt = Jt, qt = Kt;
|
|
631
631
|
Ae.Fragment = i, Ae.jsx = Qt, Ae.jsxs = qt;
|
|
632
632
|
}()), Ae;
|
|
633
633
|
}
|
|
@@ -720,7 +720,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
720
720
|
href: p,
|
|
721
721
|
forceMobileStyle: v = !1,
|
|
722
722
|
...g
|
|
723
|
-
} = n, d = u ||
|
|
723
|
+
} = n, d = u || X, f = Ee(p, !!u), x = v ? c || "xl" : [c || "xl", null, null, "lg"], j = v ? "xl" : ["xl", null, null, "lg"], R = v ? void 0 : [null, null, null, 1], y = v ? void 0 : [null, null, null, "space-between"], _ = v ? "3" : [3, null, null, 0], b = v ? "1px" : ["1px", null, null, "unset"], F = v ? "tints.cream" : ["tints.cream", null, null, "unset"], S = v ? "100%" : ["100%", null, null, "fit-content"], W = v ? "none" : ["none", null, null, "block"], $ = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
|
|
724
724
|
return /* @__PURE__ */ t.jsxs(
|
|
725
725
|
w,
|
|
726
726
|
{
|
|
@@ -830,7 +830,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
830
830
|
}
|
|
831
831
|
);
|
|
832
832
|
}
|
|
833
|
-
),
|
|
833
|
+
), Xn = ({
|
|
834
834
|
title: n,
|
|
835
835
|
description: o,
|
|
836
836
|
imageSrc: s,
|
|
@@ -842,7 +842,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
842
842
|
linkComponent: g,
|
|
843
843
|
forceMobileStyle: d = !1
|
|
844
844
|
}) => {
|
|
845
|
-
const R = g ||
|
|
845
|
+
const R = g || X, y = Ee(v, !!g), _ = ye({
|
|
846
846
|
base: !1,
|
|
847
847
|
tablet: !1,
|
|
848
848
|
largeTablet: !1,
|
|
@@ -967,7 +967,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
967
967
|
...n
|
|
968
968
|
}
|
|
969
969
|
), Vt = ({
|
|
970
|
-
color: n =
|
|
970
|
+
color: n = K.colors.viridian.base,
|
|
971
971
|
width: o
|
|
972
972
|
}) => /* @__PURE__ */ t.jsx(
|
|
973
973
|
Tn,
|
|
@@ -1030,7 +1030,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1030
1030
|
)
|
|
1031
1031
|
]
|
|
1032
1032
|
}
|
|
1033
|
-
),
|
|
1033
|
+
), Kn = ({
|
|
1034
1034
|
desktopTopButtons: n,
|
|
1035
1035
|
kitRegistrationElement: o,
|
|
1036
1036
|
profileElement: s,
|
|
@@ -1045,7 +1045,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1045
1045
|
linkComponent: x,
|
|
1046
1046
|
onLogoClick: j
|
|
1047
1047
|
}) => {
|
|
1048
|
-
const R = _n(null), [y] = ct(`(max-width: ${
|
|
1048
|
+
const R = _n(null), [y] = ct(`(max-width: ${K.breakpoints.mediumTablet})`), [_] = ct(`(max-width: ${K.breakpoints.mediumDesktop})`), b = zt(() => {
|
|
1049
1049
|
if (R.current) {
|
|
1050
1050
|
const F = R.current.getBoundingClientRect();
|
|
1051
1051
|
f(F.bottom);
|
|
@@ -1075,7 +1075,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1075
1075
|
{
|
|
1076
1076
|
"aria-label": "Go to homepage",
|
|
1077
1077
|
onClick: j,
|
|
1078
|
-
as: x ||
|
|
1078
|
+
as: x || X,
|
|
1079
1079
|
...Ee(d, !!x),
|
|
1080
1080
|
children: /* @__PURE__ */ t.jsx(Vt, { width: "116px" })
|
|
1081
1081
|
}
|
|
@@ -1110,6 +1110,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1110
1110
|
ht,
|
|
1111
1111
|
{
|
|
1112
1112
|
height: "48px",
|
|
1113
|
+
paddingX: "16px !important",
|
|
1113
1114
|
fontSize: "lg",
|
|
1114
1115
|
color: "eggplant.base",
|
|
1115
1116
|
backgroundColor: "eggplant.wash",
|
|
@@ -1122,7 +1123,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1122
1123
|
onClick: v,
|
|
1123
1124
|
children: [
|
|
1124
1125
|
/* @__PURE__ */ t.jsx(Tt, {}),
|
|
1125
|
-
/* @__PURE__ */ t.jsx("span", { children: "
|
|
1126
|
+
/* @__PURE__ */ t.jsx("span", { children: "Ask or Search" })
|
|
1126
1127
|
]
|
|
1127
1128
|
}
|
|
1128
1129
|
) : /* @__PURE__ */ t.jsx(
|
|
@@ -1360,14 +1361,14 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1360
1361
|
...b ? {
|
|
1361
1362
|
styleConfig: {
|
|
1362
1363
|
baseStyle: {
|
|
1363
|
-
...
|
|
1364
|
+
...K.components.Drawer.baseStyle,
|
|
1364
1365
|
dialogContainer: {
|
|
1365
|
-
...(le = (V =
|
|
1366
|
+
...(le = (V = K.components.Drawer) == null ? void 0 : V.baseStyle) == null ? void 0 : le.dialogContainer,
|
|
1366
1367
|
// Higher z-index for drawer content to be above overlay and navigation
|
|
1367
1368
|
zIndex: "popover"
|
|
1368
1369
|
},
|
|
1369
1370
|
dialog: {
|
|
1370
|
-
...(ne = (ae =
|
|
1371
|
+
...(ne = (ae = K.components.Drawer) == null ? void 0 : ae.baseStyle) == null ? void 0 : ne.dialog,
|
|
1371
1372
|
// Ensure mobile drawer doesn't expand to full width
|
|
1372
1373
|
maxW: "560px",
|
|
1373
1374
|
width: "auto"
|
|
@@ -1377,9 +1378,9 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1377
1378
|
} : {
|
|
1378
1379
|
styleConfig: {
|
|
1379
1380
|
baseStyle: {
|
|
1380
|
-
...
|
|
1381
|
+
...K.components.Drawer.baseStyle,
|
|
1381
1382
|
dialogContainer: {
|
|
1382
|
-
...(L = (T =
|
|
1383
|
+
...(L = (T = K.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : L.dialogContainer,
|
|
1383
1384
|
// Push the drawer down by the top offset on desktop to not cover the top navigation
|
|
1384
1385
|
top: `${j}px`,
|
|
1385
1386
|
// Lower index on desktop to make sure the drawer is below the top navigation
|
|
@@ -1713,7 +1714,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1713
1714
|
source: or(n),
|
|
1714
1715
|
onSearchCallback: R,
|
|
1715
1716
|
isActive: ae
|
|
1716
|
-
}), Be = ue.length > 0, be = j ||
|
|
1717
|
+
}), Be = ue.length > 0, be = j || X, Xe = Ee(B, !!j), Ke = xe && /* @__PURE__ */ t.jsxs(
|
|
1717
1718
|
k,
|
|
1718
1719
|
{ gap: Be ? "6" : 0, direction: "column", children: [
|
|
1719
1720
|
Be ? /* @__PURE__ */ t.jsx(z, { color: "tints.uiGrey", children: `${ue.length} Results` }) : /* @__PURE__ */ t.jsxs(
|
|
@@ -1730,7 +1731,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1730
1731
|
onClick: J,
|
|
1731
1732
|
_hover: { textDecoration: "none" },
|
|
1732
1733
|
width: ["100%", null, null, "auto"],
|
|
1733
|
-
...
|
|
1734
|
+
...Xe,
|
|
1734
1735
|
children: "Shop all products"
|
|
1735
1736
|
}
|
|
1736
1737
|
)
|
|
@@ -1803,7 +1804,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1803
1804
|
},
|
|
1804
1805
|
onMouseLeave: me,
|
|
1805
1806
|
isSelected: (T == null ? void 0 : T.label) === l.label,
|
|
1806
|
-
as: G(l) && be ? be :
|
|
1807
|
+
as: G(l) && be ? be : X,
|
|
1807
1808
|
href: G(l) ? l.href : void 0,
|
|
1808
1809
|
onClick: G(l) ? () => y == null ? void 0 : y(l.label) : void 0,
|
|
1809
1810
|
...A && {
|
|
@@ -1869,7 +1870,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1869
1870
|
/* @__PURE__ */ t.jsx(
|
|
1870
1871
|
Ue,
|
|
1871
1872
|
{
|
|
1872
|
-
as:
|
|
1873
|
+
as: X,
|
|
1873
1874
|
href: d,
|
|
1874
1875
|
width: "100%",
|
|
1875
1876
|
backgroundColor: "tints.cream",
|
|
@@ -1887,7 +1888,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1887
1888
|
/* @__PURE__ */ t.jsx(
|
|
1888
1889
|
Ue,
|
|
1889
1890
|
{
|
|
1890
|
-
as:
|
|
1891
|
+
as: X,
|
|
1891
1892
|
width: "100%",
|
|
1892
1893
|
href: g,
|
|
1893
1894
|
backgroundColor: "tints.cream",
|
|
@@ -1965,7 +1966,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1965
1966
|
}) }
|
|
1966
1967
|
) : null, de = T != null && T.spotlightCards ? (Le = T.spotlightCards) == null ? void 0 : Le.map(
|
|
1967
1968
|
(l, I) => /* @__PURE__ */ t.jsx(
|
|
1968
|
-
|
|
1969
|
+
Xn,
|
|
1969
1970
|
{
|
|
1970
1971
|
...l,
|
|
1971
1972
|
forceMobileStyle: Q
|
|
@@ -1984,13 +1985,13 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
1984
1985
|
zIndex: ["sticky", null, null, He ? "modal" : "sticky"],
|
|
1985
1986
|
children: [
|
|
1986
1987
|
/* @__PURE__ */ t.jsx(
|
|
1987
|
-
|
|
1988
|
+
Kn,
|
|
1988
1989
|
{
|
|
1989
1990
|
desktopTopButtons: Je,
|
|
1990
1991
|
kitRegistrationElement: /* @__PURE__ */ t.jsx(
|
|
1991
1992
|
Ue,
|
|
1992
1993
|
{
|
|
1993
|
-
as:
|
|
1994
|
+
as: X,
|
|
1994
1995
|
height: "48px",
|
|
1995
1996
|
paddingInline: "16px !important",
|
|
1996
1997
|
href: g,
|
|
@@ -2000,7 +2001,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
2000
2001
|
}
|
|
2001
2002
|
),
|
|
2002
2003
|
profileElement: /* @__PURE__ */ t.jsx(
|
|
2003
|
-
|
|
2004
|
+
X,
|
|
2004
2005
|
{ href: d, "aria-label": "login", onClick: W, children: /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(ee, { as: kt }), "aria-label": "Profile" }) }
|
|
2005
2006
|
),
|
|
2006
2007
|
cartElement: /* @__PURE__ */ t.jsx(
|
|
@@ -2068,7 +2069,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
2068
2069
|
isOpen: ae,
|
|
2069
2070
|
onClose: () => ne(!1),
|
|
2070
2071
|
title: "Search",
|
|
2071
|
-
navDrawerLinks:
|
|
2072
|
+
navDrawerLinks: Ke,
|
|
2072
2073
|
onSearch: ve,
|
|
2073
2074
|
hasSearch: !0,
|
|
2074
2075
|
hasBackButton: !1,
|
|
@@ -2081,7 +2082,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
2081
2082
|
}
|
|
2082
2083
|
);
|
|
2083
2084
|
}, Ot = ({ links: n, linkComponent: o, onLinkClick: s }) => {
|
|
2084
|
-
const i = o ||
|
|
2085
|
+
const i = o || X, c = (u) => {
|
|
2085
2086
|
s && s(u);
|
|
2086
2087
|
};
|
|
2087
2088
|
return /* @__PURE__ */ t.jsx(
|
|
@@ -2103,7 +2104,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
2103
2104
|
) }
|
|
2104
2105
|
);
|
|
2105
2106
|
}, lr = ({ title: n, links: o, isLast: s }) => {
|
|
2106
|
-
const i = s ? "transparent" : `${
|
|
2107
|
+
const i = s ? "transparent" : `${K.colors.viridian.lighter}20`;
|
|
2107
2108
|
return o ? /* @__PURE__ */ t.jsx(
|
|
2108
2109
|
dn,
|
|
2109
2110
|
{ borderColor: i, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
|
|
@@ -2290,7 +2291,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
2290
2291
|
k,
|
|
2291
2292
|
{ gap: 3, children: n == null ? void 0 : n.map(
|
|
2292
2293
|
(x) => /* @__PURE__ */ t.jsx(
|
|
2293
|
-
|
|
2294
|
+
X,
|
|
2294
2295
|
{
|
|
2295
2296
|
href: x.href,
|
|
2296
2297
|
target: "_blank",
|
|
@@ -2320,7 +2321,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
2320
2321
|
linkComponent: o,
|
|
2321
2322
|
onLinkClick: s
|
|
2322
2323
|
}) => {
|
|
2323
|
-
const i = o ||
|
|
2324
|
+
const i = o || X, c = (p) => {
|
|
2324
2325
|
s && s(p);
|
|
2325
2326
|
}, u = n == null ? void 0 : n.map(
|
|
2326
2327
|
(p) => /* @__PURE__ */ t.jsx(
|
|
@@ -2451,7 +2452,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
2451
2452
|
w,
|
|
2452
2453
|
{
|
|
2453
2454
|
borderTop: "1px solid",
|
|
2454
|
-
borderColor: `${
|
|
2455
|
+
borderColor: `${K.colors.viridian.lighter}20`,
|
|
2455
2456
|
marginTop: "10",
|
|
2456
2457
|
marginBottom: "8"
|
|
2457
2458
|
}
|
|
@@ -2496,7 +2497,7 @@ const at = 60, St = 6, Zn = (n) => {
|
|
|
2496
2497
|
...d
|
|
2497
2498
|
}) => {
|
|
2498
2499
|
var W, $, B, J, te;
|
|
2499
|
-
const [f] = ct(`(max-width: ${
|
|
2500
|
+
const [f] = ct(`(max-width: ${K.breakpoints.tablet})`), x = (te = (J = (B = ($ = (W = K) == null ? void 0 : W.components) == null ? void 0 : $.Modal) == null ? void 0 : B.baseStyle) == null ? void 0 : J.overlay) == null ? void 0 : te.background, {
|
|
2500
2501
|
Container: j,
|
|
2501
2502
|
Overlay: R,
|
|
2502
2503
|
Content: y,
|
|
@@ -2589,8 +2590,8 @@ export {
|
|
|
2589
2590
|
st as NavbarDrawer,
|
|
2590
2591
|
Ge as NavbarDrawerLink,
|
|
2591
2592
|
mr as NavigationBar,
|
|
2592
|
-
|
|
2593
|
+
Xn as SpotlightCard,
|
|
2593
2594
|
xr as Stepper,
|
|
2594
2595
|
he as TopNavIconButton,
|
|
2595
|
-
|
|
2596
|
+
Kn as TopNavigation
|
|
2596
2597
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopNavigation.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;SAGK;IACL,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;;SAGK;IACL,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;SAGK;IACL,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;SAEK;IACL,WAAW,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;SAEK;IACL,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;SAEK;IACL,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;;SAGK;IACL,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;SAGK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAIpC,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC;AA6BF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"TopNavigation.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;SAGK;IACL,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;;SAGK;IACL,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;SAGK;IACL,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;SAEK;IACL,WAAW,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;SAEK;IACL,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;SAEK;IACL,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;;SAGK;IACL,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;SAGK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAIpC,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC;AA6BF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsItD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|