@zenpatient-org/healthspan-marketing-ui 0.1.103 → 0.1.106

package/dist/modules/HSModal/useHSModal.es.js

@@ -0,0 +1,63 @@
+import { useState as i, useCallback as d, useEffect as a } from "react";
+const E = 7, _ = 24 * 60 * 60 * 1e3, v = (t) => {
+  try {
+    const o = localStorage.getItem(`popup_${t}_lastShown`);
+    if (!o)
+      return !0;
+    const e = parseInt(o, 10);
+    return ((/* @__PURE__ */ new Date()).getTime() - e) / _ >= E;
+  } catch (o) {
+    return console.warn("Error checking popup cooldown:", o), !0;
+  }
+}, T = ({
+  id: t,
+  initiallyOpen: o = !1,
+  trigger: e,
+  onCloseCallback: s,
+  onClickCallback: r
+}) => {
+  const [u, w] = i(o), p = d(() => {
+    v(t) && w(!0);
+  }, [t]), c = d(() => {
+    w(!1), s == null || s();
+  }, [s]), m = d(() => {
+    r == null || r();
+  }, [r]);
+  a(() => {
+    if ((e == null ? void 0 : e.type) === "timer" && !u) {
+      const n = setTimeout(() => {
+        p();
+      }, e.delay * 1e3);
+      return () => clearTimeout(n);
+    }
+  }, [e, u, p]), a(() => {
+    if (!u) return;
+    const n = (/* @__PURE__ */ new Date()).getTime();
+    localStorage.setItem(`popup_${t}_lastShown`, n.toString());
+    const f = window.getComputedStyle(document.body).overflow;
+    document.body.style.overflow = "hidden";
+    const S = (h) => {
+      h.key === "Escape" && c();
+    };
+    return document.addEventListener("keydown", S), () => {
+      document.body.style.overflow = f, document.removeEventListener("keydown", S);
+    };
+  }, [u, c, t]);
+  const y = d(
+    (n) => {
+      n.target === n.currentTarget && c();
+    },
+    [c]
+  );
+  return {
+    isOpen: u,
+    openModal: p,
+    closeModal: c,
+    handleClick: m,
+    handleOverlayClick: y
+  };
+};
+export {
+  v as shouldShowPopup,
+  T as useHSModal
+};

package/dist/pageComponents/Bubbles/Bubbles.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react"),d=require("../../utils/cn/cn.cjs.js"),r=require("./bubbles.module.css.cjs.js"),v=["xs","lg","md","md","xl","sm","sm","md","lg","md","xl","xl","xl"],w=({className:b})=>{const[n,f]=e.useState(!1),[c,m]=e.useState("forward"),[o,u]=e.useState(!1),l=e.useRef(null),a=e.useRef(0);return e.useEffect(()=>{const s=()=>{const t=window.scrollY;m(t>a.current?"forward":"reverse"),a.current=t};return window.addEventListener("scroll",s,{passive:!0}),()=>window.removeEventListener("scroll",s)},[]),e.useEffect(()=>{const s=new window.IntersectionObserver(([t])=>{f(t.isIntersecting)},{threshold:.5});return l.current&&s.observe(l.current),()=>s.disconnect()},[]),e.useEffect(()=>{n&&c==="forward"&&u(!0),n&&c==="reverse"&&u(!1)},[n,c]),i.jsx("section",{ref:l,className:d.cn(r.default.root,b),children:i.jsx("div",{className:r.default.container,children:v.map((s,t)=>i.jsx("div",{className:d.cn(r.default.bubble,o&&r.default.bubbleFinished,!o&&r.default.bubbleReverse),"data-size":s,"data-index":t},t))})})};exports.Bubbles=w;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),e=require("react"),d=require("../../utils/cn/cn.cjs.js"),r=require("./bubbles.module.css.cjs.js"),v=["xs","lg","md","md","xl","sm","sm","md","lg","md","xl","xl","xl"],w=({className:b})=>{const[n,f]=e.useState(!1),[c,m]=e.useState("forward"),[o,u]=e.useState(!1),i=e.useRef(null),a=e.useRef(0);return e.useEffect(()=>{const s=()=>{const t=window.scrollY;m(t>a.current?"forward":"reverse"),a.current=t};return window.addEventListener("scroll",s,{passive:!0}),()=>window.removeEventListener("scroll",s)},[]),e.useEffect(()=>{const s=new window.IntersectionObserver(([t])=>{f(t.isIntersecting)},{rootMargin:"0px 0px -20% 0px",threshold:.2});return i.current&&s.observe(i.current),()=>s.disconnect()},[]),e.useEffect(()=>{n&&c==="forward"&&u(!0),n&&c==="reverse"&&u(!1)},[n,c]),l.jsx("section",{ref:i,className:d.cn(r.default.root,b),children:l.jsx("div",{className:r.default.container,children:v.map((s,t)=>l.jsx("div",{className:d.cn(r.default.bubble,o&&r.default.bubbleFinished,!o&&r.default.bubbleReverse),"data-size":s,"data-index":t},t))})})};exports.Bubbles=w;

