| 1 |
(self.webpackChunk_bitforms=self.webpackChunk_bitforms||[]).push([[32],{4524:function(e,t,n){"use strict";n.r(t);var i=n(5893),a=n(319),l=n.n(a),c=n(4866),o=n(7294),r=n(5977),s=n(3727);t.default=function(e){var t=e.mailTem,n=e.setMailTem,a=e.formFields,m=e.saveForm,d=(0,r.UO)(),u=d.formType,f=d.formID,p=d.id,h=(0,r.k6)();(0,o.useEffect)((function(){if("undefined"!==typeof tinymce&&a.length>0){for(var e=document.querySelectorAll(".form-fields-em"),t=0;t<e.length;t+=1)e[t].style.display="none";tinymce.init({selector:".btcd-editor",plugins:"link hr lists wpview wpemoji",theme:"modern",menubar:!1,branding:!1,resize:"verticle",min_width:300,toolbar:"formatselect bold italic | alignleft aligncenter alignright | outdent indent | link | undo redo | hr | addFormField ",setup:function(e){e.on("Paste Change input Undo Redo",(function(){b(e.getContent(),e.targetElm.getAttribute("data-idx"))})),e.addButton("addFormField",{text:(0,c.__)("Form Fields ","bitform"),tooltip:(0,c.__)("Add Form Field Value in Message","bitform"),type:"menubutton",icon:!1,menu:a.map((function(t){return!t.type.match(/^(file-up|recaptcha)$/)&&{text:t.name,onClick:function(){e.insertContent("${".concat(t.key,"}"))}}}))})}})}return function(){"undefined"!==typeof tinymce&&tinymce.remove()}}),[a]);var b=function(e){t[p].body=e,n(l()(t))};return t.length<1?(0,i.jsx)(r.l_,{to:"/form/settings/edit/".concat(f,"/email-templates")}):(0,i.jsxs)("div",{style:{width:900},children:[(0,i.jsxs)(s.OL,{to:"/form/settings/".concat(u,"/").concat(f,"/email-templates"),className:"btn btcd-btn-o-gray",children:[(0,i.jsx)("span",{className:"btcd-icn icn-arrow_back"})," ",(0,c.__)("Back","bitform")]}),(0,i.jsx)("button",{onClick:function(){h.push("/form/settings/".concat(u,"/").concat(f,"/email-templates")),m()},className:"btn blue f-right",type:"button",children:(0,c.__)("Save","bitform")}),(0,i.jsxs)("div",{className:"mt-3 flx",children:[(0,i.jsxs)("b",{style:{width:102},children:[(0,c.__)("Template Name:","bitform")," "]}),(0,i.jsx)("input",{onChange:function(e){t[p].title=e.target.value,n(l()(t))},type:"text",className:"btcd-paper-inp w-9",placeholder:"Name",value:t[p].title})]}),(0,i.jsxs)("div",{className:"mt-3 flx",children:[(0,i.jsx)("b",{style:{width:100},children:(0,c.__)("Subject:","bitform")}),(0,i.jsx)("input",{onChange:function(e){t[p].sub=e.target.value,n(l()(t))},type:"text",className:"btcd-paper-inp w-7",placeholder:(0,c.__)("Email Subject Here","bitform"),value:t[p].sub}),(0,i.jsxs)("select",{onChange:function(e){t[p].sub+=e.target.value,n(l()(t))},className:"btcd-paper-inp ml-2",style:{width:150},children:[(0,i.jsx)("option",{value:"",children:(0,c.__)("Add form field","bitform")}),null!==a&&a.map((function(e){return!e.type.match(/^(file-up|recaptcha)$/)&&(0,i.jsx)("option",{value:"${".concat(e.key,"}"),children:e.name},e.key)}))]})]}),(0,i.jsxs)("div",{className:"mt-3",children:[(0,i.jsx)("div",{children:(0,i.jsx)("b",{children:(0,c.__)("Body:","bitform")})}),(0,i.jsxs)("label",{htmlFor:"t-m-e-".concat(p,"-").concat(f),className:"mt-2 w-10",children:[(0,i.jsxs)("select",{onChange:function(e){t[p].body+=e.target.value,n(l()(t))},className:"btcd-paper-inp mt-2 form-fields-em w-5",children:[(0,i.jsx)("option",{value:"",children:(0,c.__)("Add form field","bitform")}),null!==a&&a.map((function(e){return!e.type.match(/^(file-up|recaptcha)$/)&&(0,i.jsx)("option",{value:"${".concat(e.key,"}"),children:e.name},e.key)}))]}),(0,i.jsx)("textarea",{id:"t-m-e-".concat(p,"-").concat(f),onChange:function(e){return b(e.target.value)},className:"btcd-editor btcd-paper-inp mt-1",rows:"5",value:t[p].body})]})]})]})}}}]); |