| 1 |
var X=Object.defineProperty;var M=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var w=(r,a,n)=>a in r?X(r,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[a]=n,A=(r,a)=>{for(var n in a||(a={}))Y.call(a,n)&&w(r,n,a[n]);if(M)for(var n of M(a))Z.call(a,n)&&w(r,n,a[n]);return r};import{g as D,i as tt,aj as st,co as et,a as ot,r as O,j as i,E as it,G as lt,h as at,K as nt,_ as K,bu as pt,M as ct,I as rt,ca as mt,f as y,bI as v,b1 as dt}from"./main-96.js";import{F as T}from"./bf-460-326.js";import{a as ut}from"./bf-765-167.js";import{S as ht}from"./bf-283-176.js";import{C as Lt}from"./bf-894-52.js";import"./bf-721-323.js";import"./bf-200-43.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-285-324.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-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";function es({className:r="",onEditList:a,showOptionIcon:n=!1}){var _,k,F,S;const{fieldKey:s}=D(),[h,L]=tt(dt),B=st(et),{css:c}=ot(),[N,$]=O.useState(!1),[z,x]=O.useState(!1),[d,E]=O.useState(0);if(!s)return null;const l=h[s],u=(l==null?void 0:l.optionsList)||[],j=(k=(_=l==null?void 0:l.config)==null?void 0:_.activeList)!=null?k:0,f=(F=l==null?void 0:l.adminLbl)!=null?F:"",R=u.length,C=e=>u.some(t=>Object.keys(t)[0]===e),H=()=>{if(!rt){B(A({show:!0},mt.optionList));return}let e=`List-${u.length+1}`;for(;C(e);)e=`${e}1`;const t=y(h,o=>{o[s].optionsList=[...u,{[e]:[{lbl:"Option 1"},{lbl:"Option 2"},{lbl:"Option 3"}]}]});L(t),v({event:`Add New List: ${l.lbl||f||s}`,type:"add_new_list",state:{fields:t,fldKey:s}})},P=e=>{const t=y(h,o=>{o[s].optionsList.splice(e,1)});L(t),v({event:`Remove List: ${l.lbl||f||s}`,type:"remove_list",state:{fields:t,fldKey:s}})},V=(e,t)=>{const{value:o,defaultValue:m}=e.target;if(C(o))e.preventDefault(),x(t);else{const p=y(h,b=>{b[s].optionsList[t]={[o]:b[s].optionsList[t][m]}});L(p),v({event:`List Name Change: ${l.lbl||f||s}`,type:"list_name_change",state:{fields:p,fldKey:s}}),x(!1)}},G=(e,t)=>{const o=y(h,m=>{const p=m[s];p.config.activeList=t;const b=Object.keys(p.optionsList[t])[0],g=p.optionsList[t][b].find(W=>W.check);p.config.defaultValue=g?g.val||g.lbl:""});L(o),v({event:`Change Active List: ${l.lbl||f||s}`,type:"change_active_list",state:{fields:o,fldKey:s}})},U=e=>{E(e),$(!0),a==null||a(e)},q=e=>{const t=y(h,o=>{const m=Object.keys(o[s].optionsList[d])[0];if(o[s].optionsList[d][m]=e,d===j){const p=e.find(b=>b.check);o[s].config.defaultValue=p?p.val||p.lbl:""}});L(t),v({event:`Modify Option List: ${l.lbl||f||s}`,type:"modify_options_list",state:{fields:t,fldKey:s}})},J=e=>{L(t=>y(t,o=>{o[s].customTypeList||(o[s].customTypeList=[]),o[s].customTypeList[d]=e}))},Q=u[d]?Object.values(u[d])[0]:[];return i.jsxs(i.Fragment,{children:[i.jsx(ht,{id:"lst-n-opt",title:"Lists & Options",className:`${c(T.fieldSection)} ${r}`,open:!0,children:i.jsxs("div",{className:c({p:"5px 10px"}),children:[u.map((e,t)=>{const o=Object.keys(e)[0];return i.jsxs(O.Fragment,{children:[i.jsxs("div",{className:c(at.flxcb),children:[i.jsx("input",{"data-testid":`lst-name-inp-${t}`,type:"text",value:o,className:c(T.input,{mr:10,my:5}),onChange:m=>V(m,t)}),i.jsx(Lt,{id:`lst-opt-${t}`,radio:!0,name:"option-list",className:c({p:0}),onChange:m=>G(m,t),checked:t===j,value:t,tip:"Select this list as active"}),i.jsx("button",{"data-testid":`lst-opt-edt-btn-${t}`,type:"button",className:c(I.deleteButton),title:"Edit List Options",onClick:()=>U(t),children:i.jsx(it,{size:19})}),R>1&&t!==j&&i.jsx("button",{"data-testid":`lst-opt-del-btn-${t}`,type:"button",className:c(I.deleteButton),onClick:()=>P(t),title:"Delete List",children:i.jsx(lt,{size:19})})]}),z===t&&i.jsx("span",{className:c({cr:"red",ml:5}),children:"Duplicate List Name Not Allowed"})]},`list-name-${t+1}`)}),i.jsxs(nt,{dataTestId:"edt-opt-stng",variant:"primary-outline",size:"sm",className:c({mt:10}),onClick:H,children:[K("Add Options List"),i.jsx("span",{className:c({ml:3,mt:3,tm:"rotate(45deg)"}),children:i.jsx(pt,{size:"13",stroke:"3"})})]})]})}),i.jsx(ct,{md:!0,autoHeight:!0,show:N,setModal:()=>$(!1),className:"o-v",title:K("Options"),width:"730px",children:i.jsx("div",{className:"pos-rel",children:i.jsx(ut,{optionMdl:N,options:Q,setOptions:q,lblKey:"lbl",valKey:"val",imgKey:"img",type:"radio",hasGroup:!0,showUpload:n,customType:(S=l==null?void 0:l.customTypeList)==null?void 0:S[d],setCustomType:J})})})]})}const I={deleteButton:{se:25,flx:"center",b:"none",p:3,mr:1,tn:".2s all",curp:1,brs:"50%",bd:"none",":hover":{bd:"var(--b-20-93)",cr:"var(--blue)"}}};export{es as default}; |