@momo-webplatform/mobase-next 1.0.2 → 1.0.4

package/dist/components/blocks/HeroSection/index.d.mts

@@ -1,14 +0,0 @@
-export { HERO_SECTION_DEFAULT_BACKGROUND, HeroSection } from './HeroSection.mjs';
-export { HeroContentListFeatureProps, HeroContentListStats, HeroContentMediaProps, HeroContentProps } from './utils.mjs';
-import 'react/jsx-runtime';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';

package/dist/components/blocks/HeroSection/index.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{HeroSection as e,HERO_SECTION_DEFAULT_BACKGROUND as r}from"./HeroSection";export{r as HERO_SECTION_DEFAULT_BACKGROUND,e as HeroSection};

package/dist/components/blocks/HeroSection/utils.d.mts

@@ -1,90 +0,0 @@
-import { SectionBlockProps, HeadingBlockProps, ButtonsBlockProps } from '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare const TYPE_MEDIA_IMAGE = 1;
-declare const TYPE_MEDIA_VIDEO = 2;
-interface HeroContentProps extends SectionBlockProps {
-    /**
-     * The template of the hero section.
-     */
-    template?: 1 | 2 | 3;
-    /**
-     * The data heading of the hero section.
-     */
-    dataHeading?: HeadingBlockProps;
-    /**
-     * The array of feature items displayed in the hero section.
-     */
-    dataFeatures?: HeroContentListFeatureProps[];
-    /**
-     * The data buttons of the hero section.
-     */
-    dataButtons?: ButtonsBlockProps;
-    /**
-     * Key statistics displayed below the heading.
-     */
-    dataStats?: HeroContentListStats[];
-    /**
-     * The media (image or YouTube video) of the hero section.
-     */
-    dataMedia?: HeroContentMediaProps;
-    /**
-     * Custom component to replace the default media slot.
-     * Useful for embedding interactive widgets, app mockups, etc.
-     */
-    advancedComponent?: React.ReactNode;
-}
-interface HeroContentListFeatureProps {
-    /** Feature label — supports HTML string via html-react-parser. */
-    name?: string;
-    /** Optional image/icon URL replacing the default check icon. */
-    image?: string;
-}
-interface HeroContentListStats {
-    /**
-     * Numeric (or string) value of the stat, e.g. 30 or "30+".
-     */
-    value?: number | string;
-    /**
-     * Short suffix appended immediately after value, e.g. "M+".
-     */
-    suffix?: string;
-    /**
-     * Unit label shown after suffix, e.g. "người dùng".
-     */
-    unit?: string;
-    /**
-     * Supporting description below the value.
-     */
-    description?: string;
-}
-interface HeroContentMediaProps {
-    /** Image or video thumbnail URL. */
-    src: string;
-    /** Aspect ratio as number (e.g. 16/9) or string (e.g. "16/9"). */
-    ratio?: string | number;
-    /** Callback when the play button is clicked. */
-    onClickFC?: () => void;
-    /** Extra class on the media wrapper div. */
-    className?: string;
-    /** Extra class on the inner img element. */
-    classNameMedia?: string;
-    /** YouTube video ID — enables the play-button overlay dialog. */
-    youtubeId?: string;
-    /** Media type constant: TYPE_MEDIA_IMAGE (1) | TYPE_MEDIA_VIDEO (2). */
-    type?: number | null;
-    /** Alt text for the image. */
-    alt?: string;
-}
-
-export { type HeroContentListFeatureProps, type HeroContentListStats, type HeroContentMediaProps, type HeroContentProps, TYPE_MEDIA_IMAGE, TYPE_MEDIA_VIDEO };

package/dist/components/blocks/HeroSection/utils.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";const t=1,e=2;export{t as TYPE_MEDIA_IMAGE,e as TYPE_MEDIA_VIDEO};

package/dist/components/blocks/HowItWorksSection/HowItWorksSection.d.mts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HowItWorksSectionProps } from './utils.mjs';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare function HowItWorksSection({ template, background, className, idSection, dataHeading, dataHowItWorks, dataButtons, editorMode, }: HowItWorksSectionProps): react_jsx_runtime.JSX.Element;
-
-export { HowItWorksSection };

