@zenpatient-org/healthspan-marketing-ui 0.2.48 → 0.2.49

package/dist/components/Icon/iconsMap.es.js

@@ -1,152 +1,158 @@
 import { EIconName as r } from "./constants.es.js";
 import o from "../../icons/action/alert-error-fill.svg.es.js";
 import m from "../../icons/action/alert-error.svg.es.js";
-import S from "../../icons/action/check.svg.es.js";
-import i from "../../icons/action/circle-check-fill.svg.es.js";
-import t from "../../icons/action/circle-check.svg.es.js";
-import p from "../../icons/action/close.svg.es.js";
-import g from "../../icons/action/bracket-left.svg.es.js";
-import v from "../../icons/action/bracket-right.svg.es.js";
-import f from "../../icons/action/help.svg.es.js";
-import R from "../../icons/action/info.svg.es.js";
-import A from "../../icons/action/menu.svg.es.js";
-import E from "../../icons/action/play.svg.es.js";
-import O from "../../icons/action/plus.svg.es.js";
-import C from "../../icons/action/remove.svg.es.js";
-import L from "../../icons/action/search.svg.es.js";
-import e from "../../icons/action/warning.svg.es.js";
-import l from "../../icons/action/visible.svg.es.js";
-import I from "../../icons/action/invisible.svg.es.js";
-import a from "../../icons/action/profile.svg.es.js";
-import _ from "../../icons/arrow/arrow-back.svg.es.js";
-import F from "../../icons/arrow/arrow-downward.svg.es.js";
-import N from "../../icons/arrow/arrow-forward.svg.es.js";
-import T from "../../icons/arrow/arrow-forward-thin.svg.es.js";
-import D from "../../icons/arrow/arrow-insert.svg.es.js";
-import n from "../../icons/arrow/arrow-outward.svg.es.js";
-import P from "../../icons/arrow/arrow-return.svg.es.js";
-import c from "../../icons/arrow/arrow-upward.svg.es.js";
-import H from "../../icons/arrow/chevron-back.svg.es.js";
-import s from "../../icons/arrow/chevron-down.svg.es.js";
-import B from "../../icons/arrow/chevron-forward.svg.es.js";
-import W from "../../icons/arrow/chevron-up.svg.es.js";
-import w from "../../icons/chat/message-fill.svg.es.js";
-import d from "../../icons/chat/message.svg.es.js";
-import k from "../../icons/eCommerce/calendar.svg.es.js";
-import K from "../../icons/eCommerce/cart.svg.es.js";
-import M from "../../icons/eCommerce/package-fill.svg.es.js";
-import h from "../../icons/eCommerce/package.svg.es.js";
-import G from "../../icons/faces/smile-fill.svg.es.js";
-import U from "../../icons/faces/smile.svg.es.js";
-import V from "../../icons/indicators/circle-dash-fill.svg.es.js";
-import u from "../../icons/indicators/circle-dash.svg.es.js";
-import b from "../../icons/global/pin-drop.svg.es.js";
-import y from "../../icons/global/filter.svg.es.js";
-import X from "../../icons/global/settings.svg.es.js";
-import Y from "../../icons/global/cookie.svg.es.js";
-import x from "../../icons/global/lock.svg.es.js";
-import z from "../../icons/global/lock-open.svg.es.js";
-import Z from "../../icons/global/speed.svg.es.js";
-import j from "../../icons/global/video.svg.es.js";
-import q from "../../icons/medical/coaching.svg.es.js";
-import J from "../../icons/medical/labs.svg.es.js";
-import Q from "../../icons/medical/myspan.svg.es.js";
-import $ from "../../icons/medical/optimizations.svg.es.js";
-import rr from "../../icons/medical/protocols.svg.es.js";
-import or from "../../icons/medical/ruler.svg.es.js";
-import mr from "../../icons/medical/scale.svg.es.js";
-import Sr from "../../icons/social/facebook.svg.es.js";
-import ir from "../../icons/social/heart-fill.svg.es.js";
-import tr from "../../icons/social/heart.svg.es.js";
-import pr from "../../icons/social/instagram.svg.es.js";
-import gr from "../../icons/social/star-fill.svg.es.js";
-import vr from "../../icons/social/star-half.svg.es.js";
-import fr from "../../icons/social/star-outline.svg.es.js";
-import Rr from "../../icons/social/star.svg.es.js";
-import Ar from "../../icons/social/x.svg.es.js";
-import Er from "../../icons/social/google.svg.es.js";
-import Or from "../../icons/social/apple.svg.es.js";
-import Cr from "../../icons/bold/arrow-bold.svg.es.js";
-import Lr from "../../icons/bold/close-bold.svg.es.js";
-import er from "../../icons/bold/dot-bold.svg.es.js";
-import lr from "../../icons/bold/plus-bold.svg.es.js";
-import Ir from "../../icons/social/linkedin.svg.es.js";
-import ar from "../../icons/action/dot.svg.es.js";
-const uo = {
+import S from "../../icons/action/alt-play.svg.es.js";
+import i from "../../icons/action/check.svg.es.js";
+import t from "../../icons/action/circle-check-fill.svg.es.js";
+import p from "../../icons/action/circle-check.svg.es.js";
+import g from "../../icons/action/close.svg.es.js";
+import v from "../../icons/action/bracket-left.svg.es.js";
+import f from "../../icons/action/bracket-right.svg.es.js";
+import R from "../../icons/action/help.svg.es.js";
+import A from "../../icons/action/info.svg.es.js";
+import E from "../../icons/action/menu.svg.es.js";
+import L from "../../icons/action/play.svg.es.js";
+import O from "../../icons/action/audio.svg.es.js";
+import e from "../../icons/action/mute.svg.es.js";
+import C from "../../icons/action/plus.svg.es.js";
+import l from "../../icons/action/remove.svg.es.js";
+import I from "../../icons/action/search.svg.es.js";
+import a from "../../icons/action/warning.svg.es.js";
+import _ from "../../icons/action/visible.svg.es.js";
+import T from "../../icons/action/invisible.svg.es.js";
+import F from "../../icons/action/profile.svg.es.js";
+import D from "../../icons/arrow/arrow-back.svg.es.js";
+import N from "../../icons/arrow/arrow-downward.svg.es.js";
+import P from "../../icons/arrow/arrow-forward.svg.es.js";
+import n from "../../icons/arrow/arrow-forward-thin.svg.es.js";
+import c from "../../icons/arrow/arrow-insert.svg.es.js";
+import H from "../../icons/arrow/arrow-outward.svg.es.js";
+import s from "../../icons/arrow/arrow-return.svg.es.js";
+import B from "../../icons/arrow/arrow-upward.svg.es.js";
+import W from "../../icons/arrow/chevron-back.svg.es.js";
+import w from "../../icons/arrow/chevron-down.svg.es.js";
+import M from "../../icons/arrow/chevron-forward.svg.es.js";
+import d from "../../icons/arrow/chevron-up.svg.es.js";
+import k from "../../icons/chat/message-fill.svg.es.js";
+import K from "../../icons/chat/message.svg.es.js";
+import h from "../../icons/eCommerce/calendar.svg.es.js";
+import U from "../../icons/eCommerce/cart.svg.es.js";
+import G from "../../icons/eCommerce/package-fill.svg.es.js";
+import V from "../../icons/eCommerce/package.svg.es.js";
+import u from "../../icons/faces/smile-fill.svg.es.js";
+import b from "../../icons/faces/smile.svg.es.js";
+import y from "../../icons/indicators/circle-dash-fill.svg.es.js";
+import Y from "../../icons/indicators/circle-dash.svg.es.js";
+import X from "../../icons/global/pin-drop.svg.es.js";
+import x from "../../icons/global/filter.svg.es.js";
+import z from "../../icons/global/settings.svg.es.js";
+import Z from "../../icons/global/cookie.svg.es.js";
+import j from "../../icons/global/lock.svg.es.js";
+import q from "../../icons/global/lock-open.svg.es.js";
+import J from "../../icons/global/speed.svg.es.js";
+import Q from "../../icons/global/video.svg.es.js";
+import $ from "../../icons/medical/coaching.svg.es.js";
+import rr from "../../icons/medical/labs.svg.es.js";
+import or from "../../icons/medical/myspan.svg.es.js";
+import mr from "../../icons/medical/optimizations.svg.es.js";
+import Sr from "../../icons/medical/protocols.svg.es.js";
+import ir from "../../icons/medical/ruler.svg.es.js";
+import tr from "../../icons/medical/scale.svg.es.js";
+import pr from "../../icons/social/facebook.svg.es.js";
+import gr from "../../icons/social/heart-fill.svg.es.js";
+import vr from "../../icons/social/heart.svg.es.js";
+import fr from "../../icons/social/instagram.svg.es.js";
+import Rr from "../../icons/social/star-fill.svg.es.js";
+import Ar from "../../icons/social/star-half.svg.es.js";
+import Er from "../../icons/social/star-outline.svg.es.js";
+import Lr from "../../icons/social/star.svg.es.js";
+import Or from "../../icons/social/x.svg.es.js";
+import er from "../../icons/social/google.svg.es.js";
+import Cr from "../../icons/social/apple.svg.es.js";
+import lr from "../../icons/bold/arrow-bold.svg.es.js";
+import Ir from "../../icons/bold/close-bold.svg.es.js";
+import ar from "../../icons/bold/dot-bold.svg.es.js";
+import _r from "../../icons/bold/plus-bold.svg.es.js";
+import Tr from "../../icons/social/linkedin.svg.es.js";
+import Fr from "../../icons/action/dot.svg.es.js";
+const zo = {
   [r.ALERT_ERROR_FILL]: o,
   [r.ALERT_ERROR]: m,
-  [r.CHECK]: S,
-  [r.CIRCLE_CHECK_FILL]: i,
-  [r.CIRCLE_CHECK]: t,
-  [r.CLOSE]: p,
-  [r.BRACKET_LEFT]: g,
-  [r.BRACKET_RIGHT]: v,
-  [r.HELP]: f,
-  [r.INFO]: R,
-  [r.MENU]: A,
-  [r.PLAY]: E,
-  [r.PLUS]: O,
-  [r.REMOVE]: C,
-  [r.SEARCH]: L,
-  [r.WARNING]: e,
-  [r.VISIBLE]: l,
-  [r.INVISIBLE]: I,
-  [r.PROFILE]: a,
-  [r.ARROW_BACK]: _,
-  [r.ARROW_DOWNWARD]: F,
-  [r.ARROW_FORWARD]: N,
-  [r.ARROW_FORWARD_THIN]: T,
-  [r.ARROW_INSERT]: D,
-  [r.ARROW_OUTWARD]: n,
-  [r.ARROW_RETURN]: P,
-  [r.ARROW_UPWARD]: c,
-  [r.CHEVRON_BACK]: H,
-  [r.CHEVRON_DOWN]: s,
-  [r.CHEVRON_FORWARD]: B,
-  [r.CHEVRON_UP]: W,
-  [r.MESSAGE_FILL]: w,
-  [r.MESSAGE]: d,
-  [r.CALENDAR]: k,
-  [r.CART]: K,
-  [r.PACKAGE_FILL]: M,
-  [r.PACKAGE]: h,
-  [r.SMILE_FILL]: G,
-  [r.SMILE]: U,
-  [r.CIRCLE_DASH_FILL]: V,
-  [r.CIRCLE_DASH]: u,
-  [r.PIN_DROP]: b,
-  [r.FILTER]: y,
-  [r.SETTINGS]: X,
-  [r.COOKIE]: Y,
-  [r.LOCK]: x,
-  [r.LOCK_OPEN]: z,
-  [r.SPEED]: Z,
-  [r.VIDEO]: j,
-  [r.COACHING]: q,
-  [r.LABS]: J,
-  [r.MYSPAN]: Q,
-  [r.OPTIMIZATIONS]: $,
-  [r.PROTOCOLS]: rr,
-  [r.RULER]: or,
-  [r.SCALE]: mr,
-  [r.FACEBOOK]: Sr,
-  [r.HEART_FILL]: ir,
-  [r.HEART]: tr,
-  [r.INSTAGRAM]: pr,
-  [r.STAR_FILL]: gr,
-  [r.STAR_HALF]: vr,
-  [r.STAR_OUTLINE]: fr,
-  [r.STAR]: Rr,
-  [r.X]: Ar,
-  [r.GOOGLE]: Er,
-  [r.APPLE]: Or,
-  [r.ARROW_BOLD]: Cr,
-  [r.CLOSE_BOLD]: Lr,
-  [r.DOT_BOLD]: er,
-  [r.PLUS_BOLD]: lr,
-  [r.LINKEDIN]: Ir,
-  [r.DOT]: ar
+  [r.ALT_PLAY]: S,
+  [r.AUDIO]: O,
+  [r.CHECK]: i,
+  [r.CIRCLE_CHECK_FILL]: t,
+  [r.CIRCLE_CHECK]: p,
+  [r.CLOSE]: g,
+  [r.BRACKET_LEFT]: v,
+  [r.BRACKET_RIGHT]: f,
+  [r.HELP]: R,
+  [r.INFO]: A,
+  [r.MENU]: E,
+  [r.MUTE]: e,
+  [r.PLAY]: L,
+  [r.PLUS]: C,
+  [r.REMOVE]: l,
+  [r.SEARCH]: I,
+  [r.WARNING]: a,
+  [r.VISIBLE]: _,
+  [r.INVISIBLE]: T,
+  [r.PROFILE]: F,
+  [r.ARROW_BACK]: D,
+  [r.ARROW_DOWNWARD]: N,
+  [r.ARROW_FORWARD]: P,
+  [r.ARROW_FORWARD_THIN]: n,
+  [r.ARROW_INSERT]: c,
+  [r.ARROW_OUTWARD]: H,
+  [r.ARROW_RETURN]: s,
+  [r.ARROW_UPWARD]: B,
+  [r.CHEVRON_BACK]: W,
+  [r.CHEVRON_DOWN]: w,
+  [r.CHEVRON_FORWARD]: M,
+  [r.CHEVRON_UP]: d,
+  [r.MESSAGE_FILL]: k,
+  [r.MESSAGE]: K,
+  [r.CALENDAR]: h,
+  [r.CART]: U,
+  [r.PACKAGE_FILL]: G,
+  [r.PACKAGE]: V,
+  [r.SMILE_FILL]: u,
+  [r.SMILE]: b,
+  [r.CIRCLE_DASH_FILL]: y,
+  [r.CIRCLE_DASH]: Y,
+  [r.PIN_DROP]: X,
+  [r.FILTER]: x,
+  [r.SETTINGS]: z,
+  [r.COOKIE]: Z,
+  [r.LOCK]: j,
+  [r.LOCK_OPEN]: q,
+  [r.SPEED]: J,
+  [r.VIDEO]: Q,
+  [r.COACHING]: $,
+  [r.LABS]: rr,
+  [r.MYSPAN]: or,
+  [r.OPTIMIZATIONS]: mr,
+  [r.PROTOCOLS]: Sr,
+  [r.RULER]: ir,
+  [r.SCALE]: tr,
+  [r.FACEBOOK]: pr,
+  [r.HEART_FILL]: gr,
+  [r.HEART]: vr,
+  [r.INSTAGRAM]: fr,
+  [r.STAR_FILL]: Rr,
+  [r.STAR_HALF]: Ar,
+  [r.STAR_OUTLINE]: Er,
+  [r.STAR]: Lr,
+  [r.X]: Or,
+  [r.GOOGLE]: er,
+  [r.APPLE]: Cr,
+  [r.ARROW_BOLD]: lr,
+  [r.CLOSE_BOLD]: Ir,
+  [r.DOT_BOLD]: ar,
+  [r.PLUS_BOLD]: _r,
+  [r.LINKEDIN]: Tr,
+  [r.DOT]: Fr
 };
 export {
-  uo as ICON_COMPONENTS
+  zo as ICON_COMPONENTS
 };

package/dist/icons/action/alt-play.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="54" viewBox="0 0 40 54" fill="none">
+  <path d="M6.21159 53.0793L37.7043 30.0741C39.8407 28.5134 39.8407 25.325 37.7043 23.7643L6.21159 0.759091C3.63011 -1.12667 0 0.717069 0 3.91396V49.9244C0 53.1213 3.63011 54.965 6.21159 53.0793Z" fill="white"/>
+</svg>

package/dist/icons/action/alt-play.svg.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react");function a(e){const n=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(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=a(o),c=e=>l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:54,viewBox:"0 0 40 54",fill:"none",...e},l.createElement("path",{d:"M6.21159 53.0793L37.7043 30.0741C39.8407 28.5134 39.8407 25.325 37.7043 23.7643L6.21159 0.759091C3.63011 -1.12667 0 0.717069 0 3.91396V49.9244C0 53.1213 3.63011 54.965 6.21159 53.0793Z",fill:"white"}));exports.default=c;

package/dist/icons/action/alt-play.svg.es.js

@@ -0,0 +1,5 @@
+import * as t from "react";
+const l = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 54, viewBox: "0 0 40 54", fill: "none", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M6.21159 53.0793L37.7043 30.0741C39.8407 28.5134 39.8407 25.325 37.7043 23.7643L6.21159 0.759091C3.63011 -1.12667 0 0.717069 0 3.91396V49.9244C0 53.1213 3.63011 54.965 6.21159 53.0793Z", fill: "white" }));
+export {
+  l as default
+};

package/dist/icons/action/audio.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 93 93">
+  <!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: none;
+        stroke: #81b1e2;
+        stroke-width: 4px;
+      }
+    </style>
+  </defs>
+  <path class="st0" d="M47.7,67.7l-13.3-13.3h-8.5v-15.2h8.5l13.3-13.3v41.7Z"/>
+  <path class="st0" d="M58.8,37.8c5,5,5,13.1,0,18"/>
+</svg>

