https://www.paage.io/_next/static/chunks/4597.2f2a9d352374e25f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4597],{44065:function(e,t,s){s.d(t,{SP:function(){return c},dr:function(){return u},mQ:function(){return l},nU:function(){return o}});var a=s(85893),n=s(67294),r=s(60434),i=s(17583);let l=r.fC,u=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(r.aV,{ref:t,className:(0,i.cn)("inline-flex h-9 items-center justify-center rounded-lg bg-slate-200 p-1 text-slate-500 dark:bg-slate-800 dark:text-slate-400",s),...n})});u.displayName=r.aV.displayName;let c=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(r.xz,{ref:t,className:(0,i.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-0 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-slate-950 data-[state=active]:shadow-sm dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 dark:data-[state=active]:bg-slate-950 dark:data-[state=active]:text-slate-50",s),...n})});c.displayName=r.xz.displayName;let o=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(r.VY,{ref:t,className:(0,i.cn)("mt-6 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300",s),...n})});o.displayName=r.VY.displayName},15608:function(e,t,s){s.r(t),s.d(t,{AccessDialogContent:function(){return f},default:function(){return x}});var a=s(85893),n=s(57497),r=s(83034),i=s(94411),l=s(67294),u=s(46571),c=s(22419),o=s(26123),d=s(57553);let m="savedUserName",p="savedUserEmail";function f(e){let{asset:t,onComplete:s,open:f,setOpen:x,isPreview:h=!1}=e,[v,w]=(0,l.useState)(()=>h?"":localStorage.getItem(m)||""),[j,N]=(0,l.useState)(()=>h?"":localStorage.getItem(p)||""),[g,_]=(0,l.useState)(""),b=(0,l.useRef)(null),y=(0,l.useRef)(null),{authUser:q}=(0,o.a)(),S=t.required_user_input===c.HR||t.required_user_input===c.hG,k=t.required_user_input===c.pq||t.required_user_input===c.hG,C=t.required_user_input===c.hG,E=q&&t.owner_uid&&q.uid===t.owner_uid;(0,l.useEffect)(()=>{if(h||E)return;if((!S||v)&&(!k||j)){x(!1),s({...S&&{name:v},...k&&{email:j}});return}let e=()=>{var e,t;C||S?null===(e=b.current)||void 0===e||e.focus():k&&(null===(t=y.current)||void 0===t||t.focus())};e(),[250,500,1e3].forEach(t=>{setTimeout(e,t)})},[]);let I=async e=>{e.preventDefault(),_(""),S&&localStorage.setItem(m,v),k&&localStorage.setItem(p,j),s({...S&&{name:v},...k&&{email:j}}),x(!1)};return t.required_user_input===c.CV?(0,a.jsxs)("div",{className:" px-10 mx-auto py-5 text-center text-sm text-slate-500",children:[(0,a.jsx)("p",{className:"font-medium text-slate-900 mb-2",children:"This popup will not be shown"}),(0,a.jsx)("p",{children:"Since you don't require any details, recipients won't see this popup, but their view will still be tracked"})]}):(0,a.jsxs)("div",{className:"px-4 py-5",children:[(0,a.jsxs)("div",{className:"space-y-0",children:[(0,a.jsx)(r.$N,{className:"text-center",children:C?"Please confirm your details":"Please confirm your ".concat(S?"name":"email")}),(0,a.jsx)(r.Be,{className:"text-center",children:"This link is available to select recipients"})]}),(0,a.jsxs)("form",{onSubmit:I,className:"space-y-4 mt-4",children:[(0,a.jsxs)(u.E.div,{animate:g?{x:[0,-10,10,-10,10,0],transition:{duration:.4}}:{},className:"space-y-3",children:[S&&(0,a.jsxs)("div",{children:[C&&(0,a.jsx)(d._,{className:"mb-1",htmlFor:"name-input",children:"Name"}),(0,a.jsx)(i.I,{id:"name-input",type:"text",required:!0,value:v,onChange:e=>w(e.target.value),placeholder:"Enter your name...",ref:b})]}),k&&(0,a.jsxs)("div",{children:[C&&(0,a.jsx)(d._,{className:"mb-1",htmlFor:"email-input",children:"Email"}),(0,a.jsx)(i.I,{id:"email-input",type:"email",required:!0,value:j,onChange:e=>N(e.target.value),placeholder:"Enter your email...",ref:y,className:g?"border-red-500":""})]}),g&&(0,a.jsx)("p",{className:"text-red-500 text-xs mt-1.5",children:g})]}),(0,a.jsx)(n.z,{type:"submit",className:"w-full",children:"Access"})]})]})}function x(e){let{asset:t,onComplete:s}=e,[n,i]=(0,l.useState)(()=>{{let e=localStorage.getItem(m)||"",a=localStorage.getItem(p)||"",n=t.required_user_input===c.HR||t.required_user_input===c.hG,r=t.required_user_input===c.pq||t.required_user_input===c.hG;if((!n||e)&&(!r||a))return s({...n&&{name:e},...r&&{email:a}}),!1}return!0});return(0,a.jsx)(r.Vq,{open:n,onOpenChange:i,children:(0,a.jsx)(r.cZ,{className:"max-w-none w-full md:max-w-[400px] p-0 px-2",showCloseButton:!1,onEscapeKeyDown:e=>e.preventDefault(),onInteractOutside:e=>e.preventDefault(),children:(0,a.jsx)(f,{asset:t,onComplete:s,open:n,setOpen:i})})})}},64597:function(e,t,s){s.r(t),s.d(t,{default:function(){return c}});var a=s(85893),n=s(83034),r=s(67294),i=s(44065),l=s(82034),u=s(15608);function c(e){let{asset:t,defaultOpen:s=!0}=e,[c,o]=(0,r.useState)(s),[d,m]=(0,r.useState)("permissions"),[p,f]=(0,r.useState)(t);return(0,a.jsx)(n.Vq,{open:c,onOpenChange:o,children:(0,a.jsx)(n.cZ,{className:"max-w-none w-full md:max-w-md p-0 overflow-hidden",children:(0,a.jsxs)(i.mQ,{value:d,onValueChange:e=>{m(e)},className:"w-full",children:[(0,a.jsx)("div",{className:"w-full border-b border-slate-100 pb-2 shadow-sm",children:(0,a.jsx)("div",{className:"w-80 mx-auto mt-2",children:(0,a.jsxs)(i.dr,{className:"w-full",children:[(0,a.jsx)(i.SP,{value:"permissions",className:"flex-1",children:"Link Settings"}),(0,a.jsx)(i.SP,{value:"preview",className:"flex-1",children:"View as Recipient"})]})})}),(0,a.jsx)(i.nU,{value:"permissions",className:"m-0",children:(0,a.jsx)(l.default.Content,{asset:p,setAsset:f},"share-".concat(null==p?void 0:p.required_user_input))}),(0,a.jsx)(i.nU,{value:"preview",className:"m-0",children:(0,a.jsx)(u.AccessDialogContent,{asset:p,onComplete:()=>{},open:c,setOpen:o,isPreview:!0},"preview-".concat(null==p?void 0:p.required_user_input))})]})})})}}}]);