package/dist/components/blocks/HowItWorksSection/HowItWorksSection.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as a}from"react/jsx-runtime";import{SectionBlock as d}from"../common-blocks/common-blocks";import{HowItWorksTemplateOne as k,HowItWorksTemplateThree as p,HowItWorksTemplateTwo as w}from"./HowItWorksSectionTemplate";function H({template:n,dataHeading:o,dataHowItWorks:t,dataButtons:e,editorMode:r}){switch(n){case 2:return a(w,{dataHeading:o,dataHowItWorks:t,dataButtons:e,editorMode:r});case 3:return a(p,{dataHeading:o,dataHowItWorks:t,dataButtons:e,editorMode:r});default:return a(k,{dataHeading:o,dataHowItWorks:t,dataButtons:e,editorMode:r})}}function m({template:n=1,background:o,className:t,idSection:e,dataHeading:r,dataHowItWorks:i,dataButtons:c,editorMode:s}){return a(d,{className:t,idSection:e,background:o,editorMode:s,children:a(H,{template:n,dataHeading:r,dataHowItWorks:i,dataButtons:c,editorMode:s})})}export{m as HowItWorksSection};

package/dist/components/blocks/HowItWorksSection/HowItWorksSectionTemplate.d.mts

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HowItWorksSectionProps } from './utils.mjs';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare function HowItWorksTemplateOne({ dataHeading, dataHowItWorks, dataButtons, }: HowItWorksSectionProps): react_jsx_runtime.JSX.Element;
-declare function HowItWorksTemplateTwo({ dataHeading, dataHowItWorks, dataButtons, }: HowItWorksSectionProps): react_jsx_runtime.JSX.Element;
-declare function HowItWorksTemplateThree({ dataHeading, dataHowItWorks, dataButtons, }: HowItWorksSectionProps): react_jsx_runtime.JSX.Element;
-
-export { HowItWorksTemplateOne, HowItWorksTemplateThree, HowItWorksTemplateTwo };