package/dist/pageComponents/Bubbles/Bubbles.es.js

@@ -2,37 +2,37 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useState as c, useRef as u, useEffect as l } from "react";
 import { cn as b } from "../../utils/cn/cn.es.js";
-import r from "./bubbles.module.css.es.js";
-const h = ["xs", "lg", "md", "md", "xl", "sm", "sm", "md", "lg", "md", "xl", "xl", "xl"], F = ({ className: f }) => {
+import s from "./bubbles.module.css.es.js";
+const p = ["xs", "lg", "md", "md", "xl", "sm", "sm", "md", "lg", "md", "xl", "xl", "xl"], F = ({ className: f }) => {
   const [t, v] = c(!1), [n, w] = c("forward"), [d, a] = c(!1), o = u(null), m = u(0);
   return l(() => {
     const e = () => {
-      const s = window.scrollY;
-      w(s > m.current ? "forward" : "reverse"), m.current = s;
+      const r = window.scrollY;
+      w(r > m.current ? "forward" : "reverse"), m.current = r;
     };
     return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
   }, []), l(() => {
     const e = new window.IntersectionObserver(
-      ([s]) => {
-        v(s.isIntersecting);
+      ([r]) => {
+        v(r.isIntersecting);
       },
-      { threshold: 0.5 }
+      { rootMargin: "0px 0px -20% 0px", threshold: 0.2 }
     );
     return o.current && e.observe(o.current), () => e.disconnect();
   }, []), l(() => {
     t && n === "forward" && a(!0), t && n === "reverse" && a(!1);
-  }, [t, n]), /* @__PURE__ */ i("section", { ref: o, className: b(r.root, f), children: /* @__PURE__ */ i("div", { className: r.container, children: h.map((e, s) => /* @__PURE__ */ i(
+  }, [t, n]), /* @__PURE__ */ i("section", { ref: o, className: b(s.root, f), children: /* @__PURE__ */ i("div", { className: s.container, children: p.map((e, r) => /* @__PURE__ */ i(
     "div",
     {
       className: b(
-        r.bubble,
-        d && r.bubbleFinished,
-        !d && r.bubbleReverse
+        s.bubble,
+        d && s.bubbleFinished,
+        !d && s.bubbleReverse
       ),
       "data-size": e,
-      "data-index": s
+      "data-index": r
     },
-    s
+    r
   )) }) });
 };
 export {

package/dist/pageComponents/CallToActionDefault/CallToActionDefault.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("../../modules/CallToAction/CallToAction.cjs.js"),o=["health","energy","strength","smiles","balance","sleep","miles","love","fun","years"],i=()=>{const e={subtitle:t.jsx("p",{children:"YOUR LONGEVITY JOURNEY"}),titleTop:t.jsx("p",{children:"Get more"}),scrollableLabels:o,titleBottom:t.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:"https://app.gethealthspan.com/#/get-started",backgroundImage:"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg"};return t.jsx(l.CallToAction,{...e})};exports.CallToActionDefault=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("../../modules/CallToAction/CallToAction.cjs.js"),o=["health","energy","strength","smiles","balance","sleep","miles","love","fun","years"],i=()=>{const e={subtitle:t.jsx("p",{children:"YOUR LONGEVITY JOURNEY"}),titleTop:t.jsx("p",{children:"Get more"}),scrollableLabels:o,titleBottom:t.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:"https://app.gethealthspan.com/#/get-started",backgroundImage:"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg"};return t.jsx(l.CallToAction,{...e})};exports.CallToActionDefault=i;

package/dist/pageComponents/CallToActionDefault/CallToActionDefault.es.js

@@ -21,7 +21,7 @@ const o = [
   buttonText: "JOIN NOW",
   // TODO: How to we make this not eventually break...
   buttonLink: "https://app.gethealthspan.com/#/get-started",
-  backgroundImage: "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg"
+  backgroundImage: "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg"
 } });
 export {
   s as CallToActionDefault

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.103",
+    "version": "0.1.106",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -536,6 +536,11 @@
             "import": "./dist/modules/ContentHighlight/ContentHighlight.es.js",
             "require": "./dist/modules/ContentHighlight/ContentHighlight.cjs.js"
         },
+        "./HSModal": {
+            "types": "./dist/modules/HSModal/HSModal.d.ts",
+            "import": "./dist/modules/HSModal/HSModal.es.js",
+            "require": "./dist/modules/HSModal/HSModal.cjs.js"
+        },
         "./Bubbles": {
             "types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
             "import": "./dist/pageComponents/Bubbles/Bubbles.es.js",