@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.cjs
CHANGED
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
color: rgb(var(--mobase-red-500) / 1);
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
`})]}));var Wa=u(require("react"),1),zc=1,_c=1e6;var qi=0;function Bc(){return qi=(qi+1)%Number.MAX_SAFE_INTEGER,qi.toString()}var Yi=new Map,gs=e=>{if(Yi.has(e))return;let o=setTimeout(()=>{Yi.delete(e),Xo({type:"REMOVE_TOAST",toastId:e})},_c);Yi.set(e,o)},Vc=(e,o)=>{switch(o.type){case"ADD_TOAST":return{...e,toasts:[o.toast,...e.toasts].slice(0,zc)};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?gs(t):e.toasts.forEach(a=>{gs(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}},Va=[],Oa={toasts:[]};function Xo(e){Oa=Vc(Oa,e),Va.forEach(o=>{o(Oa)})}function Zi({...e}){let o=Bc(),t=i=>Xo({type:"UPDATE_TOAST",toast:{...i,id:o}}),a=()=>Xo({type:"DISMISS_TOAST",toastId:o});return Xo({type:"ADD_TOAST",toast:{...e,id:o,open:!0,onOpenChange:i=>{i||a()}}}),{id:o,dismiss:a,update:t}}function $a(){let[e,o]=Wa.useState(Oa);return Wa.useEffect(()=>(Va.push(o),()=>{let t=Va.indexOf(o);t>-1&&Va.splice(t,1)}),[e]),{...e,toast:Zi,dismiss:t=>Xo({type:"DISMISS_TOAST",toastId:t})}}var so=u(require("react"),1),ie=u(require("@radix-ui/react-toast"),1),us=require("class-variance-authority");var
|
|
97
|
+
`})]}));var Wa=u(require("react"),1),zc=1,_c=1e6;var qi=0;function Bc(){return qi=(qi+1)%Number.MAX_SAFE_INTEGER,qi.toString()}var Yi=new Map,gs=e=>{if(Yi.has(e))return;let o=setTimeout(()=>{Yi.delete(e),Xo({type:"REMOVE_TOAST",toastId:e})},_c);Yi.set(e,o)},Vc=(e,o)=>{switch(o.type){case"ADD_TOAST":return{...e,toasts:[o.toast,...e.toasts].slice(0,zc)};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?gs(t):e.toasts.forEach(a=>{gs(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}},Va=[],Oa={toasts:[]};function Xo(e){Oa=Vc(Oa,e),Va.forEach(o=>{o(Oa)})}function Zi({...e}){let o=Bc(),t=i=>Xo({type:"UPDATE_TOAST",toast:{...i,id:o}}),a=()=>Xo({type:"DISMISS_TOAST",toastId:o});return Xo({type:"ADD_TOAST",toast:{...e,id:o,open:!0,onOpenChange:i=>{i||a()}}}),{id:o,dismiss:a,update:t}}function $a(){let[e,o]=Wa.useState(Oa);return Wa.useEffect(()=>(Va.push(o),()=>{let t=Va.indexOf(o);t>-1&&Va.splice(t,1)}),[e]),{...e,toast:Zi,dismiss:t=>Xo({type:"DISMISS_TOAST",toastId:t})}}var so=u(require("react"),1),Gt=require("@heroicons/react/20/solid"),ie=u(require("@radix-ui/react-toast"),1),us=require("class-variance-authority");var Se=require("react/jsx-runtime"),vs=ie.Provider,Ki=so.forwardRef(({className:e,...o},t)=>(0,Se.jsx)(ie.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}));Ki.displayName=ie.Viewport.displayName;var Oc=(0,us.cva)("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"}}),Ji=so.forwardRef(({className:e,variant:o="success",children:t,...a},i)=>(0,Se.jsxs)(ie.Root,{ref:i,className:r(Oc({variant:o}),e),...a,children:[(0,Se.jsxs)("div",{className:"absolute left-3 top-4 flex h-5 w-5 items-center justify-center",children:[o==="success"&&(0,Se.jsx)(Gt.CheckCircleIcon,{className:"h-5 w-5 text-green-500"}),o==="warning"&&(0,Se.jsx)(Gt.ExclamationTriangleIcon,{className:"h-5 w-5 text-yellow-500"}),o==="error"&&(0,Se.jsx)(Gt.InformationCircleIcon,{className:"h-5 w-5 text-red-500"})]}),t]}));Ji.displayName=ie.Root.displayName;var er=so.forwardRef(({className:e,...o},t)=>(0,Se.jsx)(ie.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}));er.displayName=ie.Action.displayName;var tr=so.forwardRef(({className:e,...o},t)=>(0,Se.jsx)(ie.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:(0,Se.jsx)(Gt.XMarkIcon,{className:"h-5 w-5"})}));tr.displayName=ie.Close.displayName;var or=so.forwardRef(({className:e,...o},t)=>(0,Se.jsx)(ie.Title,{ref:t,className:r("text-base font-semibold leading-tight",e),...o}));or.displayName=ie.Title.displayName;var ar=so.forwardRef(({className:e,...o},t)=>(0,Se.jsx)(ie.Description,{ref:t,className:r("text-sm opacity-90",e),...o}));ar.displayName=ie.Description.displayName;var Mt=require("react/jsx-runtime");function bs(){let{toasts:e}=$a();return(0,Mt.jsxs)(vs,{children:[e.map(function({id:o,title:t,description:a,action:i,...n}){return(0,Mt.jsxs)(Ji,{...n,children:[(0,Mt.jsxs)("div",{className:"grid gap-2",children:[t&&(0,Mt.jsx)(or,{children:t}),a&&(0,Mt.jsx)(ar,{children:a})]}),i,(0,Mt.jsx)(tr,{})]},o)}),(0,Mt.jsx)(Ki,{})]})}var ir=u(require("react"),1),Ve=u(require("@radix-ui/react-tooltip"),1);var sr=require("react/jsx-runtime"),xs=Ve.Provider,hs=Ve.Root,ys=Ve.Trigger,rr=ir.forwardRef((e,o)=>(0,sr.jsx)(Ve.Arrow,{ref:o,className:r("drop-shadow-md",e.className),...e}));rr.displayName=Ve.Arrow.displayName;var nr=ir.forwardRef(({className:e,type:o="dark",sideOffset:t=4,...a},i)=>(0,sr.jsx)(Ve.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}));nr.displayName=Ve.Content.displayName;var jt=require("react"),Co=require("@heroicons/react/16/solid");var De=require("react/jsx-runtime"),ws=(0,jt.forwardRef)(({disabled:e,isError:o,message:t,label:a,className:i,inputClassName:n,withClearButton:s,size:m,onChange:c,onFocus:g,onClickClear:p,value:f,defaultValue:v,type:D="text",...E},O)=>{let[W,oe]=(0,jt.useState)(!1),ae=(0,jt.useRef)(null),U=pe=>{pe&&!W&&oe(!0),!pe&&W&&oe(!1)},M=pe=>{s&&U(pe.target.value),c?.(pe)},xe=pe=>{s&&U(pe.target.value),g?.(pe)},Ao=()=>{let pe=ae.current?.querySelector("input");pe&&(p?.(pe.value),pe.value="",pe.focus(),oe(!1))};return(0,jt.useEffect)(()=>{U(v||f)},[f,v]),(0,De.jsxs)("div",{className:r(i,o&&"mobase-text-input-error"),ref:ae,children:[(0,De.jsxs)("div",{className:"relative",children:[a&&(0,De.jsx)("span",{className:r("mobase-text-input-label absolute bg-white -top-2 px-1.5 left-2 text-xs text-gray-500",m===2&&" -top-2.5 text-sm"),children:a}),(0,De.jsx)("input",{disabled:e,type:D,ref:O,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",m===2&&"h-12 text-base",n),onChange:M,onFocus:xe,value:f,defaultValue:v,...E}),s&&W&&(0,De.jsx)("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:Ao,children:(0,De.jsx)(Co.XCircleIcon,{strokeWidth:2,width:20,height:20})})]}),t&&(0,De.jsxs)("div",{className:"mobase-text-input-message flex space-x-1 items-center mt-0.5",children:[o?(0,De.jsx)(Co.XCircleIcon,{width:16,height:16,className:"text-red-500"}):(0,De.jsx)(Co.QuestionMarkCircleIcon,{width:16,height:16,className:"text-gray-500"}),(0,De.jsx)("span",{className:r("text-gray-500 ",m===2?"text-sm":"text-xs"),children:t})]}),(0,De.jsx)("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 @@
|
|
|
243
243
|
opacity: 0.15;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
`})]})}})()})}var fl=u(require("react"),1),bt=u(require("@radix-ui/react-slider"),1);var et=require("react/jsx-runtime"),Fr=fl.forwardRef(({className:e,showIndicatorValue1:o,showIndicatorValue2:t,...a},i)=>(0,et.jsxs)(bt.Root,{ref:i,className:r("relative flex w-full touch-none select-none items-center",a?.disabled&&"opacity-40",e),...a,children:[(0,et.jsx)(bt.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",children:(0,et.jsx)(bt.Range,{className:"absolute h-full bg-pink-500"})}),(0,et.jsx)(bt.Thumb,{className:"group relative",children:(0,et.jsx)("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&&(0,et.jsx)("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})})}),(0,et.jsx)(bt.Thumb,{className:"group relative",children:(0,et.jsx)("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&&(0,et.jsx)("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})})})]}));Fr.displayName=bt.Root.displayName;var wl=require("react");var ne=require("react/jsx-runtime"),ld=({author:e=""})=>(0,ne.jsx)("div",{className:"text-center shrink-0 text-lg font-semibold text-pink-600",children:e?.charAt(0)}),md=({author:e,avatar:o})=>(0,ne.jsx)("div",{className:"w-9 h-9 flex items-center mt-0.5 justify-center rounded-full bg-pink-200 relative overflow-hidden",children:o?(0,ne.jsx)("img",{src:o,alt:e?.charAt(0),className:"shrink-0 object-cover",width:36,height:36}):(0,ne.jsx)(ld,{author:e})});function cd({avatar:e="",author:o="",time:t,statusMessage:a,isOutStanding:i}){return(0,ne.jsx)(ne.Fragment,{children:(0,ne.jsxs)("div",{className:"flex relative items-center space-x-3",children:[(0,ne.jsx)(md,{avatar:e,author:o}),(0,ne.jsxs)("div",{className:"flex flex-col",children:[o&&(0,ne.jsx)("div",{className:"font-semibold text-gray-900 text-sm",children:o}),(0,ne.jsxs)("div",{className:"flex items-center space-x-2 text-xs",children:[t&&(0,ne.jsx)("div",{className:"text-gray-400",children:t}),a&&(0,ne.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,ne.jsx)("div",{className:"w-1 h-1 mt-0.5 bg-gray-400 rounded-full"}),(0,ne.jsx)("div",{className:"ml-2 text-pink-500",children:a})]})]})]}),i&&(0,ne.jsx)("div",{className:"absolute right-1 top-0",children:(0,ne.jsx)("img",{alt:"",src:"https://homepage.momocdn.net/img/momo-upload-api-230629163313-638236531936463134.png",className:"w-5",loading:"lazy"})})]})})}var gl=cd;var _r=require("react");var ul=require("@heroicons/react/20/solid"),So=require("react/jsx-runtime"),dd={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!"},pd={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 fd({point:e,max:o,className:t}){let a=o>5?dd[e||10]:pd[e||5];return(0,So.jsxs)("div",{className:r("flex items-center space-x-1",t),children:[(0,So.jsx)(ul.StarIcon,{className:"w-5 h-5 text-yellow-500"}),(0,So.jsx)("div",{className:"font-semibold text-gray-900 text-sm",children:`${e}/${o}`}),(0,So.jsxs)("span",{className:"font-semibold text-gray-900 text-sm",children:[" ","\xA0\xB7 ",a]})," "]})}var vl=fd;var bl=require("react"),zr=u(require("html-react-parser"),1);var Ja=require("react/jsx-runtime"),Ka=({children:e,maxChar:o=260,textMore:t="...Xem th\xEAm",textLess:a="Thu g\u1ECDn",btnClass:i="text-blue-500",className:n=""})=>{let[s,m]=(0,bl.useState)(!0),c=()=>{m(!s)},g=(p,f,v=" ")=>p.length<=f?p:p.substring(0,p.lastIndexOf(v,f));return(0,Ja.jsxs)("div",{className:r(n),children:[s?(0,zr.default)(g(e,o)):(0,zr.default)(e),e.length>o&&(0,Ja.jsx)("span",{onClick:c,className:r("read-or-hide cursor-pointer text-md w-fit pl-1 hover:underline",i),children:s?t:a})]})};var tt=require("react/jsx-runtime");function gd({content:e,thumbnails:o=[],tags:t=[],commentSideBar:a,rating:i={point:10,max:10},limitContent:n=260}){let[s,m]=(0,_r.useState)(0),[c,g]=(0,_r.useState)(!1),p=f=>{g(!0),m(f)};return(0,tt.jsxs)("div",{className:"text-gray-700 mt-3 flex flex-col",children:[i.point>0&&(0,tt.jsx)(vl,{className:"mb-0.5",point:i.point,max:i.max}),e&&(0,tt.jsx)(Ka,{className:"text-sm",maxChar:n,children:e}),t?.length>0&&(0,tt.jsx)("div",{className:"w-full oveflow-x-auto flex items-center space-x-2 mt-2.5",children:t?.map(f=>(0,tt.jsx)("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:f}))}),o?.length>0&&(0,tt.jsxs)(Ya,{open:c,onOpenChange:g,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((f,v)=>(0,tt.jsx)(ee,{onClick:()=>p(v),className:"rounded-lg cursor-pointer object-cover",ratio:4/3,children:(0,tt.jsx)("img",{src:f.url,alt:"",className:"w-full h-full rounded-lg object-cover"})},v)),(0,tt.jsx)(Za,{activeSlideIndex:s,images:o?.map((f,v)=>({url:f.url,titleImage:f.titleImage,idx:v})),withSideBar:!!a,subHtmlSideBar:a})]})]})}var xl=gd;var yl=require("react/jsx-runtime");function ud({actions:e=[]}){return(0,yl.jsx)("div",{className:"flex items-center space-x-4 mt-4 text-gray-700",children:e})}var hl=ud;var fo=require("react/jsx-runtime"),Nl=(0,wl.forwardRef)(({avatar:e,author:o,time:t,ratingPoint:a,content:i,tags:n,thumbnails:s,actions:m=[],statusMessage:c,isReply:g,children:p,commentSideBar:f,isOutStanding:v,limitContent:D=260},E)=>(0,fo.jsxs)("div",{ref:E,className:r("",g?"ml-4 py-4":"py-5"),children:[(0,fo.jsx)(gl,{avatar:e,author:o,time:t,statusMessage:c,isOutStanding:v}),(0,fo.jsx)(xl,{content:i,thumbnails:s,tags:n,rating:a,commentSideBar:f,limitContent:D}),m&&m?.filter(Boolean)?.length>0&&(0,fo.jsx)(hl,{actions:m.filter(Boolean)}),p&&(0,fo.jsx)("div",{className:"border-l grid grid-cols-1 divide-y divide-gray-200 ml-2 mt-3 border-l-gray-300 ",children:p})]}));var Zt=u(require("react"),1),Pl=require("class-variance-authority");var Cl=require("@heroicons/react/16/solid"),Rl=require("lucide-react"),se=require("react/jsx-runtime"),vd=(0,Pl.cva)("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"}}),Tl=Zt.createContext("default");function bd(){let e=Zt.useContext(Tl);if(!e)throw new Error("ProgressStepsItem must be used within a ProgressSteps");return e}var xd=Zt.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?(0,se.jsx)(Rl.XIcon,{className:s}):(0,se.jsxs)("div",{children:[e==="iconStep"&&(0,se.jsx)("div",{className:s,children:o}),e==="numberStep"&&(0,se.jsx)("div",{children:t}),e==="default"&&(n==="completed"?(0,se.jsx)(Cl.CheckIcon,{className:s}):(0,se.jsx)("div",{children:t}))]})}),kl=({step:e,currentStep:o,onValueChangeStep:t,children:a})=>{let i=Zt.useCallback(()=>{e!==o&&t(e)},[e,o,t]);return(0,se.jsx)("div",{onClick:i,className:"flex w-full flex-col items-center justify-center gap-1 cursor-pointer",children:a})},Sl=({step:e,state:o="default",size:t="default",placement:a="default",className:i,title:n,description:s,lastStep:m,fristStep:c,icon:g,isError:p,onValueChangeStep:f,...v})=>{let D=bd();return(0,se.jsxs)("div",{className:r("flex w-full flex-col items-center justify-center gap-1"),children:[(0,se.jsxs)("div",{className:"flex w-full items-center justify-center gap-2",children:[(0,se.jsx)("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",c&&"opacity-0",a=="left"&&"hidden",o==="active"&&"bg-pink-300",o==="completed"&&"bg-pink-300")}),(0,se.jsx)("div",{className:r("flex h-7 w-7 items-center justify-center rounded-full",vd({state:o,size:t}),p&&"bg-red-500 text-white shadow-none",i),...v,children:(0,se.jsx)(xd,{type:D,icon:g,stepNumber:e,size:t,isError:p,state:o})}),(0,se.jsx)("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",m&&"opacity-0",o==="completed"&&"bg-pink-300")})]}),(0,se.jsxs)("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&&(0,se.jsx)("div",{className:"text-xs font-bold text-slate-900 ",children:n}),s&&(0,se.jsx)("div",{className:"text-xs text-gray-500 ",children:s})]})]})},Dl=({children:e,className:o,type:t="numberStep",...a})=>(0,se.jsx)(Tl.Provider,{value:t,children:(0,se.jsx)("div",{className:r("flex items-start justify-between w-full",o),...a,children:e})});var Te=u(require("react"),1),Ll=require("@radix-ui/react-slot"),Do=require("react-hook-form");var Ml=u(require("react"),1),Br=u(require("@radix-ui/react-label"),1),Il=require("class-variance-authority");var Al=require("react/jsx-runtime"),hd=(0,Il.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),ei=Ml.forwardRef(({className:e,...o},t)=>(0,Al.jsx)(Br.Root,{ref:t,className:r(hd(),e),...o}));ei.displayName=Br.Root.displayName;var At=require("react/jsx-runtime"),El=Do.FormProvider,Hl=Te.createContext({}),Fl=({...e})=>(0,At.jsx)(Hl.Provider,{value:{name:e.name},children:(0,At.jsx)(Do.Controller,{...e})}),Mo=()=>{let e=Te.useContext(Hl),o=Te.useContext(zl),{getFieldState:t,formState:a}=(0,Do.useFormContext)(),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}},zl=Te.createContext({}),Vr=Te.forwardRef(({className:e,...o},t)=>{let a=Te.useId();return(0,At.jsx)(zl.Provider,{value:{id:a},children:(0,At.jsx)("div",{ref:t,className:r("space-y-2",e),...o})})});Vr.displayName="FormItem";var Or=Te.forwardRef(({className:e,...o},t)=>{let{error:a,formItemId:i}=Mo();return(0,At.jsx)(ei,{ref:t,className:r(a&&"text-red-500","text-gray-700 ",e),htmlFor:i,...o})});Or.displayName="FormLabel";var Wr=Te.forwardRef(({...e},o)=>{let{error:t,formItemId:a,formDescriptionId:i,formMessageId:n}=Mo();return(0,At.jsx)(Ll.Slot,{ref:o,id:a,"aria-describedby":t?`${i} ${n}`:`${i}`,"aria-invalid":!!t,...e})});Wr.displayName="FormControl";var $r=Te.forwardRef(({className:e,...o},t)=>{let{formDescriptionId:a}=Mo();return(0,At.jsx)("p",{ref:t,id:a,className:r("text-[0.8rem] text-gray-500",e),...o})});$r.displayName="FormDescription";var Gr=Te.forwardRef(({className:e,children:o,...t},a)=>{let{error:i,formMessageId:n}=Mo(),s=i?String(i?.message):o;return s?(0,At.jsx)("p",{ref:a,id:n,className:r("text-xs font-medium text-red-500",e),...t,children:s}):null});Gr.displayName="FormMessage";var Lt=u(require("react"),1),N=u(require("@radix-ui/react-dropdown-menu"),1),ti=require("lucide-react");var K=require("react/jsx-runtime"),_l=N.Root,Bl=N.Trigger,Vl=N.Group,Ol=N.Portal,Wl=N.Sub,$l=N.RadioGroup,jr=Lt.forwardRef(({className:e,inset:o,children:t,...a},i)=>(0,K.jsxs)(N.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,(0,K.jsx)(ti.ChevronRight,{className:"ml-auto"})]}));jr.displayName=N.SubTrigger.displayName;var Ur=Lt.forwardRef(({className:e,...o},t)=>(0,K.jsx)(N.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}));Ur.displayName=N.SubContent.displayName;var Qr=Lt.forwardRef(({className:e,sideOffset:o=4,...t},a)=>(0,K.jsx)(N.Portal,{children:(0,K.jsx)(N.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})}));Qr.displayName=N.Content.displayName;var Xr=Lt.forwardRef(({className:e,inset:o,...t},a)=>(0,K.jsx)(N.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}));Xr.displayName=N.Item.displayName;var qr=Lt.forwardRef(({className:e,children:o,checked:t,...a},i)=>(0,K.jsxs)(N.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:[(0,K.jsxs)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:[t===!1&&(0,K.jsx)("div",{className:"size-3.5 rounded-sm border border-gray-400 absolute inset-0"}),(0,K.jsx)(N.ItemIndicator,{children:(0,K.jsx)("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:(0,K.jsx)(ti.Check,{size:16,strokeWidth:3})})})]}),o]}));qr.displayName=N.CheckboxItem.displayName;var Yr=Lt.forwardRef(({className:e,children:o,...t},a)=>(0,K.jsxs)(N.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:[(0,K.jsxs)("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:[(0,K.jsx)("div",{className:"size-3.5 rounded-full border border-gray-400 absolute inset-0"}),(0,K.jsx)(N.ItemIndicator,{children:(0,K.jsx)("div",{className:"size-3.5 rounded-full border-4 border-pink-500 absolute inset-0"})})]}),o]}));Yr.displayName=N.RadioItem.displayName;var Zr=Lt.forwardRef(({className:e,inset:o,...t},a)=>(0,K.jsx)(N.Label,{ref:a,className:r("px-2 py-1.5 text-sm font-semibold",o&&"pl-8",e),...t}));Zr.displayName=N.Label.displayName;var Kr=Lt.forwardRef(({className:e,...o},t)=>(0,K.jsx)(N.Separator,{ref:t,className:r("-mx-1 my-1 h-px bg-gray-100",e),...o}));Kr.displayName=N.Separator.displayName;var Jr=({className:e,...o})=>(0,K.jsx)("span",{className:r("ml-auto text-xs tracking-widest opacity-60",e),...o});Jr.displayName="DropdownMenuShortcut";var sa=u(require("html-react-parser"),1);var I=require("react/jsx-runtime"),Gl=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>(0,I.jsxs)(I.Fragment,{children:[e&&(0,I.jsx)(y,{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&&(0,I.jsx)("div",{className:"-mx-3.5 flex flex-row flex-wrap justify-center gap-y-5",children:o.map((a,i)=>(0,I.jsx)("div",{className:"basis-full px-3.5 md:basis-1/3",children:(0,I.jsxs)("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:[(0,I.jsx)("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}),(0,I.jsxs)("div",{className:"mt-6 w-full",children:[(0,I.jsx)("div",{className:"w-full text-xl font-semibold",children:(0,sa.default)(a.title)}),a?.description&&(0,I.jsx)("div",{className:"mt-2 text-base text-gray-600",children:(0,sa.default)(a.description)})]})]})},i))}),t&&(0,I.jsx)(R,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),yd=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>(0,I.jsxs)(I.Fragment,{children:[e&&(0,I.jsx)(y,{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&&(0,I.jsx)("div",{className:"-mx-3.5 mt-9 flex flex-row flex-wrap justify-center gap-y-9",children:o.map((a,i)=>(0,I.jsxs)("div",{className:"basis-full px-3.5 text-center md:basis-1/3",children:[(0,I.jsxs)("div",{className:"relative mx-auto flex h-52 w-52 items-center justify-center",children:[(0,I.jsx)("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&&(0,I.jsx)("div",{className:"aspect-1 w-full overflow-hidden rounded-lg bg-gray-100",children:(0,I.jsx)(ee,{ratio:1,children:(0,I.jsx)("img",{src:a.image,alt:a.title,className:"h-full w-full object-cover"})})})]}),(0,I.jsxs)("div",{className:"mt-6 w-full",children:[(0,I.jsx)("div",{className:"w-full text-xl font-semibold",children:(0,sa.default)(a.title)}),a?.description&&(0,I.jsx)("div",{className:"mt-2 text-base text-gray-600",children:(0,sa.default)(a.description)})]})]},i))}),t&&(0,I.jsx)(R,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),wd=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>{switch(e){case 1:return(0,I.jsx)(Gl,{dataHeading:o,dataHowItWorks:t,dataButtons:a});case 2:return(0,I.jsx)(yd,{dataHeading:o,dataHowItWorks:t,dataButtons:a});default:return(0,I.jsx)(Gl,{dataHeading:o,dataHowItWorks:t,dataButtons:a})}},Nd=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>(0,I.jsx)(I.Fragment,{children:wd({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})}),jl=({template:e=1,background:o,className:t,idSection:a,dataHeading:i,dataHowItWorks:n,dataButtons:s})=>(0,I.jsx)(Y,{className:t,idSection:a,background:o,children:(0,I.jsx)(Nd,{template:e,dataHeading:i,dataHowItWorks:n,dataButtons:s})});var Ul=require("class-variance-authority"),en=u(require("html-react-parser"),1),tn=require("lucide-react");var q=require("react/jsx-runtime"),Pd=(0,Ul.cva)("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}}),Cd=({template:e,name:o,image:t,isFeatures:a})=>(0,q.jsx)(q.Fragment,{children:(()=>{switch(e){case 1:case 2:return(0,q.jsx)(q.Fragment,{children:(0,q.jsxs)("li",{className:r("flex space-x-4",!a&&"hidden"),children:[t?(0,q.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:(0,q.jsx)("img",{src:t,alt:"",className:"max-w-full"})}):(0,q.jsx)("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-pink-100 p-1",children:(0,q.jsx)(tn.CheckIcon,{className:"h-4 w-4 text-pink-500"})}),o&&(0,q.jsx)("div",{className:"ml-2 leading-tight",children:(0,en.default)(o)})]})});case 3:return(0,q.jsxs)("li",{className:"flex h-full space-x-4",children:[t?(0,q.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:(0,q.jsx)("img",{src:t,alt:"",className:"max-w-full"})}):(0,q.jsx)("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-pink-100 p-1",children:(0,q.jsx)(tn.CheckIcon,{className:"h-4 w-4 text-pink-500"})}),o&&(0,q.jsx)("div",{className:"my-auto ml-2 leading-tight md:my-0",children:(0,en.default)(o)})]});default:return null}})()}),oi=({dataFeatures:e,template:o=1})=>(0,q.jsx)(q.Fragment,{children:(e?.length??0)>0&&(0,q.jsx)("ul",{className:r("",Pd({template:o})),children:e?.map((t,a)=>(0,q.jsx)(Cd,{name:t?.name,template:o,image:t?.image,idx:a,isFeatures:!0},a))})});var Ql=require("lucide-react");var V=require("react/jsx-runtime"),Xl=e=>typeof e=="string"?e?.split("/")?.map(Number)?.reduce((a,i)=>a/i):e,Rd=({src:e,ratio:o,className:t,youtubeId:a,onClickFC:i=()=>{}})=>(0,V.jsxs)(da,{children:[(0,V.jsx)(go,{greaterThan:"sm",children:(0,V.jsxs)(ee,{className:r(""),ratio:Xl(o),children:[(0,V.jsx)("img",{src:e,className:r("hidden h-full w-full object-cover md:block",t,e?"":"bg-gray-200"),alt:""}),a&&(0,V.jsxs)(at,{children:[(0,V.jsx)(pa,{onClick:i,children:(0,V.jsx)("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:(0,V.jsx)("svg",{className:"h-14 w-14",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:(0,V.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[(0,V.jsx)("circle",{stroke:"#FFF",strokeWidth:2,fillOpacity:".24",fill:"#000",cx:24,cy:24,r:23}),(0,V.jsx)("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"})]})})})}),(0,V.jsx)(Qe,{hideCloseBtn:!0,size:"lg",position:"center",className:"bg-transparent shadow-none",children:(0,V.jsxs)(Nt,{className:"relative bg-transparent p-4 text-center",children:[(0,V.jsx)("div",{className:"aspect-[16/9] w-full p-0",children:(0,V.jsx)("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"})}),(0,V.jsx)(fa,{asChild:!0,children:(0,V.jsx)(me,{variant:"secondary",className:"absolute right-0 top-0 rounded-full",size:"sm",children:(0,V.jsx)(Ql.XIcon,{className:"h-6 w-6"})})})]})})]})]})}),a&&(0,V.jsx)(go,{lessThan:"md",children:(0,V.jsx)("div",{className:"realtive aspect-[16/9] w-full overflow-hidden md:hidden",children:(0,V.jsx)("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"})})})]}),ai=({type:e=1,src:o,ratio:t,className:a,classNameMedia:i,youtubeId:n,onClickFC:s=()=>{}})=>(0,V.jsx)("div",{className:a,children:n?(0,V.jsx)(Rd,{type:e,src:o,ratio:t,youtubeId:n,onClickFC:s}):(0,V.jsx)(ee,{ratio:Xl(t),children:(0,V.jsx)("img",{src:o,className:r("h-full w-full object-cover",i,o?"":"bg-gray-200"),alt:""})})});var ql=u(require("html-react-parser"),1);var ot=require("react/jsx-runtime"),Td=({value:e,suffix:o,unit:t,description:a,idx:i})=>(0,ot.jsxs)("div",{className:r(""),children:[e&&(0,ot.jsxs)("div",{className:"line-clamp-2 font-bold text-pink-500",children:[e,(o||t)&&(0,ot.jsxs)("span",{children:[o," ",t]})]}),a&&(0,ot.jsx)("div",{className:"mt-1 text-sm leading-tight text-gray-500",children:(0,ql.default)(a)})]}),ii=({dataStats:e})=>(0,ot.jsx)(ot.Fragment,{children:(e?.length??0)>0&&(0,ot.jsx)("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)=>(0,ot.jsx)(Td,{value:o?.value,suffix:o?.suffix,unit:o?.unit,description:o?.description,idx:t},t))})});var F=require("react/jsx-runtime"),on=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>(0,F.jsxs)("div",{className:r("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6 "),children:[(0,F.jsxs)("div",{className:"col-span-1 ",children:[(0,F.jsx)(y,{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)}),(0,F.jsx)(oi,{dataFeatures:t,template:a}),o&&(0,F.jsx)(R,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons}),(0,F.jsx)(ii,{dataStats:i})]}),(0,F.jsx)("div",{className:"col-span-1 md:pl-10",children:s||(0,F.jsx)(ai,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})})]}),Yl=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>(0,F.jsxs)("div",{className:r("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6"),children:[(0,F.jsx)("div",{className:"order-2 col-span-1 md:order-1 md:pr-10",children:s||(0,F.jsx)(ai,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})}),(0,F.jsxs)("div",{className:"order-1 col-span-1 md:order-2",children:[(0,F.jsx)(y,{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)}),(0,F.jsx)(oi,{dataFeatures:t,template:a}),o&&(0,F.jsx)("div",{className:"flex w-full items-center justify-center md:justify-start",children:(0,F.jsx)(R,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons})}),(0,F.jsx)(ii,{dataStats:i})]})]}),Zl=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(y,{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&&(0,F.jsx)(R,{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"}),(0,F.jsx)(oi,{dataFeatures:t,template:a}),(0,F.jsx)("div",{className:" mx-auto max-w-xl [&>ul]:justify-center",children:(0,F.jsx)(ii,{dataStats:i})}),s||(0,F.jsx)(F.Fragment,{children:n?.src&&(0,F.jsx)(ai,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId,className:"mt-8 md:mt-12",classNameMedia:"rounded-lg"})})]});var xt=require("react/jsx-runtime"),kd=`var(
|
|
246
|
+
`})]})}})()})}var fl=u(require("react"),1),bt=u(require("@radix-ui/react-slider"),1);var et=require("react/jsx-runtime"),Fr=fl.forwardRef(({className:e,showIndicatorValue1:o,showIndicatorValue2:t,...a},i)=>(0,et.jsxs)(bt.Root,{ref:i,className:r("relative flex w-full touch-none select-none items-center",a?.disabled&&"opacity-40",e),...a,children:[(0,et.jsx)(bt.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",children:(0,et.jsx)(bt.Range,{className:"absolute h-full bg-pink-500"})}),(0,et.jsx)(bt.Thumb,{className:"group relative",children:(0,et.jsx)("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&&(0,et.jsx)("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})})}),(0,et.jsx)(bt.Thumb,{className:"group relative",children:(0,et.jsx)("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&&(0,et.jsx)("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})})})]}));Fr.displayName=bt.Root.displayName;var wl=require("react");var ne=require("react/jsx-runtime"),ld=({author:e=""})=>(0,ne.jsx)("div",{className:"text-center shrink-0 text-lg font-semibold text-pink-600",children:e?.charAt(0)}),md=({author:e,avatar:o})=>(0,ne.jsx)("div",{className:"w-9 h-9 flex items-center mt-0.5 justify-center rounded-full bg-pink-200 relative overflow-hidden",children:o?(0,ne.jsx)("img",{src:o,alt:e?.charAt(0),className:"shrink-0 object-cover",width:36,height:36}):(0,ne.jsx)(ld,{author:e})});function cd({avatar:e="",author:o="",time:t,statusMessage:a,isOutStanding:i}){return(0,ne.jsx)(ne.Fragment,{children:(0,ne.jsxs)("div",{className:"flex relative items-center space-x-3",children:[(0,ne.jsx)(md,{avatar:e,author:o}),(0,ne.jsxs)("div",{className:"flex flex-col",children:[o&&(0,ne.jsx)("div",{className:"font-semibold text-gray-900 text-sm",children:o}),(0,ne.jsxs)("div",{className:"flex items-center space-x-2 text-xs",children:[t&&(0,ne.jsx)("div",{className:"text-gray-400",children:t}),a&&(0,ne.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,ne.jsx)("div",{className:"w-1 h-1 mt-0.5 bg-gray-400 rounded-full"}),(0,ne.jsx)("div",{className:"ml-2 text-pink-500",children:a})]})]})]}),i&&(0,ne.jsx)("div",{className:"absolute right-1 top-0",children:(0,ne.jsx)("img",{alt:"",src:"https://homepage.momocdn.net/img/momo-upload-api-230629163313-638236531936463134.png",className:"w-5",loading:"lazy"})})]})})}var gl=cd;var _r=require("react");var ul=require("@heroicons/react/20/solid"),So=require("react/jsx-runtime"),dd={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!"},pd={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 fd({point:e,max:o,className:t}){let a=o>5?dd[e||10]:pd[e||5];return(0,So.jsxs)("div",{className:r("flex items-center space-x-1",t),children:[(0,So.jsx)(ul.StarIcon,{className:"w-5 h-5 text-yellow-500"}),(0,So.jsx)("div",{className:"font-semibold text-gray-900 text-sm",children:`${e}/${o}`}),(0,So.jsxs)("span",{className:"font-semibold text-gray-900 text-sm",children:[" ","\xA0\xB7 ",a]})," "]})}var vl=fd;var bl=require("react"),zr=u(require("html-react-parser"),1);var Ja=require("react/jsx-runtime"),Ka=({children:e,maxChar:o=260,textMore:t="...Xem th\xEAm",textLess:a="Thu g\u1ECDn",btnClass:i="text-blue-500",className:n=""})=>{let[s,m]=(0,bl.useState)(!0),c=()=>{m(!s)},g=(p,f,v=" ")=>p.length<=f?p:p.substring(0,p.lastIndexOf(v,f));return(0,Ja.jsxs)("div",{className:r(n),children:[s?(0,zr.default)(g(e,o)):(0,zr.default)(e),e.length>o&&(0,Ja.jsx)("span",{onClick:c,className:r("read-or-hide cursor-pointer text-md w-fit pl-1 hover:underline",i),children:s?t:a})]})};var tt=require("react/jsx-runtime");function gd({content:e,thumbnails:o=[],tags:t=[],commentSideBar:a,rating:i={point:10,max:10},limitContent:n=260}){let[s,m]=(0,_r.useState)(0),[c,g]=(0,_r.useState)(!1),p=f=>{g(!0),m(f)};return(0,tt.jsxs)("div",{className:"text-gray-700 mt-3 flex flex-col",children:[i.point>0&&(0,tt.jsx)(vl,{className:"mb-0.5",point:i.point,max:i.max}),e&&(0,tt.jsx)(Ka,{className:"text-sm",maxChar:n,children:e}),t?.length>0&&(0,tt.jsx)("div",{className:"w-full oveflow-x-auto flex items-center space-x-2 mt-2.5",children:t?.map(f=>(0,tt.jsx)("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:f}))}),o?.length>0&&(0,tt.jsxs)(Ya,{open:c,onOpenChange:g,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((f,v)=>(0,tt.jsx)(ee,{onClick:()=>p(v),className:"rounded-lg cursor-pointer object-cover",ratio:4/3,children:(0,tt.jsx)("img",{src:f.url,alt:"",className:"w-full h-full rounded-lg object-cover"})},v)),(0,tt.jsx)(Za,{activeSlideIndex:s,images:o?.map((f,v)=>({url:f.url,titleImage:f.titleImage,idx:v})),withSideBar:!!a,subHtmlSideBar:a})]})]})}var xl=gd;var yl=require("react/jsx-runtime");function ud({actions:e=[]}){return(0,yl.jsx)("div",{className:"flex items-center space-x-4 mt-4 text-gray-700",children:e})}var hl=ud;var fo=require("react/jsx-runtime"),Nl=(0,wl.forwardRef)(({avatar:e,author:o,time:t,ratingPoint:a,content:i,tags:n,thumbnails:s,actions:m=[],statusMessage:c,isReply:g,children:p,commentSideBar:f,isOutStanding:v,limitContent:D=260},E)=>(0,fo.jsxs)("div",{ref:E,className:r("",g?"ml-4 py-4":"py-5"),children:[(0,fo.jsx)(gl,{avatar:e,author:o,time:t,statusMessage:c,isOutStanding:v}),(0,fo.jsx)(xl,{content:i,thumbnails:s,tags:n,rating:a,commentSideBar:f,limitContent:D}),m&&m?.filter(Boolean)?.length>0&&(0,fo.jsx)(hl,{actions:m.filter(Boolean)}),p&&(0,fo.jsx)("div",{className:"border-l grid grid-cols-1 divide-y divide-gray-200 ml-2 mt-3 border-l-gray-300 ",children:p})]}));var Zt=u(require("react"),1),Pl=require("class-variance-authority");var Cl=require("@heroicons/react/16/solid"),Rl=require("lucide-react"),se=require("react/jsx-runtime"),vd=(0,Pl.cva)("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"}}),Tl=Zt.createContext("default");function bd(){let e=Zt.useContext(Tl);if(!e)throw new Error("ProgressStepsItem must be used within a ProgressSteps");return e}var xd=Zt.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?(0,se.jsx)(Rl.XIcon,{className:s}):(0,se.jsxs)("div",{children:[e==="iconStep"&&(0,se.jsx)("div",{className:s,children:o}),e==="numberStep"&&(0,se.jsx)("div",{children:t}),e==="default"&&(n==="completed"?(0,se.jsx)(Cl.CheckIcon,{className:s}):(0,se.jsx)("div",{children:t}))]})}),kl=({step:e,currentStep:o,onValueChangeStep:t,children:a})=>{let i=Zt.useCallback(()=>{e!==o&&t(e)},[e,o,t]);return(0,se.jsx)("div",{onClick:i,className:"flex w-full flex-col items-center justify-center gap-1 cursor-pointer",children:a})},Sl=({step:e,state:o="default",size:t="default",placement:a="default",className:i,title:n,description:s,lastStep:m,fristStep:c,icon:g,isError:p,onValueChangeStep:f,...v})=>{let D=bd();return(0,se.jsxs)("div",{className:r("flex w-full flex-col items-center justify-center gap-1"),children:[(0,se.jsxs)("div",{className:"flex w-full items-center justify-center gap-2",children:[(0,se.jsx)("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",c&&"opacity-0",a=="left"&&"hidden",o==="active"&&"bg-pink-300",o==="completed"&&"bg-pink-300")}),(0,se.jsx)("div",{className:r("flex h-7 w-7 items-center justify-center rounded-full",vd({state:o,size:t}),p&&"bg-red-500 text-white shadow-none",i),...v,children:(0,se.jsx)(xd,{type:D,icon:g,stepNumber:e,size:t,isError:p,state:o})}),(0,se.jsx)("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",m&&"opacity-0",o==="completed"&&"bg-pink-300")})]}),(0,se.jsxs)("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&&(0,se.jsx)("div",{className:"text-xs font-bold text-slate-900 ",children:n}),s&&(0,se.jsx)("div",{className:"text-xs text-gray-500 ",children:s})]})]})},Dl=({children:e,className:o,type:t="numberStep",...a})=>(0,se.jsx)(Tl.Provider,{value:t,children:(0,se.jsx)("div",{className:r("flex items-start justify-between w-full",o),...a,children:e})});var Te=u(require("react"),1),Ll=require("@radix-ui/react-slot"),Do=require("react-hook-form");var Ml=u(require("react"),1),Br=u(require("@radix-ui/react-label"),1),Il=require("class-variance-authority");var Al=require("react/jsx-runtime"),hd=(0,Il.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),ei=Ml.forwardRef(({className:e,...o},t)=>(0,Al.jsx)(Br.Root,{ref:t,className:r(hd(),e),...o}));ei.displayName=Br.Root.displayName;var At=require("react/jsx-runtime"),El=Do.FormProvider,Hl=Te.createContext({}),Fl=({...e})=>(0,At.jsx)(Hl.Provider,{value:{name:e.name},children:(0,At.jsx)(Do.Controller,{...e})}),Mo=()=>{let e=Te.useContext(Hl),o=Te.useContext(zl),{getFieldState:t,formState:a}=(0,Do.useFormContext)(),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}},zl=Te.createContext({}),Vr=Te.forwardRef(({className:e,...o},t)=>{let a=Te.useId();return(0,At.jsx)(zl.Provider,{value:{id:a},children:(0,At.jsx)("div",{ref:t,className:r("space-y-2",e),...o})})});Vr.displayName="FormItem";var Or=Te.forwardRef(({className:e,...o},t)=>{let{error:a,formItemId:i}=Mo();return(0,At.jsx)(ei,{ref:t,className:r(a&&"text-red-500","text-gray-700 ",e),htmlFor:i,...o})});Or.displayName="FormLabel";var Wr=Te.forwardRef(({...e},o)=>{let{error:t,formItemId:a,formDescriptionId:i,formMessageId:n}=Mo();return(0,At.jsx)(Ll.Slot,{ref:o,id:a,"aria-describedby":t?`${i} ${n}`:`${i}`,"aria-invalid":!!t,...e})});Wr.displayName="FormControl";var $r=Te.forwardRef(({className:e,...o},t)=>{let{formDescriptionId:a}=Mo();return(0,At.jsx)("p",{ref:t,id:a,className:r("text-[0.8rem] text-gray-500",e),...o})});$r.displayName="FormDescription";var Gr=Te.forwardRef(({className:e,children:o,...t},a)=>{let{error:i,formMessageId:n}=Mo(),s=i?String(i?.message):o;return s?(0,At.jsx)("p",{ref:a,id:n,className:r("text-xs font-medium text-red-500",e),...t,children:s}):null});Gr.displayName="FormMessage";var Lt=u(require("react"),1),N=u(require("@radix-ui/react-dropdown-menu"),1),ti=require("lucide-react");var K=require("react/jsx-runtime"),_l=N.Root,Bl=N.Trigger,Vl=N.Group,Ol=N.Portal,Wl=N.Sub,$l=N.RadioGroup,jr=Lt.forwardRef(({className:e,inset:o,children:t,...a},i)=>(0,K.jsxs)(N.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,(0,K.jsx)(ti.ChevronRight,{className:"ml-auto"})]}));jr.displayName=N.SubTrigger.displayName;var Ur=Lt.forwardRef(({className:e,...o},t)=>(0,K.jsx)(N.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}));Ur.displayName=N.SubContent.displayName;var Qr=Lt.forwardRef(({className:e,sideOffset:o=4,...t},a)=>(0,K.jsx)(N.Portal,{children:(0,K.jsx)(N.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})}));Qr.displayName=N.Content.displayName;var Xr=Lt.forwardRef(({className:e,inset:o,...t},a)=>(0,K.jsx)(N.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}));Xr.displayName=N.Item.displayName;var qr=Lt.forwardRef(({className:e,children:o,checked:t,...a},i)=>(0,K.jsxs)(N.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:[(0,K.jsxs)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:[t===!1&&(0,K.jsx)("div",{className:"size-3.5 rounded-sm border border-gray-400 absolute inset-0"}),(0,K.jsx)(N.ItemIndicator,{children:(0,K.jsx)("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:(0,K.jsx)(ti.Check,{size:16,strokeWidth:3})})})]}),o]}));qr.displayName=N.CheckboxItem.displayName;var Yr=Lt.forwardRef(({className:e,children:o,...t},a)=>(0,K.jsxs)(N.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:[(0,K.jsxs)("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:[(0,K.jsx)("div",{className:"size-3.5 rounded-full border border-gray-400 absolute inset-0"}),(0,K.jsx)(N.ItemIndicator,{children:(0,K.jsx)("div",{className:"size-3.5 rounded-full border-4 border-pink-500 absolute inset-0"})})]}),o]}));Yr.displayName=N.RadioItem.displayName;var Zr=Lt.forwardRef(({className:e,inset:o,...t},a)=>(0,K.jsx)(N.Label,{ref:a,className:r("px-2 py-1.5 text-sm font-semibold",o&&"pl-8",e),...t}));Zr.displayName=N.Label.displayName;var Kr=Lt.forwardRef(({className:e,...o},t)=>(0,K.jsx)(N.Separator,{ref:t,className:r("-mx-1 my-1 h-px bg-gray-100",e),...o}));Kr.displayName=N.Separator.displayName;var Jr=({className:e,...o})=>(0,K.jsx)("span",{className:r("ml-auto text-xs tracking-widest opacity-60",e),...o});Jr.displayName="DropdownMenuShortcut";var sa=u(require("html-react-parser"),1);var I=require("react/jsx-runtime"),Gl=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>(0,I.jsxs)(I.Fragment,{children:[e&&(0,I.jsx)(y,{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&&(0,I.jsx)("div",{className:"-mx-3.5 flex flex-row flex-wrap justify-center gap-y-5",children:o.map((a,i)=>(0,I.jsx)("div",{className:"basis-full px-3.5 md:basis-1/3",children:(0,I.jsxs)("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:[(0,I.jsx)("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}),(0,I.jsxs)("div",{className:"mt-6 w-full",children:[(0,I.jsx)("div",{className:"w-full text-xl font-semibold",children:(0,sa.default)(a.title)}),a?.description&&(0,I.jsx)("div",{className:"mt-2 text-base text-gray-600",children:(0,sa.default)(a.description)})]})]})},i))}),t&&(0,I.jsx)(R,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),yd=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>(0,I.jsxs)(I.Fragment,{children:[e&&(0,I.jsx)(y,{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&&(0,I.jsx)("div",{className:"-mx-3.5 mt-9 flex flex-row flex-wrap justify-center gap-y-9",children:o.map((a,i)=>(0,I.jsxs)("div",{className:"basis-full px-3.5 text-center md:basis-1/3",children:[(0,I.jsxs)("div",{className:"relative mx-auto flex h-52 w-52 items-center justify-center",children:[(0,I.jsx)("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&&(0,I.jsx)("div",{className:"aspect-1 w-full overflow-hidden rounded-lg bg-gray-100",children:(0,I.jsx)(ee,{ratio:1,children:(0,I.jsx)("img",{src:a.image,alt:a.title,className:"h-full w-full object-cover"})})})]}),(0,I.jsxs)("div",{className:"mt-6 w-full",children:[(0,I.jsx)("div",{className:"w-full text-xl font-semibold",children:(0,sa.default)(a.title)}),a?.description&&(0,I.jsx)("div",{className:"mt-2 text-base text-gray-600",children:(0,sa.default)(a.description)})]})]},i))}),t&&(0,I.jsx)(R,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),wd=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>{switch(e){case 1:return(0,I.jsx)(Gl,{dataHeading:o,dataHowItWorks:t,dataButtons:a});case 2:return(0,I.jsx)(yd,{dataHeading:o,dataHowItWorks:t,dataButtons:a});default:return(0,I.jsx)(Gl,{dataHeading:o,dataHowItWorks:t,dataButtons:a})}},Nd=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>(0,I.jsx)(I.Fragment,{children:wd({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})}),jl=({template:e=1,background:o,className:t,idSection:a,dataHeading:i,dataHowItWorks:n,dataButtons:s})=>(0,I.jsx)(Y,{className:t,idSection:a,background:o,children:(0,I.jsx)(Nd,{template:e,dataHeading:i,dataHowItWorks:n,dataButtons:s})});var Ul=require("class-variance-authority"),en=u(require("html-react-parser"),1),tn=require("lucide-react");var q=require("react/jsx-runtime"),Pd=(0,Ul.cva)("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}}),Cd=({template:e,name:o,image:t,isFeatures:a})=>(0,q.jsx)(q.Fragment,{children:(()=>{switch(e){case 1:case 2:return(0,q.jsx)(q.Fragment,{children:(0,q.jsxs)("li",{className:r("flex space-x-4",!a&&"hidden"),children:[t?(0,q.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:(0,q.jsx)("img",{src:t,alt:"",className:"max-w-full"})}):(0,q.jsx)("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-pink-100 p-1",children:(0,q.jsx)(tn.CheckIcon,{className:"h-4 w-4 text-pink-500"})}),o&&(0,q.jsx)("div",{className:"ml-2 ",children:(0,en.default)(o)})]})});case 3:return(0,q.jsxs)("li",{className:"flex h-full space-x-4",children:[t?(0,q.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:(0,q.jsx)("img",{src:t,alt:"",className:"max-w-full"})}):(0,q.jsx)("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-pink-100 p-1",children:(0,q.jsx)(tn.CheckIcon,{className:"h-4 w-4 text-pink-500"})}),o&&(0,q.jsx)("div",{className:"my-auto ml-2 md:my-0",children:(0,en.default)(o)})]});default:return null}})()}),oi=({dataFeatures:e,template:o=1})=>(0,q.jsx)(q.Fragment,{children:(e?.length??0)>0&&(0,q.jsx)("ul",{className:r("",Pd({template:o})),children:e?.map((t,a)=>(0,q.jsx)(Cd,{name:t?.name,template:o,image:t?.image,idx:a,isFeatures:!0},a))})});var Ql=require("lucide-react");var V=require("react/jsx-runtime"),Xl=e=>typeof e=="string"?e?.split("/")?.map(Number)?.reduce((a,i)=>a/i):e,Rd=({src:e,ratio:o,className:t,youtubeId:a,onClickFC:i=()=>{}})=>(0,V.jsxs)(da,{children:[(0,V.jsx)(go,{greaterThan:"sm",children:(0,V.jsxs)(ee,{className:r(""),ratio:Xl(o),children:[(0,V.jsx)("img",{src:e,className:r("hidden h-full w-full object-cover md:block",t,e?"":"bg-gray-200"),alt:""}),a&&(0,V.jsxs)(at,{children:[(0,V.jsx)(pa,{onClick:i,children:(0,V.jsx)("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:(0,V.jsx)("svg",{className:"h-14 w-14",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:(0,V.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[(0,V.jsx)("circle",{stroke:"#FFF",strokeWidth:2,fillOpacity:".24",fill:"#000",cx:24,cy:24,r:23}),(0,V.jsx)("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"})]})})})}),(0,V.jsx)(Qe,{hideCloseBtn:!0,size:"lg",position:"center",className:"bg-transparent shadow-none",children:(0,V.jsxs)(Nt,{className:"relative bg-transparent p-4 text-center",children:[(0,V.jsx)("div",{className:"aspect-[16/9] w-full p-0",children:(0,V.jsx)("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"})}),(0,V.jsx)(fa,{asChild:!0,children:(0,V.jsx)(me,{variant:"secondary",className:"absolute right-0 top-0 rounded-full",size:"sm",children:(0,V.jsx)(Ql.XIcon,{className:"h-6 w-6"})})})]})})]})]})}),a&&(0,V.jsx)(go,{lessThan:"md",children:(0,V.jsx)("div",{className:"realtive aspect-[16/9] w-full overflow-hidden md:hidden",children:(0,V.jsx)("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"})})})]}),ai=({type:e=1,src:o,ratio:t,className:a,classNameMedia:i,youtubeId:n,onClickFC:s=()=>{}})=>(0,V.jsx)("div",{className:a,children:n?(0,V.jsx)(Rd,{type:e,src:o,ratio:t,youtubeId:n,onClickFC:s}):(0,V.jsx)(ee,{ratio:Xl(t),children:(0,V.jsx)("img",{src:o,className:r("h-full w-full object-cover",i,o?"":"bg-gray-200"),alt:""})})});var ql=u(require("html-react-parser"),1);var ot=require("react/jsx-runtime"),Td=({value:e,suffix:o,unit:t,description:a,idx:i})=>(0,ot.jsxs)("div",{className:r(""),children:[e&&(0,ot.jsxs)("div",{className:"line-clamp-2 font-bold text-pink-500",children:[e,(o||t)&&(0,ot.jsxs)("span",{children:[o," ",t]})]}),a&&(0,ot.jsx)("div",{className:"mt-1 text-sm leading-tight text-gray-500",children:(0,ql.default)(a)})]}),ii=({dataStats:e})=>(0,ot.jsx)(ot.Fragment,{children:(e?.length??0)>0&&(0,ot.jsx)("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)=>(0,ot.jsx)(Td,{value:o?.value,suffix:o?.suffix,unit:o?.unit,description:o?.description,idx:t},t))})});var F=require("react/jsx-runtime"),on=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>(0,F.jsxs)("div",{className:r("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6 "),children:[(0,F.jsxs)("div",{className:"col-span-1 ",children:[(0,F.jsx)(y,{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)}),(0,F.jsx)(oi,{dataFeatures:t,template:a}),o&&(0,F.jsx)(R,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons}),(0,F.jsx)(ii,{dataStats:i})]}),(0,F.jsx)("div",{className:"col-span-1 md:pl-10",children:s||(0,F.jsx)(ai,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})})]}),Yl=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>(0,F.jsxs)("div",{className:r("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6"),children:[(0,F.jsx)("div",{className:"order-2 col-span-1 md:order-1 md:pr-10",children:s||(0,F.jsx)(ai,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})}),(0,F.jsxs)("div",{className:"order-1 col-span-1 md:order-2",children:[(0,F.jsx)(y,{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)}),(0,F.jsx)(oi,{dataFeatures:t,template:a}),o&&(0,F.jsx)("div",{className:"flex w-full items-center justify-center md:justify-start",children:(0,F.jsx)(R,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons})}),(0,F.jsx)(ii,{dataStats:i})]})]}),Zl=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:i,dataMedia:n,advancedComponent:s})=>(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(y,{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&&(0,F.jsx)(R,{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"}),(0,F.jsx)(oi,{dataFeatures:t,template:a}),(0,F.jsx)("div",{className:" mx-auto max-w-xl [&>ul]:justify-center",children:(0,F.jsx)(ii,{dataStats:i})}),s||(0,F.jsx)(F.Fragment,{children:n?.src&&(0,F.jsx)(ai,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId,className:"mt-8 md:mt-12",classNameMedia:"rounded-lg"})})]});var xt=require("react/jsx-runtime"),kd=`var(
|
|
247
247
|
--gradient-pink-1,
|
|
248
248
|
linear-gradient(
|
|
249
249
|
38deg,
|