@digi-frontend/dgate-api-documentation 1.4.7 → 1.4.9

package/dist/src/components/InfoForm/InfoForm.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as i,useEffect as t}from"react";import{useFormikContext as o}from"../../../node_modules/formik/dist/formik.esm.js";import{d as n}from"../../../_virtual/index.js";import s from"./InfoForm.module.scss.js";import l from"../../constants/regex.js";import r from"../Tooltip/Tooltip.js";import a from"../../assets/icons/CloseIcon.svg.js";import d from"../../assets/icons/DeleteIcon.svg.js";import c from"../../assets/icons/EditIcon.svg.js";import v from"../../assets/icons/DeleteOutlinedIcon.svg.js";import m from"../SVGLoader/SVGLoader.js";import u from"../dialog/index.js";import{tagsTableHeaders as p}from"../../constants/index.js";import g from"../table/tags-table.js";const x=({readOnly:x})=>{var h,j,D,f,b;const[C,y]=i([]),[I,N]=i(),[k,w]=i(""),[O,A]=i(""),[S,T]=i(""),{values:B,setFieldValue:L,errors:_}=o(),[E,z]=i({}),[W,R]=i({}),[V,F]=i(null),[P,$]=i(null),[q,M]=i(!1),[G,H]=i(!1);t(()=>{if(B&&B.components&&B.components.securitySchemes){const e=Object.keys(B.components.securitySchemes);if(e.length){const i=B.components.securitySchemes[e[0]].scheme||B.components.securitySchemes[e[0]].type;w(i&&"public"==i.toLowerCase()?"Keyless":i)}}},[]),t(()=>{N(J(C))},[C]),t(()=>{B.tags&&B.tags.length&&y(B.tags)},[B.tags]);const K=(e,i,t)=>{const o=C.map((o,n)=>n===t?Object.assign(Object.assign({},o),{[e]:i}):o);y(o)},J=i=>i.map((i,t)=>{var o,a,v,u,p,g,h,j,D,f,b,C,y,I,N,k,w,_,V,P,q,G,H,J,Q,U,X,Y;return{id:t,tagName:i.name,description:e.jsxs("div",{className:s.paramDescContainer,children:[e.jsx(r,{allowHTML:!0,disabled:(null===(o=B.tags[t].description)||void 0===o?void 0:o.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:B.tags[t].description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=W[t])||void 0===e?void 0:e.hide()},children:e.jsxs("p",{style:{alignSelf:"center",fontWeight:600,fontSize:"1rem"},children:[B.tags[t].description?B.tags[t].description.substring(0,12):x&&"-",B.tags[t].description&&B.tags[t].description.length>12?"...":""]})},`${t}-description`),e.jsx(r,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>R(i=>Object.assign(Object.assign({},i),{[t]:e})),content:e.jsxs("div",{className:s.editDescTooltipContent,children:[e.jsx("p",{className:s.editDescTooltipContent_header,children:"Description"}),e.jsx(n.TextArea,{placeholder:"Describe tag...",value:i.description,disabled:x,onChange:e=>{(""===e||l.ASCII.test(e))&&K("description",e,t)},maxLength:25}),!x&&e.jsx(n.Button,{className:s.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e,o;L(`tags[${t}].description`,null===(e=i.description)||void 0===e?void 0:e.trim()),null===(o=W[t])||void 0===o||o.hide()},disabled:!(null===(a=i.description)||void 0===a?void 0:a.trim()),children:"Apply"})]}),children:x||B.tags[t].description?e.jsx(n.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"})}):e.jsx(n.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"}),children:x||B.tags[t].description?"View Description":"Add Description"})})]}),externalDocs:e.jsxs("div",{className:s.paramDescContainer,children:[(null===(v=B.tags[t].externalDocs)||void 0===v?void 0:v.description)&&(null===(u=B.tags[t].externalDocs)||void 0===u?void 0:u.url)&&e.jsxs("a",{className:s.externalDocsLink,href:(null===(g=null===(p=B.tags[t])||void 0===p?void 0:p.externalDocs)||void 0===g?void 0:g.url)&&(null===(D=null===(j=null===(h=B.tags[t])||void 0===h?void 0:h.externalDocs)||void 0===j?void 0:j.url)||void 0===D?void 0:D.indexOf("http"))>-1?null===(b=null===(f=B.tags[t])||void 0===f?void 0:f.externalDocs)||void 0===b?void 0:b.url:`https://${null===(y=null===(C=B.tags[t])||void 0===C?void 0:C.externalDocs)||void 0===y?void 0:y.url}`,target:"_blank",style:(null===(I=B.tags[t].externalDocs)||void 0===I?void 0:I.description)?{}:{textDecoration:"none",pointerEvents:"none"},children:[(null===(N=B.tags[t].externalDocs)||void 0===N?void 0:N.description)?null===(w=null===(k=B.tags[t].externalDocs)||void 0===k?void 0:k.description)||void 0===w?void 0:w.substring(0,12):x&&"-",(null===(_=B.tags[t].externalDocs)||void 0===_?void 0:_.description)&&(null===(P=null===(V=B.tags[t].externalDocs)||void 0===V?void 0:V.description)||void 0===P?void 0:P.length)>12?"...":""]}),e.jsx(r,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>z(i=>Object.assign(Object.assign({},i),{[t]:e})),content:e.jsxs("div",{className:s.editDescTooltipContent,children:[e.jsx("p",{className:s.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(n.TextArea,{placeholder:"Describe External Doc...",value:null===(q=i.externalDocs)||void 0===q?void 0:q.description,disabled:x,maxLength:25,onChange:e=>{(""===e||l.ASCII.test(e))&&(K("externalDocs",Object.assign(Object.assign({},i.externalDocs),{description:e}),t),A(e))}}),e.jsx("p",{className:s.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(n.TextArea,{placeholder:"External Docs Link...",value:null===(G=i.externalDocs)||void 0===G?void 0:G.url,disabled:x,maxLength:200,restrictedCharsRegex:l.urlRegex,onChange:e=>{(""===e||l.ASCII.test(e))&&(K("externalDocs",Object.assign(Object.assign({},i.externalDocs),{url:e}),t),T(e))}}),!x&&e.jsx(n.Button,{className:s.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;L(`tags[${t}].externalDocs`,{description:null==O?void 0:O.trim(),url:null==S?void 0:S.trim()}),A(""),T(""),null===(e=E[t])||void 0===e||e.hide()},disabled:!((null===(H=B.tags[t].externalDocs)||void 0===H?void 0:H.url)&&!(null==S?void 0:S.trim())||(null==S?void 0:S.trim())&&l.urlRegex.test(S)),children:"Apply"})]}),children:x||(null===(J=B.tags[t].externalDocs)||void 0===J?void 0:J.description)?e.jsx("div",{className:s.editExternalDocs,children:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem",onClick:e=>{var t,o;null==e||e.stopPropagation(),A(null===(t=i.externalDocs)||void 0===t?void 0:t.description),T(null===(o=i.externalDocs)||void 0===o?void 0:o.url)}})}):e.jsxs(n.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"}),onClick:()=>{var e,t;A(null===(e=i.externalDocs)||void 0===e?void 0:e.description),T(null===(t=i.externalDocs)||void 0===t?void 0:t.url)},children:[x||(null===(Q=B.tags[t])||void 0===Q?void 0:Q.externalDocs)&&((null===(X=null===(U=B.tags[t])||void 0===U?void 0:U.externalDocs)||void 0===X?void 0:X.url)||(null===(Y=B.tags[t].externalDocs)||void 0===Y?void 0:Y.description))?"View ":"Add "," ","External Docs Link"]})}),!x&&e.jsx("div",{className:s.paramDescContainer_separator}),!x&&e.jsx(n.Button,{className:s.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(m,{src:d,width:"1.125rem",height:"1.125rem"}),onClick:()=>{return e=t,o=i.name,F(e),$(o),void M(!0);var e,o}})]})}});return e.jsxs("form",{className:s.apiInfoForm,onSubmit:e=>e.preventDefault(),children:[e.jsxs("div",{className:s.apiDocRow,children:[e.jsx(n.Input,{size:"large",placeholder:"e.g. Payments",label:"API Name",required:!0,value:null===(h=null==B?void 0:B.info)||void 0===h?void 0:h.title,maxLength:35,onChange:e=>{L("info.title",e)},onClear:()=>{L("info.title","")},errorMsg:null===(j=null==_?void 0:_.info)||void 0===j?void 0:j.title,restrictedCharactersRegex:l.basic}),e.jsx(n.Input,{size:"large",label:"Version",required:!0,value:null===(D=null==B?void 0:B.info)||void 0===D?void 0:D.version,disabled:!0})]}),e.jsx(n.TextArea,{size:"large",placeholder:"Enter a description of the API's functionality...",label:"Description",value:null===(f=null==B?void 0:B.info)||void 0===f?void 0:f.description,maxLength:120,required:!0,onChange:e=>{(""===e||l.ASCII.test(e))&&L("info.description",e)},onClear:()=>{L("info.description","")},errorMsg:null===(b=null==_?void 0:_.info)||void 0===b?void 0:b.description}),e.jsx("div",{className:s.paramsTable,children:e.jsx(g,{id:"paramter-table",data:I,headCells:p,isFormOpen:G,setIsFormOpen:H,saveNewRow:e=>{y([...C,e]);const i=B.tags||[];L("tags",[...i,e])},readOnly:x})}),e.jsx(u,{status:"error",content:e.jsxs("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container",children:["Are you sure you want to delete",e.jsxs("span",{className:"plan-name",children:[" ","Tag ",e.jsx("strong",{children:P})]}),"?"]}),onSubmit:{onClick:()=>{var e;null!==V&&(y(e=>e.filter((e,i)=>i!==V)),L("tags",null===(e=B.tags)||void 0===e?void 0:e.filter((e,i)=>i!==V))),M(!1),F(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0,variant:"outlined"},onClose:()=>M(!1),open:q,icon:e.jsx(m,{src:v,width:"4.0625rem",height:"4.0625rem"}),closeIcon:e.jsx(m,{src:a,width:"1.5rem",height:"1.5rem",onClick:()=>M(!1)})})]})};export{x as default};
+import{useState as e,useEffect as t}from"react";import{useFormikContext as n}from"../../../node_modules/formik/dist/formik.esm.js";import{d as o}from"../../../_virtual/index.js";import i from"./InfoForm.module.scss.js";import a from"../../constants/regex.js";import l from"../Tooltip/Tooltip.js";import r from"../../assets/icons/CloseIcon.svg.js";import s from"../../assets/icons/DeleteIcon.svg.js";import c from"../../assets/icons/EditIcon.svg.js";import d from"../../assets/icons/DeleteOutlinedIcon.svg.js";import m from"../SVGLoader/SVGLoader.js";import v from"../dialog/index.js";import{tagsTableHeaders as u}from"../../constants/index.js";import p from"../table/tags-table.js";const g=({readOnly:g})=>{var h,D,x,E,f;const[R,b]=e([]),[C,y]=e(),[j,I]=e(""),[N,k]=e(""),[w,O]=e(""),{values:A,setFieldValue:S,errors:T}=n(),[B,L]=e({}),[_,z]=e({}),[W,V]=e(null),[F,P]=e(null),[$,q]=e(!1),[M,G]=e(!1);t(()=>{if(A&&A.components&&A.components.securitySchemes){const e=Object.keys(A.components.securitySchemes);if(e.length){const t=A.components.securitySchemes[e[0]].scheme||A.components.securitySchemes[e[0]].type;I(t&&"public"==t.toLowerCase()?"Keyless":t)}}},[]),t(()=>{y(K(R))},[R]),t(()=>{A.tags&&A.tags.length&&b(A.tags)},[A.tags]);const H=(e,t,n)=>{const o=R.map((o,i)=>i===n?Object.assign(Object.assign({},o),{[e]:t}):o);b(o)},K=e=>e.map((e,t)=>{var n,r,d,v,u,p,h,D,x,E,f,R,b,C,y,j,I,T,W,F,$,M,G,K,J,Q,U,X;return{id:t,tagName:e.name,description:React.createElement("div",{className:i.paramDescContainer},React.createElement(l,{key:`${t}-description`,allowHTML:!0,disabled:(null===(n=A.tags[t].description)||void 0===n?void 0:n.length)<=12,content:React.createElement("div",{style:{padding:"0.625rem"}},A.tags[t].description),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=_[t])||void 0===e?void 0:e.hide()}},React.createElement("p",{style:{alignSelf:"center",fontWeight:600,fontSize:"1rem"}},A.tags[t].description?A.tags[t].description.substring(0,12):g&&"-",A.tags[t].description&&A.tags[t].description.length>12?"...":"")),React.createElement(l,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>z(n=>Object.assign(Object.assign({},n),{[t]:e})),content:React.createElement("div",{className:i.editDescTooltipContent},React.createElement("p",{className:i.editDescTooltipContent_header},"Description"),React.createElement(o.TextArea,{placeholder:"Describe tag...",value:e.description,disabled:g,onChange:e=>{(""===e||a.ASCII.test(e))&&H("description",e,t)},maxLength:25}),!g&&React.createElement(o.Button,{className:i.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var n,o;S(`tags[${t}].description`,null===(n=e.description)||void 0===n?void 0:n.trim()),null===(o=_[t])||void 0===o||o.hide()},disabled:!(null===(r=e.description)||void 0===r?void 0:r.trim())},"Apply"))},g||A.tags[t].description?React.createElement(o.Button,{className:i.editDescBtn,variant:"link",color:"action",endIcon:React.createElement(m,{src:c,width:"1.5rem",height:"1.5rem"})}):React.createElement(o.Button,{className:i.editDescBtn,variant:"link",color:"action",endIcon:React.createElement(m,{src:c,width:"1.5rem",height:"1.5rem"})},g||A.tags[t].description?"View Description":"Add Description"))),externalDocs:React.createElement("div",{className:i.paramDescContainer},(null===(d=A.tags[t].externalDocs)||void 0===d?void 0:d.description)&&(null===(v=A.tags[t].externalDocs)||void 0===v?void 0:v.url)&&React.createElement("a",{className:i.externalDocsLink,href:(null===(p=null===(u=A.tags[t])||void 0===u?void 0:u.externalDocs)||void 0===p?void 0:p.url)&&(null===(x=null===(D=null===(h=A.tags[t])||void 0===h?void 0:h.externalDocs)||void 0===D?void 0:D.url)||void 0===x?void 0:x.indexOf("http"))>-1?null===(f=null===(E=A.tags[t])||void 0===E?void 0:E.externalDocs)||void 0===f?void 0:f.url:`https://${null===(b=null===(R=A.tags[t])||void 0===R?void 0:R.externalDocs)||void 0===b?void 0:b.url}`,target:"_blank",style:(null===(C=A.tags[t].externalDocs)||void 0===C?void 0:C.description)?{}:{textDecoration:"none",pointerEvents:"none"}},(null===(y=A.tags[t].externalDocs)||void 0===y?void 0:y.description)?null===(I=null===(j=A.tags[t].externalDocs)||void 0===j?void 0:j.description)||void 0===I?void 0:I.substring(0,12):g&&"-",(null===(T=A.tags[t].externalDocs)||void 0===T?void 0:T.description)&&(null===(F=null===(W=A.tags[t].externalDocs)||void 0===W?void 0:W.description)||void 0===F?void 0:F.length)>12?"...":""),React.createElement(l,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>L(n=>Object.assign(Object.assign({},n),{[t]:e})),content:React.createElement("div",{className:i.editDescTooltipContent},React.createElement("p",{className:i.editDescTooltipContent_header},"External Docs Description"),React.createElement(o.TextArea,{placeholder:"Describe External Doc...",value:null===($=e.externalDocs)||void 0===$?void 0:$.description,disabled:g,maxLength:25,onChange:n=>{(""===n||a.ASCII.test(n))&&(H("externalDocs",Object.assign(Object.assign({},e.externalDocs),{description:n}),t),k(n))}}),React.createElement("p",{className:i.editDescTooltipContent_header},"External Docs Link"),React.createElement(o.TextArea,{placeholder:"External Docs Link...",value:null===(M=e.externalDocs)||void 0===M?void 0:M.url,disabled:g,maxLength:200,restrictedCharsRegex:a.urlRegex,onChange:n=>{(""===n||a.ASCII.test(n))&&(H("externalDocs",Object.assign(Object.assign({},e.externalDocs),{url:n}),t),O(n))}}),!g&&React.createElement(o.Button,{className:i.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;S(`tags[${t}].externalDocs`,{description:null==N?void 0:N.trim(),url:null==w?void 0:w.trim()}),k(""),O(""),null===(e=B[t])||void 0===e||e.hide()},disabled:!((null===(G=A.tags[t].externalDocs)||void 0===G?void 0:G.url)&&!(null==w?void 0:w.trim())||(null==w?void 0:w.trim())&&a.urlRegex.test(w))},"Apply"))},g||(null===(K=A.tags[t].externalDocs)||void 0===K?void 0:K.description)?React.createElement("div",{className:i.editExternalDocs},React.createElement(m,{src:c,width:"1.5rem",height:"1.5rem",onClick:t=>{var n,o;null==t||t.stopPropagation(),k(null===(n=e.externalDocs)||void 0===n?void 0:n.description),O(null===(o=e.externalDocs)||void 0===o?void 0:o.url)}})):React.createElement(o.Button,{className:i.editDescBtn,variant:"link",color:"action",endIcon:React.createElement(m,{src:c,width:"1.5rem",height:"1.5rem"}),onClick:()=>{var t,n;k(null===(t=e.externalDocs)||void 0===t?void 0:t.description),O(null===(n=e.externalDocs)||void 0===n?void 0:n.url)}},g||(null===(J=A.tags[t])||void 0===J?void 0:J.externalDocs)&&((null===(U=null===(Q=A.tags[t])||void 0===Q?void 0:Q.externalDocs)||void 0===U?void 0:U.url)||(null===(X=A.tags[t].externalDocs)||void 0===X?void 0:X.description))?"View ":"Add "," ","External Docs Link")),!g&&React.createElement("div",{className:i.paramDescContainer_separator}),!g&&React.createElement(o.Button,{className:i.deleteParamBtn,variant:"link",color:"error",endIcon:React.createElement(m,{src:s,width:"1.125rem",height:"1.125rem"}),onClick:()=>{return n=t,o=e.name,V(n),P(o),void q(!0);var n,o}}))}});return React.createElement("form",{className:i.apiInfoForm,onSubmit:e=>e.preventDefault()},React.createElement("div",{className:i.apiDocRow},React.createElement(o.Input,{size:"large",placeholder:"e.g. Payments",label:"API Name",required:!0,value:null===(h=null==A?void 0:A.info)||void 0===h?void 0:h.title,maxLength:35,onChange:e=>{S("info.title",e)},onClear:()=>{S("info.title","")},errorMsg:null===(D=null==T?void 0:T.info)||void 0===D?void 0:D.title,restrictedCharactersRegex:a.basic}),React.createElement(o.Input,{size:"large",label:"Version",required:!0,value:null===(x=null==A?void 0:A.info)||void 0===x?void 0:x.version,disabled:!0})),React.createElement(o.TextArea,{size:"large",placeholder:"Enter a description of the API's functionality...",label:"Description",value:null===(E=null==A?void 0:A.info)||void 0===E?void 0:E.description,maxLength:120,required:!0,onChange:e=>{(""===e||a.ASCII.test(e))&&S("info.description",e)},onClear:()=>{S("info.description","")},errorMsg:null===(f=null==T?void 0:T.info)||void 0===f?void 0:f.description}),React.createElement("div",{className:i.paramsTable},React.createElement(p,{id:"paramter-table",data:C,headCells:u,isFormOpen:M,setIsFormOpen:G,saveNewRow:e=>{b([...R,e]);const t=A.tags||[];S("tags",[...t,e])},readOnly:g})),React.createElement(v,{status:"error",content:React.createElement("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container"},"Are you sure you want to delete",React.createElement("span",{className:"plan-name"}," ","Tag ",React.createElement("strong",null,F)),"?"),onSubmit:{onClick:()=>{var e;null!==W&&(b(e=>e.filter((e,t)=>t!==W)),S("tags",null===(e=A.tags)||void 0===e?void 0:e.filter((e,t)=>t!==W))),q(!1),V(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0,variant:"outlined"},onClose:()=>q(!1),open:$,icon:React.createElement(m,{src:d,width:"4.0625rem",height:"4.0625rem"}),closeIcon:React.createElement(m,{src:r,width:"1.5rem",height:"1.5rem",onClick:()=>q(!1)})}))};export{g as default};
 //# sourceMappingURL=InfoForm.js.map

