https://www.rsi-nc.org/_next/static/chunks/567-a5c8e710dc0b211f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[567],{98567:function(e,s,r){r.d(s,{F9:function(){return m},LI:function(){return ey},Gc:function(){return E}});var i=r(97458),n=r(52983),a=r(5397),t=r(10613),o=r(6142),l=r(86848),d=r(47805),u=r(80870),c=r(23935),p=r(73238);function m(e){var s;let{fields:r}=e,{user:n,meta:m}=(0,p.H2)(),f=(0,a.p)(),h=(0,d.useQueryClient)(),x=(0,p.HY)({identityEnabled:!0}),v=(0,l.cI)({defaultValues:(0,u.qDH)({recordValues:null!==(s=null==n?void 0:n.userProfile)&&void 0!==s?s:{},fields:r,useFieldIds:!0}),mode:"onBlur"}),{handleSubmit:g}=v,{mutate:y,isLoading:j}=(0,d.useMutation)(async e=>{let s=await (0,u.Z4w)({fields:r,values:e});return x.userProfile.updateProfile({payload:{userProfile:s}})},{onSuccess:()=>{(0,u.CFj)({isSuccess:!0,toast:f,title:"Success",message:"Your profile was successfully updated."}),h.invalidateQueries(["userinfo"])},onError:e=>{var s,r,i;(0,u.CFj)({isSuccess:!1,toast:f,message:null!==(i=null==e?void 0:null===(r=e.response)||void 0===r?void 0:null===(s=r.data)||void 0===s?void 0:s.message)&&void 0!==i?i:"Sorry, an error has occurred. Please contact support if the issue persists."}),h.invalidateQueries(["userinfo"])}}),w=async e=>y(e),b=null==n?void 0:n.userProfile;return(0,i.jsx)(l.RV,{...v,children:(0,i.jsxs)("form",{id:"update-profile",onSubmit:g(w),children:[(0,i.jsx)(t.K,{spacing:6,children:r.map(e=>{var s;let r=null==m?void 0:null===(s=m.fields)||void 0===s?void 0:s.find(s=>s.id===e.id);if(!r||r.type===c.n7.MultipleRecordLinks)return null;if(r.type===c.n7.Button){let e=null==b?void 0:b[r.id];return(0,i.jsx)(u.nkN,{isLoading:!1,value:e,meta:r},r.id)}return(0,i.jsx)(u.NIc,{id:r.id,label:r.name,render:e=>{let{controller:s}=e;return(0,i.jsx)(u.PYS,{fieldMeta:r,controller:s})}},r.id)})}),(0,i.jsx)(o.k,{mt:8,mb:4,verticalAlign:"bottom",position:"sticky",bottom:"0",right:"0",children:(0,i.jsx)(u.gbl,{type:"submit",form:"update-profile",isLoading:j,isDisabled:j,children:"Save Profile"})})]})})}var f=r(701),h=r(7956),x=r(58305),v=r(13899),g=r(77057),y=r(12722),j=r(90292),w=r(59585),b=r(82137);let k=e=>(0,i.jsx)(b.m.div,{className:"chakra-stack__divider",...e,__css:{...e.__css,borderWidth:0,alignSelf:"stretch",borderColor:"inherit",width:"auto",height:"auto"}});k.displayName="StackDivider";var S=r(41050),C=r(97998),P=r(51438),I=r(14442),_=r(61268);let F=h.Ry().shape({email:h.Z_().email().required("Please enter a valid email address.")});function E(){var e,s,r;let n=(0,x.q)(),{user:a,isLoadingUser:o,appConfig:l}=(0,p.H2)(),{headingFontFamily:d,paragraphFontFamily:c}=(0,u.QR1)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(R,{wrapperProps:{bgColor:"white"},children:(0,i.jsx)(v.M,{columns:{base:1,md:2},bgColor:"white",children:(0,i.jsxs)(g.P,{children:[o&&(0,i.jsxs)(y.x,{children:[(0,i.jsxs)(t.K,{children:[(0,i.jsx)(j.O,{width:"170px",height:"20px",mb:3}),(0,i.jsx)(j.O,{width:"120px",height:"30px"})]}),(0,i.jsx)(t.K,{spacing:"4",mt:6,children:(0,i.jsxs)(y.x,{children:[(0,i.jsx)(w.N,{mb:2,noOfLines:1,w:"100px"}),(0,i.jsx)(j.O,{h:"35px",w:"200px"})]})}),(0,i.jsx)(j.O,{mt:"12",colorScheme:"primary",minWidth:"100px"})]}),!o&&a&&(0,i.jsxs)(t.K,{spacing:12,divider:(0,i.jsx)(k,{}),children:[!(null==l?void 0:null===(e=l.identity)||void 0===e?void 0:e.restrictUsernameUpdate)&&(0,i.jsxs)(y.x,{children:[(0,i.jsx)(S.X,{as:"h2",fontFamily:d,fontSize:"lg",mb:4,children:"Username"}),(0,i.jsxs)(t.K,{spacing:2,justifyContent:"space-between",direction:{base:"column",md:"row"},children:[(0,i.jsx)(C.x,{color:"black",fontFamily:c,children:a.email}),(0,i.jsx)(P.z,{fontFamily:c,variant:"outline",colorScheme:"gray",onClick:n.onOpen,children:"Update Username"})]})]}),(0,i.jsxs)(y.x,{children:[(0,i.jsx)(S.X,{as:"h2",fontSize:"lg",fontFamily:d,mb:4,children:"Password"}),(null===(s=a.loginOptions)||void 0===s?void 0:s.password)&&(0,i.jsx)(L,{}),!(null===(r=a.loginOptions)||void 0===r?void 0:r.password)&&(0,i.jsx)(Q,{})]})]})]})})}),(0,i.jsx)(O,{disclosure:n})]})}function R(e){let{pageTitle:s,actionButton:r,wrapperProps:n,children:a}=e,{headingFontFamily:t}=(0,u.QR1)();return(0,i.jsxs)(y.x,{p:{base:0,md:"unset"}

