"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[634],{49050:function(t,l,i){i.d(l,{fK:function(){return d},nv:function(){return m}});var o=i(85893),r=i(86010),n=i(34464),a=i(11607),s=i(67294);let d="block w-full appearance-none disabled:cursor-not-allowed disabled:bg-gray-100 rounded-md border border-gray-200 bg-white px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-violet-500 focus:bg-white focus:outline-none focus:ring-violet-500 sm:text-sm",c={md:"text-md",base:"",sm:"text-sm",xs:"text-xs"};function u(t){let{id:l,desc:i,className:n,labelSize:a="base",children:s}=t;return(0,o.jsxs)("div",{className:(0,r.Z)("block mb-2",c[a],n),children:[(0,o.jsx)("label",{htmlFor:l,className:"  font-medium text-gray-700",children:s}),i&&(0,o.jsx)("p",{className:"block text-gray-500 text-xs",children:i})]})}let m=(0,s.forwardRef)((t,l)=>{let{id:i,label:s,labelSize:c="base",desc:m,type:v="text",className:h="",inputClassName:f="",password:x,textArea:g,onChangeType:p,children:w,error:y,...b}=t;return(0,o.jsxs)("div",{className:h,children:[s&&(0,o.jsx)(u,{id:i,labelSize:c,desc:m,children:s}),x?(0,o.jsxs)("div",{className:"relative block",children:[(0,o.jsx)("input",{id:i,type:v,...b,className:(0,r.Z)(d)}),"password"==v?(0,o.jsx)(n.Z,{onClick:()=>p("text"),className:"absolute right-3 top-0 bottom-0 my-auto h-4 w-4 cursor-pointer text-violet-500"}):(0,o.jsx)(a.Z,{onClick:()=>p("password"),className:"absolute right-3 top-0 bottom-0 my-auto h-4 w-4 cursor-pointer text-violet-500"})]}):g?(0,o.jsx)("textarea",{id:i,type:v,...b,className:(0,r.Z)(d,f)}):(0,o.jsx)("input",{ref:l,id:i,type:v,...b,className:(0,r.Z)(d,f)}),y&&(0,o.jsx)("p",{className:"text-sm text-red-600",children:y}),w]})})},42786:function(t,l,i){var o=i(85893);i(67294),l.Z=function(t){let{containerClass:l,type:i="route",color:r="black",size:n="30%",delay:a=100}=t;return(0,o.jsx)("div",{className:l||" inset-0 flex h-full w-full items-center justify-center ",children:(0,o.jsx)("span",{className:"loading loading-ring loading-lg"})})}},31193:function(t,l,i){i.d(l,{T:function(){return c}});var o=i(85893),r={src:"/_next/static/media/logo.0a52b93c.png",height:2772,width:4920,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAJ1BMVEUuHChMaXFQJ2kzHDMoHCQqGygdEBceExaBU6uIf5DGmPS0Ndflif/4M6JpAAAADHRSTlMIAA8FZ0MaWXQeenuaYLriAAAACXBIWXMAACxLAAAsSwGlPZapAAAAJ0lEQVR4nDXKtwEAIAwEsfM7kfaflwZUC3vYMgqcMzqjI1mzQHL+uQseAHybFJ9qAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5},n={src:"/_next/static/media/logo-white.d5e3ed3d.png",height:2772,width:4920,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAJFBMVEXq2vhMaXH////+/v/+/P/FmPH39v/6+v////////+yM9Xfg//O45k8AAAAC3RSTlMIAA9nUXcdOxhde9hkq0UAAAAJcEhZcwAALEsAACxLAaU9lqkAAAAmSURBVHicNco5AgAQDACwKOr6/38tZI7y2IoJp69WWx16JhH8cwEJbwBnOoEG9gAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:5},a={src:"/_next/static/media/logo-icon.08796214.png",height:3072,width:3072,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAWlBMVEXZtu2yVuOnXeqqZOrEWdrEW9u9V91MaXGpPdzDRNWiPem5cfKtZe/9+v7QUNfDQNW/Sdu/P9LAX+Tq0/irX+2kWu7z6v3nzva8MNm3Q/DIdOTarf/OJtvNKNvvhXj2AAAAGXRSTlMTycB8fP7+APzD/v6O/Y7Y2PqO/djYyf7+lAb6EgAAAAlwSFlzAAAsSwAALEsBpT2WqQAAAEFJREFUeJwFwYUBgDAQALGr8VVcKrD/miQINgSLQPhqbQrmd3OTb5mlut59PFnr1MuTLvbm/VFGBtViGjcIRmuD/HIIAxjfLCTaAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8},s=i(25675),d=i.n(s);function c(t){let{className:l,onlyIcon:i,white:s}=t;return(0,o.jsx)(d(),{src:i?a:s?n:r,className:null!=l?l:"w-96 h-96",alt:"Guidejar"})}},85011:function(t,l,i){var o=i(85893),r=i(86010);i(67294);let n={xs:"loading-xs",sm:"loading-sm",md:"loading-md",lg:"loading-lg"};l.Z=function(t){let{size:l="sm",className:i}=t;return(0,o.jsx)("span",{className:(0,r.Z)("loading loading-spinner",n[l],i)})}},82093:function(t,l,i){i.d(l,{D:function(){return h}});var o=i(88398),r=i.n(o),n=i(77543),a=i.n(n),s=i(88892),d=i.n(s),c=i(7286),u=i.n(c),m=i(51585),v=i.n(m);let h="!font-display",f={Inter:"!font-sans","DM Sans":"!font-dm",Lexend:"!font-display",Poppins:r().className,"Noto Sans":a().className,Montserrat:d().className,Urbanist:u().className,Raleway:v().className};l.Z={get:t=>f[t]?f[t]:"!font-display"}},34763:function(t,l,i){var o=i(85893),r=i(67294),n=i(49050),a=i(85825),s=i(82093),d=i(86010),c=i(85011),u=i(17284),m=i(8728);l.Z=function(t){var l,i,v;let{basicGuideInfo:h={},onSubmit:f,isSubmitting:x,error:g,resetError:p}=t,[w,y]=(0,r.useState)(""),b=(null==h?void 0:h.font)?s.Z.get(h.font):s.D;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(u.ZP,{title:h.title,description:h.description&&h.description.trim().length>0?h.description:null,imageUrl:"https://storage.googleapis.com/saas-demo-f016c.appspot.com/app-assets/guide-thumbnail.png"}),(0,o.jsx)("div",{className:(0,d.Z)("mx-auto flex h-screen  w-screen flex-col items-center justify-center bg-gray-100 px-4 text-center font-medium text-gray-700 ",b),children:(0,o.jsxs)("div",{className:"m-4 flex w-full flex-col items-center justify-center rounded-xl border bg-white p-6 py-12 shadow-xl lg:max-w-[50%]",children:[h.logo&&(0,o.jsx)("img",{src:h.logo,className:"h-16 w-auto max-w-[16rem] object-contain"}),(0,o.jsx)("label",{className:"mt-4 text-2xl font-bold",children:h.title}),h.description&&(0,o.jsx)("small",{className:"mt-1 line-clamp-4 text-gray-600",children:h.description}),(0,o.jsxs)("form",{onSubmit:t=>{t.preventDefault(),f(w)},className:"mt-6 flex w-full flex-col items-center justify-center space-y-4",children:[(0,o.jsx)(n.nv,{value:w,autoFocus:!0,inputClassName:(0,d.Z)("!text-center !outline-transparent !ring-transparent !border-gray-200 focus:!border-gray-400 !text-lg min-w-[20rem]",x?"!bg-gray-100":"",g?"!border-red-300 focus:!border-red-400 ":"!border-gray-200 focus:!border-gray-400 "),onChange:t=>{p(),y(t.target.value.replaceAll(/\s+/g,""))},placeholder:"Enter password",disabled:x}),(0,o.jsx)("div",{className:"flex h-16 items-center justify-center",children:(0,o.jsx)(a.zx,{type:"submit",className:"min-h-[3rem] w-full min-w-[8rem]",color:"primarysimple",style:{backgroundColor:null!==(l=null==h?void 0:h.color)&&void 0!==l?l:"#9164f7",color:(0,m.Z)(null!==(i=null==h?void 0:h.color)&&void 0!==i?i:"#9164f7"),border:"0.5px solid",borderColor:"currentColor"},disabled:x||0==w.trim().length,children:x?(0,o.jsx)(c.Z,{className:"white"==(0,m.Z)(null!==(v=null==h?void 0:h.color)&&void 0!==v?v:"#9164f7")?"text-white":"text-black"}):"View"})})]})]})})]})}},92612:function(t,l,i){i.d(l,{Z:function(){return tP}});var o=i(85893),r=i(67294),n=i(84110),a=i.n(n),s=i(27484),d=i.n(s);function c(){let[t,l]=(0,r.useState)(0),[i,o]=(0,r.useState)(0);return(0,r.useEffect)(()=>{let t=()=>{try{l(window.innerWidth),o(window.innerHeight)}catch(t){console.log(t)}};try{l(window.innerWidth),o(window.innerHeight),window.addEventListener("resize",t)}catch(t){console.log(t)}return()=>{window.removeEventListener("resize",t)}},[]),[t,i]}function u(t,l){return t+Math.round(255*Math.min(Math.max(l||1,0),1)).toString(16).toUpperCase()}var m=i(86010),v=i(84979),h=i(8971),f=i(73271),x=i(130),g={src:"/_next/static/media/pointinghand.60e1d9e2.svg",height:32,width:32,blurWidth:0,blurHeight:0},p=i(67855),w=i(55186);function y(t){let{children:l,href:i}=t;return(0,o.jsx)("a",{rel:"nofollow",href:i,title:l,target:"_blank",className:" hover:text-sky-500 break-all align-middle mb-[4px]  hover:underline text-center text-sky-400 inline-block rounded truncate max-w-[10rem] md:max-w-[15rem] lg:max-w-[25rem] xl:max-w-[30rem]",children:l})}var b=function(t){let{children:l,href:i}=t;return(0,o.jsx)("a",{rel:"nofollow",href:i,title:l,target:"_blank",className:" hover:text-sky-600 break-all align-middle mb-[4px]  hover:underline text-center text-sky-700 inline-block rounded truncate max-w-[10rem] md:max-w-[15rem] lg:max-w-[25rem] xl:max-w-[30rem]",children:l})};let j=t=>{let{children:l}=t;return(0,o.jsx)("strong",{className:"font-bold",children:l})},N=t=>{let{children:l}=t;return(0,o.jsx)("h2",{className:"text-[1.1rem] !tracking-tight md:text-xl font-bold lg:text-2xl",children:l})},k=t=>{let{children:l}=t;return(0,o.jsx)("h2",{className:" !tracking-tight font-bold lg:text-3xl",children:l})},A=t=>{let{children:l}=t;return(0,o.jsx)("p",{className:"line-clamp-4 text-sm font-medium md:line-clamp-none lg:text-[1.1rem] lg:leading-7",children:l})},Z=t=>{let{children:l}=t;return(0,o.jsx)("p",{className:"whitespace-pre-wrap",children:l})},z=t=>{let{children:l}=t;return(0,o.jsx)("strong",{className:"text-[.9rem] !tracking-tight lg:text-[1.2rem]",children:l})},C=t=>{let{children:l}=t;return(0,o.jsx)("p",{className:"line-clamp-4 whitespace-pre-line font-medium md:line-clamp-none",children:l})};var E=i(42708),S={40:{1:"-left-3 -top-3  h-6 w-6 lg:-left-5 lg:-top-5 lg:h-10 lg:w-10","1.5":"-left-3 -top-3  h-6 w-6 lg:-left-6 lg:-top-6 lg:h-12 lg:w-12",2:"-left-[1.125rem] -top-[1.125rem]  h-9 w-9 lg:-left-7 lg:-top-7 lg:h-14 lg:w-14"},50:{1:"-left-3 -top-3  h-6 w-6 lg:-left-5 lg:-top-5 lg:h-10 lg:w-10","1.5":"-left-3 -top-3  h-6 w-6 lg:-left-6 lg:-top-6 lg:h-12 lg:w-12",2:"-left-[1.125rem] -top-[1.125rem]  h-9 w-9 lg:-left-7 lg:-top-7 lg:h-14 lg:w-14"},60:{1:"-left-3 -top-3  h-6 w-6 lg:-left-5 lg:-top-5 lg:h-10 lg:w-10","1.5":"-left-[1.125rem] -top-[1.125rem]  h-9 w-9 lg:-left-7 lg:-top-7 lg:h-14 lg:w-14",2:"-left-6 -top-6 h-12 w-12 lg:-left-10 lg:-top-10  lg:h-20 lg:w-20"},75:{1:"-left-3 -top-3  h-6 w-6 lg:-left-6 lg:-top-6 lg:h-12 lg:w-12","1.5":"-left-[1.125rem] -top-[1.125rem]  h-9 w-9 lg:-left-9 lg:-top-9 lg:h-[4.5rem] lg:w-[4.5rem]",2:"-left-6 -top-6 h-12 w-12 lg:-left-12 lg:-top-12  lg:h-24 lg:w-24"},80:{1:"-left-3 -top-3  h-6 w-6 lg:-left-6 lg:-top-6 lg:h-12 lg:w-12","1.5":"-left-[1.125rem] -top-[1.125rem]  h-9 w-9 lg:-left-9 lg:-top-9 lg:h-[4.5rem] lg:w-[4.5rem]",2:"-left-6 -top-6 h-12 w-12 lg:-left-12 lg:-top-12  lg:h-24 lg:w-24"}},T=i(66692),P=i(50629),V=i(77451),F=i(34060),R=i(89204),H=i(67596),I=i(57590),W=i(82847),M=i(34601),L=i(72148),$=i(5102),D=i(73426),O=i(45485),B=i(78957),U=i(44414),q=i(35871);let X="h-6 w-6",_={1:(0,o.jsx)(T.Z,{className:X}),2:(0,o.jsx)(P.Z,{className:(0,m.Z)(X)}),3:(0,o.jsx)(V.Z,{className:X}),4:(0,o.jsx)(F.Z,{className:X}),5:(0,o.jsx)(R.Z,{className:"h-5 w-5"}),6:(0,o.jsx)(H.Z,{className:X}),7:(0,o.jsx)(I.Z,{className:X}),8:(0,o.jsx)(W.Z,{className:X}),9:(0,o.jsx)(M.Z,{className:X}),10:(0,o.jsx)(L.Z,{className:X}),11:(0,o.jsx)($.Z,{className:X}),12:(0,o.jsx)(D.Z,{className:X}),13:(0,o.jsx)(O.Z,{className:X}),14:(0,o.jsx)(B.Z,{className:X}),15:(0,o.jsx)(U.Z,{className:X}),16:(0,o.jsx)(q.Z,{className:X})};var G=i(25675),Y=i.n(G),Q={src:"/_next/static/media/navigation.0c780a7b.svg",height:24,width:24,blurWidth:0,blurHeight:0};let J={40:{1:"-left-[.65rem] -top-2  h-6 w-6 lg:-left-4 lg:-top-3 lg:h-10 lg:w-10"},50:{1:"-left-[.65rem] -top-2  h-6 w-6 lg:-left-4 lg:-top-3 lg:h-10 lg:w-10"},60:{1:"-left-[.65rem] -top-2  h-6 w-6 lg:-left-5 lg:-top-4 lg:h-12 lg:w-12"},75:{1:"-left-[.65rem] -top-2  h-6 w-6 lg:-left-5 lg:-top-4 lg:h-12 lg:w-12"},80:{1:"-left-[.65rem] -top-2  h-6 w-6 lg:-left-5 lg:-top-4 lg:h-12 lg:w-12"}};function K(t,l){let i=J[t];return l<1.5?i["1"]:l<2?i["1.5"]:i["2"]}let ee=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:400;return new Promise(l=>setTimeout(l,t))},et=t=>{var l,i,r,n,a,s;let{guide:d,thisStep:c,cursorType:m,referenceRef:v,...h}=t;return 2==m?(0,o.jsx)("div",{...h,children:(0,o.jsx)("svg",{ref:v,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:u(null!==(n=null!==(r=c.markerColor)&&void 0!==r?r:null===(l=d.customization)||void 0===l?void 0:l.color)&&void 0!==n?n:"#9164f7",.9),stroke:null!==(s=null!==(a=c.markerColor)&&void 0!==a?a:null===(i=d.customization)||void 0===i?void 0:i.color)&&void 0!==s?s:"#9164f7",strokeWidth:2,"stroke-linecap":"round","stroke-linejoin":"round",class:"feather feather-navigation-2",draggable:!1,children:(0,o.jsx)("polygon",{points:"12 2 19 21 12 17 5 21 12 2"})})}):(0,o.jsx)(Y(),{alt:"",ref:v,...h,draggable:!1})},el=(0,r.forwardRef)(function(t,l){var i,n,a,s,d;let{refs:c,guide:v,thisStep:h,imageWidth:f,imageHeight:x,layout:p,className:w,incrementStep:y,showPingAnimation:b}=t,[j,N]=(0,r.useState)(!1);return(0,r.useImperativeHandle)(l,()=>{let t="cursor-1"==v.customization.markerType;return{async beforeNavigation(){if(t)return N(!0),ee()}}},[v]),(0,r.useEffect)(()=>{if(!j)return;let t=setTimeout(()=>N(!1),200);return()=>clearTimeout(t)},[j]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(et,{referenceRef:c.setReference,src:"cursor-2"==v.customization.markerType?Q:g,className:(0,m.Z)("absolute inset-0 z-50 flex transform-gpu cursor-pointer items-center justify-center transition-transform duration-500 ease-out ",K(p,1),w),guide:v,thisStep:h,cursorType:v.customization.markerType.split("cursor-")[1],style:{transform:`translate3d(${h.clickX*f/h.totalW}px,${h.clickY*x/h.totalH}px,0px) scale(${j?.8:1}) ${"cursor-2"==v.customization.markerType?"rotate(-30deg)":"rotate(0deg)"}`},onClick:y}),b&&(0,o.jsx)("div",{className:(0,m.Z)("absolute inset-0 z-50 flex transform-gpu cursor-pointer items-center justify-center  ",K(p,1),w),style:{transform:`translate3d(${h.clickX*f/h.totalW}px,${h.clickY*x/h.totalH}px,0px) scale(${j?.8:1})`},children:(0,o.jsx)("div",{className:"h-full w-full animate-ping2  rounded-full duration-[2000ms] ",style:{backgroundColor:u(null!==(s=null!==(a=h.markerColor)&&void 0!==a?a:null===(i=v.customization)||void 0===i?void 0:i.color)&&void 0!==s?s:"#9164f7",(100-(null!==(d=null===(n=v.customization)||void 0===n?void 0:n.markerTransparency)&&void 0!==d?d:40))/100)}})})]})});function ei(t){var l,i,r;let{step:n}=t,{guide:a,collapsedRanges:s,collapseHeader:d,uncollapseHeader:c}=tS(),u=s.find(t=>t.from==n.order+1);return(0,o.jsxs)("div",{className:(0,m.Z)("flex w-full items-center space-x-4 p-5","heading"==n.event&&"justify-center px-3"),children:[(null==a?void 0:null===(l=a.actions)||void 0===l?void 0:l.length)>1&&"heading"!=n.event&&"tip"!=n.event&&"alert"!=n.event&&(0,o.jsx)(ed,{number:n.stepNumber}),"tip"==n.event&&(0,o.jsx)("div",{className:"flex aspect-square h-10 w-10 items-center justify-center rounded-full  ",children:_[null!==(i=n.icon)&&void 0!==i?i:"1"]}),"alert"==n.event&&(0,o.jsx)("div",{className:"flex aspect-square h-10 w-10 items-center justify-center rounded-full ",children:_[null!==(r=n.icon)&&void 0!==r?r:"2"]}),"heading"==n.event&&(0,o.jsx)("div",{className:"h-px w-full bg-gray-300"}),(0,o.jsx)("div",{className:(0,m.Z)("w-full","heading"==n.event&&"min-w-[60%]"),children:(0,o.jsx)(p.U,{remarkPlugins:n.disableAutoLinks?[]:[w.Z],className:(0,m.Z)("w-full break-words","heading"==n.event&&"text-center text-xl md:text-2xl"),components:{a:b,h1:N,h2:N,h3:N,h4:N,h5:N,h6:N,p:Z,pre:Z},disallowedElements:["input","iframe","image","img"],children:n.description})}),"heading"==n.event&&(0,o.jsxs)("div",{className:"flex w-full items-center justify-center space-x-4",children:[(0,o.jsx)("div",{className:"h-px w-full bg-gray-300"}),n.order<a.actions.length&&(u?(0,o.jsx)(h.Z,{onClick:()=>c(n),className:"h-5 w-5 flex-shrink-0 cursor-pointer text-gray-400 hover:text-gray-600"}):(0,o.jsx)(v.Z,{onClick:()=>d(n),className:"h-5 w-5 flex-shrink-0 cursor-pointer text-gray-400 hover:text-gray-600"}))]})]})}function eo(t){var l,i,n;let{step:a}=t,{guide:s}=tS(),[d,u]=(0,r.useState)(0),[m]=c(),v=null!==(i=null==s?void 0:null===(l=s.customization)||void 0===l?void 0:l.layout)&&void 0!==i?i:60;(0,r.useEffect)(()=>{u((m>=640?m*(v/100):.85*m)-2)},[m]);let h=s.totalH*d/s.totalW;return(0,o.jsx)("div",{className:"relative h-full w-full overflow-hidden rounded-b-lg  border-t bg-gray-50",style:{width:d,height:h},children:(0,o.jsx)("iframe",{width:d,height:h,src:a.imagePath,title:"Video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; web-share",allowFullScreen:!1})})}function er(t){var l,i,n,a,s,d;let{step:u,containerWidth:v,hasMarker:h}=t,{guide:g}=tS(),[p,w]=(0,r.useState)(0),[y,b]=(0,r.useState)(1),j=null!==(s=null==g?void 0:null===(l=g.customization)||void 0===l?void 0:l.layout)&&void 0!==s?s:60,[N=0]=c(),[k,A,Z]=(0,E.YD)({threshold:[.05,1],root:null,trackVisibility:!0,delay:100,initialInView:!1,triggerOnce:!1});(0,r.useEffect)(()=>{let t=null!=v?v:N;w((t>=640?t*(j/100):.85*t)-2)},[N,v]);let z=u.totalH*p/u.totalW;z=isNaN(z)?0:z;let C=h?u.clickX*p/u.totalW:0,S=h?u.clickY*z/u.totalH:0;return(0,r.useEffect)(()=>{var t,l,i,o,r,n,a,s;if(h&&(null==g?void 0:null===(t=g.customization)||void 0===t?void 0:t.initialZoom)&&(null==g?void 0:null===(l=g.customization)||void 0===l?void 0:l.initialZoom)!=1&&Z&&!((null==Z?void 0:Z.boundingClientRect.height)<10)){if(A&&1==Z.intersectionRatio&&(null==g?void 0:null===(i=g.customization)||void 0===i?void 0:i.initialZoom)){if(null==g?void 0:null===(o=g.customization)||void 0===o?void 0:o.zoomDelay){let t=setTimeout(()=>{var t;return b(null==g?void 0:null===(t=g.customization)||void 0===t?void 0:t.initialZoom)},(null!==(s=null==g?void 0:null===(a=g.customization)||void 0===a?void 0:a.zoomDelay)&&void 0!==s?s:0)*100);return()=>clearTimeout(t)}b(null==g?void 0:null===(n=g.customization)||void 0===n?void 0:n.initialZoom)}else(null==Z?void 0:Z.intersectionRatio)<1&&(Z.boundingClientRect.top>window.innerHeight||Z.boundingClientRect.top<0&&Math.abs(Z.boundingClientRect.top)>.95*Z.boundingClientRect.height)&&b(1)}},[A,Z,null==Z?void 0:Z.intersectionRatio]),(0,o.jsxs)("div",{ref:k,className:"group relative h-full w-full select-none overflow-hidden rounded-b-lg border-t bg-gray-50",style:{width:p,height:z},children:[u.isVideo?(0,o.jsx)("video",{controls:!0,src:u.imagePath,className:"h-full w-full select-none ",style:{width:p,height:z,maxWidth:"none",transformOrigin:h?`${C}px ${S}px`:null,transform:`scale(${y})`},alt:u.description}):(0,o.jsx)("img",{src:u.imagePath,className:"h-full w-full select-none transition duration-500 ease-in",style:{width:p,height:z,maxWidth:"none",transformOrigin:h?`${C}px ${S}px`:null,transform:`scale(${y})`},alt:u.description,loading:"lazy"}),h&&(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(ec,{x:C,y:S,zoom:y,layout:null==g?void 0:null===(i=g.customization)||void 0===i?void 0:i.layout,hasInitialZoom:(null==g?void 0:null===(n=g.customization)||void 0===n?void 0:n.initialZoom)&&(null==g?void 0:null===(a=g.customization)||void 0===a?void 0:a.initialZoom)!=1})}),(0,o.jsxs)("div",{className:"absolute  bottom-4 right-4 hidden flex-col items-center justify-center space-y-2 rounded-full border bg-black/30 p-2 px-2 backdrop-blur-sm group-hover:flex",children:[(0,o.jsx)(f.Z,{onClick:()=>b(t=>2==t?t:1==t?1.5:2),className:(0,m.Z)(" w-6 text-gray-200 ",2==y?"cursor-not-allowed":"cursor-pointer hover:scale-105 hover:text-white")}),(0,o.jsxs)("span",{className:"text-xs text-gray-200",children:[y,"x"]}),(0,o.jsx)(x.Z,{onClick:()=>b(t=>1==t?t:2==t?1.5:1),className:(0,m.Z)(" w-6 text-gray-200 ",1==y?"cursor-not-allowed":"cursor-pointer hover:scale-105 hover:text-white")})]})]})}function en(t){let{step:l,containerWidth:i}=t,r=null!=l.clickX&&void 0!=l.clickX;return(0,o.jsxs)("div",{className:"flex flex-col justify-center ",children:[l.description&&(0,o.jsx)(ei,{step:l}),l.imagePath&&(l.isEmbed?(0,o.jsx)(eo,{step:l,hasMarker:r,containerWidth:i}):(0,o.jsx)(er,{step:l,hasMarker:r,containerWidth:i}))]})}function ea(t){let{step:l,containerWidth:i}=t,r=null!=l.clickX&&void 0!=l.clickX;return(0,o.jsxs)("div",{className:"flex flex-col justify-center  ",children:[l.description&&(0,o.jsx)(ei,{step:l}),l.imagePath&&(l.isEmbed?(0,o.jsx)(eo,{step:l,hasMarker:r,containerWidth:i}):(0,o.jsx)(er,{step:l,hasMarker:r,containerWidth:i}))]})}function es(t){let{step:l,containerWidth:i}=t;return(0,o.jsxs)("div",{className:"flex flex-col justify-center  ",children:[l.description&&(0,o.jsx)(ei,{step:l}),l.imagePath&&(l.isEmbed?(0,o.jsx)(eo,{step:l,hasMarker:hasMarker,containerWidth:i}):(0,o.jsx)(er,{step:l,containerWidth:i}))]})}function ed(t){var l,i,r,n;let{number:a=1}=t,{guide:s}=tS();return(0,o.jsx)("div",{className:"flex aspect-square h-10 w-10 items-center justify-center rounded-full  p-4 font-bold ",style:{color:null!==(r=null===(l=s.customization)||void 0===l?void 0:l.color)&&void 0!==r?r:"#9164f7",backgroundColor:u(null!==(n=null===(i=s.customization)||void 0===i?void 0:i.color)&&void 0!==n?n:"#9164f7",.2)},children:a})}function ec(t){var l,i,r,n,a,s,d,c,v,h,f,x,p,w,y,b,j,N;let{x:k=0,y:A=0,zoom:Z=1,layout:z=75,hasInitialZoom:C}=t,{guide:E,isLandingPageEmbed:T}=tS(),P=(null===(l=E.customization)||void 0===l?void 0:null===(i=l.markerType)||void 0===i?void 0:i.indexOf("cursor"))>=0;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:(0,m.Z)("absolute  inset-0 z-50 flex items-center justify-center ",C?"transition-all duration-500":"",(P?J:S)[T?"50":z][P?1:Z],!P&&" rounded-full border-2 shadow-xl"),style:{transform:P?`translate(${k}px,${A}px) scale(${1+(Z-1)*.4})`:`translate(${k}px,${A}px)`,borderColor:null!==(x=null===(r=E.customization)||void 0===r?void 0:r.color)&&void 0!==x?x:"#9164f7",...!P&&{backgroundColor:(null===(n=E.customization)||void 0===n?void 0:n.markerTransparency)==100?"transparent":u(null!==(p=null===(a=E.customization)||void 0===a?void 0:a.color)&&void 0!==p?p:"#9164f7",(100-(null!==(w=null===(s=E.customization)||void 0===s?void 0:s.markerTransparency)&&void 0!==w?w:40))/100)}},children:P?(0,o.jsx)("div",{className:"relative h-full w-full",children:(0,o.jsx)(Y(),{src:g,className:"h-full w-full animate-mouseclick"})}):(0,o.jsx)("div",{className:"absolute inset-0 h-full w-full  animate-ping2 rounded-full",style:{backgroundColor:u(null!==(y=null===(d=E.customization)||void 0===d?void 0:d.color)&&void 0!==y?y:"#9164f7",(100-(null!==(b=null===(c=E.customization)||void 0===c?void 0:c.markerTransparency)&&void 0!==b?b:40))/100)}})}),P&&(0,o.jsx)("div",{className:(0,m.Z)(" absolute inset-0 ",S[T?"50":z][1]),style:{transform:P?`translate(${k}px,${A}px) scale(${1+(Z-1)*.4})`:`translate(${k}px,${A}px)`},children:(0,o.jsx)("div",{className:"border-1 absolute inset-0 m-auto h-4/5 w-4/5 animate-ping2 rounded-full",style:{backgroundColor:(null===(v=E.customization)||void 0===v?void 0:v.markerTransparency)==100?"transparent":u(null!==(j=null===(h=E.customization)||void 0===h?void 0:h.color)&&void 0!==j?j:"#9164f7",(100-(null!==(N=null===(f=E.customization)||void 0===f?void 0:f.markerTransparency)&&void 0!==N?N:40))/100)}})})]})}var eu=function(t){var l,i,r,n,a,s;let{step:d,containerWidth:c}=t,u=function(t){switch(t){case"instruction":default:return en;case"mouse_click":return ea;case"scroll":return es}}(d.event),{collapsedRanges:v}=tS(),h=v.find(t=>t.from<=d.order&&t.to>=d.order),f=v.find(t=>t.from==d.order+1);return(0,o.jsx)("div",{id:d.id,className:(0,m.Z)(h?"hidden":"block","rounded-lg border  ","heading"==d.event&&(f?"!mt-7  border-transparent font-bold opacity-70":"!mt-7 border-transparent !bg-transparent font-bold "),"tip"==d.event&&"!shadow-none","alert"==d.event&&"!shadow-none","heading"!=d.event&&"tip"!=d.event&&"alert"!=d.event&&!f&&"border-slate-200 bg-white shadow-md"),style:{...("tip"==d.event||"alert"==d.event)&&{backgroundColor:null!==(n=null===(l=d.colors)||void 0===l?void 0:l.bg)&&void 0!==n?n:"tip"==d.event?"#f1fff8":"#ffebec",color:null!==(a=null===(i=d.colors)||void 0===i?void 0:i.text)&&void 0!==a?a:"tip"==d.event?"#07955c":"#db1d52",borderColor:null!==(s=null===(r=d.colors)||void 0===r?void 0:r.text)&&void 0!==s?s:"tip"==d.event?"#07955c":"#db1d52"}},children:(0,o.jsx)(u,{step:d,containerWidth:c})})},em=i(88464),ev=i(24289),eh=i(50063),ef=i(82227),ex=i(51262),eg=i(24237),ep=i(60419);let ew=[{id:1,title:"Helpful",icon:(0,o.jsx)(ef.Z,{alt:"Helpful",className:"w-6 text-teal-400  transition group-hover:scale-110"}),className:"border-teal-400 hover:shadow-teal-400",activeClass:"!border-teal-400 !shadow-teal-400 !bg-teal-400/10",bg:"!bg-teal-500",border:"!fill-teal-500"},{id:2,title:"Love",icon:(0,o.jsx)(eh.Z,{alt:"Love",className:"mt-[.12rem] w-7 text-pink-400 transition group-hover:scale-110"}),className:"border-pink-400 hover:shadow-pink-400",activeClass:"!border-pink-400 !shadow-pink-400 !bg-pink-400/10",bg:"!bg-pink-500",border:"!fill-pink-500"},{id:3,title:"Applause",icon:(0,o.jsx)(Y(),{alt:"Applause",src:{src:"/_next/static/media/applause.747b9026.png",height:256,width:256,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAElBMVEWnivqqg/CqjP6mivmni/umifr16e9KAAAABnRSTlNhAhA2RSFmVu2tAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAAL0lEQVR4nC3JwQnAQBDDQMn29t9yOAj6DIg0p8odNJUbK4RjfREWBYQfWfOGemV+E4MAgH7nor0AAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},className:"w-8 text-violet-400 transition group-hover:scale-110"}),className:"border-violet-400 hover:shadow-violet-400",activeClass:"!border-violet-400 !shadow-violet-400 !bg-violet-400/10",bg:"!bg-violet-500",border:"!fill-violet-500"},{id:4,title:"Confused",icon:(0,o.jsx)(ex.Z,{alt:"Confused",className:"w-6 text-orange-400 transition group-hover:scale-110"}),className:"border-orange-400 hover:shadow-orange-400",activeClass:"!border-orange-400 !shadow-orange-400 !bg-orange-400/10",bg:"!bg-orange-500",border:"!fill-orange-500"},{id:5,title:"Not Helpful",icon:(0,o.jsx)(eg.Z,{alt:"Not Helpful",className:"w-6 text-red-400 transition group-hover:scale-110"}),className:"border-red-400 hover:shadow-red-400",activeClass:"!border-red-400 !shadow-red-400 !bg-red-400/10",bg:"!bg-red-500",border:"!fill-red-500"}];function ey(t){let{id:l,title:i,className:r,activeClass:n,icon:a,bg:s,border:d,active:u,onClick:v,disabled:h}=t,[f]=c();return(0,o.jsx)(ep.zt,{children:(0,o.jsxs)(ep.fC,{children:[(0,o.jsx)(ep.xz,{asChild:!0,children:(0,o.jsx)("div",{className:(0,m.Z)("group  mx-2 flex h-12  w-12  items-center justify-center rounded-full border bg-white shadow-md shadow-transparent transition-colors xl:my-2",r,u?n:"",h?"cursor-not-allowed":"cursor-pointer"),onClick:()=>v(l),children:a})}),(0,o.jsx)(ep.h_,{children:(0,o.jsxs)(ep.VY,{side:f<1280?"bottom":"right",className:(0,m.Z)("TooltipContent max-w-[13rem] font-bold !text-sm !leading-4 text-white",s),sideOffset:5,children:[i,(0,o.jsx)(ep.Eh,{className:(0,m.Z)("TooltipArrow",d)})]})})]})})}var eb=function(t){let{guideId:l,disabled:i=!1}=t,[n,a]=(0,r.useState)(),[s,d]=(0,r.useState)(!0),[u,v]=(0,r.useState)(i),[,h]=c(),f=t=>{i||(a(t),d(!1),em.Z.addReaction({guideId:l,deviceId:(0,ev.Z)(),reaction:t}).catch(()=>{console.error(e),a(n)}))};return((0,r.useEffect)(()=>{l&&!i&&em.Z.getReaction({guideId:l,deviceId:(0,ev.Z)()}).then(t=>{let{data:l}=t;return a(l)}).finally(()=>v(!0))},[l]),(0,r.useEffect)(()=>{n&&!i&&d(!1)},[n]),u)?(0,o.jsx)("div",{className:(0,m.Z)(h<420?"":"xl:fixed ","bottom-6 right-6 z-[99] !mt-10 xl:mt-0",i?"z-[99]":"z-[999]"),children:(0,o.jsx)("div",{className:(0,m.Z)("flex  items-center justify-center ",h<420?"":"xl:flex-col "),children:s?ew.map(t=>(0,o.jsx)(ey,{disabled:i,...t,active:n==t.id,onClick:f},t.id+"")):!!n&&(0,o.jsx)(ey,{...ew.find(t=>t.id==n),active:!0,onClick:()=>d(!0)})})}):(0,o.jsx)(o.Fragment,{})},ej=i(41250),eN=i(68353);function ek(t){var l,i;return(0,eN.Z)(null!==(i=null===(l=null==t?void 0:t.split("\n"))||void 0===l?void 0:l[0])&&void 0!==i?i:t).substring(0,500)}var eA=i(50822),eZ=i(96445),ez=i(81590),eC=i(13742),eE=i(76915);function eS(t){let{h:l,guideId:i,collapsedHeaders:n,expandHeader:a,collapseHeader:s,hideIcon:d}=t,c="heading"==l.event,u=n.find(t=>t.id==l.id),f=n.find(t=>l.order>=t.from&&l.order<=t.to),[x,g]=(0,r.useState)(!1),p=t=>{t.preventDefault(),navigator.clipboard.writeText(`${window.location.origin}/guides/${i}#${l.id}`).then(()=>g(!0)).catch(console.log)};return((0,r.useEffect)(()=>{let t=setTimeout(()=>g(!1),2e3);return()=>clearTimeout(t)},[x]),f)?(0,o.jsx)(o.Fragment,{}):(0,o.jsxs)("a",{href:`#${l.id}`,onClick:u?()=>a(null,l):null,className:(0,m.Z)("group flex w-full items-center justify-between rounded px-2 py-3  text-gray-800 hover:bg-gray-50",c?"mb-1 bg-gray-50/50 font-medium":"pl-4 text-sm "),children:[(0,o.jsx)("span",{className:(0,m.Z)("line-clamp-3 overflow-hidden",c&&"max-w-[90%]"),children:ek(l.description)}),(0,o.jsxs)("div",{className:"flex items-center",children:[x?(0,o.jsx)(eC.Z,{className:"mr-1 w-4 flex-shrink-0 text-teal-600 "}):(0,o.jsx)(eE.Z,{onClick:p,className:"mr-1 w-4 flex-shrink-0 text-gray-700 opacity-0 hover:opacity-60 group-hover:opacity-100"}),c&&!d&&(n.find(t=>t.id==l.id)?(0,o.jsx)(h.Z,{onClick:t=>{a(t,l)},className:"w-4 flex-shrink-0 hover:opacity-60"}):(0,o.jsx)(v.Z,{onClick:t=>s(t,l),className:"w-4 flex-shrink-0 hover:opacity-60"}))]})]})}var eT=function(t){var l,i,n,a,s;let{guide:d,helpCenter:c,onCollapseHeader:u,onUncollapseHeader:v}=t,h=(0,r.useRef)(),[f,x]=(0,r.useState)(!1),[g,p]=(0,r.useState)([]);(0,ej.Z)(h,()=>x(!1));let w=null===(l=d.actions)||void 0===l?void 0:l.filter(t=>!t.hasOwnProperty("scrollView")||t.scrollView),y=null!==(a=null===(i=null==w?void 0:w.map((t,l)=>({...t,order:l+1})))||void 0===i?void 0:i.filter(t=>"heading"==t.event))&&void 0!==a?a:[],b=(t,l)=>{t.preventDefault();let i=w.length;for(let t=0;t<y.length;t++)if(y[t].id==l.id){i=y[t+1]?y[t+1].order-1:w.length;break}p(t=>[...t,{id:l.id,from:l.order+1,to:i}]),u(l)},j=(t,l)=>{null==t||t.preventDefault(),p(t=>t.filter(t=>t.id!=l.id)),v(l)};if(!w||w.length<=1||0==w.filter(t=>{var l;return!!(null===(l=t.description)||void 0===l?void 0:l.trim())}).length)return(0,o.jsx)(o.Fragment,{});let N=null!==(s=null===(n=d.customization)||void 0===n?void 0:n.color)&&void 0!==s?s:"#9164f7";return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{ref:h,className:(0,m.Z)("fixed bottom-24 left-8 z-[999] hidden w-80 transform overflow-hidden rounded-xl border border-gray-400 bg-white shadow-xl  transition md:block",f?"translate-y-0 scale-y-100 opacity-100":"translate-y-20 scale-y-0 opacity-0"),children:[(0,o.jsx)("div",{className:"w-full border-b border-gray-300 bg-gray-50 p-3 text-center font-bold",children:(0,eA.Z)("jump_to",c.labels,"Jump to")}),(0,o.jsx)("div",{className:"min-h-16 max-h-[24rem] w-80 overflow-y-scroll pb-1",children:(0,o.jsx)("div",{className:"mt-1 flex w-full flex-col items-center divide-y-2 divide-gray-100 px-2 ",children:w.map((t,l)=>({...t,order:l+1})).map((t,l)=>(0,o.jsx)(eS,{h:t,guideId:d.id,expandHeader:j,collapseHeader:b,collapsedHeaders:g,hideIcon:t.order==w.length},t.id+""+l))})})]}),(0,o.jsx)("div",{onClick:()=>x(t=>!t),style:{backgroundColor:N},className:"fixed bottom-8 left-8 z-[9999] hidden cursor-pointer items-center justify-center  rounded-full p-4 shadow-xl hover:opacity-90 md:flex",children:f?(0,o.jsx)(eZ.Z,{className:"h-6 w-6 text-white"}):(0,o.jsx)(ez.Z,{className:"h-6 w-6 text-white"})})]})};function eP(t){return t?t.filter(t=>"heading"!=t.event&&"tip"!=t.event&&"alert"!=t.event&&(!t.hasOwnProperty("scrollView")||t.scrollView)).map((t,l)=>({...t,stepNumber:l+1})).reduce((t,l)=>({...t,[l.id]:l.stepNumber}),{}):{}}let eV=t=>{var l;return!((null==t?void 0:t.customization)&&(null===(l=t.customization)||void 0===l?void 0:l.hasOwnProperty("fixedSideNav")))||!!t.customization.fixedSideNav};var eF=function(t){var l,i,n,a;let{guide:s,helpCenter:d,containerWidth:c,collapseHeader:u,uncollapseHeader:m}=t,v=(0,r.useMemo)(()=>eP(s.actions),[s.actions]),h=null!==(a=null==s?void 0:null===(l=s.customization)||void 0===l?void 0:l.layout)&&void 0!==a?a:60,f=h<75&&eV(s);return(0,o.jsxs)(o.Fragment,{children:[!f&&(0,o.jsx)(eT,{guide:s,helpCenter:d,onCollapseHeader:u,onUncollapseHeader:m}),(0,o.jsxs)("div",{className:"flex w-full flex-col space-y-8",children:[null===(i=s.actions)||void 0===i?void 0:i.filter(t=>!t.hasOwnProperty("scrollView")||t.scrollView).map((t,l)=>(0,o.jsx)(eu,{containerWidth:c,step:{...t,order:l+1,stepNumber:v[t.id]}},t.description+l)),0==s.actions.length&&(0,o.jsx)("div",{className:"flex h-full min-h-[50vh] w-full flex-col items-center justify-center space-y-4",children:(0,o.jsx)("h2",{className:"text-xl font-medium",children:"Oops, this guide doesn't have any steps yet!"})}),(null===(n=s.customization)||void 0===n?void 0:n.feedback)&&(0,o.jsx)(eb,{guideId:s.id})]})]})},eR=i(85825),eH=i(88459),eI=i(77171),eW=i(94993),eM=i(85983),eL=i(1371),e$=i(31193),eD=i(41664),eO=i.n(eD),eB=function(){return(0,o.jsxs)(eO(),{href:"https://www.guidejar.com",target:"_blank",className:"font-display px-2 text-[0.5rem] sm:text-xs text-gray-700 border-gray-500  hover:text-black hover:border-violet-600 border bg-gray-50 shadow-lg rounded inline-flex justify-center items-center hover:shadow-violet-500 hover:bg-white transition-all",children:["Powered by",(0,o.jsx)(e$.T,{className:"w-10 sm:w-14 ml-1"})]})};function eU(t,l){if(t){if(6!==(t=t.replace("#","")).length)return t;{let i=parseInt(t,16),o=(i>>16)+l;o>255&&(o=255),o<0&&(o=0);let r=(255&i)+l;r>255&&(r=255),r<0&&(r=0);let n=(i>>8&255)+l;return n>255&&(n=255),n<0&&(n=0),`#${(r|n<<8|o<<16).toString(16)}`}}}var eq=i(98814),eX=i(64998),e_=i(66784);function eG(){let[t,l]=(0,r.useState)(!0);return(0,r.useEffect)(()=>{let t="hidden",i="visibilitychange";try{void 0!==document.hidden?(t="hidden",i="visibilitychange"):void 0!==document.msHidden?(t="msHidden",i="msvisibilitychange"):void 0!==document.webkitHidden&&(t="webkitHidden",i="webkitvisibilitychange")}catch(t){}function o(){l(document[t])}try{document.addEventListener(i,o)}catch(t){return}return()=>{try{document.removeEventListener(i,o)}catch(t){}}},[]),!t}var eY=i(9493),eQ=i(93011),eJ=i(76782),eK=i(82677),e0=i(37656),e1=i(67307),e2=i(30713);function e5(){return"undefined"!=typeof document&&!!(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement)}function e4(t){let{progress:l}=t,i=2*Math.PI*12;return(0,o.jsxs)("svg",{className:"z-50 flex -rotate-90 items-center justify-center text-gray-600",width:"24",height:"24",viewBox:"0 0 24 24",children:[(0,o.jsx)("circle",{className:"opacity-25",stroke:"currentColor",strokeWidth:"2",fill:"transparent",r:10,cx:12,cy:12}),(0,o.jsx)("circle",{className:"transition-all duration-500 ease-in-out",stroke:"currentColor",strokeWidth:"2",strokeDasharray:i,strokeDashoffset:l/100*i-i,fill:"transparent",r:10,cx:12,cy:12})]})}var e6=function(t){let{currentStep:l,steps:i,replay:n,thisStep:a,incrementStep:s,decrementStep:d,autoplay:c,autoplayDelay:u,isPlaying:v,setIsPlaying:h,isMuted:f,setIsMuted:x,showAnnotationControl:g,isAnnotationDisabled:p,setIsAnnotationDisabled:w,isReachedLastSlide:y,ctaEnabled:b=!0,toggleFullScreenMode:j,title:N,playerRef:k,isEmbed:A,hideSound:Z}=t,[z,C]=(0,r.useState)(0),E=(0,r.useRef)(0);return(0,r.useEffect)(()=>{if(!v||!u)return;C(100),E.current=0;let t=a.audio?a.audio.duration+2:null!=u?u:3,l=setInterval(()=>{E.current+=500,E.current=Math.max(0,E.current),C(100-100*E.current/(1e3*t))},500);return()=>clearInterval(l)},[v,a]),(0,o.jsxs)("div",{className:(0,m.Z)("relative bottom-0 z-[9997] !mt-0 flex h-[32px] w-full items-center justify-between bg-gray-100 px-4 text-gray-800",A?"":"!rounded-b-lg border border-t-0 border-gray-300"),children:[(0,o.jsx)("div",{className:"flex items-center justify-center space-x-2",children:c?!v||(null==a?void 0:a.isEmbed)?!(null==a?void 0:a.isEmbed)&&(0,o.jsxs)("div",{className:(0,m.Z)("relative",(null==a?void 0:a.event)=="chapter"||(null==a?void 0:a.slideView)&&!(null==a?void 0:a.imagePath)?"cursor-not-allowed opacity-50":""),children:[(0,o.jsx)(e4,{progress:100}),y?(0,o.jsx)(e2.Z,{onClick:n,className:(0,m.Z)("absolute inset-0 left-px m-auto w-3  hover:opacity-60",(null==a?void 0:a.event)=="chapter"||(null==a?void 0:a.slideView)&&!(null==a?void 0:a.imagePath)?"cursor-not-allowed":"cursor-pointer")}):(0,o.jsx)(eQ.Z,{onClick:()=>{(null==a?void 0:a.event)!="chapter"&&(null==a||!a.slideView||(null==a?void 0:a.imagePath))&&h(!0)},className:(0,m.Z)("absolute inset-0 left-px m-auto w-3  hover:opacity-60",(null==a?void 0:a.event)=="chapter"||(null==a?void 0:a.slideView)&&!(null==a?void 0:a.imagePath)?"cursor-not-allowed":"cursor-pointer")})]}):(0,o.jsxs)("div",{className:"relative mt-px",children:[(0,o.jsx)(e4,{progress:z}),(0,o.jsx)(eY.Z,{onClick:()=>h(!1),className:"absolute inset-0 m-auto w-3 cursor-pointer hover:opacity-60"})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(eq.Z,{onClick:d,className:(0,m.Z)("w-4  ",l>0?"cursor-pointer hover:opacity-80":"pointer-events-none text-gray-500 opacity-40")}),(0,o.jsx)(eX.Z,{onClick:s,className:(0,m.Z)("w-4 ",l>=(b?i.length:i.length-1)||(null==a?void 0:a.event)=="chapter"||(null==a?void 0:a.slideView)&&!(null==a?void 0:a.imagePath)?"pointer-events-none cursor-not-allowed text-gray-500 opacity-40":"cursor-pointer hover:opacity-60")})]})}),N&&(0,o.jsx)("div",{className:"absolute inset-0 mx-auto my-auto hidden h-[20px] w-min min-w-[30%] max-w-[50%]  items-center justify-center rounded-full bg-gray-50  px-6 sm:flex ",children:(0,o.jsx)("p",{className:" font-mediu mx-auto  my-auto truncate text-center align-middle text-[.675rem] text-gray-800 sm:inline-block",children:N})}),(0,o.jsxs)("div",{className:"flex items-center justify-center space-x-4",children:[!Z&&!(null==a?void 0:a.isEmbed)&&(f?(0,o.jsx)(eJ.Z,{className:"!-mr-1 w-4 cursor-pointer text-gray-600 hover:opacity-60",onClick:()=>x(!1)}):(0,o.jsx)(eK.Z,{className:"!-mr-1 w-4 cursor-pointer  text-gray-600 hover:opacity-60",onClick:()=>x(!0)})),g&&(0,o.jsx)("div",{onClick:()=>w(t=>!t),className:(0,m.Z)("!-mr-1 w-6 h-5 cursor-pointer  hover:opacity-90 rounded flex-center select-none text-xs",p?" text-gray-800  border border-black":"bg-gray-700 text-white"),children:"Aa"}),e5()?(0,o.jsx)(e0.Z,{className:"w-4 cursor-pointer hover:opacity-60",onClick:null!=j?j:()=>document.exitFullscreen()}):(0,o.jsx)(e1.Z,{className:"w-4 cursor-pointer hover:opacity-60",onClick:null!=j?j:()=>{var t,l;(l=null!==(t=null==k?void 0:k.current)&&void 0!==t?t:document.documentElement).requestFullscreen?l.requestFullscreen():l.mozRequestFullScreen?l.mozRequestFullScreen():l.webkitRequestFullscreen?l.webkitRequestFullscreen():l.msRequestFullscreen&&l.msRequestFullscreen()}})]})]})},e3=i(60619);function e9(){return new Promise(t=>{let l=document.createElement("audio");l.src="data:audio/wav;base64,UklGRiQAAABXQVZFZm10IBAAAAABAAEAESsAACJWAAACABAAZGF0YQAAAAA=",l.muted=!1;let i=l.play();if(!i){t(!1);return}let o=!1;i.then(()=>{o=!0,t(!0)}).catch(()=>{o=!0,t(!1)}),setTimeout(()=>!o&&t(!0),50)})}var e7=i(82701);function e8(t){var l,i,r,n,a,s,d;let{currentStep:c,closestMediaStep:u,step:v,setCurrentStep:h,steps:f,imageWidth:x,imageHeight:g,incrementStep:p,guide:w,jumps:y,fontClass:b,setIsMuted:j,isEmbed:N}=t;return(0,o.jsxs)(o.Fragment,{children:[u&&(u.isVideo?(0,o.jsx)("video",{src:u.imagePath,className:(0,m.Z)("h-full w-full object-cover"),style:{width:x,...N&&0==g?{aspectRatio:w.totalW/w.totalH}:{height:g},opacity:1},alt:""}):(0,o.jsx)("img",{src:u.imagePath,className:(0,m.Z)(" h-full w-full object-cover "),style:{opacity:1,width:x,...N&&0==g?{aspectRatio:w.totalW/w.totalH}:{height:g}},alt:""})),(0,o.jsxs)("div",{className:(0,m.Z)("absolute inset-0 z-[99] flex h-full w-full flex-col items-center justify-center  px-4","dark"==v.theme?"bg-gray-900 text-white":"bg-white text-gray-800",(null==u?void 0:u.imagePath)?"bg-opacity-90":"","off"!=v.blur&&("xs"==v.blur?"backdrop-blur-[2px]":"backdrop-blur-sm")),children:[v.title&&(0,o.jsx)("h3",{className:(0,m.Z)("!bg-transparent !py-[2px] text-center font-bold ","dark"==v.theme?"!text-white ":"!text-gray-900 ",N?"text-xl md:text-2xl lg:text-4xl":" text-xl lg:text-2xl"),children:v.title}),v.subtitle&&(0,o.jsx)("p",{className:(0,m.Z)("max-w-[45rem] !bg-transparent !py-[2px] px-4 text-center text-sm leading-5 md:text-base md:leading-6","dark"==v.theme?"!text-gray-200 ":"!text-gray-800 "),children:v.subtitle}),(null===(l=v.buttons)||void 0===l?void 0:l.length)>0&&(0,o.jsx)("div",{className:(0,m.Z)("mt-4 grid items-stretch gap-1 md:gap-3",(null===(i=v.buttons)||void 0===i?void 0:i.length)>1?"grid-cols-2":"grid-cols-1"),children:null===(r=v.buttons)||void 0===r?void 0:r.map((t,l)=>{var i;return(0,o.jsxs)(eR.zx,{color:"primarysimple",className:(0,m.Z)("w-full transform-gpu border !py-[.2rem] md:!py-2 border-current !shadow-none transition-all hover:scale-[.99] active:scale-[.98] md:min-w-[10rem]",b),style:{backgroundColor:null!==(a=null!==(n=t.bg)&&void 0!==n?n:null===(i=w.customization)||void 0===i?void 0:i.color)&&void 0!==a?a:"#9164f7",color:null!==(s=t.textColor)&&void 0!==s?s:"white"},href:t.url,target:"_blank",rel:"nofollow",noFont:!0,onClick:"next"==t.destination?()=>{try{0==c&&e9().then(t=>j(!t))}catch(t){console.log(t)}p()}:"url"!=t.destination?()=>{let l=f.findIndex(l=>l.id==t.destination);-1!=l?(y.current[l]=c,h(l)):p()}:null,children:[null!==(d=t.text)&&void 0!==d?d:"Get Started"," "]},t.text+l)})})]})]})}function te(t){let{closestMediaStep:l,step:i,imageWidth:r,imageHeight:n,incrementStep:a,isEmbed:s,guide:d,fontClass:c}=t;return(0,o.jsxs)(o.Fragment,{children:[l&&(l.isVideo?(0,o.jsx)("video",{src:l.imagePath,className:(0,m.Z)(" h-full w-full object-cover"),style:{width:r,...s&&0==n?{aspectRatio:d.totalW/d.totalH}:{height:n},opacity:1},alt:""}):(0,o.jsx)("img",{src:l.imagePath,className:(0,m.Z)("h-full w-full object-cover"),style:{opacity:1,width:r,...s&&0==n?{aspectRatio:d.totalW/d.totalH}:{height:n}},alt:""})),(0,o.jsxs)("div",{className:(0,m.Z)("absolute inset-0 z-[99] flex h-full w-full flex-col items-center justify-center space-y-2  md:space-y-4","dark"==i.theme?"bg-gray-900 text-white":"bg-white text-gray-800",(null==l?void 0:l.imagePath)?"bg-opacity-90":"","off"!=i.blur&&("xs"==i.blur?"backdrop-blur-[2px]":"backdrop-blur-sm")),children:[(0,o.jsx)(p.U,{remarkPlugins:i.disableAutoLinks?[]:[w.Z],className:(0,m.Z)("w-full max-w-[90%] whitespace-pre-wrap  break-words text-center text-2xl font-medium text-gray-800 md:max-w-[80%] md:text-2xl"),components:{a:"dark"==i.theme?y:b,b:j,strong:j,h1:k,h2:k,h3:k,h4:k,h5:k,h6:k,p:A,body:A},disallowedElements:["input","iframe","image","img"],children:"heading"==i.event?`# ${i.description}`:i.description}),(0,o.jsxs)(eR.zx,{onClick:a,color:"primarysimple",className:(0,m.Z)("!shadow-none",c),noFont:!0,children:["Next ",(0,o.jsx)(e7.Z,{className:"ml-1 w-4"})]})]})]})}var tt=i(85011);let tl=(t,l,i)=>Math.max(0,t+l>i?t+l-i:0);function ti(t){var l,i,n;let{finished:a,total:s,steps:d,setStep:c,imageWidth:u,imageHeight:v}=t,[h,f]=(0,r.useState)(),{guide:x}=tS(),g=.2*u,p=(u-32)/d.length,w=Math.max(0,h*p+(p/2-g/2)),y=tl(w,g,u-32);return(0,o.jsx)("div",{className:"absolute bottom-0 left-0 right-0 z-30 mx-auto hidden h-[45%] w-full overflow-x-auto bg-gradient-to-b from-transparent to-gray-900/60 px-4 pb-6 opacity-0 transition group-hover:opacity-100 sm:block",children:(0,o.jsxs)("div",{className:"relative flex h-full w-full flex-col justify-end space-y-3 ",children:[void 0!=h&&null!=h&&(0,o.jsxs)("div",{className:" bottom-[.6rem] right-0 hidden w-full flex-col items-center justify-center space-y-1 md:flex",style:{marginLeft:w-y,width:.2*u,aspectRatio:x.totalH?x.totalW/x.totalH:u/(null!=v?v:1)},children:["chapter"==d[h].event?(0,o.jsxs)("div",{style:{width:.2*u,aspectRatio:x.totalH?x.totalW/x.totalH:u/(null!=v?v:1)},className:(0,m.Z)("flex flex-col items-center justify-center space-y-1 rounded-md border border-gray-300/30  p-2 px-3 shadow-lg","dark"==d[h].theme?"bg-gray-800 text-white":"bg-white text-gray-800"),children:[(0,o.jsx)("h3",{className:"line-clamp-1 text-center text-[.6rem] font-bold",children:d[h].title}),(0,o.jsx)("p",{className:"line-clamp-2 text-center text-[.5rem]",children:d[h].subtitle})]}):d[h].isEmbed?(0,o.jsx)("div",{style:{width:.2*u,aspectRatio:x.totalH?x.totalW/x.totalH:u/(null!=v?v:1)},className:(0,m.Z)("flex flex-col items-center justify-center space-y-1 rounded-md border border-gray-300/30  p-2 px-3 shadow-lg","dark"==d[h].theme?"bg-gray-800 text-white":"bg-white text-gray-800"),children:(0,o.jsx)(e_.Z,{className:"w-4 text-gray-400"})}):d[h].isVideo?(0,o.jsx)("video",{className:"rounded-md border border-gray-300/30 bg-white shadow-lg",src:null===(l=d[h])||void 0===l?void 0:l.imagePath,muted:!0,style:{width:.2*u,height:.2*v}}):(0,o.jsx)("img",{className:"rounded-md border border-gray-300/30 bg-white shadow-lg",src:null===(i=d[h])||void 0===i?void 0:i.imagePath,style:{width:.2*u,height:.2*v}}),(0,o.jsx)("p",{className:"line-clamp-1 w-full px-1  text-center text-[.7rem] font-medium text-white",children:ek(null!==(n=d[h].title)&&void 0!==n?n:d[h].description)})]}),(0,o.jsx)("ul",{onMouseLeave:()=>f(),className:"flex w-full space-x-1",children:Array(s).fill(0).map((t,l)=>(0,o.jsx)("li",{onClick:()=>c(l),className:(0,m.Z)("group relative h-[.3rem] w-full cursor-pointer rounded-full transition hover:scale-y-[2]",l<=a?"chapter"==d[l].event||d[l].slideView&&!d[l].imagePath?"bg-teal-400":"bg-orange-500":"bg-gray-100"),onMouseEnter:()=>f(l)},l))})]})})}function to(t){let{show:l=!0,children:i}=t;return(0,o.jsx)(eI.u,{as:"div",enter:"ease-out duration-100",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",appear:!0,show:l,className:(0,m.Z)("absolute inset-0 flex h-full w-full flex-col items-center justify-center space-y-2 bg-gray-800 bg-opacity-80 backdrop-blur-sm sm:space-y-4",l?"z-50":"z-0"),children:i})}var tr=function(t){var l,i,n,a,s,d,v,h,f,x,g,y,j,N,k,A,Z,E,T,P,V,F,R,H,I,W,M,L,$,D,O,B,U,q,X,_,G,Q,J,K,ee,et,el,ei,eo,er,en,ea,es,ed,ec,eu,em,ev,eh,ef,ex,eg,ep,ew,ey,ej,eN,eZ,ez,eC,eE,eS,eT,eP,eV,eF,eD,eO,e_,eY,eQ,eJ,eK,e0,e1;let{steps:e2,showControls:e5,containerWidth:e4,isFullScreen:e9,setIsFullScreen:e7,helpCenter:tl}=t,{guide:tr,fontClass:tn}=tS(),ta=null===(l=tr.customization)||void 0===l||!l.hasOwnProperty("textAnnotations")||tr.customization.textAnnotations,[ts,td]=(0,r.useState)(0),[tc,tu]=(0,r.useState)(!1),[tm,tv]=(0,r.useState)(ta),th=(0,r.useRef)({}),tf=(0,r.useRef)(null),tx=(0,r.useRef)(null),{refs:tg,floatingStyles:tp,update:tw,context:ty}=(0,eW.YF)({middleware:[(0,eM.cv)(15),(0,eM.uY)({rootBoundary:"document",padding:5}),(0,eM.dp)({apply(t){let{availableWidth:l,availableHeight:i,elements:o}=t;Object.assign(o.floating.style,{maxWidth:l<=500?`${l-5}px`:`${Math.min(.6*l,400)-5}px`,maxHeight:`${i}px`})},rootBoundary:"document",padding:5}),(0,eM.X5)({rootBoundary:"document"}),(0,eL.x7)({element:tf,padding:7})]}),tb=null===(i=tr.customization)||void 0===i?void 0:i.autoplay,[tj,tN]=(0,r.useState)(tb),[tk,tA]=(0,r.useState)(!1),[tZ,tz]=(0,r.useState)(!0),[tC,tE]=(0,r.useState)(1),[tT,tP]=(0,r.useState)(!1),[tV,tF]=(0,r.useState)(null==e2?void 0:null===(n=e2[0])||void 0===n?void 0:n.isEmbed),tR=tb&&(null===(a=tr.customization)||void 0===a?void 0:a.autoplayLoop),tH=null!==(G=null===(s=tr.customization)||void 0===s?void 0:s.autoplayDelay)&&void 0!==G?G:3,tI=!tR&&(!(null===(d=tr.customization)||void 0===d?void 0:d.hasOwnProperty("cta"))||tr.customization.cta),[tW,{stop:tM}]=(0,e3.Z)("/click.mp3",{volume:.1,interrupt:!0});(0,r.useEffect)(()=>{tw()},[tC]);let tL=(0,r.useRef)(!1),t$=(0,r.useRef)(0);(0,r.useEffect)(()=>{tL.current=tZ},[tZ]);let tD=t=>{if(!t){tM();return}tL.current||tW({playbackRate:1})};(0,r.useEffect)(()=>{tr&&e2.filter(t=>!!t.imagePath&&"string"==typeof t.imagePath&&!t.isVideo&&!t.isEmbed).slice(0,15).forEach(t=>new window.Image().src=t.imagePath)},[tr]),(0,r.useEffect)(()=>{tv(!1);let t=setTimeout(()=>{tv(!0),tw()},800);return()=>clearTimeout(t)},[ts]),(0,r.useEffect)(()=>{var t,l;let i=null!==(l=null!==(t=e2.at(ts))&&void 0!==t?t:e2.at(ts-1))&&void 0!==l?l:e2.at(e2.length-1);if(!tb&&!tR&&!tT&&(null==i||!i.isEmbed)&&ts==e2.length-1){let t=setTimeout(tO,3e3);return()=>clearTimeout(t)}},[ts,tT]),(0,r.useEffect)(()=>{var t,l;if(tV)return;let i=null!==(l=null!==(t=e2.at(ts))&&void 0!==t?t:e2.at(ts-1))&&void 0!==l?l:e2.at(e2.length-1);(null==i?void 0:i.isEmbed)&&tF(!0)},[ts]),(0,r.useEffect)(()=>{if(!tV)return;let t=setTimeout(()=>tF(!1),1500);return()=>clearTimeout(t)},[tV]),(0,r.useEffect)(()=>{t$.current=ts,tA(!1);let t=setTimeout(()=>tA(!0),2e3);return()=>clearTimeout(t)},[ts]),(0,r.useEffect)(()=>{var t;if(null===(t=tr.slideViewNavigation)||void 0===t||!t.disableKeyboard)return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l);function l(t){if("ArrowRight"===t.key){var l,i;if(t$.current<(tI?e2.length:e2.length-1)&&tv(!1),(null===(l=e2[t$.current])||void 0===l?void 0:l.event)!="chapter"){if((null===(i=e2[t$.current])||void 0===i?void 0:i.hasOwnProperty("slideViewDestination"))&&"next"!=e2[t$.current].slideViewDestination){let t=e2[t$.current].slideViewDestination;td(e2.findIndex(l=>l.id==t)),th.current[e2.findIndex(l=>l.id==t)]=t$.current}else td(t=>t>=(tI?e2.length:e2.length-1)?t:t+1)}}else"ArrowLeft"===t.key&&(tD(!0),t$.current>0&&tv(!1),td(t=>{if(0==t)return 0;if(!th.current.hasOwnProperty(t))return t-1;{let l=th.current[t];return delete th.current[t],l}}),tu(!1))}},[tI,tW]);let tO=()=>{var t;if(tD(t$.current<e2.length-1),t$.current<(tI?e2.length:e2.length-1)&&tv(!1),(null===(t=e2[t$.current])||void 0===t?void 0:t.hasOwnProperty("slideViewDestination"))&&"next"!=e2[t$.current].slideViewDestination){let t=e2[t$.current].slideViewDestination;td(e2.findIndex(l=>l.id==t)),th.current[e2.findIndex(l=>l.id==t)]=t$.current}else td(t=>t>=(tI?e2.length:e2.length-1)?t:t+1)},tB=()=>{tD(!0),td(t=>{if(0==t)return 0;if(!th.current.hasOwnProperty(t))return t-1;{let l=th.current[t];return delete th.current[t],l}}),t$.current>0&&tv(!1),tu(!1)};(0,r.useEffect)(()=>{tN(tb)},[tb]),(0,r.useEffect)(()=>{var t,l;let i=null!==(l=null!==(t=e2.at(ts))&&void 0!==t?t:e2.at(ts-1))&&void 0!==l?l:e2.at(e2.length-1);if(0==tH||!tj||tT||(null==i?void 0:i.isEmbed))return;let o=setInterval(()=>{var t;if(tD(t$.current<e2.length-1),(null===(t=e2[t$.current])||void 0===t?void 0:t.hasOwnProperty("slideViewDestination"))&&"next"!=e2[t$.current].slideViewDestination){let t=e2[t$.current].slideViewDestination;td(e2.findIndex(l=>l.id==t)),th.current[e2.findIndex(l=>l.id==t)]=t$.current}else td(t=>tR?t==e2.length-1?0:t+1:t==(tI?e2.length:e2.length-1)?t:t+1);(tR||t$.current<e2.length-1)&&tv(!1)},1e3*tH);return()=>clearInterval(o)},[tT,tj,tW,ts]),(0,r.useEffect)(()=>{if(ts==e2.length)tu(!0),tN(!1);else{var t,l;let i=null!==(l=null!==(t=e2.at(ts))&&void 0!==t?t:e2.at(ts-1))&&void 0!==l?l:e2.at(e2.length-1);"chapter"!=i.event&&i.imagePath?tN(tb):tN(!1)}},[ts]);let tU=()=>{td(0),tu(!1),tN(tb)},[tq,tX]=(0,r.useState)(0),[t_]=c(),tG=null!==(Q=null==tr?void 0:null===(v=tr.customization)||void 0===v?void 0:v.layout)&&void 0!==Q?Q:60,tY=eG();(0,r.useEffect)(()=>{tw();let t=setTimeout(()=>tw(),300);return()=>clearTimeout(t)},[tY]),(0,r.useEffect)(()=>{let t=setTimeout(()=>tw(),1e3);return()=>clearTimeout(t)},[]),(0,r.useEffect)(()=>{tv(!1);let t=setTimeout(()=>{tv(!0),tw()},800);if(e4)tX(e4);else{var l,i;tX(t_>=640?t_*((null!==(i=null==tr?void 0:null===(l=tr.customization)||void 0===l?void 0:l.layout)&&void 0!==i?i:60)/100):.85*t_)}return()=>clearTimeout(t)},[t_,e4]);let tQ=null!==(K=null!==(J=e2.at(ts))&&void 0!==J?J:e2.at(ts-1))&&void 0!==K?K:e2.at(e2.length-1),tJ=(null!==(ee=tQ.totalH)&&void 0!==ee?ee:tr.totalH)*tq/(null!==(et=tQ.totalW)&&void 0!==et?et:tr.totalW),tK=(null!==(el=tQ.clickX)&&void 0!==el?el:0)*tq/tQ.totalW,t0=(null!==(ei=tQ.clickY)&&void 0!==ei?ei:0)*tJ/tQ.totalH,t1=-(tK-tq/2)*((null!==(eo=tQ.zoom)&&void 0!==eo?eo:1)-1),t2=-(t0-tJ/2)*((null!==(er=tQ.zoom)&&void 0!==er?er:1)-1),t5=(0,r.useRef)();(0,r.useEffect)(()=>{var t;if(ts==e2.length)return;let l=null!==(t=e2.at(ts))&&void 0!==t?t:e2.at(ts-1);l.isVideo&&(tP(!0),t5.current.play())},[ts]),(0,r.useEffect)(()=>{var t;let l=()=>tP(!1);return null===(t=t5.current)||void 0===t||t.addEventListener("ended",l),()=>{var t;return null===(t=t5.current)||void 0===t?void 0:t.removeEventListener("ended",l)}},[tT]);let t4=null!==(en=e2.at(ts+1))&&void 0!==en?en:e2.at(0),t6=e2.find((t,l)=>l>ts&&!!t.imagePath);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:(0,m.Z)("m-auto  w-full",e5?" h-[calc(100%-32px)]":" h-full",e9&&"relative"),children:[(0,o.jsxs)("div",{className:(0,m.Z)("group m-auto flex h-full w-full items-center justify-center overflow-hidden  ",e4?"":" border bg-black",!e9&&"relative"),style:{width:tq,aspectRatio:tr.totalH?tr.totalW/tr.totalH:tq/(null!=tJ?tJ:1)},children:["chapter"==tQ.event?(0,o.jsx)(e8,{closestMediaStep:t6,step:tQ,currentStep:ts,steps:e2,imageWidth:tq,imageHeight:tJ,setCurrentStep:td,incrementStep:tO,guide:tr,jumps:th,fontClass:tn}):!tQ.imagePath&&tQ.slideView?(0,o.jsx)(te,{closestMediaStep:t6,step:tQ,currentStep:ts,imageWidth:tq,imageHeight:tJ,incrementStep:tO,jumps:th,guide:tr,fontClass:tn}):(0,o.jsxs)("div",{ref:tx,className:"relative h-full w-full overflow-hidden",style:{width:tq,height:tJ},children:["string"==typeof tQ.imagePath?tQ.isEmbed?(0,o.jsxs)(o.Fragment,{children:[tV&&(0,o.jsx)("div",{className:"absolute inset-0 flex h-full w-full  items-center justify-center",children:(0,o.jsx)(tt.Z,{className:"!bg-gray-400"})}),(0,o.jsx)("iframe",{width:tq,height:tJ,src:tQ.imagePath,onLoad:()=>tF(!1),onError:()=>tF(!1),title:"Video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; web-share",allowFullScreen:!1,style:{opacity:tV?0:1}})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("video",{ref:t5,src:tQ.isVideo?tQ.imagePath:t4.imagePath,className:(0,m.Z)("absolute inset-0 h-full w-full",tQ.isVideo?"z-[9]":"-z-10"),style:{width:tq,height:tJ,opacity:tQ.isVideo?1:0},alt:tQ.description}),(0,o.jsx)("img",{src:tQ.isVideo?t4.imagePath:tQ.imagePath,className:(0,m.Z)("h-full w-full transform-gpu transition-transform duration-1000 ease-out "),style:{opacity:tQ.isVideo?0:1,width:tq,height:tJ,transform:`translate3d(${t1}px,${t2}px,0px) scale(${null!==(ea=tQ.zoom)&&void 0!==ea?ea:1})`},alt:tQ.description})]}):(0,o.jsx)(Y(),{src:tQ.imagePath,className:"h-full w-full",style:{width:tq,height:tJ},priority:0==ts,alt:tQ.description}),null!=tQ.clickX&&null!=tQ.clickY&&tq&&tJ&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{ref:tg.setReference,className:(0,m.Z)("absolute inset-0 z-50 flex transform-gpu cursor-pointer items-center justify-center rounded-full border-2 shadow-xl transition-transform duration-500 ease-out ",function(t,l){let i=S[t];return l<1.5?i["1"]:l<2?i["1.5"]:i["2"]}(tG,1)),onClick:tO,style:{transform:`translate3d(${tQ.clickX*tq/tQ.totalW}px,${tQ.clickY*tJ/tQ.totalH}px,0px) scale(${null!==(es=tQ.markerSize)&&void 0!==es?es:1})`,borderColor:null!==(ec=null!==(ed=tQ.markerColor)&&void 0!==ed?ed:null===(h=tr.customization)||void 0===h?void 0:h.color)&&void 0!==ec?ec:"#9164f7",backgroundColor:(null===(f=tr.customization)||void 0===f?void 0:f.markerTransparency)==100?"transparent":u(null!==(em=null!==(eu=tQ.markerColor)&&void 0!==eu?eu:null===(x=tr.customization)||void 0===x?void 0:x.color)&&void 0!==em?em:"#9164f7",(100-(null!==(ev=null===(g=tr.customization)||void 0===g?void 0:g.markerTransparency)&&void 0!==ev?ev:40))/100)},children:(0,o.jsx)("div",{className:"h-full w-full animate-ping2 rounded-full duration-1000",style:{backgroundColor:u(null!==(ef=null!==(eh=tQ.markerColor)&&void 0!==eh?eh:null===(y=tr.customization)||void 0===y?void 0:y.color)&&void 0!==ef?ef:"#9164f7",(100-(null!==(ex=null===(j=tr.customization)||void 0===j?void 0:j.markerTransparency)&&void 0!==ex?ex:40))/100)}})}),ta&&tm&&!tc&&(0,o.jsxs)(eI.u,{ref:tg.setFloating,style:{...tp,background:null!==(ep=null!==(eg=tQ.markerColor)&&void 0!==eg?eg:null===(N=tr.customization)||void 0===N?void 0:N.color)&&void 0!==ep?ep:"#9164f7",boxShadow:`4px 4px 0 0 ${eU(null!==(ey=null!==(ew=tQ.markerColor)&&void 0!==ew?ew:null===(k=tr.customization)||void 0===k?void 0:k.color)&&void 0!==ey?ey:"#9164f7",0)/20}`,fontWeight:500},className:"z-50  flex min-w-[10rem] flex-col rounded-lg px-2 py-1 text-xs leading-5 text-white shadow-lg shadow-gray-800/30  !transition-opacity sm:p-3 sm:text-base sm:leading-6",appear:!0,show:tm,enterFrom:"opacity-0 duration-50",enterTo:"opacity-100 duration-0",leaveFrom:"opacity-0",children:[tQ.useMarkdownInSlideView?(0,o.jsx)(p.U,{remarkPlugins:tQ.disableAutoLinks?[]:[w.Z],className:(0,m.Z)("line-clamp-4 min-h-[50%] whitespace-pre-line  text-left sm:line-clamp-none"),components:{a:b,h1:z,h2:z,h3:z,h4:z,h5:z,h6:z,p:C},disallowedElements:["input","iframe","image","img"],children:tQ.description}):(0,o.jsx)("span",{className:"line-clamp-2 min-h-[50%] text-left sm:line-clamp-none",children:ek(tQ.description)}),(0,o.jsxs)("div",{className:"mt-1 flex items-center justify-between text-[.55rem] sm:mt-2 sm:text-[.7rem]",children:[(0,o.jsxs)("span",{children:[ts+1,"/",e2.length]}),(0,o.jsxs)("div",{className:"flex items-center justify-center space-x-2",children:[ts>0&&(0,o.jsx)("button",{className:"rounded bg-white p-[.15rem] hover:opacity-90 sm:p-1",onClick:tB,"aria-label":"Previous",children:(0,o.jsx)(eq.Z,{className:"h-3 w-3 sm:h-4 sm:w-4",style:{color:null!==(eN=null!==(ej=tQ.markerColor)&&void 0!==ej?ej:null===(A=tr.customization)||void 0===A?void 0:A.color)&&void 0!==eN?eN:"#9164f7"}})}),(0,o.jsx)("button",{className:(0,m.Z)("rounded  bg-white p-[.15rem] hover:opacity-90 sm:p-1",tk?"animate-pulse":""),onClick:tO,"aria-label":"Next",children:(0,o.jsx)(eX.Z,{className:"h-3 w-3 sm:h-4 sm:w-4",style:{color:null!==(ez=null!==(eZ=tQ.markerColor)&&void 0!==eZ?eZ:null===(Z=tr.customization)||void 0===Z?void 0:Z.color)&&void 0!==ez?ez:"#9164f7"}})})]})]}),(0,o.jsx)(eW.Y$,{ref:tf,context:ty,stroke:null!==(eE=null!==(eC=tQ.markerColor)&&void 0!==eC?eC:null===(E=tr.customization)||void 0===E?void 0:E.color)&&void 0!==eE?eE:"#9164f7",fill:null!==(eT=null!==(eS=tQ.markerColor)&&void 0!==eS?eS:null===(T=tr.customization)||void 0===T?void 0:T.color)&&void 0!==eT?eT:"#9164f7"})]})]}),(0,o.jsxs)(to,{show:tc,children:[(0,o.jsx)("div",{className:"box-border hidden sm:block",children:(null!==(eP=null===(P=tr.customization)||void 0===P?void 0:P.logo)&&void 0!==eP?eP:null===(V=tr.team)||void 0===V?void 0:V.logo)?(0,o.jsx)("img",{src:null!==(eV=null===(F=tr.customization)||void 0===F?void 0:F.logo)&&void 0!==eV?eV:null===(R=tr.team)||void 0===R?void 0:R.logo,className:" h-10 w-10 object-contain lg:h-20 lg:w-20"}):(0,o.jsx)(e$.T,{onlyIcon:!0,white:!0,className:"w-10 lg:w-20 "})}),(0,o.jsxs)("div",{className:"flex max-w-[75%] flex-col items-center justify-center space-y-2 text-white sm:space-y-4",children:[(0,o.jsx)("h2",{className:"text-xl font-semibold lg:text-2xl xl:text-3xl",children:null!==(eF=null===(H=tr.customization)||void 0===H?void 0:H.ctaTitle)&&void 0!==eF?eF:"Guidejar"}),(0,o.jsx)("p",{className:"max-w-sm text-center text-xs text-gray-50 sm:text-sm xl:text-lg",children:null!==(eD=null===(I=tr.customization)||void 0===I?void 0:I.ctaSubtitle)&&void 0!==eD?eD:"This demo was created with Guidejar for free. Create your own demos today!"})]}),(0,o.jsxs)("div",{className:"flex h-16 items-center justify-center  space-x-4",children:[(0,o.jsx)(eR.zx,{variant:"solid",noFont:!0,className:(0,m.Z)("md:text-md !border-0  text-sm !font-medium",tn),href:tr.isPremium&&null!==(e_=null!==(eO=null===(W=tr.customization)||void 0===W?void 0:W.ctaButtonUrl)&&void 0!==eO?eO:null===(M=tr.team)||void 0===M?void 0:M.website)&&void 0!==e_?e_:"https://www.guidejar.com",target:"_blank",style:{backgroundColor:null!==(eY=null===(L=tr.customization)||void 0===L?void 0:L.color)&&void 0!==eY?eY:"#9164f7",borderColor:eU(null!==(eQ=null===($=tr.customization)||void 0===$?void 0:$.color)&&void 0!==eQ?eQ:"#9164f7",-50)},children:null!==(eJ=null===(D=tr.customization)||void 0===D?void 0:D.ctaButtonText)&&void 0!==eJ?eJ:"Go to Guidejar"}),(0,o.jsxs)(eR.zx,{variant:"outline",noFont:!0,onClick:tU,className:(0,m.Z)("md:text-md  !border-0 text-sm !text-gray-800",tn),style:{borderColor:eU(null!==(eK=null===(O=tr.customization)||void 0===O?void 0:O.color)&&void 0!==eK?eK:"#9164f7",10)},children:[(0,o.jsx)(eH.Z,{className:"mr-2 w-3"})," ",(0,eA.Z)("replay",tl.labels,"Replay")]})]})]})]}),!tr.isPremium&&(0,o.jsx)("div",{className:(0,m.Z)("absolute bottom-4 right-2 z-[49] transition sm:bottom-4 sm:right-4 ",(null===(B=tr.slideViewNavigation)||void 0===B?void 0:B.hideTimeline)?"":"sm:group-hover:-translate-y-8",tc&&"opacity-30 blur-sm"),children:(0,o.jsx)(eB,{})}),"chapter"!=tQ.event&&!(tQ.slideView&&!tQ.imagePath)&&(0,o.jsxs)(o.Fragment,{children:[!(null===(U=tr.slideViewNavigation)||void 0===U?void 0:U.hideTimeline)&&(null==e2?void 0:e2.length)>1&&(0,o.jsx)(ti,{finished:ts,total:e2.length,steps:e2,setStep:td,imageWidth:tq,imageHeight:tJ}),ts!=(tI?e2.length:e2.length-1)&&(0,o.jsx)("div",{onClick:tO,className:"absolute bottom-0 right-0 top-0 z-20 my-auto flex h-full items-center justify-center overflow-x-auto pr-2 opacity-0 transition sm:group-hover:opacity-100 ",children:(0,o.jsx)(eX.Z,{style:{color:null!==(e0=null===(q=tr.customization)||void 0===q?void 0:q.color)&&void 0!==e0?e0:"#9164f7"},className:"h-10 w-10 cursor-pointer  opacity-40  transition hover:opacity-70 active:scale-125 active:opacity-100"})}),ts>0&&(0,o.jsx)("div",{onClick:tB,className:"absolute bottom-0 left-0 top-0 z-20 my-auto flex h-full items-center justify-center overflow-x-auto pl-2 opacity-0 transition sm:group-hover:opacity-100 ",children:(0,o.jsx)(eq.Z,{style:{color:null!==(e1=null===(X=tr.customization)||void 0===X?void 0:X.color)&&void 0!==e1?e1:"#9164f7"},className:"h-10 w-10 cursor-pointer  opacity-40 transition hover:opacity-70 active:scale-125 active:opacity-100"})})]})]}),(null===(_=tr.customization)||void 0===_?void 0:_.feedback)&&(0,o.jsx)(eb,{guideId:tr.id})]}),e5&&(0,o.jsx)(e6,{title:tr.title,currentStep:ts,thisStep:tQ,autoplay:tb,autoplayDelay:tH,isPlaying:tj,setIsPlaying:tN,incrementStep:tO,decrementStep:tB,isMuted:tZ,setIsMuted:tz,zoom:tC,setZoom:tE,toggleFullScreenMode:e4?()=>e7(t=>!t):null})]})},tn=i(69790),ta=i(62192),ts=i(8728),td=i(11163),tc=i(18814),tu=function(t){var l,i,r;let{domain:n,helpCenter:a,view:s,setView:d}=t,c=(0,td.useRouter)();return(0,o.jsx)("div",{className:(0,m.Z)(" relative mx-auto  w-full bg-gray-50 pl-1 pr-4  shadow sm:px-6 lg:pr-8 ","h-[4rem]"),style:{background:null!==(l=a.theme)&&void 0!==l?l:"#824efc"},children:(0,o.jsxs)("div",{className:"relative flex h-full w-full items-center justify-between px-2 lg:gap-8 ",children:[(0,o.jsxs)("div",{className:"flex items-center justify-center space-x-2",children:[(0,o.jsx)(M.Z,{className:(0,m.Z)("w-4 cursor-pointer hover:opacity-80","white"==(0,ts.Z)(null!==(i=a.theme)&&void 0!==i?i:"#824efc")?"text-white":"text-black",c.query.widget?"ml-2":""),onClick:()=>{var t;(null===(t=window.history)||void 0===t?void 0:t.length)>2?c.back():c.push(n?`${-1!=n.indexOf("localhost:3001")?"http":"https"}://${n}/`:"/")}}),!c.query.widget&&(0,o.jsx)(eO(),{href:n?`${-1!=n.indexOf("localhost:3001")?"http":"https"}://${n}/`:"/",children:(null==a?void 0:a.logo)?(0,o.jsx)("img",{src:a.logo,className:"h-10 w-auto max-w-[10rem] object-contain md:max-w-[18rem]",alt:"logo"}):(0,o.jsx)(e$.T,{white:!0,className:"w-32"})})]}),(0,o.jsx)("div",{className:"min-w-0 flex-1 md:px-8 lg:px-0 xl:col-span-6"}),(0,o.jsxs)("div",{className:" flex items-center space-x-4  lg:justify-end xl:col-span-4",children:[s<2&&(0,o.jsxs)("div",{className:"join overflow-hidden !rounded-lg  border !shadow-none",children:[(0,o.jsx)("label",{className:(0,m.Z)("btn-sm join-item btn w-11 !scale-100 !rounded-none !outline-none !outline-transparent !transition-none",0==s?"btn-neutral !border-slate-600 !bg-slate-600 !text-white ":"bg-white hover:!bg-slate-100"),onClick:()=>d(0),children:(0,o.jsx)(tn.Z,{size:18,color:0!=s?"#475569":"white"})}),(0,o.jsx)("label",{className:(0,m.Z)("btn-sm join-item btn  w-11 !scale-100 !rounded-none  !outline-transparent !transition-none",1==s?"btn-neutral !border-slate-600 !bg-slate-600 !text-white ":"bg-white hover:!bg-slate-100"),onClick:()=>d(1),children:(0,o.jsx)(ta.Z,{size:20,variant:"duotone",color:1!=s?"#475569":"white"})})]}),c.query.widget&&(0,o.jsx)(tc.Z,{size:16,color:(0,ts.Z)(null!==(r=a.theme)&&void 0!==r?r:"#824efc"),className:"cursor-pointer hover:opacity-80",onClick:()=>{let t=new URL(window.location.href);t.searchParams.delete("widget"),window.open(t.toString(),"_blank")}})]})]})})},tm=i(18190);function tv(t){let{h:l,guideId:i,collapsedHeaders:n,expandHeader:a,collapseHeader:s,hideIcon:d}=t,c="heading"==l.event,u=n.find(t=>t.id==l.id),f=n.find(t=>l.order>=t.from&&l.order<=t.to),[x,g]=(0,r.useState)(!1),p=t=>{t.preventDefault(),navigator.clipboard.writeText(`${window.location.origin}/guides/${i}#${l.id}`).then(()=>g(!0)).catch(console.log)};return((0,r.useEffect)(()=>{let t=setTimeout(()=>g(!1),2e3);return()=>clearTimeout(t)},[x]),f)?(0,o.jsx)(o.Fragment,{}):(0,o.jsxs)("a",{href:`#${l.id}`,onClick:u?()=>a(null,l):null,className:(0,m.Z)("group flex w-full items-center justify-between rounded px-2 py-3  text-gray-800 hover:bg-gray-50",c?"mb-1 bg-gray-50/50 font-bold":" text-sm "),children:[(0,o.jsxs)("span",{className:(0,m.Z)("line-clamp-3 overflow-hidden",c&&"max-w-[90%]"),children:[l.stepNumber&&(0,o.jsxs)("span",{className:"font-bold",children:[l.stepNumber,". "]}),function(t){let l=/(https?:\/\/[^\s]+)/g,i=t.split(l);return i.map(t=>l.test(t)?"link":t)}(ek(l.description))]}),(0,o.jsxs)("div",{className:"flex items-center",children:[x?(0,o.jsx)(eC.Z,{className:"mr-1 w-4 flex-shrink-0 text-teal-600 "}):(0,o.jsx)(eE.Z,{onClick:p,className:"mr-1 w-4 flex-shrink-0 text-gray-700 opacity-0 hover:opacity-60 group-hover:opacity-100"}),c&&!d&&(n.find(t=>t.id==l.id)?(0,o.jsx)(h.Z,{onClick:t=>{a(t,l)},className:"w-4 flex-shrink-0 hover:opacity-60"}):(0,o.jsx)(v.Z,{onClick:t=>s(t,l),className:"w-4 flex-shrink-0 hover:opacity-60"}))]})]})}var th=function(t){var l,i,n,a,s;let{guide:d,helpCenter:c,onCollapseHeader:u,onUncollapseHeader:v}=t,h=(0,r.useMemo)(()=>eP(d.actions),[d.actions]),[f,x]=(0,r.useState)([]),g=null===(l=d.actions)||void 0===l?void 0:l.filter(t=>!t.hasOwnProperty("scrollView")||t.scrollView),p=null!==(a=null===(i=null==g?void 0:g.map((t,l)=>({...t,order:l+1})))||void 0===i?void 0:i.filter(t=>"heading"==t.event))&&void 0!==a?a:[],w=(t,l)=>{t.preventDefault();let i=g.length;for(let t=0;t<p.length;t++)if(p[t].id==l.id){i=p[t+1]?p[t+1].order-1:g.length;break}x(t=>[...t,{id:l.id,from:l.order+1,to:i}]),u(l)},y=(t,l)=>{null==t||t.preventDefault(),x(t=>t.filter(t=>t.id!=l.id)),v(l)};return(0,o.jsxs)("div",{className:(0,m.Z)("sticky left-0 top-0 z-[99] hidden h-screen w-72 transform border  border-gray-200 bg-white pb-12 shadow-lg  transition md:block"),children:[(0,o.jsx)("div",{className:"w-full border-b border-gray-300 bg-gray-50 p-3 px-4 !pl-4 text-left text-[.9rem] font-bold",children:(0,o.jsx)("span",{className:"line-clamp-1 ",children:(0,tm.Z)(null===(n=c.labels)||void 0===n?void 0:n.step,5,["Step","Steps"],null!==(s=c.locale)&&void 0!==s?s:"en")})}),(0,o.jsx)("div",{className:"no-scrollbar h-full w-72 overflow-y-scroll pb-1",children:(0,o.jsx)("div",{className:"mt-1 flex w-full flex-col items-center divide-y-2 divide-gray-100 px-2 ",children:g.map((t,l)=>({...t,order:l+1,stepNumber:h[t.id]})).map((t,l)=>(0,o.jsx)(tv,{h:t,guideId:d.id,expandHeader:y,collapseHeader:w,collapsedHeaders:f,hideIcon:t.order==g.length},t.id+""+l))})})]})},tf=i(66037);let tx=()=>{let[t,l]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let t=tg(()=>l(window.innerWidth<=768),250);return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),t},tg=(t,l)=>{let i;return function(){let o=this,r=arguments;clearTimeout(i),i=setTimeout(()=>t.apply(o,r),l)}};function tp(t){var l,i,r,n,a,s,d,c,v,h,f,x,g,p,w;let{refs:y,layout:b,guide:j,thisStep:N,imageWidth:k,imageHeight:A,incrementStep:Z}=t;return(0,o.jsx)("div",{ref:y.setReference,onClick:Z,className:(0,m.Z)("absolute inset-0 z-50 flex transform-gpu cursor-pointer items-center justify-center rounded-full border-2 shadow-xl transition-transform duration-500 ease-out ",function(t,l){let i=S[t];return l<1.5?i["1"]:l<2?i["1.5"]:i["2"]}(b,1)),style:{transform:`translate(${N.clickX*k/N.totalW}px,${N.clickY*A/N.totalH}px) scale(${null!==(d=N.markerSize)&&void 0!==d?d:1})`,borderColor:null!==(v=null!==(c=N.markerColor)&&void 0!==c?c:null===(l=j.customization)||void 0===l?void 0:l.color)&&void 0!==v?v:"#9164f7",backgroundColor:(null===(i=j.customization)||void 0===i?void 0:i.markerTransparency)==100?"transparent":u(null!==(f=null!==(h=N.markerColor)&&void 0!==h?h:null===(r=j.customization)||void 0===r?void 0:r.color)&&void 0!==f?f:"#9164f7",(100-(null!==(x=null===(n=j.customization)||void 0===n?void 0:n.markerTransparency)&&void 0!==x?x:40))/100)},children:(0,o.jsx)("div",{className:"h-full w-full animate-ping2 rounded-full duration-1000",style:{backgroundColor:u(null!==(p=null!==(g=N.markerColor)&&void 0!==g?g:null===(a=j.customization)||void 0===a?void 0:a.color)&&void 0!==p?p:"#9164f7",(100-(null!==(w=null===(s=j.customization)||void 0===s?void 0:s.markerTransparency)&&void 0!==w?w:40))/100)}})})}var tw=i(72606),ty=i(30784);function tb(t){var l,i,n,a,s,d,c;let{guide:v,thisStep:h,onExpand:f,onCollapse:x}=t,[g,y]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{y(!1)},[h]),(0,r.useEffect)(()=>{g?f():x()},[g]),(0,o.jsxs)(o.Fragment,{children:[g&&(0,o.jsxs)(o.Fragment,{children:[" ",(0,o.jsx)(eZ.Z,{onClick:()=>y(!1),className:"absolute right-4 top-4 z-[61] w-4 cursor-pointer text-rose-500 hover:scale-105 hover:opacity-80"}),(0,o.jsx)("div",{onClick:()=>y(!1),className:"absolute inset-0 z-[59] h-full w-full backdrop-blur-sm"})]}),(0,o.jsx)("div",{onClick:()=>y(t=>!t),className:(0,m.Z)("absolute z-[60] flex cursor-pointer select-none  items-center justify-center transition-transform ",g?"flex-center inset-0 m-auto h-full w-full px-3 text-[.75rem] font-normal leading-[1.1rem] shadow-xl backdrop-blur-sm sm:h-3/4 sm:w-3/4 sm:rounded-lg  md:px-4 md:text-base md:leading-5 lg:h-2/3 lg:w-2/3 lg:text-lg lg:!leading-7 ":"left-0 right-0  mx-auto w-fit max-w-[90%] rounded px-[6px] py-[4px] text-xs font-medium hover:opacity-90 md:!text-base",!g&&("1"==v.subtitlePosition?"top-5":"bottom-5"),(null===(l=v.slideViewNavigation)||void 0===l?void 0:l.hideTimeline)?"":"1"!=v.subtitlePosition&&!g&&"sm:group-hover:-translate-y-5","2"!=v.captionAppearance&&("0"==v.captionAppearance?"bg-gray-50/90 text-black":`${g?"bg-black":"bg-black/90"} text-white`)),style:{..."2"==v.captionAppearance&&{backgroundColor:u(null!==(s=null!==(a=h.markerColor)&&void 0!==a?a:null===(i=v.customization)||void 0===i?void 0:i.color)&&void 0!==s?s:"#9164f7",.9),color:(0,ts.Z)(null!==(c=null!==(d=h.markerColor)&&void 0!==d?d:null===(n=v.customization)||void 0===n?void 0:n.color)&&void 0!==c?c:"#9164f7","white")}},children:h.useMarkdownInSlideView?(0,o.jsx)(p.U,{remarkPlugins:h.disableAutoLinks?[]:[w.Z],className:(0,m.Z)("text-center ",g?"flex-center no-scrollbar h-full flex-wrap overflow-y-scroll py-4":"line-clamp-2 sm:line-clamp-3 "),components:{a:b,h1:z,h2:z,h3:z,h4:z,h5:z,h6:z,...!g&&{p:C}},disallowedElements:["input","iframe","image","img"],children:h.description}):(0,o.jsx)("span",{className:(0,m.Z)("text-center",g?"flex-center no-scrollbar  h-full flex-wrap overflow-y-scroll py-4":"line-clamp-2 overflow-hidden text-ellipsis sm:line-clamp-3"),children:ek(h.description)})})]})}let tj=(t,l,i)=>Math.max(0,t+l>i?t+l-i:0);function tN(t){var l,i,n;let{finished:a,total:s,setStep:d,steps:c,imageWidth:u,imageHeight:v}=t,[h,f]=(0,r.useState)(),{guide:x}=tS(),g=.2*u,p=(u-32)/c.length,w=Math.max(0,h*p+(p/2-g/2)),y=tj(w,g,u-32);return(0,o.jsx)("div",{className:"absolute bottom-0 left-0 right-0 z-40 mx-auto hidden h-[45%] w-full overflow-x-auto bg-gradient-to-b from-transparent to-gray-900/60 px-4 pb-6 opacity-0 transition group-hover:opacity-100 sm:block",children:(0,o.jsxs)("div",{className:"relative flex h-full w-full flex-col justify-end space-y-3 ",children:[void 0!=h&&null!=h&&(0,o.jsxs)("div",{className:" bottom-[.6rem] right-0 hidden w-full  flex-col items-center justify-center space-y-1 md:flex",style:{marginLeft:w-y,width:g,aspectRatio:x.totalH?x.totalW/x.totalH:u/(null!=v?v:1)},children:["chapter"==c[h].event?(0,o.jsxs)("div",{style:{width:.2*u,aspectRatio:x.totalH?x.totalW/x.totalH:u/(null!=v?v:1)},className:(0,m.Z)("flex flex-col items-center justify-center space-y-1 rounded-md border border-gray-300/30  p-2 px-3 shadow-lg","dark"==c[h].theme?"bg-gray-800 text-white":"bg-white text-gray-800"),children:[(0,o.jsx)("h3",{className:"line-clamp-1 text-center text-[.6rem] font-bold",children:c[h].title}),(0,o.jsx)("p",{className:"line-clamp-2 text-center text-[.5rem]",children:c[h].subtitle})]}):c[h].isEmbed?(0,o.jsx)("div",{style:{width:.2*u,aspectRatio:x.totalH?x.totalW/x.totalH:u/(null!=v?v:1)},className:(0,m.Z)("flex flex-col items-center justify-center space-y-1 rounded-md border border-gray-300/30  p-2 px-3 shadow-lg","dark"==c[h].theme?"bg-gray-800 text-white":"bg-white text-gray-800"),children:(0,o.jsx)(e_.Z,{className:"w-4 text-gray-400"})}):c[h].isVideo?(0,o.jsx)("video",{className:"rounded-md border border-gray-300/30 bg-white shadow-lg",src:null===(l=c[h])||void 0===l?void 0:l.imagePath,muted:!0,style:{width:.2*u,height:.2*v}}):(0,o.jsx)("img",{className:"rounded-md border border-gray-300/30 bg-white shadow-lg",src:null===(i=c[h])||void 0===i?void 0:i.imagePath,style:{width:.2*u,height:.2*v}}),(0,o.jsx)("p",{className:"line-clamp-1 w-full px-1  text-center text-[.7rem] font-medium text-white",children:ek(null!==(n=c[h].title)&&void 0!==n?n:c[h].description)})]}),(0,o.jsx)("ul",{onMouseLeave:()=>f(),className:"flex  w-full space-x-1",children:Array(s).fill(0).map((t,l)=>(0,o.jsx)("li",{onClick:()=>d(l),className:(0,m.Z)("group relative h-[.3rem] w-full cursor-pointer rounded-full transition hover:scale-y-[2]",l<=a?"chapter"==c[l].event||c[l].slideView&&!c[l].imagePath?"bg-teal-400":"bg-orange-500":"chapter"==c[l].event?"bg-teal-400":"bg-gray-100"),onMouseEnter:()=>f(l)},l))})]})})}function tk(t){let{show:l=!0,children:i}=t;return(0,o.jsx)(eI.u,{as:"div",enter:"ease-out duration-100",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-50",leaveFrom:"opacity-100",leaveTo:"opacity-0",appear:!0,show:l,className:(0,m.Z)("absolute inset-0 flex h-full w-full transform-gpu flex-col items-center justify-center space-y-2 bg-gray-800 bg-opacity-80 backdrop-blur-sm lg:space-y-3",l?"z-50":"z-0"),children:i})}var tA=function(t){var l,i,n,a,s,d,u,v,h,f,x,g,y,j,N,k,A,Z,E,S,T,P,V,F,R,H,I,W,M,L,$,D,O,B,U,q,X,_,G,Y,Q,J,K,ee,et,ei,eo,er,en,ea,es,ed,ec,eu,em,ev,eh,ef,ex,eg,ep,ew,ey,eb,ej,eN,eZ,ez,eC,eE,eS,eT,eP,eV,eF,eD,eO,eq,eX,e_;let{steps:eY,playerRef:eQ,isEmbed:eJ=!0,showControls:eK=!0,isFullScreen:e0,setIsFullScreen:e1,helpCenter:e2}=t,{guide:e5,fontClass:e4}=tS(),e7=tx(),[tl,ti]=c(),to=null===(l=e5.customization)||void 0===l||!l.hasOwnProperty("textAnnotations")||e5.customization.textAnnotations,[tr,tn]=(0,r.useState)(0),[ta,td]=(0,r.useState)(!1),[tc,tu]=(0,r.useState)(to),[tm,tv]=(0,r.useState)(!1),th=(0,r.useRef)(null),[tg,{stop:tj}]=(0,e3.Z)("/click.mp3",{volume:.1,interrupt:!0}),tA=(0,r.useRef)({}),tZ=null!==(eo=null!==(ei=eY.at(tr))&&void 0!==ei?ei:eY.at(tr-1))&&void 0!==eo?eo:eY.at(eY.length-1),{refs:tz,floatingStyles:tC,update:tE,context:tT}=(0,eW.YF)({middleware:[(0,eM.cv)(15),(0,eM.uY)({rootBoundary:"document",padding:5}),(0,eM.dp)({apply(t){let{availableWidth:l,availableHeight:i,elements:o}=t;Object.assign(o.floating.style,{maxWidth:l<=500?`${l-5}px`:`${Math.min(.6*l,400)-5}px`,maxHeight:`${i}px`})},rootBoundary:"document",padding:5}),(0,eM.X5)({rootBoundary:"document",allowedPlacements:(null==tZ?void 0:tZ.bubblePosition)&&(null==tZ?void 0:tZ.bubblePosition)!="auto"?[null==tZ?void 0:tZ.bubblePosition]:void 0}),(0,eL.x7)({element:th,padding:7}),(0,eM.Cp)({rootBoundary:"viewport",strategy:"referenceHidden"})]}),tP=null===(i=e5.customization)||void 0===i?void 0:i.autoplay,tV=(0,r.useRef)({beforeNavigation(){}}),[tF,tR]=(0,r.useState)(tP),[tH,tI]=(0,r.useState)(!1),[tW,tM]=(0,r.useState)(!0),[tL,t$]=(0,r.useState)(!1),[tD,tO]=(0,r.useState)(!1),[tB,tU]=(0,r.useState)(!1),[tq,tX]=(0,r.useState)(1),t_=tP&&(null===(n=e5.customization)||void 0===n?void 0:n.autoplayLoop),tG=null!==(er=null===(a=e5.customization)||void 0===a?void 0:a.autoplayDelay)&&void 0!==er?er:3;tG=tZ.audio?tZ.audio.duration+1.8:tG;let tY=!t_&&(!(null===(s=e5.customization)||void 0===s?void 0:s.hasOwnProperty("cta"))||e5.customization.cta),tQ=eG();(0,r.useEffect)(()=>{tE()},[tq]),(0,r.useEffect)(()=>{if(tc&&tz.reference.current&&tz.floating.current)return(0,tf.Me)(tz.reference.current,tz.floating.current,tE,{animationFrame:!0,ancestorScroll:!1})},[tc]),(0,r.useEffect)(()=>{tE();let t=setTimeout(()=>tE(),300);return()=>clearTimeout(t)},[tQ]),(0,r.useEffect)(()=>{t0.current=tW},[tW]),(0,r.useEffect)(()=>{e9().then(t=>tM(!t))},[]);let tJ=t=>{},tK=(0,r.useRef)(!1);(0,r.useEffect)(()=>{if(tK.current||tr>0)return;let t=setInterval(()=>tE(),1e3);return()=>{clearInterval(t),tK.current=!0}},[tr]),(0,r.useEffect)(()=>{e5&&setTimeout(()=>eY.filter(t=>!!t.imagePath&&!t.isVideo&&!t.isEmbed).slice(0,15).forEach(t=>{let l=new window.Image;l.crossOrigin="anonymous",l.src=t.imagePath}),50)},[e5]),(0,r.useEffect)(()=>{tr>0&&tr%13==0&&eY.filter(t=>!!t.imagePath&&!t.isVideo&&!t.isEmbed).slice(tr+2,tr+15).forEach(t=>new window.Image().src=t.imagePath)},[tr]),(0,r.useEffect)(()=>{tu(!1);let t=setTimeout(()=>{tu(!0),tE()},800);return()=>clearTimeout(t)},[tr]);let t0=(0,r.useRef)(!0),t1=(0,r.useRef)(0);(0,r.useEffect)(()=>{var t,l;let i=null!==(l=null!==(t=eY.at(tr))&&void 0!==t?t:eY.at(tr-1))&&void 0!==l?l:eY.at(eY.length-1);if(!tP&&!t_&&!tD&&(null==i||!i.isEmbed)&&(null==i||!i.audio)&&tr==eY.length-1){let t=setTimeout(()=>{t2()},3e3);return()=>clearTimeout(t)}},[tr,tD]),(0,r.useEffect)(()=>{var t,l;let i=null!==(l=null!==(t=eY.at(tr))&&void 0!==t?t:eY.at(tr-1))&&void 0!==l?l:eY.at(eY.length-1);(null==i?void 0:i.isEmbed)&&tU(!0)},[tr]),(0,r.useEffect)(()=>{if(!tB)return;let t=setTimeout(()=>tU(!1),2e3);return()=>clearTimeout(t)},[tB]),(0,r.useEffect)(()=>{t1.current=tr,t$(!1);let t=setTimeout(()=>t$(!0),2e3);return()=>clearTimeout(t)},[tr]),(0,r.useEffect)(()=>{var t;if(null===(t=e5.slideViewNavigation)||void 0===t||!t.disableKeyboard)return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l);async function l(t){var l,i,o,r;if("ArrowRight"===t.key){if((null===(l=eY[t1.current])||void 0===l?void 0:l.event)=="chapter")return;if(tJ(t1.current<eY.length-1),await ("function"==typeof(null===(i=tV.current)||void 0===i?void 0:i.beforeNavigation)&&tV.current.beforeNavigation()),t1.current<(tY?eY.length:eY.length-1)&&tu(!1),(null===(o=eY[t1.current])||void 0===o?void 0:o.hasOwnProperty("slideViewDestination"))&&"next"!=eY[t1.current].slideViewDestination){let t=eY[t1.current].slideViewDestination;tn(eY.findIndex(l=>l.id==t)),tA.current[eY.findIndex(l=>l.id==t)]=t1.current}else tn(t=>t>=(tY?eY.length:eY.length-1)?t:t+1)}else"ArrowLeft"===t.key&&(tJ(!0),await ("function"==typeof(null===(r=tV.current)||void 0===r?void 0:r.beforeNavigation)&&tV.current.beforeNavigation()),t1.current>0&&tu(!1),tn(t=>{if(0==t)return 0;if(!tA.current.hasOwnProperty(t))return t-1;{let l=tA.current[t];return delete tA.current[t],l}}),td(!1))}},[tY,ta,tg,tV.current]);let t2=async t=>{var l,i;if(tJ(t1.current<eY.length-1),await ("function"==typeof(null===(l=tV.current)||void 0===l?void 0:l.beforeNavigation)&&tV.current.beforeNavigation()),(null===(i=eY[t1.current])||void 0===i?void 0:i.hasOwnProperty("slideViewDestination"))&&"next"!=eY[t1.current].slideViewDestination){let t=eY[t1.current].slideViewDestination;tn(eY.findIndex(l=>l.id==t)),tA.current[eY.findIndex(l=>l.id==t)]=t1.current}else tn(t=>t>=(tY?eY.length:eY.length-1)?t:t+1);t1.current<(tY?eY.length:eY.length-1)&&tu(!1)},t5=async()=>{var t;tJ(!0),await ("function"==typeof(null===(t=tV.current)||void 0===t?void 0:t.beforeNavigation)&&tV.current.beforeNavigation()),tn(t=>{if(0==t)return 0;if(!tA.current.hasOwnProperty(t))return t-1;{let l=tA.current[t];return delete tA.current[t],l}}),t1.current>0&&tu(!1),td(!1)};(0,r.useEffect)(()=>{tR(!tH&&tP)},[tP,tH]),(0,r.useEffect)(()=>{var t,l;let i=null!==(l=null!==(t=eY.at(tr))&&void 0!==t?t:eY.at(tr-1))&&void 0!==l?l:eY.at(eY.length-1);if(0==tG||!tF||tH||tD||(null==i?void 0:i.isEmbed))return;let o=setInterval(async()=>{var t,l;if(tJ(!0),await ("function"==typeof(null===(t=tV.current)||void 0===t?void 0:t.beforeNavigation)&&tV.current.beforeNavigation()),(null===(l=eY[t1.current])||void 0===l?void 0:l.hasOwnProperty("slideViewDestination"))&&"next"!=eY[t1.current].slideViewDestination){let t=eY[t1.current].slideViewDestination;tn(eY.findIndex(l=>l.id==t)),tA.current[eY.findIndex(l=>l.id==t)]=t1.current}else tn(t=>t_?t==eY.length-1?0:t+1:t==(tY?eY.length:eY.length-1)?t:t+1);(t_||t1.current<eY.length-1)&&tu(!1)},1e3*tG);return()=>clearInterval(o)},[tD,tF,tH,tg,tY,tr,tG]),(0,r.useEffect)(()=>{if(tr>eY.length){tn(eY.length);return}if(tr==eY.length)td(!0),tR(!1);else{var t,l;let i=null!==(l=null!==(t=eY.at(tr))&&void 0!==t?t:eY.at(tr-1))&&void 0!==l?l:eY.at(eY.length-1);"chapter"!=i.event&&i.imagePath?tR(tP):tR(!1)}},[tr]);let t4=()=>{tn(0),td(!1),tR(tP)},[t6,t3]=(0,r.useState)(0),[t9,t7]=(0,r.useState)(0);(0,r.useEffect)(()=>{tu(!1);let t=setTimeout(()=>{tu(!0),tE()},800);return()=>clearTimeout(t)},[tl]),(0,r.useEffect)(()=>{if(!eQ.current)return;let t=eQ.current.getBoundingClientRect().width,l=eK?ti-32:ti,i=e5.totalH*t/e5.totalW;e0&&Math.floor(i)>l?(t3(t*(1-(i-l)/i)),t7(i*(1-(i-l)/i))):(t3(t),t7(i))},[tr,tl,ti,e0,eQ.current]);let t8=null!==(en=null==e5?void 0:null===(d=e5.customization)||void 0===d?void 0:d.layout)&&void 0!==en?en:60,le=(0,r.useRef)(),lt=(0,r.useRef)();(0,r.useEffect)(()=>{var t,l,i;let o=null!==(i=null!==(l=eY.at(tr))&&void 0!==l?l:eY.at(tr-1))&&void 0!==i?i:{};if(o.isVideo)tO(!tP||tF),lt.current.play();else if((null===(t=o.audio)||void 0===t?void 0:t.url)&&!ta&&(!tP||tF)){let t=setTimeout(()=>le.current.play(),800);return()=>clearTimeout(t)}},[tr,tF]),(0,r.useEffect)(()=>{try{var t,l,i,o;let r=null!==(i=null!==(l=eY.at(t1.current))&&void 0!==l?l:eY.at(t1.current-1))&&void 0!==i?i:{};if(!(null===(t=r.audio)||void 0===t?void 0:t.url))return;tH?null===(o=le.current)||void 0===o||o.pause():setTimeout(()=>{var t;return null===(t=le.current)||void 0===t?void 0:t.play()},800)}catch(t){console.log(t)}},[tH]),(0,r.useEffect)(()=>{var t;let l=()=>tO(!1);return null===(t=lt.current)||void 0===t||t.addEventListener("ended",l),()=>{var t;return null===(t=lt.current)||void 0===t?void 0:t.removeEventListener("ended",l)}},[tD]);let ll=(null!==(ea=tZ.clickX)&&void 0!==ea?ea:0)*t6/tZ.totalW,li=(null!==(es=tZ.clickY)&&void 0!==es?es:0)*t9/tZ.totalH,lo=-(ll-t6/2)*((null!==(ed=tZ.zoom)&&void 0!==ed?ed:1)-1),lr=-(li-t9/2)*((null!==(ec=tZ.zoom)&&void 0!==ec?ec:1)-1),ln=null!==(eu=eY.at(tr+1))&&void 0!==eu?eu:eY.at(0),la=eY.find((t,l)=>l>tr&&!!t.imagePath);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:(0,m.Z)("group relative mx-auto flex w-full items-center justify-center overflow-hidden !rounded-t-lg bg-black",t9?"opacity-100":"opacity-0",!e0&&"border border-gray-300"),children:[(0,o.jsx)("div",{className:"group flex h-full w-full items-center justify-center",children:(0,o.jsxs)("div",{className:" flex  items-center justify-center overflow-hidden",style:{width:t6,aspectRatio:e5.totalH?e5.totalW/e5.totalH:t6/(null!=t9?t9:1)},children:["chapter"==tZ.event?(0,o.jsx)(e8,{closestMediaStep:la,currentStep:tr,step:tZ,steps:eY,imageWidth:t6,imageHeight:t9,setCurrentStep:tn,incrementStep:t2,setIsMuted:tM,guide:e5,jumps:tA,isEmbed:!1}):!tZ.imagePath&&tZ.slideView?(0,o.jsx)(te,{closestMediaStep:la,currentStep:tr,step:tZ,imageWidth:t6,imageHeight:t9,incrementStep:t2,guide:e5,isEmbed:!1}):tZ.isEmbed?(0,o.jsxs)(o.Fragment,{children:[tB&&(0,o.jsx)("div",{className:"absolute inset-0 flex h-full w-full  items-center justify-center",children:(0,o.jsx)(tt.Z,{className:"!bg-gray-400"})}),(0,o.jsx)("iframe",{width:t6,height:t9,src:tZ.imagePath,onLoad:()=>tU(!1),onError:()=>tU(!1),title:"Video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; web-share",allowFullScreen:!1,style:{opacity:tB?0:1}})]}):(0,o.jsxs)("div",{className:"relative h-full w-full overflow-hidden  ",style:{width:t6,height:t9},children:[(0,o.jsx)("video",{ref:lt,muted:!!eK&&tW,src:tZ.isVideo?tZ.imagePath:(null==ln?void 0:ln.isVideo)?null==ln?void 0:ln.imagePath:null,className:(0,m.Z)("absolute inset-0 h-full w-full",tZ.isVideo?"z-[9]":"-z-10"),style:{width:t6,height:t9,opacity:tZ.isVideo?1:0},alt:tZ.description}),(0,o.jsx)("img",{src:tZ.isVideo?ln.imagePath:tZ.imagePath,className:"m-auto  h-full w-full transform-gpu transition-transform duration-1000 ease-out",style:{opacity:tZ.isVideo?0:1,width:t6,height:t9,transform:`translate3d(${lo}px,${lr}px,0px) scale(${null!==(em=tZ.zoom)&&void 0!==em?em:1})`},alt:tZ.description,crossOrigin:"anonymous"}),(0,o.jsx)("audio",{muted:tW||ta,src:null===(u=tZ.audio)||void 0===u?void 0:u.url,ref:le,className:"hidden"}),null!=tZ.clickX&&null!=tZ.clickY&&(0,o.jsxs)(o.Fragment,{children:[(null===(v=e5.customization)||void 0===v?void 0:null===(h=v.markerType)||void 0===h?void 0:h.indexOf("cursor"))>=0?(0,o.jsx)(el,{ref:tV,refs:tz,layout:t8,guide:e5,thisStep:tZ,imageWidth:t6,imageHeight:t9,incrementStep:t2}):(0,o.jsx)(tp,{refs:tz,layout:t8,guide:e5,thisStep:tZ,imageWidth:t6,imageHeight:t9,incrementStep:t2}),to&&tc&&!tm&&!ta&&!e7&&(null===(f=tZ.description)||void 0===f?void 0:f.length)>0&&"1"!=e5.captionStyle&&(0,o.jsxs)(eI.u,{ref:tz.setFloating,style:{...tC,background:null!==(eh=null!==(ev=tZ.markerColor)&&void 0!==ev?ev:null===(x=e5.customization)||void 0===x?void 0:x.color)&&void 0!==eh?eh:"#9164f7",color:(0,ts.Z)(null!==(ex=null!==(ef=tZ.markerColor)&&void 0!==ef?ef:null===(g=e5.customization)||void 0===g?void 0:g.color)&&void 0!==ex?ex:"#9164f7","white"),fontWeight:500},className:"z-50 flex min-w-[10rem] flex-col rounded-lg px-2 py-1  text-xs leading-5  shadow-lg shadow-gray-800/30 !transition-opacity sm:p-3 sm:text-[.9rem] ",appear:!0,show:tc,enterFrom:"opacity-0 duration-50",enterTo:"opacity-100 duration-0",leaveFrom:"opacity-0",children:[tZ.useMarkdownInSlideView?(0,o.jsx)(p.U,{remarkPlugins:tZ.disableAutoLinks?[]:[w.Z],className:(0,m.Z)("line-clamp-4 min-h-[50%] whitespace-pre-line  text-left sm:line-clamp-none"),components:{a:b,h1:z,h2:z,h3:z,h4:z,h5:z,h6:z,p:C},disallowedElements:["input","iframe","image","img"],children:tZ.description}):(0,o.jsx)("span",{className:"line-clamp-4 min-h-[50%] text-left sm:line-clamp-[10] lg:line-clamp-[15] ",children:ek(tZ.description)}),(0,o.jsxs)("div",{className:"mt-1 flex items-center justify-between text-[.55rem] sm:mt-2 sm:text-[.7rem]",children:[(0,o.jsxs)("span",{children:[tr+1,"/",eY.length]}),(0,o.jsxs)("div",{className:"flex items-center justify-center space-x-2 ",children:[tr>0&&(0,o.jsx)("button",{className:"rounded bg-white p-[.15rem] hover:opacity-90 sm:p-[.15rem]",onClick:t5,children:(0,o.jsx)(tw.Z,{className:"h-3 w-3 sm:h-[1.15rem] sm:w-[1.15rem]",style:{color:null!==(ep=null!==(eg=tZ.markerColor)&&void 0!==eg?eg:null===(y=e5.customization)||void 0===y?void 0:y.color)&&void 0!==ep?ep:"#9164f7"}})}),(0,o.jsx)("button",{className:(0,m.Z)("rounded  bg-white p-[.15rem] hover:opacity-90 sm:p-[.15rem]"),onClick:t2,children:(0,o.jsx)(ty.Z,{className:"h-3 w-3 sm:h-[1.15rem] sm:w-[1.15rem]",style:{color:null!==(ey=null!==(ew=tZ.markerColor)&&void 0!==ew?ew:null===(j=e5.customization)||void 0===j?void 0:j.color)&&void 0!==ey?ey:"#9164f7"}})})]})]}),(0,o.jsx)(eW.Y$,{ref:th,context:tT,stroke:null!==(ej=null!==(eb=tZ.markerColor)&&void 0!==eb?eb:null===(N=e5.customization)||void 0===N?void 0:N.color)&&void 0!==ej?ej:"#9164f7",fill:null!==(eZ=null!==(eN=tZ.markerColor)&&void 0!==eN?eN:null===(k=e5.customization)||void 0===k?void 0:k.color)&&void 0!==eZ?eZ:"#9164f7"})]})]}),(0,o.jsxs)(tk,{show:ta,children:[(0,o.jsx)("div",{className:"box-border hidden md:block",children:(null!==(ez=null==e5?void 0:null===(A=e5.customization)||void 0===A?void 0:A.logo)&&void 0!==ez?ez:null===(Z=e5.team)||void 0===Z?void 0:Z.logo)?(0,o.jsx)("img",{src:null!==(eC=null==e5?void 0:null===(E=e5.customization)||void 0===E?void 0:E.logo)&&void 0!==eC?eC:e5.team.logo,className:" h-10 w-auto object-contain lg:h-16 lg:w-auto"}):(0,o.jsx)(e$.T,{onlyIcon:!0,white:!0,className:"w-10 lg:w-16"})}),(0,o.jsxs)("div",{className:"!mt-2 flex max-w-[75%] flex-col items-center justify-center space-y-2 text-white lg:!mt-4 lg:space-y-3",children:[(0,o.jsx)("h2",{className:"text-center text-base font-semibold md:text-lg  lg:text-xl xl:text-2xl",children:null!==(eE=null===(S=e5.customization)||void 0===S?void 0:S.ctaTitle)&&void 0!==eE?eE:"Guidejar"}),(0,o.jsx)("p",{className:"sm:text-md text-center text-sm text-gray-50 sm:max-w-sm xl:text-base",children:null!==(eS=null===(T=e5.customization)||void 0===T?void 0:T.ctaSubtitle)&&void 0!==eS?eS:"This demo was created with Guidejar for free. Create your own demos today!"})]}),(0,o.jsxs)("div",{className:"flex h-16 items-center justify-center  space-x-4",children:[(0,o.jsx)(eR.zx,{variant:"solid",noFont:!0,className:(0,m.Z)("!border-0 !text-sm !font-medium lg:!text-base",e4),href:e5.isPremium&&null!==(eP=null!==(eT=null===(P=e5.customization)||void 0===P?void 0:P.ctaButtonUrl)&&void 0!==eT?eT:null===(V=e5.team)||void 0===V?void 0:V.website)&&void 0!==eP?eP:"https://www.guidejar.com",target:"_blank",style:{backgroundColor:null!==(eV=null===(F=e5.customization)||void 0===F?void 0:F.color)&&void 0!==eV?eV:"#9164f7",borderColor:eU(null!==(eF=null===(R=e5.customization)||void 0===R?void 0:R.color)&&void 0!==eF?eF:"#9164f7",-50),color:(0,ts.Z)(null!==(eD=null===(H=e5.customization)||void 0===H?void 0:H.color)&&void 0!==eD?eD:"#9164f7")},children:null!==(eO=null===(I=e5.customization)||void 0===I?void 0:I.ctaButtonText)&&void 0!==eO?eO:"Go to Guidejar"}),(0,o.jsxs)(eR.zx,{variant:"outline",noFont:!0,onClick:t4,className:(0,m.Z)("!border-0  !text-sm !font-normal !text-gray-800 lg:!text-base",e4),style:{borderColor:eU(null!==(eq=null===(W=e5.customization)||void 0===W?void 0:W.color)&&void 0!==eq?eq:"#9164f7",10)},children:[(0,o.jsx)(eH.Z,{className:"mr-2 w-3"})," ",(0,eA.Z)("replay",e2.labels,"Replay")]})]})]})]}),!e5.isPremium&&(0,o.jsx)("div",{className:(0,m.Z)("absolute bottom-9 right-2 z-[49] transition sm:bottom-4 sm:right-4",(null===(M=e5.slideViewNavigation)||void 0===M?void 0:M.hideTimeline)?"":"sm:group-hover:-translate-y-8",ta&&"opacity-30 blur-sm"),children:(0,o.jsx)(eB,{})}),"chapter"!=tZ.event&&!(tZ.slideView&&!tZ.imagePath)&&(0,o.jsxs)(o.Fragment,{children:[!(null===(L=e5.slideViewNavigation)||void 0===L?void 0:L.hideTimeline)&&(null==eY?void 0:eY.length)>1&&!ta&&(0,o.jsx)(tN,{finished:tr,total:eY.length,steps:eY,setStep:t=>{tn(t),t1.current!=t&&tu(!1)},imageWidth:t6,imageHeight:t9}),(0,o.jsx)("div",{onClick:t2,className:(0,m.Z)("absolute bottom-0 right-0 top-0 z-20 my-auto flex h-full items-center justify-center overflow-x-auto pr-2 transition sm:group-hover:opacity-100 ",(null===($=e5.slideViewNavigation)||void 0===$?void 0:$.sliderArrowStyle)=="1"||(null===(D=e5.slideViewNavigation)||void 0===D?void 0:D.sliderArrowStyle)=="3"?"opacity-90":"opacity-0"),children:(0,o.jsx)(ty.Z,{variant:(null===(O=e5.slideViewNavigation)||void 0===O?void 0:O.sliderArrowStyle)=="2"||(null===(B=e5.slideViewNavigation)||void 0===B?void 0:B.sliderArrowStyle)=="3"?"solid":"stroke",style:{color:null!==(eX=null===(U=e5.customization)||void 0===U?void 0:U.color)&&void 0!==eX?eX:"#9164f7"},className:(0,m.Z)("h-10 w-10 cursor-pointer transition duration-200 active:scale-125 active:opacity-100",(null===(q=e5.slideViewNavigation)||void 0===q?void 0:q.sliderArrowStyle)=="1"||(null===(X=e5.slideViewNavigation)||void 0===X?void 0:X.sliderArrowStyle)=="3"?"opacity-100 hover:opacity-70":"opacity-60 hover:opacity-80")})}),tr>0&&(0,o.jsx)("div",{onClick:t5,className:(0,m.Z)("absolute bottom-0 left-0 top-0 z-20 my-auto flex h-full items-center justify-center overflow-x-auto pl-2 transition sm:group-hover:opacity-100 ",(null===(_=e5.slideViewNavigation)||void 0===_?void 0:_.sliderArrowStyle)=="1"||(null===(G=e5.slideViewNavigation)||void 0===G?void 0:G.sliderArrowStyle)=="3"?"opacity-90":"opacity-0"),children:(0,o.jsx)(tw.Z,{variant:(null===(Y=e5.slideViewNavigation)||void 0===Y?void 0:Y.sliderArrowStyle)=="2"||(null===(Q=e5.slideViewNavigation)||void 0===Q?void 0:Q.sliderArrowStyle)=="3"?"solid":"stroke",style:{color:null!==(e_=null===(J=e5.customization)||void 0===J?void 0:J.color)&&void 0!==e_?e_:"#9164f7"},className:(0,m.Z)("h-10 w-10 cursor-pointer transition duration-200 active:scale-125 active:opacity-100",(null===(K=e5.slideViewNavigation)||void 0===K?void 0:K.sliderArrowStyle)=="1"||(null===(ee=e5.slideViewNavigation)||void 0===ee?void 0:ee.sliderArrowStyle)=="3"?"opacity-100 hover:opacity-70":"opacity-60 hover:opacity-80")})})]})]})}),!tm&&tZ.imagePath&&!tZ.isEmbed&&to&&!ta&&(null==tZ.clickX&&null==tZ.clickY||"1"==e5.captionStyle||e7)&&(null===(et=tZ.description)||void 0===et?void 0:et.length)>0&&(0,o.jsx)(tb,{guide:e5,thisStep:tZ,onExpand:()=>tI(!0),onCollapse:()=>tI(!1)})]}),eK&&!!t9&&(0,o.jsx)("div",{className:"absolute bottom-0 left-0 right-0 w-full",children:(0,o.jsx)(e6,{currentStep:tr,steps:eY,replay:t4,thisStep:tZ,autoplay:tP,autoplayDelay:tG,isPlaying:tF&&!tH,setIsPlaying:t=>tI(!t),showAnnotationControl:to,isAnnotationDisabled:tm,setIsAnnotationDisabled:tv,incrementStep:t2,decrementStep:t5,isMuted:tW,setIsMuted:tM,zoom:tq,setZoom:tX,hideSound:!eY.find(t=>t.audio||t.isVideo),ctaEnabled:tY,isReachedLastSlide:ta,toggleFullScreenMode:()=>e1(t=>!t)})})]})};let tZ=t=>{var l,i;let{}=t,{guide:r}=tS();return r.faq&&0!=r.faq.length?(0,o.jsxs)("div",{className:"!mt-16 flex  flex-col space-y-4",children:[(0,o.jsx)("div",{className:"flex items-center justify-between",children:(0,o.jsx)("h2",{className:(0,m.Z)("text-2xl font-bold text-gray-700",(null===(l=r.faq)||void 0===l?void 0:l.length)>0?"":"opacity-60"),children:r.faqLabel||"Frequently Asked Questions"})}),(0,o.jsx)("ul",{className:"!mt-8 flex flex-col space-y-6",children:null===(i=r.faq)||void 0===i?void 0:i.map((t,l)=>(0,o.jsxs)("li",{className:"flex flex-col items-start justify-start !space-y-2",children:[(0,o.jsx)("span",{className:"text-lg font-bold text-gray-700",children:t.question}),(0,o.jsx)("span",{className:"text-left !text-gray-700",dangerouslySetInnerHTML:{__html:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",l=arguments.length>1?arguments[1]:void 0;return t.replaceAll(/(https?:\/\/[^\s]+)/g,`<a style="text-decoration: underline;" href="$&" target="_blank" ${l?"style=display:inline":""}>${l?"link":"$&"}</a>`)}(t.answer,!0)}})]},l))})]}):null};d().extend(a());let tz=(0,r.createContext)(),tC={40:"sm:w-[40vw]",50:"sm:w-[50vw]",60:"sm:w-[60vw]",75:"sm:w-[75vw]",80:"sm:w-[80vw]"},tE={40:"md:w-[40vw]",50:"md:w-[50vw]",60:"md:w-[60vw]",75:"md:w-[75vw]",80:"md:w-[80vw]"};function tS(){return(0,r.useContext)(tz)}function tT(t){let{title:l,iconUrl:i,steps:r,createdAt:n,views:a,guide:s,showTeam:d,helpCenter:c}=t;return(0,o.jsxs)("div",{className:"flex w-full items-center justify-start space-x-6",children:[(0,o.jsx)("div",{className:"avatar hidden rounded-full bg-gray-200 p-4 sm:block",children:(0,o.jsx)("div",{className:"w-10 rounded-full border bg-white p-2 shadow",children:(0,o.jsx)("img",{src:i,alt:"",className:"w-5 object-cover"})})}),(0,o.jsxs)("div",{className:"w-full",children:[(0,o.jsx)("h1",{style:{wordBreak:"break-word"},className:"card-title !mb-0 text-xl sm:text-2xl",children:l}),s.description&&(0,o.jsx)("p",{className:"mt-1 text-sm text-gray-600",children:s.description})]})]})}var tP=function(t){var l,i,n,a,s,d,c,u,v,h,f,x,g,p,w;let{guide:y,helpCenter:b,showTitle:j,isEmbed:N,containerWidth:k,domain:A,showControls:Z=!0,onRequestFullScreen:z,containerRef:C,isLandingPageEmbed:E,fontClass:S}=t,[T,P]=(0,r.useState)(y),[V,F]=(0,r.useState)([]),[R,H]=(0,r.useState)(null!==(u=null===(l=T.customization)||void 0===l?void 0:l.viewConfig)&&void 0!==u?u:0),[I,W]=(0,r.useState)(),[M,L]=(0,r.useState)(!1);null==T||T.id;let $=(0,r.useRef)(),D=null!=$?$:C;(0,r.useEffect)(()=>{if(!(null==D?void 0:D.current))return;let t=()=>{L(e5())},l=["","moz","webkit","ms"];return l.forEach(function(l){var i;null===(i=D.current)||void 0===i||i.addEventListener(l+"fullscreenchange",t)}),()=>{l.forEach(function(l){var i;null===(i=D.current)||void 0===i||i.removeEventListener(l+"fullscreenchange",t)})}},[null==D?void 0:D.current]),(0,r.useEffect)(()=>{try{if(M){var t,l;z?z():(l=null!==(t=null==$?void 0:$.current)&&void 0!==t?t:document.documentElement).requestFullscreen?l.requestFullscreen():l.mozRequestFullScreen?l.mozRequestFullScreen():l.webkitRequestFullscreen?l.webkitRequestFullscreen():l.msRequestFullscreen&&l.msRequestFullscreen()}else document.fullscreenElement&&document.exitFullscreen().catch(console.log)}catch(t){console.log(t)}},[M]);let O=t=>{let l=T.actions.filter(t=>!t.hasOwnProperty("scrollView")||t.scrollView).map((t,l)=>({...t,order:l+1})).filter(t=>"heading"==t.event);for(let i=0;i<l.length;i++)if(l[i].id==t.id){let o=l[i+1]?l[i+1].order-1:T.actions.length;F(l=>[...l,{from:t.order+1,to:o}]);break}},B=t=>{F(l=>l.filter(l=>l.from!=t.order+1))};return(0,o.jsxs)(tz.Provider,{value:{guide:T,setGuide:P,collapsedRanges:V,collapseHeader:O,uncollapseHeader:B,isLandingPageEmbed:E,fontClass:S},children:[!N&&(0,o.jsx)(tu,{guide:T,setGuide:P,view:R,setView:H,domain:A,helpCenter:b}),N?(0,o.jsx)(o.Fragment,{children:R%2==0?(0,o.jsx)("div",{className:"mx-auto flex h-full w-full bg-gray-50",children:(0,o.jsxs)("div",{className:"mx-auto mb-2 flex w-[85vw] flex-col items-center justify-start space-y-10  py-8 sm:w-[75vw]",children:[(0,o.jsx)(tT,{iconUrl:T.faviconUrl,title:T.title,steps:T.actions.length,createdAt:T.createdAt,views:null!==(v=T.views)&&void 0!==v?v:I,guide:T,showTeam:!A,helpCenter:b}),(0,o.jsx)(eF,{collapseHeader:O,uncollapseHeaders:B,containerWidth:k,guide:T,helpCenter:b,isEmbed:!0}),(0,o.jsx)(tZ,{})]})}):(0,o.jsx)("div",{className:(0,m.Z)("mx-auto flex h-full w-full flex-col",M?"bg-black":""),children:j?(0,o.jsxs)("div",{className:"mx-auto mb-2 flex w-5/6 flex-col items-center justify-start space-y-10  py-8 sm:w-3/4",children:[(0,o.jsx)(tT,{iconUrl:T.faviconUrl,title:T.title,steps:T.actions.length,createdAt:T.createdAt,views:null!==(h=T.views)&&void 0!==h?h:I,guide:T,showTeam:!A,helpCenter:b}),(0,o.jsx)(tr,{steps:T.actions.filter(t=>t.imagePath||t.slideView),isEmbed:!0,containerWidth:k,helpCenter:b})]}):(0,o.jsx)(tr,{steps:T.actions.filter(t=>t.imagePath||t.slideView),isEmbed:!0,containerWidth:k,showControls:Z,isFullScreen:M,setIsFullScreen:L,helpCenter:b})})}):R%2==0||(null===(i=null===(n=T.actions)||void 0===n?void 0:n.filter(t=>t.imagePath||t.slideView))||void 0===i?void 0:i.length)==0?(0,o.jsxs)("div",{className:"relative flex w-full",children:[eV(T)&&(0,o.jsx)(th,{guide:T,onCollapseHeader:O,onUncollapseHeader:B,helpCenter:b}),(0,o.jsxs)("div",{ref:$,className:(0,m.Z)("relative mx-auto  flex w-[85vw] flex-col items-center justify-start space-y-10 py-8 ",M?"my-auto h-full w-screen !justify-center !space-y-0 bg-black !py-0":tC[null!==(f=null==T?void 0:null===(a=T.customization)||void 0===a?void 0:a.layout)&&void 0!==f?f:60]),children:[(0,o.jsx)(tT,{iconUrl:T.faviconUrl,title:T.title,steps:T.actions.length,createdAt:T.createdAt,views:null!==(x=T.views)&&void 0!==x?x:I,guide:T,showTeam:!A,helpCenter:b}),(0,o.jsx)(eF,{guide:T,helpCenter:b,collapseHeader:O,uncollapseHeader:B}),(0,o.jsx)(tZ,{})]})]}):(0,o.jsxs)("div",{className:"relative flex w-full flex-col !pb-8",children:[(0,o.jsxs)("div",{ref:$,className:(0,m.Z)("relative mx-auto  flex w-[85vw] flex-col items-center justify-start space-y-10 py-8 ",M?"my-auto h-full w-screen !justify-center !space-y-0 bg-black !py-0":tE[null!==(g=null==T?void 0:null===(s=T.customization)||void 0===s?void 0:s.layout)&&void 0!==g?g:60]),children:[!M&&(0,o.jsx)(tT,{iconUrl:T.faviconUrl,title:T.title,steps:T.actions.length,createdAt:T.createdAt,views:null!==(p=T.views)&&void 0!==p?p:I,guide:T,showTeam:!A,helpCenter:b}),(0,o.jsx)(tA,{playerRef:$,helpCenter:b,steps:T.actions.filter(t=>t.imagePath||t.slideView),isFullScreen:M,setIsFullScreen:L})]}),!M&&(null===(d=T.customization)||void 0===d?void 0:d.feedback)&&(0,o.jsx)(eb,{guideId:T.id}),!M&&(0,o.jsx)("div",{className:(0,m.Z)("mx-auto w-full max-w-[90vw]",tE[null!==(w=null==T?void 0:null===(c=T.customization)||void 0===c?void 0:c.layout)&&void 0!==w?w:60]),children:(0,o.jsx)(tZ,{})})]})]})}},15403:function(t,l,i){i.d(l,{x:function(){return u}});var o=i(85893),r=i(67294),n=i(27856),a=i.n(n),s=i(11163);let d=(0,r.createContext)(),c=async t=>{let l=a().sanitize(t,{FORCE_BODY:!0,ADD_TAGS:["script","link","style"],ALLOWED_TAGS:["script","link","style"],KEEP_CONTENT:!0}),i=document.createElement("div");i.innerHTML=l;let o=i.getElementsByTagName("script");for(let t=0;t<o.length;t++)await new Promise((l,i)=>{let r=o[t],n=document.createElement("script");for(let t of(n.type="text/javascript",r.attributes))n.setAttribute(t.name,t.value);let a=setTimeout(l,7500);n.onload=()=>{clearTimeout(a),l()},n.onerror=t=>{clearTimeout(a),i(t)},r.src?n.src=r.src:n.textContent=`${r.textContent}`,document.body.appendChild(n)}).catch(console.log);let r=i.getElementsByTagName("link");for(let t=0;t<r.length;t++){let l=r[t],i=document.createElement("link");for(let t of l.attributes)i.setAttribute(t.name,t.value);document.head.appendChild(i)}let n=i.getElementsByTagName("style");for(let t=0;t<n.length;t++){let l=n[t],i=document.createElement("style");for(let t of l.attributes)i.setAttribute(t.name,t.value);i.innerHTML=l.innerHTML,document.head.appendChild(i)}};function u(){return(0,r.useContext)(d)}l.Z=function(t){let{children:l}=t,[i,n]=(0,r.useState)(),a=(0,s.useRouter)();return(0,r.useEffect)(()=>{var t,l;if(a.isReady&&(null==i?void 0:null===(t=i.customCode)||void 0===t?void 0:t.trim())&&-1==window.location.origin.indexOf("guidejar.xyz")&&!window._gj_custom_script_added)try{c(null==i?void 0:null===(l=i.customCode)||void 0===l?void 0:l.replaceAll("\\n","\n")).catch(console.log)}catch(t){console.log(t)}finally{window._gj_custom_script_added=!0}},[null==i?void 0:i.customCode,a.isReady]),(0,o.jsx)(d.Provider,{value:{setHelpCenter:n},children:l})}},24289:function(t,l,i){let o;function r(){try{return null==window.localStorage.getItem("deviceId")?(o=Math.random().toString(36).substring(2,15),window.localStorage.setItem("deviceId",o)):o=window.localStorage.getItem("deviceId"),o}catch(t){return console.error(t),o||(o=Math.random().toString(36).substring(2,15)),o}}i.d(l,{Z:function(){return r}})},8728:function(t,l,i){i.d(l,{Z:function(){return n}});var o=i(27819);let r=/^#([0-9a-f]{6}|[0-9a-f]{3})$/i;function n(t){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"black";return r.test(t)?1.7*(0,o.Z)("white",t)>(0,o.Z)("black",t)?"white":"black":l}},41250:function(t,l,i){var o=i(67294);let r=(t,l)=>{(0,o.useEffect)(()=>{let i=!1,o=!1,r=r=>{!i&&o&&(!t.current||t.current.contains(r.target)||l(r))},n=l=>{o=t.current,i=t.current&&t.current.contains(l.target)};return document.addEventListener("mousedown",n),document.addEventListener("touchstart",n),document.addEventListener("click",r),()=>{document.removeEventListener("mousedown",n),document.removeEventListener("touchstart",n),document.removeEventListener("click",r)}},[t,l])};l.Z=r},28370:function(t,l){l.Z={set(t,l){localStorage.setItem(`${t}-pwd`,JSON.stringify({password:l,expiresAt:Date.now()+6e5}))},get(t){let l=`${t}-pwd`;if(localStorage.getItem(l)){let t=JSON.parse(localStorage.getItem(l));return Date.now()<t.expiresAt?t.password:void localStorage.removeItem(l)}}}},18190:function(t,l,i){i.d(l,{Z:function(){return r}});var o=i(78197);function r(t,l,i){var r;let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"en",a=(0,o.K3)(n,l),s=null==t?void 0:t.find(t=>null==t?void 0:t.trim());return null!==(r=s?t[a]:null)&&void 0!==r?r:i[1==l?0:1]}},21103:function(t,l,i){i.d(l,{OH:function(){return r}});class o{replace(t){return t?t.replace(/{{(.*?)}}/g,(t,l)=>{let[i,o]=l.split("|").map(t=>t.trim()),r=i.toLowerCase();return void 0!==this.variables[r]?this.variables[r]:null!=o?o:t}):null!=t?t:""}constructor(t={}){this.variables={},this.variables=Object.keys(t).reduce((l,i)=>(l[i.toLowerCase()]=t[i],l),{})}}function r(t,l){console.log("queryParams",t);let i={};try{i=t?JSON.parse(t):{}}catch(t){console.error(t)}return function(t,l){try{var i,r,n,a;let s=new o(null!==(a=null==t?void 0:t.variables)&&void 0!==a?a:{});(null===(i=l.title)||void 0===i?void 0:i.trim())&&(l.title=s.replace(l.title)),(null===(r=l.description)||void 0===r?void 0:r.trim())&&(l.description=s.replace(l.description)),l.actions&&(l.actions=l.actions.map(t=>({...t,title:s.replace(t.title),subtitle:s.replace(t.subtitle),description:s.replace(t.description)}))),(null===(n=l.customization)||void 0===n?void 0:n.cta)&&(l.customization.ctaTitle=s.replace(l.customization.ctaTitle),l.customization.ctaSubtitle=s.replace(l.customization.ctaSubtitle),l.customization.ctaButtonText=s.replace(l.customization.ctaButtonText),l.customization.ctaButtonUrl=s.replace(l.customization.ctaButtonUrl)),l.content&&(l.content=JSON.parse(s.replace(JSON.stringify(l.content))))}catch(t){console.error(t)}return l}({variables:i},l)}},50822:function(t,l,i){i.d(l,{Z:function(){return o}});function o(t,l){var i,o;let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return(null===(i=null==l?void 0:null===(o=l[t])||void 0===o?void 0:o.trim())||void 0===i?void 0:i.length)>0?l[t]:r}}}]);