package/dist/icons/action/audio.svg.cjs.js

@@ -0,0 +1,7 @@
+"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 n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(l,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return l.default=e,Object.freeze(l)}const t=c(a),s=e=>t.createElement("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 93 93",...e},t.createElement("defs",null,t.createElement("style",null,`
+      .st0 {
+        fill: none;
+        stroke: #81b1e2;
+        stroke-width: 4px;
+      }
+    `)),t.createElement("path",{className:"st0",d:"M47.7,67.7l-13.3-13.3h-8.5v-15.2h8.5l13.3-13.3v41.7Z"}),t.createElement("path",{className:"st0",d:"M58.8,37.8c5,5,5,13.1,0,18"}));exports.default=s;

package/dist/icons/action/audio.svg.es.js

@@ -0,0 +1,11 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 93 93", ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
+      .st0 {
+        fill: none;
+        stroke: #81b1e2;
+        stroke-width: 4px;
+      }
+    `)), /* @__PURE__ */ e.createElement("path", { className: "st0", d: "M47.7,67.7l-13.3-13.3h-8.5v-15.2h8.5l13.3-13.3v41.7Z" }), /* @__PURE__ */ e.createElement("path", { className: "st0", d: "M58.8,37.8c5,5,5,13.1,0,18" }));
+export {
+  l as default
+};