package/dist/src/components/InfoForm/InfoForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoForm.js","sources":["../../../../src/components/InfoForm/InfoForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n// @ts-ignore\nimport { useFormikContext } from 'formik'\nimport { Button, Input, TextArea } from 'digitinary-ui'\nimport styles from './InfoForm.module.scss'\nimport regex from '../../constants/regex'\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport { CloseIcon, DeleteIcon, DeleteOutlinedIcon, EditIcon } from '../../assets/icons'\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\nimport CommonDialog from '../../components/dialog'\nimport { tagsTableHeaders } from '../../constants/index'\nimport TagsTable from '../../components/table/tags-table'\n\nconst InfoForm = ({ readOnly }: { readOnly?: boolean }) => {\n  const [tableData, setTableData] = useState([])\n  const [tableRecords, setTableRecords] = useState()\n  const [authType, setAuthType] = useState('')\n  const [description, setDescription] = useState('')\n  const [url, setURL] = useState('')\n  const { values, setFieldValue, errors } = useFormikContext<TransformedOpenApi>()\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\n  const [selectedTagIndex, setSelectedTagIndex] = useState<number | null>(null)\n  const [selectedTagName, setSelectedTagName] = useState<string | null>(null)\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\n  const [isFormOpen, setIsFormOpen] = useState(false)\n\n  useEffect(() => {\n    if (values && values.components && values.components.securitySchemes) {\n      const authenticatorKeys = Object.keys(values.components.securitySchemes)\n      if (authenticatorKeys.length) {\n        const _authType =\n          values.components.securitySchemes[authenticatorKeys[0]].scheme ||\n          values.components.securitySchemes[authenticatorKeys[0]].type\n\n        setAuthType(_authType && _authType.toLowerCase() == 'public' ? 'Keyless' : _authType)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    setTableRecords(generateTableRecords(tableData))\n  }, [tableData])\n\n  useEffect(() => {\n    if (values.tags && values.tags.length) {\n      setTableData(values.tags)\n    }\n  }, [values.tags])\n\n  const confirmDeleteTag = () => {\n    if (selectedTagIndex !== null) {\n      setTableData((prev) => prev.filter((_, i) => i !== selectedTagIndex))\n      setFieldValue(\n        `tags`,\n        values.tags?.filter((_, i) => i !== selectedTagIndex)\n      )\n    }\n    setOpenDeleteDialog(false)\n    setSelectedTagIndex(null)\n  }\n\n  const capitalize = (str) => {\n    if (!str) return ''\n    return str.charAt(0).toUpperCase() + str.slice(1)\n  }\n\n  const onTableChange = (key, value, index) => {\n    const newTableData = tableData.map((item, tIndex) => {\n      if (tIndex === index) {\n        return { ...item, [key]: value }\n      } else {\n        return item\n      }\n    })\n\n    setTableData(newTableData)\n  }\n\n  const saveNewRow = (tag) => {\n    setTableData([...tableData, tag])\n    const oldTags = values.tags || []\n    setFieldValue(`tags`, [...oldTags, tag])\n  }\n\n  const handleDeleteClick = (id: number, name: string) => {\n    setSelectedTagIndex(id)\n    setSelectedTagName(name)\n\n    setOpenDeleteDialog(true)\n  }\n\n  const generateTableRecords = (items) => {\n    return items.map((item, index) => ({\n      id: index,\n      tagName: item.name,\n      description: (\n        <div className={styles.paramDescContainer}>\n          <Tooltip\n            key={`${index}-description`}\n            allowHTML\n            disabled={values.tags[index].description?.length <= 12}\n            content={<div style={{ padding: '0.625rem' }}>{values.tags[index].description}</div>}\n            arrowWithBorder\n            placement=\"bottom-end\"\n            type=\"function\"\n            delay={[0, 0]}\n            onShow={() => tooltipRefs[index]?.hide()}\n          >\n            <p style={{ alignSelf: 'center', fontWeight: 600, fontSize: '1rem' }}>\n              {values.tags[index].description\n                ? values.tags[index].description.substring(0, 12)\n                : readOnly && '-'}\n              {values.tags[index].description && values.tags[index].description.length > 12\n                ? '...'\n                : ''}\n            </p>\n          </Tooltip>\n          <Tooltip\n            arrowWithBorder\n            placement=\"bottom-end\"\n            type=\"function\"\n            trigger=\"click\"\n            delay={[0, 0]}\n            onCreate={(instance) =>\n              setTooltipRefs((prev) => ({\n                ...prev,\n                [index]: instance,\n              }))\n            }\n            content={\n              <div className={styles.editDescTooltipContent}>\n                <p className={styles.editDescTooltipContent_header}>Description</p>\n                <TextArea\n                  placeholder=\"Describe tag...\"\n                  value={item.description}\n                  disabled={readOnly}\n                  onChange={(value) => {\n                    if (value === '' || regex.ASCII.test(value))\n                      onTableChange('description', value, index)\n                  }}\n                  maxLength={25}\n                />\n                {!readOnly && (\n                  <Button\n                    className={styles.editDescTooltipContent_btn}\n                    variant=\"outlined\"\n                    size=\"small\"\n                    onClick={() => {\n                      setFieldValue(`tags[${index}].description`, item.description?.trim())\n                      tooltipRefs[index]?.hide()\n                    }}\n                    disabled={!item.description?.trim()}\n                  >\n                    Apply\n                  </Button>\n                )}\n              </div>\n            }\n          >\n            {readOnly || values.tags[index].description ? (\n              <Button\n                className={styles.editDescBtn}\n                variant=\"link\"\n                color=\"action\"\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n              ></Button>\n            ) : (\n              <Button\n                className={styles.editDescBtn}\n                variant=\"link\"\n                color=\"action\"\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n              >\n                {readOnly || values.tags[index].description\n                  ? 'View Description'\n                  : 'Add Description'}\n              </Button>\n            )}\n          </Tooltip>\n        </div>\n      ),\n      externalDocs: (\n        <div className={styles.paramDescContainer}>\n          {values.tags[index].externalDocs?.description && values.tags[index].externalDocs?.url && (\n            <a\n              className={styles.externalDocsLink}\n              href={\n                values.tags[index]?.externalDocs?.url &&\n                values.tags[index]?.externalDocs?.url?.indexOf('http') > -1\n                  ? values.tags[index]?.externalDocs?.url\n                  : `https://${values.tags[index]?.externalDocs?.url}`\n              }\n              target=\"_blank\"\n              style={\n                !values.tags[index].externalDocs?.description\n                  ? { textDecoration: 'none', pointerEvents: 'none' }\n                  : {}\n              }\n            >\n              {values.tags[index].externalDocs?.description\n                ? values.tags[index].externalDocs?.description?.substring(0, 12)\n                : readOnly && '-'}\n              {values.tags[index].externalDocs?.description &&\n              values.tags[index].externalDocs?.description?.length > 12\n                ? '...'\n                : ''}\n            </a>\n          )}\n\n          <Tooltip\n            arrowWithBorder\n            placement=\"bottom-end\"\n            type=\"function\"\n            trigger=\"click\"\n            delay={[0, 0]}\n            onCreate={(instance) =>\n              setExternalTooltipRefs((prev) => ({\n                ...prev,\n                [index]: instance,\n              }))\n            }\n            content={\n              <div className={styles.editDescTooltipContent}>\n                <p className={styles.editDescTooltipContent_header}>External Docs Description</p>\n                <TextArea\n                  placeholder=\"Describe External Doc...\"\n                  value={item.externalDocs?.description}\n                  disabled={readOnly}\n                  maxLength={25}\n                  onChange={(value) => {\n                    if (value === '' || regex.ASCII.test(value)) {\n                      onTableChange(\n                        'externalDocs',\n                        { ...item.externalDocs, description: value },\n                        index\n                      )\n                      setDescription(value)\n                    }\n                  }}\n                />\n                <p className={styles.editDescTooltipContent_header}>External Docs Link</p>\n                <TextArea\n                  placeholder=\"External Docs Link...\"\n                  value={item.externalDocs?.url}\n                  disabled={readOnly}\n                  maxLength={200}\n                  restrictedCharsRegex={regex.urlRegex}\n                  onChange={(value) => {\n                    if (value === '' || regex.ASCII.test(value)) {\n                      onTableChange('externalDocs', { ...item.externalDocs, url: value }, index)\n                      setURL(value)\n                    }\n                  }}\n                />\n                {!readOnly && (\n                  <Button\n                    className={styles.editDescTooltipContent_btn}\n                    variant=\"outlined\"\n                    size=\"small\"\n                    onClick={() => {\n                      setFieldValue(`tags[${index}].externalDocs`, {\n                        description: description?.trim(),\n                        url: url?.trim(),\n                      })\n                      setDescription('')\n                      setURL('')\n                      externalTooltipRefs[index]?.hide()\n                    }}\n                    disabled={\n                      !(\n                        (values.tags[index].externalDocs?.url && !url?.trim()) ||\n                        (url?.trim() && regex.urlRegex.test(url))\n                      )\n                    }\n                  >\n                    Apply\n                  </Button>\n                )}\n              </div>\n            }\n          >\n            {readOnly || values.tags[index].externalDocs?.description ? (\n              <div className={styles.editExternalDocs}>\n                <SVGLoader\n                  src={EditIcon}\n                  width=\"1.5rem\"\n                  height=\"1.5rem\"\n                  onClick={(e) => {\n                    e?.stopPropagation()\n                    setDescription(item.externalDocs?.description)\n                    setURL(item.externalDocs?.url)\n                  }}\n                />\n              </div>\n            ) : (\n              <Button\n                className={styles.editDescBtn}\n                variant=\"link\"\n                color=\"action\"\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n                onClick={() => {\n                  setDescription(item.externalDocs?.description)\n                  setURL(item.externalDocs?.url)\n                }}\n              >\n                {readOnly ||\n                (values.tags[index]?.externalDocs &&\n                  (values.tags[index]?.externalDocs?.url ||\n                    values.tags[index].externalDocs?.description))\n                  ? 'View '\n                  : 'Add '}{' '}\n                External Docs Link\n              </Button>\n            )}\n          </Tooltip>\n\n          {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\n\n          {!readOnly && (\n            <Button\n              className={styles.deleteParamBtn}\n              variant=\"link\"\n              color=\"error\"\n              endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\n              onClick={() => handleDeleteClick(index, item.name)}\n            ></Button>\n          )}\n        </div>\n      ),\n    }))\n  }\n\n  return (\n    <form className={styles.apiInfoForm} onSubmit={(e) => e.preventDefault()}>\n      <div className={styles.apiDocRow}>\n        <Input\n          size=\"large\"\n          placeholder=\"e.g. Payments\"\n          label=\"API Name\"\n          required\n          value={values?.info?.title}\n          maxLength={35}\n          onChange={(value) => {\n            setFieldValue('info.title', value)\n          }}\n          onClear={() => {\n            setFieldValue('info.title', '')\n          }}\n          errorMsg={errors?.info?.title}\n          restrictedCharactersRegex={regex.basic}\n        />\n        <Input size=\"large\" label=\"Version\" required value={values?.info?.version} disabled />\n      </div>\n      <TextArea\n        size=\"large\"\n        placeholder=\"Enter a description of the API's functionality...\"\n        label=\"Description\"\n        value={values?.info?.description}\n        maxLength={120}\n        required\n        onChange={(value: string) => {\n          if (value === '' || regex.ASCII.test(value)) {\n            setFieldValue('info.description', value)\n          }\n        }}\n        onClear={() => {\n          setFieldValue('info.description', '')\n        }}\n        errorMsg={errors?.info?.description}\n      />\n      <div className={styles.paramsTable}>\n        <TagsTable\n          id=\"paramter-table\"\n          data={tableRecords}\n          headCells={tagsTableHeaders}\n          isFormOpen={isFormOpen}\n          setIsFormOpen={setIsFormOpen}\n          saveNewRow={saveNewRow}\n          readOnly={readOnly}\n        />\n      </div>\n      <CommonDialog\n        status=\"error\"\n        content={\n          <p\n            style={{\n              textAlign: 'center',\n              fontWeight: 400,\n              fontSize: '1rem',\n              lineHeight: '1.4375rem',\n            }}\n            className=\"delete-msg-container\"\n          >\n            Are you sure you want to delete\n            <span className=\"plan-name\">\n              {' '}\n              Tag <strong>{selectedTagName}</strong>\n            </span>\n            ?\n          </p>\n        }\n        onSubmit={{\n          onClick: confirmDeleteTag,\n          text: 'Delete',\n          color: 'error',\n          fullWidth: true,\n        }}\n        onCancel={{\n          text: 'Cancel',\n          color: 'action',\n          fullWidth: true,\n          variant: 'outlined',\n        }}\n        onClose={() => setOpenDeleteDialog(false)}\n        open={openDeleteDialog}\n        icon={<SVGLoader src={DeleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\n        closeIcon={\n          <SVGLoader\n            src={CloseIcon}\n            width=\"1.5rem\"\n            height=\"1.5rem\"\n            onClick={() => setOpenDeleteDialog(false)}\n          />\n        }\n      />\n    </form>\n  )\n}\n\nexport default InfoForm\n"],"names":["InfoForm","readOnly","tableData","setTableData","useState","tableRecords","setTableRecords","authType","setAuthType","description","setDescription","url","setURL","values","setFieldValue","errors","useFormikContext","externalTooltipRefs","setExternalTooltipRefs","tooltipRefs","setTooltipRefs","selectedTagIndex","setSelectedTagIndex","selectedTagName","setSelectedTagName","openDeleteDialog","setOpenDeleteDialog","isFormOpen","setIsFormOpen","useEffect","components","securitySchemes","authenticatorKeys","Object","keys","length","_authType","scheme","type","toLowerCase","generateTableRecords","tags","onTableChange","key","value","index","newTableData","map","item","tIndex","assign","items","id","tagName","name","_jsxs","className","styles","paramDescContainer","children","_jsx","Tooltip","allowHTML","disabled","_a","content","style","padding","arrowWithBorder","placement","delay","onShow","hide","jsxs","alignSelf","fontWeight","fontSize","substring","trigger","onCreate","instance","prev","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","onChange","regex","ASCII","test","maxLength","jsx","Button","editDescTooltipContent_btn","variant","size","onClick","trim","_b","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","externalDocs","_c","_d","externalDocsLink","href","_f","_e","_j","_g","_h","indexOf","_l","_k","_o","_m","target","_p","textDecoration","pointerEvents","_s","_r","_t","_v","_u","_w","_x","restrictedCharsRegex","urlRegex","_y","_z","editExternalDocs","e","stopPropagation","_0","_2","_1","_3","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","apiInfoForm","onSubmit","preventDefault","apiDocRow","Input","label","required","info","title","onClear","errorMsg","restrictedCharactersRegex","basic","version","paramsTable","TagsTable","data","headCells","tagsTableHeaders","saveNewRow","tag","oldTags","CommonDialog","status","textAlign","lineHeight","filter","_","i","text","fullWidth","onCancel","onClose","open","icon","DeleteOutlinedIcon","closeIcon","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"InfoForm.js","sources":["../../../../src/components/InfoForm/InfoForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n// @ts-ignore\nimport { useFormikContext } from 'formik'\nimport { Button, Input, TextArea } from 'digitinary-ui'\nimport styles from './InfoForm.module.scss'\nimport regex from '../../constants/regex'\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport { CloseIcon, DeleteIcon, DeleteOutlinedIcon, EditIcon } from '../../assets/icons'\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\nimport CommonDialog from '../../components/dialog'\nimport { tagsTableHeaders } from '../../constants/index'\nimport TagsTable from '../../components/table/tags-table'\n\nconst InfoForm = ({ readOnly }: { readOnly?: boolean }) => {\n  const [tableData, setTableData] = useState([])\n  const [tableRecords, setTableRecords] = useState()\n  const [authType, setAuthType] = useState('')\n  const [description, setDescription] = useState('')\n  const [url, setURL] = useState('')\n  const { values, setFieldValue, errors } = useFormikContext<TransformedOpenApi>()\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\n  const [selectedTagIndex, setSelectedTagIndex] = useState<number | null>(null)\n  const [selectedTagName, setSelectedTagName] = useState<string | null>(null)\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\n  const [isFormOpen, setIsFormOpen] = useState(false)\n\n  useEffect(() => {\n    if (values && values.components && values.components.securitySchemes) {\n      const authenticatorKeys = Object.keys(values.components.securitySchemes)\n      if (authenticatorKeys.length) {\n        const _authType =\n          values.components.securitySchemes[authenticatorKeys[0]].scheme ||\n          values.components.securitySchemes[authenticatorKeys[0]].type\n\n        setAuthType(_authType && _authType.toLowerCase() == 'public' ? 'Keyless' : _authType)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    setTableRecords(generateTableRecords(tableData))\n  }, [tableData])\n\n  useEffect(() => {\n    if (values.tags && values.tags.length) {\n      setTableData(values.tags)\n    }\n  }, [values.tags])\n\n  const confirmDeleteTag = () => {\n    if (selectedTagIndex !== null) {\n      setTableData((prev) => prev.filter((_, i) => i !== selectedTagIndex))\n      setFieldValue(\n        `tags`,\n        values.tags?.filter((_, i) => i !== selectedTagIndex)\n      )\n    }\n    setOpenDeleteDialog(false)\n    setSelectedTagIndex(null)\n  }\n\n  const capitalize = (str) => {\n    if (!str) return ''\n    return str.charAt(0).toUpperCase() + str.slice(1)\n  }\n\n  const onTableChange = (key, value, index) => {\n    const newTableData = tableData.map((item, tIndex) => {\n      if (tIndex === index) {\n        return { ...item, [key]: value }\n      } else {\n        return item\n      }\n    })\n\n    setTableData(newTableData)\n  }\n\n  const saveNewRow = (tag) => {\n    setTableData([...tableData, tag])\n    const oldTags = values.tags || []\n    setFieldValue(`tags`, [...oldTags, tag])\n  }\n\n  const handleDeleteClick = (id: number, name: string) => {\n    setSelectedTagIndex(id)\n    setSelectedTagName(name)\n\n    setOpenDeleteDialog(true)\n  }\n\n  const generateTableRecords = (items) => {\n    return items.map((item, index) => ({\n      id: index,\n      tagName: item.name,\n      description: (\n        <div className={styles.paramDescContainer}>\n          <Tooltip\n            key={`${index}-description`}\n            allowHTML\n            disabled={values.tags[index].description?.length <= 12}\n            content={<div style={{ padding: '0.625rem' }}>{values.tags[index].description}</div>}\n            arrowWithBorder\n            placement=\"bottom-end\"\n            type=\"function\"\n            delay={[0, 0]}\n            onShow={() => tooltipRefs[index]?.hide()}\n          >\n            <p style={{ alignSelf: 'center', fontWeight: 600, fontSize: '1rem' }}>\n              {values.tags[index].description\n                ? values.tags[index].description.substring(0, 12)\n                : readOnly && '-'}\n              {values.tags[index].description && values.tags[index].description.length > 12\n                ? '...'\n                : ''}\n            </p>\n          </Tooltip>\n          <Tooltip\n            arrowWithBorder\n            placement=\"bottom-end\"\n            type=\"function\"\n            trigger=\"click\"\n            delay={[0, 0]}\n            onCreate={(instance) =>\n              setTooltipRefs((prev) => ({\n                ...prev,\n                [index]: instance,\n              }))\n            }\n            content={\n              <div className={styles.editDescTooltipContent}>\n                <p className={styles.editDescTooltipContent_header}>Description</p>\n                <TextArea\n                  placeholder=\"Describe tag...\"\n                  value={item.description}\n                  disabled={readOnly}\n                  onChange={(value) => {\n                    if (value === '' || regex.ASCII.test(value))\n                      onTableChange('description', value, index)\n                  }}\n                  maxLength={25}\n                />\n                {!readOnly && (\n                  <Button\n                    className={styles.editDescTooltipContent_btn}\n                    variant=\"outlined\"\n                    size=\"small\"\n                    onClick={() => {\n                      setFieldValue(`tags[${index}].description`, item.description?.trim())\n                      tooltipRefs[index]?.hide()\n                    }}\n                    disabled={!item.description?.trim()}\n                  >\n                    Apply\n                  </Button>\n                )}\n              </div>\n            }\n          >\n            {readOnly || values.tags[index].description ? (\n              <Button\n                className={styles.editDescBtn}\n                variant=\"link\"\n                color=\"action\"\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n              ></Button>\n            ) : (\n              <Button\n                className={styles.editDescBtn}\n                variant=\"link\"\n                color=\"action\"\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n              >\n                {readOnly || values.tags[index].description\n                  ? 'View Description'\n                  : 'Add Description'}\n              </Button>\n            )}\n          </Tooltip>\n        </div>\n      ),\n      externalDocs: (\n        <div className={styles.paramDescContainer}>\n          {values.tags[index].externalDocs?.description && values.tags[index].externalDocs?.url && (\n            <a\n              className={styles.externalDocsLink}\n              href={\n                values.tags[index]?.externalDocs?.url &&\n                values.tags[index]?.externalDocs?.url?.indexOf('http') > -1\n                  ? values.tags[index]?.externalDocs?.url\n                  : `https://${values.tags[index]?.externalDocs?.url}`\n              }\n              target=\"_blank\"\n              style={\n                !values.tags[index].externalDocs?.description\n                  ? { textDecoration: 'none', pointerEvents: 'none' }\n                  : {}\n              }\n            >\n              {values.tags[index].externalDocs?.description\n                ? values.tags[index].externalDocs?.description?.substring(0, 12)\n                : readOnly && '-'}\n              {values.tags[index].externalDocs?.description &&\n              values.tags[index].externalDocs?.description?.length > 12\n                ? '...'\n                : ''}\n            </a>\n          )}\n\n          <Tooltip\n            arrowWithBorder\n            placement=\"bottom-end\"\n            type=\"function\"\n            trigger=\"click\"\n            delay={[0, 0]}\n            onCreate={(instance) =>\n              setExternalTooltipRefs((prev) => ({\n                ...prev,\n                [index]: instance,\n              }))\n            }\n            content={\n              <div className={styles.editDescTooltipContent}>\n                <p className={styles.editDescTooltipContent_header}>External Docs Description</p>\n                <TextArea\n                  placeholder=\"Describe External Doc...\"\n                  value={item.externalDocs?.description}\n                  disabled={readOnly}\n                  maxLength={25}\n                  onChange={(value) => {\n                    if (value === '' || regex.ASCII.test(value)) {\n                      onTableChange(\n                        'externalDocs',\n                        { ...item.externalDocs, description: value },\n                        index\n                      )\n                      setDescription(value)\n                    }\n                  }}\n                />\n                <p className={styles.editDescTooltipContent_header}>External Docs Link</p>\n                <TextArea\n                  placeholder=\"External Docs Link...\"\n                  value={item.externalDocs?.url}\n                  disabled={readOnly}\n                  maxLength={200}\n                  restrictedCharsRegex={regex.urlRegex}\n                  onChange={(value) => {\n                    if (value === '' || regex.ASCII.test(value)) {\n                      onTableChange('externalDocs', { ...item.externalDocs, url: value }, index)\n                      setURL(value)\n                    }\n                  }}\n                />\n                {!readOnly && (\n                  <Button\n                    className={styles.editDescTooltipContent_btn}\n                    variant=\"outlined\"\n                    size=\"small\"\n                    onClick={() => {\n                      setFieldValue(`tags[${index}].externalDocs`, {\n                        description: description?.trim(),\n                        url: url?.trim(),\n                      })\n                      setDescription('')\n                      setURL('')\n                      externalTooltipRefs[index]?.hide()\n                    }}\n                    disabled={\n                      !(\n                        (values.tags[index].externalDocs?.url && !url?.trim()) ||\n                        (url?.trim() && regex.urlRegex.test(url))\n                      )\n                    }\n                  >\n                    Apply\n                  </Button>\n                )}\n              </div>\n            }\n          >\n            {readOnly || values.tags[index].externalDocs?.description ? (\n              <div className={styles.editExternalDocs}>\n                <SVGLoader\n                  src={EditIcon}\n                  width=\"1.5rem\"\n                  height=\"1.5rem\"\n                  onClick={(e) => {\n                    e?.stopPropagation()\n                    setDescription(item.externalDocs?.description)\n                    setURL(item.externalDocs?.url)\n                  }}\n                />\n              </div>\n            ) : (\n              <Button\n                className={styles.editDescBtn}\n                variant=\"link\"\n                color=\"action\"\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n                onClick={() => {\n                  setDescription(item.externalDocs?.description)\n                  setURL(item.externalDocs?.url)\n                }}\n              >\n                {readOnly ||\n                (values.tags[index]?.externalDocs &&\n                  (values.tags[index]?.externalDocs?.url ||\n                    values.tags[index].externalDocs?.description))\n                  ? 'View '\n                  : 'Add '}{' '}\n                External Docs Link\n              </Button>\n            )}\n          </Tooltip>\n\n          {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\n\n          {!readOnly && (\n            <Button\n              className={styles.deleteParamBtn}\n              variant=\"link\"\n              color=\"error\"\n              endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\n              onClick={() => handleDeleteClick(index, item.name)}\n            ></Button>\n          )}\n        </div>\n      ),\n    }))\n  }\n\n  return (\n    <form className={styles.apiInfoForm} onSubmit={(e) => e.preventDefault()}>\n      <div className={styles.apiDocRow}>\n        <Input\n          size=\"large\"\n          placeholder=\"e.g. Payments\"\n          label=\"API Name\"\n          required\n          value={values?.info?.title}\n          maxLength={35}\n          onChange={(value) => {\n            setFieldValue('info.title', value)\n          }}\n          onClear={() => {\n            setFieldValue('info.title', '')\n          }}\n          errorMsg={errors?.info?.title}\n          restrictedCharactersRegex={regex.basic}\n        />\n        <Input size=\"large\" label=\"Version\" required value={values?.info?.version} disabled />\n      </div>\n      <TextArea\n        size=\"large\"\n        placeholder=\"Enter a description of the API's functionality...\"\n        label=\"Description\"\n        value={values?.info?.description}\n        maxLength={120}\n        required\n        onChange={(value: string) => {\n          if (value === '' || regex.ASCII.test(value)) {\n            setFieldValue('info.description', value)\n          }\n        }}\n        onClear={() => {\n          setFieldValue('info.description', '')\n        }}\n        errorMsg={errors?.info?.description}\n      />\n      <div className={styles.paramsTable}>\n        <TagsTable\n          id=\"paramter-table\"\n          data={tableRecords}\n          headCells={tagsTableHeaders}\n          isFormOpen={isFormOpen}\n          setIsFormOpen={setIsFormOpen}\n          saveNewRow={saveNewRow}\n          readOnly={readOnly}\n        />\n      </div>\n      <CommonDialog\n        status=\"error\"\n        content={\n          <p\n            style={{\n              textAlign: 'center',\n              fontWeight: 400,\n              fontSize: '1rem',\n              lineHeight: '1.4375rem',\n            }}\n            className=\"delete-msg-container\"\n          >\n            Are you sure you want to delete\n            <span className=\"plan-name\">\n              {' '}\n              Tag <strong>{selectedTagName}</strong>\n            </span>\n            ?\n          </p>\n        }\n        onSubmit={{\n          onClick: confirmDeleteTag,\n          text: 'Delete',\n          color: 'error',\n          fullWidth: true,\n        }}\n        onCancel={{\n          text: 'Cancel',\n          color: 'action',\n          fullWidth: true,\n          variant: 'outlined',\n        }}\n        onClose={() => setOpenDeleteDialog(false)}\n        open={openDeleteDialog}\n        icon={<SVGLoader src={DeleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\n        closeIcon={\n          <SVGLoader\n            src={CloseIcon}\n            width=\"1.5rem\"\n            height=\"1.5rem\"\n            onClick={() => setOpenDeleteDialog(false)}\n          />\n        }\n      />\n    </form>\n  )\n}\n\nexport default InfoForm\n"],"names":["InfoForm","readOnly","tableData","setTableData","useState","tableRecords","setTableRecords","authType","setAuthType","description","setDescription","url","setURL","values","setFieldValue","errors","useFormikContext","externalTooltipRefs","setExternalTooltipRefs","tooltipRefs","setTooltipRefs","selectedTagIndex","setSelectedTagIndex","selectedTagName","setSelectedTagName","openDeleteDialog","setOpenDeleteDialog","isFormOpen","setIsFormOpen","useEffect","components","securitySchemes","authenticatorKeys","Object","keys","length","_authType","scheme","type","toLowerCase","generateTableRecords","tags","onTableChange","key","value","index","newTableData","map","item","tIndex","assign","items","id","tagName","name","React","createElement","className","styles","paramDescContainer","Tooltip","allowHTML","disabled","_a","content","style","padding","arrowWithBorder","placement","delay","onShow","hide","alignSelf","fontWeight","fontSize","substring","trigger","onCreate","instance","prev","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","onChange","regex","ASCII","test","maxLength","Button","editDescTooltipContent_btn","variant","size","onClick","trim","_b","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","externalDocs","_c","_d","externalDocsLink","href","_e","_f","_j","_g","_h","indexOf","_l","_k","_o","_m","target","_p","textDecoration","pointerEvents","_q","_s","_r","_t","_v","_u","_w","_x","restrictedCharsRegex","urlRegex","_y","_z","editExternalDocs","e","stopPropagation","_0","_2","_1","_3","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","apiInfoForm","onSubmit","preventDefault","apiDocRow","Input","label","required","info","title","onClear","errorMsg","restrictedCharactersRegex","basic","version","paramsTable","TagsTable","data","headCells","tagsTableHeaders","saveNewRow","tag","oldTags","CommonDialog","status","textAlign","lineHeight","filter","_","i","text","fullWidth","onCancel","onClose","open","icon","DeleteOutlinedIcon","closeIcon","CloseIcon"],"mappings":"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"}