package/dist/components/blocks/HowItWorksSection/HowItWorksSectionTemplate.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as r,jsxs as s}from"react/jsx-runtime";import n from"html-react-parser";import{cn as a}from"../../../lib/utils";import{AspectRatio as p}from"../../mobase/aspect-ratio";import{ButtonsBlock as w,HeadingBlock as v}from"../common-blocks/common-blocks";function f(e){return/^https?:\/\//.test(e)}function d(e){return e?r(v,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}):null}function c(e){return e?r(w,{isFullInMobile:e.isFullInMobile,buttons:e.buttons,className:e.className,align:"center"}):null}function m(e,t){return s("div",{"data-slot":"how-it-works-step-content",className:"w-full",children:[r("div",{"data-slot":"how-it-works-step-title",className:"w-full text-xl font-semibold",children:n(e.title)}),e.description?r("div",{"data-slot":"how-it-works-step-description",className:a("mt-2 text-base text-muted-foreground",t),children:n(e.description)}):null]})}function g(e,t){return typeof e!="string"?e:f(e)?r("img",{src:e,alt:t,className:"block object-cover",loading:"lazy"}):r("span",{className:"[&_svg]:h-6 [&_svg]:w-6 [&_svg]:stroke-current [&_svg]:stroke-2",children:n(e.replace(/\n|\r/g,""))})}function b(e,t){return e?r("div",{"data-slot":"how-it-works-step-image",className:"aspect-square w-full overflow-hidden rounded-lg bg-muted",children:r(p,{ratio:1,children:typeof e=="string"?f(e)?r("img",{src:e,alt:t,className:"h-full w-full object-cover",loading:"lazy"}):r("div",{className:"flex h-full w-full items-center justify-center text-primary [&_svg]:h-12 [&_svg]:w-12 [&_svg]:stroke-current [&_svg]:stroke-2",children:n(e.replace(/\n|\r/g,""))}):r("div",{className:"flex h-full w-full items-center justify-center",children:e})})}):null}function u(e,t){return a("basis-full px-3.5",e===4?"md:basis-1/2 lg:basis-1/4":"md:basis-1/3",t)}function N({dataHeading:e,dataHowItWorks:t,dataButtons:i}){return s("div",{"data-slot":"how-it-works-template-1",children:[d(e),t&&t.length>0?r("div",{"data-slot":"how-it-works-steps",className:"-mx-3.5 flex flex-row flex-wrap justify-center gap-y-5",children:t.map((o,l)=>r("div",{"data-slot":"how-it-works-step",className:u(t.length),children:s("div",{className:"h-full rounded-lg border border-border bg-card px-6 py-8 text-center shadow-lg md:px-4 lg:px-6",children:[r("div",{"data-slot":"how-it-works-step-number",className:"mx-auto flex h-9 w-9 items-center justify-center rounded-full bg-primary text-xl font-bold text-primary-foreground",children:l+1}),r("div",{className:"mt-6",children:m(o)})]})},l))}):null,c(i)]})}function j({dataHeading:e,dataHowItWorks:t,dataButtons:i}){return s("div",{"data-slot":"how-it-works-template-2",children:[d(e),t&&t.length>0?r("div",{"data-slot":"how-it-works-steps",className:"-mx-3.5 mt-9 flex flex-row flex-wrap justify-center gap-y-9",children:t.map((o,l)=>s("div",{"data-slot":"how-it-works-step",className:u(t.length,"text-center"),children:[s("div",{className:"relative mx-auto flex h-52 w-52 items-center justify-center",children:[r("div",{"data-slot":"how-it-works-step-number",className:"absolute -left-4 -top-4 z-10 flex h-12 w-12 items-center justify-center rounded-full border-4 border-background bg-primary text-lg font-bold text-primary-foreground",children:l+1}),b(o.image,o.title)]}),r("div",{className:"mt-6",children:m(o)})]},l))}):null,c(i)]})}function S({dataHeading:e,dataHowItWorks:t,dataButtons:i}){return s("div",{"data-slot":"how-it-works-template-3",children:[d(e),t&&t.length>0?r("div",{"data-slot":"how-it-works-steps",className:"flex flex-col justify-center gap-y-14 md:flex-row md:gap-x-4",children:t.map((o,l)=>s("div",{"data-slot":"how-it-works-step",className:a("relative basis-full text-center","before:absolute before:bg-border before:content-[''] first:before:hidden","after:absolute after:bg-border after:content-[''] last:after:hidden","before:-top-10 before:start-1/2 before:h-6 before:w-[1px]","md:before:inset-auto md:before:-start-3.5 md:before:top-8 md:before:h-[1px] md:before:w-[calc(50%-2rem)]","after:-bottom-10 after:start-1/2 after:h-6 after:w-[1px]","md:after:inset-auto md:after:-end-3.5 md:after:top-8 md:after:h-[1px] md:after:w-[calc(50%-2rem)]"),children:[o.image?r("span",{"data-slot":"how-it-works-step-icon",className:"mx-auto flex size-12 items-center justify-center rounded-full bg-primary text-primary-foreground md:size-14",children:g(o.image,o.title)}):null,r("div",{className:"mt-4 md:mt-6",children:m(o)})]},l))}):null,c(i)]})}export{N as HowItWorksTemplateOne,S as HowItWorksTemplateThree,j as HowItWorksTemplateTwo};

package/dist/components/blocks/HowItWorksSection/index.d.mts

@@ -1,14 +0,0 @@
-export { HowItWorksSection } from './HowItWorksSection.mjs';
-export { HowItWorksData, HowItWorksSectionProps } from './utils.mjs';
-import 'react/jsx-runtime';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';

package/dist/components/blocks/HowItWorksSection/index.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{HowItWorksSection as r}from"./HowItWorksSection";export{r as HowItWorksSection};

package/dist/components/blocks/HowItWorksSection/utils.d.mts

@@ -1,47 +0,0 @@
-import { SectionBlockProps, HeadingBlockProps, ButtonsBlockProps } from '../common-blocks/utils.mjs';
-import { ReactElement } from 'react';
-import '../action-button/utils.mjs';
-import '../../mobase/button.mjs';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-interface HowItWorksData {
-    /**
-     * Image banner `src` or icon (`svg` string or React `svg` element) of the step.
-     */
-    image?: string | ReactElement;
-    /**
-     * Title of the step.
-     */
-    title: string;
-    /**
-     * Description of the step.
-     */
-    description?: string;
-}
-interface HowItWorksSectionProps extends SectionBlockProps {
-    /**
-     * The template of the section.
-     */
-    template?: 1 | 2 | 3;
-    /**
-     * The data heading of the section.
-     */
-    dataHeading?: HeadingBlockProps;
-    /**
-     * The array data steps of the section.
-     */
-    dataHowItWorks?: HowItWorksData[];
-    /**
-     * The data buttons of the section.
-     */
-    dataButtons?: ButtonsBlockProps;
-}
-
-export type { HowItWorksData, HowItWorksSectionProps };

package/dist/components/blocks/MetricsSection/MetricsSection.d.mts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MetricsSectionProps } from './utils.mjs';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare const MetricsSection: ({ idSection, dataHeading, dataMetrics, dataButtons, background, className, template, editorMode, }: MetricsSectionProps) => react_jsx_runtime.JSX.Element;
-
-export { MetricsSection };

