@zenpatient-org/healthspan-marketing-ui 0.1.17 → 0.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/Button.es.js +6 -29
- package/dist/components/Callback/Callback.d.ts +1 -1
- package/dist/components/Callback/Callback.es.js +2 -16
- package/dist/components/Callback/index.d.ts +1 -1
- package/dist/components/ContentTabs/ContentTabs.d.ts +1 -1
- package/dist/components/ContentTabs/ContentTabs.es.js +18 -23
- package/dist/components/Cursor/Cursor.d.ts +2 -0
- package/dist/components/Cursor/components/ServerCursor.d.ts +3 -1
- package/dist/components/FilterMenu/FilterMenu.d.ts +1 -1
- package/dist/components/FilterMenu/FilterMenu.es.js +17 -80
- package/dist/components/HighlightedTitle/HighlightedTitle.cjs.js +1 -1
- package/dist/components/HighlightedTitle/HighlightedTitle.es.js +6 -15
- package/dist/components/Icon/Icon.cjs.js +1 -1
- package/dist/components/Icon/Icon.es.js +2 -2
- package/dist/components/IconButton/IconButton.es.js +1 -9
- package/dist/components/InfiniteScroll/InfiniteScroll.es.js +3 -41
- package/dist/components/Label/Label.d.ts +1 -1
- package/dist/components/Label/Label.es.js +5 -23
- package/dist/components/ProductGallery/ProductGallery.cjs.js +1 -1
- package/dist/components/ProductGallery/ProductGallery.d.ts +1 -1
- package/dist/components/ProductGallery/ProductGallery.es.js +48 -49
- package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts +1 -1
- package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js +10 -62
- package/dist/components/ProductListing/ProductListing.d.ts +1 -1
- package/dist/components/ProgressButton/ProgressButton.d.ts +2 -2
- package/dist/components/ProgressButton/ProgressButton.es.js +5 -35
- package/dist/components/StepsCarousel/StepsCarousel.cjs.js +1 -0
- package/dist/components/StepsCarousel/StepsCarousel.d.ts +13 -0
- package/dist/components/StepsCarousel/StepsCarousel.es.js +71 -0
- package/dist/components/StepsCarousel/index.d.ts +1 -0
- package/dist/components/StepsCarousel/stepsCarousel.module.css.cjs.js +1 -0
- package/dist/components/StepsCarousel/stepsCarousel.module.css.es.js +31 -0
- package/dist/components/StudyGridCard/StudyGridCard.d.ts +1 -1
- package/dist/components/Tabs/Tabs.es.js +1 -8
- package/dist/components/Tabs/TabsWithFade.d.ts +1 -1
- package/dist/components/Tabs/TabsWithFade.es.js +2 -15
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.es.js +13 -27
- package/dist/components/TextButton/TextButton.es.js +1 -6
- package/dist/components/Typography/Typography.es.js +8 -21
- package/dist/components/index.d.ts +4 -3
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +53 -51
- package/dist/modules/Callback/Callback.d.ts +6 -0
- package/dist/modules/Callback/index.d.ts +1 -0
- package/dist/modules/Comparison/Comparison.d.ts +1 -1
- package/dist/modules/Comparison/components/ComparisonMobileView/ComparisonMobileView.d.ts +1 -1
- package/dist/modules/FeaturesGallery/FeaturesGallery.d.ts +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.d.ts +1 -1
- package/dist/modules/HowItWorks/HowItWorks.d.ts +1 -1
- package/dist/modules/OptimalHealth/OptimalHealth.d.ts +1 -1
- package/dist/modules/OurProcess/OurProcess.d.ts +3 -3
- package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js +1 -1
- package/dist/modules/ProductsDisplay/ProductsDisplay.d.ts +1 -1
- package/dist/modules/ProductsDisplay/ProductsDisplay.es.js +5 -31
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js +1 -1
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.d.ts +1 -1
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.es.js +5 -27
- package/dist/modules/ProductsDisplay/useProductsData.d.ts +1 -1
- package/dist/modules/ProductsDisplay/useProductsData.es.js +5 -12
- package/dist/modules/TotalCare/TotalCare.d.ts +1 -1
- package/dist/modules/TotalCare/TotalCare.es.js +4 -26
- package/dist/modules/YourProtocol/YourProtocol.cjs.js +1 -1
- package/dist/modules/YourProtocol/YourProtocol.es.js +3 -20
- package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.cjs.js +1 -1
- package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.es.js +9 -40
- package/dist/utils/useSwiper.d.ts +1 -0
- package/package.json +8 -4
- package/dist/modules/OurProcess/components/StepCards/StepCards.d.ts +0 -9
- package/dist/modules/OurProcess/components/StepCards/index.d.ts +0 -1
- package/dist/modules/OurProcess/types.d.ts +0 -5
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */const r=require("./styles/typography.module.css.cjs.js"),t=require("./components/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */const r=require("./styles/typography.module.css.cjs.js"),t=require("./components/Button/Button.cjs.js"),o=require("./components/Label/Label.cjs.js"),n=require("./components/Tag/Tag.cjs.js"),s=require("./components/Tabs/Tabs.cjs.js"),u=require("./components/Tabs/TabsWithFade.cjs.js"),e=require("./components/TypeBadge/TypeBadge.cjs.js"),i=require("./components/ContentTabs/ContentTabs.cjs.js"),a=require("./components/Icon/Icon.cjs.js"),c=require("./components/Icon/constants.cjs.js"),l=require("./components/ProductGalleryCard/ProductGalleryCard.cjs.js"),q=require("./components/HighlightedTitle/HighlightedTitle.cjs.js"),T=require("./components/Callback/Callback.cjs.js"),d=require("./components/IconButton/IconButton.cjs.js"),y=require("./components/FilterMenu/FilterMenu.cjs.js"),p=require("./components/InfiniteScroll/InfiniteScroll.cjs.js"),g=require("./components/ProductGallery/ProductGallery.cjs.js"),b=require("./components/ProgressButton/ProgressButton.cjs.js"),B=require("./components/TextButton/TextButton.cjs.js"),P=require("./components/Typography/Typography.cjs.js"),C=require("./components/StepsCarousel/StepsCarousel.cjs.js"),h=require("./modules/YourProtocol/YourProtocol.cjs.js"),I=require("./modules/TotalCare/TotalCare.cjs.js"),S=require("./modules/ProductsDisplay/ProductsDisplay.cjs.js"),f=require("./utils/cn.cjs.js"),m=require("./utils/isHsIcon.cjs.js"),F=require("./utils/formatUnits.cjs.js"),G=require("./utils/useSwiper.cjs.js");exports.typography=r.default;exports.Button=t.Button;exports.Label=o.Label;exports.Tag=n.Tag;exports.Tabs=s.Tabs;exports.TabsWithFade=u.TabsWithFade;exports.ETypeBadge=e.ETypeBadge;exports.TypeBadge=e.TypeBadge;exports.ContentTabs=i.ContentTabs;exports.Icon=a.Icon;exports.EIconName=c.EIconName;exports.ProductGalleryCard=l.ProductGalleryCard;exports.HighlightedTitle=q.HighlightedTitle;exports.Callback=T.Callback;exports.IconButton=d.IconButton;exports.FilterMenu=y.FilterMenu;exports.InfiniteScroll=p.InfiniteScroll;exports.ProductGallery=g.ProductGallery;exports.ProgressButton=b.ProgressButton;exports.TextButton=B.TextButton;exports.Typography=P.Typography;exports.StepsCarousel=C.StepsCarousel;exports.YourProtocol=h.YourProtocol;exports.TotalCare=I.TotalCare;exports.ProductsDisplay=S.ProductsDisplay;exports.cn=f.cn;exports.isHsIcon=m.isHsIcon;exports.formatUnits=F.formatUnits;exports.useSwiper=G.useSwiper;
|
package/dist/index.es.js
CHANGED
|
@@ -4,59 +4,61 @@
|
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
6
|
import { default as x } from "./styles/typography.module.css.es.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { ETypeBadge as h, TypeBadge as I } from "./components/TypeBadge/TypeBadge.es.js";
|
|
7
|
+
import { Button as l } from "./components/Button/Button.es.js";
|
|
8
|
+
import { Label as n } from "./components/Label/Label.es.js";
|
|
9
|
+
import { Tag as u } from "./components/Tag/Tag.es.js";
|
|
10
|
+
import { Tabs as T } from "./components/Tabs/Tabs.es.js";
|
|
11
|
+
import { TabsWithFade as y } from "./components/Tabs/TabsWithFade.es.js";
|
|
12
|
+
import { ETypeBadge as B, TypeBadge as b } from "./components/TypeBadge/TypeBadge.es.js";
|
|
14
13
|
import { ContentTabs as C } from "./components/ContentTabs/ContentTabs.es.js";
|
|
15
|
-
import { Icon as
|
|
16
|
-
import { EIconName as
|
|
17
|
-
import { ProductGalleryCard as
|
|
18
|
-
import { HighlightedTitle as
|
|
19
|
-
import { Callback as
|
|
20
|
-
import { IconButton as
|
|
21
|
-
import { FilterMenu as
|
|
22
|
-
import { InfiniteScroll as
|
|
23
|
-
import { ProductGallery as
|
|
24
|
-
import { ProgressButton as
|
|
25
|
-
import { TextButton as
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
14
|
+
import { Icon as P } from "./components/Icon/Icon.es.js";
|
|
15
|
+
import { EIconName as E } from "./components/Icon/constants.es.js";
|
|
16
|
+
import { ProductGalleryCard as G } from "./components/ProductGalleryCard/ProductGalleryCard.es.js";
|
|
17
|
+
import { HighlightedTitle as k } from "./components/HighlightedTitle/HighlightedTitle.es.js";
|
|
18
|
+
import { Callback as D } from "./components/Callback/Callback.es.js";
|
|
19
|
+
import { IconButton as M } from "./components/IconButton/IconButton.es.js";
|
|
20
|
+
import { FilterMenu as U } from "./components/FilterMenu/FilterMenu.es.js";
|
|
21
|
+
import { InfiniteScroll as Y } from "./components/InfiniteScroll/InfiniteScroll.es.js";
|
|
22
|
+
import { ProductGallery as q } from "./components/ProductGallery/ProductGallery.es.js";
|
|
23
|
+
import { ProgressButton as z } from "./components/ProgressButton/ProgressButton.es.js";
|
|
24
|
+
import { TextButton as J } from "./components/TextButton/TextButton.es.js";
|
|
25
|
+
import { Typography as O } from "./components/Typography/Typography.es.js";
|
|
26
|
+
import { StepsCarousel as R } from "./components/StepsCarousel/StepsCarousel.es.js";
|
|
27
|
+
import { YourProtocol as X } from "./modules/YourProtocol/YourProtocol.es.js";
|
|
28
|
+
import { TotalCare as _ } from "./modules/TotalCare/TotalCare.es.js";
|
|
29
|
+
import { ProductsDisplay as oo } from "./modules/ProductsDisplay/ProductsDisplay.es.js";
|
|
30
|
+
import { cn as to } from "./utils/cn.es.js";
|
|
31
|
+
import { isHsIcon as po } from "./utils/isHsIcon.es.js";
|
|
32
|
+
import { formatUnits as fo } from "./utils/formatUnits.es.js";
|
|
33
|
+
import { useSwiper as ao } from "./utils/useSwiper.es.js";
|
|
33
34
|
export {
|
|
34
|
-
|
|
35
|
-
|
|
35
|
+
l as Button,
|
|
36
|
+
D as Callback,
|
|
36
37
|
C as ContentTabs,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
38
|
+
E as EIconName,
|
|
39
|
+
B as ETypeBadge,
|
|
40
|
+
U as FilterMenu,
|
|
41
|
+
k as HighlightedTitle,
|
|
42
|
+
P as Icon,
|
|
43
|
+
M as IconButton,
|
|
44
|
+
Y as InfiniteScroll,
|
|
45
|
+
n as Label,
|
|
46
|
+
q as ProductGallery,
|
|
47
|
+
G as ProductGalleryCard,
|
|
48
|
+
oo as ProductsDisplay,
|
|
49
|
+
z as ProgressButton,
|
|
50
|
+
R as StepsCarousel,
|
|
51
|
+
T as Tabs,
|
|
52
|
+
y as TabsWithFade,
|
|
53
|
+
u as Tag,
|
|
54
|
+
J as TextButton,
|
|
55
|
+
_ as TotalCare,
|
|
56
|
+
b as TypeBadge,
|
|
57
|
+
O as Typography,
|
|
58
|
+
X as YourProtocol,
|
|
59
|
+
to as cn,
|
|
60
|
+
fo as formatUnits,
|
|
61
|
+
po as isHsIcon,
|
|
60
62
|
x as typography,
|
|
61
|
-
|
|
63
|
+
ao as useSwiper
|
|
62
64
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CallbackModule, type CallbackModuleProps } from './Callback';
|
|
@@ -6,4 +6,4 @@ export type ComparisonProps = {
|
|
|
6
6
|
comparison: ComparisonData;
|
|
7
7
|
description?: string;
|
|
8
8
|
};
|
|
9
|
-
export declare const Comparison: ({ title, description, comparison
|
|
9
|
+
export declare const Comparison: ({ title, description, comparison }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,5 +4,5 @@ type ComparisonMobileViewProps = {
|
|
|
4
4
|
comparison: ComparisonData;
|
|
5
5
|
className?: string;
|
|
6
6
|
};
|
|
7
|
-
export declare const ComparisonMobileView: ({ comparison, className
|
|
7
|
+
export declare const ComparisonMobileView: ({ comparison, className }: ComparisonMobileViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -10,5 +10,5 @@ type Props = {
|
|
|
10
10
|
url: string;
|
|
11
11
|
}>;
|
|
12
12
|
};
|
|
13
|
-
export declare const FeaturesGallery: ({ title, description, features, labels
|
|
13
|
+
export declare const FeaturesGallery: ({ title, description, features, labels }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -7,4 +7,4 @@ export type TargetedProgramsProps = {
|
|
|
7
7
|
link: string;
|
|
8
8
|
}>;
|
|
9
9
|
};
|
|
10
|
-
export declare function FollowTheScience({ labelText, benefits
|
|
10
|
+
export declare function FollowTheScience({ labelText, benefits }: TargetedProgramsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,5 +7,5 @@ type HowItWorksProps = {
|
|
|
7
7
|
}>;
|
|
8
8
|
getStartedLink?: string;
|
|
9
9
|
};
|
|
10
|
-
export declare const HowItWorks: ({ title, getStartedLink, items
|
|
10
|
+
export declare const HowItWorks: ({ title, getStartedLink, items }: HowItWorksProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -7,5 +7,5 @@ type OptimalHealthProps = {
|
|
|
7
7
|
link: string;
|
|
8
8
|
images: TClockImages;
|
|
9
9
|
};
|
|
10
|
-
export declare const OptimalHealth: ({ title, description, link, images
|
|
10
|
+
export declare const OptimalHealth: ({ title, description, link, images }: OptimalHealthProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { TStepsCarouselView } from '../../components';
|
|
2
3
|
import { TColorScheme } from '../../types/common';
|
|
3
|
-
import { TOurProcessStep } from './types';
|
|
4
4
|
|
|
5
5
|
export type OurProcessProps = {
|
|
6
6
|
title: ReactNode;
|
|
7
7
|
label: string;
|
|
8
8
|
colorScheme: TColorScheme;
|
|
9
|
-
steps:
|
|
9
|
+
steps: TStepsCarouselView;
|
|
10
10
|
howItWorks?: string;
|
|
11
11
|
};
|
|
12
|
-
export declare const OurProcess: ({ title, label, colorScheme, howItWorks, steps
|
|
12
|
+
export declare const OurProcess: ({ title, label, colorScheme, howItWorks, steps }: OurProcessProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("react")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("react");require("../../components/Button/Button.cjs.js");require("../../components/Label/Label.cjs.js");require("../../components/Tag/Tag.cjs.js");require("../../components/Tabs/Tabs.cjs.js");require("../../components/Icon/Icon.cjs.js");const q=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js"),l=require("../../components/Typography/Typography.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");const h=require("../../components/ProductGallery/ProductGallery.cjs.js"),T=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),P=require("./useProductsData.cjs.js"),g=({label_text:d,productDisplays:c})=>{var o;const{isTabbed:t,title:n,description:p,tabs:a,slidesByTabs:i}=P.useProductsData({productDisplays:c}),[r,x]=u.useState(((o=a[0])==null?void 0:o.value)??""),y=u.useMemo(()=>(i[r]??[]).map((b,j)=>e.jsxRuntimeExports.jsx(q.ProductGalleryCard,{...b},j)),[r,i]),m=t?e.jsxRuntimeExports.jsx(T.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:x}):e.jsxRuntimeExports.jsxs("div",{className:s.default.header,children:[e.jsxRuntimeExports.jsx(l.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsxRuntimeExports.jsx(l.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:p})]});return e.jsxRuntimeExports.jsx("div",{className:s.default.root,children:e.jsxRuntimeExports.jsx(h.ProductGallery,{header:m,slides:y,isTabbed:t})})};exports.ProductsDisplay=g;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TProductsDisplay } from './types';
|
|
2
2
|
|
|
3
|
-
export declare const ProductsDisplay: ({ label_text, productDisplays
|
|
3
|
+
export declare const ProductsDisplay: ({ label_text, productDisplays }: TProductsDisplay) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,52 +1,26 @@
|
|
|
1
1
|
import { j as t } from "../../_virtual/jsx-runtime.es.js";
|
|
2
2
|
import { useState as h, useMemo as x } from "react";
|
|
3
|
-
import { Typography as m } from "../../components/Typography/Typography.es.js";
|
|
4
3
|
import "../../components/Button/Button.es.js";
|
|
5
4
|
import "../../components/Label/Label.es.js";
|
|
6
5
|
import "../../components/Tag/Tag.es.js";
|
|
7
6
|
import "../../components/Tabs/Tabs.es.js";
|
|
8
7
|
import "../../components/Icon/Icon.es.js";
|
|
9
8
|
import { ProductGalleryCard as j } from "../../components/ProductGalleryCard/ProductGalleryCard.es.js";
|
|
9
|
+
import { Typography as m } from "../../components/Typography/Typography.es.js";
|
|
10
10
|
import "../../components/InfiniteScroll/InfiniteScroll.es.js";
|
|
11
11
|
import { ProductGallery as T } from "../../components/ProductGallery/ProductGallery.es.js";
|
|
12
12
|
import { ProductsDisplayTabs as g } from "./components/ProductsDisplayTabs/ProductsDisplayTabs.es.js";
|
|
13
13
|
import s from "./productsDisplay.module.css.es.js";
|
|
14
14
|
import { useProductsData as v } from "./useProductsData.es.js";
|
|
15
|
-
const w = ({
|
|
16
|
-
label_text: l,
|
|
17
|
-
productDisplays: d
|
|
18
|
-
}) => {
|
|
15
|
+
const w = ({ label_text: l, productDisplays: d }) => {
|
|
19
16
|
var i;
|
|
20
17
|
const { isTabbed: o, title: p, description: c, tabs: a, slidesByTabs: e } = v({
|
|
21
18
|
productDisplays: d
|
|
22
|
-
}), [r, n] = h(((i = a[0]) == null ? void 0 : i.value) ?? ""), u = x(() => (e[r] ?? []).map((y, f) => /* @__PURE__ */ t.jsx(j, { ...y }, f)), [r, e]), b = o ? /* @__PURE__ */ t.jsx(
|
|
23
|
-
|
|
24
|
-
{
|
|
25
|
-
label: l,
|
|
26
|
-
tabs: a,
|
|
27
|
-
activeTab: r,
|
|
28
|
-
onTabChange: n
|
|
29
|
-
}
|
|
30
|
-
) : /* @__PURE__ */ t.jsxs("div", { className: s.header, children: [
|
|
31
|
-
/* @__PURE__ */ t.jsx(
|
|
32
|
-
m,
|
|
33
|
-
{
|
|
34
|
-
className: s.headerTitle,
|
|
35
|
-
defaultVariant: "displayMd",
|
|
36
|
-
mobileVariant: "headingLg",
|
|
37
|
-
children: p
|
|
38
|
-
}
|
|
39
|
-
),
|
|
19
|
+
}), [r, n] = h(((i = a[0]) == null ? void 0 : i.value) ?? ""), u = x(() => (e[r] ?? []).map((y, f) => /* @__PURE__ */ t.jsx(j, { ...y }, f)), [r, e]), b = o ? /* @__PURE__ */ t.jsx(g, { label: l, tabs: a, activeTab: r, onTabChange: n }) : /* @__PURE__ */ t.jsxs("div", { className: s.header, children: [
|
|
20
|
+
/* @__PURE__ */ t.jsx(m, { className: s.headerTitle, defaultVariant: "displayMd", mobileVariant: "headingLg", children: p }),
|
|
40
21
|
/* @__PURE__ */ t.jsx(m, { defaultVariant: "bodyLg", mobileVariant: "bodySm", children: c })
|
|
41
22
|
] });
|
|
42
|
-
return /* @__PURE__ */ t.jsx("div", { className: s.root, children: /* @__PURE__ */ t.jsx(
|
|
43
|
-
T,
|
|
44
|
-
{
|
|
45
|
-
header: b,
|
|
46
|
-
slides: u,
|
|
47
|
-
isTabbed: o
|
|
48
|
-
}
|
|
49
|
-
) });
|
|
23
|
+
return /* @__PURE__ */ t.jsx("div", { className: s.root, children: /* @__PURE__ */ t.jsx(T, { header: b, slides: u, isTabbed: o }) });
|
|
50
24
|
};
|
|
51
25
|
export {
|
|
52
26
|
w as ProductsDisplay
|
package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../../../components/Button/Button.cjs.js");require("../../../../components/Label/Label.cjs.js");require("../../../../components/Tag/Tag.cjs.js");require("../../../../components/Tabs/Tabs.cjs.js");const t=require("../../../../components/Tabs/TabsWithFade.cjs.js");require("react");require("../../../../components/Icon/Icon.cjs.js");const o=require("../../../../components/Typography/Typography.cjs.js");require("../../../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const i=require("./productsDisplayTabs.module.css.cjs.js");function l({label:r,tabs:s,activeTab:u,onTabChange:a}){return e.jsxRuntimeExports.jsxs("div",{className:i.default.header,children:[!!r&&e.jsxRuntimeExports.jsx(o.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:i.default.label,children:r}),e.jsxRuntimeExports.jsx(t.TabsWithFade,{activeTab:u,tabs:s,onTabChange:a})]})}exports.ProductsDisplayTabs=l;
|
package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.d.ts
CHANGED
|
@@ -6,5 +6,5 @@ type Props<T extends string | number> = {
|
|
|
6
6
|
activeTab: T;
|
|
7
7
|
onTabChange: (tab: T) => void;
|
|
8
8
|
};
|
|
9
|
-
export declare function ProductsDisplayTabs<T extends string>({ label, tabs, activeTab, onTabChange
|
|
9
|
+
export declare function ProductsDisplayTabs<T extends string>({ label, tabs, activeTab, onTabChange }: Props<T>): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.es.js
CHANGED
|
@@ -1,44 +1,22 @@
|
|
|
1
1
|
import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
|
|
2
|
-
import { Typography as a } from "../../../../components/Typography/Typography.es.js";
|
|
3
2
|
import "../../../../components/Button/Button.es.js";
|
|
4
3
|
import "../../../../components/Label/Label.es.js";
|
|
5
4
|
import "../../../../components/Tag/Tag.es.js";
|
|
6
5
|
import "../../../../components/Tabs/Tabs.es.js";
|
|
7
|
-
import { TabsWithFade as
|
|
6
|
+
import { TabsWithFade as a } from "../../../../components/Tabs/TabsWithFade.es.js";
|
|
8
7
|
import "react";
|
|
9
8
|
import "../../../../components/Icon/Icon.es.js";
|
|
9
|
+
import { Typography as s } from "../../../../components/Typography/Typography.es.js";
|
|
10
10
|
import "../../../../components/InfiniteScroll/InfiniteScroll.es.js";
|
|
11
11
|
import "../../../../node_modules/swiper/swiper-react.es.js";
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
15
|
import t from "./productsDisplayTabs.module.css.es.js";
|
|
16
|
-
function g({
|
|
17
|
-
label: o,
|
|
18
|
-
tabs: i,
|
|
19
|
-
activeTab: m,
|
|
20
|
-
onTabChange: p
|
|
21
|
-
}) {
|
|
16
|
+
function g({ label: o, tabs: i, activeTab: m, onTabChange: p }) {
|
|
22
17
|
return /* @__PURE__ */ r.jsxs("div", { className: t.header, children: [
|
|
23
|
-
!!o && /* @__PURE__ */ r.jsx(
|
|
24
|
-
|
|
25
|
-
{
|
|
26
|
-
as: "p",
|
|
27
|
-
defaultVariant: "labelMd",
|
|
28
|
-
mobileVariant: "labelSm",
|
|
29
|
-
emphasis: !0,
|
|
30
|
-
className: t.label,
|
|
31
|
-
children: o
|
|
32
|
-
}
|
|
33
|
-
),
|
|
34
|
-
/* @__PURE__ */ r.jsx(
|
|
35
|
-
s,
|
|
36
|
-
{
|
|
37
|
-
activeTab: m,
|
|
38
|
-
tabs: i,
|
|
39
|
-
onTabChange: p
|
|
40
|
-
}
|
|
41
|
-
)
|
|
18
|
+
!!o && /* @__PURE__ */ r.jsx(s, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: t.label, children: o }),
|
|
19
|
+
/* @__PURE__ */ r.jsx(a, { activeTab: m, tabs: i, onTabChange: p })
|
|
42
20
|
] });
|
|
43
21
|
}
|
|
44
22
|
export {
|
|
@@ -11,5 +11,5 @@ type UseProductsReturnProps = {
|
|
|
11
11
|
tabs: Tab<string>[];
|
|
12
12
|
slidesByTabs: Record<string, TProductGalleryCardView[]>;
|
|
13
13
|
};
|
|
14
|
-
export declare const useProductsData: ({ productDisplays
|
|
14
|
+
export declare const useProductsData: ({ productDisplays }: UseProductsReceiveProps) => UseProductsReturnProps;
|
|
15
15
|
export {};
|
|
@@ -1,18 +1,11 @@
|
|
|
1
|
-
const f = ({
|
|
2
|
-
productDisplays: t
|
|
3
|
-
}) => {
|
|
1
|
+
const f = ({ productDisplays: t }) => {
|
|
4
2
|
const l = t.length > 1, s = t[0], a = s.title, r = s.description ?? "", o = t.map((e) => ({
|
|
5
3
|
value: e.title.replace(" ", "_").toLocaleLowerCase(),
|
|
6
4
|
label: e.title
|
|
7
|
-
})), d = o.reduce(
|
|
8
|
-
(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
), i = n == null ? void 0 : n.productCards;
|
|
12
|
-
return i && (e[c.value] = i), e;
|
|
13
|
-
},
|
|
14
|
-
{}
|
|
15
|
-
);
|
|
5
|
+
})), d = o.reduce((e, c) => {
|
|
6
|
+
const n = t.find((b) => b.title === c.label), i = n == null ? void 0 : n.productCards;
|
|
7
|
+
return i && (e[c.value] = i), e;
|
|
8
|
+
}, {});
|
|
16
9
|
return {
|
|
17
10
|
isTabbed: l,
|
|
18
11
|
title: a,
|
|
@@ -13,4 +13,4 @@ export type TotalCareProps = {
|
|
|
13
13
|
tabs: ReadonlyArray<TContentTab>;
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
|
-
export declare const TotalCare: ({ title, label, contentTabs, colorScheme
|
|
16
|
+
export declare const TotalCare: ({ title, label, contentTabs, colorScheme }: TotalCareProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,25 +13,10 @@ import "../../node_modules/swiper/swiper-react.es.js";
|
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
15
|
import s from "./totalCare.module.css.es.js";
|
|
16
|
-
const y = ({
|
|
17
|
-
|
|
18
|
-
label: m,
|
|
19
|
-
contentTabs: i,
|
|
20
|
-
colorScheme: e
|
|
21
|
-
}) => {
|
|
22
|
-
const [a, o] = c(
|
|
23
|
-
i.tabs[0]
|
|
24
|
-
);
|
|
16
|
+
const y = ({ title: r, label: m, contentTabs: i, colorScheme: e }) => {
|
|
17
|
+
const [a, o] = c(i.tabs[0]);
|
|
25
18
|
return /* @__PURE__ */ t.jsx("section", { className: s.root, "data-scheme": e, children: /* @__PURE__ */ t.jsxs("div", { className: s.container, children: [
|
|
26
|
-
/* @__PURE__ */ t.jsx(
|
|
27
|
-
p,
|
|
28
|
-
{
|
|
29
|
-
title: r,
|
|
30
|
-
label: m,
|
|
31
|
-
className: s.header,
|
|
32
|
-
colorScheme: e
|
|
33
|
-
}
|
|
34
|
-
),
|
|
19
|
+
/* @__PURE__ */ t.jsx(p, { title: r, label: m, className: s.header, colorScheme: e }),
|
|
35
20
|
/* @__PURE__ */ t.jsxs("div", { className: s.content, children: [
|
|
36
21
|
/* @__PURE__ */ t.jsx("div", { className: s.tags, children: /* @__PURE__ */ t.jsx(
|
|
37
22
|
l,
|
|
@@ -42,14 +27,7 @@ const y = ({
|
|
|
42
27
|
onTabClick: o
|
|
43
28
|
}
|
|
44
29
|
) }),
|
|
45
|
-
a.image && /* @__PURE__ */ t.jsx("div", { className: s.imageWrap, children: /* @__PURE__ */ t.jsx(
|
|
46
|
-
"img",
|
|
47
|
-
{
|
|
48
|
-
src: a.image,
|
|
49
|
-
alt: "Total Care",
|
|
50
|
-
className: s.image
|
|
51
|
-
}
|
|
52
|
-
) })
|
|
30
|
+
a.image && /* @__PURE__ */ t.jsx("div", { className: s.imageWrap, children: /* @__PURE__ */ t.jsx("img", { src: a.image, alt: "Total Care", className: s.image }) })
|
|
53
31
|
] })
|
|
54
32
|
] }) });
|
|
55
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js");require("../../components/Button/Button.cjs.js");require("../../components/Label/Label.cjs.js");require("../../components/Tag/Tag.cjs.js");require("../../components/Tabs/Tabs.cjs.js");require("react");const u=require("../../utils/cn.cjs.js");require("../../components/Icon/Icon.cjs.js");const l=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Callback/Callback.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const a=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),c=({title:i,image:s,tags:o,callbackView:r})=>e.jsxRuntimeExports.jsxs("section",{className:t.default.root,children:[e.jsxRuntimeExports.jsxs("div",{className:t.default.content,children:[e.jsxRuntimeExports.jsx(l.HighlightedTitle,{title:i,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsxRuntimeExports.jsx(a.ProtocolTags,{tags:o}),r&&e.jsxRuntimeExports.jsx("div",{className:t.default.callback,children:e.jsxRuntimeExports.jsx(n.Callback,{title:r.title,description:r.description??"",price:r.price??"",image:r.image,button:{href:r.signupUrl??""},size:"sm"})})]}),e.jsxRuntimeExports.jsx("img",{src:s,alt:"Your Protocol",className:u.cn(t.default.image,t.default.desktop),width:481,height:640})]});exports.YourProtocol=c;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { j as t } from "../../_virtual/jsx-runtime.es.js";
|
|
2
|
-
import { cn as e } from "../../utils/cn.es.js";
|
|
3
2
|
import "../../components/Button/Button.es.js";
|
|
4
3
|
import "../../components/Label/Label.es.js";
|
|
5
4
|
import "../../components/Tag/Tag.es.js";
|
|
6
5
|
import "../../components/Tabs/Tabs.es.js";
|
|
7
6
|
import "react";
|
|
7
|
+
import { cn as e } from "../../utils/cn.es.js";
|
|
8
8
|
import "../../components/Icon/Icon.es.js";
|
|
9
9
|
import { HighlightedTitle as p } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
10
10
|
import { Callback as a } from "../../components/Callback/Callback.es.js";
|
|
@@ -17,15 +17,7 @@ import { ProtocolTags as l } from "./components/ProtocolTags/ProtocolTags.es.js"
|
|
|
17
17
|
import r from "./yourProtocol.module.css.es.js";
|
|
18
18
|
const E = ({ title: i, image: m, tags: s, callbackView: o }) => /* @__PURE__ */ t.jsxs("section", { className: r.root, children: [
|
|
19
19
|
/* @__PURE__ */ t.jsxs("div", { className: r.content, children: [
|
|
20
|
-
/* @__PURE__ */ t.jsx(
|
|
21
|
-
p,
|
|
22
|
-
{
|
|
23
|
-
title: i,
|
|
24
|
-
className: r.title,
|
|
25
|
-
defaultVariant: "displaySm",
|
|
26
|
-
mobileVariant: "headingXl"
|
|
27
|
-
}
|
|
28
|
-
),
|
|
20
|
+
/* @__PURE__ */ t.jsx(p, { title: i, className: r.title, defaultVariant: "displaySm", mobileVariant: "headingXl" }),
|
|
29
21
|
/* @__PURE__ */ t.jsx(l, { tags: s }),
|
|
30
22
|
o && /* @__PURE__ */ t.jsx("div", { className: r.callback, children: /* @__PURE__ */ t.jsx(
|
|
31
23
|
a,
|
|
@@ -41,16 +33,7 @@ const E = ({ title: i, image: m, tags: s, callbackView: o }) => /* @__PURE__ */
|
|
|
41
33
|
}
|
|
42
34
|
) })
|
|
43
35
|
] }),
|
|
44
|
-
/* @__PURE__ */ t.jsx(
|
|
45
|
-
"img",
|
|
46
|
-
{
|
|
47
|
-
src: m,
|
|
48
|
-
alt: "Your Protocol",
|
|
49
|
-
className: e(r.image, r.desktop),
|
|
50
|
-
width: 481,
|
|
51
|
-
height: 640
|
|
52
|
-
}
|
|
53
|
-
)
|
|
36
|
+
/* @__PURE__ */ t.jsx("img", { src: m, alt: "Your Protocol", className: e(r.image, r.desktop), width: 481, height: 640 })
|
|
54
37
|
] });
|
|
55
38
|
export {
|
|
56
39
|
E as YourProtocol
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react");require("../../../../components/Button/Button.cjs.js");require("../../../../components/Label/Label.cjs.js");const p=require("../../../../components/Tag/Tag.cjs.js");require("../../../../components/Tabs/Tabs.cjs.js");const u=require("../../../../utils/cn.cjs.js");require("../../../../components/Icon/Icon.cjs.js");const n=require("../../../../components/Typography/Typography.cjs.js");require("../../../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const s=require("./protocolTags.module.css.cjs.js"),x=({tags:t})=>{var a;const[i,c]=l.useState(((a=t[0])==null?void 0:a.label)||null),o=l.useMemo(()=>{var e;return(e=t.find(d=>d.label===i))==null?void 0:e.description},[i,t]);return r.jsxRuntimeExports.jsxs("div",{className:s.default.root,children:[r.jsxRuntimeExports.jsx("div",{className:s.default.tags,children:t.map(e=>r.jsxRuntimeExports.jsx(p.Tag,{value:e.label,size:"md",active:e.label===i,onClick:c,children:e.label},e.label))}),o&&r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(n.Typography,{as:"p",defaultVariant:"bodyLg",className:u.cn(s.default.description,s.default.desktop),children:o}),r.jsxRuntimeExports.jsx(n.Typography,{as:"p",defaultVariant:"bodyMd",className:u.cn(s.default.description,s.default.mobile),children:o})]})]})};exports.ProtocolTags=x;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
|
|
2
2
|
import { useState as n, useMemo as d } from "react";
|
|
3
|
-
import { Typography as m } from "../../../../components/Typography/Typography.es.js";
|
|
4
3
|
import "../../../../components/Button/Button.es.js";
|
|
5
4
|
import "../../../../components/Label/Label.es.js";
|
|
6
5
|
import { Tag as b } from "../../../../components/Tag/Tag.es.js";
|
|
7
6
|
import "../../../../components/Tabs/Tabs.es.js";
|
|
8
|
-
import { cn as
|
|
7
|
+
import { cn as m } from "../../../../utils/cn.es.js";
|
|
9
8
|
import "../../../../components/Icon/Icon.es.js";
|
|
9
|
+
import { Typography as a } from "../../../../components/Typography/Typography.es.js";
|
|
10
10
|
import "../../../../components/InfiniteScroll/InfiniteScroll.es.js";
|
|
11
11
|
import "../../../../node_modules/swiper/swiper-react.es.js";
|
|
12
12
|
/* empty css */
|
|
@@ -15,46 +15,15 @@ import "../../../../node_modules/swiper/swiper-react.es.js";
|
|
|
15
15
|
import r from "./protocolTags.module.css.es.js";
|
|
16
16
|
const C = ({ tags: e }) => {
|
|
17
17
|
var l;
|
|
18
|
-
const [t, p] = n(
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var o;
|
|
23
|
-
return (o = e.find((c) => c.label === t)) == null ? void 0 : o.description;
|
|
24
|
-
},
|
|
25
|
-
[t, e]
|
|
26
|
-
);
|
|
18
|
+
const [t, p] = n(((l = e[0]) == null ? void 0 : l.label) || null), s = d(() => {
|
|
19
|
+
var o;
|
|
20
|
+
return (o = e.find((c) => c.label === t)) == null ? void 0 : o.description;
|
|
21
|
+
}, [t, e]);
|
|
27
22
|
return /* @__PURE__ */ i.jsxs("div", { className: r.root, children: [
|
|
28
|
-
/* @__PURE__ */ i.jsx("div", { className: r.tags, children: e.map((o) => /* @__PURE__ */ i.jsx(
|
|
29
|
-
b,
|
|
30
|
-
{
|
|
31
|
-
value: o.label,
|
|
32
|
-
size: "md",
|
|
33
|
-
active: o.label === t,
|
|
34
|
-
onClick: p,
|
|
35
|
-
children: o.label
|
|
36
|
-
},
|
|
37
|
-
o.label
|
|
38
|
-
)) }),
|
|
23
|
+
/* @__PURE__ */ i.jsx("div", { className: r.tags, children: e.map((o) => /* @__PURE__ */ i.jsx(b, { value: o.label, size: "md", active: o.label === t, onClick: p, children: o.label }, o.label)) }),
|
|
39
24
|
s && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
|
|
40
|
-
/* @__PURE__ */ i.jsx(
|
|
41
|
-
|
|
42
|
-
{
|
|
43
|
-
as: "p",
|
|
44
|
-
defaultVariant: "bodyLg",
|
|
45
|
-
className: a(r.description, r.desktop),
|
|
46
|
-
children: s
|
|
47
|
-
}
|
|
48
|
-
),
|
|
49
|
-
/* @__PURE__ */ i.jsx(
|
|
50
|
-
m,
|
|
51
|
-
{
|
|
52
|
-
as: "p",
|
|
53
|
-
defaultVariant: "bodyMd",
|
|
54
|
-
className: a(r.description, r.mobile),
|
|
55
|
-
children: s
|
|
56
|
-
}
|
|
57
|
-
)
|
|
25
|
+
/* @__PURE__ */ i.jsx(a, { as: "p", defaultVariant: "bodyLg", className: m(r.description, r.desktop), children: s }),
|
|
26
|
+
/* @__PURE__ */ i.jsx(a, { as: "p", defaultVariant: "bodyMd", className: m(r.description, r.mobile), children: s })
|
|
58
27
|
] })
|
|
59
28
|
] });
|
|
60
29
|
};
|