package/dist/src/components/InfoForm/InfoForm.module.scss.js

@@ -1,2 +1,2 @@
-const t="";export{t as default};
+var o={apiInfoForm:"InfoForm-module_apiInfoForm__Fa7q0",paramsTable:"InfoForm-module_paramsTable__8ksBr",paramDescContainer:"InfoForm-module_paramDescContainer__pmK-t",paramDescContainer_separator:"InfoForm-module_paramDescContainer_separator__3moXg",editDescBtn:"InfoForm-module_editDescBtn__zYCW-",deleteParamBtn:"InfoForm-module_deleteParamBtn__XRojF",externalDocsLink:"InfoForm-module_externalDocsLink__aaRc8",editExternalDocs:"InfoForm-module_editExternalDocs__xoumX",editDescTooltipContent:"InfoForm-module_editDescTooltipContent__GeJpL",editDescTooltipContent_header:"InfoForm-module_editDescTooltipContent_header__AlmC4",apiDocRow:"InfoForm-module_apiDocRow__bWcqz",apiInfoForm_tagsChips:"InfoForm-module_apiInfoForm_tagsChips__JTpSM"};export{o as default};
 //# sourceMappingURL=InfoForm.module.scss.js.map

package/dist/src/components/JsonInput/JsonInput.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a,useEffect as t}from"react";import r from"../../../node_modules/js-yaml/dist/js-yaml.mjs.js";import s from"./style.module.scss.js";import l from"../../constants/regex.js";const o={BOTH:"Invalid JSON or YAML format",JSON:"Invalid JSON format",YML:"Invalid YAML format"},i=({placeholder:i,label:n,value:d,onValidation:c,onChange:m,dataId:u,className:j="",errorMessage:p,acceptType:v="BOTH",fieldIsDisabled:N,withFooter:f=!0})=>{const[h,O]=a(),[y,T]=a(!0),b=e=>{if(""!==d){e.preventDefault();try{let e;"BOTH"!==v&&"JSON"!==v||!x(d)?"BOTH"!==v&&"YML"!==v||(e=r.dump(r.load(d),{indent:0})):e=JSON.stringify(JSON.parse(d),null,2),m(e),O(!0)}catch(e){console.error(e),O(!1)}}},x=e=>{try{return JSON.parse(e),!0}catch(e){return!1}},I=()=>{if("BOTH"===v||"JSON"===v)return x(d);if("BOTH"===v||"YML"===v)try{return r.load(d),!0}catch(e){return console.error(e),!1}};return t(()=>{try{b(d)}catch(e){}},[]),e.jsxs("div",{className:`${s["json-editor-container"]} ${j} ${N?s.disabled:""}`,children:[n&&e.jsx("p",{className:`${s["json-editor-label"]}`,children:n}),e.jsxs("div",{className:`${s["json-editor"]} ${""!==d&&!1===h?s.invalid:""}`,children:[e.jsx("textarea",{disabled:N,"data-id":u,value:d,onChange:e=>{N||l.ASCII.test(e.target.value)&&(O(void 0),T(!0),m(e.target.value))},onPaste:e=>{N||l.ASCII.test(e.target.value)&&(O(void 0),T(!0),m(e.target.value))},min:"1",placeholder:i}),f&&e.jsxs("div",{className:`${s["actions-container"]}`,children:[e.jsx("button",{type:"button",className:s.validate,onClick:()=>{const e=I();O(e),c(e),T(!I())},"data-id":`${u}-VALIDATE-BUTTON`,disabled:""===d,children:"Validate"}),e.jsx("button",{type:"button",disabled:""===d||y,"data-id":`${u}-BEAUTIFY-BUTTON`,className:s.beautify,onClick:b,children:"Beautify"})]})]}),(p||""!==d&&!1===h)&&e.jsx("p",{className:s["error-message"],children:p||o[v]})]})};export{i as default};
+import e,{useState as t,useEffect as a}from"react";import r from"../../../node_modules/js-yaml/dist/js-yaml.mjs.js";import l from"./style.module.scss.js";import o from"../../constants/regex.js";const s={BOTH:"Invalid JSON or YAML format",JSON:"Invalid JSON format",YML:"Invalid YAML format"},n=({placeholder:n,label:i,value:d,onValidation:c,onChange:m,dataId:u,className:N="",errorMessage:p,acceptType:v="BOTH",fieldIsDisabled:f,withFooter:O=!0})=>{const[y,T]=t(),[b,I]=t(!0),g=e=>{if(""!==d){e.preventDefault();try{let e;"BOTH"!==v&&"JSON"!==v||!B(d)?"BOTH"!==v&&"YML"!==v||(e=r.dump(r.load(d),{indent:0})):e=JSON.stringify(JSON.parse(d),null,2),m(e),T(!0)}catch(e){console.error(e),T(!1)}}},B=e=>{try{return JSON.parse(e),!0}catch(e){return!1}},E=()=>{if("BOTH"===v||"JSON"===v)return B(d);if("BOTH"===v||"YML"===v)try{return r.load(d),!0}catch(e){return console.error(e),!1}};return a(()=>{try{g(d)}catch(e){}},[]),e.createElement("div",{className:`${l["json-editor-container"]} ${N} ${f?l.disabled:""}`},i&&e.createElement("p",{className:`${l["json-editor-label"]}`},i),e.createElement("div",{className:`${l["json-editor"]} ${""!==d&&!1===y?l.invalid:""}`},e.createElement("textarea",{disabled:f,"data-id":u,value:d,onChange:e=>{f||o.ASCII.test(e.target.value)&&(T(void 0),I(!0),m(e.target.value))},onPaste:e=>{f||o.ASCII.test(e.target.value)&&(T(void 0),I(!0),m(e.target.value))},min:"1",placeholder:n}),O&&e.createElement("div",{className:`${l["actions-container"]}`},e.createElement("button",{type:"button",className:l.validate,onClick:()=>{const e=E();T(e),c(e),I(!E())},"data-id":`${u}-VALIDATE-BUTTON`,disabled:""===d},"Validate"),e.createElement("button",{type:"button",disabled:""===d||b,"data-id":`${u}-BEAUTIFY-BUTTON`,className:l.beautify,onClick:g},"Beautify"))),(p||""!==d&&!1===y)&&e.createElement("p",{className:l["error-message"]},p||s[v]))};export{n as default};
 //# sourceMappingURL=JsonInput.js.map

