https://pofu.io/_next/static/chunks/pages/actions/handwritten-note/[actionId]-495797edef95bea3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8304],{25685:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/actions/handwritten-note/[actionId]",function(){return n(1985)}])},56535:function(e,t,n){"use strict";var a=n(85893),o=n(71643),i=n(67294),r=n(68298),s=n(68409);t.Z=function(e){var t=e.isOpen,n=e.onClose,l=e.onRename,u=e.value,c=e.label,d=e.placeholder,p=void 0===d?"":d,h=(0,i.useState)(u||"New ".concat(c)),m=h[0],g=h[1];return(0,i.useEffect)((function(){g(u||"New ".concat(c))}),[u]),(0,a.jsx)(r.Dialog,{isOpen:t,onClose:n,children:(0,a.jsxs)("form",{onSubmit:function(e){e.preventDefault(),n()},children:[(0,a.jsx)(r.DialogHeader,{title:"".concat(c," name"),description:"Provide a name for this ".concat(c,".")}),(0,a.jsx)(r.DialogBody,{children:(0,a.jsx)(s.ZC,{css:{width:"100%"},children:(0,a.jsx)(o.E0,{variant:"text","aria-label":"Rename input",isFullWidth:!0,value:m,onChange:g,placeholder:p})})}),(0,a.jsxs)(r.DialogActions,{children:[(0,a.jsx)(o.wt,{variant:"text",onClick:n,children:"Cancel"}),(0,a.jsx)(o.wt,{isDisabled:""===m,variant:"primary",onClick:function(){return l(m)},type:"submit",children:"Save"})]})]})})}},1985:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return N},default:function(){return _}});var a=n(14251),o=n(85893),i=n(95854),r=n(87710),s=n(35758),l=n(50537),u=n(28621),c=n(13065),d=n(70547),p=n(9403),h=n(11163),m=n(67294),g=n(94076),f=n(61378),b=n(56535),y=n(56141),x=n(68409),w=n(24990),v=n(21379),j=n(48033),C=n(85942),T=n(19635),k=n(34403),Z=(0,i.zo)("label",{display:"block",marginTop:"25px",marginBottom:"10px",fontFamily:"Open Sans, sans-serif",fontSize:"13px",fontWeight:"600"}),S=(0,i.zo)("textarea",{fontFamily:"Open Sans",padding:"$2 $3",width:"700px",height:"200px",border:"1px solid #B7C9CC",borderRadius:"4px"}),I=(0,i.zo)("input",{width:"60px",height:"35px",display:"block",paddingLeft:"10px",border:"1px solid $neutral200","&:hover":{border:"1px solid $neutral700"}}),N=!0;function _(){var e=(0,h.useRouter)(),t=e.push,n=e.query,i=void 0===n?{}:n,N=i.actionId,_=void 0===N?"":N,O=i.actionName,F=i.senderType,z=void 0===F?"":F,H=i.sender,E=void 0===H?"":H,R=i.replyTo,A=i.replyToType,B=Number(E)||E,$=Number(R)||R,D=(0,m.useRef)(),J="new"===_,M=((0,w.V6)().showErrorToast,(0,m.useState)(O)),L=M[0],q=M[1],P=(0,m.useState)(!1),V=P[0],W=P[1],G=(0,m.useState)("Loading email builder"),K=G[0],Q=(G[1],(0,m.useState)(!1)),X=Q[0],U=Q[1],Y=(0,m.useState)(E?{sender:B,senderType:z}:null),ee=Y[0],te=Y[1],ne=(0,m.useState)(R?{replyTo:$,replyToType:A}:null),ae=ne[0],oe=ne[1],ie=(0,m.useState)([]),re=ie[0],se=ie[1],le=(0,m.useState)({value:"Homemade Apple",label:"Homemade Apple"}),ue=le[0],ce=le[1],de=(0,m.useState)({value:"#000f55",label:"Blue"}),pe=de[0],he=de[1],me=(0,m.useState)({value:"/images/table1.jpg",label:"Table 1"}),ge=me[0],fe=me[1],be=(0,m.useState)(10),ye=be[0],xe=be[1],we=(0,m.useState)(15),ve=we[0],je=we[1],Ce=(0,m.useState)(k.VI[0]),Te=Ce[0],ke=Ce[1],Ze=(0,m.useState)("A personal note of welcome from our CEO!"),Se=Ze[0],Ie=Ze[1],Ne=(0,m.useState)(""),_e=Ne[0],Oe=Ne[1],Fe=(0,m.useMemo)((function(){return Number(ve)>=10&&Number(ve)<=30}),[ve]),ze=function(e,t){e(t)};(0,m.useEffect)((function(){!J&&_&&g.Z.get("".concat(f.hu,"/").concat(_)).then((function(e){var t=e.data.data,n=t.name,a=t.metadata,o=a.handwrittenNote,i=o.noteText,r=o.handwritingFont,s=o.inkColor,l=o.background,u=o.shadowRotate,c=o.fontSize,d=a.email,p=d.subject,h=d.emailComponents,m=d.sender,g=d.senderType,f=d.replyTo,b=d.replyToType,y=d.cc;se(y),te({sender:m,senderType:g}),oe({replyTo:f,replyToType:b}),q(n),ke(i),ce(r),he(s),fe(l),xe(u),je(c),Ie(p),Oe(h)}))}),[_,J]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(y.Z,{}),(0,o.jsxs)(r.Z,{justifyContent:"space-between",alignItems:"flex-end",children:[(0,o.jsxs)(s.Z,{title:(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(x.ZC,{css:{mr:"$3"},children:L}),(0,o.jsx)(l.Z,{"aria-label":"Edit Title button",variant:"text",onClick:function(){return U(!0)},children:(0,o.jsx)(v.Z,{})})]}),children:[(0,o.jsx)(u.Z,{href:"/",children:"POFU"}),(0,o.jsx)(u.Z,{href:"/actions",children:"Actions"}),(0,o.jsx)(u.Z,{href:"#",children:"Handwritten Note"})]}),(0,o.jsx)(c.Z,{sx:{margin:"$1 0"},variant:"primary",endIcon:(0,o.jsx)(j.Z,{}),onClick:function(){return function(e){if(W(!0),J){var n={a:{label:"Text",type:"text",attributes:{letterSpacing:"",cssClass:"",fontFamily:""},content:k.jG,id:"a"},b:{label:"Image",type:"image",id:"b",attributes:{align:"center",width:"600px",height:"auto",padding:"",paddingLeft:"25px",paddingRight:"25px",paddingTop:"10px",paddingBottom:"10px",border:"",borderRadius:"",alt:"{{handwritten_note_placeholder}}",src:"{{handwritten_note_link}}",href:"",target:"_blank",rel:""},content:T.aO.HANDWRITTEN_NOTE},c:{label:"Text",type:"text",attributes:{lineHeight:"1",letterSpacing:"",cssClass:"",fontFamily:""},content:k.Hg,id:"c"}},o="/actions/handwritten-note/new/email";t({pathname:o,query:{isNewAction:!0,partOfHandwrittenNote:!0,actionName:L,handwrittenNoteMetadata:JSON.stringify({handwritingFont:ue,inkColor:pe,background:ge,shadowRotate:ye,fontSize:ve,noteText:Te}),itemsFromQuery:JSON.stringify(n),itemIdsFromQuery:["a","b","c"],sender:ee.sender,senderType:ee.senderType,replyTo:ae.replyTo,replyToType:ae.replyToType,cc:JSON.stringify(re),emailSubject:Se}},o)}else{W(!0);var i=JSON.parse(_e),r=i.itemIds,s=i.items,l=(0,a.Z)({},s);r.forEach((function(e){var t=s[e];"image"===t.type&&t.content===T.aO.HANDWRITTEN_NOTE&&(l[e].attributes.src="{{handwritten_note_link}}",l[e].attributes.alt="{{handwritten_note_placeholder}}")})),i.items=l;var u="/actions/handwritten-note/".concat(_,"/email");t({pathname:u,query:{isNewAction:!1,partOfHandwrittenNote:!0,actionName:L,handwrittenNoteMetadata:JSON.stringify({handwritingFont:ue,inkColor:pe,background:ge,shadowRotate:ye,fontSize:ve,noteText:Te}),emailComponents:JSON.stringify(i),emailSubject:Se,cc:JSON.stringify(re),sender:ee.sender,senderType:ee.senderType}},u)}}(D.current)},isLoading:V,loadingText:K,children:"Next"})]}),(0,o.jsx)(x.ZC,{css:{my:"$5"},children:(0,o.jsxs)(r.Z,{alignItems:"flex-start",justifyContent:"space-between",children:[(0,o.jsxs)(x.ZC,{css:{width:"50%"},children:[(0,o.jsxs)(r.Z,{css:{marginBottom:"$2"},alignItems:"center",justifyContent:"space-between",children:[(0,o.jsx)(d.Z,{variant:"h5",children:"Customizations"}),(0,o.jsx)(c.Z,{sx:{margin:"$4 0"},variant:"secondary",onClick:function(){fe(k.Fu[Math.floor(Math.random()*k.Fu.length)]),xe(Math.floor(360*Math.random()))},children:"Random"})]}),(0,o.jsxs)(r.Z,{justifyContent:"space-between",alignItems:"flex-start",children:[(0,o.jsx)(p.Z,{label:"Handwriting Font",name:"Handwriting Font",placeholder:ue&&ue.label,"aria-label":"handwriting-font",options:k.g$,onChange:function(e){return ze(ce,e)},value:ue&&ue.value}),(0,o.jsx)(p.Z,{label:"Ink Color",name:"Ink Color",placeholder:pe&&pe.label,"aria-label":"ink-color",options:k.j8,onChange:function(e){return ze(he,e)},value:pe&&pe.value})]}),(0,o.jsx)(r.Z,{justifyContent:"space-between",css:{marginTop:"15p

