@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.
- package/dist/components/Icon/constants.cjs.js +1 -1
- package/dist/components/Icon/constants.d.ts +6 -0
- package/dist/components/Icon/constants.es.js +7 -1
- package/dist/components/Icon/iconsMap.cjs.js +1 -1
- package/dist/components/Icon/iconsMap.es.js +122 -110
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/icons/action/invisible.svg.cjs.js +1 -0
- package/dist/icons/action/invisible.svg.es.js +5 -0
- package/dist/icons/action/profile.svg.cjs.js +1 -0
- package/dist/icons/action/profile.svg.es.js +5 -0
- package/dist/icons/action/visible.svg.cjs.js +1 -0
- package/dist/icons/action/visible.svg.es.js +5 -0
- package/dist/icons/global/cookie.svg.cjs.js +1 -1
- package/dist/icons/global/cookie.svg.es.js +2 -2
- package/dist/icons/global/settings.svg.cjs.js +1 -0
- package/dist/icons/global/settings.svg.es.js +5 -0
- package/dist/icons/social/apple.svg.cjs.js +1 -0
- package/dist/icons/social/apple.svg.es.js +5 -0
- package/dist/icons/social/google.svg.cjs.js +1 -0
- package/dist/icons/social/google.svg.es.js +5 -0
- package/dist/modules/AllInOne/AllInOne.cjs.js +1 -1
- package/dist/modules/AllInOne/AllInOne.es.js +76 -77
- package/dist/modules/CallToAction/CallToAction.cjs.js +1 -1
- package/dist/modules/CallToAction/CallToAction.es.js +97 -86
- package/dist/pageComponents/Bubbles/Bubbles.cjs.js +1 -1
- package/dist/pageComponents/Bubbles/Bubbles.es.js +13 -13
- package/dist/pageComponents/CallToActionDefault/CallToActionDefault.cjs.js +1 -1
- package/dist/pageComponents/CallToActionDefault/CallToActionDefault.es.js +1 -1
- 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
|
|
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
|
|
2
|
-
const t = (e) => /* @__PURE__ */
|
|
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"),
|
|
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
|
|
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
|
|
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:
|
|
30
|
-
images:
|
|
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:
|
|
37
|
-
buttonText:
|
|
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/
|
|
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__ */
|
|
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/
|
|
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),
|
|
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
|
-
|
|
79
|
+
w.current = k;
|
|
80
80
|
}, [k]);
|
|
81
81
|
const H = F(() => {
|
|
82
|
-
if (!
|
|
82
|
+
if (!n.current || !b.current || !u.current || !f.current || !h.current || !c.current)
|
|
83
83
|
return;
|
|
84
|
-
const s =
|
|
85
|
-
if (
|
|
86
|
-
|
|
87
|
-
|
|
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
|
|
90
|
-
|
|
91
|
-
|
|
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
|
|
94
|
-
A > 0 &&
|
|
95
|
-
const
|
|
96
|
-
|
|
97
|
-
|
|
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+=${
|
|
106
|
-
end: () => `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
|
|
110
|
+
const T = o.getBoundingClientRect(), V = p.getBoundingClientRect(), q = s.getBoundingClientRect();
|
|
113
111
|
e.set(d, {
|
|
114
|
-
y: `${
|
|
112
|
+
y: `${T.bottom - q.top + 20}px`
|
|
115
113
|
}), D.add(
|
|
116
114
|
{
|
|
117
|
-
isMobile: `(max-width: ${
|
|
118
|
-
isDesktop: `(min-width: ${
|
|
115
|
+
isMobile: `(max-width: ${_ - 1}px)`,
|
|
116
|
+
isDesktop: `(min-width: ${_}px)`
|
|
119
117
|
},
|
|
120
|
-
(
|
|
121
|
-
const t =
|
|
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: `${
|
|
121
|
+
x: `${T.left - V.width - 50}px`
|
|
124
122
|
}), e.set(a, {
|
|
125
|
-
x: `${
|
|
126
|
-
})),
|
|
127
|
-
top: `${
|
|
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: `${
|
|
127
|
+
top: `${T.top - 25}px`
|
|
130
128
|
}));
|
|
131
129
|
}
|
|
132
130
|
);
|
|
133
|
-
const
|
|
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: (
|
|
142
|
-
if (!
|
|
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: ${
|
|
148
|
-
isDesktop: `(min-width: ${
|
|
145
|
+
isMobile: `(max-width: ${_ - 1}px)`,
|
|
146
|
+
isDesktop: `(min-width: ${_}px)`
|
|
149
147
|
},
|
|
150
|
-
(
|
|
151
|
-
const m =
|
|
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 -
|
|
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
|
|
166
|
-
if (t.bottom + 60 >=
|
|
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
|
-
}),
|
|
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:
|
|
178
|
+
borderRadius: M,
|
|
180
179
|
duration: 0.3,
|
|
181
180
|
ease: "power1.inOut"
|
|
182
|
-
}),
|
|
183
|
-
|
|
184
|
-
const
|
|
185
|
-
|
|
186
|
-
const
|
|
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,
|
|
187
|
+
[m, v[S]],
|
|
189
188
|
{ opacity: 1 },
|
|
190
189
|
{
|
|
191
190
|
opacity: 0,
|
|
192
191
|
scrollTrigger: {
|
|
193
192
|
trigger: s,
|
|
194
|
-
start: () => `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
|
-
}, [
|
|
204
|
+
}, [n, u, f, h, c]);
|
|
206
205
|
return U(
|
|
207
206
|
() => {
|
|
208
|
-
if (!
|
|
207
|
+
if (!n.current || !b.current || !u.current || !f || !h.current || !c.current)
|
|
209
208
|
return;
|
|
210
|
-
const s =
|
|
211
|
-
window.innerWidth <=
|
|
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
|
|
217
|
+
const R = X(H, 600);
|
|
219
218
|
return window.addEventListener("resize", () => {
|
|
220
|
-
|
|
219
|
+
R();
|
|
221
220
|
}), () => {
|
|
222
|
-
window.removeEventListener("resize",
|
|
221
|
+
window.removeEventListener("resize", R), e.killTweensOf([s, a, o, p, d]);
|
|
223
222
|
};
|
|
224
223
|
},
|
|
225
224
|
{
|
|
226
|
-
scope:
|
|
225
|
+
scope: b,
|
|
227
226
|
dependencies: [
|
|
228
|
-
|
|
229
|
-
|
|
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:
|
|
237
|
-
/* @__PURE__ */
|
|
238
|
-
|
|
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:
|
|
256
|
-
buttonText:
|
|
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:
|
|
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:
|
|
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:
|
|
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"),
|
|
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;
|