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

package/dist/modules/CallToAction/CallToAction.es.js

@@ -1,54 +1,55 @@
 "use client";
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useRef as l } from "react";
-import { Button as j } from "../../components/Button/Button.es.js";
-import { Typography as u } from "../../components/Typography/Typography.es.js";
-import { Icon as A } from "../../components/Icon/Icon.es.js";
-import { EIconName as I } from "../../components/Icon/constants.es.js";
-import { HighlightedTitle as v } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Button as K } from "../../components/Button/Button.es.js";
+import { Typography as f } from "../../components/Typography/Typography.es.js";
+import { Icon as W } from "../../components/Icon/Icon.es.js";
+import { EIconName as B } from "../../components/Icon/constants.es.js";
+import { HighlightedTitle as L } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { gsap as a } from "../../node_modules/gsap/index.es.js";
-import { useGSAP as $ } from "../../node_modules/@gsap/react/src/index.es.js";
-import { ScrollTrigger as D } from "../../node_modules/gsap/ScrollTrigger.es.js";
-import G from "../../utils/debounce.es.js";
+import { useGSAP as J } from "../../node_modules/@gsap/react/src/index.es.js";
+import { ScrollTrigger as q } from "../../node_modules/gsap/ScrollTrigger.es.js";
+import Q from "../../utils/debounce.es.js";
 import r from "./callToAction.module.css.es.js";