1x"},children:(0,o.jsx)(p.Z,{label:"Background",name:"Background",placeholder:ge&&ge.label,"aria-label":"background",options:k.Fu,onChange:function(e){return ze(fe,e)},value:ge&&ge.value})}),(0,o.jsxs)(r.Z,{children:[(0,o.jsxs)(x.ZC,{children:[(0,o.jsx)(Z,{htmlFor:"rotate-input",children:"Shadow Rotate"}),(0,o.jsx)(I,{css:{width:"100px"},id:"rotate-input",type:"number",step:"1",value:ye,onChange:function(e){return ze(xe,e.target.value)}})]}),(0,o.jsxs)(x.ZC,{css:{marginLeft:"30px"},children:[(0,o.jsx)(Z,{htmlFor:"font-size",children:"Font Size"}),(0,o.jsx)(I,{id:"font-size",placeholder:"Font Size",type:"number",step:"1",min:"10",max:"25",value:ve,onChange:function(e){return ze(je,e.target.value)}})]})]}),(0,o.jsxs)(x.ZC,{children:[(0,o.jsx)(Z,{children:"Note Text"}),(0,o.jsx)(S,{value:Te,onChange:function(e){return ze(ke,e.target.value)}}),(0,o.jsxs)(r.Z,{css:{marginTop:"8px",gap:"10px"},children:[(0,o.jsx)(c.Z,{size:"small",variant:"secondary",startIcon:(0,o.jsx)(C.Z,{}),onClick:function(){return ze(ke,k.VI[0])},children:"Template 1"}),(0,o.jsx)(c.Z,{size:"small",variant:"secondary",startIcon:(0,o.jsx)(C.Z,{}),onClick:function(){return ze(ke,k.VI[1])},children:"Template 2"}),(0,o.jsx)(c.Z,{size:"small",variant:"secondary",startIcon:(0,o.jsx)(C.Z,{}),onClick:function(){return ze(ke,k.VI[2])},children:"Template 3"})]})]})]}),(0,o.jsxs)(r.Z,{css:{backgroundImage:"url(".concat(ge.value,")"),backgroundSize:"cover",width:"45%",position:"relative"},alignItems:"center",justifyContent:"center",ref:D,children:[(0,o.jsx)(x.ZC,{css:{filter:"drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5))",

