@momo-webplatform/mobase 0.2.69 → 0.2.70
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/cjs/index.cjs +2 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +3 -3
- package/dist/esm/index.d.ts +3 -3
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
package/dist/cjs/index.d.cts
CHANGED
|
@@ -812,7 +812,7 @@ interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
|
812
812
|
declare const TextArea: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
813
813
|
|
|
814
814
|
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
815
|
-
variant?: "error" | "
|
|
815
|
+
variant?: "error" | "success" | "warning" | null | undefined;
|
|
816
816
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
|
|
817
817
|
declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
818
818
|
type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast$1>;
|
|
@@ -1102,10 +1102,10 @@ interface CalloutProps {
|
|
|
1102
1102
|
icon?: React.ReactNode;
|
|
1103
1103
|
}
|
|
1104
1104
|
declare const Callout: React$1.ForwardRefExoticComponent<CalloutProps & VariantProps<(props?: ({
|
|
1105
|
-
typeDiv?: "error" | "
|
|
1105
|
+
typeDiv?: "error" | "success" | "warning" | "neutral" | "info" | null | undefined;
|
|
1106
1106
|
disabled?: boolean | null | undefined;
|
|
1107
1107
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & VariantProps<(props?: ({
|
|
1108
|
-
typeIcon?: "error" | "
|
|
1108
|
+
typeIcon?: "error" | "success" | "warning" | "neutral" | "info" | null | undefined;
|
|
1109
1109
|
disabled?: boolean | null | undefined;
|
|
1110
1110
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1111
1111
|
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -812,7 +812,7 @@ interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
|
812
812
|
declare const TextArea: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
813
813
|
|
|
814
814
|
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
815
|
-
variant?: "error" | "
|
|
815
|
+
variant?: "error" | "success" | "warning" | null | undefined;
|
|
816
816
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
|
|
817
817
|
declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
818
818
|
type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast$1>;
|
|
@@ -1102,10 +1102,10 @@ interface CalloutProps {
|
|
|
1102
1102
|
icon?: React.ReactNode;
|
|
1103
1103
|
}
|
|
1104
1104
|
declare const Callout: React$1.ForwardRefExoticComponent<CalloutProps & VariantProps<(props?: ({
|
|
1105
|
-
typeDiv?: "error" | "
|
|
1105
|
+
typeDiv?: "error" | "success" | "warning" | "neutral" | "info" | null | undefined;
|
|
1106
1106
|
disabled?: boolean | null | undefined;
|
|
1107
1107
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & VariantProps<(props?: ({
|
|
1108
|
-
typeIcon?: "error" | "
|
|
1108
|
+
typeIcon?: "error" | "success" | "warning" | "neutral" | "info" | null | undefined;
|
|
1109
1109
|
disabled?: boolean | null | undefined;
|
|
1110
1110
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1111
1111
|
|
package/dist/esm/index.js
CHANGED
|
@@ -94,7 +94,7 @@ import*as go from"react";import{ChevronDownIcon as Cl}from"@heroicons/react/20/s
|
|
|
94
94
|
color: rgb(var(--mobase-red-500) / 1);
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
`})]}));import*as na from"react";var Mc=1,Ic=1e6;var oi=0;function Ac(){return oi=(oi+1)%Number.MAX_SAFE_INTEGER,oi.toString()}var ai=new Map,Br=e=>{if(ai.has(e))return;let o=setTimeout(()=>{ai.delete(e),Do({type:"REMOVE_TOAST",toastId:e})},Ic);ai.set(e,o)},Lc=(e,o)=>{switch(o.type){case"ADD_TOAST":return{...e,toasts:[o.toast,...e.toasts].slice(0,Mc)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(t=>t.id===o.toast.id?{...t,...o.toast}:t)};case"DISMISS_TOAST":{let{toastId:t}=o;return t?Br(t):e.toasts.forEach(a=>{Br(a.id)}),{...e,toasts:e.toasts.map(a=>a.id===t||t===void 0?{...a,open:!1}:a)}}case"REMOVE_TOAST":return o.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(t=>t.id!==o.toastId)};default:return e}},ia=[],ra={toasts:[]};function Do(e){ra=Lc(ra,e),ia.forEach(o=>{o(ra)})}function Vr({...e}){let o=Ac(),t=i=>Do({type:"UPDATE_TOAST",toast:{...i,id:o}}),a=()=>Do({type:"DISMISS_TOAST",toastId:o});return Do({type:"ADD_TOAST",toast:{...e,id:o,open:!0,onOpenChange:i=>{i||a()}}}),{id:o,dismiss:a,update:t}}function ii(){let[e,o]=na.useState(ra);return na.useEffect(()=>(ia.push(o),()=>{let t=ia.indexOf(o);t>-1&&ia.splice(t,1)}),[e]),{...e,toast:Vr,dismiss:t=>Do({type:"DISMISS_TOAST",toastId:t})}}import*as Ht from"react";import*as Q from"@radix-ui/react-toast";import{cva as
|
|
97
|
+
`})]}));import*as na from"react";var Mc=1,Ic=1e6;var oi=0;function Ac(){return oi=(oi+1)%Number.MAX_SAFE_INTEGER,oi.toString()}var ai=new Map,Br=e=>{if(ai.has(e))return;let o=setTimeout(()=>{ai.delete(e),Do({type:"REMOVE_TOAST",toastId:e})},Ic);ai.set(e,o)},Lc=(e,o)=>{switch(o.type){case"ADD_TOAST":return{...e,toasts:[o.toast,...e.toasts].slice(0,Mc)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(t=>t.id===o.toast.id?{...t,...o.toast}:t)};case"DISMISS_TOAST":{let{toastId:t}=o;return t?Br(t):e.toasts.forEach(a=>{Br(a.id)}),{...e,toasts:e.toasts.map(a=>a.id===t||t===void 0?{...a,open:!1}:a)}}case"REMOVE_TOAST":return o.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(t=>t.id!==o.toastId)};default:return e}},ia=[],ra={toasts:[]};function Do(e){ra=Lc(ra,e),ia.forEach(o=>{o(ra)})}function Vr({...e}){let o=Ac(),t=i=>Do({type:"UPDATE_TOAST",toast:{...i,id:o}}),a=()=>Do({type:"DISMISS_TOAST",toastId:o});return Do({type:"ADD_TOAST",toast:{...e,id:o,open:!0,onOpenChange:i=>{i||a()}}}),{id:o,dismiss:a,update:t}}function ii(){let[e,o]=na.useState(ra);return na.useEffect(()=>(ia.push(o),()=>{let t=ia.indexOf(o);t>-1&&ia.splice(t,1)}),[e]),{...e,toast:Vr,dismiss:t=>Do({type:"DISMISS_TOAST",toastId:t})}}import*as Ht from"react";import{CheckCircleIcon as Ec,ExclamationTriangleIcon as Hc,InformationCircleIcon as Fc,XMarkIcon as zc}from"@heroicons/react/20/solid";import*as Q from"@radix-ui/react-toast";import{cva as _c}from"class-variance-authority";import{jsx as lt,jsxs as Or}from"react/jsx-runtime";var Wr=Q.Provider,ri=Ht.forwardRef(({className:e,...o},t)=>lt(Q.Viewport,{ref:t,className:r("fixed bottom-0 left-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-auto sm:left-auto sm:right-0 sm:top-0 sm:flex-col md:max-w-[420px]",e),...o}));ri.displayName=Q.Viewport.displayName;var Bc=_c("data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-bottom-full data-[state=open]:sm:slide-in-from-top-full group pointer-events-auto relative w-full overflow-hidden rounded-md border border border-l-4 border-gray-200 bg-white py-4 pl-10 pr-10 text-gray-900 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none",{variants:{variant:{success:"border-l-green-500",warning:"border-l-yellow-500",error:"border-l-red-500"}},defaultVariants:{variant:"success"}}),ni=Ht.forwardRef(({className:e,variant:o="success",children:t,...a},i)=>Or(Q.Root,{ref:i,className:r(Bc({variant:o}),e),...a,children:[Or("div",{className:"absolute left-3 top-4 flex h-5 w-5 items-center justify-center",children:[o==="success"&<(Ec,{className:"h-5 w-5 text-green-500"}),o==="warning"&<(Hc,{className:"h-5 w-5 text-yellow-500"}),o==="error"&<(Fc,{className:"h-5 w-5 text-red-500"})]}),t]}));ni.displayName=Q.Root.displayName;var $r=Ht.forwardRef(({className:e,...o},t)=>lt(Q.Action,{ref:t,className:r("ring-offset-background hover:bg-secondary focus:ring-ring mt-2 inline-flex shrink-0 items-center justify-center bg-transparent text-sm font-medium text-blue-600 transition-colors hover:underline focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:pointer-events-none disabled:opacity-50",e),...o}));$r.displayName=Q.Action.displayName;var si=Ht.forwardRef(({className:e,...o},t)=>lt(Q.Close,{ref:t,className:r("absolute right-2 top-2 flex h-8 w-8 items-center justify-center rounded-md text-gray-800 transition-opacity hover:opacity-70 focus:opacity-100 focus:outline-none focus:ring-2",e),"toast-close":"",...o,children:lt(zc,{className:"h-5 w-5"})}));si.displayName=Q.Close.displayName;var li=Ht.forwardRef(({className:e,...o},t)=>lt(Q.Title,{ref:t,className:r("text-base font-semibold leading-tight",e),...o}));li.displayName=Q.Title.displayName;var mi=Ht.forwardRef(({className:e,...o},t)=>lt(Q.Description,{ref:t,className:r("text-sm opacity-90",e),...o}));mi.displayName=Q.Description.displayName;import{jsx as sa,jsxs as ci}from"react/jsx-runtime";function Vc(){let{toasts:e}=ii();return ci(Wr,{children:[e.map(function({id:o,title:t,description:a,action:i,...n}){return ci(ni,{...n,children:[ci("div",{className:"grid gap-2",children:[t&&sa(li,{children:t}),a&&sa(mi,{children:a})]}),i,sa(si,{})]},o)}),sa(ri,{})]})}import*as di from"react";import*as Te from"@radix-ui/react-tooltip";import{jsx as Ur}from"react/jsx-runtime";var Oc=Te.Provider,Wc=Te.Root,$c=Te.Trigger,Gr=di.forwardRef((e,o)=>Ur(Te.Arrow,{ref:o,className:r("drop-shadow-md",e.className),...e}));Gr.displayName=Te.Arrow.displayName;var jr=di.forwardRef(({className:e,type:o="dark",sideOffset:t=4,...a},i)=>Ur(Te.Content,{ref:i,sideOffset:t,className:r("z-50 overflow-hidden rounded-md text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 p-1.5 shadow-md",o==="light"?"bg-white text-gray-900 fill-white":"bg-gray-800 fill-gray-800 text-white",e),...a}));jr.displayName=Te.Content.displayName;import{forwardRef as Gc,useEffect as jc,useRef as Uc,useState as Qc}from"react";import{QuestionMarkCircleIcon as Xc,XCircleIcon as qc,XCircleIcon as Yc}from"@heroicons/react/16/solid";import{jsx as vt,jsxs as pi}from"react/jsx-runtime";var Zc=Gc(({disabled:e,isError:o,message:t,label:a,className:i,inputClassName:n,withClearButton:s,size:l,onChange:m,onFocus:p,onClickClear:c,value:d,defaultValue:u,type:P="text",...S},D)=>{let[M,G]=Qc(!1),j=Uc(null),A=te=>{te&&!M&&G(!0),!te&&M&&G(!1)},C=te=>{s&&A(te.target.value),m?.(te)},re=te=>{s&&A(te.target.value),p?.(te)},co=()=>{let te=j.current?.querySelector("input");te&&(c?.(te.value),te.value="",te.focus(),G(!1))};return jc(()=>{A(u||d)},[d,u]),pi("div",{className:r(i,o&&"mobase-text-input-error"),ref:j,children:[pi("div",{className:"relative",children:[a&&vt("span",{className:r("mobase-text-input-label absolute bg-white -top-2 px-1.5 left-2 text-xs text-gray-500",l===2&&" -top-2.5 text-sm"),children:a}),vt("input",{disabled:e,type:P,ref:D,className:r("mobase-text-input-box bg-white w-full transition-all text-sm rounded-md border border-gray-300 placeholder:text-gray-500 p-3 text-gray-900 h-11 focus:border-pink-500 disabled:bg-gray-50 disabled:border-gray-200 disabled:pointer-events-none block outline-none",l===2&&"h-12 text-base",n),onChange:C,onFocus:re,value:d,defaultValue:u,...S}),s&&M&&vt("button",{"aria-label":"button",type:"button",className:"absolute right-3 top-1/2 -translate-y-1/2 shrink-0 cursor-pointer text-gray-500 duration-200 hover:opacity-70 disabled:pointer-events-none",disabled:e,onClick:co,children:vt(qc,{strokeWidth:2,width:20,height:20})})]}),t&&pi("div",{className:"mobase-text-input-message flex space-x-1 items-center mt-0.5",children:[o?vt(Yc,{width:16,height:16,className:"text-red-500"}):vt(Xc,{width:16,height:16,className:"text-gray-500"}),vt("span",{className:r("text-gray-500 ",l===2?"text-sm":"text-xs"),children:t})]}),vt("style",{children:`
|
|
98
98
|
.mobase-text-input-box:hover {
|
|
99
99
|
box-shadow: 0px 0px 0px 1px rgb(var(--mobase-gray-400) / 1) inset;
|
|
100
100
|
}
|
|
@@ -243,7 +243,7 @@ import*as go from"react";import{ChevronDownIcon as Cl}from"@heroicons/react/20/s
|
|
|
243
243
|
opacity: 0.15;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
`})]})}})()})}import*as Un from"react";import*as Xe from"@radix-ui/react-slider";import{jsx as wt,jsxs as vp}from"react/jsx-runtime";var Qn=Un.forwardRef(({className:e,showIndicatorValue1:o,showIndicatorValue2:t,...a},i)=>vp(Xe.Root,{ref:i,className:r("relative flex w-full touch-none select-none items-center",a?.disabled&&"opacity-40",e),...a,children:[wt(Xe.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",children:wt(Xe.Range,{className:"absolute h-full bg-pink-500"})}),wt(Xe.Thumb,{className:"group relative",children:wt("div",{className:"ring-offset-bg-white focus-visible:ring-ring block h-5 w-5 rounded-full border-2 border-pink-500 bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-hover:cursor-grabbing",children:o&&wt("div",{className:" absolute bottom-3/4 left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/90 px-2.5 py-1.5 text-sm opacity-0 duration-300 group-hover:bottom-full group-hover:opacity-100",children:o})})}),wt(Xe.Thumb,{className:"group relative",children:wt("div",{className:"ring-offset-bg-white focus-visible:ring-ring block h-5 w-5 rounded-full border-2 border-pink-500 bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-hover:cursor-grabbing",children:t&&wt("div",{className:" absolute bottom-3/4 left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/90 px-2.5 py-1.5 text-sm opacity-0 duration-300 group-hover:bottom-full group-hover:opacity-100",children:t})})})]}));Qn.displayName=Xe.Root.displayName;import{forwardRef as Ip}from"react";import{Fragment as yp,jsx as Se,jsxs as ha}from"react/jsx-runtime";var bp=({author:e=""})=>Se("div",{className:"text-center shrink-0 text-lg font-semibold text-pink-600",children:e?.charAt(0)}),xp=({author:e,avatar:o})=>Se("div",{className:"w-9 h-9 flex items-center mt-0.5 justify-center rounded-full bg-pink-200 relative overflow-hidden",children:o?Se("img",{src:o,alt:e?.charAt(0),className:"shrink-0 object-cover",width:36,height:36}):Se(bp,{author:e})});function hp({avatar:e="",author:o="",time:t,statusMessage:a,isOutStanding:i}){return Se(yp,{children:ha("div",{className:"flex relative items-center space-x-3",children:[Se(xp,{avatar:e,author:o}),ha("div",{className:"flex flex-col",children:[o&&Se("div",{className:"font-semibold text-gray-900 text-sm",children:o}),ha("div",{className:"flex items-center space-x-2 text-xs",children:[t&&Se("div",{className:"text-gray-400",children:t}),a&&ha("div",{className:"flex items-center space-x-2",children:[Se("div",{className:"w-1 h-1 mt-0.5 bg-gray-400 rounded-full"}),Se("div",{className:"ml-2 text-pink-500",children:a})]})]})]}),i&&Se("div",{className:"absolute right-1 top-0",children:Se("img",{alt:"",src:"https://homepage.momocdn.net/img/momo-upload-api-230629163313-638236531936463134.png",className:"w-5",loading:"lazy"})})]})})}var Xn=hp;import{useState as Jn}from"react";import{StarIcon as wp}from"@heroicons/react/20/solid";import{jsx as qn,jsxs as Yn}from"react/jsx-runtime";var Np={1:"K\xE9n ng\u01B0\u1EDDi m\xEA",2:"K\xE9n ng\u01B0\u1EDDi m\xEA",3:"Ch\u01B0a \u01B0ng l\u1EAFm",4:"Ch\u01B0a \u01B0ng l\u1EAFm",5:"T\u1EA1m \u1ED5n",6:"T\u1EA1m \u1ED5n",7:"\u0110\xE1ng xem",8:"\u0110\xE1ng xem",9:"C\u1EF1c ph\u1EA9m!",10:"C\u1EF1c ph\u1EA9m!"},Pp={1:"Kh\xF4ng h\xE0i l\xF2ng",2:"Ch\u01B0a \u01B0ng l\u1EAFm",3:"T\u1EA1m \u1ED5n",4:"H\xE0i l\xF2ng",5:"R\u1EA5t h\xE0i l\xF2ng"};function Cp({point:e,max:o,className:t}){let a=o>5?Np[e||10]:Pp[e||5];return Yn("div",{className:r("flex items-center space-x-1",t),children:[qn(wp,{className:"w-5 h-5 text-yellow-500"}),qn("div",{className:"font-semibold text-gray-900 text-sm",children:`${e}/${o}`}),Yn("span",{className:"font-semibold text-gray-900 text-sm",children:[" ","\xA0\xB7 ",a]})," "]})}var Zn=Cp;import{useState as Rp}from"react";import Kn from"html-react-parser";import{jsx as Tp,jsxs as kp}from"react/jsx-runtime";var yi=({children:e,maxChar:o=260,textMore:t="...Xem th\xEAm",textLess:a="Thu g\u1ECDn",btnClass:i="text-blue-500",className:n=""})=>{let[s,l]=Rp(!0),m=()=>{l(!s)},p=(c,d,u=" ")=>c.length<=d?c:c.substring(0,c.lastIndexOf(u,d));return kp("div",{className:r(n),children:[s?Kn(p(e,o)):Kn(e),e.length>o&&Tp("span",{onClick:m,className:r("read-or-hide cursor-pointer text-md w-fit pl-1 hover:underline",i),children:s?t:a})]})};import{jsx as Ot,jsxs as es}from"react/jsx-runtime";function Sp({content:e,thumbnails:o=[],tags:t=[],commentSideBar:a,rating:i={point:10,max:10},limitContent:n=260}){let[s,l]=Jn(0),[m,p]=Jn(!1),c=d=>{p(!0),l(d)};return es("div",{className:"text-gray-700 mt-3 flex flex-col",children:[i.point>0&&Ot(Zn,{className:"mb-0.5",point:i.point,max:i.max}),e&&Ot(yi,{className:"text-sm",maxChar:n,children:e}),t?.length>0&&Ot("div",{className:"w-full oveflow-x-auto flex items-center space-x-2 mt-2.5",children:t?.map(d=>Ot("div",{className:"w-fit rounded-full shrink-0 bg-gray-100 text-gray-700 text-xs font-semibold py-1 px-2 text-center",children:d}))}),o?.length>0&&es(xi,{open:m,onOpenChange:p,className:"grid gap-2 mt-4 overflow-hidden rounded-xl md:grid-cols-4 md:gap-2 md:rounded-none grid grid-cols-2 grid-rows-1 overflow-hidden ",children:[o?.map((d,u)=>Ot(U,{onClick:()=>c(u),className:"rounded-lg cursor-pointer object-cover",ratio:4/3,children:Ot("img",{src:d.url,alt:"",className:"w-full h-full rounded-lg object-cover"})},u)),Ot(hi,{activeSlideIndex:s,images:o?.map((d,u)=>({url:d.url,titleImage:d.titleImage,idx:u})),withSideBar:!!a,subHtmlSideBar:a})]})]})}var ts=Sp;import{jsx as Mp}from"react/jsx-runtime";function Dp({actions:e=[]}){return Mp("div",{className:"flex items-center space-x-4 mt-4 text-gray-700",children:e})}var os=Dp;import{jsx as ya,jsxs as Lp}from"react/jsx-runtime";var Ap=Ip(({avatar:e,author:o,time:t,ratingPoint:a,content:i,tags:n,thumbnails:s,actions:l=[],statusMessage:m,isReply:p,children:c,commentSideBar:d,isOutStanding:u,limitContent:P=260},S)=>Lp("div",{ref:S,className:r("",p?"ml-4 py-4":"py-5"),children:[ya(Xn,{avatar:e,author:o,time:t,statusMessage:m,isOutStanding:u}),ya(ts,{content:i,thumbnails:s,tags:n,rating:a,commentSideBar:d,limitContent:P}),l&&l?.filter(Boolean)?.length>0&&ya(os,{actions:l.filter(Boolean)}),c&&ya("div",{className:"border-l grid grid-cols-1 divide-y divide-gray-200 ml-2 mt-3 border-l-gray-300 ",children:c})]}));import*as Nt from"react";import{cva as Ep}from"class-variance-authority";import{CheckIcon as Hp}from"@heroicons/react/16/solid";import{XIcon as Fp}from"lucide-react";import{jsx as ge,jsxs as wa}from"react/jsx-runtime";var zp=Ep("flex items-center shrink-0 justify-center rounded-full shrink-0",{variants:{state:{active:"bg-pink-500 text-white shadow-[0_0px_0px_3px_rgb(255,255,255),0_0px_0px_4px_rgb(var(--mobase-pink-500))]",disabled:"bg-gray-400 text-gray-200",default:"text-gray-500 bg-white shadow-[inset_0px_0px_0px_1px_rgb(var(--mobase-gray-300))]",completed:"bg-pink-300 text-white"},size:{default:"h-7 w-7 text-sm",small:"h-6 w-6 text-xs"}},defaultVariants:{state:"default",size:"default"}}),as=Nt.createContext("default");function _p(){let e=Nt.useContext(as);if(!e)throw new Error("ProgressStepsItem must be used within a ProgressSteps");return e}var Bp=Nt.memo(({type:e,icon:o,stepNumber:t,size:a,isError:i,state:n})=>{let s=a==="small"?"w-3 h-3":"w-4 h-4";return i?ge(Fp,{className:s}):wa("div",{children:[e==="iconStep"&&ge("div",{className:s,children:o}),e==="numberStep"&&ge("div",{children:t}),e==="default"&&(n==="completed"?ge(Hp,{className:s}):ge("div",{children:t}))]})}),Vp=({step:e,currentStep:o,onValueChangeStep:t,children:a})=>{let i=Nt.useCallback(()=>{e!==o&&t(e)},[e,o,t]);return ge("div",{onClick:i,className:"flex w-full flex-col items-center justify-center gap-1 cursor-pointer",children:a})},Op=({step:e,state:o="default",size:t="default",placement:a="default",className:i,title:n,description:s,lastStep:l,fristStep:m,icon:p,isError:c,onValueChangeStep:d,...u})=>{let P=_p();return wa("div",{className:r("flex w-full flex-col items-center justify-center gap-1"),children:[wa("div",{className:"flex w-full items-center justify-center gap-2",children:[ge("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",m&&"opacity-0",a=="left"&&"hidden",o==="active"&&"bg-pink-300",o==="completed"&&"bg-pink-300")}),ge("div",{className:r("flex h-7 w-7 items-center justify-center rounded-full",zp({state:o,size:t}),c&&"bg-red-500 text-white shadow-none",i),...u,children:ge(Bp,{type:P,icon:p,stepNumber:e,size:t,isError:c,state:o})}),ge("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",l&&"opacity-0",o==="completed"&&"bg-pink-300")})]}),wa("div",{className:r("text-center w-full flex flex-col items-center mt-2 px-0.5",a=="left"&&"text-left items-start"),children:[n&&ge("div",{className:"text-xs font-bold text-slate-900 ",children:n}),s&&ge("div",{className:"text-xs text-gray-500 ",children:s})]})]})},Wp=({children:e,className:o,type:t="numberStep",...a})=>ge(as.Provider,{value:t,children:ge("div",{className:r("flex items-start justify-between w-full",o),...a,children:e})});import*as ue from"react";import{Slot as Up}from"@radix-ui/react-slot";import{Controller as Qp,FormProvider as Xp,useFormContext as qp}from"react-hook-form";import*as is from"react";import*as wi from"@radix-ui/react-label";import{cva as $p}from"class-variance-authority";import{jsx as jp}from"react/jsx-runtime";var Gp=$p("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Na=is.forwardRef(({className:e,...o},t)=>jp(wi.Root,{ref:t,className:r(Gp(),e),...o}));Na.displayName=wi.Root.displayName;import{jsx as Pt}from"react/jsx-runtime";var Yp=Xp,rs=ue.createContext({}),Zp=({...e})=>Pt(rs.Provider,{value:{name:e.name},children:Pt(Qp,{...e})}),_o=()=>{let e=ue.useContext(rs),o=ue.useContext(ns),{getFieldState:t,formState:a}=qp(),i=t(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:n}=o;return{id:n,name:e.name,formItemId:`${n}-form-item`,formDescriptionId:`${n}-form-item-description`,formMessageId:`${n}-form-item-message`,...i}},ns=ue.createContext({}),ss=ue.forwardRef(({className:e,...o},t)=>{let a=ue.useId();return Pt(ns.Provider,{value:{id:a},children:Pt("div",{ref:t,className:r("space-y-2",e),...o})})});ss.displayName="FormItem";var ls=ue.forwardRef(({className:e,...o},t)=>{let{error:a,formItemId:i}=_o();return Pt(Na,{ref:t,className:r(a&&"text-red-500","text-gray-700 ",e),htmlFor:i,...o})});ls.displayName="FormLabel";var ms=ue.forwardRef(({...e},o)=>{let{error:t,formItemId:a,formDescriptionId:i,formMessageId:n}=_o();return Pt(Up,{ref:o,id:a,"aria-describedby":t?`${i} ${n}`:`${i}`,"aria-invalid":!!t,...e})});ms.displayName="FormControl";var cs=ue.forwardRef(({className:e,...o},t)=>{let{formDescriptionId:a}=_o();return Pt("p",{ref:t,id:a,className:r("text-[0.8rem] text-gray-500",e),...o})});cs.displayName="FormDescription";var ds=ue.forwardRef(({className:e,children:o,...t},a)=>{let{error:i,formMessageId:n}=_o(),s=i?String(i?.message):o;return s?Pt("p",{ref:a,id:n,className:r("text-xs font-medium text-red-500",e),...t,children:s}):null});ds.displayName="FormMessage";import*as ct from"react";import*as h from"@radix-ui/react-dropdown-menu";import{ChevronRight as Kp,Check as Jp}from"lucide-react";import{jsx as ce,jsxs as Bo}from"react/jsx-runtime";var ef=h.Root,tf=h.Trigger,of=h.Group,af=h.Portal,rf=h.Sub,nf=h.RadioGroup,ps=ct.forwardRef(({className:e,inset:o,children:t,...a},i)=>Bo(h.SubTrigger,{ref:i,className:r("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",o&&"pl-8",e),...a,children:[t,ce(Kp,{className:"ml-auto"})]}));ps.displayName=h.SubTrigger.displayName;var fs=ct.forwardRef(({className:e,...o},t)=>ce(h.SubContent,{ref:t,className:r("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-0",e),...o}));fs.displayName=h.SubContent.displayName;var gs=ct.forwardRef(({className:e,sideOffset:o=4,...t},a)=>ce(h.Portal,{children:ce(h.Content,{ref:a,sideOffset:o,className:r("z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-300 bg-white p-1 text-gray-900 shadow-small data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ",e),...t})}));gs.displayName=h.Content.displayName;var us=ct.forwardRef(({className:e,inset:o,...t},a)=>ce(h.Item,{ref:a,className:r("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 ",o&&"pl-8",e),...t}));us.displayName=h.Item.displayName;var vs=ct.forwardRef(({className:e,children:o,checked:t,...a},i)=>Bo(h.CheckboxItem,{ref:i,className:r("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ",e),checked:t,...a,children:[Bo("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:[t===!1&&ce("div",{className:"size-3.5 rounded-sm border border-gray-400 absolute inset-0"}),ce(h.ItemIndicator,{children:ce("div",{className:"size-3.5 rounded-sm border border-pink-500 bg-pink-500 flex items-center justify-center text-white absolute inset-0",children:ce(Jp,{size:16,strokeWidth:3})})})]}),o]}));vs.displayName=h.CheckboxItem.displayName;var bs=ct.forwardRef(({className:e,children:o,...t},a)=>Bo(h.RadioItem,{ref:a,className:r("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ",e),...t,children:[Bo("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:[ce("div",{className:"size-3.5 rounded-full border border-gray-400 absolute inset-0"}),ce(h.ItemIndicator,{children:ce("div",{className:"size-3.5 rounded-full border-4 border-pink-500 absolute inset-0"})})]}),o]}));bs.displayName=h.RadioItem.displayName;var xs=ct.forwardRef(({className:e,inset:o,...t},a)=>ce(h.Label,{ref:a,className:r("px-2 py-1.5 text-sm font-semibold",o&&"pl-8",e),...t}));xs.displayName=h.Label.displayName;var hs=ct.forwardRef(({className:e,...o},t)=>ce(h.Separator,{ref:t,className:r("-mx-1 my-1 h-px bg-gray-100",e),...o}));hs.displayName=h.Separator.displayName;var ys=({className:e,...o})=>ce("span",{className:r("ml-auto text-xs tracking-widest opacity-60",e),...o});ys.displayName="DropdownMenuShortcut";import Pa from"html-react-parser";import{Fragment as Ni,jsx as O,jsxs as Wt}from"react/jsx-runtime";var ws=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>Wt(Ni,{children:[e&&O(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&O("div",{className:"-mx-3.5 flex flex-row flex-wrap justify-center gap-y-5",children:o.map((a,i)=>O("div",{className:"basis-full px-3.5 md:basis-1/3",children:Wt("div",{className:"h-full rounded-lg border border-gray-100 bg-white px-6 py-8 text-center shadow-lg md:px-4 lg:px-6",children:[O("div",{className:"mx-auto flex h-9 w-9 items-center justify-center rounded-full bg-pink-500 text-xl font-bold text-white",children:i+1}),Wt("div",{className:"mt-6 w-full",children:[O("div",{className:"w-full text-xl font-semibold",children:Pa(a.title)}),a?.description&&O("div",{className:"mt-2 text-base text-gray-600",children:Pa(a.description)})]})]})},i))}),t&&O(w,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),sf=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>Wt(Ni,{children:[e&&O(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&O("div",{className:"-mx-3.5 mt-9 flex flex-row flex-wrap justify-center gap-y-9",children:o.map((a,i)=>Wt("div",{className:"basis-full px-3.5 text-center md:basis-1/3",children:[Wt("div",{className:"relative mx-auto flex h-52 w-52 items-center justify-center",children:[O("div",{className:"absolute -left-4 -top-4 z-10 flex h-12 w-12 items-center justify-center rounded-full border-4 border-white bg-pink-500 text-lg font-bold text-white",children:i+1}),a?.image&&O("div",{className:"aspect-1 w-full overflow-hidden rounded-lg bg-gray-100",children:O(U,{ratio:1,children:O("img",{src:a.image,alt:a.title,className:"h-full w-full object-cover"})})})]}),Wt("div",{className:"mt-6 w-full",children:[O("div",{className:"w-full text-xl font-semibold",children:Pa(a.title)}),a?.description&&O("div",{className:"mt-2 text-base text-gray-600",children:Pa(a.description)})]})]},i))}),t&&O(w,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),lf=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>{switch(e){case 1:return O(ws,{dataHeading:o,dataHowItWorks:t,dataButtons:a});case 2:return O(sf,{dataHeading:o,dataHowItWorks:t,dataButtons:a});default:return O(ws,{dataHeading:o,dataHowItWorks:t,dataButtons:a})}},mf=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>O(Ni,{children:lf({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})}),cf=({template:e=1,background:o,className:t,idSection:a,dataHeading:i,dataHowItWorks:n,dataButtons:s})=>O(B,{className:t,idSection:a,background:o,children:O(mf,{template:e,dataHeading:i,dataHowItWorks:n,dataButtons:s})});import{cva as df}from"class-variance-authority";import Ns from"html-react-parser";import{CheckIcon as Ps}from"lucide-react";import{Fragment as Pi,jsx as de,jsxs as Cs}from"react/jsx-runtime";var pf=df("mt-6 list-inside text-gray-800",{variants:{template:{1:"grid grid-cols-1 gap-y-3 ",2:"grid grid-cols-1 gap-y-3 ",3:"mx-auto mt-0 mt-8 grid max-w-5xl grid-cols-1 items-center gap-4 text-left text-sm font-semibold md:mt-12 md:grid-cols-4 md:gap-12"}},defaultVariants:{template:1}}),ff=({template:e,name:o,image:t,isFeatures:a})=>de(Pi,{children:(()=>{switch(e){case 1:case 2:return de(Pi,{children:Cs("li",{className:r("flex space-x-4",!a&&"hidden"),children:[t?de("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:de("img",{src:t,alt:"",className:"max-w-full"})}):de("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-pink-100 p-1",children:de(Ps,{className:"h-4 w-4 text-pink-500"})}),o&&de("div",{className:"ml-2 leading-tight",children:Ns(o)})]})});case 3:return Cs("li",{className:"flex h-full space-x-4",children:[t?de("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:de("img",{src:t,alt:"",className:"max-w-full"})}):de("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-pink-100 p-1",children:de(Ps,{className:"h-4 w-4 text-pink-500"})}),o&&de("div",{className:"my-auto ml-2 leading-tight md:my-0",children:Ns(o)})]});default:return null}})()}),Ca=({dataFeatures:e,template:o=1})=>de(Pi,{children:(e?.length??0)>0&&de("ul",{className:r("",pf({template:o})),children:e?.map((t,a)=>de(ff,{name:t?.name,template:o,image:t?.image,idx:a,isFeatures:!0},a))})});import{XIcon as gf}from"lucide-react";import{jsx as X,jsxs as Vo}from"react/jsx-runtime";var Rs=e=>typeof e=="string"?e?.split("/")?.map(Number)?.reduce((a,i)=>a/i):e,uf=({src:e,ratio:o,className:t,youtubeId:a,onClickFC:i=()=>{}})=>Vo(Go,{children:[X(Qt,{greaterThan:"sm",children:Vo(U,{className:r(""),ratio:Rs(o),children:[X("img",{src:e,className:r("hidden h-full w-full object-cover md:block",t,e?"":"bg-gray-200"),alt:""}),a&&Vo(Je,{children:[X(Ea,{onClick:i,children:X("div",{className:"absolute top-0 z-10 hidden h-full w-full cursor-pointer items-center justify-center transition-transform group-hover:scale-105 md:flex",children:X("svg",{className:"h-14 w-14",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:Vo("g",{fill:"none",fillRule:"evenodd",children:[X("circle",{stroke:"#FFF",strokeWidth:2,fillOpacity:".24",fill:"#000",cx:24,cy:24,r:23}),X("path",{d:"M34.667 24.335c0 .515-.529.885-.529.885l-14.84 9.133c-1.08.704-1.965.182-1.965-1.153V15.467c0-1.338.884-1.856 1.968-1.153L34.14 23.45c-.002 0 .527.37.527.885Z",fill:"#FFF",fillRule:"nonzero"})]})})})}),X(_e,{hideCloseBtn:!0,size:"lg",position:"center",className:"bg-transparent shadow-none",children:Vo(ft,{className:"relative bg-transparent p-4 text-center",children:[X("div",{className:"aspect-[16/9] w-full p-0",children:X("iframe",{title:a,src:`https://www.youtube.com/embed/${a}?autoplay=1`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full"})}),X(Ha,{asChild:!0,children:X(oe,{variant:"secondary",className:"absolute right-0 top-0 rounded-full",size:"sm",children:X(gf,{className:"h-6 w-6"})})})]})})]})]})}),a&&X(Qt,{lessThan:"md",children:X("div",{className:"realtive aspect-[16/9] w-full overflow-hidden md:hidden",children:X("iframe",{title:a,src:`https://www.youtube.com/embed/${a}?controls=1`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full object-cover md:hidden"})})})]}),Ra=({type:e=1,src:o,ratio:t,className:a,classNameMedia:i,youtubeId:n,onClickFC:s=()=>{}})=>X("div",{className:a,children:n?X(uf,{type:e,src:o,ratio:t,youtubeId:n,onClickFC:s}):X(U,{ratio:Rs(t),children:X("img",{src:o,className:r("h-full w-full object-cover",i,o?"":"bg-gray-200"),alt:""})})});import vf from"html-react-parser";import{Fragment as xf,jsx as Ta,jsxs as Ci}from"react/jsx-runtime";var bf=({value:e,suffix:o,unit:t,description:a,idx:i})=>Ci("div",{className:r(""),children:[e&&Ci("div",{className:"line-clamp-2 font-bold text-pink-500",children:[e,(o||t)&&Ci("span",{children:[o," ",t]})]}),a&&Ta("div",{className:"mt-1 text-sm leading-tight text-gray-500",children:vf(a)})]}),ka=({dataStats:e})=>Ta(xf,{children:(e?.length??0)>0&&Ta("ul",{className:r("mt-8 grid w-full auto-cols-[minmax(0,150px)] grid-flow-col gap-3 md:mt-10"),children:e?.map((o,t)=>Ta(bf,{value:o?.value,suffix:o?.suffix,unit:o?.unit,description:o?.description,idx:t},t))})});import{Fragment as Ts,jsx as q,jsxs as Oo}from"react/jsx-runtime";var Ri=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>Oo("div",{className:r("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6 "),children:[Oo("div",{className:"col-span-1 ",children:[q(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"left",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:r("mb-0 md:mb-0",e?.className)}),q(Ca,{dataFeatures:t,template:a}),o&&q(w,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons}),q(ka,{dataStats:i})]}),q("div",{className:"col-span-1 md:pl-10",children:s||q(Ra,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})})]}),ks=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>Oo("div",{className:r("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6"),children:[q("div",{className:"order-2 col-span-1 md:order-1 md:pr-10",children:s||q(Ra,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})}),Oo("div",{className:"order-1 col-span-1 md:order-2",children:[q(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"left",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:r("mb-0 md:mb-0",e?.className)}),q(Ca,{dataFeatures:t,template:a}),o&&q("div",{className:"flex w-full items-center justify-center md:justify-start",children:q(w,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons})}),q(ka,{dataStats:i})]})]}),Ss=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>Oo(Ts,{children:[q(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"center",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:r("mb-0 md:mb-0",e?.className)}),o&&q(w,{align:"center",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:"inline-flex w-full items-center justify-center text-center text-base font-semibold md:w-full"}),q(Ca,{dataFeatures:t,template:a}),q("div",{className:" mx-auto max-w-xl [&>ul]:justify-center",children:q(ka,{dataStats:i})}),s||q(Ts,{children:n?.src&&q(Ra,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId,className:"mt-8 md:mt-12",classNameMedia:"rounded-lg"})})]});import{Fragment as Pf,jsx as $t}from"react/jsx-runtime";var hf=`var(
|
|
246
|
+
`})]})}})()})}import*as Un from"react";import*as Xe from"@radix-ui/react-slider";import{jsx as wt,jsxs as vp}from"react/jsx-runtime";var Qn=Un.forwardRef(({className:e,showIndicatorValue1:o,showIndicatorValue2:t,...a},i)=>vp(Xe.Root,{ref:i,className:r("relative flex w-full touch-none select-none items-center",a?.disabled&&"opacity-40",e),...a,children:[wt(Xe.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",children:wt(Xe.Range,{className:"absolute h-full bg-pink-500"})}),wt(Xe.Thumb,{className:"group relative",children:wt("div",{className:"ring-offset-bg-white focus-visible:ring-ring block h-5 w-5 rounded-full border-2 border-pink-500 bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-hover:cursor-grabbing",children:o&&wt("div",{className:" absolute bottom-3/4 left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/90 px-2.5 py-1.5 text-sm opacity-0 duration-300 group-hover:bottom-full group-hover:opacity-100",children:o})})}),wt(Xe.Thumb,{className:"group relative",children:wt("div",{className:"ring-offset-bg-white focus-visible:ring-ring block h-5 w-5 rounded-full border-2 border-pink-500 bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-hover:cursor-grabbing",children:t&&wt("div",{className:" absolute bottom-3/4 left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/90 px-2.5 py-1.5 text-sm opacity-0 duration-300 group-hover:bottom-full group-hover:opacity-100",children:t})})})]}));Qn.displayName=Xe.Root.displayName;import{forwardRef as Ip}from"react";import{Fragment as yp,jsx as Se,jsxs as ha}from"react/jsx-runtime";var bp=({author:e=""})=>Se("div",{className:"text-center shrink-0 text-lg font-semibold text-pink-600",children:e?.charAt(0)}),xp=({author:e,avatar:o})=>Se("div",{className:"w-9 h-9 flex items-center mt-0.5 justify-center rounded-full bg-pink-200 relative overflow-hidden",children:o?Se("img",{src:o,alt:e?.charAt(0),className:"shrink-0 object-cover",width:36,height:36}):Se(bp,{author:e})});function hp({avatar:e="",author:o="",time:t,statusMessage:a,isOutStanding:i}){return Se(yp,{children:ha("div",{className:"flex relative items-center space-x-3",children:[Se(xp,{avatar:e,author:o}),ha("div",{className:"flex flex-col",children:[o&&Se("div",{className:"font-semibold text-gray-900 text-sm",children:o}),ha("div",{className:"flex items-center space-x-2 text-xs",children:[t&&Se("div",{className:"text-gray-400",children:t}),a&&ha("div",{className:"flex items-center space-x-2",children:[Se("div",{className:"w-1 h-1 mt-0.5 bg-gray-400 rounded-full"}),Se("div",{className:"ml-2 text-pink-500",children:a})]})]})]}),i&&Se("div",{className:"absolute right-1 top-0",children:Se("img",{alt:"",src:"https://homepage.momocdn.net/img/momo-upload-api-230629163313-638236531936463134.png",className:"w-5",loading:"lazy"})})]})})}var Xn=hp;import{useState as Jn}from"react";import{StarIcon as wp}from"@heroicons/react/20/solid";import{jsx as qn,jsxs as Yn}from"react/jsx-runtime";var Np={1:"K\xE9n ng\u01B0\u1EDDi m\xEA",2:"K\xE9n ng\u01B0\u1EDDi m\xEA",3:"Ch\u01B0a \u01B0ng l\u1EAFm",4:"Ch\u01B0a \u01B0ng l\u1EAFm",5:"T\u1EA1m \u1ED5n",6:"T\u1EA1m \u1ED5n",7:"\u0110\xE1ng xem",8:"\u0110\xE1ng xem",9:"C\u1EF1c ph\u1EA9m!",10:"C\u1EF1c ph\u1EA9m!"},Pp={1:"Kh\xF4ng h\xE0i l\xF2ng",2:"Ch\u01B0a \u01B0ng l\u1EAFm",3:"T\u1EA1m \u1ED5n",4:"H\xE0i l\xF2ng",5:"R\u1EA5t h\xE0i l\xF2ng"};function Cp({point:e,max:o,className:t}){let a=o>5?Np[e||10]:Pp[e||5];return Yn("div",{className:r("flex items-center space-x-1",t),children:[qn(wp,{className:"w-5 h-5 text-yellow-500"}),qn("div",{className:"font-semibold text-gray-900 text-sm",children:`${e}/${o}`}),Yn("span",{className:"font-semibold text-gray-900 text-sm",children:[" ","\xA0\xB7 ",a]})," "]})}var Zn=Cp;import{useState as Rp}from"react";import Kn from"html-react-parser";import{jsx as Tp,jsxs as kp}from"react/jsx-runtime";var yi=({children:e,maxChar:o=260,textMore:t="...Xem th\xEAm",textLess:a="Thu g\u1ECDn",btnClass:i="text-blue-500",className:n=""})=>{let[s,l]=Rp(!0),m=()=>{l(!s)},p=(c,d,u=" ")=>c.length<=d?c:c.substring(0,c.lastIndexOf(u,d));return kp("div",{className:r(n),children:[s?Kn(p(e,o)):Kn(e),e.length>o&&Tp("span",{onClick:m,className:r("read-or-hide cursor-pointer text-md w-fit pl-1 hover:underline",i),children:s?t:a})]})};import{jsx as Ot,jsxs as es}from"react/jsx-runtime";function Sp({content:e,thumbnails:o=[],tags:t=[],commentSideBar:a,rating:i={point:10,max:10},limitContent:n=260}){let[s,l]=Jn(0),[m,p]=Jn(!1),c=d=>{p(!0),l(d)};return es("div",{className:"text-gray-700 mt-3 flex flex-col",children:[i.point>0&&Ot(Zn,{className:"mb-0.5",point:i.point,max:i.max}),e&&Ot(yi,{className:"text-sm",maxChar:n,children:e}),t?.length>0&&Ot("div",{className:"w-full oveflow-x-auto flex items-center space-x-2 mt-2.5",children:t?.map(d=>Ot("div",{className:"w-fit rounded-full shrink-0 bg-gray-100 text-gray-700 text-xs font-semibold py-1 px-2 text-center",children:d}))}),o?.length>0&&es(xi,{open:m,onOpenChange:p,className:"grid gap-2 mt-4 overflow-hidden rounded-xl md:grid-cols-4 md:gap-2 md:rounded-none grid grid-cols-2 grid-rows-1 overflow-hidden ",children:[o?.map((d,u)=>Ot(U,{onClick:()=>c(u),className:"rounded-lg cursor-pointer object-cover",ratio:4/3,children:Ot("img",{src:d.url,alt:"",className:"w-full h-full rounded-lg object-cover"})},u)),Ot(hi,{activeSlideIndex:s,images:o?.map((d,u)=>({url:d.url,titleImage:d.titleImage,idx:u})),withSideBar:!!a,subHtmlSideBar:a})]})]})}var ts=Sp;import{jsx as Mp}from"react/jsx-runtime";function Dp({actions:e=[]}){return Mp("div",{className:"flex items-center space-x-4 mt-4 text-gray-700",children:e})}var os=Dp;import{jsx as ya,jsxs as Lp}from"react/jsx-runtime";var Ap=Ip(({avatar:e,author:o,time:t,ratingPoint:a,content:i,tags:n,thumbnails:s,actions:l=[],statusMessage:m,isReply:p,children:c,commentSideBar:d,isOutStanding:u,limitContent:P=260},S)=>Lp("div",{ref:S,className:r("",p?"ml-4 py-4":"py-5"),children:[ya(Xn,{avatar:e,author:o,time:t,statusMessage:m,isOutStanding:u}),ya(ts,{content:i,thumbnails:s,tags:n,rating:a,commentSideBar:d,limitContent:P}),l&&l?.filter(Boolean)?.length>0&&ya(os,{actions:l.filter(Boolean)}),c&&ya("div",{className:"border-l grid grid-cols-1 divide-y divide-gray-200 ml-2 mt-3 border-l-gray-300 ",children:c})]}));import*as Nt from"react";import{cva as Ep}from"class-variance-authority";import{CheckIcon as Hp}from"@heroicons/react/16/solid";import{XIcon as Fp}from"lucide-react";import{jsx as ge,jsxs as wa}from"react/jsx-runtime";var zp=Ep("flex items-center shrink-0 justify-center rounded-full shrink-0",{variants:{state:{active:"bg-pink-500 text-white shadow-[0_0px_0px_3px_rgb(255,255,255),0_0px_0px_4px_rgb(var(--mobase-pink-500))]",disabled:"bg-gray-400 text-gray-200",default:"text-gray-500 bg-white shadow-[inset_0px_0px_0px_1px_rgb(var(--mobase-gray-300))]",completed:"bg-pink-300 text-white"},size:{default:"h-7 w-7 text-sm",small:"h-6 w-6 text-xs"}},defaultVariants:{state:"default",size:"default"}}),as=Nt.createContext("default");function _p(){let e=Nt.useContext(as);if(!e)throw new Error("ProgressStepsItem must be used within a ProgressSteps");return e}var Bp=Nt.memo(({type:e,icon:o,stepNumber:t,size:a,isError:i,state:n})=>{let s=a==="small"?"w-3 h-3":"w-4 h-4";return i?ge(Fp,{className:s}):wa("div",{children:[e==="iconStep"&&ge("div",{className:s,children:o}),e==="numberStep"&&ge("div",{children:t}),e==="default"&&(n==="completed"?ge(Hp,{className:s}):ge("div",{children:t}))]})}),Vp=({step:e,currentStep:o,onValueChangeStep:t,children:a})=>{let i=Nt.useCallback(()=>{e!==o&&t(e)},[e,o,t]);return ge("div",{onClick:i,className:"flex w-full flex-col items-center justify-center gap-1 cursor-pointer",children:a})},Op=({step:e,state:o="default",size:t="default",placement:a="default",className:i,title:n,description:s,lastStep:l,fristStep:m,icon:p,isError:c,onValueChangeStep:d,...u})=>{let P=_p();return wa("div",{className:r("flex w-full flex-col items-center justify-center gap-1"),children:[wa("div",{className:"flex w-full items-center justify-center gap-2",children:[ge("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",m&&"opacity-0",a=="left"&&"hidden",o==="active"&&"bg-pink-300",o==="completed"&&"bg-pink-300")}),ge("div",{className:r("flex h-7 w-7 items-center justify-center rounded-full",zp({state:o,size:t}),c&&"bg-red-500 text-white shadow-none",i),...u,children:ge(Bp,{type:P,icon:p,stepNumber:e,size:t,isError:c,state:o})}),ge("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",l&&"opacity-0",o==="completed"&&"bg-pink-300")})]}),wa("div",{className:r("text-center w-full flex flex-col items-center mt-2 px-0.5",a=="left"&&"text-left items-start"),children:[n&&ge("div",{className:"text-xs font-bold text-slate-900 ",children:n}),s&&ge("div",{className:"text-xs text-gray-500 ",children:s})]})]})},Wp=({children:e,className:o,type:t="numberStep",...a})=>ge(as.Provider,{value:t,children:ge("div",{className:r("flex items-start justify-between w-full",o),...a,children:e})});import*as ue from"react";import{Slot as Up}from"@radix-ui/react-slot";import{Controller as Qp,FormProvider as Xp,useFormContext as qp}from"react-hook-form";import*as is from"react";import*as wi from"@radix-ui/react-label";import{cva as $p}from"class-variance-authority";import{jsx as jp}from"react/jsx-runtime";var Gp=$p("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Na=is.forwardRef(({className:e,...o},t)=>jp(wi.Root,{ref:t,className:r(Gp(),e),...o}));Na.displayName=wi.Root.displayName;import{jsx as Pt}from"react/jsx-runtime";var Yp=Xp,rs=ue.createContext({}),Zp=({...e})=>Pt(rs.Provider,{value:{name:e.name},children:Pt(Qp,{...e})}),_o=()=>{let e=ue.useContext(rs),o=ue.useContext(ns),{getFieldState:t,formState:a}=qp(),i=t(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:n}=o;return{id:n,name:e.name,formItemId:`${n}-form-item`,formDescriptionId:`${n}-form-item-description`,formMessageId:`${n}-form-item-message`,...i}},ns=ue.createContext({}),ss=ue.forwardRef(({className:e,...o},t)=>{let a=ue.useId();return Pt(ns.Provider,{value:{id:a},children:Pt("div",{ref:t,className:r("space-y-2",e),...o})})});ss.displayName="FormItem";var ls=ue.forwardRef(({className:e,...o},t)=>{let{error:a,formItemId:i}=_o();return Pt(Na,{ref:t,className:r(a&&"text-red-500","text-gray-700 ",e),htmlFor:i,...o})});ls.displayName="FormLabel";var ms=ue.forwardRef(({...e},o)=>{let{error:t,formItemId:a,formDescriptionId:i,formMessageId:n}=_o();return Pt(Up,{ref:o,id:a,"aria-describedby":t?`${i} ${n}`:`${i}`,"aria-invalid":!!t,...e})});ms.displayName="FormControl";var cs=ue.forwardRef(({className:e,...o},t)=>{let{formDescriptionId:a}=_o();return Pt("p",{ref:t,id:a,className:r("text-[0.8rem] text-gray-500",e),...o})});cs.displayName="FormDescription";var ds=ue.forwardRef(({className:e,children:o,...t},a)=>{let{error:i,formMessageId:n}=_o(),s=i?String(i?.message):o;return s?Pt("p",{ref:a,id:n,className:r("text-xs font-medium text-red-500",e),...t,children:s}):null});ds.displayName="FormMessage";import*as ct from"react";import*as h from"@radix-ui/react-dropdown-menu";import{ChevronRight as Kp,Check as Jp}from"lucide-react";import{jsx as ce,jsxs as Bo}from"react/jsx-runtime";var ef=h.Root,tf=h.Trigger,of=h.Group,af=h.Portal,rf=h.Sub,nf=h.RadioGroup,ps=ct.forwardRef(({className:e,inset:o,children:t,...a},i)=>Bo(h.SubTrigger,{ref:i,className:r("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",o&&"pl-8",e),...a,children:[t,ce(Kp,{className:"ml-auto"})]}));ps.displayName=h.SubTrigger.displayName;var fs=ct.forwardRef(({className:e,...o},t)=>ce(h.SubContent,{ref:t,className:r("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-0",e),...o}));fs.displayName=h.SubContent.displayName;var gs=ct.forwardRef(({className:e,sideOffset:o=4,...t},a)=>ce(h.Portal,{children:ce(h.Content,{ref:a,sideOffset:o,className:r("z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-300 bg-white p-1 text-gray-900 shadow-small data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ",e),...t})}));gs.displayName=h.Content.displayName;var us=ct.forwardRef(({className:e,inset:o,...t},a)=>ce(h.Item,{ref:a,className:r("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 ",o&&"pl-8",e),...t}));us.displayName=h.Item.displayName;var vs=ct.forwardRef(({className:e,children:o,checked:t,...a},i)=>Bo(h.CheckboxItem,{ref:i,className:r("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ",e),checked:t,...a,children:[Bo("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:[t===!1&&ce("div",{className:"size-3.5 rounded-sm border border-gray-400 absolute inset-0"}),ce(h.ItemIndicator,{children:ce("div",{className:"size-3.5 rounded-sm border border-pink-500 bg-pink-500 flex items-center justify-center text-white absolute inset-0",children:ce(Jp,{size:16,strokeWidth:3})})})]}),o]}));vs.displayName=h.CheckboxItem.displayName;var bs=ct.forwardRef(({className:e,children:o,...t},a)=>Bo(h.RadioItem,{ref:a,className:r("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ",e),...t,children:[Bo("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:[ce("div",{className:"size-3.5 rounded-full border border-gray-400 absolute inset-0"}),ce(h.ItemIndicator,{children:ce("div",{className:"size-3.5 rounded-full border-4 border-pink-500 absolute inset-0"})})]}),o]}));bs.displayName=h.RadioItem.displayName;var xs=ct.forwardRef(({className:e,inset:o,...t},a)=>ce(h.Label,{ref:a,className:r("px-2 py-1.5 text-sm font-semibold",o&&"pl-8",e),...t}));xs.displayName=h.Label.displayName;var hs=ct.forwardRef(({className:e,...o},t)=>ce(h.Separator,{ref:t,className:r("-mx-1 my-1 h-px bg-gray-100",e),...o}));hs.displayName=h.Separator.displayName;var ys=({className:e,...o})=>ce("span",{className:r("ml-auto text-xs tracking-widest opacity-60",e),...o});ys.displayName="DropdownMenuShortcut";import Pa from"html-react-parser";import{Fragment as Ni,jsx as O,jsxs as Wt}from"react/jsx-runtime";var ws=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>Wt(Ni,{children:[e&&O(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&O("div",{className:"-mx-3.5 flex flex-row flex-wrap justify-center gap-y-5",children:o.map((a,i)=>O("div",{className:"basis-full px-3.5 md:basis-1/3",children:Wt("div",{className:"h-full rounded-lg border border-gray-100 bg-white px-6 py-8 text-center shadow-lg md:px-4 lg:px-6",children:[O("div",{className:"mx-auto flex h-9 w-9 items-center justify-center rounded-full bg-pink-500 text-xl font-bold text-white",children:i+1}),Wt("div",{className:"mt-6 w-full",children:[O("div",{className:"w-full text-xl font-semibold",children:Pa(a.title)}),a?.description&&O("div",{className:"mt-2 text-base text-gray-600",children:Pa(a.description)})]})]})},i))}),t&&O(w,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),sf=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>Wt(Ni,{children:[e&&O(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&O("div",{className:"-mx-3.5 mt-9 flex flex-row flex-wrap justify-center gap-y-9",children:o.map((a,i)=>Wt("div",{className:"basis-full px-3.5 text-center md:basis-1/3",children:[Wt("div",{className:"relative mx-auto flex h-52 w-52 items-center justify-center",children:[O("div",{className:"absolute -left-4 -top-4 z-10 flex h-12 w-12 items-center justify-center rounded-full border-4 border-white bg-pink-500 text-lg font-bold text-white",children:i+1}),a?.image&&O("div",{className:"aspect-1 w-full overflow-hidden rounded-lg bg-gray-100",children:O(U,{ratio:1,children:O("img",{src:a.image,alt:a.title,className:"h-full w-full object-cover"})})})]}),Wt("div",{className:"mt-6 w-full",children:[O("div",{className:"w-full text-xl font-semibold",children:Pa(a.title)}),a?.description&&O("div",{className:"mt-2 text-base text-gray-600",children:Pa(a.description)})]})]},i))}),t&&O(w,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),lf=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>{switch(e){case 1:return O(ws,{dataHeading:o,dataHowItWorks:t,dataButtons:a});case 2:return O(sf,{dataHeading:o,dataHowItWorks:t,dataButtons:a});default:return O(ws,{dataHeading:o,dataHowItWorks:t,dataButtons:a})}},mf=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>O(Ni,{children:lf({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})}),cf=({template:e=1,background:o,className:t,idSection:a,dataHeading:i,dataHowItWorks:n,dataButtons:s})=>O(B,{className:t,idSection:a,background:o,children:O(mf,{template:e,dataHeading:i,dataHowItWorks:n,dataButtons:s})});import{cva as df}from"class-variance-authority";import Ns from"html-react-parser";import{CheckIcon as Ps}from"lucide-react";import{Fragment as Pi,jsx as de,jsxs as Cs}from"react/jsx-runtime";var pf=df("mt-6 list-inside text-gray-800",{variants:{template:{1:"grid grid-cols-1 gap-y-3 ",2:"grid grid-cols-1 gap-y-3 ",3:"mx-auto mt-0 mt-8 grid max-w-5xl grid-cols-1 items-center gap-4 text-left text-sm font-semibold md:mt-12 md:grid-cols-4 md:gap-12"}},defaultVariants:{template:1}}),ff=({template:e,name:o,image:t,isFeatures:a})=>de(Pi,{children:(()=>{switch(e){case 1:case 2:return de(Pi,{children:Cs("li",{className:r("flex space-x-4",!a&&"hidden"),children:[t?de("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:de("img",{src:t,alt:"",className:"max-w-full"})}):de("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-pink-100 p-1",children:de(Ps,{className:"h-4 w-4 text-pink-500"})}),o&&de("div",{className:"ml-2 ",children:Ns(o)})]})});case 3:return Cs("li",{className:"flex h-full space-x-4",children:[t?de("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:de("img",{src:t,alt:"",className:"max-w-full"})}):de("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-pink-100 p-1",children:de(Ps,{className:"h-4 w-4 text-pink-500"})}),o&&de("div",{className:"my-auto ml-2 md:my-0",children:Ns(o)})]});default:return null}})()}),Ca=({dataFeatures:e,template:o=1})=>de(Pi,{children:(e?.length??0)>0&&de("ul",{className:r("",pf({template:o})),children:e?.map((t,a)=>de(ff,{name:t?.name,template:o,image:t?.image,idx:a,isFeatures:!0},a))})});import{XIcon as gf}from"lucide-react";import{jsx as X,jsxs as Vo}from"react/jsx-runtime";var Rs=e=>typeof e=="string"?e?.split("/")?.map(Number)?.reduce((a,i)=>a/i):e,uf=({src:e,ratio:o,className:t,youtubeId:a,onClickFC:i=()=>{}})=>Vo(Go,{children:[X(Qt,{greaterThan:"sm",children:Vo(U,{className:r(""),ratio:Rs(o),children:[X("img",{src:e,className:r("hidden h-full w-full object-cover md:block",t,e?"":"bg-gray-200"),alt:""}),a&&Vo(Je,{children:[X(Ea,{onClick:i,children:X("div",{className:"absolute top-0 z-10 hidden h-full w-full cursor-pointer items-center justify-center transition-transform group-hover:scale-105 md:flex",children:X("svg",{className:"h-14 w-14",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:Vo("g",{fill:"none",fillRule:"evenodd",children:[X("circle",{stroke:"#FFF",strokeWidth:2,fillOpacity:".24",fill:"#000",cx:24,cy:24,r:23}),X("path",{d:"M34.667 24.335c0 .515-.529.885-.529.885l-14.84 9.133c-1.08.704-1.965.182-1.965-1.153V15.467c0-1.338.884-1.856 1.968-1.153L34.14 23.45c-.002 0 .527.37.527.885Z",fill:"#FFF",fillRule:"nonzero"})]})})})}),X(_e,{hideCloseBtn:!0,size:"lg",position:"center",className:"bg-transparent shadow-none",children:Vo(ft,{className:"relative bg-transparent p-4 text-center",children:[X("div",{className:"aspect-[16/9] w-full p-0",children:X("iframe",{title:a,src:`https://www.youtube.com/embed/${a}?autoplay=1`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full"})}),X(Ha,{asChild:!0,children:X(oe,{variant:"secondary",className:"absolute right-0 top-0 rounded-full",size:"sm",children:X(gf,{className:"h-6 w-6"})})})]})})]})]})}),a&&X(Qt,{lessThan:"md",children:X("div",{className:"realtive aspect-[16/9] w-full overflow-hidden md:hidden",children:X("iframe",{title:a,src:`https://www.youtube.com/embed/${a}?controls=1`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full object-cover md:hidden"})})})]}),Ra=({type:e=1,src:o,ratio:t,className:a,classNameMedia:i,youtubeId:n,onClickFC:s=()=>{}})=>X("div",{className:a,children:n?X(uf,{type:e,src:o,ratio:t,youtubeId:n,onClickFC:s}):X(U,{ratio:Rs(t),children:X("img",{src:o,className:r("h-full w-full object-cover",i,o?"":"bg-gray-200"),alt:""})})});import vf from"html-react-parser";import{Fragment as xf,jsx as Ta,jsxs as Ci}from"react/jsx-runtime";var bf=({value:e,suffix:o,unit:t,description:a,idx:i})=>Ci("div",{className:r(""),children:[e&&Ci("div",{className:"line-clamp-2 font-bold text-pink-500",children:[e,(o||t)&&Ci("span",{children:[o," ",t]})]}),a&&Ta("div",{className:"mt-1 text-sm leading-tight text-gray-500",children:vf(a)})]}),ka=({dataStats:e})=>Ta(xf,{children:(e?.length??0)>0&&Ta("ul",{className:r("mt-8 grid w-full auto-cols-[minmax(0,150px)] grid-flow-col gap-3 md:mt-10"),children:e?.map((o,t)=>Ta(bf,{value:o?.value,suffix:o?.suffix,unit:o?.unit,description:o?.description,idx:t},t))})});import{Fragment as Ts,jsx as q,jsxs as Oo}from"react/jsx-runtime";var Ri=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>Oo("div",{className:r("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6 "),children:[Oo("div",{className:"col-span-1 ",children:[q(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"left",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:r("mb-0 md:mb-0",e?.className)}),q(Ca,{dataFeatures:t,template:a}),o&&q(w,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons}),q(ka,{dataStats:i})]}),q("div",{className:"col-span-1 md:pl-10",children:s||q(Ra,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})})]}),ks=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>Oo("div",{className:r("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6"),children:[q("div",{className:"order-2 col-span-1 md:order-1 md:pr-10",children:s||q(Ra,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})}),Oo("div",{className:"order-1 col-span-1 md:order-2",children:[q(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"left",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:r("mb-0 md:mb-0",e?.className)}),q(Ca,{dataFeatures:t,template:a}),o&&q("div",{className:"flex w-full items-center justify-center md:justify-start",children:q(w,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons})}),q(ka,{dataStats:i})]})]}),Ss=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>Oo(Ts,{children:[q(x,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"center",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:r("mb-0 md:mb-0",e?.className)}),o&&q(w,{align:"center",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:"inline-flex w-full items-center justify-center text-center text-base font-semibold md:w-full"}),q(Ca,{dataFeatures:t,template:a}),q("div",{className:" mx-auto max-w-xl [&>ul]:justify-center",children:q(ka,{dataStats:i})}),s||q(Ts,{children:n?.src&&q(Ra,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId,className:"mt-8 md:mt-12",classNameMedia:"rounded-lg"})})]});import{Fragment as Pf,jsx as $t}from"react/jsx-runtime";var hf=`var(
|
|
247
247
|
--gradient-pink-1,
|
|
248
248
|
linear-gradient(
|
|
249
249
|
38deg,
|