| 1 |
import{g as v,i as F,u as w,bd as K,aZ as A,H as M,a as S,r as p,j as t,M as I,b as y,_ as T,f as g,aY as f,bI as C,b1 as _,h as a,E as P,t as V}from"./main-96.js";import{s as $}from"./bf-621-177.js";import{F as j}from"./bf-460-326.js";import{d as z,C as D}from"./bf-781-46.js";import"./bf-163-182.js";const B=["file-up","advanced-file-up","signature",...A],O=["bf_all_data","bf_all_data.onlyValues"],R="formatselect | fontsizeselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | removeformat toogleCode wp_code | addFormField | addSmartField";function Y({labelModal:e,setLabelModal:o}){var x;const{fieldKey:s}=v(),[c,n]=F(_),d=w(K).filter(l=>l.key!==s&&!B.includes(l.type)),i=M(c[s]),{css:b}=S(),m=i.content||((x=i==null?void 0:i.info)==null?void 0:x.content),[N,k]=p.useState(m);p.useEffect(()=>{e&&k(m)},[e]);const E=l=>{const r=g(c,L=>{L[s].content=l});n(r),f(s),C({event:"Modify HTML Content Label",type:"html_content_label",state:{fields:r,fldKey:s}})},H=()=>{o(!1),f(s)},h=()=>{i.content=N;const l=g(c,r=>{r[s]=i});n(l),o(!1),f(s),C({event:"Cancel HTML Content Label ",type:"cancel_html_content_label",state:{fields:l,fldKey:s}})};return t.jsxs(I,{md:!0,show:e,setModal:h,title:T("Edit HTML Content"),children:[t.jsx(z,{id:s,value:m,formFields:d,excludeSmartTags:O,toolbarMnu:R,onChangeHandler:E}),t.jsxs("div",{className:"mt-2 f-right",children:[t.jsx("button",{type:"button",className:`${b(y.btn)} mr-2`,onClick:h,children:"Cancel"}),t.jsx("button",{type:"button",className:`${b(y.btn)} blue`,onClick:H,children:"Save"})]})]})}const Z=(e="")=>(new DOMParser().parseFromString(e,"text/html").body.textContent||"").replace(/\s+/g," ").trim();function W(){var d;const{css:e}=S(),{fieldKey:o}=v(),[s]=F(_),[c,n]=p.useState(!1);if(!o)return null;const u=M(s[o]);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:e(j.fieldSection),children:[t.jsxs("div",{className:e(a.flxcb),children:[t.jsxs("div",{className:e(a.flxc),children:[t.jsx("b",{children:"Content: "}),t.jsx(D,{width:250,icnSize:17,className:e(a.ml2),children:t.jsx("div",{className:e(a.tipBody),children:T("Edit the HTML field content by clicking on edit icon")})})]}),t.jsx("span",{"data-testid":"cntnt-edt-btn",role:"button",tabIndex:-1,className:e(a.mr2,a.cp),onClick:()=>n(!0),onKeyDown:()=>n(!0),children:t.jsx(P,{size:19})})]}),t.jsx("div",{"data-testid":"cntnt",role:"button",tabIndex:-1,className:e(j.input,a.px10,a.py5,$.childPmargin0,{h:"auto",fs:"12px !important"}),onClick:()=>n(!0),onKeyDown:()=>n(!0),children:V(Z(u.content||((d=u.info)==null?void 0:d.content)))})]}),t.jsx(Y,{labelModal:c,setLabelModal:n})]})}export{W as default}; |