1width:"90%",height:"90%"},children:(0,o.jsx)(x.ZC,{css:{fontSize:Fe?"".concat(ve,"px"):"20px",fontFamily:ue.value,color:pe.value,backgroundColor:"white",margin:"30px 0",padding:"20px",position:"relative",overflowY:"auto",boxShadow:"0px 2px 38px rgba(0, 0, 0, 0.2)","&.generating":{border:"none"}},children:(0,o.jsx)("div",{dangerouslySetInnerHTML:{__html:Te.replace(/\n/g,"<br/>")}})})}),(0,o.jsx)(x.ZC,{css:{background:"linear-gradient(".concat(ye,"deg, #0005, #0000)"),position:"absolute",top:0,left:0,height:"100%",width:"100%"}})]})]})}),(0,o.jsx)(b.Z,{isOpen:X,onClose:function(){return U(!1)},onRename:function(e){q(e),"new"!==_&&g.Z.patch("".concat(f.dm,"/").concat(_),{name:e})},value:L})]})}},34403:function(e,t,n){"use strict";n.d(t,{Fu:function(){return l},Hg:function(){return i},VI:function(){return a},g$:function(){return r},j8:function(){return s},jG:function(){return o}});var a=["No hiring process is ever easy, so congratulations on successfully completing yours (with flying colors, I might add).\n\nBefore you take on our exciting and rigorous onboarding process, I wanted to take a moment to personally welcome you. Our team has been one that I\u2019m always excited to work with, and I\u2019m delighted that you are becoming a part of this stellar team.\n\nI hope you know that here, you are surrounded by a wonderful and supportive group of people who want nothing but the best for you and your career \u2014 I feel genuinely blessed to be able to work with this team everyday.","One important lesson that years of leading this organization has taught me is \u2014 the people that make a company are the most important part of it.\n\nAs cliche as \u201cteamwork makes the dream work\u201d sounds, I see it happen everyday here.\n\nBe it bug bashes, customer calls or internal workshops, this is a group of people who truly embody team spirit and I\u2019m incredibly excited to welcome you to be a part.\n\nThe team and I am very confident about the value you will bring to us but enough about the future \u2014 today, I hope you take the time to celebrate and enjoy this offer as a win!","I wanted to personally reach out to you and let you know the whole team here is incredibly excited that you\u2019re joining us.\n\nWe began building this company with a very ambitious mission and we continue to inch closer to achieving it every single day.\n\nI wake up every morning feeling incredibly grateful to be able to work with such a wonderful team and I know you\u2019ll get to see the awesome human beings they all are soon enough.\n\nHere\u2019s to taking the organization to the next level!"],o="\n<p>Hi {{candidate_first_name}},</p>\n<p>I know I\u2019ve said it already many times before but I\u2019m going to say it once again \u2014 Congratulations!! I hope you\u2019re taking this time to celebrate. Our CEO wanted to take a moment to personally thank and welcome you to our team with a note.</p>\n",i="\n<p>As always, I\u2019m here to answer any questions you have about the company, your role or the offer so don\u2019t hesitate to reach out.</p>\n<p>Cheers,</p>\n<p>{{sender_first_name}}</p>\n",r=[{value:"Homemade Apple",label:"Homemade Apple"},{value:"Caveat",label:"Caveat"},{value:"Liu Jian Mao Cao",label:"Liu Jian Mao Cao"}],s=[{value:"#000f55",label:"Blue"},{value:"#000000",label:"Black"},{value:"#ba3807",label:"Red"}],l=[{value:"https://i.imgur.com/CSR8ab9.jpg",label:"Table 1"},{value:"https://i.imgur.com/qKZ1zl0.jpg",label:"Table 2"},{value:"https://i.imgur.com/GDw5oaJ.jpg",label:"Table 3"},{value:"https://i.imgur.com/fvPAnn0.jpg",label:"Table 4"},{value:"https://i.imgur.com/eKfCCcK.jpg",label:"Table 5"},{value:"https://i.imgur.com/D2q7AtZ.jpg",label:"Table 6"}]}},function(e){e.O(0,[492,9774,2888,179],(function(){return t=25685,e(e.s=t);var t}));var t=e.O();_N_E=t}]);