1,children:[(0,i.jsx)(y.x,{position:"sticky",children:(0,i.jsxs)(o.k,{alignItems:"center",justifyContent:"space-between",bgColor:"white",pos:"sticky",top:{base:"0px",md:"114x"},px:6,py:4,zIndex:"2",borderTopRadius:"md",children:[s&&(0,i.jsx)(S.X,{fontSize:{base:"md",md:"xl"},fontFamily:t,mr:2,children:s}),r]})}),(0,i.jsx)(y.x,{py:8,...n,children:a})]})}function O(e){var s;let{disclosure:r}=e,{update:t,session:o}=(0,p.kP)(),{paragraphFontFamily:c,headingFontFamily:m}=(0,u.QR1)(),f=(0,d.useQueryClient)(),h=(0,p.HY)({identityEnabled:!0}),x=(0,a.p)(),{handleSubmit:v,formState:g,reset:y,register:j}=(0,l.cI)({resolver:(0,_.X)(F),defaultValues:{email:""},mode:"onBlur"}),w=g.errors;(0,n.useEffect)(()=>{y({email:""})},[r.isOpen]);let{mutate:b,isLoading:k}=(0,d.useMutation)(async e=>{let s=await h.userProfile.updateUsername({username:e.email});return await t(s),s},{onSuccess:e=>{var s;(0,u.CFj)({isSuccess:!0,toast:x,title:"Success",message:"Your username has been updated"}),f.setQueryData(["userinfo",null==o?void 0:null===(s=o.user)||void 0===s?void 0:s.id],s=>({...s,username:e.username,email:e.email})),r.onClose()},onError:e=>{var s,r,i;let n=null!==(i=null===(r=e.response)||void 0===r?void 0:null===(s=r.data)||void 0===s?void 0:s.message)&&void 0!==i?i:"Unable to update your username. Please contact us if the issue persists.";(0,u.CFj)({isSuccess:!1,toast:x,title:"Error",message:n})}});return(0,i.jsx)(u.Od,{useAppTheme:!0,modal:r,title:"Update Username",formId:"update-username",isLoading:k,submitText:"Update",modalContentProps:{px:2,pb:2},headerProps:{fontFamily:m},bodyProps:{fontFamily:c},children:(0,i.jsx)("form",{id:"update-username",onSubmit:v(e=>b(e)),children:(0,i.jsx)(u.n2V,{isRequired:!0,labelProps:{color:"gray.700"},id:"username",label:"Username",isInvalid:!!(null==w?void 0:w.email),errorMessage:null==w?void 0:null===(s=w.email)||void 0===s?void 0:s.message,children:(0,i.jsx)(I.I,{variant:"default",fontFamily:c,placeholder:"[email protected]",...j("email")})})})})}let N=h.Ry().shape({currentPassword:h.Z_().required("Please enter your current password"),password:h.Z_().required("Please enter a valid password.").matches(c.BV,"Must contain 6 characters, one uppercase, one lowercase, one number and one special case character"),passwordConfirmation:h.Z_().required("Please confirm your password.").oneOf([h.iH("password"),null],"Password does not match")});function L(){var e,s,r;let{hostname:o}=(0,p.H2)(),c=(0,x.q)(),{paragraphFontFamily:m}=(0,u.QR1)(),h=(0,a.p)(),{reset:v,control:g,handleSubmit:y,formState:j}=(0,l.cI)({mode:"onBlur",resolver:(0,_.X)(N),defaultValues:{currentPassword:"",password:"",passwordConfirmation:""}}),w=j.errors,{mutate:b,isLoading:k}=(0,d.useMutation)(async e=>{let s={password:e.password,currentPassword:e.currentPassword};return f.Z.patch("/api/users/password",s,{headers:{"X-Pory-Host":o}})},{onSuccess:()=>{(0,u.CFj)({isSuccess:!0,toast:h,title:"Success",message:"Your password has been updated."}),c.onClose()},onError:e=>{var s,r,i;(0,u.CFj)({isSuccess:!1,toast:h,title:"Error updating password",message:null!==(i=null==e?void 0:null===(r=e.response)||void 0===r?void 0:null===(s=r.data)||void 0===s?void 0:s.message)&&void 0!==i?i:"Sorry, an error has occurred. Please contact support if the issue persists."})}});return(0,n.useEffect)(()=>()=>{v({currentPassword:"",password:"",passwordConfirmation:""})},[c.isOpen]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.K,{spacing:2,justifyContent:"space-between",direction:{base:"column",md:"row"},children:[(0,i.jsx)(C.x,{maxW:"60%",fontFamily:m,children:"Remember not to store your password in your email or cloud and don't share it with anyone."}),(0,i.jsx)(P.z,{variant:"outline",colorScheme:"gray",fontFamily:m,onClick:c.onOpen,children:"Update Password"})]}),c.isOpen&&(0,i.jsx)(u.Od,{useAppTheme:!0,modal:c,formId:"update-password",title:"Update Password",submitText:"Update password",modalContentProps:{px:2,pb:2},isLoading:k,children:(0,i.jsx)("form",{id:"update-password",onSubmit:y(e=>{b(e)}),children:(0,i.jsxs)(t.K,{spacing:6,children:[(0,i.jsx)(u.n2V,{isRequired:!0,labelProps:{color:"gray.700"},isInvalid:!!(null==w?void 0:w.currentPassword),errorMessage:null==w?void 0:null===(e=w.currentPassword)||void 0===e?void 0:e.message,id:"current-password",label:"Current Password",children:(0,i.jsx)(u.VI6,{control:g,fieldName:"

1currentPassword",inputProps:{variant:"default"}})}),(0,i.jsx)(u.n2V,{isRequired:!0,label:"New Password",labelProps:{color:"gray.700"},id:"password",errorMessage:null===(s=w.password)||void 0===s?void 0:s.message,isInvalid:!!(null==w?void 0:w.password),children:(0,i.jsx)(u.VI6,{control:g,fieldName:"password",inputProps:{variant:"default"}})}),(0,i.jsx)(u.n2V,{isRequired:!0,label:"Confirm New Password",labelProps:{color:"gray.700"},id:"password-confirmation",errorMessage:null===(r=w.passwordConfirmation)||void 0===r?void 0:r.message,isInvalid:!!(null==w?void 0:w.passwordConfirmation),children:(0,i.jsx)(u.VI6,{control:g,fieldName:"passwordConfirmation",inputProps:{variant:"default"}})})]})})})]})}let M=h.Ry({password:h.Z_().required("Please enter a valid password.").matches(c.BV,"Must contain 6 characters, one uppercase, one lowercase, one number and one special case character"),passwordConfirmation:h.Z_().required("Please confirm your password.").oneOf([h.iH("password"),null],"Passwords must match.")});function Q(){var e,s;let{hostname:r}=(0,p.H2)(),m=(0,x.q)(),h=(0,a.p)(),v=(0,d.useQueryClient)(),{paragraphFontFamily:g}=(0,u.QR1)(),{control:y,reset:j,handleSubmit:w,formState:b}=(0,l.cI)({mode:"onBlur",resolver:(0,_.X)(M),defaultValues:{password:"",passwordConfirmation:""}}),k=b.errors,{mutate:S,isLoading:I}=(0,d.useMutation)(async e=>f.Z.post("/api/users/password",{password:e.password},{headers:{"X-Pory-Host":r}}),{onSuccess:()=>{(0,u.CFj)({toast:h,isSuccess:!0,title:"Password set.",message:"You can now log in with your password."}),m.onClose()},onSettled:()=>{v.invalidateQueries(["userinfo"])},onError:e=>{let s=(0,c.e$)({error:e});(0,u.CFj)({toast:h,isSuccess:!1,message:s})}});return(0,n.useEffect)(()=>()=>{j({password:"",passwordConfirmation:""})},[m.isOpen]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(o.k,{justifyContent:"space-between",flexDir:{base:"column",md:"row"},children:[(0,i.jsx)(C.x,{maxW:"60%",fontFamily:g,mb:{base:2,md:"auto"},children:"You currently do not have a password set. You can continue to log in with magic links or set a password here."}),(0,i.jsx)(P.z,{variant:"outline",colorScheme:"gray",w:"120px",onClick:m.onOpen,children:"Set Password"})]}),m.isOpen&&(0,i.jsx)(u.Od,{modal:m,title:"Set a password",submitText:"Set password",isLoading:I,formId:"update-password",children:(0,i.jsx)("form",{id:"update-password",onSubmit:w(e=>{S(e)}),children:(0,i.jsxs)(t.K,{spacing:2,children:[(0,i.jsx)(u.n2V,{isRequired:!0,isDark:!1,formElementId:"password",label:"Password",isInvalid:!!(null==k?void 0:k.password),errorMessage:null==k?void 0:null===(e=k.password)||void 0===e?void 0:e.message,children:(0,i.jsx)(u.VI6,{control:y,fieldName:"password",inputProps:{variant:"default"}})}),(0,i.jsx)(u.n2V,{isRequired:!0,isDark:!1,formElementId:"password-confirmation",label:"Confirm Password",isInvalid:!!(null==k?void 0:k.passwordConfirmation),errorMessage:null==k?void 0:null===(s=k.passwordConfirmation)||void 0===s?void 0:s.message,children:(0,i.jsx)(u.VI6,{control:y,fieldName:"passwordConfirmation",inputProps:{variant:"default"}})})]})})})]})}var q=r(99836),V=r(68433),z=r(10874),A=r(41838),H=r(3817),K=r(10330),U=r(29146),G=r(39252),D=r(99903),Y=r(62984);let Z=(0,Y.G)((e,s)=>{let{onClick:r,className:n,...a}=e,{onClose:t}=(0,G.vR)(),o=(0,K.cx)("chakra-modal__close-btn",n),l=(0,G.I_)();return(0,i.jsx)(D.P,{ref:s,__css:l.closeButton,className:o,onClick:(0,U.v)(r,e=>{e.stopPropagation(),t()}),...a})});Z.displayName="ModalCloseButton";var B=r(79678);let T=(0,Y.G)((e,s)=>{let{className:r,...a}=e,{headerId:t,setHeaderMounted:o}=(0,G.vR)();(0,n.useEffect)(()=>(o(!0),()=>o(!1)),[o]);let l=(0,K.cx)("chakra-modal__header",r),d=(0,G.I_)(),u=(0,B.k0)({flex:0,...d.header});return(0,i.jsx)(b.m.header,{ref:s,className:l,id:t,...a,__css:u})});T.displayName="ModalHeader";var W=r(66217),X=r(17139),$=r(83259),J=r(26785),ee=r(3226);let[es,er]=(0,X.k)({name:"InputGroupStylesContext",errorMessage:"useInputGroupStyles returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" "}),ei=(0,Y.G)(function(e,s){let r=(0,ee.j)("Input",e),{children:a,className:t,...o}=(0,W.L)(e),l=(0,K.cx)("chakra-input__group",t),d={},u=(0,$.W)(a),c=r.field;

1u.forEach(e=>{r&&(c&&"InputLeftElement"===e.type.id&&(d.paddingStart=c.height??c.h),c&&"InputRightElement"===e.type.id&&(d.paddingEnd=c.height??c.h),"InputRightAddon"===e.type.id&&(d.borderEndRadius=0),"InputLeftAddon"===e.type.id&&(d.borderStartRadius=0))});let p=u.map(s=>{let r=(0,J.o)({size:s.props?.size||e.size,variant:s.props?.variant||e.variant});return"Input"!==s.type.id?(0,n.cloneElement)(s,r):(0,n.cloneElement)(s,Object.assign(r,d,s.props))});return(0,i.jsx)(b.m.div,{className:l,ref:s,__css:{width:"100%",display:"flex",position:"relative",isolation:"isolate",...r.group},"data-group":!0,...o,children:(0,i.jsx)(es,{value:r,children:p})})});ei.displayName="InputGroup";let en=(0,b.m)("div",{baseStyle:{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:"0",zIndex:2}}),ea=(0,Y.G)(function(e,s){let{placement:r="left",...n}=e,a=er(),t=a.field,o={["left"===r?"insetStart":"insetEnd"]:"0",width:t?.height??t?.h,height:t?.height??t?.h,fontSize:t?.fontSize,...a.element};return(0,i.jsx)(en,{ref:s,__css:o,...n})});ea.id="InputElement",ea.displayName="InputElement";let et=(0,Y.G)(function(e,s){let{className:r,...n}=e,a=(0,K.cx)("chakra-input__left-element",r);return(0,i.jsx)(ea,{ref:s,placement:"left",className:a,...n})});et.id="InputLeftElement",et.displayName="InputLeftElement";let eo=(0,Y.G)(function(e,s){let{className:r,...n}=e,a=(0,K.cx)("chakra-input__right-element",r);return(0,i.jsx)(ea,{ref:s,placement:"right",className:a,...n})});eo.id="InputRightElement",eo.displayName="InputRightElement";var el=r(68140),ed=r(73975),eu=r(97126),ec=r(41571);let ep=(0,Y.G)((e,s)=>{let{className:r,...n}=e,a=(0,K.cx)("chakra-modal__footer",r),t=(0,G.I_)(),o=(0,B.k0)({display:"flex",alignItems:"center",justifyContent:"flex-end",...t.footer});return(0,i.jsx)(b.m.footer,{ref:s,...n,__css:o,className:a})});ep.displayName="ModalFooter";var em=r(31031),ef=r(29787),eh=r.n(ef),ex=r(77837),ev=r.n(ex);function eg(e){var s;let{disclosure:r,appId:o,linkedField:c,primaryField:m,existingRecords:f}=e,{accentColor:h}=(0,u.QR1)(),x=(0,a.p)(),v=(0,d.useQueryClient)(),{user:g}=(0,p.H2)(),{paragraphFontFamily:w}=(0,u.QR1)(),b=(0,V.S)({base:"full",md:"lg"}),{control:k,reset:S,handleSubmit:_}=(0,l.cI)({defaultValues:{records:f}}),{fields:F,append:E,remove:R}=(0,l.Dq)({control:k,keyName:"__id",name:"records"}),[O,N]=n.useState(),L=(0,p.HY)({identityEnabled:!0}),{isOpen:M,onClose:Q}=r;n.useEffect(()=>{S({records:f})},[M,f]);let{mutate:q,isLoading:K}=(0,d.useMutation)(async e=>{if(!g)return;let s=e.map(e=>e.id);return await L.userProfile.addOrRemoveLinkedRecords({fieldId:c.id,user:g._id,records:s})},{onSuccess:()=>{(0,u.CFj)({toast:x,isSuccess:!0,message:"Record Created."}),null==Q||Q()},onSettled:()=>{v.invalidateQueries(["identity.linked.records",c.id]),v.invalidateQueries(["userinfo"])},onError:e=>{var s,r,i;let n=null!==(i=null==e?void 0:null===(r=e.response)||void 0===r?void 0:null===(s=r.data)||void 0===s?void 0:s.message)&&void 0!==i?i:"Sorry, an error has occurred. Please contact support if the issue persists.";(0,u.CFj)({toast:x,isSuccess:!1,message:n})}}),{data:U,status:G,isFetchingNextPage:D,fetchNextPage:Y,hasNextPage:B}=(0,d.useInfiniteQuery)(["linked-records",c.id,o,O],async e=>{let{queryKey:s,pageParam:r}=e,[i,n,a,t]=s,o={format:"string"};return r&&(o.offset=r),eh()(t)||(o.search=t,o.primaryField=null==m?void 0:m.name),await L.identity.getRecordsForLinkedTable({linkedField:n,params:o})},{getNextPageParam:e=>null==e?void 0:e.offset,enabled:M&&!!o&&!!c}),W=null!==(s=null==U?void 0:U.pages)&&void 0!==s?s:[],X=eh()(null==W?void 0:W[0])?[]:W.flatMap(e=>e.records),$=e=>{let{record:s}=e,r=F.findIndex(e=>e.id===s.id);-1!==r?R(r):E(s)},J=ev()(e=>{N(e.target.value)},1500);return(0,i.jsxs)(z.dy,{isOpen:null!=M&&M,size:b,onClose:Q,children:[(0,i.jsx)(A.Z,{}),(0,i.jsxs)(H.s,{children:[(0,i.jsx)(Z,{}),(0,i.jsxs)(T,{borderBottomWidth:"1px",fontFamily:w,children:["Add ".concat(c.name),(0,i.jsxs)(ei,{w:"full",mt:4,children:[(0,i.jsx)(et,{pointerEvents:"none",children:(0,i.jsx)(em.Goc,{color:"darkGrey"})}),(0,i.jsx)(I.I,{placeholder:"Search",bgColor:"backgroundColor",borderRadius:"lg",disabled:"loading"===G,onChange:J,onKeyDown:e=>{"Enter"===e.key&&N(e.target.value)}}),O&&(0,i.jsx)(eo,{children:(0,i.jsx)(el.h,{isRound:!0,size:"xs","aria-label":"clear text",icon:(0,i.jsx)(em.czh,{}),onClick:()=>N(null)})})]})]}),(0,i.jsx)(ed.f,{children:(0,i.jsxs)("form",{onSubmit:_(e=>{var s;q(null!==(s=null==e?void 0:e.records)&&void 0!==s?s:[])}

1),id:"update-linked-records",children:["loading"===G&&(0,i.jsxs)(t.K,{py:6,children:[(0,i.jsx)(j.O,{h:"170px",w:"full"}),(0,i.jsx)(j.O,{h:"170px",w:"full"}),(0,i.jsx)(j.O,{h:"170px",w:"full"})]}),"loading"!==G&&eh()(X)&&(0,i.jsx)(y.x,{children:(0,i.jsx)(C.x,{fontSize:"md",children:"No records"})}),"loading"!==G&&!eh()(X)&&(0,i.jsx)(t.K,{mt:4,spacing:3,children:X.map(e=>{let{fields:s}=e,r=s[null==m?void 0:m.id],n=F.some(s=>s.id===e.id);return(0,i.jsx)(u.bKH,{onClick:()=>{$({record:e})},disabled:n,children:(0,i.jsxs)(u.Zbd,{shadow:n?"none":"md",borderColor:n?h:"none",borderWidth:"1px",children:[(0,i.jsx)(u.Ol2,{fontWeight:"bold",children:r}),(0,i.jsx)(u.aYP,{children:(0,i.jsxs)(eu.U,{children:[(0,i.jsx)(t.K,{w:"full",spacing:4,children:!eh()(c.displayFields)&&c.displayFields.map(s=>{let r=c.meta.fields.find(e=>e.id===s);return r?(0,i.jsxs)(y.x,{children:[(0,i.jsx)(u.xvT,{fontWeight:"bold",children:r.name}),(0,i.jsx)(u.ayI,{record:e,field:{id:s},meta:{fields:c.meta.fields},useFieldIds:!0})]},r.id):null})}),n&&(0,i.jsx)(em.wRn,{color:h})]})})]})},e.id)})}),B&&(0,i.jsx)(ec.M,{children:(0,i.jsx)(P.z,{mt:6,isLoading:D,onClick:()=>Y(),children:"Load more"})})]})}),(0,i.jsx)(ep,{children:(0,i.jsxs)(eu.U,{children:[(0,i.jsx)(P.z,{size:"md",variant:"ghost",colorScheme:"neutral",disabled:K,onClick:Q,fontFamily:w,children:"Cancel"}),(0,i.jsxs)(u.gbl,{size:"md",disabled:K,isLoading:K,type:"submit",form:"update-linked-records",children:["Add ",c.name]})]})})]})]})}function ey(e){var s,r;let{field:n}=e,{user:t,appConfig:o}=(0,p.H2)(),{client:l}=(0,u.TAV)(),{theme:m}=(0,u.QR1)(),f=(0,a.p)(),h=(0,d.useQueryClient)(),v=null==o?void 0:null===(s=o.site)||void 0===s?void 0:s._id,g=(0,x.q)(),y=(0,x.q)(),{data:j,isInitialLoading:w,hasNextPage:b,fetchNextPage:k,isFetchingNextPage:S}=function(e){let{field:s,appId:r}=e,i=(0,q.Z)({identityEnabled:!0}),n=(0,a.p)();return(0,d.useInfiniteQuery)({queryFn:function(e){let{appClient:s,fieldId:r,appId:i}=e;return async function(e){let{pageParam:i}=e;return s.identity.getLinkedRecordDetail({fieldId:r,params:{useFieldIds:!0,offset:i}})}}({appClient:i,fieldId:s.id,appId:r}),queryKey:["identity.linked.records",s.id],getNextPageParam:e=>e.offset,onError:e=>{var s,r,i,a;let t=null==e?void 0:null===(s=e.response)||void 0===s?void 0:s.status,o=null!==(a=null==e?void 0:null===(i=e.response)||void 0===i?void 0:null===(r=i.data)||void 0===r?void 0:r.message)&&void 0!==a?a:"Sorry, an error has occurred. Please contact us if the issue persists.. Please try again.";403===t&&(o="You do not have sufficient access to perform this action"),(0,u.CFj)({isSuccess:!1,toast:n,message:o})}})}({appId:v,field:n}),{mutate:C,isLoading:P}=(0,d.useMutation)(async e=>{let s=n.meta.fields,r=await (0,u.Z4w)({fields:s,values:e});return await l.userProfile.createLinkedRecord({record:r,user:null==t?void 0:t._id,fieldId:null==n?void 0:n.id})},{onSuccess:()=>{(0,u.CFj)({isSuccess:!0,toast:f,title:"Success",message:"Your profile was successfully updated."}),y.onClose()},onSettled:()=>{h.invalidateQueries(["userinfo"]),h.invalidateQueries(["linked-record-details",n.id])},onError:e=>{let s=(0,c.e$)({error:e});(0,u.CFj)({isSuccess:!1,toast:f,message:s})}}),I=n.meta.fields.find(e=>e.id===n.meta.table.primaryFieldId),_=null==j?void 0:null===(r=j.pages)||void 0===r?void 0:r.flatMap(e=>e.records);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.mOp,{isPreview:!1,isFetchingMore:S,isLoading:w,hasNextPage:null!=b&&b,linkedField:n,records:null!=_?_:[],primaryField:I,onFetchMore:k,onCreate:y.onOpen,onLinkExistingRecord:g.onOpen}),(0,i.jsx)(u.ZQd,{isSaving:P,field:n,disclosure:y,onCreate:e=>{C(e)}}),(0,i.jsx)(eg,{disclosure:g,appId:v,linkedField:n,existingRecords:null!=_?_:[],primaryField:I,theme:m})]})}},68433:function(e,s,r){r.d(s,{S:function(){return l}});var i=r(99657),n=r(86128),a=r(52983),t=r(35219),o=r(39132);function l(e,s){let r=function(e){let s=(0,i.Kn)(e)?e:{fallback:e??"base"},r=(0,o.F)().__breakpoints.details.map(({minMaxQuery:e,breakpoint:s})=>({breakpoint:s,query:e.replace("@media screen and ","")})),n=r.map(e=>e.breakpoint===s.fallback),l=(function(e,s={}){let{ssr:r=!0,fallback:i}=s,{getWindow:n}=(0,t.O)(),o=Array.isArray(e)?e:[e],l=Array.isArray(i)?i:[i];l=l.filter(e=>null!=e);let[d,u]=(0,a.useState)(()=>o.map((e,s)=>({media:e,matches:r?!!l[s]:n().matchMedia(e).matches})));return(0,a.useEffect)(()=>{let e=n();u(o.map(s=>({media:s,matches:e.matchMedia(s).matches})));let s=o.map(s=>e.matchMedia(s)),r=e=>{u(s=>s.slice().map(s=>s.media===e.media?{...s,matches:e.matches}:s))};

1return s.forEach(e=>{"function"==typeof e.addListener?e.addListener(r):e.addEventListener("change",r)}),()=>{s.forEach(e=>{"function"==typeof e.removeListener?e.removeListener(r):e.removeEventListener("change",r)})}},[n]),d.map(e=>e.matches)})(r.map(e=>e.query),{fallback:n,ssr:s.ssr}).findIndex(e=>!0==e);return r[l]?.breakpoint??s.fallback}((0,i.Kn)(s)?s:{fallback:s??"base"}),l=(0,o.F)();if(!r)return;let d=Array.from(l.__breakpoints?.keys||[]);return function(e,s,r=n.AV){let i=Object.keys(e).indexOf(s);if(-1!==i)return e[s];let a=r.indexOf(s);for(;a>=0;){let s=r[a];if(e.hasOwnProperty(s)){i=a;break}a-=1}if(-1!==i)return e[r[i]]}(Array.isArray(e)?Object.fromEntries(Object.entries((0,n.Yq)(e,d)).map(([e,s])=>[e,s])):e,r,d)}},59585:function(e,s,r){r.d(s,{N:function(){return l}});var i=r(97458),n=r(10330),a=r(90292),t=r(68433),o=r(82137);let l=e=>{let{noOfLines:s=3,spacing:r="0.5rem",skeletonHeight:l="0.5rem",className:d,startColor:u,endColor:c,isLoaded:p,fadeDuration:m,speed:f,variant:h,size:x,colorScheme:v,children:g,...y}=e,j=(0,t.S)("number"==typeof s?[s]:s)||3,w=Array(j).fill(1).map((e,s)=>s+1),b=e=>j>1&&e===w.length?"80%":"100%",k=(0,n.cx)("chakra-skeleton__group",d);return(0,i.jsx)(o.m.div,{className:k,...y,children:w.map((e,s)=>{if(p&&s>0)return null;let n=p?null:{mb:e===w.length?"0":r,width:b(e),height:l};return(0,i.jsx)(a.O,{startColor:u,endColor:c,isLoaded:p,fadeDuration:m,speed:f,variant:h,size:x,colorScheme:v,...n,children:0===s?g:void 0},w.length.toString()+e)})})};l.displayName="SkeletonText"},90292:function(e,s,r){r.d(s,{O:function(){return y}});var i=r(97458),n=r(6884),a=r(65404),t=r(66217),o=r(10330),l=r(14450),d=r(52983),u=r(71034),c=r(82137),p=r(62984),m=r(3226);let f=(0,c.m)("div",{baseStyle:{boxShadow:"none",backgroundClip:"padding-box",cursor:"default",color:"transparent",pointerEvents:"none",userSelect:"none","&::before, &::after, *":{visibility:"hidden"}}}),h=(0,a.gJ)("skeleton-start-color"),x=(0,a.gJ)("skeleton-end-color"),v=(0,l.F4)({from:{opacity:0}

1,to:{opacity:1}}),g=(0,l.F4)({from:{borderColor:h.reference,background:h.reference},to:{borderColor:x.reference,background:x.reference}}),y=(0,p.G)((e,s)=>{let r={...e,fadeDuration:"number"==typeof e.fadeDuration?e.fadeDuration:.4,speed:"number"==typeof e.speed?e.speed:.8},a=(0,m.m)("Skeleton",r),l=function(){let e=(0,d.useRef)(!0);return(0,d.useEffect)(()=>{e.current=!1},[]),e.current}(),{startColor:p="",endColor:y="",isLoaded:j,fadeDuration:w,speed:b,className:k,fitContent:S,animation:C,...P}=(0,t.L)(r),[I,_]=(0,u.dQ)("colors",[p,y]),F=(0,n.D)(j),E=(0,o.cx)("chakra-skeleton",k),R={...I&&{[h.variable]:I},..._&&{[x.variable]:_}};if(j){let e=l||F?"none":`${v} ${w}s`;return(0,i.jsx)(c.m.div,{ref:s,className:E,__css:{animation:e},...P})}return(0,i.jsx)(f,{ref:s,className:E,...P,__css:{width:S?"fit-content":void 0,...a,...R,_dark:{...a._dark,...R},animation:C||`${b}s linear infinite alternate ${g}`}})});y.displayName="Skeleton"}}]);