package/dist/components/blocks/MetricsSection/MetricsSection.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as u,jsx as i}from"react/jsx-runtime";import{cn as p}from"../../../lib/utils";import{SectionBlock as M}from"../common-blocks/common-blocks";import{MetricsSectionTemplateOne as a,MetricsSectionTemplateTwo as m}from"./MetricsSectionTemplate";const S=({dataHeading:t,dataMetrics:e,template:n,dataButtons:o,editorMode:r})=>{switch(n){case 1:return i(a,{dataMetrics:e,dataButtons:o,dataHeading:t,editorMode:r});case 2:return i(m,{dataMetrics:e,dataButtons:o,dataHeading:t,editorMode:r});default:return i(a,{dataMetrics:e,dataButtons:o,dataHeading:t,editorMode:r})}},l=({dataHeading:t,dataMetrics:e,template:n,dataButtons:o,editorMode:r})=>i(u,{children:S({dataHeading:t,dataMetrics:e,template:n,dataButtons:o,editorMode:r})}),g=({idSection:t,dataHeading:e,dataMetrics:n=[],dataButtons:o,background:r,className:s,template:d,editorMode:c})=>i(M,{className:p(s),background:r,idSection:t,editorMode:c,children:i(l,{dataHeading:e,dataMetrics:n,dataButtons:o,template:d,editorMode:c})});export{g as MetricsSection};

package/dist/components/blocks/MetricsSection/MetricsSectionTemplate.d.mts

@@ -1,15 +0,0 @@
-export { MetricsSectionTemplateOne } from './template/MetricsSectionTemplateOne.mjs';
-export { MetricsSectionTemplateTwo } from './template/MetricsSectionTemplateTwo.mjs';
-import 'react/jsx-runtime';
-import './utils.mjs';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';

package/dist/components/blocks/MetricsSection/MetricsSectionTemplate.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{MetricsSectionTemplateOne as e}from"./template/MetricsSectionTemplateOne";import{MetricsSectionTemplateTwo as t}from"./template/MetricsSectionTemplateTwo";export{e as MetricsSectionTemplateOne,t as MetricsSectionTemplateTwo};

package/dist/components/blocks/MetricsSection/index.d.mts

@@ -1,14 +0,0 @@
-export { MetricsSection } from './MetricsSection.mjs';
-export { MetricsSectionProps } from './utils.mjs';
-import 'react/jsx-runtime';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';

package/dist/components/blocks/MetricsSection/index.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{MetricsSection as o}from"./MetricsSection";export{o as MetricsSection};

package/dist/components/blocks/MetricsSection/template/MetricsSectionTemplateOne.d.mts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MetricsSectionProps } from '../utils.mjs';
-import '../../common-blocks/utils.mjs';
-import '../../action-button/utils.mjs';
-import 'react';
-import '../../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../../dialog-qr/DialogQr.mjs';
-import '../../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare const MetricsSectionTemplateOne: ({ dataMetrics, dataButtons, dataHeading, }: MetricsSectionProps) => react_jsx_runtime.JSX.Element;
-
-export { MetricsSectionTemplateOne };

package/dist/components/blocks/MetricsSection/template/MetricsSectionTemplateOne.mjs

@@ -1 +0,0 @@
-import"../../../../chunk-7LRQ2WLZ.mjs";import{jsx as r,jsxs as v}from"react/jsx-runtime";import f from"react";import c from"html-react-parser";import{cn as s}from"../../../../lib/utils";import{ButtonsBlock as e,HeadingBlock as N}from"../../common-blocks/common-blocks";const b=({metric:l})=>{const{metricTitle:o="",metricValue:m="",metricDescription:p=""}=l!=null?l:{};return v("div",{className:"text-center",children:[r("div",{className:"text-primary text-3xl font-bold md:text-4xl",children:c(m!=null?m:"")}),r("div",{className:"text-foreground mt-2 text-sm font-semibold",children:c(o!=null?o:"")}),p&&r("div",{className:"text-muted-foreground mt-2 text-sm",children:c(p!=null?p:"")})]})},R=({dataMetrics:l,dataButtons:o,dataHeading:m})=>v(f.Fragment,{children:[m&&r(N,{tagline:m==null?void 0:m.tagline,title:m==null?void 0:m.title,description:m==null?void 0:m.description,tagHeading:m==null?void 0:m.tagHeading,align:"center",colorScheme:(m==null?void 0:m.colorScheme)||"pink",sizeHeading:m==null?void 0:m.sizeHeading,className:s(m==null?void 0:m.className)}),l&&(l==null?void 0:l.length)>0&&r("div",{className:s("grid grid-cols-1 gap-10 py-4 md:grid-cols-3 md:gap-4 md:py-0",(l==null?void 0:l.length)===2&&"md:grid-cols-4 md:[&>*:first-child]:col-start-2",(l==null?void 0:l.length)===4&&"md:grid-cols-4"),children:l==null?void 0:l.map((p,x)=>r(f.Fragment,{children:r(b,{metric:p})},x))}),o&&r(e,{isFullInMobile:o==null?void 0:o.isFullInMobile,buttons:o==null?void 0:o.buttons,className:s(o==null?void 0:o.className,"mt-8 md:mt-10"),align:"center"})]});export{R as MetricsSectionTemplateOne};