package/dist/src/components/JsonInput/JsonInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonInput.js","sources":["../../../../src/components/JsonInput/JsonInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport yaml from 'js-yaml'\nimport styles from './style.module.scss'\nimport regex from '../../constants/regex'\n\nconst errorMapping = {\n  BOTH: 'Invalid JSON or YAML format',\n  JSON: 'Invalid JSON format',\n  YML: 'Invalid YAML format',\n}\n\nconst JsonInput = ({\n  placeholder,\n  label,\n  value,\n  onValidation,\n  onChange,\n  dataId,\n  className = '',\n  errorMessage,\n  acceptType = 'BOTH',\n  fieldIsDisabled,\n  withFooter = true,\n}) => {\n  const [isValid, setIsValid] = useState()\n  const [disabledBeautify, setDisabledBeautify] = useState(true)\n\n  const handlePrettify = (e) => {\n    if (value === '') return\n    e.preventDefault()\n    try {\n      let prettifiedData\n      if ((acceptType === 'BOTH' || acceptType === 'JSON') && isValidJson(value)) {\n        // If it's valid JSON, prettify JSON\n        prettifiedData = JSON.stringify(JSON.parse(value), null, 2)\n      } else if (acceptType === 'BOTH' || acceptType === 'YML') {\n        // If it's not valid JSON, prettify YAML\n        prettifiedData = yaml.dump(yaml.load(value), { indent: 0 })\n      }\n      onChange(prettifiedData)\n      setIsValid(true) // Reset validity status\n    } catch (error) {\n      console.error(error)\n      setIsValid(false)\n    }\n  }\n\n  // Function to check if input is valid JSON\n  const isValidJson = (str) => {\n    try {\n      JSON.parse(str)\n      return true\n    } catch (error) {\n      return false\n    }\n  }\n\n  const checkIsValid = () => {\n    if (acceptType === 'BOTH' || acceptType === 'JSON') {\n      return isValidJson(value)\n    } else if (acceptType === 'BOTH' || acceptType === 'YML') {\n      try {\n        // Try parsing as YAML\n        yaml.load(value)\n        return true\n      } catch (error) {\n        console.error(error)\n        return false\n      }\n    }\n  }\n\n  useEffect(() => {\n    try {\n      handlePrettify(value)\n    } catch {}\n  }, [])\n\n  return (\n    <div\n      className={`${styles['json-editor-container']} ${className} ${\n        fieldIsDisabled ? styles.disabled : ''\n      }`}\n    >\n      {label && <p className={`${styles['json-editor-label']}`}>{label}</p>}\n      <div\n        className={`${styles['json-editor']} ${\n          value !== '' && isValid === false ? styles.invalid : ''\n        }`}\n      >\n        <textarea\n          disabled={fieldIsDisabled}\n          data-id={dataId}\n          value={value}\n          onChange={(e) => {\n            if (fieldIsDisabled) return\n            if (regex.ASCII.test(e.target.value)) {\n              setIsValid(undefined)\n              setDisabledBeautify(true)\n              onChange(e.target.value)\n            }\n          }}\n          onPaste={(e) => {\n            if (fieldIsDisabled) return\n            if (regex.ASCII.test(e.target.value)) {\n              setIsValid(undefined)\n              setDisabledBeautify(true)\n              onChange(e.target.value)\n            }\n          }}\n          min=\"1\"\n          placeholder={placeholder}\n        />\n        {withFooter && (\n          <div className={`${styles['actions-container']}`}>\n            <button\n              type=\"button\"\n              className={styles.validate}\n              onClick={() => {\n                const valid = checkIsValid()\n                setIsValid(valid)\n                onValidation(valid)\n                setDisabledBeautify(!checkIsValid())\n              }}\n              data-id={`${dataId}-VALIDATE-BUTTON`}\n              disabled={value === ''}\n            >\n              Validate\n            </button>\n            <button\n              type=\"button\"\n              disabled={value === '' || disabledBeautify}\n              data-id={`${dataId}-BEAUTIFY-BUTTON`}\n              className={styles.beautify}\n              onClick={handlePrettify}\n            >\n              Beautify\n            </button>\n          </div>\n        )}\n      </div>\n      {(errorMessage || (value !== '' && isValid === false)) && (\n        <p className={styles['error-message']}>{errorMessage || errorMapping[acceptType]}</p>\n      )}\n    </div>\n  )\n}\n\nexport default JsonInput\n"],"names":["errorMapping","BOTH","JSON","YML","JsonInput","placeholder","label","value","onValidation","onChange","dataId","className","errorMessage","acceptType","fieldIsDisabled","withFooter","isValid","setIsValid","useState","disabledBeautify","setDisabledBeautify","handlePrettify","e","preventDefault","prettifiedData","isValidJson","yaml","dump","load","indent","stringify","parse","error","console","str","checkIsValid","useEffect","_a","_jsxs","jsxs","styles","disabled","children","_jsx","jsx","invalid","regex","ASCII","test","target","undefined","onPaste","min","type","validate","onClick","valid","beautify"],"mappings":"oPAKA,MAAMA,EAAe,CACnBC,KAAM,8BACNC,KAAM,sBACNC,IAAK,uBAGDC,EAAY,EAChBC,cACAC,QACAC,QACAC,eACAC,WACAC,SACAC,YAAY,GACZC,eACAC,aAAa,OACbC,kBACAC,cAAa,MAEb,MAAOC,EAASC,GAAcC,KACvBC,EAAkBC,GAAuBF,GAAS,GAEnDG,EAAkBC,IACtB,GAAc,KAAVf,EAAJ,CACAe,EAAEC,iBACF,IACE,IAAIC,EACgB,SAAfX,GAAwC,SAAfA,IAA0BY,EAAYlB,GAG1C,SAAfM,GAAwC,QAAfA,IAElCW,EAAiBE,EAAKC,KAAKD,EAAKE,KAAKrB,GAAQ,CAAEsB,OAAQ,KAHvDL,EAAiBtB,KAAK4B,UAAU5B,KAAK6B,MAAMxB,GAAQ,KAAM,GAK3DE,EAASe,GACTP,GAAW,EACZ,CAAC,MAAOe,GACPC,QAAQD,MAAMA,GACdf,GAAW,EACZ,CAhBuB,GAoBpBQ,EAAeS,IACnB,IAEE,OADAhC,KAAK6B,MAAMG,IACJ,CACR,CAAC,MAAOF,GACP,OAAO,CACR,GAGGG,EAAe,KACnB,GAAmB,SAAftB,GAAwC,SAAfA,EAC3B,OAAOY,EAAYlB,GACd,GAAmB,SAAfM,GAAwC,QAAfA,EAClC,IAGE,OADAa,EAAKE,KAAKrB,IACH,CACR,CAAC,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,IACP,CACR,GAUL,OANAI,EAAU,KACR,IACEf,EAAed,EAChB,CAAC,MAAM8B,GAAE,GACT,IAGDC,EACEC,KAAA,MAAA,CAAA5B,UAAW,GAAG6B,EAAO,4BAA4B7B,KAC/CG,EAAkB0B,EAAOC,SAAW,KACpCC,SAAA,CAEDpC,GAASqC,EAAAC,IAAA,IAAA,CAAGjC,UAAW,GAAG6B,EAAO,gCAAyBlC,IAC3DgC,EACEC,KAAA,MAAA,CAAA5B,UAAW,GAAG6B,EAAO,kBACT,KAAVjC,IAA4B,IAAZS,EAAoBwB,EAAOK,QAAU,KAGvDH,SAAA,CAAAC,EAAAC,IAAA,WAAA,CACEH,SAAU3B,YACDJ,EACTH,MAAOA,EACPE,SAAWa,IACLR,GACAgC,EAAMC,MAAMC,KAAK1B,EAAE2B,OAAO1C,SAC5BU,OAAWiC,GACX9B,GAAoB,GACpBX,EAASa,EAAE2B,OAAO1C,SAGtB4C,QAAU7B,IACJR,GACAgC,EAAMC,MAAMC,KAAK1B,EAAE2B,OAAO1C,SAC5BU,OAAWiC,GACX9B,GAAoB,GACpBX,EAASa,EAAE2B,OAAO1C,SAGtB6C,IAAI,IACJ/C,YAAaA,IAEdU,GACCuB,EAAAA,KAAK,MAAA,CAAA3B,UAAW,GAAG6B,EAAO,uBAAsBE,SAAA,CAC9CC,EAAAA,IACE,SAAA,CAAAU,KAAK,SACL1C,UAAW6B,EAAOc,SAClBC,QAAS,KACP,MAAMC,EAAQrB,IACdlB,EAAWuC,GACXhD,EAAagD,GACbpC,GAAqBe,gBAEd,GAAGzB,oBACZ+B,SAAoB,KAAVlC,wBAIZoC,EAAAC,IAAA,SAAA,CACES,KAAK,SACLZ,SAAoB,KAAVlC,GAAgBY,EAAgB,UACjC,GAAGT,oBACZC,UAAW6B,EAAOiB,SAClBF,QAASlC,EAGFqB,SAAA,oBAIb9B,GAA2B,KAAVL,IAA4B,IAAZS,IACjC2B,EAAGC,IAAA,IAAA,CAAAjC,UAAW6B,EAAO,0BAAmB5B,GAAgBZ,EAAaa"}
+{"version":3,"file":"JsonInput.js","sources":["../../../../src/components/JsonInput/JsonInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport yaml from 'js-yaml'\nimport styles from './style.module.scss'\nimport regex from '../../constants/regex'\n\nconst errorMapping = {\n  BOTH: 'Invalid JSON or YAML format',\n  JSON: 'Invalid JSON format',\n  YML: 'Invalid YAML format',\n}\n\nconst JsonInput = ({\n  placeholder,\n  label,\n  value,\n  onValidation,\n  onChange,\n  dataId,\n  className = '',\n  errorMessage,\n  acceptType = 'BOTH',\n  fieldIsDisabled,\n  withFooter = true,\n}) => {\n  const [isValid, setIsValid] = useState()\n  const [disabledBeautify, setDisabledBeautify] = useState(true)\n\n  const handlePrettify = (e) => {\n    if (value === '') return\n    e.preventDefault()\n    try {\n      let prettifiedData\n      if ((acceptType === 'BOTH' || acceptType === 'JSON') && isValidJson(value)) {\n        // If it's valid JSON, prettify JSON\n        prettifiedData = JSON.stringify(JSON.parse(value), null, 2)\n      } else if (acceptType === 'BOTH' || acceptType === 'YML') {\n        // If it's not valid JSON, prettify YAML\n        prettifiedData = yaml.dump(yaml.load(value), { indent: 0 })\n      }\n      onChange(prettifiedData)\n      setIsValid(true) // Reset validity status\n    } catch (error) {\n      console.error(error)\n      setIsValid(false)\n    }\n  }\n\n  // Function to check if input is valid JSON\n  const isValidJson = (str) => {\n    try {\n      JSON.parse(str)\n      return true\n    } catch (error) {\n      return false\n    }\n  }\n\n  const checkIsValid = () => {\n    if (acceptType === 'BOTH' || acceptType === 'JSON') {\n      return isValidJson(value)\n    } else if (acceptType === 'BOTH' || acceptType === 'YML') {\n      try {\n        // Try parsing as YAML\n        yaml.load(value)\n        return true\n      } catch (error) {\n        console.error(error)\n        return false\n      }\n    }\n  }\n\n  useEffect(() => {\n    try {\n      handlePrettify(value)\n    } catch {}\n  }, [])\n\n  return (\n    <div\n      className={`${styles['json-editor-container']} ${className} ${\n        fieldIsDisabled ? styles.disabled : ''\n      }`}\n    >\n      {label && <p className={`${styles['json-editor-label']}`}>{label}</p>}\n      <div\n        className={`${styles['json-editor']} ${\n          value !== '' && isValid === false ? styles.invalid : ''\n        }`}\n      >\n        <textarea\n          disabled={fieldIsDisabled}\n          data-id={dataId}\n          value={value}\n          onChange={(e) => {\n            if (fieldIsDisabled) return\n            if (regex.ASCII.test(e.target.value)) {\n              setIsValid(undefined)\n              setDisabledBeautify(true)\n              onChange(e.target.value)\n            }\n          }}\n          onPaste={(e) => {\n            if (fieldIsDisabled) return\n            if (regex.ASCII.test(e.target.value)) {\n              setIsValid(undefined)\n              setDisabledBeautify(true)\n              onChange(e.target.value)\n            }\n          }}\n          min=\"1\"\n          placeholder={placeholder}\n        />\n        {withFooter && (\n          <div className={`${styles['actions-container']}`}>\n            <button\n              type=\"button\"\n              className={styles.validate}\n              onClick={() => {\n                const valid = checkIsValid()\n                setIsValid(valid)\n                onValidation(valid)\n                setDisabledBeautify(!checkIsValid())\n              }}\n              data-id={`${dataId}-VALIDATE-BUTTON`}\n              disabled={value === ''}\n            >\n              Validate\n            </button>\n            <button\n              type=\"button\"\n              disabled={value === '' || disabledBeautify}\n              data-id={`${dataId}-BEAUTIFY-BUTTON`}\n              className={styles.beautify}\n              onClick={handlePrettify}\n            >\n              Beautify\n            </button>\n          </div>\n        )}\n      </div>\n      {(errorMessage || (value !== '' && isValid === false)) && (\n        <p className={styles['error-message']}>{errorMessage || errorMapping[acceptType]}</p>\n      )}\n    </div>\n  )\n}\n\nexport default JsonInput\n"],"names":["errorMapping","BOTH","JSON","YML","JsonInput","placeholder","label","value","onValidation","onChange","dataId","className","errorMessage","acceptType","fieldIsDisabled","withFooter","isValid","setIsValid","useState","disabledBeautify","setDisabledBeautify","handlePrettify","e","preventDefault","prettifiedData","isValidJson","yaml","dump","load","indent","stringify","parse","error","console","str","checkIsValid","useEffect","_a","React","styles","disabled","createElement","invalid","regex","ASCII","test","target","undefined","onPaste","min","type","validate","onClick","valid","beautify"],"mappings":"kMAKA,MAAMA,EAAe,CACnBC,KAAM,8BACNC,KAAM,sBACNC,IAAK,uBAGDC,EAAY,EAChBC,cACAC,QACAC,QACAC,eACAC,WACAC,SACAC,YAAY,GACZC,eACAC,aAAa,OACbC,kBACAC,cAAa,MAEb,MAAOC,EAASC,GAAcC,KACvBC,EAAkBC,GAAuBF,GAAS,GAEnDG,EAAkBC,IACtB,GAAc,KAAVf,EAAJ,CACAe,EAAEC,iBACF,IACE,IAAIC,EACgB,SAAfX,GAAwC,SAAfA,IAA0BY,EAAYlB,GAG1C,SAAfM,GAAwC,QAAfA,IAElCW,EAAiBE,EAAKC,KAAKD,EAAKE,KAAKrB,GAAQ,CAAEsB,OAAQ,KAHvDL,EAAiBtB,KAAK4B,UAAU5B,KAAK6B,MAAMxB,GAAQ,KAAM,GAK3DE,EAASe,GACTP,GAAW,EACZ,CAAC,MAAOe,GACPC,QAAQD,MAAMA,GACdf,GAAW,EACZ,CAhBuB,GAoBpBQ,EAAeS,IACnB,IAEE,OADAhC,KAAK6B,MAAMG,IACJ,CACR,CAAC,MAAOF,GACP,OAAO,CACR,GAGGG,EAAe,KACnB,GAAmB,SAAftB,GAAwC,SAAfA,EAC3B,OAAOY,EAAYlB,GACd,GAAmB,SAAfM,GAAwC,QAAfA,EAClC,IAGE,OADAa,EAAKE,KAAKrB,IACH,CACR,CAAC,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,IACP,CACR,GAUL,OANAI,EAAU,KACR,IACEf,EAAed,EAChB,CAAC,MAAM8B,GAAE,GACT,IAGDC,uBACE3B,UAAW,GAAG4B,EAAO,4BAA4B5B,KAC/CG,EAAkByB,EAAOC,SAAW,MAGrClC,GAASgC,EAAAG,cAAA,IAAA,CAAG9B,UAAW,GAAG4B,EAAO,wBAAyBjC,GAC3DgC,EACEG,cAAA,MAAA,CAAA9B,UAAW,GAAG4B,EAAO,kBACT,KAAVhC,IAA4B,IAAZS,EAAoBuB,EAAOG,QAAU,MAGvDJ,EAAAG,cAAA,WAAA,CACED,SAAU1B,EAAe,UAChBJ,EACTH,MAAOA,EACPE,SAAWa,IACLR,GACA6B,EAAMC,MAAMC,KAAKvB,EAAEwB,OAAOvC,SAC5BU,OAAW8B,GACX3B,GAAoB,GACpBX,EAASa,EAAEwB,OAAOvC,SAGtByC,QAAU1B,IACJR,GACA6B,EAAMC,MAAMC,KAAKvB,EAAEwB,OAAOvC,SAC5BU,OAAW8B,GACX3B,GAAoB,GACpBX,EAASa,EAAEwB,OAAOvC,SAGtB0C,IAAI,IACJ5C,YAAaA,IAEdU,GACCuB,EAAAG,cAAA,MAAA,CAAK9B,UAAW,GAAG4B,EAAO,wBACxBD,EAAAG,cAAA,SAAA,CACES,KAAK,SACLvC,UAAW4B,EAAOY,SAClBC,QAAS,KACP,MAAMC,EAAQlB,IACdlB,EAAWoC,GACX7C,EAAa6C,GACbjC,GAAqBe,MACtB,UACQ,GAAGzB,oBACZ8B,SAAoB,KAAVjC,GAGH,YACT+B,EAAAG,cAAA,SAAA,CACES,KAAK,SACLV,SAAoB,KAAVjC,GAAgBY,EAAgB,UACjC,GAAGT,oBACZC,UAAW4B,EAAOe,SAClBF,QAAS/B,GAAc,eAO7BT,GAA2B,KAAVL,IAA4B,IAAZS,IACjCsB,EAAGG,cAAA,IAAA,CAAA9B,UAAW4B,EAAO,kBAAmB3B,GAAgBZ,EAAaa"}

package/dist/src/components/JsonInput/style.module.scss.js

@@ -1,2 +1,2 @@
-const t="";export{t as default};
+var e={"json-editor-container":"style-module_json-editor-container__JPMHL","json-editor-label":"style-module_json-editor-label__VxUgk","json-editor":"style-module_json-editor__yO-l8","actions-container":"style-module_actions-container__7tKf6",validate:"style-module_validate__J1Kex",beautify:"style-module_beautify__oTEOm",invalid:"style-module_invalid__-YbcX","error-message":"style-module_error-message__AK0nD",disabled:"style-module_disabled__3Ab7k"};export{e as default};
 //# sourceMappingURL=style.module.scss.js.map

package/dist/src/components/LivePreview/LivePreview.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as s,useEffect as i}from"react";import l from"./LivePreview.module.scss.js";import o from"../SimpleLabelValue/SimpleLabelValue.js";import n from"../MethodAccordion/MethodAccordion.js";import{useFormikContext as r}from"../../../node_modules/formik/dist/formik.esm.js";import{tagsTableHeaders as t,methodColorMapping as a}from"../../constants/index.js";import d from"../table/tags-table.js";import{d as c}from"../../../_virtual/index.js";import v from"../Tooltip/Tooltip.js";import m from"../SVGLoader/SVGLoader.js";import p from"../../assets/icons/DownArrow.svg.js";const u=({transformedData:u,openApiErrors:h})=>{var x,j;const[g,D]=s();s({});const[f,N]=s([]);s({});const[b,y]=s(h.length>0),{values:w}=r(),{info:C,components:O,tags:k}=w,{securitySchemes:A}=O,_=A&&"object"==typeof A&&Object.keys(A).length?Object.keys(A)[0]:null;i(()=>{w.tags&&(D(B(w.tags,!0)),N(w.tags))},[w.tags]);const B=(s,i)=>s.map((s,o)=>{var n,r,t,a,d,m,p,u,h,x,j,g,D,f,N,b,y,w,C;return{id:o,tagName:s.name,description:e.jsx(v,{allowHTML:!0,disabled:(null===(n=s.description)||void 0===n?void 0:n.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:s.description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],children:e.jsx("div",{className:l.paramDescContainer,children:e.jsxs("p",{className:l.editDescBtn,children:[s.description?s.description.substring(0,12):"-",s.description&&s.description.length>12?"...":""]})})},`${o}-description`),externalDocs:e.jsxs("div",{className:l.paramDescContainer,children:[s.externalDocs&&s.externalDocs.url&&"-"!=s.externalDocs.url?e.jsxs("a",{className:l.editDescBtn,href:(null===(r=s.externalDocs)||void 0===r?void 0:r.url)&&(null===(t=s.externalDocs)||void 0===t?void 0:t.url.indexOf("http"))>-1?null===(a=s.externalDocs)||void 0===a?void 0:a.url:`https://${null===(d=s.externalDocs)||void 0===d?void 0:d.url}`,rel:"noopener noreferrer",target:"_blank",children:[(null===(m=null==s?void 0:s.externalDocs)||void 0===m?void 0:m.url)&&!(null===(p=null==s?void 0:s.externalDocs)||void 0===p?void 0:p.description)?null===(u=null==s?void 0:s.externalDocs)||void 0===u?void 0:u.url:null,(null===(h=null==s?void 0:s.externalDocs)||void 0===h?void 0:h.description)?null===(j=null===(x=null==s?void 0:s.externalDocs)||void 0===x?void 0:x.description)||void 0===j?void 0:j.substring(0,12):(null===(g=null==s?void 0:s.externalDocs)||void 0===g?void 0:g.url)?null:"-",(null===(D=null==s?void 0:s.externalDocs)||void 0===D?void 0:D.description)&&(null===(N=null===(f=null==s?void 0:s.externalDocs)||void 0===f?void 0:f.description)||void 0===N?void 0:N.length)>12?"...":""]}):e.jsxs(c.Button,{className:l.editDescBtn,variant:"link",color:"action",children:[(null===(b=s.externalDocs)||void 0===b?void 0:b.description)?null===(y=s.externalDocs)||void 0===y?void 0:y.description.substring(0,12):"-",(null===(w=s.externalDocs)||void 0===w?void 0:w.description)&&(null===(C=s.externalDocs)||void 0===C?void 0:C.description.length)>12?"...":""]}),!i&&e.jsx("div",{className:l.paramDescContainer_separator}),!i&&e.jsx(c.Button,{className:l.deleteParamBtn,variant:"link",color:"error",onClick:()=>null})]})}});return!_||(A[_].scheme||A[_].type),e.jsxs("div",{className:l.livePreviewContainer,children:[!!h&&h.length>0&&e.jsx("div",{className:"row",children:e.jsx("div",{className:"col-md-12",children:e.jsx(c.Accordion,{expanded:b,onChange:()=>null,className:l.responseAccordion,summary:e.jsxs("span",{className:l.responseAccordionSummary,onClick:()=>y(e=>!b),children:[e.jsx("div",{className:l.responseAccordionSummary_title,children:"Errors"}),e.jsx(m,{className:b?l.expanded:"",src:p,width:"2rem",height:"2rem"})]}),children:e.jsxs("div",{className:l.accordionContent,children:[e.jsx("span",{children:"Failed to update the OpenAPI documentation. Please resolve the following issues:"}),e.jsx("br",{}),e.jsx("ol",{children:h.map(s=>e.jsx("li",{children:s},s))})]})})})}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col-md-12",children:[e.jsxs("div",{className:l.titleContainer,children:[e.jsx("p",{className:l.apiName,children:(null===(x=null==C?void 0:C.title)||void 0===x?void 0:x.trim())||"-"}),e.jsx(c.Chip,{className:l.livePreviewChip,children:"Live Preview"})]}),e.jsx(o,{label:"Version: ",value:(null==C?void 0:C.version)||"-"},"version"),e.jsx(o,{label:"Description: ",className:l.description_preview,value:(null===(j=null==C?void 0:C.description)||void 0===j?void 0:j.trim())||"-"},"description"),e.jsx(o,{label:"Tags: "},"tags"),e.jsx(d,{id:"tags-table",data:g,headCells:t,isFormOpen:!1,setIsFormOpen:()=>null,saveNewRow:()=>null,readOnly:!0}),e.jsx(o,{label:"Endpoints "},"endpoints"),Object.entries(w.paths.flatMap(e=>e.methods.map(s=>{var i;return Object.assign(Object.assign({},s),{path:e.path,tags:(null===(i=s.tags)||void 0===i?void 0:i.length)?s.tags:["default"]})})).reduce((e,s)=>(s.tags.forEach(i=>{e[i]||(e[i]=[]),e[i].push(s)}),e),{})).map(([s,i])=>e.jsxs("div",{className:l.methodsContainer,children:[e.jsx("h3",{children:s}),i.sort((e,s)=>a[e.type].order-a[s.type].order).map(s=>e.jsx(n,{readOnly:!0,method:s,path:s.path,tags:w.tags},`${s.path}_${s.type}`))]},s))]})})]})};export{u as default};
+import e,{useState as t,useEffect as l}from"react";import n from"./LivePreview.module.scss.js";import o from"../SimpleLabelValue/SimpleLabelValue.js";import a from"../MethodAccordion/MethodAccordion.js";import{useFormikContext as r}from"../../../node_modules/formik/dist/formik.esm.js";import{tagsTableHeaders as i,methodColorMapping as s}from"../../constants/index.js";import c from"../table/tags-table.js";import{d}from"../../../_virtual/index.js";import m from"../Tooltip/Tooltip.js";import v from"../SVGLoader/SVGLoader.js";import p from"../../assets/icons/DownArrow.svg.js";const u=({transformedData:u,openApiErrors:h})=>{var E,g;const[D,x]=t();t({});const[f,N]=t([]);t({});const[y,b]=t(h.length>0),{values:k}=r(),{info:j,components:w,tags:C}=k,{securitySchemes:O}=w,A=O&&"object"==typeof O&&Object.keys(O).length?Object.keys(O)[0]:null;l(()=>{k.tags&&(x(B(k.tags,!0)),N(k.tags))},[k.tags]);const B=(t,l)=>t.map((t,o)=>{var a,r,i,s,c,v,p,u,h,E,g,D,x,f,N,y,b,k,j;return{id:o,tagName:t.name,description:e.createElement(m,{key:`${o}-description`,allowHTML:!0,disabled:(null===(a=t.description)||void 0===a?void 0:a.length)<=12,content:e.createElement("div",{style:{padding:"0.625rem"}},t.description),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0]},e.createElement("div",{className:n.paramDescContainer},e.createElement("p",{className:n.editDescBtn},t.description?t.description.substring(0,12):"-",t.description&&t.description.length>12?"...":""))),externalDocs:e.createElement("div",{className:n.paramDescContainer},t.externalDocs&&t.externalDocs.url&&"-"!=t.externalDocs.url?e.createElement("a",{className:n.editDescBtn,href:(null===(r=t.externalDocs)||void 0===r?void 0:r.url)&&(null===(i=t.externalDocs)||void 0===i?void 0:i.url.indexOf("http"))>-1?null===(s=t.externalDocs)||void 0===s?void 0:s.url:`https://${null===(c=t.externalDocs)||void 0===c?void 0:c.url}`,rel:"noopener noreferrer",target:"_blank"},(null===(v=null==t?void 0:t.externalDocs)||void 0===v?void 0:v.url)&&!(null===(p=null==t?void 0:t.externalDocs)||void 0===p?void 0:p.description)?null===(u=null==t?void 0:t.externalDocs)||void 0===u?void 0:u.url:null,(null===(h=null==t?void 0:t.externalDocs)||void 0===h?void 0:h.description)?null===(g=null===(E=null==t?void 0:t.externalDocs)||void 0===E?void 0:E.description)||void 0===g?void 0:g.substring(0,12):(null===(D=null==t?void 0:t.externalDocs)||void 0===D?void 0:D.url)?null:"-",(null===(x=null==t?void 0:t.externalDocs)||void 0===x?void 0:x.description)&&(null===(N=null===(f=null==t?void 0:t.externalDocs)||void 0===f?void 0:f.description)||void 0===N?void 0:N.length)>12?"...":""):e.createElement(d.Button,{className:n.editDescBtn,variant:"link",color:"action"},(null===(y=t.externalDocs)||void 0===y?void 0:y.description)?null===(b=t.externalDocs)||void 0===b?void 0:b.description.substring(0,12):"-",(null===(k=t.externalDocs)||void 0===k?void 0:k.description)&&(null===(j=t.externalDocs)||void 0===j?void 0:j.description.length)>12?"...":""),!l&&e.createElement("div",{className:n.paramDescContainer_separator}),!l&&e.createElement(d.Button,{className:n.deleteParamBtn,variant:"link",color:"error",onClick:()=>null}))}});return!A||(O[A].scheme||O[A].type),e.createElement("div",{className:n.livePreviewContainer},!!h&&h.length>0&&e.createElement("div",{className:"row"},e.createElement("div",{className:"col-md-12"},e.createElement(d.Accordion,{expanded:y,onChange:()=>null,className:n.responseAccordion,summary:e.createElement("span",{className:n.responseAccordionSummary,onClick:()=>b(e=>!y)},e.createElement("div",{className:n.responseAccordionSummary_title},"Errors"),e.createElement(v,{className:y?n.expanded:"",src:p,width:"2rem",height:"2rem"})),children:e.createElement("div",{className:n.accordionContent},e.createElement("span",null,"Failed to update the OpenAPI documentation. Please resolve the following issues:"),e.createElement("br",null),e.createElement("ol",null,h.map(t=>e.createElement("li",{key:t},t))))}))),e.createElement("div",{className:"row"},e.createElement("div",{className:"col-md-12"},e.createElement("div",{className:n.titleContainer},e.createElement("p",{className:n.apiName},(null===(E=null==j?void 0:j.title)||void 0===E?void 0:E.trim())||"-"),e.createElement(d.Chip,{className:n.livePreviewChip},"Live Preview")),e.createElement(o,{key:"version",label:"Version: ",value:(null==j?void 0:j.version)||"-"}),e.createElement(o,{key:"description",label:"Description: ",className:n.description_preview,value:(null===(g=null==j?void 0:j.description)||void 0===g?void 0:g.trim())||"-"}),e.createElement(o,{key:"tags",label:"Tags: "}),e.createElement(c,{id:"tags-table",data:D,headCells:i,isFormOpen:!1,setIsFormOpen:()=>null,saveNewRow:()=>null,readOnly:!0}),e.createElement(o,{key:"endpoints",label:"Endpoints "}),Object.entries(k.paths.flatMap(e=>e.methods.map(t=>{var l;return Object.assign(Object.assign({},t),{path:e.path,tags:(null===(l=t.tags)||void 0===l?void 0:l.length)?t.tags:["default"]})})).reduce((e,t)=>(t.tags.forEach(l=>{e[l]||(e[l]=[]),e[l].push(t)}),e),{})).map(([t,l])=>e.createElement("div",{className:n.methodsContainer,key:t},e.createElement("h3",null,t),l.sort((e,t)=>s[e.type].order-s[t.type].order).map(t=>e.createElement(a,{key:`${t.path}_${t.type}`,readOnly:!0,method:t,path:t.path,tags:k.tags})))))))};export{u as default};
 //# sourceMappingURL=LivePreview.js.map

package/dist/src/components/LivePreview/LivePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"LivePreview.js","sources":["../../../../src/components/LivePreview/LivePreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport styles from './LivePreview.module.scss'\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\nimport MethodsAccordion from '../../components/MethodAccordion/MethodAccordion'\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\nimport { useFormikContext } from 'formik'\nimport { methodColorMapping, tagsTableHeaders } from '../../constants/index'\nimport TagsTable from '../table/tags-table'\nimport { Accordion, Button, Chip } from 'digitinary-ui'\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\nimport { DownArrowIcon } from '../../assets/icons'\n\ninterface LivePreviewProps {\n  transformedData?: TransformedOpenApi\n  openApiErrors?: any[]\n}\n\nconst LivePreview: React.FC<LivePreviewProps> = ({ transformedData, openApiErrors }) => {\n  const [tableRecords, setTableRecords] = useState()\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\n  const [tableData, setTableData] = useState([])\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\n  const [errorExpanded, setErrorExpanded] = useState(openApiErrors.length > 0)\n  const { values } = useFormikContext<TransformedOpenApi>()\n  const { info, components, tags } = values\n  const { securitySchemes } = components\n  const securityKey =\n    securitySchemes && typeof securitySchemes == 'object' && Object.keys(securitySchemes).length\n      ? Object.keys(securitySchemes)[0]\n      : null\n\n  useEffect(() => {\n    if (values.tags) {\n      setTableRecords(generateTableData(values.tags, true))\n      setTableData(values.tags)\n    }\n  }, [values.tags])\n\n  const generateTableData = (items, readOnly) => {\n    return items.map((item, index) => ({\n      id: index,\n      tagName: item.name,\n      description: (\n        <Tooltip\n          key={`${index}-description`}\n          allowHTML\n          disabled={item.description?.length <= 12}\n          content={<div style={{ padding: '0.625rem' }}>{item.description}</div>}\n          arrowWithBorder\n          placement=\"bottom-end\"\n          type=\"function\"\n          delay={[0, 0]}\n        >\n          <div className={styles.paramDescContainer}>\n            <p className={styles.editDescBtn}>\n              {item.description ? item.description.substring(0, 12) : '-'}\n              {item.description && item.description.length > 12 ? '...' : ''}\n            </p>\n          </div>\n        </Tooltip>\n      ),\n      externalDocs: (\n        <div className={styles.paramDescContainer}>\n          {item.externalDocs && item.externalDocs.url && item.externalDocs.url != '-' ? (\n            <a\n              className={styles.editDescBtn}\n              href={\n                item.externalDocs?.url && item.externalDocs?.url.indexOf('http') > -1\n                  ? item.externalDocs?.url\n                  : `https://${item.externalDocs?.url}`\n              }\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n            >\n              {item?.externalDocs?.url && !item?.externalDocs?.description\n                ? item?.externalDocs?.url\n                : null}\n              {item?.externalDocs?.description\n                ? item?.externalDocs?.description?.substring(0, 12)\n                : !item?.externalDocs?.url\n                ? '-'\n                : null}\n              {item?.externalDocs?.description && item?.externalDocs?.description?.length > 12\n                ? '...'\n                : ''}\n            </a>\n          ) : (\n            <Button className={styles.editDescBtn} variant=\"link\" color=\"action\">\n              {item.externalDocs?.description\n                ? item.externalDocs?.description.substring(0, 12)\n                : '-'}\n              {item.externalDocs?.description && item.externalDocs?.description.length > 12\n                ? '...'\n                : ''}\n            </Button>\n          )}\n\n          {/* </Tooltip> */}\n\n          {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\n\n          {!readOnly && (\n            <Button\n              className={styles.deleteParamBtn}\n              variant=\"link\"\n              color=\"error\"\n              onClick={() => null}\n            ></Button>\n          )}\n        </div>\n      ),\n    }))\n  }\n\n  const securityScheme = !!securityKey\n    ? securitySchemes[securityKey].scheme || securitySchemes[securityKey].type\n    : '-'\n\n  return (\n    <div className={styles.livePreviewContainer}>\n      {!!openApiErrors && openApiErrors.length > 0 && (\n        <div className=\"row\">\n          <div className=\"col-md-12\">\n            <Accordion\n              expanded={errorExpanded}\n              onChange={() => null}\n              className={styles.responseAccordion}\n              summary={\n                <span\n                  className={styles.responseAccordionSummary}\n                  onClick={() => setErrorExpanded((prev) => !errorExpanded)}\n                >\n                  <div className={styles.responseAccordionSummary_title}>Errors</div>\n                  <SVGLoader\n                    className={errorExpanded ? styles.expanded : ''}\n                    src={DownArrowIcon}\n                    width=\"2rem\"\n                    height=\"2rem\"\n                  />\n                </span>\n              }\n              children={\n                <div className={styles.accordionContent}>\n                  <span>\n                    Failed to update the OpenAPI documentation. Please resolve the following issues:\n                  </span>\n                  <br />\n                  <ol>\n                    {openApiErrors.map((errItem) => (\n                      <li key={errItem}>{errItem}</li>\n                    ))}\n                  </ol>\n                </div>\n              }\n            />\n          </div>\n        </div>\n      )}\n      <div className=\"row\">\n        <div className=\"col-md-12\">\n          <div className={styles.titleContainer}>\n            <p className={styles.apiName}>{info?.title?.trim() || '-'}</p>\n            <Chip className={styles.livePreviewChip}>Live Preview</Chip>\n          </div>\n          <SimpleLabelValue key={'version'} label={'Version: '} value={info?.version || '-'} />\n          <SimpleLabelValue\n            key={'description'}\n            label={'Description: '}\n            className={styles.description_preview}\n            value={info?.description?.trim() || '-'}\n          />\n\n          <SimpleLabelValue key={'tags'} label={'Tags: '} />\n          <TagsTable\n            id=\"tags-table\"\n            data={tableRecords}\n            headCells={tagsTableHeaders}\n            isFormOpen={false}\n            setIsFormOpen={() => null}\n            saveNewRow={() => null}\n            readOnly={true}\n          />\n\n          <SimpleLabelValue key={'endpoints'} label={'Endpoints '} />\n          {Object.entries(\n            values.paths\n              .flatMap((path) =>\n                path.methods.map((method) => ({\n                  ...method,\n                  path: path.path,\n                  tags: method.tags?.length ? method.tags : ['default'],\n                }))\n              )\n              .reduce((acc, method) => {\n                method.tags.forEach((tag) => {\n                  if (!acc[tag]) acc[tag] = []\n                  acc[tag].push(method)\n                })\n                return acc\n              }, {} as Record<string, any[]>)\n          ).map(([tag, methods]) => (\n            <div className={styles.methodsContainer} key={tag}>\n              <h3>{tag}</h3>\n              {methods\n                .sort((a, b) => methodColorMapping[a.type].order - methodColorMapping[b.type].order)\n                .map((method) => (\n                  <MethodsAccordion\n                    key={`${method.path}_${method.type}`}\n                    readOnly\n                    method={method}\n                    path={method.path}\n                    tags={values.tags}\n                  />\n                ))}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default LivePreview\n"],"names":["LivePreview","transformedData","openApiErrors","tableRecords","setTableRecords","useState","tableData","setTableData","errorExpanded","setErrorExpanded","length","values","useFormikContext","info","components","tags","securitySchemes","securityKey","Object","keys","useEffect","generateTableData","items","readOnly","map","item","index","id","tagName","name","description","_jsx","jsx","Tooltip","allowHTML","disabled","_a","content","style","padding","children","arrowWithBorder","placement","type","delay","className","styles","paramDescContainer","_jsxs","jsxs","editDescBtn","substring","externalDocs","url","href","_b","_c","indexOf","_d","_e","rel","target","_f","_g","_h","_j","_l","_k","_m","_o","_q","_p","Button","variant","color","_r","_s","_t","_u","paramDescContainer_separator","deleteParamBtn","onClick","scheme","livePreviewContainer","Accordion","expanded","onChange","responseAccordion","summary","responseAccordionSummary","prev","responseAccordionSummary_title","SVGLoader","src","DownArrowIcon","width","height","accordionContent","errItem","titleContainer","apiName","title","trim","Chip","livePreviewChip","SimpleLabelValue","label","value","version","description_preview","TagsTable","data","headCells","tagsTableHeaders","isFormOpen","setIsFormOpen","saveNewRow","entries","paths","flatMap","path","methods","method","assign","reduce","acc","forEach","tag","push","methodsContainer","sort","a","b","methodColorMapping","order","MethodsAccordion"],"mappings":"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"}
+{"version":3,"file":"LivePreview.js","sources":["../../../../src/components/LivePreview/LivePreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport styles from './LivePreview.module.scss'\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\nimport MethodsAccordion from '../../components/MethodAccordion/MethodAccordion'\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\nimport { useFormikContext } from 'formik'\nimport { methodColorMapping, tagsTableHeaders } from '../../constants/index'\nimport TagsTable from '../table/tags-table'\nimport { Accordion, Button, Chip } from 'digitinary-ui'\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\nimport { DownArrowIcon } from '../../assets/icons'\n\ninterface LivePreviewProps {\n  transformedData?: TransformedOpenApi\n  openApiErrors?: any[]\n}\n\nconst LivePreview: React.FC<LivePreviewProps> = ({ transformedData, openApiErrors }) => {\n  const [tableRecords, setTableRecords] = useState()\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\n  const [tableData, setTableData] = useState([])\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\n  const [errorExpanded, setErrorExpanded] = useState(openApiErrors.length > 0)\n  const { values } = useFormikContext<TransformedOpenApi>()\n  const { info, components, tags } = values\n  const { securitySchemes } = components\n  const securityKey =\n    securitySchemes && typeof securitySchemes == 'object' && Object.keys(securitySchemes).length\n      ? Object.keys(securitySchemes)[0]\n      : null\n\n  useEffect(() => {\n    if (values.tags) {\n      setTableRecords(generateTableData(values.tags, true))\n      setTableData(values.tags)\n    }\n  }, [values.tags])\n\n  const generateTableData = (items, readOnly) => {\n    return items.map((item, index) => ({\n      id: index,\n      tagName: item.name,\n      description: (\n        <Tooltip\n          key={`${index}-description`}\n          allowHTML\n          disabled={item.description?.length <= 12}\n          content={<div style={{ padding: '0.625rem' }}>{item.description}</div>}\n          arrowWithBorder\n          placement=\"bottom-end\"\n          type=\"function\"\n          delay={[0, 0]}\n        >\n          <div className={styles.paramDescContainer}>\n            <p className={styles.editDescBtn}>\n              {item.description ? item.description.substring(0, 12) : '-'}\n              {item.description && item.description.length > 12 ? '...' : ''}\n            </p>\n          </div>\n        </Tooltip>\n      ),\n      externalDocs: (\n        <div className={styles.paramDescContainer}>\n          {item.externalDocs && item.externalDocs.url && item.externalDocs.url != '-' ? (\n            <a\n              className={styles.editDescBtn}\n              href={\n                item.externalDocs?.url && item.externalDocs?.url.indexOf('http') > -1\n                  ? item.externalDocs?.url\n                  : `https://${item.externalDocs?.url}`\n              }\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n            >\n              {item?.externalDocs?.url && !item?.externalDocs?.description\n                ? item?.externalDocs?.url\n                : null}\n              {item?.externalDocs?.description\n                ? item?.externalDocs?.description?.substring(0, 12)\n                : !item?.externalDocs?.url\n                ? '-'\n                : null}\n              {item?.externalDocs?.description && item?.externalDocs?.description?.length > 12\n                ? '...'\n                : ''}\n            </a>\n          ) : (\n            <Button className={styles.editDescBtn} variant=\"link\" color=\"action\">\n              {item.externalDocs?.description\n                ? item.externalDocs?.description.substring(0, 12)\n                : '-'}\n              {item.externalDocs?.description && item.externalDocs?.description.length > 12\n                ? '...'\n                : ''}\n            </Button>\n          )}\n\n          {/* </Tooltip> */}\n\n          {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\n\n          {!readOnly && (\n            <Button\n              className={styles.deleteParamBtn}\n              variant=\"link\"\n              color=\"error\"\n              onClick={() => null}\n            ></Button>\n          )}\n        </div>\n      ),\n    }))\n  }\n\n  const securityScheme = !!securityKey\n    ? securitySchemes[securityKey].scheme || securitySchemes[securityKey].type\n    : '-'\n\n  return (\n    <div className={styles.livePreviewContainer}>\n      {!!openApiErrors && openApiErrors.length > 0 && (\n        <div className=\"row\">\n          <div className=\"col-md-12\">\n            <Accordion\n              expanded={errorExpanded}\n              onChange={() => null}\n              className={styles.responseAccordion}\n              summary={\n                <span\n                  className={styles.responseAccordionSummary}\n                  onClick={() => setErrorExpanded((prev) => !errorExpanded)}\n                >\n                  <div className={styles.responseAccordionSummary_title}>Errors</div>\n                  <SVGLoader\n                    className={errorExpanded ? styles.expanded : ''}\n                    src={DownArrowIcon}\n                    width=\"2rem\"\n                    height=\"2rem\"\n                  />\n                </span>\n              }\n              children={\n                <div className={styles.accordionContent}>\n                  <span>\n                    Failed to update the OpenAPI documentation. Please resolve the following issues:\n                  </span>\n                  <br />\n                  <ol>\n                    {openApiErrors.map((errItem) => (\n                      <li key={errItem}>{errItem}</li>\n                    ))}\n                  </ol>\n                </div>\n              }\n            />\n          </div>\n        </div>\n      )}\n      <div className=\"row\">\n        <div className=\"col-md-12\">\n          <div className={styles.titleContainer}>\n            <p className={styles.apiName}>{info?.title?.trim() || '-'}</p>\n            <Chip className={styles.livePreviewChip}>Live Preview</Chip>\n          </div>\n          <SimpleLabelValue key={'version'} label={'Version: '} value={info?.version || '-'} />\n          <SimpleLabelValue\n            key={'description'}\n            label={'Description: '}\n            className={styles.description_preview}\n            value={info?.description?.trim() || '-'}\n          />\n\n          <SimpleLabelValue key={'tags'} label={'Tags: '} />\n          <TagsTable\n            id=\"tags-table\"\n            data={tableRecords}\n            headCells={tagsTableHeaders}\n            isFormOpen={false}\n            setIsFormOpen={() => null}\n            saveNewRow={() => null}\n            readOnly={true}\n          />\n\n          <SimpleLabelValue key={'endpoints'} label={'Endpoints '} />\n          {Object.entries(\n            values.paths\n              .flatMap((path) =>\n                path.methods.map((method) => ({\n                  ...method,\n                  path: path.path,\n                  tags: method.tags?.length ? method.tags : ['default'],\n                }))\n              )\n              .reduce((acc, method) => {\n                method.tags.forEach((tag) => {\n                  if (!acc[tag]) acc[tag] = []\n                  acc[tag].push(method)\n                })\n                return acc\n              }, {} as Record<string, any[]>)\n          ).map(([tag, methods]) => (\n            <div className={styles.methodsContainer} key={tag}>\n              <h3>{tag}</h3>\n              {methods\n                .sort((a, b) => methodColorMapping[a.type].order - methodColorMapping[b.type].order)\n                .map((method) => (\n                  <MethodsAccordion\n                    key={`${method.path}_${method.type}`}\n                    readOnly\n                    method={method}\n                    path={method.path}\n                    tags={values.tags}\n                  />\n                ))}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default LivePreview\n"],"names":["LivePreview","transformedData","openApiErrors","tableRecords","setTableRecords","useState","tableData","setTableData","errorExpanded","setErrorExpanded","length","values","useFormikContext","info","components","tags","securitySchemes","securityKey","Object","keys","useEffect","generateTableData","items","readOnly","map","item","index","id","tagName","name","description","React","createElement","Tooltip","key","allowHTML","disabled","_a","content","style","padding","arrowWithBorder","placement","type","delay","className","styles","paramDescContainer","editDescBtn","substring","externalDocs","url","href","_b","_c","indexOf","_d","_e","rel","target","_f","_g","_h","_j","_l","_k","_m","_o","_q","_p","Button","variant","color","_r","_s","_t","_u","paramDescContainer_separator","deleteParamBtn","onClick","scheme","livePreviewContainer","Accordion","expanded","onChange","responseAccordion","summary","responseAccordionSummary","prev","responseAccordionSummary_title","SVGLoader","src","DownArrowIcon","width","height","children","accordionContent","errItem","titleContainer","apiName","title","trim","Chip","livePreviewChip","SimpleLabelValue","label","value","version","description_preview","TagsTable","data","headCells","tagsTableHeaders","isFormOpen","setIsFormOpen","saveNewRow","entries","paths","flatMap","path","methods","method","assign","reduce","acc","forEach","tag","push","methodsContainer","sort","a","b","methodColorMapping","order","MethodsAccordion"],"mappings":"mkBAkBM,MAAAA,EAA0C,EAAGC,kBAAiBC,4BAClE,MAAOC,EAAcC,GAAmBC,IACFA,EAAiC,CAAA,GACvE,MAAOC,EAAWC,GAAgBF,EAAS,IACWA,EAAiC,CAAA,GACvF,MAAOG,EAAeC,GAAoBJ,EAASH,EAAcQ,OAAS,IACpEC,OAAEA,GAAWC,KACbC,KAAEA,EAAIC,WAAEA,EAAUC,KAAEA,GAASJ,GAC7BK,gBAAEA,GAAoBF,EACtBG,EACJD,GAA6C,iBAAnBA,GAA+BE,OAAOC,KAAKH,GAAiBN,OAClFQ,OAAOC,KAAKH,GAAiB,GAC7B,KAENI,EAAU,KACJT,EAAOI,OACTX,EAAgBiB,EAAkBV,EAAOI,MAAM,IAC/CR,EAAaI,EAAOI,QAErB,CAACJ,EAAOI,OAEX,MAAMM,EAAoB,CAACC,EAAOC,IACzBD,EAAME,IAAI,CAACC,EAAMC,+CAAU,MAAC,CACjCC,GAAID,EACJE,QAASH,EAAKI,KACdC,YACEC,EAAAC,cAACC,EAAO,CACNC,IAAK,GAAGR,gBACRS,WAAS,EACTC,UAA4B,QAAlBC,EAAAZ,EAAKK,mBAAa,IAAAO,OAAA,EAAAA,EAAA3B,SAAU,GACtC4B,QAASP,EAAAC,cAAA,MAAA,CAAKO,MAAO,CAAEC,QAAS,aAAef,EAAKK,aACpDW,iBAAe,EACfC,UAAU,aACVC,KAAK,WACLC,MAAO,CAAC,EAAG,IAEXb,EAAAC,cAAA,MAAA,CAAKa,UAAWC,EAAOC,oBACrBhB,EAAAC,cAAA,IAAA,CAAGa,UAAWC,EAAOE,aAClBvB,EAAKK,YAAcL,EAAKK,YAAYmB,UAAU,EAAG,IAAM,IACvDxB,EAAKK,aAAeL,EAAKK,YAAYpB,OAAS,GAAK,MAAQ,MAKpEwC,aACEnB,EAAAC,cAAA,MAAA,CAAKa,UAAWC,EAAOC,oBACpBtB,EAAKyB,cAAgBzB,EAAKyB,aAAaC,KAAgC,KAAzB1B,EAAKyB,aAAaC,IAC/DpB,EAAAC,cAAA,IAAA,CACEa,UAAWC,EAAOE,YAClBI,MACmB,QAAjBC,EAAA5B,EAAKyB,oBAAY,IAAAG,OAAA,EAAAA,EAAEF,OAA0B,QAAnBG,EAAA7B,EAAKyB,oBAAc,IAAAI,OAAA,EAAAA,EAAAH,IAAII,QAAQ,UAAW,UAChEC,EAAA/B,EAAKyB,mCAAcC,IACnB,WAA8B,QAAnBM,EAAAhC,EAAKyB,oBAAc,IAAAO,OAAA,EAAAA,EAAAN,MAEpCO,IAAI,sBACJC,OAAO,WAEY,QAAlBC,EAAAnC,eAAAA,EAAMyB,oBAAY,IAAAU,OAAA,EAAAA,EAAET,QAA4B,QAApBU,EAAApC,aAAI,EAAJA,EAAMyB,oBAAc,IAAAW,OAAA,EAAAA,EAAA/B,aAC3B,QAAlBgC,EAAArC,eAAAA,EAAMyB,oBAAY,IAAAY,OAAA,EAAAA,EAAEX,IACpB,MACe,QAAlBY,EAAAtC,eAAAA,EAAMyB,oBAAY,IAAAa,OAAA,EAAAA,EAAEjC,aACgB,QAAjCkC,EAAkB,QAAlBC,EAAAxC,eAAAA,EAAMyB,oBAAY,IAAAe,OAAA,EAAAA,EAAEnC,mBAAa,IAAAkC,OAAA,EAAAA,EAAAf,UAAU,EAAG,KAC3B,QAAlBiB,EAAAzC,aAAI,EAAJA,EAAMyB,oBAAY,IAAAgB,OAAA,EAAAA,EAAEf,KAErB,KADA,KAEe,QAAlBgB,EAAA1C,aAAI,EAAJA,EAAMyB,oBAAY,IAAAiB,OAAA,EAAAA,EAAErC,eAA8C,QAA/BsC,EAAkB,UAAlB3C,aAAI,EAAJA,EAAMyB,oBAAY,IAAAmB,OAAA,EAAAA,EAAEvC,mBAAW,IAAAsC,OAAA,EAAAA,EAAE1D,QAAS,GAC1E,MACA,IAGNqB,EAAAC,cAACsC,EAAMA,OAAA,CAACzB,UAAWC,EAAOE,YAAauB,QAAQ,OAAOC,MAAM,mBACzDC,EAAAhD,EAAKyB,mCAAcpB,aACC,QAAjB4C,EAAAjD,EAAKyB,oBAAY,IAAAwB,OAAA,EAAAA,EAAE5C,YAAYmB,UAAU,EAAG,IAC5C,KACc,UAAjBxB,EAAKyB,oBAAY,IAAAyB,OAAA,EAAAA,EAAE7C,eAAgC,QAAjB8C,EAAAnD,EAAKyB,oBAAY,IAAA0B,OAAA,EAAAA,EAAE9C,YAAYpB,QAAS,GACvE,MACA,KAMNa,GAAYQ,EAAKC,cAAA,MAAA,CAAAa,UAAWC,EAAO+B,gCAEnCtD,GACAQ,EAAAC,cAACsC,EAAMA,OAAA,CACLzB,UAAWC,EAAOgC,eAClBP,QAAQ,OACRC,MAAM,QACNO,QAAS,IAAM,WAY3B,OAJyB9D,IACrBD,EAAgBC,GAAa+D,QAAUhE,EAAgBC,GAAa0B,MAItEZ,EAAKC,cAAA,MAAA,CAAAa,UAAWC,EAAOmC,wBAClB/E,GAAiBA,EAAcQ,OAAS,GACzCqB,EAAKC,cAAA,MAAA,CAAAa,UAAU,OACbd,EAAKC,cAAA,MAAA,CAAAa,UAAU,aACbd,EAAAC,cAACkD,YACC,CAAAC,SAAU3E,EACV4E,SAAU,IAAM,KAChBvC,UAAWC,EAAOuC,kBAClBC,QACEvD,EACEC,cAAA,OAAA,CAAAa,UAAWC,EAAOyC,yBAClBR,QAAS,IAAMtE,EAAkB+E,IAAUhF,IAE3CuB,EAAAC,cAAA,MAAA,CAAKa,UAAWC,EAAO2C,gCAA4C,UACnE1D,EAAAC,cAAC0D,EACC,CAAA7C,UAAWrC,EAAgBsC,EAAOqC,SAAW,GAC7CQ,IAAKC,EACLC,MAAM,OACNC,OAAO,UAIbC,SACEhE,EAAAC,cAAA,MAAA,CAAKa,UAAWC,EAAOkD,kBACrBjE,EAEOC,cAAA,OAAA,KAAA,oFACPD,EAAMC,cAAA,KAAA,MACND,EACGC,cAAA,KAAA,KAAA9B,EAAcsB,IAAKyE,GAClBlE,EAAIC,cAAA,KAAA,CAAAE,IAAK+D,GAAUA,UASnClE,EAAKC,cAAA,MAAA,CAAAa,UAAU,OACbd,EAAKC,cAAA,MAAA,CAAAa,UAAU,aACbd,EAAAC,cAAA,MAAA,CAAKa,UAAWC,EAAOoD,gBACrBnE,EAAGC,cAAA,IAAA,CAAAa,UAAWC,EAAOqD,UAAqB,UAAXtF,aAAA,EAAAA,EAAMuF,aAAK,IAAA/D,OAAA,EAAAA,EAAEgE,SAAU,KACtDtE,EAACC,cAAAsE,EAAAA,MAAKzD,UAAWC,EAAOyD,kCAE1BxE,EAACC,cAAAwE,GAAiBtE,IAAK,UAAWuE,MAAO,YAAaC,OAAO7F,aAAI,EAAJA,EAAM8F,UAAW,MAC9E5E,EAAAC,cAACwE,EAAgB,CACftE,IAAK,cACLuE,MAAO,gBACP5D,UAAWC,EAAO8D,oBAClBF,OAA0B,QAAnBrD,EAAAxC,aAAA,EAAAA,EAAMiB,mBAAa,IAAAuB,OAAA,EAAAA,EAAAgD,SAAU,MAGtCtE,EAACC,cAAAwE,GAAiBtE,IAAK,OAAQuE,MAAO,WACtC1E,EAAAC,cAAC6E,EAAS,CACRlF,GAAG,aACHmF,KAAM3G,EACN4G,UAAWC,EACXC,YAAY,EACZC,cAAe,IAAM,KACrBC,WAAY,IAAM,KAClB5F,UAAU,IAGZQ,EAACC,cAAAwE,GAAiBtE,IAAK,YAAauE,MAAO,eAC1CvF,OAAOkG,QACNzG,EAAO0G,MACJC,QAASC,GACRA,EAAKC,QAAQhG,IAAKiG,UAAW,OACxBvG,OAAAwG,OAAAxG,OAAAwG,OAAA,CAAA,EAAAD,GACH,CAAAF,KAAMA,EAAKA,KACXxG,MAAiB,UAAX0G,EAAO1G,YAAI,IAAAsB,OAAA,EAAAA,EAAE3B,QAAS+G,EAAO1G,KAAO,CAAC,gBAG9C4G,OAAO,CAACC,EAAKH,KACZA,EAAO1G,KAAK8G,QAASC,IACdF,EAAIE,KAAMF,EAAIE,GAAO,IAC1BF,EAAIE,GAAKC,KAAKN,KAETG,GACN,CAAA,IACLpG,IAAI,EAAEsG,EAAKN,KACXzF,EAAAC,cAAA,MAAA,CAAKa,UAAWC,EAAOkF,iBAAkB9F,IAAK4F,GAC5C/F,EAAAC,cAAA,KAAA,KAAK8F,GACJN,EACES,KAAK,CAACC,EAAGC,IAAMC,EAAmBF,EAAEvF,MAAM0F,MAAQD,EAAmBD,EAAExF,MAAM0F,OAC7E7G,IAAKiG,GACJ1F,EAACC,cAAAsG,EACC,CAAApG,IAAK,GAAGuF,EAAOF,QAAQE,EAAO9E,OAC9BpB,UAAQ,EACRkG,OAAQA,EACRF,KAAME,EAAOF,KACbxG,KAAMJ,EAAOI"}

package/dist/src/components/LivePreview/LivePreview.module.scss.js

@@ -1,2 +1,2 @@
-const t="";export{t as default};
+var e={livePreviewContainer:"LivePreview-module_livePreviewContainer__7S1Mr",titleContainer:"LivePreview-module_titleContainer__vMDr-",apiName:"LivePreview-module_apiName__WB7Tj",livePreviewChip:"LivePreview-module_livePreviewChip__88LXD",description_preview:"LivePreview-module_description_preview__2lliM",requestAccordion:"LivePreview-module_requestAccordion__VIG5P",responseAccordion:"LivePreview-module_responseAccordion__GMGGS",accordionContent:"LivePreview-module_accordionContent__PX9CG",requestAccordionSummary:"LivePreview-module_requestAccordionSummary__RYARp",responseAccordionSummary:"LivePreview-module_responseAccordionSummary__OgBYZ",responseAccordionSummary_title:"LivePreview-module_responseAccordionSummary_title__wNgLK",requestAccordionSummary_title:"LivePreview-module_requestAccordionSummary_title__XDfDn",expanded:"LivePreview-module_expanded__afexX",statusCodeOptionContainer:"LivePreview-module_statusCodeOptionContainer__fYcR5",statusCodeOptionCircle:"LivePreview-module_statusCodeOptionCircle__hZocT"};export{e as default};
 //# sourceMappingURL=LivePreview.module.scss.js.map

package/dist/src/components/MethodAccordion/MethodAccordion.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as s,useRef as n,useEffect as o}from"react";import{d as i}from"../../../_virtual/index.js";import l from"../SVGLoader/SVGLoader.js";import r from"../../assets/icons/DownArrow.svg.js";import t from"../../assets/icons/CloseIcon.svg.js";import a from"../../assets/icons/DeleteIcon.svg.js";import d from"../../assets/icons/EditIcon.svg.js";import c from"../../assets/icons/DeleteOutlinedIcon.svg.js";import m from"../../assets/icons/Plus.svg.js";import u from"../../assets/icons/PlusSquare.svg.js";import{httpStatusCodes as p,methodColorMapping as v,paramsTableHeaders as h}from"../../constants/index.js";import j from"../Tooltip/Tooltip.js";import x from"../SimpleLabelValue/SimpleLabelValue.js";import{handleStatusColor as g,capitalize as y}from"../../helpers/methodAccordion.helper.js";import b from"../table/table.js";import C from"../dialog/index.js";import N from"../JsonInput/JsonInput.js";import f from"./MethodAccordion.module.scss.js";import w from"../../constants/regex.js";const D=p.map(s=>({label:e.jsxs("div",{className:f.statusCodeOptionContainer,children:[e.jsx("div",{className:f.statusCodeOptionCircle,style:{backgroundColor:g(s)}}),e.jsx("span",{children:s})]}),value:s})),T=({method:p,path:g,setFieldValue:T,readOnly:I,tags:S,isOpen:$,setIsOpen:A,errors:k})=>{var B,q,O,E,L,_,F,W;const[H,R]=s({request:!1,response:!1,method:!1}),[V,M]=s(!1),[P,z]=s(!1),[J,G]=s({}),[X,K]=s([]);s([]);const[Q,U]=s(!1),[Y,Z]=s(!1),[ee,se]=s(null),[ne,oe]=s(null),[ie,le]=s(null),[re,te]=s(),[ae,de]=s([]),[ce,me]=s([]),[ue,pe]=s(D[4]),[ve,he]=s([]),[je,xe]=s(null),[ge,ye]=s(-1),be=n(null),Ce=p.responses.find(e=>Number(e.code)===ue.value)||"{}",Ne=n(-1),fe=(e,s,n)=>{const o=X.map((o,i)=>i===n?Object.assign(Object.assign({},o),{[e]:s}):o);K(o)};o(()=>{$&&be.current&&be.current.scrollIntoView({behavior:"smooth",block:"start"})},[$]);const we=(s,n)=>Object.keys(s).map((o,r)=>{var t,c,v,h,x,g,b,C,N,D,S,$,A;const k=s[o];return{id:`header_${r}`,paramName:o,paramType:y("header"),schemaType:`${y(null===(t=null==k?void 0:k.schema)||void 0===t?void 0:t.type)||""} ${"array"==(null===(v=null===(c=null==k?void 0:k.schema)||void 0===c?void 0:c.type)||void 0===v?void 0:v.toLowerCase())&&(null===(h=null==k?void 0:k.schema)||void 0===h?void 0:h.items)&&(null===(g=null===(x=null==k?void 0:k.schema)||void 0===x?void 0:x.items)||void 0===g?void 0:g.type)?` _ ${y(null===(C=null===(b=null==k?void 0:k.schema)||void 0===b?void 0:b.items)||void 0===C?void 0:C.type)}`:""}`,required:e.jsx(e.Fragment,{children:I?k.required?"True":"False":e.jsx(i.Switch,{checked:k.required,onClick:()=>{if(I)return null;T(`responses[${n}].headers[${o}].required`,!k.required)}})}),description:e.jsxs("div",{className:f.paramDescContainer,children:[e.jsx(j,{allowHTML:!0,disabled:(null===(N=p.responses[n].headers[o].description)||void 0===N?void 0:N.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:p.responses[n].headers[o].description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=J[r])||void 0===e?void 0:e.hide()},children:e.jsxs("p",{style:{alignSelf:"center"},children:[p.responses[n].headers[o].description?p.responses[n].headers[o].description.substring(0,12):I&&"-",p.responses[n].headers[o].description&&p.responses[n].headers[o].description.length>12?"...":""]})},`${r}-description`),!I&&e.jsx(j,{allowHTML:!0,arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>G(s=>Object.assign(Object.assign({},s),{[r]:e})),content:e.jsxs("div",{className:f.editDescTooltipContent,children:[e.jsx("p",{className:f.editDescTooltipContent_header,children:"Description"}),e.jsx(i.TextArea,{placeholder:"Describe parameter...",value:k.description,disabled:I,maxLength:120,onChange:e=>{(""===e||w.ASCII.test(e))&&T(`responses[${Ne.current}].headers[${o}].description`,e)}}),!I&&e.jsx(i.Button,{className:f.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e,s;T(`responses[${n}].headers[${o}].description`,null===(e=k.description)||void 0===e?void 0:e.trim()),null===(s=J[r])||void 0===s||s.hide()},disabled:!(null===(D=k.description)||void 0===D?void 0:D.trim()),children:"Apply"})]}),children:I||(null===(S=p.responses[n].headers[o].description)||void 0===S?void 0:S.length)>0?e.jsx(i.Button,{className:f.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(l,{src:d,width:"1.5rem",height:"1.5rem"})}):e.jsxs(i.Button,{className:f.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(l,{src:d,width:"1.5rem",height:"1.5rem"}),children:[I?"View ":"Add "," Description"]})},`${r}-add-edit-description`),!I&&e.jsx("div",{className:f.paramDescContainer_separator}),!I&&e.jsx(i.Button,{className:f.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(l,{src:a,width:"1.125rem",height:"1.125rem"}),onClick:()=>Te(r,o)})]}),enum:e.jsx(e.Fragment,{children:I?e.jsx("span",{className:"enumText",children:null===(A=null===($=null==k?void 0:k.schema)||void 0===$?void 0:$.enum)||void 0===A?void 0:A.join("/​")}):e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:(()=>{var s,n,r;const t=null===(n=null===(s=null==p?void 0:p.responses[ge])||void 0===s?void 0:s.headers[o])||void 0===n?void 0:n.schema,a=null===(r=null==t?void 0:t.type)||void 0===r?void 0:r.toLowerCase(),d="array"===a||"object"===a,c=(null==t?void 0:t.enum)||[];return!t||d?"-":e.jsx(j,{disabled:d,arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>xe(e),content:e.jsxs("div",{className:f.editDescTooltipContent,children:[e.jsx("p",{className:f.editDescTooltipContent_header,children:"Enum"}),c.map((s,n)=>e.jsx(i.Input,{className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:s,onChange:e=>{T(`responses[${ge}].headers["${o}"].schema.enum[${n}]`,e)}},n)),e.jsxs("p",{className:"addEnumButton",onClick:()=>{T(`responses[${ge}].headers["${o}"].schema.enum`,[...c,""])},children:[e.jsx(l,{src:u}),"Add New Enum"]}),!I&&e.jsx(i.Button,{className:f.editDescTooltipContent_btn,variant:"outlined",size:"small",type:"button",onClick:()=>{T(`responses[${ge}].headers["${o}"].schema.enum`,[...c]),he([]),null==je||je.hide()},disabled:0===c.length||c.some(e=>!e),children:"Apply"})]}),children:c.length>0?e.jsx("span",{className:"enumText",children:c.join("/​")}):e.jsx(i.Button,{className:f.editDescBtn,id:"EnumButton",variant:"link",color:"action",endIcon:e.jsx(l,{id:"enumIcon",src:m,width:"1.5rem",height:"1.5rem"}),children:"Add"})})})()})})}}),De=(e,s)=>{se(e),le(s),U(!0)},Te=(e,s)=>{oe(e),le(s),Z(!0)};return o(()=>{var s;te(null==(s=X)?void 0:s.map((s,n)=>{var o,r,t,c,v,h,x,g,b,C,N,D,S,$,A,k,B,q,O,E,L,_,F,W,H,R,V,M,P,z,X,K,Q,U,Y,Z,ee,se,ne,oe,ie,le,re,te,ae,de,ce,me,ue;return{id:n,paramName:s.name,paramType:y(s.in),schemaType:`${y(null===(o=null==s?void 0:s.schema)||void 0===o?void 0:o.type)||""} ${"array"==(null===(t=null===(r=null==s?void 0:s.schema)||void 0===r?void 0:r.type)||void 0===t?void 0:t.toLowerCase())&&(null===(c=null==s?void 0:s.schema)||void 0===c?void 0:c.items)&&(null===(h=null===(v=null==s?void 0:s.schema)||void 0===v?void 0:v.items)||void 0===h?void 0:h.type)?` _ ${y(null===(g=null===(x=null==s?void 0:s.schema)||void 0===x?void 0:x.items)||void 0===g?void 0:g.type)}`:""}`,required:e.jsx(e.Fragment,{children:I?s.required?"True":"False":e.jsx(i.Switch,{checked:s.required,onClick:()=>{if(I)return null;fe("required",!s.required,n),T(`parameters[${n}][required]`,!s.required)}})}),description:e.jsxs("div",{className:f.paramDescContainer,children:[e.jsx(j,{allowHTML:!0,disabled:(null===(b=p.parameters[n].description)||void 0===b?void 0:b.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:p.parameters[n].description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=J[n])||void 0===e?void 0:e.hide()},children:e.jsxs("p",{style:{alignSelf:"center"},children:[p.parameters[n].description?p.parameters[n].description.substring(0,12):I&&"-",p.parameters[n].description&&p.parameters[n].description.length>12?"...":""]})},`${n}-description`),!I&&e.jsx(j,{allowHTML:!0,arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>G(s=>Object.assign(Object.assign({},s),{[n]:e})),content:e.jsxs("div",{className:f.editDescTooltipContent,children:[e.jsx("p",{className:f.editDescTooltipContent_header,children:"Description"}),e.jsx(i.TextArea,{placeholder:"Describe parameter...",value:s.description,disabled:I,maxLength:120,onChange:e=>{(""===e||w.ASCII.test(e))&&fe("description",e,n)}}),!I&&e.jsx(i.Button,{className:f.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e,o;T(`parameters[${n}].description`,null===(e=s.description)||void 0===e?void 0:e.trim()),null===(o=J[n])||void 0===o||o.hide()},disabled:!(null===(C=s.description)||void 0===C?void 0:C.trim()),children:"Apply"})]}),children:I||(null===(N=p.parameters[n].description)||void 0===N?void 0:N.length)>0?e.jsx(i.Button,{className:f.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(l,{src:d,width:"1.5rem",height:"1.5rem"})}):e.jsxs(i.Button,{className:f.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(l,{src:d,width:"1.5rem",height:"1.5rem"}),children:[I?"View ":"Add "," Description"]})},`${n}-add-edit-description`),!I&&e.jsx("div",{className:f.paramDescContainer_separator}),!I&&e.jsx(i.Button,{className:f.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(l,{src:a,width:"1.125rem",height:"1.125rem"}),onClick:()=>De(n,s.name)})]}),enum:e.jsx(e.Fragment,{children:I?e.jsx("span",{className:"enumText",children:null===(S=null===(D=null==s?void 0:s.schema)||void 0===D?void 0:D.enum)||void 0===S?void 0:S.join("/​")}):e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[(null===($=p.parameters[n])||void 0===$?void 0:$.schema)&&"array"!=(null===(B=null===(k=null===(A=p.parameters[n])||void 0===A?void 0:A.schema)||void 0===k?void 0:k.type)||void 0===B?void 0:B.toLowerCase())&&"object"!=(null===(E=null===(O=null===(q=p.parameters[n])||void 0===q?void 0:q.schema)||void 0===O?void 0:O.type)||void 0===E?void 0:E.toLowerCase())?e.jsx(j,{disabled:"array"==(null===(F=null===(_=null===(L=p.parameters[n])||void 0===L?void 0:L.schema)||void 0===_?void 0:_.type)||void 0===F?void 0:F.toLowerCase())||"object"==(null===(R=null===(H=null===(W=p.parameters[n])||void 0===W?void 0:W.schema)||void 0===H?void 0:H.type)||void 0===R?void 0:R.toLowerCase()),arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>xe(e),content:e.jsxs("div",{className:f.editDescTooltipContent,children:[e.jsx("p",{className:f.editDescTooltipContent_header,children:"Enum"}),!!(null===(M=null===(V=p.parameters[n])||void 0===V?void 0:V.schema)||void 0===M?void 0:M.enum)&&!!(null===(z=null===(P=p.parameters[n])||void 0===P?void 0:P.schema)||void 0===z?void 0:z.enum.length)&&(null===(Q=null===(K=null===(X=p.parameters[n])||void 0===X?void 0:X.schema)||void 0===K?void 0:K.enum)||void 0===Q?void 0:Q.map((s,o)=>e.jsx(i.Input,{className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:s,onChange:e=>{T(`parameters[${n}].schema.enum[${o}]`,e)}},n))),e.jsxs("p",{className:"addEnumButton",onClick:()=>{var e,s;T(`parameters[${n}].schema.enum`,[...null===(s=null===(e=p.parameters[n])||void 0===e?void 0:e.schema)||void 0===s?void 0:s.enum,""])},children:[e.jsx(l,{src:u}),"Add New Enum"]}),!I&&e.jsx(i.Button,{className:f.editDescTooltipContent_btn,variant:"outlined",size:"small",type:"button",onClick:()=>{T(`parameters[${n}].schema.enum`,[...p.parameters[n].schema.enum]),he([]),null==je||je.hide()},disabled:ve.length>0&&(null==ve?void 0:ve.filter(e=>!e).length)||(null===(Y=null===(U=null==p?void 0:p.parameters[n])||void 0===U?void 0:U.schema)||void 0===Y?void 0:Y.enum)&&(null===(se=null===(ee=null===(Z=null==p?void 0:p.parameters[n])||void 0===Z?void 0:Z.schema)||void 0===ee?void 0:ee.enum)||void 0===se?void 0:se.length)>0&&(null===(ie=null===(oe=null===(ne=null==p?void 0:p.parameters[n])||void 0===ne?void 0:ne.schema)||void 0===oe?void 0:oe.enum)||void 0===ie?void 0:ie.filter(e=>!e).length),children:"Apply"})]}),children:(null===(re=null===(le=p.parameters[n])||void 0===le?void 0:le.schema)||void 0===re?void 0:re.enum)&&(null===(de=null===(ae=null===(te=p.parameters[n])||void 0===te?void 0:te.schema)||void 0===ae?void 0:ae.enum)||void 0===de?void 0:de.length)>0?e.jsx("span",{className:"enumText",children:null===(ue=null===(me=null===(ce=p.parameters[n])||void 0===ce?void 0:ce.schema)||void 0===me?void 0:me.enum)||void 0===ue?void 0:ue.join("/​")}):e.jsx(i.Button,{className:f.editDescBtn,id:"EnumButton",variant:"link",color:"action",endIcon:e.jsx(l,{id:"enumIcon",src:m,width:"1.5rem",height:"1.5rem"}),children:"Add"})}):"-"," "]})})}}))},[X]),o(()=>{(null==p?void 0:p.parameters)&&K(p.parameters)},[p,g]),o(()=>{if(ue&&p.responses){let e=p.responses.findIndex(e=>e.code.toString()==ue.value.toString());if(e<0){const s=structuredClone(p.responses);s.push({code:ue.value.toString(),content:{contentType:"application/json",schema:{}},headers:{}}),T&&(T("responses",s),e=0)}ye(e),Ne.current=e,e>=0&&de(we(p.responses[e].headers,e))}},[ue,p.responses,T]),o(()=>{Ne.current&&Ne.current>-1&&de(we(p.responses[Ne.current].headers,Ne.current))},[p.responses,Ne.current]),o(()=>{var e;if((null==p?void 0:p.tags.length)||(null==S?void 0:S.length)){const s=[...null===(e=(null==p?void 0:p.tags)||[])||void 0===e?void 0:e.map(e=>({label:y(e),value:e})),...(S||[]).map(e=>({label:y(e.name),value:e.name}))].filter((e,s,n)=>s===n.findIndex(s=>s.value===e.value));me(s)}},[S,p]),e.jsxs("div",{ref:be,children:[e.jsx(i.Accordion,{expanded:$,onChange:()=>A(!$),className:`${f.methodAccordion} ${I?f.readOnly:""}`,summary:e.jsxs("div",{className:f.methodSummaryContainer,children:[e.jsxs("div",{className:f.methodSummary,children:[e.jsx("span",{style:{backgroundColor:(null===(B=null==v?void 0:v[null==p?void 0:p.type])||void 0===B?void 0:B.color)||"#3A6CD1"},className:f.methodLabel,children:(null===(q=null==v?void 0:v[null==p?void 0:p.type])||void 0===q?void 0:q.label)||(null==p?void 0:p.type)}),e.jsx("span",{className:f.methodPath,children:g})]}),e.jsx("div",{className:`${f.methodExpandArrowContainer} ${$?f.expanded:""}`,children:e.jsx(l,{src:r,width:"2rem",height:"2rem"})})]}),children:e.jsxs("div",{className:f.methodAccordionContent,children:[I?e.jsx(x,{label:"Endpoint Name: ",value:(null==p?void 0:p.summary)||"-"},"summary"):e.jsx(i.Input,{className:f.methodDesc,label:"Endpoint Name",required:!0,placeholder:"Endpoint name...",value:null==p?void 0:p.summary,onChange:e=>{(""===(e=e||"")||w.ASCII.test(e))&&T("summary",e)},onClear:()=>{T("summary","")},errorMsg:null==k?void 0:k.summary}),e.jsx(i.SelectGroup,{className:f.methodDesc,disabled:I,placeholder:"Select Tags",label:"Tags",value:null===(O=p.tags)||void 0===O?void 0:O.map(e=>({label:y(e),value:e})),onChange:e=>{T("tags",e.map(e=>e.value))},options:[{list:ce}],isMultiple:!0,withSearch:!1,clearable:!1}),I?e.jsx(x,{label:"Description: ",value:(null==p?void 0:p.description)||"-",className:f.multiLineText},"description"):e.jsx(i.TextArea,{className:f.methodDesc,label:"Description",placeholder:"Describe the method's purpose and functionality...",maxLength:120,value:null==p?void 0:p.description,onChange:e=>{(""===e||w.ASCII.test(e))&&T("description",e)}}),e.jsxs("div",{className:f.paramsTable,children:[e.jsx("h4",{className:f.paramsTableBodyHead,children:"Request Details"}),e.jsx(b,{id:"paramter-request-table",data:re,headCells:h,isFormOpen:V,setIsFormOpen:M,saveNewRow:e=>{K([...X,e]),T("parameters",[...p.parameters,e])},readOnly:I,isRequest:!0}),"get"!==(null==p?void 0:p.type)&&"delete"!==(null==p?void 0:p.type)&&e.jsx(i.Accordion,{expanded:H.request,onChange:()=>null,className:f.requestAccordion,summary:e.jsx("span",{className:f.requestAccordionSummary,children:e.jsxs("div",{className:f.requestAccordionSummary_title,onClick:()=>R(e=>Object.assign(Object.assign({},e),{request:!e.request})),children:[e.jsx(l,{className:H.request?f.expanded:"",src:r,width:"2rem",height:"2rem"}),"Request","delete"!==(null==p?void 0:p.type)&&e.jsx("span",{style:{color:"red"},children:"*"})]})}),children:e.jsx(N,{acceptType:"JSON",withFooter:!I,className:"jsonField",placeholder:"Enter your request body as a JSON object....",fieldIsDisabled:I,value:(null===(_=null===(L=null===(E=null==p?void 0:p.requestBody)||void 0===E?void 0:E.content)||void 0===L?void 0:L.schema)||void 0===_?void 0:_.properties)||"{}",onChange:e=>{T("requestBody.content.schema.properties",e)},onValidation:()=>null})})]}),e.jsxs("div",{className:f.paramsTable,children:[e.jsxs("div",{className:f.responseHeader,children:[e.jsx("h4",{className:f.paramsTableBodyHead,children:"Response Details"}),e.jsx(i.SelectGroup,{withSearch:!1,isMultiple:!1,clearable:!1,placeholder:"200",options:[{list:D}],value:ue,onChange:e=>{pe(e)}})]}),e.jsx(b,{id:"paramter-response-table",data:ae,headCells:h,isFormOpen:P,setIsFormOpen:z,saveNewRow:e=>{T(`responses[${Ne.current}].headers[${e.name}]`,e)},readOnly:I,isRequest:!1}),e.jsx(i.Accordion,{expanded:H.response,onChange:()=>null,className:f.responseAccordion,summary:e.jsx("span",{className:f.responseAccordionSummary,children:e.jsxs("div",{className:f.responseAccordionSummary_title,onClick:()=>R(e=>Object.assign(Object.assign({},e),{response:!e.response})),children:[e.jsx(l,{className:H.response?f.expanded:"",src:r,width:"2rem",height:"2rem"}),"Response",e.jsx("span",{style:{color:"red"},children:"*"})]})}),children:e.jsx(N,{acceptType:"JSON",withFooter:!I,className:"jsonField",placeholder:"Enter your response as a JSON object...",fieldIsDisabled:I,value:(null===(W=null===(F=null==Ce?void 0:Ce.content)||void 0===F?void 0:F.schema)||void 0===W?void 0:W.properties)||"{}",onChange:e=>{const s=p.responses.findIndex(e=>e.code===Ce.code);if(-1!==s)T(`responses[${s}].content.schema.properties`,e);else{const s=structuredClone(p.responses);s.push({code:ue.value.toString(),content:{contentType:"application/json",schema:{type:"object",properties:e}}}),T("responses",s)}},onValidation:e=>null})})]})]})}),e.jsx(C,{status:"error",content:e.jsxs("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container",children:["Are you sure you want to delete",e.jsxs("span",{className:"plan-name",children:[" ","Parameter ",e.jsx("strong",{children:ie})]}),"?"]}),onSubmit:{onClick:()=>{var e;null!==ee&&(K(e=>e.filter((e,s)=>s!==ee)),T("parameters",null===(e=null==p?void 0:p.parameters)||void 0===e?void 0:e.filter((e,s)=>s!==ee))),U(!1),se(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0,variant:"outlined"},onClose:()=>U(!1),open:Q,icon:e.jsx(l,{src:c,width:"4.0625rem",height:"4.0625rem"}),closeIcon:e.jsx(l,{src:t,width:"1.5rem",height:"1.5rem",onClick:()=>U(!1)})}),e.jsx(C,{status:"error",content:e.jsxs("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container",children:["Are you sure you want to delete",e.jsxs("span",{className:"plan-name",children:[" ","Header ",e.jsx("strong",{children:ie})]}),"?"]}),onSubmit:{onClick:()=>{if(null!==oe){let e=Object.fromEntries(Object.entries(p.responses[Ne.current].headers).filter(([e])=>e!=ie));T(`responses[${Ne.current}].headers`,e)}Z(!1),oe(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0,variant:"outlined"},onClose:()=>Z(!1),open:Y,icon:e.jsx(l,{src:c,width:"4.0625rem",height:"4.0625rem"}),closeIcon:e.jsx(l,{src:t,width:"1.5rem",height:"1.5rem",onClick:()=>U(!1)})})]})};export{T as default};
+import{useState as e,useRef as t,useEffect as a}from"react";import{d as n}from"../../../_virtual/index.js";import l from"../SVGLoader/SVGLoader.js";import r from"../../assets/icons/DownArrow.svg.js";import o from"../../assets/icons/CloseIcon.svg.js";import s from"../../assets/icons/DeleteIcon.svg.js";import i from"../../assets/icons/EditIcon.svg.js";import c from"../../assets/icons/DeleteOutlinedIcon.svg.js";import d from"../../assets/icons/Plus.svg.js";import m from"../../assets/icons/PlusSquare.svg.js";import{httpStatusCodes as u,methodColorMapping as p,paramsTableHeaders as v}from"../../constants/index.js";import h from"../Tooltip/Tooltip.js";import E from"../SimpleLabelValue/SimpleLabelValue.js";import{handleStatusColor as R,capitalize as g}from"../../helpers/methodAccordion.helper.js";import y from"../table/table.js";import b from"../dialog/index.js";import C from"../JsonInput/JsonInput.js";import N from"./MethodAccordion.module.scss.js";import f from"../../constants/regex.js";const w=u.map(e=>({label:React.createElement("div",{className:N.statusCodeOptionContainer},React.createElement("div",{className:N.statusCodeOptionCircle,style:{backgroundColor:R(e)}}),React.createElement("span",null,e)),value:e})),D=({method:u,path:R,setFieldValue:D,readOnly:T,tags:j,isOpen:k,setIsOpen:I,errors:S})=>{var $,A,B,q,x,O,L,_;const[F,W]=e({request:!1,response:!1,method:!1}),[H,V]=e(!1),[M,P]=e(!1),[z,J]=e({}),[G,X]=e([]);e([]);const[K,Q]=e(!1),[U,Y]=e(!1),[Z,ee]=e(null),[te,ae]=e(null),[ne,le]=e(null),[re,oe]=e(),[se,ie]=e([]),[ce,de]=e([]),[me,ue]=e(w[4]),[pe,ve]=e([]),[he,Ee]=e(null),[Re,ge]=e(-1),ye=t(null),be=u.responses.find(e=>Number(e.code)===me.value)||"{}",Ce=t(-1),Ne=(e,t,a)=>{const n=G.map((n,l)=>l===a?Object.assign(Object.assign({},n),{[e]:t}):n);X(n)};a(()=>{k&&ye.current&&ye.current.scrollIntoView({behavior:"smooth",block:"start"})},[k]);const fe=(e,t)=>Object.keys(e).map((a,r)=>{var o,c,p,v,E,R,y,b,C,w,j,k,I;const S=e[a];return{id:`header_${r}`,paramName:a,paramType:g("header"),schemaType:`${g(null===(o=null==S?void 0:S.schema)||void 0===o?void 0:o.type)||""} ${"array"==(null===(p=null===(c=null==S?void 0:S.schema)||void 0===c?void 0:c.type)||void 0===p?void 0:p.toLowerCase())&&(null===(v=null==S?void 0:S.schema)||void 0===v?void 0:v.items)&&(null===(R=null===(E=null==S?void 0:S.schema)||void 0===E?void 0:E.items)||void 0===R?void 0:R.type)?` _ ${g(null===(b=null===(y=null==S?void 0:S.schema)||void 0===y?void 0:y.items)||void 0===b?void 0:b.type)}`:""}`,required:React.createElement(React.Fragment,null,T?S.required?"True":"False":React.createElement(n.Switch,{checked:S.required,onClick:()=>{if(T)return null;D(`responses[${t}].headers[${a}].required`,!S.required)}})),description:React.createElement("div",{className:N.paramDescContainer},React.createElement(h,{key:`${r}-description`,allowHTML:!0,disabled:(null===(C=u.responses[t].headers[a].description)||void 0===C?void 0:C.length)<=12,content:React.createElement("div",{style:{padding:"0.625rem"}},u.responses[t].headers[a].description),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=z[r])||void 0===e?void 0:e.hide()}},React.createElement("p",{style:{alignSelf:"center"}},u.responses[t].headers[a].description?u.responses[t].headers[a].description.substring(0,12):T&&"-",u.responses[t].headers[a].description&&u.responses[t].headers[a].description.length>12?"...":"")),!T&&React.createElement(h,{key:`${r}-add-edit-description`,allowHTML:!0,arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>J(t=>Object.assign(Object.assign({},t),{[r]:e})),content:React.createElement("div",{className:N.editDescTooltipContent},React.createElement("p",{className:N.editDescTooltipContent_header},"Description"),React.createElement(n.TextArea,{placeholder:"Describe parameter...",value:S.description,disabled:T,maxLength:120,onChange:e=>{(""===e||f.ASCII.test(e))&&D(`responses[${Ce.current}].headers[${a}].description`,e)}}),!T&&React.createElement(n.Button,{className:N.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e,n;D(`responses[${t}].headers[${a}].description`,null===(e=S.description)||void 0===e?void 0:e.trim()),null===(n=z[r])||void 0===n||n.hide()},disabled:!(null===(w=S.description)||void 0===w?void 0:w.trim())},"Apply"))},T||(null===(j=u.responses[t].headers[a].description)||void 0===j?void 0:j.length)>0?React.createElement(n.Button,{className:N.editDescBtn,variant:"link",color:"action",endIcon:React.createElement(l,{src:i,width:"1.5rem",height:"1.5rem"})}):React.createElement(n.Button,{className:N.editDescBtn,variant:"link",color:"action",endIcon:React.createElement(l,{src:i,width:"1.5rem",height:"1.5rem"})},T?"View ":"Add "," Description")),!T&&React.createElement("div",{className:N.paramDescContainer_separator}),!T&&React.createElement(n.Button,{className:N.deleteParamBtn,variant:"link",color:"error",endIcon:React.createElement(l,{src:s,width:"1.125rem",height:"1.125rem"}),onClick:()=>De(r,a)})),enum:React.createElement(React.Fragment,null,T?React.createElement("span",{className:"enumText"},null===(I=null===(k=null==S?void 0:S.schema)||void 0===k?void 0:k.enum)||void 0===I?void 0:I.join("/​")):React.createElement("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData"},(()=>{var e,t,r;const o=null===(t=null===(e=null==u?void 0:u.responses[Re])||void 0===e?void 0:e.headers[a])||void 0===t?void 0:t.schema,s=null===(r=null==o?void 0:o.type)||void 0===r?void 0:r.toLowerCase(),i="array"===s||"object"===s,c=(null==o?void 0:o.enum)||[];return!o||i?"-":React.createElement(h,{disabled:i,arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>Ee(e),content:React.createElement("div",{className:N.editDescTooltipContent},React.createElement("p",{className:N.editDescTooltipContent_header},"Enum"),c.map((e,t)=>React.createElement(n.Input,{key:t,className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:e,onChange:e=>{D(`responses[${Re}].headers["${a}"].schema.enum[${t}]`,e)}})),React.createElement("p",{className:"addEnumButton",onClick:()=>{D(`responses[${Re}].headers["${a}"].schema.enum`,[...c,""])}},React.createElement(l,{src:m}),"Add New Enum"),!T&&React.createElement(n.Button,{className:N.editDescTooltipContent_btn,variant:"outlined",size:"small",type:"button",onClick:()=>{D(`responses[${Re}].headers["${a}"].schema.enum`,[...c]),ve([]),null==he||he.hide()},disabled:0===c.length||c.some(e=>!e)},"Apply"))},c.length>0?React.createElement("span",{className:"enumText"},c.join("/​")):React.createElement(n.Button,{className:N.editDescBtn,id:"EnumButton",variant:"link",color:"action",endIcon:React.createElement(l,{id:"enumIcon",src:d,width:"1.5rem",height:"1.5rem"})},"Add"))})()))}}),we=(e,t)=>{ee(e),le(t),Q(!0)},De=(e,t)=>{ae(e),le(t),Y(!0)};return a(()=>{var e;oe(null==(e=G)?void 0:e.map((e,t)=>{var a,r,o,c,p,v,E,R,y,b,C,w,j,k,I,S,$,A,B,q,x,O,L,_,F,W,H,V,M,P,G,X,K,Q,U,Y,Z,ee,te,ae,ne,le,re,oe,se,ie,ce,de,me;return{id:t,paramName:e.name,paramType:g(e.in),schemaType:`${g(null===(a=null==e?void 0:e.schema)||void 0===a?void 0:a.type)||""} ${"array"==(null===(o=null===(r=null==e?void 0:e.schema)||void 0===r?void 0:r.type)||void 0===o?void 0:o.toLowerCase())&&(null===(c=null==e?void 0:e.schema)||void 0===c?void 0:c.items)&&(null===(v=null===(p=null==e?void 0:e.schema)||void 0===p?void 0:p.items)||void 0===v?void 0:v.type)?` _ ${g(null===(R=null===(E=null==e?void 0:e.schema)||void 0===E?void 0:E.items)||void 0===R?void 0:R.type)}`:""}`,required:React.createElement(React.Fragment,null,T?e.required?"True":"False":React.createElement(n.Switch,{checked:e.required,onClick:()=>{if(T)return null;Ne("required",!e.required,t),D(`parameters[${t}][required]`,!e.required)}})),description:React.createElement("div",{className:N.paramDescContainer},React.createElement(h,{key:`${t}-description`,allowHTML:!0,disabled:(null===(y=u.parameters[t].description)||void 0===y?void 0:y.length)<=12,content:React.createElement("div",{style:{padding:"0.625rem"}},u.parameters[t].description),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=z[t])||void 0===e?void 0:e.hide()}},React.createElement("p",{style:{alignSelf:"center"}},u.parameters[t].description?u.parameters[t].description.substring(0,12):T&&"-",u.parameters[t].description&&u.parameters[t].description.length>12?"...":"")),!T&&React.createElement(h,{key:`${t}-add-edit-description`,allowHTML:!0,arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>J(a=>Object.assign(Object.assign({},a),{[t]:e})),content:React.createElement("div",{className:N.editDescTooltipContent},React.createElement("p",{className:N.editDescTooltipContent_header},"Description"),React.createElement(n.TextArea,{placeholder:"Describe parameter...",value:e.description,disabled:T,maxLength:120,onChange:e=>{(""===e||f.ASCII.test(e))&&Ne("description",e,t)}}),!T&&React.createElement(n.Button,{className:N.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var a,n;D(`parameters[${t}].description`,null===(a=e.description)||void 0===a?void 0:a.trim()),null===(n=z[t])||void 0===n||n.hide()},disabled:!(null===(b=e.description)||void 0===b?void 0:b.trim())},"Apply"))},T||(null===(C=u.parameters[t].description)||void 0===C?void 0:C.length)>0?React.createElement(n.Button,{className:N.editDescBtn,variant:"link",color:"action",endIcon:React.createElement(l,{src:i,width:"1.5rem",height:"1.5rem"})}):React.createElement(n.Button,{className:N.editDescBtn,variant:"link",color:"action",endIcon:React.createElement(l,{src:i,width:"1.5rem",height:"1.5rem"})},T?"View ":"Add "," Description")),!T&&React.createElement("div",{className:N.paramDescContainer_separator}),!T&&React.createElement(n.Button,{className:N.deleteParamBtn,variant:"link",color:"error",endIcon:React.createElement(l,{src:s,width:"1.125rem",height:"1.125rem"}),onClick:()=>we(t,e.name)})),enum:React.createElement(React.Fragment,null,T?React.createElement("span",{className:"enumText"},null===(j=null===(w=null==e?void 0:e.schema)||void 0===w?void 0:w.enum)||void 0===j?void 0:j.join("/​")):React.createElement("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData"},(null===(k=u.parameters[t])||void 0===k?void 0:k.schema)&&"array"!=(null===($=null===(S=null===(I=u.parameters[t])||void 0===I?void 0:I.schema)||void 0===S?void 0:S.type)||void 0===$?void 0:$.toLowerCase())&&"object"!=(null===(q=null===(B=null===(A=u.parameters[t])||void 0===A?void 0:A.schema)||void 0===B?void 0:B.type)||void 0===q?void 0:q.toLowerCase())?React.createElement(h,{disabled:"array"==(null===(L=null===(O=null===(x=u.parameters[t])||void 0===x?void 0:x.schema)||void 0===O?void 0:O.type)||void 0===L?void 0:L.toLowerCase())||"object"==(null===(W=null===(F=null===(_=u.parameters[t])||void 0===_?void 0:_.schema)||void 0===F?void 0:F.type)||void 0===W?void 0:W.toLowerCase()),arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>Ee(e),content:React.createElement("div",{className:N.editDescTooltipContent},React.createElement("p",{className:N.editDescTooltipContent_header},"Enum"),!!(null===(V=null===(H=u.parameters[t])||void 0===H?void 0:H.schema)||void 0===V?void 0:V.enum)&&!!(null===(P=null===(M=u.parameters[t])||void 0===M?void 0:M.schema)||void 0===P?void 0:P.enum.length)&&(null===(K=null===(X=null===(G=u.parameters[t])||void 0===G?void 0:G.schema)||void 0===X?void 0:X.enum)||void 0===K?void 0:K.map((e,a)=>React.createElement(n.Input,{key:t,className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:e,onChange:e=>{D(`parameters[${t}].schema.enum[${a}]`,e)}}))),React.createElement("p",{className:"addEnumButton",onClick:()=>{var e,a;D(`parameters[${t}].schema.enum`,[...null===(a=null===(e=u.parameters[t])||void 0===e?void 0:e.schema)||void 0===a?void 0:a.enum,""])}},React.createElement(l,{src:m}),"Add New Enum"),!T&&React.createElement(n.Button,{className:N.editDescTooltipContent_btn,variant:"outlined",size:"small",type:"button",onClick:()=>{D(`parameters[${t}].schema.enum`,[...u.parameters[t].schema.enum]),ve([]),null==he||he.hide()},disabled:pe.length>0&&(null==pe?void 0:pe.filter(e=>!e).length)||(null===(U=null===(Q=null==u?void 0:u.parameters[t])||void 0===Q?void 0:Q.schema)||void 0===U?void 0:U.enum)&&(null===(ee=null===(Z=null===(Y=null==u?void 0:u.parameters[t])||void 0===Y?void 0:Y.schema)||void 0===Z?void 0:Z.enum)||void 0===ee?void 0:ee.length)>0&&(null===(ne=null===(ae=null===(te=null==u?void 0:u.parameters[t])||void 0===te?void 0:te.schema)||void 0===ae?void 0:ae.enum)||void 0===ne?void 0:ne.filter(e=>!e).length)},"Apply"))},(null===(re=null===(le=u.parameters[t])||void 0===le?void 0:le.schema)||void 0===re?void 0:re.enum)&&(null===(ie=null===(se=null===(oe=u.parameters[t])||void 0===oe?void 0:oe.schema)||void 0===se?void 0:se.enum)||void 0===ie?void 0:ie.length)>0?React.createElement("span",{className:"enumText"},null===(me=null===(de=null===(ce=u.parameters[t])||void 0===ce?void 0:ce.schema)||void 0===de?void 0:de.enum)||void 0===me?void 0:me.join("/​")):React.createElement(n.Button,{className:N.editDescBtn,id:"EnumButton",variant:"link",color:"action",endIcon:React.createElement(l,{id:"enumIcon",src:d,width:"1.5rem",height:"1.5rem"})},"Add")):"-"," "))}}))},[G]),a(()=>{(null==u?void 0:u.parameters)&&X(u.parameters)},[u,R]),a(()=>{if(me&&u.responses){let e=u.responses.findIndex(e=>e.code.toString()==me.value.toString());if(e<0){const t=structuredClone(u.responses);t.push({code:me.value.toString(),content:{contentType:"application/json",schema:{}},headers:{}}),D&&(D("responses",t),e=0)}ge(e),Ce.current=e,e>=0&&ie(fe(u.responses[e].headers,e))}},[me,u.responses,D]),a(()=>{Ce.current&&Ce.current>-1&&ie(fe(u.responses[Ce.current].headers,Ce.current))},[u.responses,Ce.current]),a(()=>{var e;if((null==u?void 0:u.tags.length)||(null==j?void 0:j.length)){const t=[...null===(e=(null==u?void 0:u.tags)||[])||void 0===e?void 0:e.map(e=>({label:g(e),value:e})),...(j||[]).map(e=>({label:g(e.name),value:e.name}))].filter((e,t,a)=>t===a.findIndex(t=>t.value===e.value));de(t)}},[j,u]),React.createElement("div",{ref:ye},React.createElement(n.Accordion,{expanded:k,onChange:()=>I(!k),className:`${N.methodAccordion} ${T?N.readOnly:""}`,summary:React.createElement("div",{className:N.methodSummaryContainer},React.createElement("div",{className:N.methodSummary},React.createElement("span",{style:{backgroundColor:(null===($=null==p?void 0:p[null==u?void 0:u.type])||void 0===$?void 0:$.color)||"#3A6CD1"},className:N.methodLabel},(null===(A=null==p?void 0:p[null==u?void 0:u.type])||void 0===A?void 0:A.label)||(null==u?void 0:u.type)),React.createElement("span",{className:N.methodPath},R)),React.createElement("div",{className:`${N.methodExpandArrowContainer} ${k?N.expanded:""}`},React.createElement(l,{src:r,width:"2rem",height:"2rem"}))),children:React.createElement("div",{className:N.methodAccordionContent},T?React.createElement(E,{key:"summary",label:"Endpoint Name: ",value:(null==u?void 0:u.summary)||"-"}):React.createElement(n.Input,{className:N.methodDesc,label:"Endpoint Name",required:!0,placeholder:"Endpoint name...",value:null==u?void 0:u.summary,onChange:e=>{(""===(e=e||"")||f.ASCII.test(e))&&D("summary",e)},onClear:()=>{D("summary","")},errorMsg:null==S?void 0:S.summary}),React.createElement(n.SelectGroup,{className:N.methodDesc,disabled:T,placeholder:"Select Tags",label:"Tags",value:null===(B=u.tags)||void 0===B?void 0:B.map(e=>({label:g(e),value:e})),onChange:e=>{D("tags",e.map(e=>e.value))},options:[{list:ce}],isMultiple:!0,withSearch:!1,clearable:!1}),T?React.createElement(E,{key:"description",label:"Description: ",value:(null==u?void 0:u.description)||"-",className:N.multiLineText}):React.createElement(n.TextArea,{className:N.methodDesc,label:"Description",placeholder:"Describe the method's purpose and functionality...",maxLength:120,value:null==u?void 0:u.description,onChange:e=>{(""===e||f.ASCII.test(e))&&D("description",e)}}),React.createElement("div",{className:N.paramsTable},React.createElement("h4",{className:N.paramsTableBodyHead},"Request Details"),React.createElement(y,{id:"paramter-request-table",data:re,headCells:v,isFormOpen:H,setIsFormOpen:V,saveNewRow:e=>{X([...G,e]),D("parameters",[...u.parameters,e])},readOnly:T,isRequest:!0}),"get"!==(null==u?void 0:u.type)&&"delete"!==(null==u?void 0:u.type)&&React.createElement(n.Accordion,{expanded:F.request,onChange:()=>null,className:N.requestAccordion,summary:React.createElement("span",{className:N.requestAccordionSummary},React.createElement("div",{className:N.requestAccordionSummary_title,onClick:()=>W(e=>Object.assign(Object.assign({},e),{request:!e.request}))},React.createElement(l,{className:F.request?N.expanded:"",src:r,width:"2rem",height:"2rem"}),"Request","delete"!==(null==u?void 0:u.type)&&React.createElement("span",{style:{color:"red"}},"*"))),children:React.createElement(C,{acceptType:"JSON",withFooter:!T,className:"jsonField",placeholder:"Enter your request body as a JSON object....",fieldIsDisabled:T,value:(null===(O=null===(x=null===(q=null==u?void 0:u.requestBody)||void 0===q?void 0:q.content)||void 0===x?void 0:x.schema)||void 0===O?void 0:O.properties)||"{}",onChange:e=>{D("requestBody.content.schema.properties",e)},onValidation:()=>null})})),React.createElement("div",{className:N.paramsTable},React.createElement("div",{className:N.responseHeader},React.createElement("h4",{className:N.paramsTableBodyHead},"Response Details"),React.createElement(n.SelectGroup,{withSearch:!1,isMultiple:!1,clearable:!1,placeholder:"200",options:[{list:w}],value:me,onChange:e=>{ue(e)}})),React.createElement(y,{id:"paramter-response-table",data:se,headCells:v,isFormOpen:M,setIsFormOpen:P,saveNewRow:e=>{D(`responses[${Ce.current}].headers[${e.name}]`,e)},readOnly:T,isRequest:!1}),React.createElement(n.Accordion,{expanded:F.response,onChange:()=>null,className:N.responseAccordion,summary:React.createElement("span",{className:N.responseAccordionSummary},React.createElement("div",{className:N.responseAccordionSummary_title,onClick:()=>W(e=>Object.assign(Object.assign({},e),{response:!e.response}))},React.createElement(l,{className:F.response?N.expanded:"",src:r,width:"2rem",height:"2rem"}),"Response",React.createElement("span",{style:{color:"red"}},"*"))),children:React.createElement(C,{acceptType:"JSON",withFooter:!T,className:"jsonField",placeholder:"Enter your response as a JSON object...",fieldIsDisabled:T,value:(null===(_=null===(L=null==be?void 0:be.content)||void 0===L?void 0:L.schema)||void 0===_?void 0:_.properties)||"{}",onChange:e=>{const t=u.responses.findIndex(e=>e.code===be.code);if(-1!==t)D(`responses[${t}].content.schema.properties`,e);else{const t=structuredClone(u.responses);t.push({code:me.value.toString(),content:{contentType:"application/json",schema:{type:"object",properties:e}}}),D("responses",t)}},onValidation:e=>null})})))}),React.createElement(b,{status:"error",content:React.createElement("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container"},"Are you sure you want to delete",React.createElement("span",{className:"plan-name"}," ","Parameter ",React.createElement("strong",null,ne)),"?"),onSubmit:{onClick:()=>{var e;null!==Z&&(X(e=>e.filter((e,t)=>t!==Z)),D("parameters",null===(e=null==u?void 0:u.parameters)||void 0===e?void 0:e.filter((e,t)=>t!==Z))),Q(!1),ee(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0,variant:"outlined"},onClose:()=>Q(!1),open:K,icon:React.createElement(l,{src:c,width:"4.0625rem",height:"4.0625rem"}),closeIcon:React.createElement(l,{src:o,width:"1.5rem",height:"1.5rem",onClick:()=>Q(!1)})}),React.createElement(b,{status:"error",content:React.createElement("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container"},"Are you sure you want to delete",React.createElement("span",{className:"plan-name"}," ","Header ",React.createElement("strong",null,ne)),"?"),onSubmit:{onClick:()=>{if(null!==ae){let e=Object.fromEntries(Object.entries(u.responses[Ce.current].headers).filter(([e])=>e!=ne));D(`responses[${Ce.current}].headers`,e)}Y(!1),ae(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0,variant:"outlined"},onClose:()=>Y(!1),open:U,icon:React.createElement(l,{src:c,width:"4.0625rem",height:"4.0625rem"}),closeIcon:React.createElement(l,{src:o,width:"1.5rem",height:"1.5rem",onClick:()=>Q(!1)})}))};export{D as default};
 //# sourceMappingURL=MethodAccordion.js.map