@everlywell/consumer-ui 1.29.0 → 1.29.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +8 -8
- package/index.mjs +118 -113
- package/lib/components/Navbar/SpotlightCard/SpotlightCard.d.ts.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@everlywell/ui-kit"),y=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@everlywell/ui-kit"),y=require("react"),q=require("@chakra-ui/react"),W=require("@phosphor-icons/react"),tt=require("framer-motion");var Ne={exports:{}},fe={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -14,19 +14,19 @@
|
|
|
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 rt;function Tt(){return rt||(rt=1,process.env.NODE_ENV!=="production"&&function(){var i=y,s=Symbol.for("react.element"),x=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),j=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),S=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),d=Symbol.for("react.offscreen"),
|
|
18
|
-
`+oe+e}}var se=!1,
|
|
19
|
-
`),
|
|
20
|
-
`),_=p.length-1,
|
|
21
|
-
`+p[_].replace(" at new "," at ");return e.displayName&&$.includes("<anonymous>")&&($=$.replace("<anonymous>",e.displayName)),typeof e=="function"&&
|
|
17
|
+
*/var rt;function Tt(){return rt||(rt=1,process.env.NODE_ENV!=="production"&&function(){var i=y,s=Symbol.for("react.element"),x=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),j=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),S=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),d=Symbol.for("react.offscreen"),k=Symbol.iterator,I="@@iterator";function A(e){if(e===null||typeof e!="object")return null;var n=k&&e[k]||e[I];return typeof n=="function"?n:null}var F=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function T(e){{for(var n=arguments.length,l=new Array(n>1?n-1:0),o=1;o<n;o++)l[o-1]=arguments[o];N("error",e,l)}}function N(e,n,l){{var o=F.ReactDebugCurrentFrame,b=o.getStackAddendum();b!==""&&(n+="%s",l=l.concat([b]));var w=l.map(function(v){return String(v)});w.unshift("Warning: "+n),Function.prototype.apply.call(console[e],console,w)}}var Te=!1,Le=!1,xe=!1,ve=!1,X=!1,R;R=Symbol.for("react.module.reference");function V(e){return!!(typeof e=="string"||typeof e=="function"||e===f||e===g||X||e===j||e===m||e===u||ve||e===d||Te||Le||xe||typeof e=="object"&&e!==null&&(e.$$typeof===E||e.$$typeof===h||e.$$typeof===C||e.$$typeof===S||e.$$typeof===c||e.$$typeof===R||e.getModuleId!==void 0))}function le(e,n,l){var o=e.displayName;if(o)return o;var b=n.displayName||n.name||"";return b!==""?l+"("+b+")":l}function ge(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 f:return"Fragment";case x:return"Portal";case g:return"Profiler";case j:return"StrictMode";case m:return"Suspense";case u:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case S:var n=e;return ge(n)+".Consumer";case C:var l=e;return ge(l._context)+".Provider";case c:return le(e,e.render,"ForwardRef");case h:var o=e.displayName||null;return o!==null?o:B(e.type)||"Memo";case E:{var b=e,w=b._payload,v=b._init;try{return B(v(w))}catch{return null}}}return null}var M=Object.assign,Y=0,be,me,J,Ce,ie,we,je;function ye(){}ye.__reactDisabledLog=!0;function De(){{if(Y===0){be=console.log,me=console.info,J=console.warn,Ce=console.error,ie=console.group,we=console.groupCollapsed,je=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ye,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Y++}}function Ee(){{if(Y--,Y===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:M({},e,{value:be}),info:M({},e,{value:me}),warn:M({},e,{value:J}),error:M({},e,{value:Ce}),group:M({},e,{value:ie}),groupCollapsed:M({},e,{value:we}),groupEnd:M({},e,{value:je})})}Y<0&&T("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ae=F.ReactCurrentDispatcher,oe;function Q(e,n,l){{if(oe===void 0)try{throw Error()}catch(b){var o=b.stack.trim().match(/\n( *(at )?)/);oe=o&&o[1]||""}return`
|
|
18
|
+
`+oe+e}}var se=!1,ee;{var Oe=typeof WeakMap=="function"?WeakMap:Map;ee=new Oe}function Re(e,n){if(!e||se)return"";{var l=ee.get(e);if(l!==void 0)return l}var o;se=!0;var b=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var w;w=ae.current,ae.current=null,De();try{if(n){var v=function(){throw Error()};if(Object.defineProperty(v.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(v,[])}catch(P){o=P}Reflect.construct(e,[],v)}else{try{v.call()}catch(P){o=P}e.call(v.prototype)}}else{try{throw Error()}catch(P){o=P}e()}}catch(P){if(P&&o&&typeof P.stack=="string"){for(var p=P.stack.split(`
|
|
19
|
+
`),O=o.stack.split(`
|
|
20
|
+
`),_=p.length-1,L=O.length-1;_>=1&&L>=0&&p[_]!==O[L];)L--;for(;_>=1&&L>=0;_--,L--)if(p[_]!==O[L]){if(_!==1||L!==1)do if(_--,L--,L<0||p[_]!==O[L]){var $=`
|
|
21
|
+
`+p[_].replace(" at new "," at ");return e.displayName&&$.includes("<anonymous>")&&($=$.replace("<anonymous>",e.displayName)),typeof e=="function"&&ee.set(e,$),$}while(_>=1&&L>=0);break}}}finally{se=!1,ae.current=w,Ee(),Error.prepareStackTrace=b}var re=e?e.displayName||e.name:"",Z=re?Q(re):"";return typeof e=="function"&&ee.set(e,Z),Z}function Pe(e,n,l){return Re(e,!1)}function Ie(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function te(e,n,l){if(e==null)return"";if(typeof e=="function")return Re(e,Ie(e));if(typeof e=="string")return Q(e);switch(e){case m:return Q("Suspense");case u:return Q("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case c:return Pe(e.render);case h:return te(e.type,n,l);case E:{var o=e,b=o._payload,w=o._init;try{return te(w(b),n,l)}catch{}}}return""}var z=Object.prototype.hasOwnProperty,ue={},ce=F.ReactDebugCurrentFrame;function a(e){if(e){var n=e._owner,l=te(e.type,e._source,n?n.type:null);ce.setExtraStackFrame(l)}else ce.setExtraStackFrame(null)}function H(e,n,l,o,b){{var w=Function.call.bind(z);for(var v in e)if(w(e,v)){var p=void 0;try{if(typeof e[v]!="function"){var O=Error((o||"React class")+": "+l+" type `"+v+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[v]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}p=e[v](n,v,o,l,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(_){p=_}p&&!(p instanceof Error)&&(a(b),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).",o||"React class",l,v,typeof p),a(null)),p instanceof Error&&!(p.message in ue)&&(ue[p.message]=!0,a(b),T("Failed %s type: %s",l,p.message),a(null))}}}var U=Array.isArray;function D(e){return U(e)}function Fe(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,l=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return l}}function G(e){try{return Ye(e),!1}catch{return!0}}function Ye(e){return""+e}function ze(e){if(G(e))return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Fe(e)),Ye(e)}var de=F.ReactCurrentOwner,ct={key:!0,ref:!0,__self:!0,__source:!0},Ue,Ge,Be;Be={};function dt(e){if(z.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function ft(e){if(z.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function pt(e,n){if(typeof e.ref=="string"&&de.current&&n&&de.current.stateNode!==n){var l=B(de.current.type);Be[l]||(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(de.current.type),e.ref),Be[l]=!0)}}function ht(e,n){{var l=function(){Ue||(Ue=!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)",n))};l.isReactWarning=!0,Object.defineProperty(e,"key",{get:l,configurable:!0})}}function xt(e,n){{var l=function(){Ge||(Ge=!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)",n))};l.isReactWarning=!0,Object.defineProperty(e,"ref",{get:l,configurable:!0})}}var vt=function(e,n,l,o,b,w,v){var p={$$typeof:s,type:e,key:n,ref:l,props:v,_owner:w};return p._store={},Object.defineProperty(p._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(p,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(p,"_source",{configurable:!1,enumerable:!1,writable:!1,value:b}),Object.freeze&&(Object.freeze(p.props),Object.freeze(p)),p};function gt(e,n,l,o,b){{var w,v={},p=null,O=null;l!==void 0&&(ze(l),p=""+l),ft(n)&&(ze(n.key),p=""+n.key),dt(n)&&(O=n.ref,pt(n,b));for(w in n)z.call(n,w)&&!ct.hasOwnProperty(w)&&(v[w]=n[w]);if(e&&e.defaultProps){var _=e.defaultProps;for(w in _)v[w]===void 0&&(v[w]=_[w])}if(p||O){var L=typeof e=="function"?e.displayName||e.name||"Unknown":e;p&&ht(v,L),O&&xt(v,L)}return vt(e,p,O,b,o,de.current,v)}}var He=F.ReactCurrentOwner,Ze=F.ReactDebugCurrentFrame;function ne(e){if(e){var n=e._owner,l=te(e.type,e._source,n?n.type:null);Ze.setExtraStackFrame(l)}else Ze.setExtraStackFrame(null)}var Ae;Ae=!1;function $e(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function qe(){{if(He.current){var e=B(He.current.type);if(e)return`
|
|
22
22
|
|
|
23
23
|
Check the render method of \``+e+"`."}return""}}function bt(e){{if(e!==void 0){var n=e.fileName.replace(/^.*[\\\/]/,""),l=e.lineNumber;return`
|
|
24
24
|
|
|
25
25
|
Check your code at `+n+":"+l+"."}return""}}var Ke={};function mt(e){{var n=qe();if(!n){var l=typeof e=="string"?e:e.displayName||e.name;l&&(n=`
|
|
26
26
|
|
|
27
|
-
Check the top-level render call using <`+l+">.")}return n}}function Xe(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var l=mt(n);if(Ke[l])return;Ke[l]=!0;var o="";e&&e._owner&&e._owner!==He.current&&(o=" It was passed a child from "+B(e._owner.type)+"."),
|
|
27
|
+
Check the top-level render call using <`+l+">.")}return n}}function Xe(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var l=mt(n);if(Ke[l])return;Ke[l]=!0;var o="";e&&e._owner&&e._owner!==He.current&&(o=" It was passed a child from "+B(e._owner.type)+"."),ne(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.',l,o),ne(null)}}function Je(e,n){{if(typeof e!="object")return;if(D(e))for(var l=0;l<e.length;l++){var o=e[l];$e(o)&&Xe(o,n)}else if($e(e))e._store&&(e._store.validated=!0);else if(e){var b=A(e);if(typeof b=="function"&&b!==e.entries)for(var w=b.call(e),v;!(v=w.next()).done;)$e(v.value)&&Xe(v.value,n)}}}function Ct(e){{var n=e.type;if(n==null||typeof n=="string")return;var l;if(typeof n=="function")l=n.propTypes;else if(typeof n=="object"&&(n.$$typeof===c||n.$$typeof===h))l=n.propTypes;else return;if(l){var o=B(n);H(l,e.props,"prop",o,e)}else if(n.PropTypes!==void 0&&!Ae){Ae=!0;var b=B(n);T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",b||"Unknown")}typeof n.getDefaultProps=="function"&&!n.getDefaultProps.isReactClassApproved&&T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function wt(e){{for(var n=Object.keys(e.props),l=0;l<n.length;l++){var o=n[l];if(o!=="children"&&o!=="key"){ne(e),T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",o),ne(null);break}}e.ref!==null&&(ne(e),T("Invalid attribute `ref` supplied to `React.Fragment`."),ne(null))}}var Qe={};function et(e,n,l,o,b,w){{var v=V(e);if(!v){var p="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(p+=" 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 O=bt(b);O?p+=O:p+=qe();var _;e===null?_="null":D(e)?_="array":e!==void 0&&e.$$typeof===s?(_="<"+(B(e.type)||"Unknown")+" />",p=" Did you accidentally export a JSX literal instead of a component?"):_=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",_,p)}var L=gt(e,n,l,b,w);if(L==null)return L;if(v){var $=n.children;if($!==void 0)if(o)if(D($)){for(var re=0;re<$.length;re++)Je($[re],e);Object.freeze&&Object.freeze($)}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 Je($,e)}if(z.call(n,"key")){var Z=B(e),P=Object.keys(n).filter(function(_t){return _t!=="key"}),We=P.length>0?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}";if(!Qe[Z+We]){var St=P.length>0?"{"+P.join(": ..., ")+": ...}":"{}";T(`A props object containing a "key" prop is being spread into JSX:
|
|
28
28
|
let props = %s;
|
|
29
29
|
<%s {...props} />
|
|
30
30
|
React keys must be passed directly to JSX without using spread:
|
|
31
31
|
let props = %s;
|
|
32
|
-
<%s key={someKey} {...props} />`,We,Z,St,Z),Qe[Z+We]=!0}}return e===f?wt(T):Ct(T),T}}function jt(e,n,l){return et(e,n,l,!0)}function yt(e,n,l){return et(e,n,l,!1)}var Et=yt,Rt=jt;pe.Fragment=f,pe.jsx=Et,pe.jsxs=Rt}()),pe}process.env.NODE_ENV==="production"?Ne.exports=kt():Ne.exports=Tt();var t=Ne.exports;const Me=60,lt=6,Lt=i=>{const{activeStepIndex:s,hideIndicators:x=!1,steps:f,stepperTheme:j={light:"eggplant.light",base:"eggplant.base"}}=i,{activeStep:g,setActiveStep:C}=r.useSteps({index:s,count:f.length});return y.useEffect(()=>{C(s)},[s,C]),t.jsx(r.Box,{position:"relative",width:"100%","data-testid":"stepper",children:t.jsx(r.Stepper,{role:"progressbar",index:g,width:"100%",display:"flex",flexWrap:"nowrap",children:f.map((S,c)=>{const m=g===c,u=c===0,h=c===f.length-1,E=g>c;let d=`${Me}px`;const L=`calc(100% - ((${Me*(f.length-1)}px) - (${f.length-1} * ${lt*2}px)))`;return m?d=L:(u||h)&&(d=`${Me-lt}px`),t.jsx(r.Box,{width:d,opacity:E||m?1:.2,paddingRight:h?"0":"6px",paddingLeft:u?"0":"6px",transition:"width 0.4s ease-in-out, opacity 0.4s ease-in-out",children:t.jsx(r.Box,{paddingTop:x?2:5,position:"relative",width:"100%",children:t.jsx(r.Box,{width:"100%",position:"absolute",top:"0",backgroundColor:E?j.light:j.base,height:x?"4px":"8px",borderRadius:"4",left:"0"})})},`step-${c}`)})})})},Ot=y.memo(Lt),Pt=({children:i,...s})=>t.jsx(re.Text,{color:"tints.uiGrey",fontSize:["md",null,null,"lg"],...s,children:i}),ke=(i,s)=>{const x=(i==null?void 0:i.startsWith("http"))||(i==null?void 0:i.startsWith("mailto"));return s&&!x?{to:i}:{href:i}},Se=y.forwardRef((i,s)=>{const{label:x,additionalContent:f,mainTextFontSize:j,linkComponent:g,href:C,...S}=i,c=g||r.Link,m=ke(C,!!g);return t.jsxs(r.Box,{ref:s,as:c,display:"flex",alignItems:"center",gap:[null,null,null,1],justifyContent:[null,null,null,"space-between"],paddingY:[3,null,null,0],color:"tints.black",_hover:{color:"viridian.base",textDecoration:"none"},borderBottom:["1px",null,null,"unset"],borderColor:["tints.cream",null,null,"unset"],width:["100%",null,null,"fit-content"],cursor:"pointer",...m,...S,children:[t.jsx(r.Icon,{display:["none",null,null,"block"],as:W.CaretRight,fontSize:"lg",color:"viridian.light",role:"img","aria-label":"Caret right icon",weight:"bold"}),t.jsxs(r.Flex,{alignItems:"center",gap:"1",width:["100%",null,null,"auto"],children:[t.jsx(r.Text,{fontSize:[j||"xl",null,null,"lg"],fontWeight:"medium",children:x}),f&&(typeof f=="string"?t.jsx(r.Text,{fontSize:["xl",null,null,"lg"],fontWeight:"medium",color:"tints.uiGrey",sx:{"a:hover &":{color:"viridian.base"}},children:f}):f),t.jsx(r.Icon,{display:["block",null,null,"none"],as:W.CaretRight,fontSize:"2xl",color:"tints.uiGrey",role:"img","aria-label":"Caret right icon",marginLeft:"auto"})]})]})}),he=y.forwardRef((i,s)=>{const{children:x,isSelected:f,...j}=i,g=i.backgroundColor||(f?"tints.lightCream":"transparent");return t.jsx(r.Button,{ref:s,borderRadius:"full",backgroundColor:g,fontSize:"lg !important",fontWeight:"normal",color:"tints.black",_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:g,textDecoration:"none",filter:"brightness(0.95)"},...j,children:x})}),ot=({title:i,description:s,imageSrc:x,imageElement:f,button:j,backgroundColor:g="viridian.wash",onClick:C,href:S,linkComponent:c})=>{const m="80px",u="200px",h="272px",E=c||r.Link,d=ke(S,!!c);return t.jsxs(r.Flex,{direction:["row",null,null,"column"],alignItems:["center"],borderRadius:"xl",overflow:"hidden",height:[m,null,null,h],backgroundColor:g,onClick:C,"data-testid":"spotlight-card",position:"relative",transition:"box-shadow 0.2s ease-in-out",border:"1px solid",borderColor:"transparent",_hover:{boxShadow:"lg",cursor:"pointer",textDecoration:"none",border:"1px solid",borderColor:"tints.white"},as:E,...d,children:[t.jsx(r.Box,{width:["72px",null,null,"100%"],height:["100%"],flex:[null,null,null,"1"],children:x?t.jsx(r.Image,{src:x,objectFit:"cover",height:[m,null,null,u],width:"100%",alt:"","data-testid":"spotlight-card-image"}):t.jsx(r.Box,{height:[m,null,null,u],overflow:"hidden",children:f})}),t.jsxs(r.Flex,{direction:["column",null,null,"row"],justifyContent:[null,null,null,"space-between"],alignItems:["left",null,null,"center"],padding:"4",height:["100%",null,null,"auto"],width:"100%",position:[null,null,null,"absolute"],bottom:[null,null,null,"0"],backgroundColor:[null,null,null,`${g}CC`],backdropFilter:[null,null,null,"blur(8px)"],children:[t.jsxs(r.Box,{children:[t.jsx(r.Text,{fontSize:"lg",fontWeight:"medium",color:"tints.black",children:i}),t.jsx(r.Text,{fontSize:"sm",color:"tints.black",children:s})]}),t.jsx(r.Box,{display:["none",null,null,"block"],children:j})]})]})},q=i=>t.jsx(r.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)"},...i}),Dt=()=>t.jsx("svg",{width:"116",height:"24",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",{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",fill:"#28724F"})})}),st=({desktopTopButtons:i,kitRegistrationElement:s,profileElement:x,cartElement:f,onSearchClick:j,onMenuClick:g,hasSearch:C=!1,logoLink:S="https://www.everlywell.com",onHeightChange:c,linkComponent:m,onLogoClick:u})=>{const h=y.useRef(null),[E,d]=y.useState(0),L=100,I=y.useCallback(()=>{if(h.current&&c){const A=Date.now();if(A-E>L){const F=h.current.getBoundingClientRect().height;c(F),d(A)}}},[c,E]);return y.useEffect(()=>{I();const A=new ResizeObserver(()=>{I()});return h.current&&A.observe(h.current),()=>{A.disconnect()}},[I]),t.jsx(r.Box,{ref:h,paddingY:"4",paddingX:[4,null,null,12],borderBottom:"1px solid",borderColor:"tints.lightCream",backgroundColor:"tints.white",position:"fixed",width:"100%",zIndex:["sticky",null,null,"tooltip"],children:t.jsxs(r.Flex,{justifyContent:"space-between",alignItems:"center",children:[t.jsxs(r.Flex,{alignItems:"center",gap:"5",children:[t.jsx(r.Box,{"aria-label":"Go to homepage",onClick:u,as:m||r.Link,...ke(S,!!m),children:t.jsx(Dt,{})}),t.jsx(r.Flex,{display:["none",null,null,"flex"],children:i})]}),t.jsxs(r.Flex,{alignItems:"center",gap:"2",children:[t.jsx(r.Box,{display:["none",null,null,"block"],children:s}),C?t.jsx(q,{"aria-label":"Search",icon:t.jsx(r.Icon,{as:W.MagnifyingGlass}),onClick:j}):null,f,t.jsx(r.Box,{display:["flex",null,null,"none"],children:t.jsx(q,{icon:t.jsx(W.List,{}),"aria-label":"menu","data-testid":"menu-button",onClick:g})}),t.jsx(r.Box,{display:["none",null,null,"block"],children:x})]})]})})},ut=({count:i=0,...s})=>t.jsxs(r.Box,{position:"relative",display:"inline-block",children:[t.jsx(q,{icon:t.jsx(W.Basket,{}),...s}),i>0&&t.jsx(r.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:i})]}),It=({numLinks:i=5,showPromoButton:s=!0})=>t.jsx(r.VStack,{spacing:0,align:"stretch",children:t.jsx(r.Box,{paddingY:4,paddingX:6,borderBottomWidth:"1px",children:t.jsxs(r.Flex,{justify:"space-between",align:"center",children:[t.jsx(r.Skeleton,{w:"120px",h:"48px"}),t.jsxs(r.HStack,{spacing:8,marginLeft:12,children:[Array.from({length:i}).map((x,f)=>t.jsx(r.Skeleton,{width:"90px",height:"48px"},f)),s&&t.jsx(r.Skeleton,{width:"110px",height:"48px",borderRadius:"full"})]}),t.jsxs(r.HStack,{spacing:4,ml:"auto",children:[t.jsx(r.SkeletonCircle,{width:"120px",height:"48px"})," ",t.jsx(r.SkeletonCircle,{width:"48px",height:"48px"})," ",t.jsx(r.SkeletonCircle,{width:"48px",height:"48px"})," ",t.jsx(r.SkeletonCircle,{width:"48px",height:"48px"})," "]})]})})}),Ft=(i,s)=>{let x;return(...f)=>{x&&clearTimeout(x),x=setTimeout(()=>{i(...f)},s)}},Ve="nav-drawer-hover",it=i=>{window.dispatchEvent(new CustomEvent(Ve,{detail:{isHovering:i},bubbles:!0,cancelable:!0}))},Bt=(i=!1,s=!1,x=!1)=>i||!s?"column":x?"row":"row-reverse",_e=({isOpen:i=!1,onClose:s,title:x,navDrawerLinks:f,bottomNavButtons:j,spotlightCards:g,bottomButton:C,hasBackButton:S=!0,onBackClick:c,hasOnlySpotlightCards:m=!1,navHeight:u,hasSearch:h=!1,onSearch:E=()=>{}})=>{const d=re.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,desktop:!0}),L=d?"top":"left",[I,A]=y.useState(0),F=()=>{A(N=>N+1)},k=y.useCallback(Ft(N=>{E(N),F()},100),[]);return t.jsxs(r.Drawer,{isOpen:i,onClose:s,placement:L,blockScrollOnMount:!1,autoFocus:!1,children:[t.jsx(r.DrawerOverlay,{backgroundColor:"tints.black",top:["0",null,null,u?`${u}px`:null],opacity:d?void 0:"0.4 !important",motionProps:d?{initial:{opacity:0},animate:{opacity:.4},exit:{opacity:0},transition:{duration:.4,delay:.2,ease:"easeOut"}}:{}}),t.jsxs(r.DrawerContent,{onMouseEnter:()=>{!h&&d&&it(!0)},onMouseLeave:()=>{!h&&d&&it(!1)},paddingTop:[4,null,null,u?`${u+24}px`:null],paddingX:[4,null,null,12],paddingBottom:"24",overflow:"auto",maxHeight:"100vh",position:"relative",className:"navbar-drawer-content-container",children:[!h&&d?null:t.jsxs(r.DrawerHeader,{padding:"0",flexDirection:h?"column":"row",gap:h?"4":"0",children:[d?null:t.jsxs(r.Flex,{width:"100%",justifyContent:"space-between",alignItems:"center",children:[S?t.jsx(q,{icon:t.jsx(W.CaretLeft,{}),onClick:()=>{c&&c(),s()},"aria-label":"Back"}):null,t.jsx(r.Text,{color:"tints.uiGrey",fontSize:["xl",null,null,"lg"],children:x}),t.jsx(q,{icon:t.jsx(W.X,{}),onClick:s,"aria-label":"Close"})]}),h&&t.jsxs(re.InputGroup,{width:"100%",children:[t.jsx(re.Input,{onChange:N=>{k(N.target.value)},placeholder:"Search",autoFocus:!0,width:"full",type:"search"}),t.jsx(re.InputRightElement,{pointerEvents:"none",children:t.jsx(re.Icon,{as:W.MagnifyingGlass,color:"gray.500"})})]})]}),t.jsx(r.DrawerBody,{paddingX:"0",paddingBottom:[6,null,null,4],"data-testid":`navbar-drawer-body-${x.toLowerCase()}`,children:t.jsx(tt.motion.div,{...d?{initial:{opacity:0,y:0},animate:{opacity:1,y:0},exit:{opacity:0,y:0},transition:{duration:.3,ease:[.4,0,.2,1],exit:{duration:.3,ease:[.4,0,.2,1]}}}:{},children:t.jsxs(tt.motion.div,{...d?{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:Bt(m,d,h),gap:"24px",justifyContent:"space-between"},children:[g?t.jsx(r.Box,{gap:"6",display:"flex",justifyContent:[null,null,null,"center"],sx:{"& > *":{width:["100%",null,null,"365px","432px"]},flexWrap:"wrap",flexDirection:["column",null,null,"row"]},children:g}):null,t.jsxs(r.Flex,{position:[null,null,null,"relative"],flexDirection:"column",gap:"6",width:["100%",null,null,"auto"],children:[f?t.jsx(r.Box,{children:f}):null,j&&!d?t.jsx(r.Box,{children:j}):null,C?t.jsx(r.Box,{width:["100%"],position:[null,null,null,"absolute"],bottom:[null,null,null,0],children:C}):null]})]},I)})})]})]})},at=i=>{const s=new Set;return i.reduce((x,f)=>{var g;const j=((g=f.sections)==null?void 0:g.reduce((C,S)=>{const c=S.links.filter(m=>s.has(m.label)||m.isSearchable!==!0?!1:(s.add(m.label),!0));return[...C,...c]},[]))??[];return[...x,...j]},[])},Ht=({source:i,onSearchCallback:s,isActive:x})=>{const[f,j]=y.useState(""),[g,C]=y.useState([]),S=(u,h)=>{if(!u)return[];const E=u.toLowerCase();return h.filter(d=>{const L=d.label.toLowerCase().includes(E),I=typeof d.additionalContent=="string"&&d.additionalContent.toLowerCase().includes(E);return L||I}).sort((d,L)=>d.label.localeCompare(L.label))},c=u=>{if(j(u),!u){C([]);return}const h=S(u,i);C(h),s&&s(u,h)},m=()=>{j(""),C([])};return y.useEffect(()=>{x||(j(""),C([]))},[x]),{query:f,results:g,handleClose:m,handleSearch:c}},At=({categories:i=[],onCartClick:s,mainCategoryLabel:x="Menu",logoLink:f="https://www.everlywell.com",hasSearch:j=!0,onSearchClick:g,registrationUrl:C,profileUrl:S="https://secure.everlywell.com/login",mobileBottomButtons:c=[],numberOfCartItems:m=0,linkComponent:u,onSearchCallback:h,onLinkClick:E,onCategoryOpen:d,onMobileMenuOpen:L,onBackToMainMenu:I,onRegisterKitClick:A,onProfileClick:F,onLogoClick:k,shopAllProductsUrl:N,onShopAllProductsClick:Te})=>{var z,ue,ce;const[Le,xe]=y.useState(!1),[ve,K]=y.useState(!1),[R,V]=y.useState(null),[le,ge]=y.useState(0),[B,M]=y.useState(!1),[Y,be]=y.useState(!1),{query:me,results:X,handleSearch:Ce}=Ht({source:at(i),onSearchCallback:h,isActive:ve}),ie=X.length>0,we=u||r.Link,je=ke(N,!!u),ye=me&&t.jsxs(r.Flex,{gap:ie?"6":0,direction:"column",children:[ie?t.jsx(r.Text,{color:"tints.uiGrey",children:`${X.length} Results`}):t.jsxs(r.Flex,{direction:"column",gap:"6",alignItems:"flex-start",children:[t.jsx(r.Text,{color:"tints.uiGrey",children:"We didn't find what you were looking for."}),t.jsx(r.Button,{as:we,onClick:Te,_hover:{textDecoration:"none"},width:["100%",null,null,"auto"],...je,children:"Shop all products"})]}),t.jsx(r.Grid,{columns:[1,1,1,4],children:X.map((a,H)=>t.jsx(r.GridItem,{children:t.jsx(Se,{href:a.href,label:a.label,additionalContent:a==null?void 0:a.additionalContent,linkComponent:u})},`${a.label}-${H}`))})]}),Oe=y.useCallback(a=>{ge(a)},[]),Ee=()=>{xe(!1),V(null)},ae=a=>{V(a)},oe=a=>{M(!0),K(!1),(a.sections||a.spotlightCards)&&V(a)},J=()=>{M(!1)};y.useEffect(()=>{const a=H=>{be(H.detail.isHovering)};return window.addEventListener(Ve,a),()=>{window.removeEventListener(Ve,a)}},[]),y.useEffect(()=>{!B&&!Y&&(V(null),K(!1))},[B,Y]),y.useEffect(()=>{let a=window.location.href;const H=()=>{const O=window.location.href;O!==a&&(a=O,Ee(),V(null))},U=setInterval(H,100);return window.addEventListener("popstate",H),()=>{window.removeEventListener("popstate",H),clearInterval(U)}},[]);const se=()=>{V(null),I==null||I()},Q=t.jsx(t.Fragment,{children:i==null?void 0:i.map((a,H)=>t.jsx(he,{onMouseEnter:()=>{oe(a),d==null||d(a.label)},onMouseLeave:J,isSelected:(R==null?void 0:R.label)===a.label,...a.buttonProps,children:a.label},`${a.label}-${H}`))}),Pe=(z=i.filter(a=>a.isMobileTopLink!==!1))==null?void 0:z.map(a=>t.jsx(r.Box,{onClick:()=>{ae(a),d==null||d(a.label)},children:t.jsx(Se,{label:a.label,role:"link",additionalContent:a.additionalContent,mainTextFontSize:"3xl",linkComponent:u})},a.label));at(i);const Re=t.jsxs(t.Fragment,{children:[t.jsx(he,{as:r.Link,href:S,width:"100%",backgroundColor:"tints.cream",onClick:F,children:t.jsxs(r.Flex,{gap:"2",children:["My Everly",t.jsx(r.Icon,{as:W.User,size:24})]})},"my-everly"),t.jsx(he,{as:r.Link,width:"100%",href:C,backgroundColor:"tints.cream",onClick:A,children:t.jsxs(r.Flex,{gap:"2",children:["Register kit",t.jsx(r.Icon,{as:W.QrCode,size:24})]})},"register-kit")]}),De=t.jsxs(r.Flex,{gap:"2",flexDirection:"column",children:[c,Re]}),Ie=R?t.jsx(r.Flex,{direction:["column",null,null,"row"],gap:"8",children:(ue=R==null?void 0:R.sections)==null?void 0:ue.map((a,H)=>{const U=[];for(let O=0;O<a.links.length;O+=3)U.push(a.links.slice(O,O+3));return t.jsxs(r.Box,{children:[t.jsx(r.Text,{fontSize:"md",color:"tints.uiGrey",marginBottom:[0,null,null,6],children:a.title}),t.jsx(r.Flex,{flexDirection:["column",null,null,"row"],gap:[null,null,null,8],children:U==null?void 0:U.map((O,Fe)=>t.jsx(r.Flex,{flexDirection:["column"],gap:[null,null,null,5],marginLeft:[null,null,null,-2],children:O==null?void 0:O.map(G=>t.jsx(Se,{label:G.label,href:G.href,additionalContent:G.additionalContent,linkComponent:u,onClick:()=>E==null?void 0:E(G.label)},G.label))},Fe))})]},`${a.title}-${H}`)})}):null,ee=R!=null&&R.spotlightCards?(ce=R.spotlightCards)==null?void 0:ce.map(a=>t.jsx(ot,{...a},a.title)):t.jsx(r.Box,{});return t.jsxs(t.Fragment,{children:[t.jsx(st,{desktopTopButtons:Q,kitRegistrationElement:t.jsx(he,{as:r.Link,href:C,onClick:A,backgroundColor:"tints.cream",children:"Register Kit"}),profileElement:t.jsx(r.Link,{href:S,"aria-label":"login",onClick:F,children:t.jsx(q,{icon:t.jsx(r.Icon,{as:W.User}),"aria-label":"Profile"})}),cartElement:t.jsx(ut,{"aria-label":"Cart",count:m,onClick:s}),onSearchClick:()=>{K(!0),g==null||g()},onMenuClick:()=>{xe(!0),L==null||L()},hasSearch:j,logoLink:f,onHeightChange:Oe,linkComponent:u,onLogoClick:k}),t.jsx(_e,{isOpen:Le,onClose:Ee,title:x,navDrawerLinks:Pe,bottomNavButtons:De,hasBackButton:!1,navHeight:le}),t.jsx(_e,{isOpen:!!R,onClose:()=>V(null),title:(R==null?void 0:R.label)||"",navDrawerLinks:Ie,onBackClick:se,spotlightCards:ee,hasOnlySpotlightCards:R==null?void 0:R.hasOnlySpotlightCards,navHeight:le,bottomButton:R==null?void 0:R.bottomButton}),t.jsx(_e,{isOpen:ve,onClose:()=>K(!1),title:"Search",navHeight:le,navDrawerLinks:ye,onSearch:Ce,hasSearch:!0,hasBackButton:!1})]})};exports.BasketButton=ut;exports.CategoryLabel=Pt;exports.NavButton=he;exports.NavSkeleton=It;exports.NavbarDrawer=_e;exports.NavbarDrawerLink=Se;exports.NavigationBar=At;exports.SpotlightCard=ot;exports.Stepper=Ot;exports.TopNavIconButton=q;exports.TopNavigation=st;
|
|
32
|
+
<%s key={someKey} {...props} />`,We,Z,St,Z),Qe[Z+We]=!0}}return e===f?wt(L):Ct(L),L}}function jt(e,n,l){return et(e,n,l,!0)}function yt(e,n,l){return et(e,n,l,!1)}var Et=yt,Rt=jt;pe.Fragment=f,pe.jsx=Et,pe.jsxs=Rt}()),pe}process.env.NODE_ENV==="production"?Ne.exports=kt():Ne.exports=Tt();var t=Ne.exports;const Me=60,lt=6,Lt=i=>{const{activeStepIndex:s,hideIndicators:x=!1,steps:f,stepperTheme:j={light:"eggplant.light",base:"eggplant.base"}}=i,{activeStep:g,setActiveStep:C}=r.useSteps({index:s,count:f.length});return y.useEffect(()=>{C(s)},[s,C]),t.jsx(r.Box,{position:"relative",width:"100%","data-testid":"stepper",children:t.jsx(r.Stepper,{role:"progressbar",index:g,width:"100%",display:"flex",flexWrap:"nowrap",children:f.map((S,c)=>{const m=g===c,u=c===0,h=c===f.length-1,E=g>c;let d=`${Me}px`;const k=`calc(100% - ((${Me*(f.length-1)}px) - (${f.length-1} * ${lt*2}px)))`;return m?d=k:(u||h)&&(d=`${Me-lt}px`),t.jsx(r.Box,{width:d,opacity:E||m?1:.2,paddingRight:h?"0":"6px",paddingLeft:u?"0":"6px",transition:"width 0.4s ease-in-out, opacity 0.4s ease-in-out",children:t.jsx(r.Box,{paddingTop:x?2:5,position:"relative",width:"100%",children:t.jsx(r.Box,{width:"100%",position:"absolute",top:"0",backgroundColor:E?j.light:j.base,height:x?"4px":"8px",borderRadius:"4",left:"0"})})},`step-${c}`)})})})},Dt=y.memo(Lt),Ot=({children:i,...s})=>t.jsx(q.Text,{color:"tints.uiGrey",fontSize:["md",null,null,"lg"],...s,children:i}),ke=(i,s)=>{const x=(i==null?void 0:i.startsWith("http"))||(i==null?void 0:i.startsWith("mailto"));return s&&!x?{to:i}:{href:i}},Se=y.forwardRef((i,s)=>{const{label:x,additionalContent:f,mainTextFontSize:j,linkComponent:g,href:C,...S}=i,c=g||r.Link,m=ke(C,!!g);return t.jsxs(r.Box,{ref:s,as:c,display:"flex",alignItems:"center",gap:[null,null,null,1],justifyContent:[null,null,null,"space-between"],paddingY:[3,null,null,0],color:"tints.black",_hover:{color:"viridian.base",textDecoration:"none"},borderBottom:["1px",null,null,"unset"],borderColor:["tints.cream",null,null,"unset"],width:["100%",null,null,"fit-content"],cursor:"pointer",...m,...S,children:[t.jsx(r.Icon,{display:["none",null,null,"block"],as:W.CaretRight,fontSize:"lg",color:"viridian.light",role:"img","aria-label":"Caret right icon",weight:"bold"}),t.jsxs(r.Flex,{alignItems:"center",gap:"1",width:["100%",null,null,"auto"],children:[t.jsx(r.Text,{fontSize:[j||"xl",null,null,"lg"],fontWeight:"medium",children:x}),f&&(typeof f=="string"?t.jsx(r.Text,{fontSize:["xl",null,null,"lg"],fontWeight:"medium",color:"tints.uiGrey",sx:{"a:hover &":{color:"viridian.base"}},children:f}):f),t.jsx(r.Icon,{display:["block",null,null,"none"],as:W.CaretRight,fontSize:"2xl",color:"tints.uiGrey",role:"img","aria-label":"Caret right icon",marginLeft:"auto"})]})]})}),he=y.forwardRef((i,s)=>{const{children:x,isSelected:f,...j}=i,g=i.backgroundColor||(f?"tints.lightCream":"transparent");return t.jsx(r.Button,{ref:s,borderRadius:"full",backgroundColor:g,fontSize:"lg !important",fontWeight:"normal",color:"tints.black",_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:g,textDecoration:"none",filter:"brightness(0.95)"},...j,children:x})}),ot=({title:i,description:s,imageSrc:x,imageElement:f,button:j,backgroundColor:g="viridian.wash",onClick:C,href:S,linkComponent:c})=>{const m="80px",u="200px",h="272px",E=c||r.Link,d=ke(S,!!c),k=q.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,desktop:!0});return t.jsxs(r.Flex,{direction:["row",null,null,"column"],alignItems:["center"],borderRadius:"xl",overflow:"hidden",height:[m,null,null,h],backgroundColor:g,onClick:C,"data-testid":"spotlight-card",position:"relative",transition:"box-shadow 0.2s ease-in-out",border:"1px solid",borderColor:"transparent",_hover:{boxShadow:"lg",cursor:"pointer",textDecoration:"none",border:"1px solid",borderColor:"tints.white"},as:k?r.Flex:E,...k?{}:d,children:[t.jsx(r.Box,{width:["72px",null,null,"100%"],height:["100%"],flex:[null,null,null,"1"],children:x?t.jsx(r.Image,{src:x,objectFit:"cover",height:[m,null,null,u],width:"100%",alt:"","data-testid":"spotlight-card-image"}):t.jsx(r.Box,{height:[m,null,null,u],overflow:"hidden",children:f})}),t.jsxs(r.Flex,{direction:["column",null,null,"row"],justifyContent:[null,null,null,"space-between"],alignItems:["left",null,null,"center"],padding:"4",height:["100%",null,null,"auto"],width:"100%",position:[null,null,null,"absolute"],bottom:[null,null,null,"0"],backgroundColor:[null,null,null,`${g}CC`],backdropFilter:[null,null,null,"blur(8px)"],children:[t.jsxs(r.Box,{children:[t.jsx(r.Text,{fontSize:"lg",fontWeight:"medium",color:"tints.black",children:i}),t.jsx(r.Text,{fontSize:"sm",color:"tints.black",children:s})]}),k?t.jsx(r.Box,{children:j}):null]})]})},K=i=>t.jsx(r.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)"},...i}),Pt=()=>t.jsx("svg",{width:"116",height:"24",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",{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",fill:"#28724F"})})}),st=({desktopTopButtons:i,kitRegistrationElement:s,profileElement:x,cartElement:f,onSearchClick:j,onMenuClick:g,hasSearch:C=!1,logoLink:S="https://www.everlywell.com",onHeightChange:c,linkComponent:m,onLogoClick:u})=>{const h=y.useRef(null),[E,d]=y.useState(0),k=100,I=y.useCallback(()=>{if(h.current&&c){const A=Date.now();if(A-E>k){const F=h.current.getBoundingClientRect().height;c(F),d(A)}}},[c,E]);return y.useEffect(()=>{I();const A=new ResizeObserver(()=>{I()});return h.current&&A.observe(h.current),()=>{A.disconnect()}},[I]),t.jsx(r.Box,{ref:h,paddingY:"4",paddingX:[4,null,null,12],borderBottom:"1px solid",borderColor:"tints.lightCream",backgroundColor:"tints.white",position:"fixed",width:"100%",zIndex:["sticky",null,null,"tooltip"],children:t.jsxs(r.Flex,{justifyContent:"space-between",alignItems:"center",children:[t.jsxs(r.Flex,{alignItems:"center",gap:"5",children:[t.jsx(r.Box,{"aria-label":"Go to homepage",onClick:u,as:m||r.Link,...ke(S,!!m),children:t.jsx(Pt,{})}),t.jsx(r.Flex,{display:["none",null,null,"flex"],children:i})]}),t.jsxs(r.Flex,{alignItems:"center",gap:"2",children:[t.jsx(r.Box,{display:["none",null,null,"block"],children:s}),C?t.jsx(K,{"aria-label":"Search",icon:t.jsx(r.Icon,{as:W.MagnifyingGlass}),onClick:j}):null,f,t.jsx(r.Box,{display:["flex",null,null,"none"],children:t.jsx(K,{icon:t.jsx(W.List,{}),"aria-label":"menu","data-testid":"menu-button",onClick:g})}),t.jsx(r.Box,{display:["none",null,null,"block"],children:x})]})]})})},ut=({count:i=0,...s})=>t.jsxs(r.Box,{position:"relative",display:"inline-block",children:[t.jsx(K,{icon:t.jsx(W.Basket,{}),...s}),i>0&&t.jsx(r.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:i})]}),It=({numLinks:i=5,showPromoButton:s=!0})=>t.jsx(r.VStack,{spacing:0,align:"stretch",children:t.jsx(r.Box,{paddingY:4,paddingX:6,borderBottomWidth:"1px",children:t.jsxs(r.Flex,{justify:"space-between",align:"center",children:[t.jsx(r.Skeleton,{w:"120px",h:"48px"}),t.jsxs(r.HStack,{spacing:8,marginLeft:12,children:[Array.from({length:i}).map((x,f)=>t.jsx(r.Skeleton,{width:"90px",height:"48px"},f)),s&&t.jsx(r.Skeleton,{width:"110px",height:"48px",borderRadius:"full"})]}),t.jsxs(r.HStack,{spacing:4,ml:"auto",children:[t.jsx(r.SkeletonCircle,{width:"120px",height:"48px"})," ",t.jsx(r.SkeletonCircle,{width:"48px",height:"48px"})," ",t.jsx(r.SkeletonCircle,{width:"48px",height:"48px"})," ",t.jsx(r.SkeletonCircle,{width:"48px",height:"48px"})," "]})]})})}),Ft=(i,s)=>{let x;return(...f)=>{x&&clearTimeout(x),x=setTimeout(()=>{i(...f)},s)}},Ve="nav-drawer-hover",it=i=>{window.dispatchEvent(new CustomEvent(Ve,{detail:{isHovering:i},bubbles:!0,cancelable:!0}))},Bt=(i=!1,s=!1,x=!1)=>i||!s?"column":x?"row":"row-reverse",_e=({isOpen:i=!1,onClose:s,title:x,navDrawerLinks:f,bottomNavButtons:j,spotlightCards:g,bottomButton:C,hasBackButton:S=!0,onBackClick:c,hasOnlySpotlightCards:m=!1,navHeight:u,hasSearch:h=!1,onSearch:E=()=>{}})=>{const d=q.useBreakpointValue({base:!1,tablet:!1,largeTablet:!1,desktop:!0}),k=d?"top":"left",[I,A]=y.useState(0),F=()=>{A(N=>N+1)},T=y.useCallback(Ft(N=>{E(N),F()},100),[]);return t.jsxs(r.Drawer,{isOpen:i,onClose:s,placement:k,blockScrollOnMount:!1,autoFocus:!1,children:[t.jsx(r.DrawerOverlay,{backgroundColor:"tints.black",top:["0",null,null,u?`${u}px`:null],opacity:d?void 0:"0.4 !important",motionProps:d?{initial:{opacity:0},animate:{opacity:.4},exit:{opacity:0},transition:{duration:.4,delay:.2,ease:"easeOut"}}:{}}),t.jsxs(r.DrawerContent,{onMouseEnter:()=>{!h&&d&&it(!0)},onMouseLeave:()=>{!h&&d&&it(!1)},paddingTop:[4,null,null,u?`${u+24}px`:null],paddingX:[4,null,null,12],paddingBottom:"24",overflow:"auto",maxHeight:"100vh",position:"relative",className:"navbar-drawer-content-container",children:[!h&&d?null:t.jsxs(r.DrawerHeader,{padding:"0",flexDirection:h?"column":"row",gap:h?"4":"0",children:[d?null:t.jsxs(r.Flex,{width:"100%",justifyContent:"space-between",alignItems:"center",children:[S?t.jsx(K,{icon:t.jsx(W.CaretLeft,{}),onClick:()=>{c&&c(),s()},"aria-label":"Back"}):null,t.jsx(r.Text,{color:"tints.uiGrey",fontSize:["xl",null,null,"lg"],children:x}),t.jsx(K,{icon:t.jsx(W.X,{}),onClick:s,"aria-label":"Close"})]}),h&&t.jsxs(q.InputGroup,{width:"100%",children:[t.jsx(q.Input,{onChange:N=>{T(N.target.value)},placeholder:"Search",autoFocus:!0,width:"full",type:"search"}),t.jsx(q.InputRightElement,{pointerEvents:"none",children:t.jsx(q.Icon,{as:W.MagnifyingGlass,color:"gray.500"})})]})]}),t.jsx(r.DrawerBody,{paddingX:"0",paddingBottom:[6,null,null,4],"data-testid":`navbar-drawer-body-${x.toLowerCase()}`,children:t.jsx(tt.motion.div,{...d?{initial:{opacity:0,y:0},animate:{opacity:1,y:0},exit:{opacity:0,y:0},transition:{duration:.3,ease:[.4,0,.2,1],exit:{duration:.3,ease:[.4,0,.2,1]}}}:{},children:t.jsxs(tt.motion.div,{...d?{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:Bt(m,d,h),gap:"24px",justifyContent:"space-between"},children:[g?t.jsx(r.Box,{gap:"6",display:"flex",justifyContent:[null,null,null,"center"],sx:{"& > *":{width:["100%",null,null,"365px","432px"]},flexWrap:"wrap",flexDirection:["column",null,null,"row"]},children:g}):null,t.jsxs(r.Flex,{position:[null,null,null,"relative"],flexDirection:"column",gap:"6",width:["100%",null,null,"auto"],children:[f?t.jsx(r.Box,{children:f}):null,j&&!d?t.jsx(r.Box,{children:j}):null,C?t.jsx(r.Box,{width:["100%"],position:[null,null,null,"absolute"],bottom:[null,null,null,0],children:C}):null]})]},I)})})]})]})},at=i=>{const s=new Set;return i.reduce((x,f)=>{var g;const j=((g=f.sections)==null?void 0:g.reduce((C,S)=>{const c=S.links.filter(m=>s.has(m.label)||m.isSearchable!==!0?!1:(s.add(m.label),!0));return[...C,...c]},[]))??[];return[...x,...j]},[])},Ht=({source:i,onSearchCallback:s,isActive:x})=>{const[f,j]=y.useState(""),[g,C]=y.useState([]),S=(u,h)=>{if(!u)return[];const E=u.toLowerCase();return h.filter(d=>{const k=d.label.toLowerCase().includes(E),I=typeof d.additionalContent=="string"&&d.additionalContent.toLowerCase().includes(E);return k||I}).sort((d,k)=>d.label.localeCompare(k.label))},c=u=>{if(j(u),!u){C([]);return}const h=S(u,i);C(h),s&&s(u,h)},m=()=>{j(""),C([])};return y.useEffect(()=>{x||(j(""),C([]))},[x]),{query:f,results:g,handleClose:m,handleSearch:c}},At=({categories:i=[],onCartClick:s,mainCategoryLabel:x="Menu",logoLink:f="https://www.everlywell.com",hasSearch:j=!0,onSearchClick:g,registrationUrl:C,profileUrl:S="https://secure.everlywell.com/login",mobileBottomButtons:c=[],numberOfCartItems:m=0,linkComponent:u,onSearchCallback:h,onLinkClick:E,onCategoryOpen:d,onMobileMenuOpen:k,onBackToMainMenu:I,onRegisterKitClick:A,onProfileClick:F,onLogoClick:T,shopAllProductsUrl:N,onShopAllProductsClick:Te})=>{var z,ue,ce;const[Le,xe]=y.useState(!1),[ve,X]=y.useState(!1),[R,V]=y.useState(null),[le,ge]=y.useState(0),[B,M]=y.useState(!1),[Y,be]=y.useState(!1),{query:me,results:J,handleSearch:Ce}=Ht({source:at(i),onSearchCallback:h,isActive:ve}),ie=J.length>0,we=u||r.Link,je=ke(N,!!u),ye=me&&t.jsxs(r.Flex,{gap:ie?"6":0,direction:"column",children:[ie?t.jsx(r.Text,{color:"tints.uiGrey",children:`${J.length} Results`}):t.jsxs(r.Flex,{direction:"column",gap:"6",alignItems:"flex-start",children:[t.jsx(r.Text,{color:"tints.uiGrey",children:"We didn't find what you were looking for."}),t.jsx(r.Button,{as:we,onClick:Te,_hover:{textDecoration:"none"},width:["100%",null,null,"auto"],...je,children:"Shop all products"})]}),t.jsx(r.Grid,{columns:[1,1,1,4],children:J.map((a,H)=>t.jsx(r.GridItem,{children:t.jsx(Se,{href:a.href,label:a.label,additionalContent:a==null?void 0:a.additionalContent,linkComponent:u})},`${a.label}-${H}`))})]}),De=y.useCallback(a=>{ge(a)},[]),Ee=()=>{xe(!1),V(null)},ae=a=>{V(a)},oe=a=>{M(!0),X(!1),(a.sections||a.spotlightCards)&&V(a)},Q=()=>{M(!1)};y.useEffect(()=>{const a=H=>{be(H.detail.isHovering)};return window.addEventListener(Ve,a),()=>{window.removeEventListener(Ve,a)}},[]),y.useEffect(()=>{!B&&!Y&&(V(null),X(!1))},[B,Y]),y.useEffect(()=>{let a=window.location.href;const H=()=>{const D=window.location.href;D!==a&&(a=D,Ee(),V(null))},U=setInterval(H,100);return window.addEventListener("popstate",H),()=>{window.removeEventListener("popstate",H),clearInterval(U)}},[]);const se=()=>{V(null),I==null||I()},ee=t.jsx(t.Fragment,{children:i==null?void 0:i.map((a,H)=>t.jsx(he,{onMouseEnter:()=>{oe(a),d==null||d(a.label)},onMouseLeave:Q,isSelected:(R==null?void 0:R.label)===a.label,...a.buttonProps,children:a.label},`${a.label}-${H}`))}),Oe=(z=i.filter(a=>a.isMobileTopLink!==!1))==null?void 0:z.map(a=>t.jsx(r.Box,{onClick:()=>{ae(a),d==null||d(a.label)},children:t.jsx(Se,{label:a.label,role:"link",additionalContent:a.additionalContent,mainTextFontSize:"3xl",linkComponent:u})},a.label));at(i);const Re=t.jsxs(t.Fragment,{children:[t.jsx(he,{as:r.Link,href:S,width:"100%",backgroundColor:"tints.cream",onClick:F,children:t.jsxs(r.Flex,{gap:"2",children:["My Everly",t.jsx(r.Icon,{as:W.User,size:24})]})},"my-everly"),t.jsx(he,{as:r.Link,width:"100%",href:C,backgroundColor:"tints.cream",onClick:A,children:t.jsxs(r.Flex,{gap:"2",children:["Register kit",t.jsx(r.Icon,{as:W.QrCode,size:24})]})},"register-kit")]}),Pe=t.jsxs(r.Flex,{gap:"2",flexDirection:"column",children:[c,Re]}),Ie=R?t.jsx(r.Flex,{direction:["column",null,null,"row"],gap:"8",children:(ue=R==null?void 0:R.sections)==null?void 0:ue.map((a,H)=>{const U=[];for(let D=0;D<a.links.length;D+=3)U.push(a.links.slice(D,D+3));return t.jsxs(r.Box,{children:[t.jsx(r.Text,{fontSize:"md",color:"tints.uiGrey",marginBottom:[0,null,null,6],children:a.title}),t.jsx(r.Flex,{flexDirection:["column",null,null,"row"],gap:[null,null,null,8],children:U==null?void 0:U.map((D,Fe)=>t.jsx(r.Flex,{flexDirection:["column"],gap:[null,null,null,5],marginLeft:[null,null,null,-2],children:D==null?void 0:D.map(G=>t.jsx(Se,{label:G.label,href:G.href,additionalContent:G.additionalContent,linkComponent:u,onClick:()=>E==null?void 0:E(G.label)},G.label))},Fe))})]},`${a.title}-${H}`)})}):null,te=R!=null&&R.spotlightCards?(ce=R.spotlightCards)==null?void 0:ce.map(a=>t.jsx(ot,{...a},a.title)):t.jsx(r.Box,{});return t.jsxs(t.Fragment,{children:[t.jsx(st,{desktopTopButtons:ee,kitRegistrationElement:t.jsx(he,{as:r.Link,href:C,onClick:A,backgroundColor:"tints.cream",children:"Register Kit"}),profileElement:t.jsx(r.Link,{href:S,"aria-label":"login",onClick:F,children:t.jsx(K,{icon:t.jsx(r.Icon,{as:W.User}),"aria-label":"Profile"})}),cartElement:t.jsx(ut,{"aria-label":"Cart",count:m,onClick:s}),onSearchClick:()=>{X(!0),g==null||g()},onMenuClick:()=>{xe(!0),k==null||k()},hasSearch:j,logoLink:f,onHeightChange:De,linkComponent:u,onLogoClick:T}),t.jsx(_e,{isOpen:Le,onClose:Ee,title:x,navDrawerLinks:Oe,bottomNavButtons:Pe,hasBackButton:!1,navHeight:le}),t.jsx(_e,{isOpen:!!R,onClose:()=>V(null),title:(R==null?void 0:R.label)||"",navDrawerLinks:Ie,onBackClick:se,spotlightCards:te,hasOnlySpotlightCards:R==null?void 0:R.hasOnlySpotlightCards,navHeight:le,bottomButton:R==null?void 0:R.bottomButton}),t.jsx(_e,{isOpen:ve,onClose:()=>X(!1),title:"Search",navHeight:le,navDrawerLinks:ye,onSearch:Ce,hasSearch:!0,hasBackButton:!1})]})};exports.BasketButton=ut;exports.CategoryLabel=Ot;exports.NavButton=he;exports.NavSkeleton=It;exports.NavbarDrawer=_e;exports.NavbarDrawerLink=Se;exports.NavigationBar=At;exports.SpotlightCard=ot;exports.Stepper=Dt;exports.TopNavIconButton=K;exports.TopNavigation=st;
|
package/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useSteps as
|
|
2
|
-
import Ke, { useEffect as ie, forwardRef as bt, useRef as
|
|
3
|
-
import { Text as
|
|
4
|
-
import { CaretRight as ut, MagnifyingGlass as
|
|
1
|
+
import { useSteps as Wt, Box as E, Stepper as Bt, Icon as le, Flex as L, Text as Z, Link as G, Button as gt, Image as Mt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as st, SkeletonCircle as Te, Drawer as Yt, DrawerOverlay as zt, DrawerContent as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
|
|
2
|
+
import Ke, { useEffect as ie, forwardRef as bt, useRef as Jt, useState as M, useCallback as Xe } from "react";
|
|
3
|
+
import { Text as qt, useBreakpointValue as mt, InputGroup as Qt, Input as en, InputRightElement as tn, Icon as nn } from "@chakra-ui/react";
|
|
4
|
+
import { CaretRight as ut, MagnifyingGlass as Ct, List as rn, Basket as ln, CaretLeft as an, X as on, User as ct, QrCode as sn } from "@phosphor-icons/react";
|
|
5
5
|
import { motion as dt } from "framer-motion";
|
|
6
6
|
var Ge = { exports: {} }, ve = {};
|
|
7
7
|
/**
|
|
@@ -44,15 +44,15 @@ var xe = {};
|
|
|
44
44
|
var pt;
|
|
45
45
|
function cn() {
|
|
46
46
|
return pt || (pt = 1, process.env.NODE_ENV !== "production" && function() {
|
|
47
|
-
var l = Ke, o = Symbol.for("react.element"), h = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"),
|
|
47
|
+
var l = Ke, o = Symbol.for("react.element"), h = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"), S = Symbol.iterator, I = "@@iterator";
|
|
48
48
|
function $(e) {
|
|
49
49
|
if (e === null || typeof e != "object")
|
|
50
50
|
return null;
|
|
51
|
-
var n =
|
|
51
|
+
var n = S && e[S] || e[I];
|
|
52
52
|
return typeof n == "function" ? n : null;
|
|
53
53
|
}
|
|
54
54
|
var F = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
55
|
-
function
|
|
55
|
+
function T(e) {
|
|
56
56
|
{
|
|
57
57
|
for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), a = 1; a < n; a++)
|
|
58
58
|
r[a - 1] = arguments[a];
|
|
@@ -91,7 +91,7 @@ function cn() {
|
|
|
91
91
|
function A(e) {
|
|
92
92
|
if (e == null)
|
|
93
93
|
return null;
|
|
94
|
-
if (typeof e.tag == "number" &&
|
|
94
|
+
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")
|
|
95
95
|
return e.displayName || e.name || null;
|
|
96
96
|
if (typeof e == "string")
|
|
97
97
|
return e;
|
|
@@ -192,7 +192,7 @@ function cn() {
|
|
|
192
192
|
})
|
|
193
193
|
});
|
|
194
194
|
}
|
|
195
|
-
Y < 0 &&
|
|
195
|
+
Y < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
var ue = F.ReactCurrentDispatcher, ce;
|
|
@@ -264,18 +264,18 @@ function cn() {
|
|
|
264
264
|
if (D && a && typeof D.stack == "string") {
|
|
265
265
|
for (var f = D.stack.split(`
|
|
266
266
|
`), P = a.stack.split(`
|
|
267
|
-
`), _ = f.length - 1,
|
|
268
|
-
|
|
269
|
-
for (; _ >= 1 &&
|
|
270
|
-
if (f[_] !== P[
|
|
271
|
-
if (_ !== 1 ||
|
|
267
|
+
`), _ = f.length - 1, k = P.length - 1; _ >= 1 && k >= 0 && f[_] !== P[k]; )
|
|
268
|
+
k--;
|
|
269
|
+
for (; _ >= 1 && k >= 0; _--, k--)
|
|
270
|
+
if (f[_] !== P[k]) {
|
|
271
|
+
if (_ !== 1 || k !== 1)
|
|
272
272
|
do
|
|
273
|
-
if (_--,
|
|
273
|
+
if (_--, k--, k < 0 || f[_] !== P[k]) {
|
|
274
274
|
var W = `
|
|
275
275
|
` + f[_].replace(" at new ", " at ");
|
|
276
276
|
return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, W), W;
|
|
277
277
|
}
|
|
278
|
-
while (_ >= 1 &&
|
|
278
|
+
while (_ >= 1 && k >= 0);
|
|
279
279
|
break;
|
|
280
280
|
}
|
|
281
281
|
}
|
|
@@ -344,7 +344,7 @@ function cn() {
|
|
|
344
344
|
} catch (_) {
|
|
345
345
|
f = _;
|
|
346
346
|
}
|
|
347
|
-
f && !(f instanceof Error) && (i(g),
|
|
347
|
+
f && !(f instanceof Error) && (i(g), 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).", a || "React class", r, v, typeof f), i(null)), f instanceof Error && !(f.message in fe) && (fe[f.message] = !0, i(g), T("Failed %s type: %s", r, f.message), i(null));
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
350
|
}
|
|
@@ -370,16 +370,16 @@ function cn() {
|
|
|
370
370
|
}
|
|
371
371
|
function qe(e) {
|
|
372
372
|
if (K(e))
|
|
373
|
-
return
|
|
373
|
+
return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), Je(e);
|
|
374
374
|
}
|
|
375
|
-
var he = F.ReactCurrentOwner,
|
|
375
|
+
var he = F.ReactCurrentOwner, jt = {
|
|
376
376
|
key: !0,
|
|
377
377
|
ref: !0,
|
|
378
378
|
__self: !0,
|
|
379
379
|
__source: !0
|
|
380
380
|
}, Qe, et, $e;
|
|
381
381
|
$e = {};
|
|
382
|
-
function
|
|
382
|
+
function wt(e) {
|
|
383
383
|
if (z.call(e, "ref")) {
|
|
384
384
|
var n = Object.getOwnPropertyDescriptor(e, "ref").get;
|
|
385
385
|
if (n && n.isReactWarning)
|
|
@@ -387,7 +387,7 @@ function cn() {
|
|
|
387
387
|
}
|
|
388
388
|
return e.ref !== void 0;
|
|
389
389
|
}
|
|
390
|
-
function
|
|
390
|
+
function yt(e) {
|
|
391
391
|
if (z.call(e, "key")) {
|
|
392
392
|
var n = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
393
393
|
if (n && n.isReactWarning)
|
|
@@ -395,16 +395,16 @@ function cn() {
|
|
|
395
395
|
}
|
|
396
396
|
return e.key !== void 0;
|
|
397
397
|
}
|
|
398
|
-
function
|
|
398
|
+
function Et(e, n) {
|
|
399
399
|
if (typeof e.ref == "string" && he.current && n && he.current.stateNode !== n) {
|
|
400
400
|
var r = A(he.current.type);
|
|
401
|
-
$e[r] || (
|
|
401
|
+
$e[r] || (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', A(he.current.type), e.ref), $e[r] = !0);
|
|
402
402
|
}
|
|
403
403
|
}
|
|
404
|
-
function
|
|
404
|
+
function Rt(e, n) {
|
|
405
405
|
{
|
|
406
406
|
var r = function() {
|
|
407
|
-
Qe || (Qe = !0,
|
|
407
|
+
Qe || (Qe = !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)", n));
|
|
408
408
|
};
|
|
409
409
|
r.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
410
410
|
get: r,
|
|
@@ -412,10 +412,10 @@ function cn() {
|
|
|
412
412
|
});
|
|
413
413
|
}
|
|
414
414
|
}
|
|
415
|
-
function
|
|
415
|
+
function _t(e, n) {
|
|
416
416
|
{
|
|
417
417
|
var r = function() {
|
|
418
|
-
et || (et = !0,
|
|
418
|
+
et || (et = !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)", n));
|
|
419
419
|
};
|
|
420
420
|
r.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
421
421
|
get: r,
|
|
@@ -423,7 +423,7 @@ function cn() {
|
|
|
423
423
|
});
|
|
424
424
|
}
|
|
425
425
|
}
|
|
426
|
-
var
|
|
426
|
+
var St = function(e, n, r, a, g, C, v) {
|
|
427
427
|
var f = {
|
|
428
428
|
// This tag allows us to uniquely identify this as a React Element
|
|
429
429
|
$$typeof: o,
|
|
@@ -452,22 +452,22 @@ function cn() {
|
|
|
452
452
|
value: g
|
|
453
453
|
}), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
|
|
454
454
|
};
|
|
455
|
-
function
|
|
455
|
+
function Tt(e, n, r, a, g) {
|
|
456
456
|
{
|
|
457
457
|
var C, v = {}, f = null, P = null;
|
|
458
|
-
r !== void 0 && (qe(r), f = "" + r),
|
|
458
|
+
r !== void 0 && (qe(r), f = "" + r), yt(n) && (qe(n.key), f = "" + n.key), wt(n) && (P = n.ref, Et(n, g));
|
|
459
459
|
for (C in n)
|
|
460
|
-
z.call(n, C) && !
|
|
460
|
+
z.call(n, C) && !jt.hasOwnProperty(C) && (v[C] = n[C]);
|
|
461
461
|
if (e && e.defaultProps) {
|
|
462
462
|
var _ = e.defaultProps;
|
|
463
463
|
for (C in _)
|
|
464
464
|
v[C] === void 0 && (v[C] = _[C]);
|
|
465
465
|
}
|
|
466
466
|
if (f || P) {
|
|
467
|
-
var
|
|
468
|
-
f &&
|
|
467
|
+
var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
468
|
+
f && Rt(v, k), P && _t(v, k);
|
|
469
469
|
}
|
|
470
|
-
return
|
|
470
|
+
return St(e, f, P, g, a, he.current, v);
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
473
|
var We = F.ReactCurrentOwner, tt = F.ReactDebugCurrentFrame;
|
|
@@ -495,7 +495,7 @@ Check the render method of \`` + e + "`.";
|
|
|
495
495
|
return "";
|
|
496
496
|
}
|
|
497
497
|
}
|
|
498
|
-
function
|
|
498
|
+
function kt(e) {
|
|
499
499
|
{
|
|
500
500
|
if (e !== void 0) {
|
|
501
501
|
var n = e.fileName.replace(/^.*[\\\/]/, ""), r = e.lineNumber;
|
|
@@ -507,7 +507,7 @@ Check your code at ` + n + ":" + r + ".";
|
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
509
|
var rt = {};
|
|
510
|
-
function
|
|
510
|
+
function Lt(e) {
|
|
511
511
|
{
|
|
512
512
|
var n = nt();
|
|
513
513
|
if (!n) {
|
|
@@ -524,12 +524,12 @@ Check the top-level render call using <` + r + ">.");
|
|
|
524
524
|
if (!e._store || e._store.validated || e.key != null)
|
|
525
525
|
return;
|
|
526
526
|
e._store.validated = !0;
|
|
527
|
-
var r =
|
|
527
|
+
var r = Lt(n);
|
|
528
528
|
if (rt[r])
|
|
529
529
|
return;
|
|
530
530
|
rt[r] = !0;
|
|
531
531
|
var a = "";
|
|
532
|
-
e && e._owner && e._owner !== We.current && (a = " It was passed a child from " + A(e._owner.type) + "."), ne(e),
|
|
532
|
+
e && e._owner && e._owner !== We.current && (a = " It was passed a child from " + A(e._owner.type) + "."), ne(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.', r, a), ne(null);
|
|
533
533
|
}
|
|
534
534
|
}
|
|
535
535
|
function it(e, n) {
|
|
@@ -551,7 +551,7 @@ Check the top-level render call using <` + r + ">.");
|
|
|
551
551
|
}
|
|
552
552
|
}
|
|
553
553
|
}
|
|
554
|
-
function
|
|
554
|
+
function Ot(e) {
|
|
555
555
|
{
|
|
556
556
|
var n = e.type;
|
|
557
557
|
if (n == null || typeof n == "string")
|
|
@@ -571,21 +571,21 @@ Check the top-level render call using <` + r + ">.");
|
|
|
571
571
|
} else if (n.PropTypes !== void 0 && !Be) {
|
|
572
572
|
Be = !0;
|
|
573
573
|
var g = A(n);
|
|
574
|
-
|
|
574
|
+
T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
|
|
575
575
|
}
|
|
576
|
-
typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved &&
|
|
576
|
+
typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
577
577
|
}
|
|
578
578
|
}
|
|
579
|
-
function
|
|
579
|
+
function Pt(e) {
|
|
580
580
|
{
|
|
581
581
|
for (var n = Object.keys(e.props), r = 0; r < n.length; r++) {
|
|
582
582
|
var a = n[r];
|
|
583
583
|
if (a !== "children" && a !== "key") {
|
|
584
|
-
ne(e),
|
|
584
|
+
ne(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), ne(null);
|
|
585
585
|
break;
|
|
586
586
|
}
|
|
587
587
|
}
|
|
588
|
-
e.ref !== null && (ne(e),
|
|
588
|
+
e.ref !== null && (ne(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
|
|
589
589
|
}
|
|
590
590
|
}
|
|
591
591
|
var at = {};
|
|
@@ -595,14 +595,14 @@ Check the top-level render call using <` + r + ">.");
|
|
|
595
595
|
if (!v) {
|
|
596
596
|
var f = "";
|
|
597
597
|
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
598
|
-
var P =
|
|
598
|
+
var P = kt(g);
|
|
599
599
|
P ? f += P : f += nt();
|
|
600
600
|
var _;
|
|
601
|
-
e === null ? _ = "null" : O(e) ? _ = "array" : e !== void 0 && e.$$typeof === o ? (_ = "<" + (A(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof e,
|
|
601
|
+
e === null ? _ = "null" : O(e) ? _ = "array" : e !== void 0 && e.$$typeof === o ? (_ = "<" + (A(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : _ = 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", _, f);
|
|
602
602
|
}
|
|
603
|
-
var
|
|
604
|
-
if (
|
|
605
|
-
return
|
|
603
|
+
var k = Tt(e, n, r, g, C);
|
|
604
|
+
if (k == null)
|
|
605
|
+
return k;
|
|
606
606
|
if (v) {
|
|
607
607
|
var W = n.children;
|
|
608
608
|
if (W !== void 0)
|
|
@@ -612,35 +612,35 @@ Check the top-level render call using <` + r + ">.");
|
|
|
612
612
|
it(W[re], e);
|
|
613
613
|
Object.freeze && Object.freeze(W);
|
|
614
614
|
} else
|
|
615
|
-
|
|
615
|
+
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.");
|
|
616
616
|
else
|
|
617
617
|
it(W, e);
|
|
618
618
|
}
|
|
619
619
|
if (z.call(n, "key")) {
|
|
620
|
-
var X = A(e), D = Object.keys(n).filter(function(
|
|
621
|
-
return
|
|
620
|
+
var X = A(e), D = Object.keys(n).filter(function($t) {
|
|
621
|
+
return $t !== "key";
|
|
622
622
|
}), Ve = D.length > 0 ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
623
623
|
if (!at[X + Ve]) {
|
|
624
|
-
var
|
|
625
|
-
|
|
624
|
+
var Ht = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
|
|
625
|
+
T(`A props object containing a "key" prop is being spread into JSX:
|
|
626
626
|
let props = %s;
|
|
627
627
|
<%s {...props} />
|
|
628
628
|
React keys must be passed directly to JSX without using spread:
|
|
629
629
|
let props = %s;
|
|
630
|
-
<%s key={someKey} {...props} />`, Ve, X,
|
|
630
|
+
<%s key={someKey} {...props} />`, Ve, X, Ht, X), at[X + Ve] = !0;
|
|
631
631
|
}
|
|
632
632
|
}
|
|
633
|
-
return e === d ?
|
|
633
|
+
return e === d ? Pt(k) : Ot(k), k;
|
|
634
634
|
}
|
|
635
635
|
}
|
|
636
|
-
function
|
|
636
|
+
function Dt(e, n, r) {
|
|
637
637
|
return ot(e, n, r, !0);
|
|
638
638
|
}
|
|
639
|
-
function
|
|
639
|
+
function It(e, n, r) {
|
|
640
640
|
return ot(e, n, r, !1);
|
|
641
641
|
}
|
|
642
|
-
var
|
|
643
|
-
xe.Fragment = d, xe.jsx =
|
|
642
|
+
var Ft = It, At = Dt;
|
|
643
|
+
xe.Fragment = d, xe.jsx = Ft, xe.jsxs = At;
|
|
644
644
|
}()), xe;
|
|
645
645
|
}
|
|
646
646
|
process.env.NODE_ENV === "production" ? Ge.exports = un() : Ge.exports = cn();
|
|
@@ -654,7 +654,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
654
654
|
light: "eggplant.light",
|
|
655
655
|
base: "eggplant.base"
|
|
656
656
|
}
|
|
657
|
-
} = l, { activeStep: x, setActiveStep: m } =
|
|
657
|
+
} = l, { activeStep: x, setActiveStep: m } = Wt({
|
|
658
658
|
index: o,
|
|
659
659
|
count: d.length
|
|
660
660
|
});
|
|
@@ -663,7 +663,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
663
663
|
}, [o, m]), /* @__PURE__ */ t.jsx(
|
|
664
664
|
E,
|
|
665
665
|
{ position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
|
|
666
|
-
|
|
666
|
+
Bt,
|
|
667
667
|
{
|
|
668
668
|
role: "progressbar",
|
|
669
669
|
index: x,
|
|
@@ -673,8 +673,8 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
673
673
|
children: d.map((R, u) => {
|
|
674
674
|
const b = x === u, s = u === 0, p = u === d.length - 1, w = x > u;
|
|
675
675
|
let c = `${Ye}px`;
|
|
676
|
-
const
|
|
677
|
-
return b ? c =
|
|
676
|
+
const S = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${ht * 2}px)))`;
|
|
677
|
+
return b ? c = S : (s || p) && (c = `${Ye - ht}px`), /* @__PURE__ */ t.jsx(
|
|
678
678
|
E,
|
|
679
679
|
{
|
|
680
680
|
width: c,
|
|
@@ -713,7 +713,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
713
713
|
children: l,
|
|
714
714
|
...o
|
|
715
715
|
}) => /* @__PURE__ */ t.jsx(
|
|
716
|
-
|
|
716
|
+
qt,
|
|
717
717
|
{ color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: l }
|
|
718
718
|
), Le = (l, o) => {
|
|
719
719
|
const h = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
|
|
@@ -764,7 +764,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
764
764
|
}
|
|
765
765
|
),
|
|
766
766
|
/* @__PURE__ */ t.jsxs(
|
|
767
|
-
|
|
767
|
+
L,
|
|
768
768
|
{ alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
|
|
769
769
|
/* @__PURE__ */ t.jsx(
|
|
770
770
|
Z,
|
|
@@ -847,9 +847,14 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
847
847
|
href: R,
|
|
848
848
|
linkComponent: u
|
|
849
849
|
}) => {
|
|
850
|
-
const b = "80px", s = "200px", p = "272px", w = u || G, c = Le(R, !!u)
|
|
850
|
+
const b = "80px", s = "200px", p = "272px", w = u || G, c = Le(R, !!u), S = mt({
|
|
851
|
+
base: !1,
|
|
852
|
+
tablet: !1,
|
|
853
|
+
largeTablet: !1,
|
|
854
|
+
desktop: !0
|
|
855
|
+
});
|
|
851
856
|
return /* @__PURE__ */ t.jsxs(
|
|
852
|
-
|
|
857
|
+
L,
|
|
853
858
|
{
|
|
854
859
|
direction: ["row", null, null, "column"],
|
|
855
860
|
alignItems: ["center"],
|
|
@@ -870,8 +875,8 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
870
875
|
border: "1px solid",
|
|
871
876
|
borderColor: "tints.white"
|
|
872
877
|
},
|
|
873
|
-
as: w,
|
|
874
|
-
...c,
|
|
878
|
+
as: S ? L : w,
|
|
879
|
+
...S ? {} : c,
|
|
875
880
|
children: [
|
|
876
881
|
/* @__PURE__ */ t.jsx(
|
|
877
882
|
E,
|
|
@@ -880,7 +885,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
880
885
|
height: ["100%"],
|
|
881
886
|
flex: [null, null, null, "1"],
|
|
882
887
|
children: h ? /* @__PURE__ */ t.jsx(
|
|
883
|
-
|
|
888
|
+
Mt,
|
|
884
889
|
{
|
|
885
890
|
src: h,
|
|
886
891
|
objectFit: "cover",
|
|
@@ -900,7 +905,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
900
905
|
}
|
|
901
906
|
),
|
|
902
907
|
/* @__PURE__ */ t.jsxs(
|
|
903
|
-
|
|
908
|
+
L,
|
|
904
909
|
{
|
|
905
910
|
direction: ["column", null, null, "row"],
|
|
906
911
|
justifyContent: [null, null, null, "space-between"],
|
|
@@ -926,7 +931,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
926
931
|
)
|
|
927
932
|
] }
|
|
928
933
|
),
|
|
929
|
-
/* @__PURE__ */ t.jsx(E, {
|
|
934
|
+
S ? /* @__PURE__ */ t.jsx(E, { children: j }) : null
|
|
930
935
|
]
|
|
931
936
|
}
|
|
932
937
|
)
|
|
@@ -934,7 +939,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
934
939
|
}
|
|
935
940
|
);
|
|
936
941
|
}, ae = (l) => /* @__PURE__ */ t.jsx(
|
|
937
|
-
|
|
942
|
+
Vt,
|
|
938
943
|
{
|
|
939
944
|
size: "sm",
|
|
940
945
|
width: ["40px", null, null, "46px"],
|
|
@@ -991,10 +996,10 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
991
996
|
linkComponent: b,
|
|
992
997
|
onLogoClick: s
|
|
993
998
|
}) => {
|
|
994
|
-
const p =
|
|
999
|
+
const p = Jt(null), [w, c] = M(0), S = 100, I = Xe(() => {
|
|
995
1000
|
if (p.current && u) {
|
|
996
1001
|
const $ = Date.now();
|
|
997
|
-
if ($ - w >
|
|
1002
|
+
if ($ - w > S) {
|
|
998
1003
|
const F = p.current.getBoundingClientRect().height;
|
|
999
1004
|
u(F), c($);
|
|
1000
1005
|
}
|
|
@@ -1021,10 +1026,10 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1021
1026
|
width: "100%",
|
|
1022
1027
|
zIndex: ["sticky", null, null, "tooltip"],
|
|
1023
1028
|
children: /* @__PURE__ */ t.jsxs(
|
|
1024
|
-
|
|
1029
|
+
L,
|
|
1025
1030
|
{ justifyContent: "space-between", alignItems: "center", children: [
|
|
1026
1031
|
/* @__PURE__ */ t.jsxs(
|
|
1027
|
-
|
|
1032
|
+
L,
|
|
1028
1033
|
{ alignItems: "center", gap: "5", children: [
|
|
1029
1034
|
/* @__PURE__ */ t.jsx(
|
|
1030
1035
|
E,
|
|
@@ -1037,13 +1042,13 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1037
1042
|
}
|
|
1038
1043
|
),
|
|
1039
1044
|
/* @__PURE__ */ t.jsx(
|
|
1040
|
-
|
|
1045
|
+
L,
|
|
1041
1046
|
{ display: ["none", null, null, "flex"], children: l }
|
|
1042
1047
|
)
|
|
1043
1048
|
] }
|
|
1044
1049
|
),
|
|
1045
1050
|
/* @__PURE__ */ t.jsxs(
|
|
1046
|
-
|
|
1051
|
+
L,
|
|
1047
1052
|
{ alignItems: "center", gap: "2", children: [
|
|
1048
1053
|
/* @__PURE__ */ t.jsx(
|
|
1049
1054
|
E,
|
|
@@ -1053,7 +1058,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1053
1058
|
ae,
|
|
1054
1059
|
{
|
|
1055
1060
|
"aria-label": "Search",
|
|
1056
|
-
icon: /* @__PURE__ */ t.jsx(le, { as:
|
|
1061
|
+
icon: /* @__PURE__ */ t.jsx(le, { as: Ct }),
|
|
1057
1062
|
onClick: j
|
|
1058
1063
|
}
|
|
1059
1064
|
) : null,
|
|
@@ -1110,11 +1115,11 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1110
1115
|
numLinks: l = 5,
|
|
1111
1116
|
showPromoButton: o = !0
|
|
1112
1117
|
}) => /* @__PURE__ */ t.jsx(
|
|
1113
|
-
|
|
1118
|
+
Nt,
|
|
1114
1119
|
{ spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
|
|
1115
1120
|
E,
|
|
1116
1121
|
{ paddingY: 4, paddingX: 6, borderBottomWidth: "1px", children: /* @__PURE__ */ t.jsxs(
|
|
1117
|
-
|
|
1122
|
+
L,
|
|
1118
1123
|
{ justify: "space-between", align: "center", children: [
|
|
1119
1124
|
/* @__PURE__ */ t.jsx(Ne, { w: "120px", h: "48px" }),
|
|
1120
1125
|
/* @__PURE__ */ t.jsxs(
|
|
@@ -1173,30 +1178,30 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1173
1178
|
onSearch: w = () => {
|
|
1174
1179
|
}
|
|
1175
1180
|
}) => {
|
|
1176
|
-
const c =
|
|
1181
|
+
const c = mt({
|
|
1177
1182
|
base: !1,
|
|
1178
1183
|
tablet: !1,
|
|
1179
1184
|
largeTablet: !1,
|
|
1180
1185
|
desktop: !0
|
|
1181
|
-
}),
|
|
1186
|
+
}), S = c ? "top" : "left", [I, $] = M(0), F = () => {
|
|
1182
1187
|
$((V) => V + 1);
|
|
1183
|
-
},
|
|
1188
|
+
}, T = Xe(
|
|
1184
1189
|
xn((V) => {
|
|
1185
1190
|
w(V), F();
|
|
1186
1191
|
}, 100),
|
|
1187
1192
|
[]
|
|
1188
1193
|
);
|
|
1189
1194
|
return /* @__PURE__ */ t.jsxs(
|
|
1190
|
-
|
|
1195
|
+
Yt,
|
|
1191
1196
|
{
|
|
1192
1197
|
isOpen: l,
|
|
1193
1198
|
onClose: o,
|
|
1194
|
-
placement:
|
|
1199
|
+
placement: S,
|
|
1195
1200
|
blockScrollOnMount: !1,
|
|
1196
1201
|
autoFocus: !1,
|
|
1197
1202
|
children: [
|
|
1198
1203
|
/* @__PURE__ */ t.jsx(
|
|
1199
|
-
|
|
1204
|
+
zt,
|
|
1200
1205
|
{
|
|
1201
1206
|
backgroundColor: "tints.black",
|
|
1202
1207
|
top: ["0", null, null, s ? `${s}px` : null],
|
|
@@ -1214,7 +1219,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1214
1219
|
}
|
|
1215
1220
|
),
|
|
1216
1221
|
/* @__PURE__ */ t.jsxs(
|
|
1217
|
-
|
|
1222
|
+
Ut,
|
|
1218
1223
|
{
|
|
1219
1224
|
onMouseEnter: () => {
|
|
1220
1225
|
!p && c && vt(!0);
|
|
@@ -1231,14 +1236,14 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1231
1236
|
className: "navbar-drawer-content-container",
|
|
1232
1237
|
children: [
|
|
1233
1238
|
!p && c ? null : /* @__PURE__ */ t.jsxs(
|
|
1234
|
-
|
|
1239
|
+
Gt,
|
|
1235
1240
|
{
|
|
1236
1241
|
padding: "0",
|
|
1237
1242
|
flexDirection: p ? "column" : "row",
|
|
1238
1243
|
gap: p ? "4" : "0",
|
|
1239
1244
|
children: [
|
|
1240
1245
|
c ? null : /* @__PURE__ */ t.jsxs(
|
|
1241
|
-
|
|
1246
|
+
L,
|
|
1242
1247
|
{
|
|
1243
1248
|
width: "100%",
|
|
1244
1249
|
justifyContent: "space-between",
|
|
@@ -1276,7 +1281,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1276
1281
|
en,
|
|
1277
1282
|
{
|
|
1278
1283
|
onChange: (V) => {
|
|
1279
|
-
|
|
1284
|
+
T(V.target.value);
|
|
1280
1285
|
},
|
|
1281
1286
|
placeholder: "Search",
|
|
1282
1287
|
autoFocus: !0,
|
|
@@ -1286,7 +1291,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1286
1291
|
),
|
|
1287
1292
|
/* @__PURE__ */ t.jsx(
|
|
1288
1293
|
tn,
|
|
1289
|
-
{ pointerEvents: "none", children: /* @__PURE__ */ t.jsx(nn, { as:
|
|
1294
|
+
{ pointerEvents: "none", children: /* @__PURE__ */ t.jsx(nn, { as: Ct, color: "gray.500" }) }
|
|
1290
1295
|
)
|
|
1291
1296
|
] }
|
|
1292
1297
|
)
|
|
@@ -1294,7 +1299,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1294
1299
|
}
|
|
1295
1300
|
),
|
|
1296
1301
|
/* @__PURE__ */ t.jsx(
|
|
1297
|
-
|
|
1302
|
+
Zt,
|
|
1298
1303
|
{
|
|
1299
1304
|
paddingX: "0",
|
|
1300
1305
|
paddingBottom: [6, null, null, 4],
|
|
@@ -1359,7 +1364,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1359
1364
|
}
|
|
1360
1365
|
) : null,
|
|
1361
1366
|
/* @__PURE__ */ t.jsxs(
|
|
1362
|
-
|
|
1367
|
+
L,
|
|
1363
1368
|
{
|
|
1364
1369
|
position: [null, null, null, "relative"],
|
|
1365
1370
|
flexDirection: "column",
|
|
@@ -1413,9 +1418,9 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1413
1418
|
return [];
|
|
1414
1419
|
const w = s.toLowerCase();
|
|
1415
1420
|
return p.filter((c) => {
|
|
1416
|
-
const
|
|
1417
|
-
return
|
|
1418
|
-
}).sort((c,
|
|
1421
|
+
const S = c.label.toLowerCase().includes(w), I = typeof c.additionalContent == "string" && c.additionalContent.toLowerCase().includes(w);
|
|
1422
|
+
return S || I;
|
|
1423
|
+
}).sort((c, S) => c.label.localeCompare(S.label));
|
|
1419
1424
|
}, u = (s) => {
|
|
1420
1425
|
if (j(s), !s) {
|
|
1421
1426
|
m([]);
|
|
@@ -1449,11 +1454,11 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1449
1454
|
onSearchCallback: p,
|
|
1450
1455
|
onLinkClick: w,
|
|
1451
1456
|
onCategoryOpen: c,
|
|
1452
|
-
onMobileMenuOpen:
|
|
1457
|
+
onMobileMenuOpen: S,
|
|
1453
1458
|
onBackToMainMenu: I,
|
|
1454
1459
|
onRegisterKitClick: $,
|
|
1455
1460
|
onProfileClick: F,
|
|
1456
|
-
onLogoClick:
|
|
1461
|
+
onLogoClick: T,
|
|
1457
1462
|
shopAllProductsUrl: V,
|
|
1458
1463
|
onShopAllProductsClick: Oe
|
|
1459
1464
|
}) => {
|
|
@@ -1467,10 +1472,10 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1467
1472
|
onSearchCallback: p,
|
|
1468
1473
|
isActive: be
|
|
1469
1474
|
}), se = q.length > 0, ye = s || G, Ee = Le(V, !!s), Re = je && /* @__PURE__ */ t.jsxs(
|
|
1470
|
-
|
|
1475
|
+
L,
|
|
1471
1476
|
{ gap: se ? "6" : 0, direction: "column", children: [
|
|
1472
1477
|
se ? /* @__PURE__ */ t.jsx(Z, { color: "tints.uiGrey", children: `${q.length} Results` }) : /* @__PURE__ */ t.jsxs(
|
|
1473
|
-
|
|
1478
|
+
L,
|
|
1474
1479
|
{ direction: "column", gap: "6", alignItems: "flex-start", children: [
|
|
1475
1480
|
/* @__PURE__ */ t.jsx(
|
|
1476
1481
|
Z,
|
|
@@ -1490,10 +1495,10 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1490
1495
|
] }
|
|
1491
1496
|
),
|
|
1492
1497
|
/* @__PURE__ */ t.jsx(
|
|
1493
|
-
|
|
1498
|
+
Kt,
|
|
1494
1499
|
{ columns: [1, 1, 1, 4], children: q.map(
|
|
1495
1500
|
(i, H) => /* @__PURE__ */ t.jsx(
|
|
1496
|
-
|
|
1501
|
+
Xt,
|
|
1497
1502
|
{ children: /* @__PURE__ */ t.jsx(
|
|
1498
1503
|
ze,
|
|
1499
1504
|
{
|
|
@@ -1597,7 +1602,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1597
1602
|
backgroundColor: "tints.cream",
|
|
1598
1603
|
onClick: F,
|
|
1599
1604
|
children: /* @__PURE__ */ t.jsxs(
|
|
1600
|
-
|
|
1605
|
+
L,
|
|
1601
1606
|
{ gap: "2", children: [
|
|
1602
1607
|
"My Everly",
|
|
1603
1608
|
/* @__PURE__ */ t.jsx(le, { as: ct, size: 24 })
|
|
@@ -1615,7 +1620,7 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1615
1620
|
backgroundColor: "tints.cream",
|
|
1616
1621
|
onClick: $,
|
|
1617
1622
|
children: /* @__PURE__ */ t.jsxs(
|
|
1618
|
-
|
|
1623
|
+
L,
|
|
1619
1624
|
{ gap: "2", children: [
|
|
1620
1625
|
"Register kit",
|
|
1621
1626
|
/* @__PURE__ */ t.jsx(le, { as: sn, size: 24 })
|
|
@@ -1626,13 +1631,13 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1626
1631
|
)
|
|
1627
1632
|
] }
|
|
1628
1633
|
), Fe = /* @__PURE__ */ t.jsxs(
|
|
1629
|
-
|
|
1634
|
+
L,
|
|
1630
1635
|
{ gap: "2", flexDirection: "column", children: [
|
|
1631
1636
|
u,
|
|
1632
1637
|
Se
|
|
1633
1638
|
] }
|
|
1634
1639
|
), Ae = y ? /* @__PURE__ */ t.jsx(
|
|
1635
|
-
|
|
1640
|
+
L,
|
|
1636
1641
|
{ direction: ["column", null, null, "row"], gap: "8", children: (fe = y == null ? void 0 : y.sections) == null ? void 0 : fe.map((i, H) => {
|
|
1637
1642
|
const U = [];
|
|
1638
1643
|
for (let O = 0; O < i.links.length; O += 3)
|
|
@@ -1650,13 +1655,13 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1650
1655
|
}
|
|
1651
1656
|
),
|
|
1652
1657
|
/* @__PURE__ */ t.jsx(
|
|
1653
|
-
|
|
1658
|
+
L,
|
|
1654
1659
|
{
|
|
1655
1660
|
flexDirection: ["column", null, null, "row"],
|
|
1656
1661
|
gap: [null, null, null, 8],
|
|
1657
1662
|
children: U == null ? void 0 : U.map(
|
|
1658
1663
|
(O, He) => /* @__PURE__ */ t.jsx(
|
|
1659
|
-
|
|
1664
|
+
L,
|
|
1660
1665
|
{
|
|
1661
1666
|
flexDirection: ["column"],
|
|
1662
1667
|
gap: [null, null, null, 5],
|
|
@@ -1720,13 +1725,13 @@ const Ye = 60, ht = 6, dn = (l) => {
|
|
|
1720
1725
|
J(!0), x == null || x();
|
|
1721
1726
|
},
|
|
1722
1727
|
onMenuClick: () => {
|
|
1723
|
-
ge(!0),
|
|
1728
|
+
ge(!0), S == null || S();
|
|
1724
1729
|
},
|
|
1725
1730
|
hasSearch: j,
|
|
1726
1731
|
logoLink: d,
|
|
1727
1732
|
onHeightChange: De,
|
|
1728
1733
|
linkComponent: s,
|
|
1729
|
-
onLogoClick:
|
|
1734
|
+
onLogoClick: T
|
|
1730
1735
|
}
|
|
1731
1736
|
),
|
|
1732
1737
|
/* @__PURE__ */ t.jsx(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpotlightCard.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/SpotlightCard/SpotlightCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"SpotlightCard.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/SpotlightCard/SpotlightCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAG7D;;GAEG;AACH,UAAU,sBAAsB;IAC9B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,MAAM,EAAE,YAAY,CAAC;IAErB;;;;OAIG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;SAIK;IACL,IAAI,EAAE,MAAM,CAAC;IAEb;;SAEK;IACL,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,sBAAsB;IAC3E;;;OAGG;IACH,YAAY,EAAE,YAAY,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAC1B,yBAAyB,GACzB,6BAA6B,CAAC;AAElC,eAAO,MAAM,aAAa,2GAUvB,kBAAkB,4CAuFpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|