@zenpatient-org/healthspan-marketing-ui 0.1.32 → 0.1.34

package/dist/components/ProductPairs/ProductPairs.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("../../node_modules/swiper/modules/navigation.cjs.js"),s=require("../../node_modules/swiper/swiper-react.cjs.js"),h=require("../../utils/useSwiper/useSwiper.cjs.js"),w=require("../ProgressButton/ProgressButton.cjs.js"),m=require("../ProductGalleryCard/ProductGalleryCard.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const r=require("./productPairs.module.css.cjs.js"),g=[P.default],q=({productCards:i})=>{const{isBeginning:l,isEnd:t,setIsEnd:n,handleSlideChange:a,handlePrevClick:o,handleNextClick:d,onSwiperInit:c,handleSwiperResize:u}=h.useSwiper();return e.jsxs("div",{className:r.default.root,children:[e.jsx("div",{className:r.default.carouselArea,children:e.jsx(s.Swiper,{onSwiper:c,onResize:u,onSlideChange:a,onReachEnd:()=>n(!0),modules:g,spaceBetween:0,slidesPerView:"auto",className:r.default.swiper,children:i.slice(0,2).map((p,S)=>e.jsx(s.SwiperSlide,{className:r.default.swiperSlide,children:e.jsx("div",{className:r.default.card,children:e.jsx(m.ProductGalleryCard,{...p,isHoverable:!1})})},S))})}),e.jsx("div",{className:r.default.swiperControlsMobile,children:e.jsx(w.ProgressButton,{left:{disabled:l,onClick:o},right:{disabled:t,onClick:d}})})]})};exports.ProductPairs=q;

package/dist/components/ProductPairs/ProductPairs.d.ts

@@ -0,0 +1,7 @@
+import { TProductGalleryCardView } from '../ProductGalleryCard';
+
+type ProductPairsProps = {
+    productCards: Array<TProductGalleryCardView>;
+};
+export declare const ProductPairs: ({ productCards }: ProductPairsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ProductPairs/ProductPairs.es.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import S from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as w, SwiperSlide as u } from "../../node_modules/swiper/swiper-react.es.js";
+import { useSwiper as f } from "../../utils/useSwiper/useSwiper.es.js";
+import { ProgressButton as C } from "../ProgressButton/ProgressButton.es.js";
+import { ProductGalleryCard as N } from "../ProductGalleryCard/ProductGalleryCard.es.js";
+/* empty css                                      */
+/* empty css                                                  */
+/* empty css                                                  */
+import i from "./productPairs.module.css.es.js";
+const g = [S], y = ({ productCards: r }) => {
+  const {
+    isBeginning: s,
+    isEnd: o,
+    setIsEnd: l,
+    handleSlideChange: n,
+    handlePrevClick: a,
+    handleNextClick: t,
+    onSwiperInit: d,
+    handleSwiperResize: c
+  } = f();
+  return /* @__PURE__ */ h("div", { className: i.root, children: [
+    /* @__PURE__ */ e("div", { className: i.carouselArea, children: /* @__PURE__ */ e(
+      w,
+      {
+        onSwiper: d,
+        onResize: c,
+        onSlideChange: n,
+        onReachEnd: () => l(!0),
+        modules: g,
+        spaceBetween: 0,
+        slidesPerView: "auto",
+        className: i.swiper,
+        children: r.slice(0, 2).map((m, p) => /* @__PURE__ */ e(u, { className: i.swiperSlide, children: /* @__PURE__ */ e("div", { className: i.card, children: /* @__PURE__ */ e(N, { ...m, isHoverable: !1 }) }) }, p))
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: i.swiperControlsMobile, children: /* @__PURE__ */ e(
+      C,
+      {
+        left: {
+          disabled: s,
+          onClick: a
+        },
+        right: {
+          disabled: o,
+          onClick: t
+        }
+      }
+    ) })
+  ] });
+};
+export {
+  y as ProductPairs
+};

package/dist/components/ProductPairs/index.d.ts

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

package/dist/components/ProductPairs/productPairs.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="productPairs-module__root___TubBM",e="productPairs-module__carouselArea___ukTIF",o="productPairs-module__swiper___uuzGb",s="productPairs-module__swiperControlsMobile___ar7DY",_="productPairs-module__swiperSlide___fblEe",i="productPairs-module__card___n47uN",l={root:r,carouselArea:e,swiper:o,swiperControlsMobile:s,swiperSlide:_,card:i};exports.card=i;exports.carouselArea=e;exports.default=l;exports.root=r;exports.swiper=o;exports.swiperControlsMobile=s;exports.swiperSlide=_;

package/dist/components/ProductPairs/productPairs.module.css.es.js

@@ -0,0 +1,17 @@
+const o = "productPairs-module__root___TubBM", r = "productPairs-module__carouselArea___ukTIF", e = "productPairs-module__swiper___uuzGb", s = "productPairs-module__swiperControlsMobile___ar7DY", _ = "productPairs-module__swiperSlide___fblEe", t = "productPairs-module__card___n47uN", i = {
+  root: o,
+  carouselArea: r,
+  swiper: e,
+  swiperControlsMobile: s,
+  swiperSlide: _,
+  card: t
+};
+export {
+  t as card,
+  r as carouselArea,
+  i as default,
+  o as root,
+  e as swiper,
+  s as swiperControlsMobile,
+  _ as swiperSlide
+};

package/dist/components/ProgramCard/ProgramCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../Typography/Typography.cjs.js"),l=require("./assets/program_card_bg.png.cjs.js"),o=require("./programCard.module.css.cjs.js"),g=a=>{if(a.type==="coming_soon")return{title:{label:a.label||"Coming Soon",variant:"headingLg",mobileVariant:"headingXxs"}};if(a.type==="active"){const{label:e,image:r,link:i}=a;return{title:{label:e,variant:"displayXs",mobileVariant:"headingSm"},image:r||l.default,link:i}}return null};function m(a){const e=g(a);if(!e)return null;const r=e.link?"a":"div";return t.jsx(r,{href:e.link||"",className:o.default.card,"data-type":a.type,style:{backgroundImage:e.image?`url(${e.image})`:void 0},children:t.jsx(n.Typography,{as:"p",defaultVariant:e.title.variant,mobileVariant:e.title.mobileVariant,children:e.title.label})})}exports.ProgramCard=m;

package/dist/components/ProgramCard/ProgramCard.d.ts

@@ -0,0 +1,13 @@
+type EmptyCardProps = {
+    type: 'coming_soon';
+    label?: string;
+};
+type CardProps = {
+    type: 'active';
+    label: string;
+    image?: string | null;
+    link?: string | null;
+};
+export type ProgramCardProps = EmptyCardProps | CardProps;
+export declare function ProgramCard(props: ProgramCardProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ProgramCard/ProgramCard.es.js

@@ -0,0 +1,48 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Typography as n } from "../Typography/Typography.es.js";
+import l from "./assets/program_card_bg.png.es.js";
+import m from "./programCard.module.css.es.js";
+const o = (i) => {
+  if (i.type === "coming_soon")
+    return {
+      title: {
+        label: i.label || "Coming Soon",
+        variant: "headingLg",
+        mobileVariant: "headingXxs"
+      }
+    };
+  if (i.type === "active") {
+    const { label: a, image: t, link: r } = i;
+    return {
+      title: {
+        label: a,
+        variant: "displayXs",
+        mobileVariant: "headingSm"
+      },
+      image: t || l,
+      link: r
+    };
+  }
+  return null;
+};
+function u(i) {
+  const a = o(i);
+  if (!a)
+    return null;
+  const t = a.link ? "a" : "div";
+  return /* @__PURE__ */ e(
+    t,
+    {
+      href: a.link || "",
+      className: m.card,
+      "data-type": i.type,
+      style: {
+        backgroundImage: a.image ? `url(${a.image})` : void 0
+      },
+      children: /* @__PURE__ */ e(n, { as: "p", defaultVariant: a.title.variant, mobileVariant: a.title.mobileVariant, children: a.title.label })
+    }
+  );
+}
+export {
+  u as ProgramCard
+};