package/dist/components/blocks/MetricsSection/template/MetricsSectionTemplateTwo.d.mts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MetricsSectionProps } from '../utils.mjs';
-import '../../common-blocks/utils.mjs';
-import '../../action-button/utils.mjs';
-import 'react';
-import '../../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../../dialog-qr/DialogQr.mjs';
-import '../../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare function MetricsSectionTemplateTwo({ dataMetrics, dataButtons, dataHeading, }: MetricsSectionProps): react_jsx_runtime.JSX.Element;
-
-export { MetricsSectionTemplateTwo };

package/dist/components/blocks/MetricsSection/template/MetricsSectionTemplateTwo.mjs

@@ -1 +0,0 @@
-import"../../../../chunk-7LRQ2WLZ.mjs";import{Fragment as u,jsx as t,jsxs as s}from"react/jsx-runtime";import c from"react";import n from"html-react-parser";import{cn as r}from"../../../../lib/utils";import{ButtonsBlock as d,HeadingBlock as g}from"../../common-blocks/common-blocks";function p({metric:l}){const{metricTitle:o="",metricValue:e="",metricDescription:i=""}=l!=null?l:{};return s("div",{className:"bg-muted p-4 text-center md:p-8",children:[t("div",{className:"text-foreground text-2xl font-bold md:text-3xl",children:n(e!=null?e:"")}),t("div",{className:"text-muted-foreground mt-2 text-sm font-semibold",children:n(o!=null?o:"")}),i?t("div",{className:"text-muted-foreground mt-2 hidden text-sm md:block",children:n(i!=null?i:"")}):null]})}function b({dataMetrics:l,dataButtons:o,dataHeading:e}){return s(u,{children:[e?t(g,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:r(e.className)}):null,l&&l.length>0?t("div",{className:r("grid grid-cols-2 gap-px overflow-hidden rounded-lg md:rounded-xl md:py-0 lg:grid-cols-4",l.length===2&&"lg:grid-cols-2",l.length===3&&"lg:grid-cols-3"),children:l.map((i,m)=>t(c.Fragment,{children:t(p,{metric:i})},m))}):null,o?t(d,{isFullInMobile:o.isFullInMobile,buttons:o.buttons,className:r(o.className,"mt-8 md:mt-10"),align:"center"}):null]})}export{b as MetricsSectionTemplateTwo};

package/dist/components/blocks/MetricsSection/utils.d.mts

@@ -1,38 +0,0 @@
-import { SectionBlockProps, HeadingBlockProps, ButtonsBlockProps } from '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-interface DataMetricsProps {
-    metricValue: string;
-    metricTitle: string;
-    metricDescription?: string;
-}
-interface MetricsSectionProps extends SectionBlockProps {
-    /**
-     * The template of the metrics section.
-     * The template value must be a positive integer greater than 0.
-     */
-    template?: (number & {
-        __type?: "PositiveInteger";
-    }) | 1;
-    /**
-     * The data heading of the metrics section.
-     */
-    dataHeading: HeadingBlockProps;
-    /**
-     * The array data metrics of the metrics section.
-     */
-    dataMetrics: DataMetricsProps[];
-    dataButtons?: ButtonsBlockProps;
-}
-
-export type { DataMetricsProps, MetricsSectionProps };

package/dist/components/blocks/NewsSection/NewsSection.d.mts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NewsSectionProps } from './utils.mjs';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare function NewsSection({ idSection, dataHeading, dataHorizontalScroll, dataNews, className, background, template, onClickModal, onClickLoadMore, editorMode, }: NewsSectionProps): react_jsx_runtime.JSX.Element;
-
-export { NewsSection };