package/dist/icons/action/mute.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 93 93">
+  <!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: none;
+        stroke: #81b1e2;
+        stroke-width: 4px;
+      }
+    </style>
+  </defs>
+  <path class="st0" d="M47.7,67.7l-13.3-13.3h-8.5v-15.2h8.5l13.3-13.3v41.7Z"/>
+  <path class="st0" d="M57.5,54.3l15-15"/>
+  <path class="st0" d="M57.5,39.3l15,15"/>
+</svg>

package/dist/icons/action/mute.svg.cjs.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function s(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(l,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return l.default=e,Object.freeze(l)}const t=s(r),c=e=>t.createElement("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 93 93",...e},t.createElement("defs",null,t.createElement("style",null,`
+      .st0 {
+        fill: none;
+        stroke: #81b1e2;
+        stroke-width: 4px;
+      }
+    `)),t.createElement("path",{className:"st0",d:"M47.7,67.7l-13.3-13.3h-8.5v-15.2h8.5l13.3-13.3v41.7Z"}),t.createElement("path",{className:"st0",d:"M57.5,54.3l15-15"}),t.createElement("path",{className:"st0",d:"M57.5,39.3l15,15"}));exports.default=c;

package/dist/icons/action/mute.svg.es.js

@@ -0,0 +1,11 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 93 93", ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
+      .st0 {
+        fill: none;
+        stroke: #81b1e2;
+        stroke-width: 4px;
+      }
+    `)), /* @__PURE__ */ e.createElement("path", { className: "st0", d: "M47.7,67.7l-13.3-13.3h-8.5v-15.2h8.5l13.3-13.3v41.7Z" }), /* @__PURE__ */ e.createElement("path", { className: "st0", d: "M57.5,54.3l15-15" }), /* @__PURE__ */ e.createElement("path", { className: "st0", d: "M57.5,39.3l15,15" }));
+export {
+  l as default
+};

package/dist/lib/useSwiper.d.ts

@@ -8,6 +8,7 @@ export type BaseSwiperReturnProps = {
     setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
     isEnd: boolean;
     isBeginning: boolean;
+    isLocked: boolean;
     setIsBeginning: React.Dispatch<React.SetStateAction<boolean>>;
     setIsEnd: React.Dispatch<React.SetStateAction<boolean>>;
     handleReachEnd: () => void;

package/dist/modules/IndividualProductCardV2/IndividualProductCardV2.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../types/analytics/analytics.cjs.js"),P=require("../../utils/cn/cn.cjs.js"),i=require("../../src/modules/IndividualProductCardV2/individualProductCardV2.module.css"),G=require("../../components/ImageGallery/ImageGallery.cjs.js"),_=require("../../components/RatingPreview/RatingPreview.cjs.js"),u=require("../../components/Typography/Typography.cjs.js"),I=require("../IndividualProductCard/components/Features/Features.cjs.js"),D=require("../../components/PlainFeaturesGroup/PlainFeaturesGroup.cjs.js"),V=require("../../components/PriceDisplay/PriceDisplay.cjs.js"),F=require("../IndividualProductCard/components/PlanCard/PlanCard.cjs.js"),k=require("../../components/Button/Button.cjs.js"),R=require("../../components/Quote/Quote.cjs.js"),B=t=>{const{zenpatientId:p,signupUrl:c,name:S,description:q,label:f,images:N,features:T,quote:y,featuresGroup:m,ratingPreview:v,view:r,button:a}=t,n=r==="plans_list"?t.plans:void 0,E=n&&n.length>0,h=r==="plans_list"?t.selectedPlanId:void 0,o=n==null?void 0:n.find(s=>s.id===h),g=o?`${(a==null?void 0:a.link)||c}?defaultDurationSelection=${o==null?void 0:o.durationAmount}`:(a==null?void 0:a.link)||c,x=r==="pricing_display"?t.priceDisplay:void 0,C={event:d.EAnalyticsEvent.ctaClicked,type:d.EAnalyticsEventType.interaction,component:"Pricing",payload:{ctaLabel:(a==null?void 0:a.text)||"GET STARTED",ctaLink:g||c,productId:p}},A=s=>{var j;if(r!=="plans_list"||!t.onSelectPlan)return;t.onSelectPlan(s);const l=n==null?void 0:n.find(w=>w.id===s),b={event:d.EAnalyticsEvent.userSelectedPlan,location:"IPCv2",type:d.EAnalyticsEventType.interaction,payload:{productId:p,planId:s,planPrice:l==null?void 0:l.price,planDuration:l==null?void 0:l.duration}};(j=window.eventBus)==null||j.emit("analytics",b)};return e.jsx("section",{className:i.root,children:e.jsxs("div",{className:i.mainContainer,children:[e.jsxs("div",{className:i.leftColumn,children:[e.jsx(G.ImageGallery,{images:N,label:f}),e.jsx("div",{className:P.cn(i.ratingContainer,i.mobileOnly),children:e.jsx(_.RatingPreview,{...v})}),y&&e.jsx("div",{className:i.quoteWrapper,children:e.jsx(R.Quote,{...y})})]}),e.jsxs("div",{className:i.rightColumn,children:[e.jsxs("div",{className:i.header,children:[e.jsx(u.Typography,{as:"h1",defaultVariant:"displayXs",mobileVariant:"headingLg",children:S}),e.jsx(u.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:i.description,children:q})]}),e.jsx(I.Features,{features:T}),m&&e.jsx(D.PlainFeaturesGroup,{...m}),r==="pricing_display"&&x&&e.jsx(V.PriceDisplay,{items:x}),r==="plans_list"&&E&&e.jsx("div",{className:i.plansSection,children:e.jsxs("div",{className:i.plans,children:[e.jsx(u.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),n.map(s=>e.jsx(F.PlanCard,{plan:s,onSelect:A,isActive:h===s.id},s.id))]})}),e.jsx("div",{className:P.cn(i.ratingContainer,i.desktopOnly),children:e.jsx(_.RatingPreview,{...v})}),e.jsxs("div",{className:i.actions,children:[e.jsx(k.Button,{as:"a",variant:"primary",size:"lg",href:g||c,analyticsProps:C,children:(a==null?void 0:a.text)||"Get started"}),e.jsx(u.Typography,{as:"p",defaultVariant:"labelMd",className:i.hsaFsaText,children:"HSA/FSA Eligible"})]})]})]})})};exports.IndividualProductCardV2=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../types/analytics/analytics.cjs.js"),q=require("../../utils/cn/cn.cjs.js"),a=require("../../src/modules/IndividualProductCardV2/individualProductCardV2.module.css"),I=require("../../components/AdvancedGallery/AdvancedGallery.cjs.js"),D=require("../../components/ImageGallery/ImageGallery.cjs.js"),S=require("../../components/RatingPreview/RatingPreview.cjs.js"),u=require("../../components/Typography/Typography.cjs.js"),V=require("../IndividualProductCard/components/Features/Features.cjs.js"),F=require("../../components/PlainFeaturesGroup/PlainFeaturesGroup.cjs.js"),k=require("../../components/PriceDisplay/PriceDisplay.cjs.js"),R=require("../IndividualProductCard/components/PlanCard/PlanCard.cjs.js"),B=require("../../components/Button/Button.cjs.js"),L=require("../../components/Quote/Quote.cjs.js"),M=t=>{const{zenpatientId:y,signupUrl:c,name:f,description:A,label:m,images:G,advancedGallery:p,features:N,quote:v,featuresGroup:h,ratingPreview:g,view:r,button:i}=t,n=r==="plans_list"?t.plans:void 0,T=n&&n.length>0,x=r==="plans_list"?t.selectedPlanId:void 0,o=n==null?void 0:n.find(s=>s.id===x),j=o?`${(i==null?void 0:i.link)||c}?defaultDurationSelection=${o==null?void 0:o.durationAmount}`:(i==null?void 0:i.link)||c,_=r==="pricing_display"?t.priceDisplay:void 0,E={event:d.EAnalyticsEvent.ctaClicked,type:d.EAnalyticsEventType.interaction,component:"Pricing",payload:{ctaLabel:(i==null?void 0:i.text)||"GET STARTED",ctaLink:j||c,productId:y}},C=s=>{var P;if(r!=="plans_list"||!t.onSelectPlan)return;t.onSelectPlan(s);const l=n==null?void 0:n.find(w=>w.id===s),b={event:d.EAnalyticsEvent.userSelectedPlan,location:"IPCv2",type:d.EAnalyticsEventType.interaction,payload:{productId:y,planId:s,planPrice:l==null?void 0:l.price,planDuration:l==null?void 0:l.duration}};(P=window.eventBus)==null||P.emit("analytics",b)};return e.jsx("section",{className:a.root,children:e.jsxs("div",{className:a.mainContainer,children:[e.jsxs("div",{className:a.leftColumn,children:[p&&p.items.length>0?e.jsx(I.AdvancedGallery,{items:p.items,label:m}):e.jsx(D.ImageGallery,{images:G,label:m}),e.jsx("div",{className:q.cn(a.ratingContainer,a.mobileOnly),children:e.jsx(S.RatingPreview,{...g})}),v&&e.jsx("div",{className:a.quoteWrapper,children:e.jsx(L.Quote,{...v})})]}),e.jsxs("div",{className:a.rightColumn,children:[e.jsxs("div",{className:a.header,children:[e.jsx(u.Typography,{as:"h1",defaultVariant:"displayXs",mobileVariant:"headingLg",children:f}),e.jsx(u.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.description,children:A})]}),e.jsx(V.Features,{features:N}),h&&e.jsx(F.PlainFeaturesGroup,{...h}),r==="pricing_display"&&_&&e.jsx(k.PriceDisplay,{items:_}),r==="plans_list"&&T&&e.jsx("div",{className:a.plansSection,children:e.jsxs("div",{className:a.plans,children:[e.jsx(u.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),n.map(s=>e.jsx(R.PlanCard,{plan:s,onSelect:C,isActive:x===s.id},s.id))]})}),e.jsx("div",{className:q.cn(a.ratingContainer,a.desktopOnly),children:e.jsx(S.RatingPreview,{...g})}),e.jsxs("div",{className:a.actions,children:[e.jsx(B.Button,{as:"a",variant:"primary",size:"lg",href:j||c,analyticsProps:E,children:(i==null?void 0:i.text)||"Get started"}),e.jsx(u.Typography,{as:"p",defaultVariant:"labelMd",className:a.hsaFsaText,children:"HSA/FSA Eligible"})]})]})]})})};exports.IndividualProductCardV2=M;

package/dist/modules/IndividualProductCardV2/IndividualProductCardV2.es.js

@@ -1,65 +1,67 @@
 import { jsx as i, jsxs as o } from "react/jsx-runtime";
-import { EAnalyticsEventType as S, EAnalyticsEvent as N } from "../../types/analytics/analytics.es.js";
-import { cn as C } from "../../utils/cn/cn.es.js";
+import { EAnalyticsEventType as A, EAnalyticsEvent as C } from "../../types/analytics/analytics.es.js";
+import { cn as E } from "../../utils/cn/cn.es.js";
 import e from "../../modules/IndividualProductCardV2/individualProductCardV2.module.css";
-import { ImageGallery as G } from "../../components/ImageGallery/ImageGallery.es.js";
-import { RatingPreview as A } from "../../components/RatingPreview/RatingPreview.es.js";
+import { AdvancedGallery as F } from "../../components/AdvancedGallery/AdvancedGallery.es.js";
+import { ImageGallery as L } from "../../components/ImageGallery/ImageGallery.es.js";
+import { RatingPreview as b } from "../../components/RatingPreview/RatingPreview.es.js";
 import { Typography as m } from "../../components/Typography/Typography.es.js";
-import { Features as F } from "../IndividualProductCard/components/Features/Features.es.js";
-import { PlainFeaturesGroup as L } from "../../components/PlainFeaturesGroup/PlainFeaturesGroup.es.js";
-import { PriceDisplay as j } from "../../components/PriceDisplay/PriceDisplay.es.js";
-import { PlanCard as q } from "../IndividualProductCard/components/PlanCard/PlanCard.es.js";
-import { Button as z } from "../../components/Button/Button.es.js";
-import { Quote as B } from "../../components/Quote/Quote.es.js";
-const ii = (r) => {
+import { Features as j } from "../IndividualProductCard/components/Features/Features.es.js";
+import { PlainFeaturesGroup as q } from "../../components/PlainFeaturesGroup/PlainFeaturesGroup.es.js";
+import { PriceDisplay as z } from "../../components/PriceDisplay/PriceDisplay.es.js";
+import { PlanCard as B } from "../IndividualProductCard/components/PlanCard/PlanCard.es.js";
+import { Button as M } from "../../components/Button/Button.es.js";
+import { Quote as O } from "../../components/Quote/Quote.es.js";
+const ti = (r) => {
   const {
-    zenpatientId: p,
+    zenpatientId: h,
     signupUrl: c,
-    name: E,
-    description: b,
-    label: V,
+    name: G,
+    description: V,
+    label: v,
     images: k,
+    advancedGallery: p,
     features: w,
-    quote: h,
-    featuresGroup: u,
-    ratingPreview: v,
+    quote: u,
+    featuresGroup: y,
+    ratingPreview: f,
     view: l,
     button: a
-  } = r, t = l === "plans_list" ? r.plans : void 0, x = t && t.length > 0, f = l === "plans_list" ? r.selectedPlanId : void 0, d = t == null ? void 0 : t.find((n) => n.id === f), y = d ? `${(a == null ? void 0 : a.link) || c}?defaultDurationSelection=${d == null ? void 0 : d.durationAmount}` : (a == null ? void 0 : a.link) || c, g = l === "pricing_display" ? r.priceDisplay : void 0, D = {
-    event: N.ctaClicked,
-    type: S.interaction,
+  } = r, t = l === "plans_list" ? r.plans : void 0, x = t && t.length > 0, g = l === "plans_list" ? r.selectedPlanId : void 0, d = t == null ? void 0 : t.find((n) => n.id === g), P = d ? `${(a == null ? void 0 : a.link) || c}?defaultDurationSelection=${d == null ? void 0 : d.durationAmount}` : (a == null ? void 0 : a.link) || c, S = l === "pricing_display" ? r.priceDisplay : void 0, D = {
+    event: C.ctaClicked,
+    type: A.interaction,
     component: "Pricing",
     payload: {
       ctaLabel: (a == null ? void 0 : a.text) || "GET STARTED",
-      ctaLink: y || c,
-      productId: p
+      ctaLink: P || c,
+      productId: h
     }
   }, I = (n) => {
-    var P;
+    var N;
     if (l !== "plans_list" || !r.onSelectPlan) return;
     r.onSelectPlan(n);
     const s = t == null ? void 0 : t.find((_) => _.id === n), T = {
-      event: N.userSelectedPlan,
+      event: C.userSelectedPlan,
       location: "IPCv2",
-      type: S.interaction,
+      type: A.interaction,
       payload: {
-        productId: p,
+        productId: h,
         planId: n,
         planPrice: s == null ? void 0 : s.price,
         planDuration: s == null ? void 0 : s.duration
       }
     };
-    (P = window.eventBus) == null || P.emit("analytics", T);
+    (N = window.eventBus) == null || N.emit("analytics", T);
   };
   return /* @__PURE__ */ i("section", { className: e.root, children: /* @__PURE__ */ o("div", { className: e.mainContainer, children: [
     /* @__PURE__ */ o("div", { className: e.leftColumn, children: [
-      /* @__PURE__ */ i(G, { images: k, label: V }),
-      /* @__PURE__ */ i("div", { className: C(e.ratingContainer, e.mobileOnly), children: /* @__PURE__ */ i(A, { ...v }) }),
-      h && /* @__PURE__ */ i("div", { className: e.quoteWrapper, children: /* @__PURE__ */ i(B, { ...h }) })
+      p && p.items.length > 0 ? /* @__PURE__ */ i(F, { items: p.items, label: v }) : /* @__PURE__ */ i(L, { images: k, label: v }),
+      /* @__PURE__ */ i("div", { className: E(e.ratingContainer, e.mobileOnly), children: /* @__PURE__ */ i(b, { ...f }) }),
+      u && /* @__PURE__ */ i("div", { className: e.quoteWrapper, children: /* @__PURE__ */ i(O, { ...u }) })
     ] }),
     /* @__PURE__ */ o("div", { className: e.rightColumn, children: [
       /* @__PURE__ */ o("div", { className: e.header, children: [
-        /* @__PURE__ */ i(m, { as: "h1", defaultVariant: "displayXs", mobileVariant: "headingLg", children: E }),
+        /* @__PURE__ */ i(m, { as: "h1", defaultVariant: "displayXs", mobileVariant: "headingLg", children: G }),
         /* @__PURE__ */ i(
           m,
           {
@@ -67,34 +69,34 @@ const ii = (r) => {
             defaultVariant: "bodyMd",
             mobileVariant: "bodySm",
             className: e.description,
-            children: b
+            children: V
           }
         )
       ] }),
-      /* @__PURE__ */ i(F, { features: w }),
-      u && /* @__PURE__ */ i(L, { ...u }),
-      l === "pricing_display" && g && /* @__PURE__ */ i(j, { items: g }),
+      /* @__PURE__ */ i(j, { features: w }),
+      y && /* @__PURE__ */ i(q, { ...y }),
+      l === "pricing_display" && S && /* @__PURE__ */ i(z, { items: S }),
       l === "plans_list" && x && /* @__PURE__ */ i("div", { className: e.plansSection, children: /* @__PURE__ */ o("div", { className: e.plans, children: [
         /* @__PURE__ */ i(m, { as: "h4", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: "Subscribe & Save" }),
         t.map((n) => /* @__PURE__ */ i(
-          q,
+          B,
           {
             plan: n,
             onSelect: I,
-            isActive: f === n.id
+            isActive: g === n.id
           },
           n.id
         ))
       ] }) }),
-      /* @__PURE__ */ i("div", { className: C(e.ratingContainer, e.desktopOnly), children: /* @__PURE__ */ i(A, { ...v }) }),
+      /* @__PURE__ */ i("div", { className: E(e.ratingContainer, e.desktopOnly), children: /* @__PURE__ */ i(b, { ...f }) }),
       /* @__PURE__ */ o("div", { className: e.actions, children: [
         /* @__PURE__ */ i(
-          z,
+          M,
           {
             as: "a",
             variant: "primary",
             size: "lg",
-            href: y || c,
+            href: P || c,
             analyticsProps: D,
             children: (a == null ? void 0 : a.text) || "Get started"
           }
@@ -105,5 +107,5 @@ const ii = (r) => {
   ] }) });
 };
 export {
-  ii as IndividualProductCardV2
+  ti as IndividualProductCardV2
 };

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

@@ -1,5 +1,6 @@
 import { ETypeBadge } from '../../components/TypeBadge';
 import { EIconName } from '../../components/Icon/constants';
+import { TAdvancedGalleryView } from '../../components/AdvancedGallery';
 
 export type TTypeBadge = 'senescence' | 'supplements' | 'outline' | 'energy' | 'metabolism' | 'labs';
 export type TProductFeature = {
@@ -43,6 +44,7 @@ export type TIndividualProductCardV2Base = {
     signupUrl: string;
     name: string;
     images: Array<string>;
+    advancedGallery?: TAdvancedGalleryView;
     features: Array<TProductFeature>;
     description?: string;
     label?: string;