@zenpatient-org/healthspan-marketing-ui 0.1.105 → 0.1.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/components/Icon/constants.cjs.js +1 -1
  2. package/dist/components/Icon/constants.d.ts +6 -0
  3. package/dist/components/Icon/constants.es.js +7 -1
  4. package/dist/components/Icon/iconsMap.cjs.js +1 -1
  5. package/dist/components/Icon/iconsMap.es.js +122 -110
  6. package/dist/healthspan-marketing-ui.css +1 -1
  7. package/dist/icons/action/invisible.svg.cjs.js +1 -0
  8. package/dist/icons/action/invisible.svg.es.js +5 -0
  9. package/dist/icons/action/profile.svg.cjs.js +1 -0
  10. package/dist/icons/action/profile.svg.es.js +5 -0
  11. package/dist/icons/action/visible.svg.cjs.js +1 -0
  12. package/dist/icons/action/visible.svg.es.js +5 -0
  13. package/dist/icons/global/cookie.svg.cjs.js +1 -1
  14. package/dist/icons/global/cookie.svg.es.js +2 -2
  15. package/dist/icons/global/settings.svg.cjs.js +1 -0
  16. package/dist/icons/global/settings.svg.es.js +5 -0
  17. package/dist/icons/social/apple.svg.cjs.js +1 -0
  18. package/dist/icons/social/apple.svg.es.js +5 -0
  19. package/dist/icons/social/google.svg.cjs.js +1 -0
  20. package/dist/icons/social/google.svg.es.js +5 -0
  21. package/dist/modules/AllInOne/AllInOne.cjs.js +1 -1
  22. package/dist/modules/AllInOne/AllInOne.es.js +76 -77
  23. package/dist/modules/CallToAction/CallToAction.cjs.js +1 -1
  24. package/dist/modules/CallToAction/CallToAction.es.js +97 -86
  25. package/dist/pageComponents/Bubbles/Bubbles.cjs.js +1 -1
  26. package/dist/pageComponents/Bubbles/Bubbles.es.js +13 -13
  27. package/dist/pageComponents/CallToActionDefault/CallToActionDefault.cjs.js +1 -1
  28. package/dist/pageComponents/CallToActionDefault/CallToActionDefault.es.js +1 -1
  29. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react");function c(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const n=c(a),o=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",...e},n.createElement("path",{fill:"currentColor",d:"m15.8 13-1.2-1.2c.2-.8 0-1.5-.7-2.2-.6-.6-1.3-.9-2.3-.8l-1-1a3.5 3.5 0 0 1 1.4-.4 4 4 0 0 1 2.9 1.2 4 4 0 0 1 1.1 3.7l-.2.7Zm3.2 3-1.1-1c.6-.4 1.1-1 1.6-1.5.5-.6 1-1.3 1.3-2A9.8 9.8 0 0 0 9.2 6.4L8 5.2a10 10 0 0 1 4-.7c2.3 0 4.5.6 6.3 2 2 1.2 3.3 3 4.2 5a11.3 11.3 0 0 1-3.5 4.6Zm.8 5.9-4-4a10.8 10.8 0 0 1-3.8.6 11.3 11.3 0 0 1-10.5-7A11.1 11.1 0 0 1 5 7L2.1 4.2l1-1 17.7 17.6-1 1ZM6 8a11 11 0 0 0-2.8 3.4A9.8 9.8 0 0 0 12 17l1.4-.1c.4 0 .8-.2 1.1-.3l-1.3-1.3a3.6 3.6 0 0 1-1.2.2 4 4 0 0 1-2.9-1.1 4 4 0 0 1-1-4.1L6 8Z"}));exports.default=o;
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ const t = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ...l }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "m15.8 13-1.2-1.2c.2-.8 0-1.5-.7-2.2-.6-.6-1.3-.9-2.3-.8l-1-1a3.5 3.5 0 0 1 1.4-.4 4 4 0 0 1 2.9 1.2 4 4 0 0 1 1.1 3.7l-.2.7Zm3.2 3-1.1-1c.6-.4 1.1-1 1.6-1.5.5-.6 1-1.3 1.3-2A9.8 9.8 0 0 0 9.2 6.4L8 5.2a10 10 0 0 1 4-.7c2.3 0 4.5.6 6.3 2 2 1.2 3.3 3 4.2 5a11.3 11.3 0 0 1-3.5 4.6Zm.8 5.9-4-4a10.8 10.8 0 0 1-3.8.6 11.3 11.3 0 0 1-10.5-7A11.1 11.1 0 0 1 5 7L2.1 4.2l1-1 17.7 17.6-1 1ZM6 8a11 11 0 0 0-2.8 3.4A9.8 9.8 0 0 0 12 17l1.4-.1c.4 0 .8-.2 1.1-.3l-1.3-1.3a3.6 3.6 0 0 1-1.2.2 4 4 0 0 1-2.9-1.1 4 4 0 0 1-1-4.1L6 8Z" }));
3
+ export {
4
+ t as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=c(o),a=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",...e},n.createElement("path",{fill:"currentColor",d:"M12 2.3a6.8 6.8 0 0 1 3.5 12.5c2.5.8 4.6 2.5 6 4.8l.1.3.4.6-1.3.8-.3-.7-.2-.2a9.6 9.6 0 0 0-16.6.2l-.3.7-1.3-.8.4-.6c1.3-2.4 3.5-4.2 6.1-5.1A6.7 6.7 0 0 1 12 2.2Zm0 1.5a5.2 5.2 0 1 0 0 10.4 5.2 5.2 0 0 0 0-10.4Z"}));exports.default=a;
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M12 2.3a6.8 6.8 0 0 1 3.5 12.5c2.5.8 4.6 2.5 6 4.8l.1.3.4.6-1.3.8-.3-.7-.2-.2a9.6 9.6 0 0 0-16.6.2l-.3.7-1.3-.8.4-.6c1.3-2.4 3.5-4.2 6.1-5.1A6.7 6.7 0 0 1 12 2.2Zm0 1.5a5.2 5.2 0 1 0 0 10.4 5.2 5.2 0 0 0 0-10.4Z" }));
3
+ export {
4
+ l as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=o(l),c=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",...e},a.createElement("path",{fill:"currentColor",d:"M12 15.6a4 4 0 0 0 2.9-1.2 4 4 0 0 0 1.2-2.9 4 4 0 0 0-1.2-2.9A4 4 0 0 0 12 7.4a4 4 0 0 0-2.9 1.2A4 4 0 0 0 8 11.5a4 4 0 0 0 1.2 2.9 4 4 0 0 0 2.9 1.2Zm0-1.4c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-1.9 0-.8.3-1.4.8-2 .5-.4 1.2-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.2.7 1.9 0 .8-.3 1.4-.8 2-.5.4-1.2.7-1.9.7Zm0 4.3a11.2 11.2 0 0 1-10.5-7 11.2 11.2 0 0 1 10.5-7 11.2 11.2 0 0 1 10.5 7 11.2 11.2 0 0 1-10.5 7Zm0-1.5a9.8 9.8 0 0 0 8.8-5.5 9.8 9.8 0 0 0-17.6 0A9.8 9.8 0 0 0 12 17Z"}));exports.default=c;
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M12 15.6a4 4 0 0 0 2.9-1.2 4 4 0 0 0 1.2-2.9 4 4 0 0 0-1.2-2.9A4 4 0 0 0 12 7.4a4 4 0 0 0-2.9 1.2A4 4 0 0 0 8 11.5a4 4 0 0 0 1.2 2.9 4 4 0 0 0 2.9 1.2Zm0-1.4c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-1.9 0-.8.3-1.4.8-2 .5-.4 1.2-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.2.7 1.9 0 .8-.3 1.4-.8 2-.5.4-1.2.7-1.9.7Zm0 4.3a11.2 11.2 0 0 1-10.5-7 11.2 11.2 0 0 1 10.5-7 11.2 11.2 0 0 1 10.5 7 11.2 11.2 0 0 1-10.5 7Zm0-1.5a9.8 9.8 0 0 0 8.8-5.5 9.8 9.8 0 0 0-17.6 0A9.8 9.8 0 0 0 12 17Z" }));
3
+ export {
4
+ a as default
5
+ };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react");function l(C){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(C){for(const e in C)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(C,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>C[e]})}}return t.default=C,Object.freeze(t)}const o=l(n),c=C=>o.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...C},o.createElement("path",{d:"M12 21.75C10.6513 21.75 9.38383 21.4941 8.1975 20.9822C7.01133 20.4702 5.9795 19.7755 5.102 18.898C4.2245 18.0205 3.52975 16.9886 3.01775 15.8025C2.50592 14.6161 2.25 13.3486 2.25 12C2.25 10.7308 2.49492 9.50898 2.98475 8.33448C3.47442 7.16014 4.14942 6.11981 5.00975 5.21347C5.86992 4.30697 6.89075 3.58231 8.07225 3.03948C9.25358 2.49648 10.5308 2.22498 11.9038 2.22498C12.2063 2.22498 12.5158 2.23848 12.8325 2.26548C13.1493 2.29231 13.4706 2.33781 13.7962 2.40198C13.6974 3.15198 13.7682 3.84589 14.0087 4.48373C14.2491 5.12156 14.6064 5.65806 15.0807 6.09323C15.5551 6.52856 16.1253 6.84073 16.7913 7.02973C17.4573 7.21889 18.1698 7.24298 18.9288 7.10198C18.6109 8.08531 18.7456 8.99814 19.3328 9.84048C19.9199 10.6826 20.7154 11.1429 21.7193 11.2212C21.7294 11.3341 21.7371 11.4391 21.7423 11.5365C21.7474 11.634 21.75 11.7391 21.75 11.852C21.75 13.2076 21.4934 14.4848 20.9803 15.6835C20.4671 16.8821 19.7706 17.932 18.8908 18.833C18.0111 19.734 16.9792 20.4454 15.7952 20.9672C14.6112 21.4891 13.3462 21.75 12 21.75ZM10.5048 9.90373C10.8926 9.90373 11.2227 9.76598 11.4952 9.49048C11.7676 9.21481 11.9038 8.88306 11.9038 8.49523C11.9038 8.10739 11.7673 7.77723 11.4945 7.50473C11.2215 7.23239 10.89 7.09623 10.5 7.09623C10.1153 7.09623 9.78517 7.23264 9.5095 7.50548C9.234 7.77847 9.09625 8.10998 9.09625 8.49998C9.09625 8.88464 9.234 9.21481 9.5095 9.49048C9.78517 9.76598 10.1169 9.90373 10.5048 9.90373ZM8.50475 14.9037C8.89258 14.9037 9.22275 14.766 9.49525 14.4905C9.76758 14.2148 9.90375 13.8831 9.90375 13.4952C9.90375 13.1074 9.76733 12.7772 9.4945 12.5047C9.2215 12.2324 8.89 12.0962 8.5 12.0962C8.11533 12.0962 7.78517 12.2326 7.5095 12.5055C7.234 12.7785 7.09625 13.11 7.09625 13.5C7.09625 13.8846 7.234 14.2148 7.5095 14.4905C7.78517 14.766 8.11692 14.9037 8.50475 14.9037ZM15.0048 15.9037C15.2593 15.9037 15.4728 15.816 15.6453 15.6405C15.8176 15.4648 15.9038 15.2497 15.9038 14.9952C15.9038 14.7407 15.8172 14.5272 15.644 14.3547C15.4708 14.1824 15.2562 14.0962 15 14.0962C14.7487 14.0962 14.5352 14.1828 14.3595 14.356C14.184 14.5291 14.0962 14.7438 14.0962 15C14.0962 15.2513 14.184 15.4648 14.3595 15.6405C14.5352 15.816 14.7502 15.9037 15.0048 15.9037ZM12.0017 20.25C14.0949 20.25 15.9523 19.5099 17.5738 18.0297C19.1951 16.5496 20.084 14.6685 20.2405 12.3865C19.3815 12.0263 18.7097 11.5263 18.225 10.8865C17.7403 10.2468 17.4339 9.50322 17.3057 8.65573C15.9776 8.50439 14.8536 7.98323 13.9337 7.09223C13.0137 6.20123 12.4775 5.08198 12.325 3.73448C11.0237 3.67564 9.84483 3.88531 8.7885 4.36348C7.732 4.84164 6.831 5.48164 6.0855 6.28348C5.34 7.08548 4.76442 7.99031 4.35875 8.99798C3.95292 10.0056 3.75 11.0063 3.75 12C3.75 14.2808 4.55483 16.226 6.1645 17.8355C7.774 19.4451 9.71975 20.25 12.0017 20.25Z",fill:"currentColor"}));exports.default=c;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react");function o(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const a=o(n),l=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",...e},a.createElement("path",{fill:"currentColor",d:"M12 21.8a9.5 9.5 0 0 1-6.9-2.9A9.8 9.8 0 0 1 2.3 12c0-1.3.2-2.5.7-3.7A10.2 10.2 0 0 1 8 3a9 9 0 0 1 5.8-.6 4.2 4.2 0 0 0 1.3 3.7l1.7 1h2.1a3 3 0 0 0 .4 2.7 3 3 0 0 0 2.4 1.4 8.8 8.8 0 0 1-.7 4.5 10.2 10.2 0 0 1-5.2 5.3c-1.2.5-2.5.8-3.8.8ZM10.5 9.8c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4Zm-2 5c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4Zm6.5 1c.3 0 .5 0 .6-.3.2-.1.3-.4.3-.6 0-.3 0-.5-.3-.6a.9.9 0 0 0-.6-.3c-.3 0-.5 0-.6.3-.2.1-.3.3-.3.6s0 .5.3.6c.1.2.4.3.6.3Zm-3 4.3c2 0 4-.7 5.6-2.2a8.1 8.1 0 0 0 2.6-5.6c-.8-.4-1.5-.9-2-1.5-.5-.7-.8-1.4-.9-2.2A5.6 5.6 0 0 1 14 7c-.9-.9-1.4-2-1.6-3.4a8.3 8.3 0 0 0-8 5.3 8 8 0 0 0 1.8 8.8 8 8 0 0 0 5.9 2.4Z"}));exports.default=l;
@@ -1,5 +1,5 @@
1
- import * as C from "react";
2
- const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M12 21.75C10.6513 21.75 9.38383 21.4941 8.1975 20.9822C7.01133 20.4702 5.9795 19.7755 5.102 18.898C4.2245 18.0205 3.52975 16.9886 3.01775 15.8025C2.50592 14.6161 2.25 13.3486 2.25 12C2.25 10.7308 2.49492 9.50898 2.98475 8.33448C3.47442 7.16014 4.14942 6.11981 5.00975 5.21347C5.86992 4.30697 6.89075 3.58231 8.07225 3.03948C9.25358 2.49648 10.5308 2.22498 11.9038 2.22498C12.2063 2.22498 12.5158 2.23848 12.8325 2.26548C13.1493 2.29231 13.4706 2.33781 13.7962 2.40198C13.6974 3.15198 13.7682 3.84589 14.0087 4.48373C14.2491 5.12156 14.6064 5.65806 15.0807 6.09323C15.5551 6.52856 16.1253 6.84073 16.7913 7.02973C17.4573 7.21889 18.1698 7.24298 18.9288 7.10198C18.6109 8.08531 18.7456 8.99814 19.3328 9.84048C19.9199 10.6826 20.7154 11.1429 21.7193 11.2212C21.7294 11.3341 21.7371 11.4391 21.7423 11.5365C21.7474 11.634 21.75 11.7391 21.75 11.852C21.75 13.2076 21.4934 14.4848 20.9803 15.6835C20.4671 16.8821 19.7706 17.932 18.8908 18.833C18.0111 19.734 16.9792 20.4454 15.7952 20.9672C14.6112 21.4891 13.3462 21.75 12 21.75ZM10.5048 9.90373C10.8926 9.90373 11.2227 9.76598 11.4952 9.49048C11.7676 9.21481 11.9038 8.88306 11.9038 8.49523C11.9038 8.10739 11.7673 7.77723 11.4945 7.50473C11.2215 7.23239 10.89 7.09623 10.5 7.09623C10.1153 7.09623 9.78517 7.23264 9.5095 7.50548C9.234 7.77847 9.09625 8.10998 9.09625 8.49998C9.09625 8.88464 9.234 9.21481 9.5095 9.49048C9.78517 9.76598 10.1169 9.90373 10.5048 9.90373ZM8.50475 14.9037C8.89258 14.9037 9.22275 14.766 9.49525 14.4905C9.76758 14.2148 9.90375 13.8831 9.90375 13.4952C9.90375 13.1074 9.76733 12.7772 9.4945 12.5047C9.2215 12.2324 8.89 12.0962 8.5 12.0962C8.11533 12.0962 7.78517 12.2326 7.5095 12.5055C7.234 12.7785 7.09625 13.11 7.09625 13.5C7.09625 13.8846 7.234 14.2148 7.5095 14.4905C7.78517 14.766 8.11692 14.9037 8.50475 14.9037ZM15.0048 15.9037C15.2593 15.9037 15.4728 15.816 15.6453 15.6405C15.8176 15.4648 15.9038 15.2497 15.9038 14.9952C15.9038 14.7407 15.8172 14.5272 15.644 14.3547C15.4708 14.1824 15.2562 14.0962 15 14.0962C14.7487 14.0962 14.5352 14.1828 14.3595 14.356C14.184 14.5291 14.0962 14.7438 14.0962 15C14.0962 15.2513 14.184 15.4648 14.3595 15.6405C14.5352 15.816 14.7502 15.9037 15.0048 15.9037ZM12.0017 20.25C14.0949 20.25 15.9523 19.5099 17.5738 18.0297C19.1951 16.5496 20.084 14.6685 20.2405 12.3865C19.3815 12.0263 18.7097 11.5263 18.225 10.8865C17.7403 10.2468 17.4339 9.50322 17.3057 8.65573C15.9776 8.50439 14.8536 7.98323 13.9337 7.09223C13.0137 6.20123 12.4775 5.08198 12.325 3.73448C11.0237 3.67564 9.84483 3.88531 8.7885 4.36348C7.732 4.84164 6.831 5.48164 6.0855 6.28348C5.34 7.08548 4.76442 7.99031 4.35875 8.99798C3.95292 10.0056 3.75 11.0063 3.75 12C3.75 14.2808 4.55483 16.226 6.1645 17.8355C7.774 19.4451 9.71975 20.25 12.0017 20.25Z", fill: "currentColor" }));
1
+ import * as c from "react";
2
+ const t = (e) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ...e }, /* @__PURE__ */ c.createElement("path", { fill: "currentColor", d: "M12 21.8a9.5 9.5 0 0 1-6.9-2.9A9.8 9.8 0 0 1 2.3 12c0-1.3.2-2.5.7-3.7A10.2 10.2 0 0 1 8 3a9 9 0 0 1 5.8-.6 4.2 4.2 0 0 0 1.3 3.7l1.7 1h2.1a3 3 0 0 0 .4 2.7 3 3 0 0 0 2.4 1.4 8.8 8.8 0 0 1-.7 4.5 10.2 10.2 0 0 1-5.2 5.3c-1.2.5-2.5.8-3.8.8ZM10.5 9.8c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4Zm-2 5c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4Zm6.5 1c.3 0 .5 0 .6-.3.2-.1.3-.4.3-.6 0-.3 0-.5-.3-.6a.9.9 0 0 0-.6-.3c-.3 0-.5 0-.6.3-.2.1-.3.3-.3.6s0 .5.3.6c.1.2.4.3.6.3Zm-3 4.3c2 0 4-.7 5.6-2.2a8.1 8.1 0 0 0 2.6-5.6c-.8-.4-1.5-.9-2-1.5-.5-.7-.8-1.4-.9-2.2A5.6 5.6 0 0 1 14 7c-.9-.9-1.4-2-1.6-3.4a8.3 8.3 0 0 0-8 5.3 8 8 0 0 0 1.8 8.8 8 8 0 0 0 5.9 2.4Z" }));
3
3
  export {
4
4
  t as default
5
5
  };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function n(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const c=n(r),o=e=>c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",...e},c.createElement("path",{fill:"currentColor",d:"M10.6 21.5a1 1 0 0 1-1-.9l-.3-2.1a4.6 4.6 0 0 1-1.6-1l-2 1c-.4.1-1 0-1.2-.5L3 15.5a1 1 0 0 1 .3-1.3L5 13a5 5 0 0 1 0-1.3V11L3.3 9.8A1 1 0 0 1 3 8.5L4.5 6a1 1 0 0 1 1.2-.4l2 .9a6.4 6.4 0 0 1 1.6-1l.3-2.1c0-.5.5-.9 1-.9h2.8c.5 0 1 .4 1 .9l.3 2.2a4.7 4.7 0 0 1 1.5.9l2-.9c.5-.2 1 0 1.3.4L21 8.5c.2.4 0 1-.3 1.3L18.9 11v.5a18.6 18.6 0 0 1 0 1.3l1.8 1.3c.4.3.5.9.2 1.3L19.5 18a1 1 0 0 1-1.3.4l-2-.9a6.5 6.5 0 0 1-1.5 1l-.3 2.1c0 .5-.5.9-1 .9h-2.8ZM11 20h2l.3-2.7a5.6 5.6 0 0 0 2.6-1.5l2.5 1 1-1.7-2.2-1.6.2-.7a6.3 6.3 0 0 0 0-1.6c0-.2 0-.4-.2-.7l2.2-1.7-1-1.7L16 8.3a5.3 5.3 0 0 0-2.6-1.5L13 4h-2l-.3 2.7A5.2 5.2 0 0 0 8 8.2l-2.5-1-1 1.6 2.2 1.7-.2.7a6.3 6.3 0 0 0 .2 2.3l-2.1 1.7 1 1.7L8 15.8a5.6 5.6 0 0 0 2.7 1.5L11 20Zm1-5c.8 0 1.6-.3 2.1-.9.6-.6 1-1.3 1-2.1s-.4-1.5-1-2.1c-.5-.6-1.3-.9-2-.9-1 0-1.6.3-2.2.9A3 3 0 0 0 9 12c0 .8.3 1.5.9 2.1.6.6 1.3.9 2.1.9Z"}));exports.default=o;
@@ -0,0 +1,5 @@
1
+ import * as l from "react";
2
+ const t = (a) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ...a }, /* @__PURE__ */ l.createElement("path", { fill: "currentColor", d: "M10.6 21.5a1 1 0 0 1-1-.9l-.3-2.1a4.6 4.6 0 0 1-1.6-1l-2 1c-.4.1-1 0-1.2-.5L3 15.5a1 1 0 0 1 .3-1.3L5 13a5 5 0 0 1 0-1.3V11L3.3 9.8A1 1 0 0 1 3 8.5L4.5 6a1 1 0 0 1 1.2-.4l2 .9a6.4 6.4 0 0 1 1.6-1l.3-2.1c0-.5.5-.9 1-.9h2.8c.5 0 1 .4 1 .9l.3 2.2a4.7 4.7 0 0 1 1.5.9l2-.9c.5-.2 1 0 1.3.4L21 8.5c.2.4 0 1-.3 1.3L18.9 11v.5a18.6 18.6 0 0 1 0 1.3l1.8 1.3c.4.3.5.9.2 1.3L19.5 18a1 1 0 0 1-1.3.4l-2-.9a6.5 6.5 0 0 1-1.5 1l-.3 2.1c0 .5-.5.9-1 .9h-2.8ZM11 20h2l.3-2.7a5.6 5.6 0 0 0 2.6-1.5l2.5 1 1-1.7-2.2-1.6.2-.7a6.3 6.3 0 0 0 0-1.6c0-.2 0-.4-.2-.7l2.2-1.7-1-1.7L16 8.3a5.3 5.3 0 0 0-2.6-1.5L13 4h-2l-.3 2.7A5.2 5.2 0 0 0 8 8.2l-2.5-1-1 1.6 2.2 1.7-.2.7a6.3 6.3 0 0 0 .2 2.3l-2.1 1.7 1 1.7L8 15.8a5.6 5.6 0 0 0 2.7 1.5L11 20Zm1-5c.8 0 1.6-.3 2.1-.9.6-.6 1-1.3 1-2.1s-.4-1.5-1-2.1c-.5-.6-1.3-.9-2-.9-1 0-1.6.3-2.2.9A3 3 0 0 0 9 12c0 .8.3 1.5.9 2.1.6.6 1.3.9 2.1.9Z" }));
3
+ export {
4
+ t as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=o(l),a=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",...e},n.createElement("path",{fill:"currentColor",d:"M16.6 11.5c0-1.5.7-2.6 2-3.4-.7-1-1.8-1.7-3.3-1.8-1.5-.1-3 .8-3.6.8-.6 0-2-.7-3-.7C6.3 6.4 4 8 4 11.7c0 1 .2 2.1.6 3.3.5 1.4 2.3 5 4.3 5 1 0 1.7-.7 3-.7s2 .7 3.1.7c2 0 3.6-3.3 4.1-4.8-2.6-1.2-2.5-3.6-2.5-3.7ZM14.4 5c1-1.3 1-2.5 1-2.9-1 0-2.2.7-2.8 1.4-.7.8-1.1 1.8-1 2.9 1 0 2-.5 2.8-1.4Z"}));exports.default=a;
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M16.6 11.5c0-1.5.7-2.6 2-3.4-.7-1-1.8-1.7-3.3-1.8-1.5-.1-3 .8-3.6.8-.6 0-2-.7-3-.7C6.3 6.4 4 8 4 11.7c0 1 .2 2.1.6 3.3.5 1.4 2.3 5 4.3 5 1 0 1.7-.7 3-.7s2 .7 3.1.7c2 0 3.6-3.3 4.1-4.8-2.6-1.2-2.5-3.6-2.5-3.7ZM14.4 5c1-1.3 1-2.5 1-2.9-1 0-2.2.7-2.8 1.4-.7.8-1.1 1.8-1 2.9 1 0 2-.5 2.8-1.4Z" }));
3
+ export {
4
+ l as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function c(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,n.get?n:{enumerable:!0,get:()=>e[l]})}}return a.default=e,Object.freeze(a)}const t=c(r),o=e=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...e},t.createElement("path",{fill:"#FBBC05",d:"M1 14.4 4.4 12a6 6 0 0 1 0-3.8L1 5.6a10 10 0 0 0 0 8.8Z"}),t.createElement("path",{fill:"#EA4335",d:"M4.4 8.1a5.9 5.9 0 0 1 9.3-2.7l2.9-2.9A10 10 0 0 0 1 5.5l3.4 2.6Z"}),t.createElement("path",{fill:"#34A853",d:"M10 20a10 10 0 0 1-9-5.6L4.4 12c.8 2.3 3 4 5.6 4 1.3 0 2.4-.3 3.3-.9l3.2 2.5A9.5 9.5 0 0 1 10 20Z"}),t.createElement("path",{fill:"#4285F4",d:"M10 8.2h9.3c.2.6.2 1.2.2 1.8a10 10 0 0 1-3 7.5L13.3 15c1-.6 1.8-1.6 2-3H10V8.2Z"}));exports.default=o;
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "#FBBC05", d: "M1 14.4 4.4 12a6 6 0 0 1 0-3.8L1 5.6a10 10 0 0 0 0 8.8Z" }), /* @__PURE__ */ e.createElement("path", { fill: "#EA4335", d: "M4.4 8.1a5.9 5.9 0 0 1 9.3-2.7l2.9-2.9A10 10 0 0 0 1 5.5l3.4 2.6Z" }), /* @__PURE__ */ e.createElement("path", { fill: "#34A853", d: "M10 20a10 10 0 0 1-9-5.6L4.4 12c.8 2.3 3 4 5.6 4 1.3 0 2.4-.3 3.3-.9l3.2 2.5A9.5 9.5 0 0 1 10 20Z" }), /* @__PURE__ */ e.createElement("path", { fill: "#4285F4", d: "M10 8.2h9.3c.2.6.2 1.2.2 1.8a10 10 0 0 1-3 7.5L13.3 15c1-.6 1.8-1.6 2-3H10V8.2Z" }));
3
+ export {
4
+ l as default
5
+ };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),W=require("../../node_modules/@gsap/react/src/index.cjs.js"),e=require("../../node_modules/gsap/index.cjs.js"),V=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),l=require("react"),A=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),U=require("../../components/Typography/Typography.cjs.js"),N=require("../../utils/cn/cn.cjs.js"),G=require("../../utils/debounce.cjs.js"),Y=require("../CallToAction/CallToAction.cjs.js"),a=require("./allInOne.module.css.cjs.js");e.gsap.registerPlugin(V.ScrollTrigger);const F=["health","energy","strength","smiles","balance","sleep","miles","love","fun","years"],{title1:J,title2:X,description:K,scrollLabels:q,images:L,subtitle:Q,titleTop:Z,scrollableLabels:ee,titleBottom:te,descriptionText:ie,hsaText:se,buttonText:ae,buttonLink:oe,backgroundImage:le}={subtitle:i.jsx("p",{children:"YOUR LONGEVITY JOURNEY"}),titleTop:i.jsx("p",{children:"Get more"}),scrollableLabels:F,titleBottom:i.jsx("p",{children:"out of life"}),description:"It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",hsaText:"Healthspan is HSA/FSA Eligible",buttonText:"JOIN NOW",buttonLink:"#",backgroundImage:"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg",title1:i.jsx("p",{children:"Unlimited access to"}),title2:i.jsxs("p",{children:["our ",i.jsx("b",{children:"team and tools"})]}),descriptionText:"Healthspan is the only digital clinic that offers all your longevity needs in a single subscription.",scrollLabels:["Advanced labwork analysis","Research analysis","Dedicated physicians","Advanced biomarker profiling","Personalized health tracking","In house bioavailability testing","Advanced longevity protocols"],images:["https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_1_729dd70cbe.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_2_3adf3d2087.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_3_62002f2bdc.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_4_e623019155.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_5_bd81db569b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_6_e9d432735b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_7_3c396d9385.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_8_ee8608b390.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg"]},re=()=>{const[C,I]=l.useState(!1),R=1300,x=l.useRef(null),c=l.useRef(null),f=l.useRef(null),h=l.useRef(null),m=l.useRef(null),p=l.useRef(null),v=l.useRef(!1),E=e.gsap.matchMedia();l.useEffect(()=>{v.current=C},[C]);const H=l.useCallback(()=>{if(!c.current||!x.current||!f.current||!h.current||!m.current||!p.current)return;const o=x.current,s=c.current,d=f.current,r=h.current,u=m.current,j=p.current,S=u.querySelectorAll("p");if(S.length===0)return;S.forEach((n,t)=>{n.style.zIndex=String(S.length-t)});const y=s.querySelectorAll('[data-type="image"]'),k=y.length;y.forEach((n,t)=>{n.style.zIndex=String(k-t)});const _=o.scrollHeight/k,O=.8;k>0&&y.forEach((n,t)=>{const T=t*_,b=(t+1)*_-O*_;console.log(`idx: ${t+1}, fadeStartPosition: ${T}, fadeEndPosition: ${b}`),e.gsap.fromTo([n,S[t]],{opacity:1},{opacity:0,scrollTrigger:{trigger:o,start:()=>`top+=${T} top`,end:()=>`top+=${b} top`,scrub:!0}})});const w=s.getBoundingClientRect(),P=d.getBoundingClientRect(),M=o.getBoundingClientRect();e.gsap.set(u,{y:`${w.bottom-M.top+20}px`}),E.add({isMobile:`(max-width: ${R-1}px)`,isDesktop:`(min-width: ${R}px)`},n=>{const t=n.conditions,T=t==null?void 0:t.isMobile;(t==null?void 0:t.isDesktop)&&(e.gsap.set(d,{x:`${w.left-P.width-50}px`}),e.gsap.set(r,{x:`${w.right+25}px`})),T&&(e.gsap.set(d,{top:`${w.top-r.clientHeight-25}px`}),e.gsap.set(r,{top:`${w.top-25}px`}))});const B=window.getComputedStyle(s).borderRadius;e.gsap.to(s,{scale:1,scrollTrigger:{trigger:o,start:"top top",end:"100% bottom",scrub:!0,onUpdate:n=>{if(!c.current||!p.current||!d||!r)return;const t=s.getBoundingClientRect();E.add({isMobile:`(max-width: ${R-1}px)`,isDesktop:`(min-width: ${R}px)`},b=>{const g=b.conditions,$=g==null?void 0:g.isMobile;(g==null?void 0:g.isDesktop)&&(e.gsap.set(d,{x:`${t.left-P.width-50}px`}),e.gsap.set(r,{x:`${t.right+25}px`})),$&&(e.gsap.set(d,{top:`${t.top-r.clientHeight-25}px`}),e.gsap.set(r,{top:`${t.top-25}px`}))}),e.gsap.set(u,{y:`${t.bottom+20}px`});const T=p.current.getBoundingClientRect();if(t.bottom+60>=T.top?e.gsap.to(j,{opacity:0,duration:.3}):e.gsap.to(j,{opacity:1,duration:.3}),n.progress>=.9)e.gsap.to(s,{borderRadius:0,duration:.3,ease:"power1.inOut"}),v.current||(v.current=!0,I(!0),e.gsap.to([y,u.querySelectorAll("p")],{opacity:0,duration:.8,delay:.2,ease:"power2.out",overwrite:!0}));else if(e.gsap.to(s,{borderRadius:B,duration:.3,ease:"power1.inOut"}),v.current){v.current=!1,I(!1),e.gsap.set(s,{borderRadius:B}),e.gsap.killTweensOf([y,u.querySelectorAll("p")]);const b=u.querySelectorAll("p");y.forEach((g,$)=>{const D=$*_,z=($+1)*_-O*_;e.gsap.fromTo([g,b[$]],{opacity:1},{opacity:0,scrollTrigger:{trigger:o,start:()=>`top+=${D} top`,end:()=>`top+=${z} top`,scrub:!0}})}),V.ScrollTrigger.refresh()}}}})},[c,f,h,m,p]);return W.useGSAP(()=>{if(!c.current||!x.current||!f.current||!h||!m.current||!p.current)return;const o=c.current,s=f.current,d=h.current,r=m.current,u=p.current;window.innerWidth<=R?e.gsap.set(o,{aspectRatio:`${window.innerWidth} / ${window.innerHeight}`,scale:.5}):e.gsap.set(o,{scale:.3,aspectRatio:`${window.innerWidth} / ${window.innerHeight}`}),H();const j=G.default(H,600);return window.addEventListener("resize",()=>{j()}),()=>{window.removeEventListener("resize",j),e.gsap.killTweensOf([o,r,s,d,u])}},{scope:x,dependencies:[x,c,f,h,m,H]}),i.jsx("div",{className:a.default.root,children:i.jsx("div",{ref:x,className:a.default.container,children:i.jsxs("div",{className:a.default.pillContainerWrapper,children:[i.jsxs("div",{ref:c,className:N.cn("pillContainer",a.default.pillContainer),children:[L==null?void 0:L.map((o,s)=>i.jsx("div",{className:a.default.imageBlock,"data-type":"image",style:{backgroundImage:`url(${o})`}},s)),i.jsx("div",{className:a.default.callToActionContainer,children:C&&i.jsx(Y.CallToAction,{subtitle:Q,titleTop:Z,scrollableLabels:ee,titleBottom:te,description:ie,hsaText:se,buttonText:ae,buttonLink:oe,backgroundImage:le})})]}),i.jsx("div",{ref:f,className:a.default.fixedHeader,children:i.jsx(A.HighlightedTitle,{className:a.default.title1,as:"div",defaultVariant:"displayXs",title:J})}),i.jsx("div",{ref:h,className:a.default.fixedHeader,children:i.jsx(A.HighlightedTitle,{className:a.default.title2,as:"div",defaultVariant:"displayXs",title:X})}),i.jsx("div",{ref:m,className:N.cn("scrollableLabels",a.default.scrollableLabels),children:q==null?void 0:q.map((o,s)=>i.jsx(U.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",className:a.default.scrollLabel,children:o},s))}),i.jsx("div",{ref:p,className:N.cn("description",a.default.description),children:i.jsx(A.HighlightedTitle,{as:"p",defaultVariant:"preambleMd",mobileVariant:"preambleSm",title:K,className:a.default.descriptionText})})]})})})};exports.AllInOne=re;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),W=require("../../node_modules/@gsap/react/src/index.cjs.js"),e=require("../../node_modules/gsap/index.cjs.js"),M=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),o=require("react"),A=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),U=require("../../components/Typography/Typography.cjs.js"),N=require("../../utils/cn/cn.cjs.js"),G=require("../../utils/debounce.cjs.js"),Y=require("../CallToAction/CallToAction.cjs.js"),a=require("./allInOne.module.css.cjs.js");e.gsap.registerPlugin(M.ScrollTrigger);const F=["health","energy","strength","smiles","balance","sleep","miles","love","fun","years"],{title1:J,title2:X,description:K,scrollLabels:q,images:L,subtitle:Q,titleTop:Z,scrollableLabels:ee,titleBottom:te,descriptionText:ie,hsaText:se,buttonText:ae,buttonLink:le,backgroundImage:oe}={subtitle:i.jsx("p",{children:"YOUR LONGEVITY JOURNEY"}),titleTop:i.jsx("p",{children:"Get more"}),scrollableLabels:F,titleBottom:i.jsx("p",{children:"out of life"}),description:"It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",hsaText:"Healthspan is HSA/FSA Eligible",buttonText:"JOIN NOW",buttonLink:"#",backgroundImage:"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg",title1:i.jsx("p",{children:"Unlimited access to"}),title2:i.jsxs("p",{children:["our ",i.jsx("b",{children:"team and tools"})]}),descriptionText:"Healthspan is the only digital clinic that offers all your longevity needs in a single subscription.",scrollLabels:["Advanced labwork analysis","Research analysis","Dedicated physicians","Advanced biomarker profiling","Personalized health tracking","In house bioavailability testing","Advanced longevity protocols"],images:["https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_1_729dd70cbe.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_2_3adf3d2087.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_3_62002f2bdc.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_4_e623019155.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_5_bd81db569b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_6_e9d432735b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_7_3c396d9385.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_8_ee8608b390.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg"]},re=()=>{const[C,I]=o.useState(!1),T=1300,b=o.useRef(null),c=o.useRef(null),f=o.useRef(null),h=o.useRef(null),m=o.useRef(null),p=o.useRef(null),R=o.useRef(!1),O=e.gsap.matchMedia();o.useEffect(()=>{R.current=C},[C]);const H=o.useCallback(()=>{if(!c.current||!b.current||!f.current||!h.current||!m.current||!p.current)return;const l=b.current,s=c.current,d=f.current,r=h.current,u=m.current,v=p.current,S=u.querySelectorAll("p");if(S.length===0)return;S.forEach((n,t)=>{n.style.zIndex=String(S.length-t)});const x=s.querySelectorAll('[data-type="image"]'),k=x.length;x.forEach((n,t)=>{n.style.zIndex=String(k-t)});const y=l.scrollHeight/k,E=.8;k>0&&x.forEach((n,t)=>{const w=t*y,_=(t+1)*y-E*y;e.gsap.fromTo([n,S[t]],{opacity:1},{opacity:0,scrollTrigger:{trigger:l,start:()=>`top+=${w} top`,end:()=>`top+=${_} top`,scrub:!0}})});const j=s.getBoundingClientRect(),B=d.getBoundingClientRect(),P=l.getBoundingClientRect();e.gsap.set(u,{y:`${j.bottom-P.top+20}px`}),O.add({isMobile:`(max-width: ${T-1}px)`,isDesktop:`(min-width: ${T}px)`},n=>{const t=n.conditions,w=t==null?void 0:t.isMobile;(t==null?void 0:t.isDesktop)&&(e.gsap.set(d,{x:`${j.left-B.width-50}px`}),e.gsap.set(r,{x:`${j.right+25}px`})),w&&(e.gsap.set(d,{top:`${j.top-r.clientHeight-25}px`}),e.gsap.set(r,{top:`${j.top-25}px`}))});const D=window.getComputedStyle(s).borderRadius;e.gsap.to(s,{scale:1,scrollTrigger:{trigger:l,start:"top top",end:"100% bottom",scrub:!0,onUpdate:n=>{if(!c.current||!p.current||!d||!r)return;const t=s.getBoundingClientRect();O.add({isMobile:`(max-width: ${T-1}px)`,isDesktop:`(min-width: ${T}px)`},_=>{const g=_.conditions,$=g==null?void 0:g.isMobile;(g==null?void 0:g.isDesktop)&&(e.gsap.set(d,{x:`${t.left-B.width-50}px`}),e.gsap.set(r,{x:`${t.right+25}px`})),$&&(e.gsap.set(d,{top:`${t.top-r.clientHeight-25}px`}),e.gsap.set(r,{top:`${t.top-25}px`}))}),e.gsap.set(u,{y:`${t.bottom+20}px`});const w=p.current.getBoundingClientRect();if(t.bottom+60>=w.top?e.gsap.to(v,{opacity:0,duration:.3}):e.gsap.to(v,{opacity:1,duration:.3}),n.progress>=.9)e.gsap.to(s,{scale:1,borderRadius:0,duration:.3,ease:"power1.inOut"}),R.current||(R.current=!0,I(!0),e.gsap.to([x,u.querySelectorAll("p")],{opacity:0,duration:.8,delay:.2,ease:"power2.out",overwrite:!0}));else if(e.gsap.to(s,{borderRadius:D,duration:.3,ease:"power1.inOut"}),R.current){R.current=!1,I(!1),e.gsap.set(s,{borderRadius:D}),e.gsap.killTweensOf([x,u.querySelectorAll("p")]);const _=u.querySelectorAll("p");x.forEach((g,$)=>{const V=$*y,z=($+1)*y-E*y;e.gsap.fromTo([g,_[$]],{opacity:1},{opacity:0,scrollTrigger:{trigger:l,start:()=>`top+=${V} top`,end:()=>`top+=${z} top`,scrub:!0}})}),M.ScrollTrigger.refresh()}}}})},[c,f,h,m,p]);return W.useGSAP(()=>{if(!c.current||!b.current||!f.current||!h||!m.current||!p.current)return;const l=c.current,s=f.current,d=h.current,r=m.current,u=p.current;window.innerWidth<=T?e.gsap.set(l,{aspectRatio:`${window.innerWidth} / ${window.innerHeight}`,scale:.5}):e.gsap.set(l,{scale:.3,aspectRatio:`${window.innerWidth} / ${window.innerHeight}`}),H();const v=G.default(H,600);return window.addEventListener("resize",()=>{v()}),()=>{window.removeEventListener("resize",v),e.gsap.killTweensOf([l,r,s,d,u])}},{scope:b,dependencies:[b,c,f,h,m,H]}),i.jsx("div",{className:a.default.root,children:i.jsx("div",{ref:b,className:a.default.container,children:i.jsxs("div",{className:a.default.pillContainerWrapper,children:[i.jsxs("div",{ref:c,className:N.cn("pillContainer",a.default.pillContainer),children:[L==null?void 0:L.map((l,s)=>i.jsx("div",{className:a.default.imageBlock,"data-type":"image",style:{backgroundImage:`url(${l})`}},s)),i.jsx("div",{className:a.default.callToActionContainer,children:C&&i.jsx(Y.CallToAction,{subtitle:Q,titleTop:Z,scrollableLabels:ee,titleBottom:te,description:ie,hsaText:se,buttonText:ae,buttonLink:le,backgroundImage:oe})})]}),i.jsx("div",{ref:f,className:a.default.fixedHeader,children:i.jsx(A.HighlightedTitle,{className:a.default.title1,as:"div",defaultVariant:"displayXs",title:J})}),i.jsx("div",{ref:h,className:a.default.fixedHeader,children:i.jsx(A.HighlightedTitle,{className:a.default.title2,as:"div",defaultVariant:"displayXs",title:X})}),i.jsx("div",{ref:m,className:N.cn("scrollableLabels",a.default.scrollableLabels),children:q==null?void 0:q.map((l,s)=>i.jsx(U.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",className:a.default.scrollLabel,children:l},s))}),i.jsx("div",{ref:p,className:N.cn("description",a.default.description),children:i.jsx(A.HighlightedTitle,{as:"p",defaultVariant:"preambleMd",mobileVariant:"preambleSm",title:K,className:a.default.descriptionText})})]})})})};exports.AllInOne=re;
@@ -1,9 +1,9 @@
1
1
  "use client";
2
- import { jsx as i, jsxs as j } from "react/jsx-runtime";
2
+ import { jsx as i, jsxs as E } from "react/jsx-runtime";
3
3
  import { useGSAP as U } from "../../node_modules/@gsap/react/src/index.es.js";
4
4
  import { gsap as e } from "../../node_modules/gsap/index.es.js";
5
5
  import { ScrollTrigger as W } from "../../node_modules/gsap/ScrollTrigger.es.js";
6
- import { useState as G, useRef as b, useEffect as Y, useCallback as F } from "react";
6
+ import { useState as G, useRef as g, useEffect as Y, useCallback as F } from "react";
7
7
  import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
8
8
  import { Typography as J } from "../../components/Typography/Typography.es.js";
9
9
  import { cn as L } from "../../utils/cn/cn.es.js";
@@ -26,15 +26,15 @@ const Q = [
26
26
  title1: Z,
27
27
  title2: ee,
28
28
  description: te,
29
- scrollLabels: E,
30
- images: I,
29
+ scrollLabels: I,
30
+ images: j,
31
31
  subtitle: ie,
32
32
  titleTop: oe,
33
33
  scrollableLabels: re,
34
34
  titleBottom: se,
35
35
  descriptionText: ae,
36
- hsaText: ne,
37
- buttonText: le,
36
+ hsaText: le,
37
+ buttonText: ne,
38
38
  buttonLink: ce,
39
39
  backgroundImage: pe
40
40
  } = {
@@ -46,9 +46,9 @@ const Q = [
46
46
  hsaText: "Healthspan is HSA/FSA Eligible",
47
47
  buttonText: "JOIN NOW",
48
48
  buttonLink: "#",
49
- backgroundImage: "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg",
49
+ backgroundImage: "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg",
50
50
  title1: /* @__PURE__ */ i("p", { children: "Unlimited access to" }),
51
- title2: /* @__PURE__ */ j("p", { children: [
51
+ title2: /* @__PURE__ */ E("p", { children: [
52
52
  "our ",
53
53
  /* @__PURE__ */ i("b", { children: "team and tools" })
54
54
  ] }),
@@ -71,66 +71,64 @@ const Q = [
71
71
  "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_6_e9d432735b.jpg",
72
72
  "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_7_3c396d9385.jpg",
73
73
  "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_8_ee8608b390.jpg",
74
- "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg"
74
+ "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg"
75
75
  ]
76
76
  }, Re = () => {
77
- const [k, B] = G(!1), w = 1300, y = b(null), l = b(null), f = b(null), u = b(null), h = b(null), c = b(null), R = b(!1), D = e.matchMedia();
77
+ const [k, B] = G(!1), _ = 1300, b = g(null), n = g(null), u = g(null), f = g(null), h = g(null), c = g(null), w = g(!1), D = e.matchMedia();
78
78
  Y(() => {
79
- R.current = k;
79
+ w.current = k;
80
80
  }, [k]);
81
81
  const H = F(() => {
82
- if (!l.current || !y.current || !f.current || !u.current || !h.current || !c.current)
82
+ if (!n.current || !b.current || !u.current || !f.current || !h.current || !c.current)
83
83
  return;
84
- const s = y.current, o = l.current, p = f.current, a = u.current, d = h.current, T = c.current, C = d.querySelectorAll("p");
85
- if (C.length === 0) return;
86
- C.forEach((n, t) => {
87
- n.style.zIndex = String(C.length - t);
84
+ const s = b.current, o = n.current, p = u.current, a = f.current, d = h.current, R = c.current, $ = d.querySelectorAll("p");
85
+ if ($.length === 0) return;
86
+ $.forEach((l, t) => {
87
+ l.style.zIndex = String($.length - t);
88
88
  });
89
- const x = o.querySelectorAll('[data-type="image"]'), A = x.length;
90
- x.forEach((n, t) => {
91
- n.style.zIndex = String(A - t);
89
+ const y = o.querySelectorAll('[data-type="image"]'), A = y.length;
90
+ y.forEach((l, t) => {
91
+ l.style.zIndex = String(A - t);
92
92
  });
93
- const v = s.scrollHeight / A, O = 0.8;
94
- A > 0 && x.forEach((n, t) => {
95
- const _ = t * v, g = (t + 1) * v - O * v;
96
- console.log(
97
- `idx: ${t + 1}, fadeStartPosition: ${_}, fadeEndPosition: ${g}`
98
- ), e.fromTo(
99
- [n, C[t]],
93
+ const x = s.scrollHeight / A, O = 0.8;
94
+ A > 0 && y.forEach((l, t) => {
95
+ const C = t * x, v = (t + 1) * x - O * x;
96
+ e.fromTo(
97
+ [l, $[t]],
100
98
  { opacity: 1 },
101
99
  {
102
100
  opacity: 0,
103
101
  scrollTrigger: {
104
102
  trigger: s,
105
- start: () => `top+=${_} top`,
106
- end: () => `top+=${g} top`,
103
+ start: () => `top+=${C} top`,
104
+ end: () => `top+=${v} top`,
107
105
  scrub: !0
108
106
  }
109
107
  }
110
108
  );
111
109
  });
112
- const $ = o.getBoundingClientRect(), P = p.getBoundingClientRect(), q = s.getBoundingClientRect();
110
+ const T = o.getBoundingClientRect(), V = p.getBoundingClientRect(), q = s.getBoundingClientRect();
113
111
  e.set(d, {
114
- y: `${$.bottom - q.top + 20}px`
112
+ y: `${T.bottom - q.top + 20}px`
115
113
  }), D.add(
116
114
  {
117
- isMobile: `(max-width: ${w - 1}px)`,
118
- isDesktop: `(min-width: ${w}px)`
115
+ isMobile: `(max-width: ${_ - 1}px)`,
116
+ isDesktop: `(min-width: ${_}px)`
119
117
  },
120
- (n) => {
121
- const t = n.conditions, _ = t == null ? void 0 : t.isMobile;
118
+ (l) => {
119
+ const t = l.conditions, C = t == null ? void 0 : t.isMobile;
122
120
  (t == null ? void 0 : t.isDesktop) && (e.set(p, {
123
- x: `${$.left - P.width - 50}px`
121
+ x: `${T.left - V.width - 50}px`
124
122
  }), e.set(a, {
125
- x: `${$.right + 25}px`
126
- })), _ && (e.set(p, {
127
- top: `${$.top - a.clientHeight - 25}px`
123
+ x: `${T.right + 25}px`
124
+ })), C && (e.set(p, {
125
+ top: `${T.top - a.clientHeight - 25}px`
128
126
  }), e.set(a, {
129
- top: `${$.top - 25}px`
127
+ top: `${T.top - 25}px`
130
128
  }));
131
129
  }
132
130
  );
133
- const V = window.getComputedStyle(o).borderRadius;
131
+ const M = window.getComputedStyle(o).borderRadius;
134
132
  e.to(o, {
135
133
  scale: 1,
136
134
  scrollTrigger: {
@@ -138,19 +136,19 @@ const Q = [
138
136
  start: "top top",
139
137
  end: "100% bottom",
140
138
  scrub: !0,
141
- onUpdate: (n) => {
142
- if (!l.current || !c.current || !p || !a)
139
+ onUpdate: (l) => {
140
+ if (!n.current || !c.current || !p || !a)
143
141
  return;
144
142
  const t = o.getBoundingClientRect();
145
143
  D.add(
146
144
  {
147
- isMobile: `(max-width: ${w - 1}px)`,
148
- isDesktop: `(min-width: ${w}px)`
145
+ isMobile: `(max-width: ${_ - 1}px)`,
146
+ isDesktop: `(min-width: ${_}px)`
149
147
  },
150
- (g) => {
151
- const m = g.conditions, S = m == null ? void 0 : m.isMobile;
148
+ (v) => {
149
+ const m = v.conditions, S = m == null ? void 0 : m.isMobile;
152
150
  (m == null ? void 0 : m.isDesktop) && (e.set(p, {
153
- x: `${t.left - P.width - 50}px`
151
+ x: `${t.left - V.width - 50}px`
154
152
  }), e.set(a, {
155
153
  x: `${t.right + 25}px`
156
154
  })), S && (e.set(p, {
@@ -162,13 +160,14 @@ const Q = [
162
160
  ), e.set(d, {
163
161
  y: `${t.bottom + 20}px`
164
162
  });
165
- const _ = c.current.getBoundingClientRect();
166
- if (t.bottom + 60 >= _.top ? e.to(T, { opacity: 0, duration: 0.3 }) : e.to(T, { opacity: 1, duration: 0.3 }), n.progress >= 0.9)
163
+ const C = c.current.getBoundingClientRect();
164
+ if (t.bottom + 60 >= C.top ? e.to(R, { opacity: 0, duration: 0.3 }) : e.to(R, { opacity: 1, duration: 0.3 }), l.progress >= 0.9)
167
165
  e.to(o, {
166
+ scale: 1,
168
167
  borderRadius: 0,
169
168
  duration: 0.3,
170
169
  ease: "power1.inOut"
171
- }), R.current || (R.current = !0, B(!0), e.to([x, d.querySelectorAll("p")], {
170
+ }), w.current || (w.current = !0, B(!0), e.to([y, d.querySelectorAll("p")], {
172
171
  opacity: 0,
173
172
  duration: 0.8,
174
173
  delay: 0.2,
@@ -176,22 +175,22 @@ const Q = [
176
175
  overwrite: !0
177
176
  }));
178
177
  else if (e.to(o, {
179
- borderRadius: V,
178
+ borderRadius: M,
180
179
  duration: 0.3,
181
180
  ease: "power1.inOut"
182
- }), R.current) {
183
- R.current = !1, B(!1), e.set(o, { borderRadius: V }), e.killTweensOf([x, d.querySelectorAll("p")]);
184
- const g = d.querySelectorAll("p");
185
- x.forEach((m, S) => {
186
- const M = S * v, z = (S + 1) * v - O * v;
181
+ }), w.current) {
182
+ w.current = !1, B(!1), e.set(o, { borderRadius: M }), e.killTweensOf([y, d.querySelectorAll("p")]);
183
+ const v = d.querySelectorAll("p");
184
+ y.forEach((m, S) => {
185
+ const P = S * x, z = (S + 1) * x - O * x;
187
186
  e.fromTo(
188
- [m, g[S]],
187
+ [m, v[S]],
189
188
  { opacity: 1 },
190
189
  {
191
190
  opacity: 0,
192
191
  scrollTrigger: {
193
192
  trigger: s,
194
- start: () => `top+=${M} top`,
193
+ start: () => `top+=${P} top`,
195
194
  end: () => `top+=${z} top`,
196
195
  scrub: !0
197
196
  }
@@ -202,40 +201,40 @@ const Q = [
202
201
  }
203
202
  }
204
203
  });
205
- }, [l, f, u, h, c]);
204
+ }, [n, u, f, h, c]);
206
205
  return U(
207
206
  () => {
208
- if (!l.current || !y.current || !f.current || !u || !h.current || !c.current)
207
+ if (!n.current || !b.current || !u.current || !f || !h.current || !c.current)
209
208
  return;
210
- const s = l.current, o = f.current, p = u.current, a = h.current, d = c.current;
211
- window.innerWidth <= w ? e.set(s, {
209
+ const s = n.current, o = u.current, p = f.current, a = h.current, d = c.current;
210
+ window.innerWidth <= _ ? e.set(s, {
212
211
  aspectRatio: `${window.innerWidth} / ${window.innerHeight}`,
213
212
  scale: 0.5
214
213
  }) : e.set(s, {
215
214
  scale: 0.3,
216
215
  aspectRatio: `${window.innerWidth} / ${window.innerHeight}`
217
216
  }), H();
218
- const T = X(H, 600);
217
+ const R = X(H, 600);
219
218
  return window.addEventListener("resize", () => {
220
- T();
219
+ R();
221
220
  }), () => {
222
- window.removeEventListener("resize", T), e.killTweensOf([s, a, o, p, d]);
221
+ window.removeEventListener("resize", R), e.killTweensOf([s, a, o, p, d]);
223
222
  };
224
223
  },
225
224
  {
226
- scope: y,
225
+ scope: b,
227
226
  dependencies: [
228
- y,
229
- l,
230
- f,
227
+ b,
228
+ n,
231
229
  u,
230
+ f,
232
231
  h,
233
232
  H
234
233
  ]
235
234
  }
236
- ), /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i("div", { ref: y, className: r.container, children: /* @__PURE__ */ j("div", { className: r.pillContainerWrapper, children: [
237
- /* @__PURE__ */ j("div", { ref: l, className: L("pillContainer", r.pillContainer), children: [
238
- I == null ? void 0 : I.map((s, o) => /* @__PURE__ */ i(
235
+ ), /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i("div", { ref: b, className: r.container, children: /* @__PURE__ */ E("div", { className: r.pillContainerWrapper, children: [
236
+ /* @__PURE__ */ E("div", { ref: n, className: L("pillContainer", r.pillContainer), children: [
237
+ j == null ? void 0 : j.map((s, o) => /* @__PURE__ */ i(
239
238
  "div",
240
239
  {
241
240
  className: r.imageBlock,
@@ -252,14 +251,14 @@ const Q = [
252
251
  scrollableLabels: re,
253
252
  titleBottom: se,
254
253
  description: ae,
255
- hsaText: ne,
256
- buttonText: le,
254
+ hsaText: le,
255
+ buttonText: ne,
257
256
  buttonLink: ce,
258
257
  backgroundImage: pe
259
258
  }
260
259
  ) })
261
260
  ] }),
262
- /* @__PURE__ */ i("div", { ref: f, className: r.fixedHeader, children: /* @__PURE__ */ i(
261
+ /* @__PURE__ */ i("div", { ref: u, className: r.fixedHeader, children: /* @__PURE__ */ i(
263
262
  N,
264
263
  {
265
264
  className: r.title1,
@@ -268,7 +267,7 @@ const Q = [
268
267
  title: Z
269
268
  }
270
269
  ) }),
271
- /* @__PURE__ */ i("div", { ref: u, className: r.fixedHeader, children: /* @__PURE__ */ i(
270
+ /* @__PURE__ */ i("div", { ref: f, className: r.fixedHeader, children: /* @__PURE__ */ i(
272
271
  N,
273
272
  {
274
273
  className: r.title2,
@@ -277,7 +276,7 @@ const Q = [
277
276
  title: ee
278
277
  }
279
278
  ) }),
280
- /* @__PURE__ */ i("div", { ref: h, className: L("scrollableLabels", r.scrollableLabels), children: E == null ? void 0 : E.map((s, o) => /* @__PURE__ */ i(
279
+ /* @__PURE__ */ i("div", { ref: h, className: L("scrollableLabels", r.scrollableLabels), children: I == null ? void 0 : I.map((s, o) => /* @__PURE__ */ i(
281
280
  J,
282
281
  {
283
282
  as: "p",
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),X=require("../../components/Button/Button.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),w=require("../../components/Icon/Icon.cjs.js"),M=require("../../components/Icon/constants.cjs.js"),x=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),z=require("../../node_modules/@gsap/react/src/index.cjs.js"),F=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),D=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(F.ScrollTrigger);const G=({subtitle:A,titleTop:E,scrollableLabels:j,titleBottom:P,description:C,hsaText:W,buttonText:k,buttonLink:f,backgroundImage:B})=>{const R=l.useRef(null),i=l.useRef(null),T=l.useRef(null),p=l.useRef(null),h=l.useRef(null),N=l.useRef(null),m=l.useRef(null),g=l.useRef(null),y=l.useRef(null);return z.useGSAP(()=>{var V,L,H;const o=(V=T.current)==null?void 0:V.querySelector("p"),u=(L=N.current)==null?void 0:L.querySelector("p"),$=[o,p.current,i.current,h.current,u,m.current,g.current,y.current].filter(Boolean);a.gsap.set($,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100}),a.gsap.to([o,p.current,i.current,h.current,u,m.current,g.current,y.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:1,stagger:{amount:1,from:"start"},scrollTrigger:{trigger:R.current,start:"top 80%",end:"+=500"}});const r=(H=i.current)==null?void 0:H.querySelector("ul");if(!r)return;const v=r.innerHTML;let s=null,q=!0;const _=()=>{s&&s.kill(),r.innerHTML=v,a.gsap.set(r,{y:0});const n=Array.from(r.querySelectorAll("li"));if(n.length<=1)return;const b=n[0].clientHeight;if(!b)return;a.gsap.set(i.current,{height:b,overflow:"hidden"});const I=Array.from(n);I.forEach(S=>{r.appendChild(S.cloneNode(!0))}),s=a.gsap.timeline({repeat:-1,delay:q?2.5:0,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((S,O)=>{s&&s.to({},{duration:2}).to(r,{y:`-${(O+1)*b}`,duration:.5,ease:"power1.inOut"})}),q=!1},c=D.default(_,200);return _(),window.addEventListener("resize",c),()=>{var n;window.removeEventListener("resize",c),(n=c.kill)==null||n.call(c),s&&s.kill(),r&&(r.innerHTML=v,a.gsap.set(r,{y:0}))}},[j]),e.jsxs("section",{ref:R,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${B})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:p,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:E})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:j.map((o,u)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(d.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:o})},u))})}),e.jsx("div",{ref:h,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(x.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:A})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(d.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(w.Icon,{name:M.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:m,children:e.jsx(d.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:C})}),e.jsx("div",{ref:g,className:t.default.buttonWrapper,children:f&&e.jsx(X.Button,{as:f?"a":"button",href:f,variant:"secondary",size:"lg",children:k})}),e.jsxs("div",{ref:y,className:t.default.hsaEligible,children:[e.jsx(w.Icon,{name:M.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(d.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:W})]})]})})]})]})};exports.CallToAction=G;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),G=require("../../components/Button/Button.cjs.js"),p=require("../../components/Typography/Typography.cjs.js"),A=require("../../components/Icon/Icon.cjs.js"),C=require("../../components/Icon/constants.cjs.js"),v=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),K=require("../../node_modules/@gsap/react/src/index.cjs.js"),M=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),J=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(M.ScrollTrigger);const Q=({subtitle:k,titleTop:P,scrollableLabels:R,titleBottom:B,description:W,hsaText:$,buttonText:O,buttonLink:g,backgroundImage:X})=>{const u=l.useRef(null),i=l.useRef(null),T=l.useRef(null),h=l.useRef(null),m=l.useRef(null),N=l.useRef(null),y=l.useRef(null),b=l.useRef(null),x=l.useRef(null);return K.useGSAP(()=>{var S,V,w;const d=u.current&&u.current.getBoundingClientRect().top<window.innerHeight*.8,f=(S=T.current)==null?void 0:S.querySelector("p"),q=(V=N.current)==null?void 0:V.querySelector("p"),z=[f,h.current,i.current,m.current,q,y.current,b.current,x.current].filter(Boolean);a.gsap.set(z,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100});const o=a.gsap.to([f,h.current,i.current,m.current,q,y.current,b.current,x.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:1,stagger:{amount:1,from:"start"},paused:!0});M.ScrollTrigger.create({trigger:u.current,start:"top 80%",end:"+=500",onEnter:()=>o.play(),onLeave:()=>o.reverse(),onEnterBack:()=>o.play(),onLeaveBack:()=>o.reverse()}),d&&a.gsap.delayedCall(.1,()=>{o.play()});const r=(w=i.current)==null?void 0:w.querySelector("ul");if(!r)return;const L=r.innerHTML;let n=null,_=!0;const H=()=>{n&&n.kill(),r.innerHTML=L,a.gsap.set(r,{y:0});const s=Array.from(r.querySelectorAll("li"));if(s.length<=1)return;const j=s[0].clientHeight;if(!j)return;a.gsap.set(i.current,{height:j,overflow:"hidden"});const I=Array.from(s);I.forEach(E=>{r.appendChild(E.cloneNode(!0))});const F=_&&!d?2.5:0;n=a.gsap.timeline({repeat:-1,delay:F,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((E,D)=>{n&&n.to({},{duration:2}).to(r,{y:`-${(D+1)*j}`,duration:.5,ease:"power1.inOut"})}),_=!1},c=J.default(H,200);return H(),window.addEventListener("resize",c),()=>{var s;window.removeEventListener("resize",c),(s=c.kill)==null||s.call(c),n&&n.kill(),r&&(r.innerHTML=L,a.gsap.set(r,{y:0}))}},[R]),e.jsxs("section",{ref:u,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${X})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:h,children:e.jsx(v.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:R.map((d,f)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(p.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:d})},f))})}),e.jsx("div",{ref:m,children:e.jsx(v.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:B})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(v.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:k})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(p.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(A.Icon,{name:C.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:y,children:e.jsx(p.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:W})}),e.jsx("div",{ref:b,className:t.default.buttonWrapper,children:g&&e.jsx(G.Button,{as:g?"a":"button",href:g,variant:"secondary",size:"lg",children:O})}),e.jsxs("div",{ref:x,className:t.default.hsaEligible,children:[e.jsx(A.Icon,{name:C.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(p.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:$})]})]})})]})]})};exports.CallToAction=Q;