@zenpatient-org/healthspan-marketing-ui 0.1.163 → 0.1.165

package/dist/components/StudyGridCard/StudyGridCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../utils/formatDate.cjs.js");require("../Icon/Icon.cjs.js");const l=require("../Icon/constants.cjs.js"),b=require("../Label/Label.cjs.js"),r=require("../TextButton/TextButton.cjs.js"),t=require("../Typography/Typography.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),a=require("./studyGridCard.module.css.cjs.js");function x(d){if(d.compressed===!0){const{title:n,link:s,image:o}=d;return e.jsxs("div",{className:i.cn(a.default.study,a.default.studyCompressed),children:[e.jsx("div",{className:i.cn(a.default.imagePart,a.default.imagePartCompressed),style:{backgroundImage:`url(${o})`}}),e.jsxs("div",{className:i.cn(a.default.dataPart,a.default.dataPartCompressed),children:[e.jsx(t.Typography,{className:i.cn(a.default.title,a.default.titleCompressed),defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(r.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:s,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(r.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:s,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})}else{const{title:n,link:s,image:o,inverted:f,date:u,label:c,readTime:h}=d;return e.jsxs("div",{className:a.default.study,"data-inverted":f,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:c&&e.jsx(b.Label,{...c})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(t.Typography,{className:a.default.date,defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:m.formatDate(u)}),e.jsx(t.Typography,{className:a.default.mobileDate,defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:m.formatDate(u,{year:"2-digit"}).replaceAll(" / ","/")}),e.jsxs(e.Fragment,{children:[e.jsx(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",align:"center",children:"•"}),e.jsxs(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[h," MIN READ"]})]})]}),e.jsx(t.Typography,{className:a.default.title,defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(r.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:s,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(r.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:s,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]})]})}}exports.StudyGridCard=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("../../utils/formatDate.cjs.js");require("../Icon/Icon.cjs.js");const r=require("../Icon/constants.cjs.js"),g=require("../Label/Label.cjs.js"),d=require("../TextButton/TextButton.cjs.js"),i=require("../Typography/Typography.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),b=require("../../types/analytics/analytics.cjs.js"),a=require("./studyGridCard.module.css.cjs.js");function x(t){const n=()=>{var s;if(t.trackingEvent){const l={event:t.trackingEvent,location:t.trackingLocation||"",type:b.EAnalyticsEventType.interaction,payload:{scienceCardTitle:t.title}};(s=window.eventBus)==null||s.emit("analytics",l)}};if(t.compressed===!0){const{title:s,link:l,image:c}=t;return e.jsxs("div",{className:o.cn(a.default.study,a.default.studyCompressed),children:[e.jsx("div",{className:o.cn(a.default.imagePart,a.default.imagePartCompressed),style:{backgroundImage:`url(${c})`}}),e.jsxs("div",{className:o.cn(a.default.dataPart,a.default.dataPartCompressed),children:[e.jsx(i.Typography,{className:o.cn(a.default.title,a.default.titleCompressed),defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:s}),e.jsxs("div",{className:a.default.button,children:[e.jsx(d.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:l,suffixIcon:r.EIconName.ARROW_FORWARD,onClick:n,children:"READ MORE"}),e.jsx(d.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:l,suffixIcon:r.EIconName.ARROW_FORWARD,onClick:n,children:"READ MORE"})]})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})}else{const{title:s,link:l,image:c,inverted:h,date:u,label:m,readTime:y}=t;return e.jsxs("div",{className:a.default.study,"data-inverted":h,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${c})`},children:m&&e.jsx(g.Label,{...m})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(i.Typography,{className:a.default.date,defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:f.formatDate(u)}),e.jsx(i.Typography,{className:a.default.mobileDate,defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:f.formatDate(u,{year:"2-digit"}).replaceAll(" / ","/")}),e.jsxs(e.Fragment,{children:[e.jsx(i.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",align:"center",children:"•"}),e.jsxs(i.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[y," MIN READ"]})]})]}),e.jsx(i.Typography,{className:a.default.title,defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:s}),e.jsxs("div",{className:a.default.button,children:[e.jsx(d.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:l,suffixIcon:r.EIconName.ARROW_FORWARD,onClick:n,children:"READ MORE"}),e.jsx(d.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:l,suffixIcon:r.EIconName.ARROW_FORWARD,onClick:n,children:"READ MORE"})]})]})]})}}exports.StudyGridCard=x;

package/dist/components/StudyGridCard/StudyGridCard.d.ts

@@ -1,10 +1,13 @@
 import { LabelProps } from '../Label';
+import { EAnalyticsEvent } from '../../types/analytics';
 
 export type CompressedStudyCardProps = {
     compressed: true;
     title: string;
     link: string;
     image: string;
+    trackingEvent?: EAnalyticsEvent.scienceCardClicked;
+    trackingLocation?: string;
 };
 export type CompleteStudyCardProps = {
     compressed?: false;
@@ -15,6 +18,8 @@ export type CompleteStudyCardProps = {
     label?: LabelProps;
     readTime: number;
     link: string;
+    trackingEvent?: EAnalyticsEvent.scienceCardClicked;
+    trackingLocation?: string;
 };
 export type StudyGridCardProps = CompressedStudyCardProps | CompleteStudyCardProps;
 export declare function StudyGridCard(props: StudyGridCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StudyGridCard/StudyGridCard.es.js

@@ -1,56 +1,74 @@
-import { jsxs as i, jsx as a, Fragment as R } from "react/jsx-runtime";
-import { formatDate as u } from "../../utils/formatDate.es.js";
+"use client";
+import { jsxs as i, jsx as a, Fragment as g } from "react/jsx-runtime";
+import { formatDate as f } from "../../utils/formatDate.es.js";
 import "../Icon/Icon.es.js";
-import { EIconName as r } from "../Icon/constants.es.js";
-import { Label as g } from "../Label/Label.es.js";
-import { TextButton as s } from "../TextButton/TextButton.es.js";
-import { Typography as l } from "../Typography/Typography.es.js";
-import { cn as m } from "../../utils/cn/cn.es.js";
+import { EIconName as m } from "../Icon/constants.es.js";
+import { Label as N } from "../Label/Label.es.js";
+import { TextButton as o } from "../TextButton/TextButton.es.js";
+import { Typography as n } from "../Typography/Typography.es.js";
+import { cn as d } from "../../utils/cn/cn.es.js";
+import { EAnalyticsEventType as v } from "../../types/analytics/analytics.es.js";
 import e from "./studyGridCard.module.css.es.js";
-function S(d) {
-  if (d.compressed === !0) {
-    const { title: o, link: t, image: n } = d;
-    return /* @__PURE__ */ i("div", { className: m(e.study, e.studyCompressed), children: [
+function x(t) {
+  const s = () => {
+    var r;
+    if (t.trackingEvent) {
+      const l = {
+        event: t.trackingEvent,
+        location: t.trackingLocation || "",
+        type: v.interaction,
+        payload: {
+          scienceCardTitle: t.title
+        }
+      };
+      (r = window.eventBus) == null || r.emit("analytics", l);
+    }
+  };
+  if (t.compressed === !0) {
+    const { title: r, link: l, image: c } = t;
+    return /* @__PURE__ */ i("div", { className: d(e.study, e.studyCompressed), children: [
       /* @__PURE__ */ a(
         "div",
         {
-          className: m(e.imagePart, e.imagePartCompressed),
-          style: { backgroundImage: `url(${n})` }
+          className: d(e.imagePart, e.imagePartCompressed),
+          style: { backgroundImage: `url(${c})` }
         }
       ),
-      /* @__PURE__ */ i("div", { className: m(e.dataPart, e.dataPartCompressed), children: [
+      /* @__PURE__ */ i("div", { className: d(e.dataPart, e.dataPartCompressed), children: [
         /* @__PURE__ */ a(
-          l,
+          n,
           {
-            className: m(e.title, e.titleCompressed),
+            className: d(e.title, e.titleCompressed),
             defaultVariant: "headingSm",
             mobileVariant: "bodySm",
             as: "h6",
-            children: o
+            children: r
           }
         ),
         /* @__PURE__ */ i("div", { className: e.button, children: [
           /* @__PURE__ */ a(
-            s,
+            o,
             {
               hideOn: "desktop",
               className: e.mobileButton,
               size: "sm",
               as: "a",
-              href: t,
-              suffixIcon: r.ARROW_FORWARD,
+              href: l,
+              suffixIcon: m.ARROW_FORWARD,
+              onClick: s,
               children: "READ MORE"
             }
           ),
           /* @__PURE__ */ a(
-            s,
+            o,
             {
               hideOn: "mobile",
               className: e.desktopButton,
               size: "lg",
               as: "a",
-              href: t,
-              suffixIcon: r.ARROW_FORWARD,
+              href: l,
+              suffixIcon: m.ARROW_FORWARD,
+              onClick: s,
               children: "READ MORE"
             }
           )
@@ -60,13 +78,13 @@ function S(d) {
       /* @__PURE__ */ a("div", { className: e.borderRight })
     ] });
   } else {
-    const { title: o, link: t, image: n, inverted: f, date: c, label: h, readTime: b } = d;
-    return /* @__PURE__ */ i("div", { className: e.study, "data-inverted": f, children: [
-      /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${n})` }, children: h && /* @__PURE__ */ a(g, { ...h }) }),
+    const { title: r, link: l, image: c, inverted: b, date: u, label: h, readTime: R } = t;
+    return /* @__PURE__ */ i("div", { className: e.study, "data-inverted": b, children: [
+      /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${c})` }, children: h && /* @__PURE__ */ a(N, { ...h }) }),
       /* @__PURE__ */ i("div", { className: e.dataPart, children: [
         /* @__PURE__ */ i("div", { className: e.info, children: [
           /* @__PURE__ */ a(
-            l,
+            n,
             {
               className: e.date,
               defaultVariant: "labelSm",
@@ -74,11 +92,11 @@ function S(d) {
               emphasis: !0,
               weight: "medium",
               color: "color-neutral-500",
-              children: u(c)
+              children: f(u)
             }
           ),
           /* @__PURE__ */ a(
-            l,
+            n,
             {
               className: e.mobileDate,
               defaultVariant: "labelSm",
@@ -86,12 +104,12 @@ function S(d) {
               emphasis: !0,
               weight: "medium",
               color: "color-neutral-500",
-              children: u(c, { year: "2-digit" }).replaceAll(" / ", "/")
+              children: f(u, { year: "2-digit" }).replaceAll(" / ", "/")
             }
           ),
-          /* @__PURE__ */ i(R, { children: [
+          /* @__PURE__ */ i(g, { children: [
             /* @__PURE__ */ a(
-              l,
+              n,
               {
                 defaultVariant: "labelSm",
                 mobileVariant: "labelXs",
@@ -103,7 +121,7 @@ function S(d) {
               }
             ),
             /* @__PURE__ */ i(
-              l,
+              n,
               {
                 defaultVariant: "labelSm",
                 mobileVariant: "labelXs",
@@ -111,36 +129,38 @@ function S(d) {
                 weight: "medium",
                 color: "color-neutral-500",
                 children: [
-                  b,
+                  R,
                   " MIN READ"
                 ]
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ a(l, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: o }),
+        /* @__PURE__ */ a(n, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: r }),
         /* @__PURE__ */ i("div", { className: e.button, children: [
           /* @__PURE__ */ a(
-            s,
+            o,
             {
               hideOn: "desktop",
               className: e.mobileButton,
               size: "sm",
               as: "a",
-              href: t,
-              suffixIcon: r.ARROW_FORWARD,
+              href: l,
+              suffixIcon: m.ARROW_FORWARD,
+              onClick: s,
               children: "READ MORE"
             }
           ),
           /* @__PURE__ */ a(
-            s,
+            o,
             {
               hideOn: "mobile",
               className: e.desktopButton,
               size: "lg",
               as: "a",
-              href: t,
-              suffixIcon: r.ARROW_FORWARD,
+              href: l,
+              suffixIcon: m.ARROW_FORWARD,
+              onClick: s,
               children: "READ MORE"
             }
           )
@@ -150,5 +170,5 @@ function S(d) {
   }
 }
 export {
-  S as StudyGridCard
+  x as StudyGridCard
 };