-a.registerPlugin(D);
-const ne = ({
-  subtitle: k,
-  titleTop: q,
-  scrollableLabels: R,
-  titleBottom: x,
-  description: X,
-  hsaText: _,
-  buttonText: z,
-  buttonLink: f,
-  backgroundImage: B
+a.registerPlugin(q);
+const ce = ({
+  subtitle: x,
+  titleTop: X,
+  scrollableLabels: V,
+  titleBottom: _,
+  description: z,
+  hsaText: F,
+  buttonText: O,
+  buttonLink: h,
+  backgroundImage: j
 }) => {
-  const V = l(null), o = l(null), L = l(null), p = l(null), h = l(null), T = l(null), b = l(null), g = l(null), y = l(null);
-  return $(() => {
-    var C, E, H;
-    const d = (C = L.current) == null ? void 0 : C.querySelector("p"), m = (E = T.current) == null ? void 0 : E.querySelector("p"), F = [
-      d,
-      p.current,
+  const u = l(null), o = l(null), w = l(null), y = l(null), b = l(null), S = l(null), g = l(null), v = l(null), N = l(null);
+  return J(() => {
+    var k, M, A;
+    const m = u.current && u.current.getBoundingClientRect().top < window.innerHeight * 0.8, p = (k = w.current) == null ? void 0 : k.querySelector("p"), T = (M = S.current) == null ? void 0 : M.querySelector("p"), D = [
+      p,
+      y.current,
       o.current,
-      h.current,
-      m,
       b.current,
+      T,
       g.current,
-      y.current
+      v.current,
+      N.current
     ].filter(Boolean);
-    a.set(F, {
+    a.set(D, {
       clipPath: "inset(0% 0% 100% 0%)",
       yPercent: 100
-    }), a.to(
+    });
+    const c = a.to(
       [
-        d,
-        p.current,
+        p,
+        y.current,
         o.current,
-        h.current,
-        m,
         b.current,
+        T,
         g.current,
-        y.current
+        v.current,
+        N.current
       ],
       {
         clipPath: "inset(0% 0% 0% 0%)",
@@ -60,106 +61,134 @@ const ne = ({
           amount: 1,
           from: "start"
         },
-        scrollTrigger: {
-          trigger: V.current,
-          start: "top center",
-          end: "+=500"
-        }
+        paused: !0
+        // Start paused, we'll control when it plays
       }
     );
-    const t = (H = o.current) == null ? void 0 : H.querySelector("ul");
+    q.create({
+      trigger: u.current,
+      start: "top 80%",
+      end: "+=500",
+      onEnter: () => c.play(),
+      onLeave: () => c.reverse(),
+      onEnterBack: () => c.play(),
+      onLeaveBack: () => c.reverse()
+    }), m && a.delayedCall(0.1, () => {
+      c.play();
+    });
+    const t = (A = o.current) == null ? void 0 : A.querySelector("ul");
     if (!t) return;
-    const w = t.innerHTML;
-    let i = null, S = !0;
-    const M = () => {
-      i && i.kill(), t.innerHTML = w, a.set(t, { y: 0 });
+    const C = t.innerHTML;
+    let i = null, E = !0;
+    const H = () => {
+      i && i.kill(), t.innerHTML = C, a.set(t, { y: 0 });
       const n = Array.from(t.querySelectorAll("li"));
       if (n.length <= 1) return;
-      const N = n[0].clientHeight;
-      if (!N) return;
-      a.set(o.current, { height: N, overflow: "hidden" });
-      const P = Array.from(n);
-      P.forEach((W) => {
-        t.appendChild(W.cloneNode(!0));
-      }), i = a.timeline({
+      const R = n[0].clientHeight;
+      if (!R) return;
+      a.set(o.current, { height: R, overflow: "hidden" });
+      const I = Array.from(n);
+      I.forEach((P) => {
+        t.appendChild(P.cloneNode(!0));
+      });
+      const $ = E && !m ? 2.5 : 0;
+      i = a.timeline({
         repeat: -1,
-        delay: S ? 2.5 : 0,
+        delay: $,
         onRepeat: () => {
           a.set(t, { y: 0 });
         }
-      }), P.forEach((W, O) => {
+      }), I.forEach((P, G) => {
         i && i.to({}, { duration: 2 }).to(t, {
-          y: `-${(O + 1) * N}`,
+          y: `-${(G + 1) * R}`,
           duration: 0.5,
           ease: "power1.inOut"
         });
-      }), S = !1;
-    }, c = G(M, 200);
-    return M(), window.addEventListener("resize", c), () => {
+      }), E = !1;
+    }, d = Q(H, 200);
+    return H(), window.addEventListener("resize", d), () => {
       var n;
-      window.removeEventListener("resize", c), (n = c.kill) == null || n.call(c), i && i.kill(), t && (t.innerHTML = w, a.set(t, { y: 0 }));
+      window.removeEventListener("resize", d), (n = d.kill) == null || n.call(d), i && i.kill(), t && (t.innerHTML = C, a.set(t, { y: 0 }));
     };
-  }, [R]), /* @__PURE__ */ s("section", { ref: V, className: r.root, children: [
-    /* @__PURE__ */ e("div", { className: r.backgroundImage, style: { backgroundImage: `url(${B})` } }),
+  }, [V]), /* @__PURE__ */ s("section", { ref: u, className: r.root, children: [
+    /* @__PURE__ */ e("div", { className: r.backgroundImage, style: { backgroundImage: `url(${j})` } }),
     /* @__PURE__ */ s("div", { className: r.container, children: [
       /* @__PURE__ */ e("div", { className: r.leftContent, children: /* @__PURE__ */ s("div", { className: r.content, children: [
-        /* @__PURE__ */ e("div", { ref: p, children: /* @__PURE__ */ e(
-          v,
+        /* @__PURE__ */ e("div", { ref: y, children: /* @__PURE__ */ e(
+          L,
           {
             defaultVariant: "displayXl",
             mobileVariant: "displayMd",
             as: "div",
             className: r.title,
-            title: q
+            title: X
           }
         ) }),
-        /* @__PURE__ */ e("div", { ref: o, className: r.scrollableLabelsWrapper, children: /* @__PURE__ */ e("ul", { className: r.scrollableLabels, children: R.map((d, m) => /* @__PURE__ */ e("li", { className: r.scrollableLabel, children: /* @__PURE__ */ e(u, { defaultVariant: "displayXl", mobileVariant: "displayMd", as: "span", children: d }) }, m)) }) }),
-        /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(
-          v,
+        /* @__PURE__ */ e("div", { ref: o, className: r.scrollableLabelsWrapper, children: /* @__PURE__ */ e("ul", { className: r.scrollableLabels, children: V.map((m, p) => /* @__PURE__ */ e("li", { className: r.scrollableLabel, children: /* @__PURE__ */ e(f, { defaultVariant: "displayXl", mobileVariant: "displayMd", as: "span", children: m }) }, p)) }) }),
+        /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(
+          L,
           {
             defaultVariant: "displayXl",
             mobileVariant: "displayMd",
             as: "div",
             className: r.title,
-            title: x
+            title: _
           }
         ) })
       ] }) }),
-      /* @__PURE__ */ e("div", { ref: L, className: r.subtitleWrapper, children: /* @__PURE__ */ e(
-        v,
+      /* @__PURE__ */ e("div", { ref: w, className: r.subtitleWrapper, children: /* @__PURE__ */ e(
+        L,
         {
           defaultVariant: "labelMd",
           mobileVariant: "labelSm",
           as: "div",
           className: r.subtitle,
-          title: k
+          title: x
         }
       ) }),
-      /* @__PURE__ */ e("div", { ref: T, className: r.arrowWrapper, children: /* @__PURE__ */ s(u, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: r.arrow, as: "p", children: [
+      /* @__PURE__ */ e("div", { ref: S, className: r.arrowWrapper, children: /* @__PURE__ */ s(f, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: r.arrow, as: "p", children: [
         "(",
-        /* @__PURE__ */ e(A, { name: I.ARROW_FORWARD }),
+        /* @__PURE__ */ e(W, { name: B.ARROW_FORWARD }),
         ")"
       ] }) }),
       /* @__PURE__ */ e("div", { className: r.rightContent, children: /* @__PURE__ */ s("div", { className: r.descriptionWrapper, children: [
-        /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(u, { defaultVariant: "bodyLg", mobileVariant: "bodyMd", className: r.description, children: X }) }),
-        /* @__PURE__ */ e("div", { ref: g, className: r.buttonWrapper, children: f && /* @__PURE__ */ e(
-          j,
+        /* @__PURE__ */ e("div", { ref: g, children: /* @__PURE__ */ e(
+          f,
+          {
+            as: "p",
+            defaultVariant: "bodyLg",
+            mobileVariant: "bodyMd",
+            className: r.description,
+            children: z
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { ref: v, className: r.buttonWrapper, children: h && /* @__PURE__ */ e(
+          K,
           {
-            as: f ? "a" : "button",
-            href: f,
+            as: h ? "a" : "button",
+            href: h,
             variant: "secondary",
             size: "lg",
-            children: z
+            children: O
           }
         ) }),
-        /* @__PURE__ */ s("div", { ref: y, className: r.hsaEligible, children: [
-          /* @__PURE__ */ e(A, { name: I.CIRCLE_CHECK_FILL, className: r.checkIcon }),
-          /* @__PURE__ */ e(u, { defaultVariant: "bodySm", mobileVariant: "bodySm", className: r.hsaText, children: _ })
+        /* @__PURE__ */ s("div", { ref: N, className: r.hsaEligible, children: [
+          /* @__PURE__ */ e(W, { name: B.CIRCLE_CHECK_FILL, className: r.checkIcon }),
+          /* @__PURE__ */ e(
+            f,
+            {
+              as: "p",
+              defaultVariant: "bodySm",
+              mobileVariant: "bodySm",
+              className: r.hsaText,
+              children: F
+            }
+          )
         ] })
       ] }) })
     ] })
   ] });
 };
 export {
-  ne as CallToAction
+  ce as CallToAction
 };

package/dist/modules/HSModal/HSModal.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./components/MailchimpModal/MailchimpModal.cjs.js"),r=require("./useHSModal.cjs.js"),d=require("./hsModal.module.css.cjs.js"),u=l=>{const{isOpen:a,closeModal:i,handleClick:n,handleOverlayClick:c}=r.useHSModal({id:l.id,initiallyOpen:l.initiallyOpen,trigger:l.trigger,onCloseCallback:l.onCloseCallback,onClickCallback:l.onClickCallback}),o=()=>{switch(l.type){case"mailchimp":return e.jsx(t.MailchimpModal,{...l,onCloseCallback:i,onClickCallback:n});default:return null}};return a?e.jsx("div",{className:d.default.overlay,onClick:c,children:o()}):null};exports.HSModal=u;

package/dist/modules/HSModal/HSModal.d.ts

@@ -0,0 +1,4 @@
+import { TMailchimpModal } from './types';
+
+export type HSModalProps = TMailchimpModal;
+export declare const HSModal: (props: HSModalProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { MailchimpModal as t } from "./components/MailchimpModal/MailchimpModal.es.js";
+import { useHSModal as r } from "./useHSModal.es.js";
+import C from "./hsModal.module.css.es.js";
+const u = (l) => {
+  const { isOpen: i, closeModal: a, handleClick: n, handleOverlayClick: o } = r({
+    id: l.id,
+    initiallyOpen: l.initiallyOpen,
+    trigger: l.trigger,
+    onCloseCallback: l.onCloseCallback,
+    onClickCallback: l.onClickCallback
+  }), c = () => {
+    switch (l.type) {
+      case "mailchimp":
+        return /* @__PURE__ */ e(t, { ...l, onCloseCallback: a, onClickCallback: n });
+      default:
+        return null;
+    }
+  };
+  return i ? /* @__PURE__ */ e("div", { className: C.overlay, onClick: o, children: c() }) : null;
+};
+export {
+  u as HSModal
+};

package/dist/modules/HSModal/components/MailchimpModal/MailchimpModal.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../../components/Typography/Typography.cjs.js"),s=require("../../../../utils/cn/cn.cjs.js"),y=require("./components/Newsletter/Newsletter.cjs.js"),a=require("./mailchimpModal.module.css.cjs.js"),f=({title:r,description:c,buttonText:d,image:n,layout:i="plain-column",colorScheme:t="light",onCloseCallback:o,onClickCallback:u,cancelButtonText:p="no, thanks",tags:m})=>{const h=g=>{g.stopPropagation()};return e.jsxs("div",{className:s.cn(a.default.contentWrapper,a.default[t]),"data-image-position":i,onClick:h,children:[e.jsxs("div",{className:s.cn(a.default.content,a.default[t]),children:[e.jsxs("div",{className:a.default.text,children:[e.jsx(l.Typography,{defaultVariant:"headingLg",children:r}),e.jsx(l.Typography,{defaultVariant:"bodySm",children:c})]}),e.jsx(y.Newsletter,{buttonText:d,cancelButtonText:p,colorScheme:t,onCloseCallback:o,onClickCallback:u,tags:m})]}),n&&i!=="plain-column"&&e.jsx("div",{className:a.default.imageWrapper,children:e.jsx("div",{style:{backgroundImage:`url(${n})`},className:a.default.image})})]})};exports.MailchimpModal=f;

package/dist/modules/HSModal/components/MailchimpModal/MailchimpModal.d.ts

@@ -0,0 +1,3 @@
+import { TMailchimpModal } from '../../types';
+
+export declare const MailchimpModal: ({ title, description, buttonText, image, layout, colorScheme, onCloseCallback, onClickCallback, cancelButtonText, tags, }: Omit<TMailchimpModal, "id" | "type">) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/HSModal/components/MailchimpModal/MailchimpModal.es.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { Typography as l } from "../../../../components/Typography/Typography.es.js";
+import { cn as o } from "../../../../utils/cn/cn.es.js";
+import { Newsletter as N } from "./components/Newsletter/Newsletter.es.js";
+import a from "./mailchimpModal.module.css.es.js";
+const b = ({
+  title: s,
+  description: m,
+  buttonText: c,
+  image: e,
+  layout: r = "plain-column",
+  colorScheme: n = "light",
+  onCloseCallback: d,
+  onClickCallback: p,
+  cancelButtonText: h = "no, thanks",
+  tags: g
+}) => {
+  const f = (u) => {
+    u.stopPropagation();
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: o(a.contentWrapper, a[n]),
+      "data-image-position": r,
+      onClick: f,
+      children: [
+        /* @__PURE__ */ t("div", { className: o(a.content, a[n]), children: [
+          /* @__PURE__ */ t("div", { className: a.text, children: [
+            /* @__PURE__ */ i(l, { defaultVariant: "headingLg", children: s }),
+            /* @__PURE__ */ i(l, { defaultVariant: "bodySm", children: m })
+          ] }),
+          /* @__PURE__ */ i(
+            N,
+            {
+              buttonText: c,
+              cancelButtonText: h,
+              colorScheme: n,
+              onCloseCallback: d,
+              onClickCallback: p,
+              tags: g
+            }
+          )
+        ] }),
+        e && r !== "plain-column" && /* @__PURE__ */ i("div", { className: a.imageWrapper, children: /* @__PURE__ */ i("div", { style: { backgroundImage: `url(${e})` }, className: a.image }) })
+      ]
+    }
+  );
+};
+export {
+  b as MailchimpModal
+};

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/Newsletter.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),_=require("../../../../../../components/TextInput/TextInput.cjs.js"),I=require("../../../../../../node_modules/react-mailchimp-subscribe/es/index.cjs.js"),B=require("../../../../../../utils/isValidEmail.cjs.js"),v=require("../../../../../../components/Button/Button.cjs.js"),x=require("./newsletter.module.css.cjs.js"),M=e=>`//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`,N=({status:e,message:o,subscribe:c,buttonText:l,colorScheme:d,onCloseCallback:r,cancelButtonText:m,onClickCallback:a})=>{const[i,f]=u.useState(""),[p,s]=u.useState(!1),[y,n]=u.useState(""),[j,g]=u.useState(!1),q=h=>{f(h.target.value),p&&(s(!1),n("")),g(h.target.value.length>0)},E=()=>{if(!i){s(!0),n("Please enter your email address");return}if(!B.isValidEmail(i)){s(!0),n("Please enter a valid email address");return}s(!1),n(""),c({EMAIL:i}),a==null||a()};u.useEffect(()=>{e==="success"&&(f(""),s(!1),n(""),g(!1),r==null||r()),e==="error"&&typeof o=="string"&&(s(!0),n("Subscription failed. Please try again."))},[e,o]);const S=d==="light"?"primary":"primary-invert",T=d==="light"?"primary":"primary-invert";return t.jsxs("div",{className:x.default.interface,children:[t.jsx(_.TextInput,{placeholder:"Email",variant:S,value:i,handleChange:q,error:p,errorText:y,active:j}),t.jsxs("div",{className:x.default.buttonContainer,children:[t.jsx(v.Button,{size:"md",variant:T,onClick:E,children:e==="sending"?"submitting…":l}),t.jsx(v.Button,{size:"md",variant:"ghost",onClick:r,children:m})]})]})},P=({buttonText:e,colorScheme:o,onCloseCallback:c,cancelButtonText:l,tags:d,onClickCallback:r})=>t.jsx(I.default,{url:M(d),render:({subscribe:m,status:a,message:i})=>t.jsx(N,{status:a,message:i,subscribe:m,buttonText:e,colorScheme:o,onCloseCallback:c,onClickCallback:r,cancelButtonText:l})});exports.Newsletter=P;

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/Newsletter.d.ts

@@ -0,0 +1,8 @@
+export declare const Newsletter: ({ buttonText, colorScheme, onCloseCallback, cancelButtonText, tags, onClickCallback, }: {
+    buttonText: string;
+    colorScheme: "light" | "dark";
+    onCloseCallback?: () => void;
+    cancelButtonText: string;
+    tags: string;
+    onClickCallback?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/Newsletter.es.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import { useState as u, useEffect as T } from "react";
+import { TextInput as V } from "../../../../../../components/TextInput/TextInput.es.js";
+import j from "../../../../../../node_modules/react-mailchimp-subscribe/es/index.es.js";
+import { isValidEmail as z } from "../../../../../../utils/isValidEmail.es.js";
+import { Button as y } from "../../../../../../components/Button/Button.es.js";
+import E from "./newsletter.module.css.es.js";
+const A = (e) => `//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`, b = ({
+  status: e,
+  message: m,
+  subscribe: f,
+  buttonText: d,
+  colorScheme: o,
+  onCloseCallback: r,
+  cancelButtonText: p,
+  onClickCallback: a
+}) => {
+  const [t, c] = u(""), [l, i] = u(!1), [x, s] = u(""), [M, h] = u(!1), I = (g) => {
+    c(g.target.value), l && (i(!1), s("")), h(g.target.value.length > 0);
+  }, N = () => {
+    if (!t) {
+      i(!0), s("Please enter your email address");
+      return;
+    }
+    if (!z(t)) {
+      i(!0), s("Please enter a valid email address");
+      return;
+    }
+    i(!1), s(""), f({
+      EMAIL: t
+    }), a == null || a();
+  };
+  T(() => {
+    e === "success" && (c(""), i(!1), s(""), h(!1), r == null || r()), e === "error" && typeof m == "string" && (i(!0), s("Subscription failed. Please try again."));
+  }, [e, m]);
+  const P = o === "light" ? "primary" : "primary-invert", S = o === "light" ? "primary" : "primary-invert";
+  return /* @__PURE__ */ v("div", { className: E.interface, children: [
+    /* @__PURE__ */ n(
+      V,
+      {
+        placeholder: "Email",
+        variant: P,
+        value: t,
+        handleChange: I,
+        error: l,
+        errorText: x,
+        active: M
+      }
+    ),
+    /* @__PURE__ */ v("div", { className: E.buttonContainer, children: [
+      /* @__PURE__ */ n(y, { size: "md", variant: S, onClick: N, children: e === "sending" ? "submitting…" : d }),
+      /* @__PURE__ */ n(y, { size: "md", variant: "ghost", onClick: r, children: p })
+    ] })
+  ] });
+}, q = ({
+  buttonText: e,
+  colorScheme: m,
+  onCloseCallback: f,
+  cancelButtonText: d,
+  tags: o,
+  onClickCallback: r
+}) => /* @__PURE__ */ n(
+  j,
+  {
+    url: A(o),
+    render: ({
+      subscribe: p,
+      status: a,
+      message: t
+    }) => /* @__PURE__ */ n(
+      b,
+      {
+        status: a,
+        message: t,
+        subscribe: p,
+        buttonText: e,
+        colorScheme: m,
+        onCloseCallback: f,
+        onClickCallback: r,
+        cancelButtonText: d
+      }
+    )
+  }
+);
+export {
+  q as Newsletter
+};

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/index.d.ts

@@ -0,0 +1 @@
+export { Newsletter } from './Newsletter';

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="newsletter-module__buttonContainer___Jn0WJ",t={interface:"newsletter-module__interface___dgwMa",buttonContainer:e};exports.buttonContainer=e;exports.default=t;

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css.es.js

@@ -0,0 +1,8 @@
+const t = "newsletter-module__buttonContainer___Jn0WJ", e = {
+  interface: "newsletter-module__interface___dgwMa",
+  buttonContainer: t
+};
+export {
+  t as buttonContainer,
+  e as default
+};

package/dist/modules/HSModal/components/MailchimpModal/components/index.d.ts

@@ -0,0 +1 @@
+export { Newsletter } from './Newsletter';

package/dist/modules/HSModal/components/MailchimpModal/index.d.ts

@@ -0,0 +1 @@
+export { MailchimpModal } from './MailchimpModal';

package/dist/modules/HSModal/components/MailchimpModal/mailchimpModal.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="mailchimpModal-module__overlay___peQPr",t="mailchimpModal-module__contentWrapper___HpcOd",a="mailchimpModal-module__light___-lF5m",o="mailchimpModal-module__dark___7FKcx",_="mailchimpModal-module__content___xscO6",l="mailchimpModal-module__imageWrapper___lBCUP",m="mailchimpModal-module__text___t5kPi",i="mailchimpModal-module__image___2R979",c={overlay:e,contentWrapper:t,light:a,dark:o,content:_,imageWrapper:l,text:m,image:i};exports.content=_;exports.contentWrapper=t;exports.dark=o;exports.default=c;exports.image=i;exports.imageWrapper=l;exports.light=a;exports.overlay=e;exports.text=m;

package/dist/modules/HSModal/components/MailchimpModal/mailchimpModal.module.css.es.js

@@ -0,0 +1,21 @@
+const _ = "mailchimpModal-module__overlay___peQPr", a = "mailchimpModal-module__contentWrapper___HpcOd", e = "mailchimpModal-module__light___-lF5m", o = "mailchimpModal-module__dark___7FKcx", l = "mailchimpModal-module__content___xscO6", t = "mailchimpModal-module__imageWrapper___lBCUP", m = "mailchimpModal-module__text___t5kPi", c = "mailchimpModal-module__image___2R979", i = {
+  overlay: _,
+  contentWrapper: a,
+  light: e,
+  dark: o,
+  content: l,
+  imageWrapper: t,
+  text: m,
+  image: c
+};
+export {
+  l as content,
+  a as contentWrapper,
+  o as dark,
+  i as default,
+  c as image,
+  t as imageWrapper,
+  e as light,
+  _ as overlay,
+  m as text
+};

package/dist/modules/HSModal/components/index.d.ts

@@ -0,0 +1 @@
+export { MailchimpModal } from './MailchimpModal';

package/dist/modules/HSModal/hsModal.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="hsModal-module__overlay___kdLCe",l={overlay:e};exports.default=l;exports.overlay=e;

package/dist/modules/HSModal/hsModal.module.css.es.js

@@ -0,0 +1,7 @@
+const e = "hsModal-module__overlay___kdLCe", o = {
+  overlay: e
+};
+export {
+  o as default,
+  e as overlay
+};

package/dist/modules/HSModal/index.d.ts

@@ -0,0 +1,3 @@
+export { HSModal } from './HSModal';
+export { useHSModal, shouldShowPopup, getDaysUntilNextShow } from './useHSModal';
+export type { TMailchimpModal, THSModal } from './types';

package/dist/modules/HSModal/types.d.ts

@@ -0,0 +1,23 @@
+type TimerTrigger = {
+    type: 'timer';
+    delay: number;
+};
+type THSModal = {
+    id: string;
+    title: string;
+    description: string;
+    buttonText: string;
+    trigger?: TimerTrigger;
+    layout?: 'plain-column' | 'header-image' | 'side-image';
+    cancelButtonText?: string;
+    colorScheme?: 'light' | 'dark';
+    image?: string;
+    onCloseCallback?: () => void;
+    onClickCallback?: () => void;
+    initiallyOpen?: boolean;
+};
+export type TMailchimpModal = THSModal & {
+    type: 'mailchimp';
+    tags: string;
+};
+export type { THSModal };

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

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

package/dist/modules/HSModal/useHSModal.d.ts

@@ -0,0 +1,20 @@
+export declare const shouldShowPopup: (id: string) => boolean;
+export declare const getDaysUntilNextShow: (id: string) => number;
+type UseHSModalProps = {
+    id: string;
+    initiallyOpen?: boolean;
+    trigger?: {
+        type: 'timer';
+        delay: number;
+    };
+    onCloseCallback?: () => void;
+    onClickCallback?: () => void;
+};
+export declare const useHSModal: ({ id, initiallyOpen, trigger, onCloseCallback, onClickCallback, }: UseHSModalProps) => {
+    isOpen: boolean;
+    openModal: () => void;
+    closeModal: () => void;
+    handleClick: () => void;
+    handleOverlayClick: (e: React.MouseEvent) => void;
+};
+export {};