| 1 |
import{a as D,g as I,i as k,u as E,m as L,r as M,H as C,j as t,_ as b,h as d,em as P,I as c,en as F,f as y,bI as $,b1 as H}from"./main-96.js";import{D as K,B as Z}from"./bf-200-43.js";import{F as _}from"./bf-460-326.js";import{t as R}from"./bf-285-324.js";import{A as G}from"./bf-721-323.js";import{E as T}from"./bf-765-167.js";import{S as U}from"./bf-283-176.js";import{S as V}from"./bf-101-357.js";import"./bf-781-46.js";import"./bf-431-60.js";/* empty css */import"./bf-63-62.js";import"./bf-762-63.js";import"./bf-245-208.js";import"./bf-870-206.js";import"./bf-550-57.js";import"./bf-621-177.js";import"./bf-163-182.js";import"./bf-405-178.js";import"./bf-678-179.js";import"./bf-542-181.js";import"./bf-687-180.js";import"./bf-403-183.js";import"./bf-235-184.js";import"./bf-235-185.js";import"./bf-551-68.js";import"./bf-890-186.js";import"./bf-682-187.js";import"./bf-825-45.js";import"./bf-894-52.js";import"./bf-580-188.js";import"./bf-20-55.js";import"./bf-135-189.js";import"./bf-377-190.js";import"./bf-624-191.js";import"./bf-859-210.js";import"./bf-178-325.js";import"./bf-994-212.js";import"./bf-828-327.js";import"./bf-29-328.js";var g=[{lbl:"Only Characters",val:"^[a-zA-Z]+$",msg:"Only characters allowed"},{lbl:"Only Digits",val:"^[0-9]+(^[.])?$",msg:"Only digits allowed"},{lbl:"Name",val:"^[a-zA-Z .]+$",msg:"Name cannot contain any number or special characters"},{lbl:"Username",val:"^[a-z0-9_.]+$",msg:"Username cannot contain any space or special characters"},{lbl:"Character Limit",val:"^.{0,100}$",msg:"Maximum 100 characters allowed"},{lbl:"Word Limit",val:"^(?:$_bf_$b$_bf_$w+$_bf_$b[$_bf_$s$_bf_$r$_bf_$n]*){1,30}$",msg:"Maximum 30 words allowed"},{lbl:"Only Gmail",val:"^[a-z0-9]($_bf_$.?[a-z0-9]){0,}@(gmail)$_bf_$.com$",msg:"Only Gmail is allowed"}];function De(){const{css:l}=D(),{fieldKey:s}=I(),[f,v]=k(H),N=E(L),x=M.useRef();if(!s)return null;const e=C(f[s]),h=e.adminLbl||"",j=e.valid.regexr||"",S=e.valid.flags||"",i=N.err||{},z=r=>{var p;if(!c)return;const{value:a}=r.target;if(a==="")delete e.valid.regexr;else{const o=F(a);e.valid.regexr=o,e.err||(e.err={}),e.err.regexr||(e.err.regexr={});const m=g.find(u=>u.val===o);e.err.regexr.dflt=m?`<p style="margin:0">${m.msg}</p>`:((p=i[e.typ])==null?void 0:p.regexr)||(i==null?void 0:i.regexr)||'<p style="margin:0">Pattern not matched</p>',e.err.regexr.show=!0,e.typ==="password"&&delete e.valid.validations}const n=y(f,o=>{o[s]=e});v(n),$({event:`Regex Pattern updated: ${e.lbl||h||s}`,type:"set_regexr",state:{fields:n,fldKey:s}})},w=r=>{var n,p,o;if((p=(n=x==null?void 0:x.current)==null?void 0:n._tippy)==null||p.hide(),!c)return;if(r==="")delete e.valid.regexr;else{const m=F(r);e.valid.regexr=m,e.err||(e.err={}),e.err.regexr||(e.err.regexr={});const u=g.find(O=>O.val===m);e.err.regexr.dflt=u?`<p style="margin:0">${u.msg}</p>`:((o=i[e.typ])==null?void 0:o.regexr)||(i==null?void 0:i.regexr)||'<p style="margin:0">Pattern not matched</p>',e.err.regexr.show=!0,e.typ==="password"&&delete e.valid.validations}const a=y(f,m=>{m[s]=e});v(a),$({event:`Regex Pattern updated: ${e.lbl||h||s}`,type:"set_regexr",state:{fields:a,fldKey:s}})},B=r=>{if(!c)return;r.target.value===""?delete e.valid.flags:e.valid.flags=r.target.value;const a=y(f,n=>{n[s]=e});v(a),$({event:`Regex Pattern Flag updated: ${e.lbl||h||s}`,type:"set_flags",state:{fields:a,fldKey:s}})};return t.jsx(U,{id:"ptrn-stng",title:b("RegEx Pattern"),className:l(_.fieldSection),isPro:!0,tip:R.pattern,proProperty:"regexPattern",children:t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:l(d.mr2,d.mt3,d.pl1),children:[t.jsxs("div",{className:l(d.flxcb,d.ml1),children:[t.jsxs("h4",{className:l(d.m0,_.title),children:[b("Expression"),":"]}),t.jsxs(K,{instance:x,children:[t.jsx("button",{"data-testid":"ptrn-stng-exprsn-btn","data-close":!0,type:"button",className:l(A.dotBtn),unselectable:"on",draggable:"false",style:{cursor:"pointer"},title:b("Fields"),children:t.jsx(Z,{size:19})}),t.jsx("div",{children:t.jsx("ul",{role:"menu",children:g==null?void 0:g.map((r,a)=>t.jsxs("li",{"data-testid":`ptrn-stng-expn-itm-${a}`,role:"menuitem",className:`${l(A.button)} btnHover`,onKeyDown:()=>w(r.val),onClick:()=>w(r.val),children:[t.jsx("span",{children:r.lbl}),t.jsx("br",{}),t.jsx("small",{children:P(r.val)})]},a))})})]})]}),t.jsx(G,{id:"ptrn-stng-expn",ariaLabel:"Pattern for input field",placeholder:"e.g. ([A-Z])\\w+",list:"patterns",disabled:!c,value:P(j),changeAction:z})]}),t.jsx("div",{className:l({mr:5},d.pl1),children:t.jsx(V,{id:"ptrn-stng-flg",inpType:"text",title:b("Flags:"),value:S,action:B,placeholder:"e.g. g",cls:l(_.input),disabled:!c})}),j&&t.jsx(T,{id:"ptrn-stng-expn",type:"regexr",title:"Error Message",tipTitle:R.patternsErrMsg})]})})}const A={dotBtn:{b:0,brs:5,mr:15,curp:1},button:{dy:"block",w:"100%",ta:"left",b:0,bd:"none",p:3,curp:1,"&:hover":{bd:"var(--white-0-95)",cr:"var(--black-0)",brs:8},fs:11}};export{De as default}; |