package/dist/components/blocks/NewsSection/NewsSection.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as f,jsx as c}from"react/jsx-runtime";import{cn as S}from"../../../lib/utils";import{SectionBlock as m}from"../common-blocks/common-blocks";import{NewsSectionTemplateOne as d}from"./NewsSectionTemplate";function w({template:a,dataNews:o,dataHeading:e,dataHorizontalScroll:t,onClickModal:n,onClickLoadMore:r,editorMode:i}){switch(a){case 1:return c(d,{dataNews:o,dataHeading:e,dataHorizontalScroll:t,onClickModal:n,onClickLoadMore:r,editorMode:i});default:return c(d,{dataNews:o,dataHeading:e,dataHorizontalScroll:t,onClickModal:n,onClickLoadMore:r,editorMode:i})}}function N({dataHeading:a,dataHorizontalScroll:o,dataNews:e,template:t,onClickModal:n,onClickLoadMore:r,editorMode:i}){return c(f,{children:w({dataHeading:a,dataHorizontalScroll:o,dataNews:e,template:t,onClickModal:n,onClickLoadMore:r,editorMode:i})})}function u({idSection:a,dataHeading:o,dataHorizontalScroll:e,dataNews:t=[],className:n,background:r,template:i=1,onClickModal:l,onClickLoadMore:s,editorMode:p}){return c(m,{className:S(n),background:r,idSection:a,children:c(N,{dataHeading:o,dataHorizontalScroll:e,dataNews:t,template:i,onClickModal:l,onClickLoadMore:s,editorMode:p})})}export{u as NewsSection};

package/dist/components/blocks/NewsSection/NewsSectionTemplate.d.mts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { NewsSectionProps } from './utils.mjs';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import '../../mobase/button.mjs';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare const NewsSectionTemplateOne: React.NamedExoticComponent<NewsSectionProps>;
-
-export { NewsSectionTemplateOne };

package/dist/components/blocks/NewsSection/NewsSectionTemplate.mjs

