https://dashboard.thspian.com/static/js/9471.f3735081.chunk.js

1"use strict";(globalThis.webpackChunkthspian_web||=[]).push([[9471],{99471(e,o,i){i.d(o,{RecommendationDialogue:()=>j});var l=i.cw(function(e,o){var i=n();o.A=void 0;var l=i(t()),a=r();o.A=(0,l.default)((0,a.jsx)("path",{d:"M7.5 5.6 10 7 8.6 4.5 10 2 7.5 3.4 5 2l1.4 2.5L5 7zm12 9.8L17 14l1.4 2.5L17 19l2.5-1.4L22 19l-1.4-2.5L22 14zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5zm-7.63 5.29a.9959.9959 0 0 0-1.41 0L1.29 18.96c-.39.39-.39 1.02 0 1.41l2.34 2.34c.39.39 1.02.39 1.41 0L16.7 11.05c.39-.39.39-1.02 0-1.41zm-1.03 5.49-2.12-2.12 2.44-2.44 2.12 2.12z"}),"AutoFixHigh")}),t=()=>i(40039),r=()=>i(70579),n=()=>i(1654),a=i(65043),h=i(26240),s=i(30344),u=i(96446),d=i(53193),c=i(78492),g=i(74605),m=i(14256),p=i(67784),M=i(51787),x=i(55128),f=i(49701),w=i(65209),v=i(37673),A=i(97823);r();var b=i(586),I=i(86250),y=i(95457),_=i(39606);const j=e=>{let{open:o}=e;const i=(0,h.A)(),[t,n]=(0,a.useState)("email"),[j,L]=(0,a.useState)(""),[C,F]=(0,a.useState)(""),[S,E]=(0,a.useState)(""),{themeStyle:k}=(0,f.w)(),z=(0,s.A)(i.breakpoints.down("xs")),D=(0,b.wA)(),P=(0,b.d4)(y.dGA),N=e=>{return"email"===t?(i=e).trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i)?"":"Please enter a valid email address":"Email is required":(o=e).trim()?o.replace(/\D/g,"").length<10?"Please enter a valid phone number":"":"Phone number is required";var o,i},U=()=>{D((0,I.sF)(void 0)),L(""),F(""),E("")},W=e=>{L(e),S&&E("")},T=()=>{const e=N(j);E(e)};return(0,r().jsx)(x.m,{open:o,onClose:U,onSubmit:()=>{const e=N(j);if(e)E(e);else{if(P){const e={invitation_type:P.type,reference_id:P.document._id,..."email"===t&&{recipient_email:j},..."phone"===t&&{recipient_phone:`+${j}`}};D((0,_.vh)(e))}U()}},buttonEnabled:!0,header:"Recommend To A Friend",buttonProps:{disabled:!(""!==j.trim()&&""!==C.trim()&&""===S)},paperSX:{height:{xs:"100dvh",sm:"fit-content"},width:"100vw",maxWidth:{xs:"100dvw",sm:"500px"},maxHeight:{xs:"100dvh",sm:"100%"}},dialogueProps:{fullWidth:!0,maxWidth:"xs",fullScreen:z},children:(0,r().jsx)(u.A,{sx:{height:"100%"},children:(0,r().jsxs)(d.A,{component:"fieldset",fullWidth:!0,children:[(0,r().jsxs)(c.A,{row:!0,value:t,sx:{"& .MuiFormControlLabel-label":{color:"gray"},"& .Mui-checked":{color:v.w4[k].highlight},"& .MuiRadio-root":{color:v.w4[k].highlight,"&:hover":{color:v.w4[k].highlight}}},onChange:e=>{L(""),E(""),n(e.target.value)},children:[(0,r().jsx)(g.A,{value:"email",control:(0,r().jsx)(m.A,{sx:{color:v.w4[k].tag_white,"&.Mui-checked":{color:v.w4[k].highlight}}}),label:"Email"}),(0,r().jsx)(g.A,{value:"phone",control:(0,r().jsx)(m.A,{sx:{color:v.w4[k].tag_white,"&.Mui-checked":{color:v.w4[k].highlight}}}),label:"Phone"})]}),"email"===t&&(0,r().jsx)(p.A,{fullWidth:!0,margin:"normal",label:"Friend's Email",variant:"outlined",value:j,error:!!S,helperText:S,onChange:e=>W(e.target.value),onBlur:T,sx:{"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:S?"#f44336":"gray"},"&:hover fieldset":{borderColor:S?"#f44336":v.w4[k].highlight},"&.Mui-focused fieldset":{borderColor:S?"#f44336":v.w4[k].highlight}},"& .MuiInputLabel-root":{color:"gray"},"& .MuiInputLabel-root.Mui-focused":{color:v.w4[k].highlight},"& .MuiInputBase-input::placeholder":{color:"lightgray",fontFamily:A.M.MAIN_MEDIUM},"& .MuiFormHelperText-root":{color:"#f44336",fontFamily:A.M.MAIN_MEDIUM}},InputProps:{style:{fontFamily:A.M.MAIN_MEDIUM,fontSize:14,color:v.w4[k].tag_white}}}),"phone"===t&&(0,r().jsxs)(u.A,{children:[(0,r().jsx)(w.v,{onChange:W,value:j,onBlur:T}),S&&(0,r().jsx)(u.A,{sx:{color:"#f44336",fontSize:"0.75rem",fontFamily:A.M.MAIN_MEDIUM,marginTop:"3px",marginLeft:"14px"},children:S})]}),(0,r().jsx)(p.A,{fullWidth:!0,margin:"normal",label:"Message",multiline:!0,rows:4,variant:"outlined",value:C,onChange:e=>F(e.target.value),sx:{"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:"gray"},"&:hover fieldset":{borderColor:v.w4[k].highlight},"&.Mui-focused fieldset":{borderColor:v.w4[k].highlight}},"& .MuiInputLabel-root":{color:"gray"},"& .MuiInputLabel-root.Mui-focused":{color:v.w4[k].highlight},"& .MuiInputBase-input::placeholder":{color:"lightgray",fontFamily:A.M.MAIN_MEDIUM}},InputProps:{endAdornment:(0,r().jsx)(M.A,{position:"end",children:(0,r().jsx)(l().A,{sx:{color:v.w4[k].tag_white,cursor:"pointer"},onClick:()=>{F("Hey! I thought you might like this. Check it out!")}})}),style:{fontFamily:A.M.MAIN_MEDIUM,fontSize:14,color:v.w4[k].tag_white}}})]})})})}}}]);
2//# sourceMappingURL=9471.f3735081.chunk.js.map