@@ -1 +0,0 @@
-"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as S,jsx as m,jsxs as v}from"react/jsx-runtime";import{memo as U}from"react";import{ArrowDownIcon as L,Loader2Icon as j}from"lucide-react";import A from"html-react-parser";import{cn as b,stripHtml as C}from"../../../lib/utils";import{Button as R}from"../../mobase/button";import{HorizontalContent as X,HorizontalNext as _,HorizontalPrevious as q,HorizontalScroll as V}from"../../mobase/horizontal-scroll";import{Tabs as d,TabsContent as F,TabsList as T,TabsTrigger as k}from"../../mobase/tabs";import{ActionButton as J}from"../action-button/action-button";import{HeadingBlock as K}from"../common-blocks/common-blocks";const Q=({news:l})=>{const i=(r,c)=>{r==null||r.preventDefault(),r==null||r.stopPropagation(),window.open(c,"_blank")};return v(S,{children:[m("div",{className:"relative block aspect-square overflow-hidden rounded-md bg-muted md:aspect-[77/37] md:rounded-none",children:v("picture",{children:[m("source",{media:"(min-width: 640px)",srcSet:l==null?void 0:l.thumbnailDesktop}),m("img",{className:"h-full w-full object-cover",src:l==null?void 0:l.thumbnailMobile,alt:l==null?void 0:l.title})]})}),v("div",{className:"mt-3 flex flex-1 flex-col md:mt-0 md:p-3",children:[m("div",{className:"line-clamp-2 flex-1 text-sm font-medium text-foreground group-hover:text-primary md:line-clamp-none",children:l==null?void 0:l.title}),v("div",{className:"mt-2 flex items-center space-x-1",children:[(l==null?void 0:l.category)&&(l==null?void 0:l.categoryUrl)&&v(S,{children:[m(R,{type:"button",variant:"link",className:"h-auto shrink-0 justify-start whitespace-normal p-0 text-left text-xs font-normal text-primary line-clamp-1",title:l==null?void 0:l.category,onClick:r=>i(r,(l==null?void 0:l.categoryUrl)||""),children:l==null?void 0:l.category}),(l==null?void 0:l.category)&&(l==null?void 0:l.dateTime)&&m("span",{className:"flex-none leading-none",children:"\xB7"})]}),m("div",{className:"flex-none text-xs text-muted-foreground",children:l==null?void 0:l.dateTime})]})]})]})},W=U(function({dataHeading:i,dataHorizontalScroll:r,dataNews:c,onClickModal:x,onClickLoadMore:f,editorMode:g}){var y;const{showGradientOverlay:z=!0,gradientOverlayColor:P,className:O}=r||{},B=(t,o,a)=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),x?x(o):window.open(a,"_blank")},h=(t,o)=>{var a,N;return v("div",{children:[m("div",{className:b("-mx-2 flex flex-row flex-wrap gap-y-5",((a=t==null?void 0:t.newsList)==null?void 0:a.length)!==void 0&&t.newsList.length<4?"md:justify-center":""),children:(N=t==null?void 0:t.newsList)==null?void 0:N.map((e,D)=>m("div",{className:"min-w-0 basis-1/2 px-2 lg:basis-1/4",children:m("div",{onClick:E=>B(E,e==null?void 0:e.id,e==null?void 0:e.url),className:b("group flex cursor-pointer flex-col overflow-hidden md:h-full md:rounded-md md:bg-card md:shadow-md",t==null?void 0:t.classNameItem),children:m(Q,{news:e})},e==null?void 0:e.id)},D))}),(t==null?void 0:t.isShowBtn)&&m("div",{className:"mt-8 flex w-full items-center justify-center",children:v(J,{action:(t==null?void 0:t.btnUrl)||f&&(()=>f==null?void 0:f(o)),newTab:t==null?void 0:t.isNewTab,variant:"outline",disabled:t==null?void 0:t.isLoading,dataUmamiEvent:t==null?void 0:t.dataUmamiEvent,dataUmamiEventText:C(t==null?void 0:t.btnName)||"Xem th\xEAm",children:[A(t.btnName||"Xem th\xEAm"),t!=null&&t.isLoading?m(j,{className:"ml-2 size-5 animate-spin","aria-hidden":!0}):f&&!(t!=null&&t.btnUrl)&&m(L,{className:"-mb-1 ml-2 size-5 animate-bounce","aria-hidden":!0})]})})]},(t==null?void 0:t.title)||o)};return v("div",{"data-slot":"news-section-template-1",children:[i&&m(K,{tagline:i==null?void 0:i.tagline,title:i==null?void 0:i.title,description:i==null?void 0:i.description,tagHeading:i==null?void 0:i.tagHeading,align:"center",colorScheme:(i==null?void 0:i.colorScheme)||"pink",sizeHeading:i==null?void 0:i.sizeHeading,className:b(i==null?void 0:i.className)}),(c==null?void 0:c.length)>1?v(d,{defaultValue:(y=c[0])==null?void 0:y.title,children:[g?m("div",{className:"mb-6 text-center",children:m(T,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible flex-wrap justify-center gap-2",children:c.map((t,o)=>m(k,{value:t.title,children:t.title},t.title+o))})}):v(V,{showGradientOverlay:z,gradientOverlayColor:P,className:O,children:[m(X,{className:"mb-6 text-center",children:m(T,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",children:c.map((t,o)=>m(k,{value:t.title,children:t.title},t.title+o))})}),m(q,{}),m(_,{})]}),c.map((t,o)=>m(F,{value:t.title,children:h(t,o)},t.title+o))]}):(c==null?void 0:c.length)===1&&c[0]&&h(c[0],0)]})});export{W as NewsSectionTemplateOne};

package/dist/components/blocks/NewsSection/index.d.mts

@@ -1,14 +0,0 @@
-export { NewsSection } from './NewsSection.mjs';
-export { DataHorizontalScrollProps, DataNewsProps, NewsItemProps, NewsSectionProps } from './utils.mjs';
-import 'react/jsx-runtime';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';

package/dist/components/blocks/NewsSection/index.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{NewsSection as r}from"./NewsSection";export{r as NewsSection};

package/dist/components/blocks/NewsSection/utils.d.mts

@@ -1,66 +0,0 @@
-import { SectionBlockProps, HeadingBlockProps } from '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-interface NewsItemProps {
-    /** The id of the news item. */
-    id: number;
-    /** The title of the news item. */
-    title: string;
-    /** The date time of the news item. */
-    dateTime?: string;
-    /** Thumbnail for small viewports. */
-    thumbnailMobile: string;
-    /** Thumbnail for desktop. */
-    thumbnailDesktop: string;
-    /** The url of the news item. */
-    url: string;
-    /** The category of the news item. */
-    category?: string;
-    /** The category url of the news item. */
-    categoryUrl?: string;
-}
-interface DataNewsProps {
-    /** The title of the news group (tab label). */
-    title: string;
-    /** The array of news items. */
-    newsList: NewsItemProps[];
-    /** The class name of the news item. */
-    classNameItem?: string;
-    /** Show the CTA button. Default false. */
-    isShowBtn?: boolean;
-    /** The url of the button. */
-    btnUrl?: string;
-    /** The name of the button. Default "Xem thêm". */
-    btnName?: string;
-    /** Open the button in a new tab. Default false. */
-    isNewTab?: boolean;
-    /** Loading state for load-more. Default false. */
-    isLoading?: boolean;
-    /** Umami tracking event name for the load more button. */
-    dataUmamiEvent?: string;
-}
-interface DataHorizontalScrollProps {
-    showGradientOverlay?: boolean;
-    gradientOverlayColor?: string;
-    className?: string;
-}
-interface NewsSectionProps extends SectionBlockProps {
-    template?: 1;
-    dataHeading: HeadingBlockProps;
-    dataHorizontalScroll?: DataHorizontalScrollProps;
-    dataNews: DataNewsProps[];
-    onClickModal?: (id: number) => void;
-    onClickLoadMore?: (tabIndex: number) => void;
-}
-
-export type { DataHorizontalScrollProps, DataNewsProps, NewsItemProps, NewsSectionProps };

package/dist/components/blocks/SocialProofSection/SocialProofSection.d.mts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SocialProofSectionProps } from './utils.mjs';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare function SocialProofSection({ template, background, className, idSection, dataHeading, dataBrands, dataButtons, spaceX, isScrollSnap, editorMode, }: SocialProofSectionProps): react_jsx_runtime.JSX.Element;
-
-export { SocialProofSection };

package/dist/components/blocks/SocialProofSection/SocialProofSection.mjs

@@ -1 +0,0 @@
-import{a as r}from"../../../chunk-7LRQ2WLZ.mjs";import{jsx as e}from"react/jsx-runtime";import{cn as m}from"../../../lib/utils";import{SectionBlock as s}from"../common-blocks/common-blocks";import{SocialProofTemplate1 as d,SocialProofTemplate2 as P,SocialProofTemplate3 as u,SocialProofTemplate4 as B}from"./SocialProofTemplates";function T({template:t,dataHeading:c,dataBrands:i,dataButtons:a,spaceX:n,isScrollSnap:l,editorMode:S}){const o={dataHeading:c,dataBrands:i,dataButtons:a,spaceX:n,isScrollSnap:l,editorMode:S};switch(t){case 2:return e(P,r({},o));case 3:return e(u,r({},o));case 4:return e(B,r({},o));default:return e(d,r({},o))}}function k({template:t=1,background:c,className:i,idSection:a,dataHeading:n,dataBrands:l=[],dataButtons:S,spaceX:o="20px",isScrollSnap:f,editorMode:p}){return e(s,{className:m(t===3&&"overflow-hidden md:overflow-visible",i),idSection:a,background:c,children:e(T,{template:t,dataHeading:n,dataBrands:l,dataButtons:S,spaceX:o,isScrollSnap:f,editorMode:p})})}export{k as SocialProofSection};

package/dist/components/blocks/SocialProofSection/SocialProofTemplates.d.mts

@@ -1,17 +0,0 @@
-export { SocialProofTemplate1 } from './templates/SocialProofTemplate1.mjs';
-export { SocialProofTemplate2 } from './templates/SocialProofTemplate2.mjs';
-export { SocialProofTemplate3 } from './templates/SocialProofTemplate3.mjs';
-export { SocialProofTemplate4 } from './templates/SocialProofTemplate4.mjs';
-import 'react';
-import 'react/jsx-runtime';
-import './utils.mjs';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';

package/dist/components/blocks/SocialProofSection/SocialProofTemplates.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{SocialProofTemplate1 as r}from"./templates/SocialProofTemplate1";import{SocialProofTemplate2 as f}from"./templates/SocialProofTemplate2";import{SocialProofTemplate3 as m}from"./templates/SocialProofTemplate3";import{SocialProofTemplate4 as t}from"./templates/SocialProofTemplate4";export{r as SocialProofTemplate1,f as SocialProofTemplate2,m as SocialProofTemplate3,t as SocialProofTemplate4};

package/dist/components/blocks/SocialProofSection/index.d.mts

@@ -1,14 +0,0 @@
-export { SocialProofSection } from './SocialProofSection.mjs';
-export { BrandData, SocialProofSectionProps } from './utils.mjs';
-import 'react/jsx-runtime';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';

package/dist/components/blocks/SocialProofSection/index.mjs

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{SocialProofSection as t}from"./SocialProofSection";export{t as SocialProofSection};

package/dist/components/blocks/SocialProofSection/templates/SocialProofTemplate1.d.mts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SocialProofSectionProps } from '../utils.mjs';
-import '../../common-blocks/utils.mjs';
-import '../../action-button/utils.mjs';
-import '../../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../../dialog-qr/DialogQr.mjs';
-import '../../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-declare const SocialProofTemplate1: React.MemoExoticComponent<({ dataHeading, dataBrands, dataButtons, spaceX, isScrollSnap }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element>;
-
-export { SocialProofTemplate1 };