@digi-frontend/dgate-api-documentation 1.0.50 → 1.0.53

package/dist/src/layout/docsComponents/DocsContent/TagPage/index.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../../../../_virtual/jsx-runtime.js";import e from"../../../../components/SVGLoader/SVGLoader.js";import i from"../../../../assets/icons/CopySticker.svg.js";import a from"../../../../assets/icons/arrowRightGray.svg.js";const t=({data:t})=>s.jsxs("div",{className:"api-details-page",children:[s.jsx("h2",{className:"welcome",children:"Welcome to"}),s.jsx("h1",{className:"api-title",children:t.title}),s.jsxs("p",{className:"api-version",children:["API Version: ",s.jsx("span",{children:t.version})]}),s.jsxs("div",{className:"custom-url-input",children:[s.jsx("label",{className:"input-label",children:"API Base URL"}),s.jsxs("div",{className:"input-wrapper",children:[s.jsx("input",{type:"text",value:"https://apigw-sdb-1.test.dgate.digitinary.net/test",readOnly:!0}),s.jsx("span",{className:"icon",onClick:()=>navigator.clipboard.writeText("https://apigw-sdb-1.test.dgate.digitinary.net/test"),children:s.jsx(e,{src:i})})]})]}),s.jsx("p",{className:"api-desc",children:"API Description"}),s.jsxs("div",{className:"api-product-tag",children:["Product with this API ",s.jsx("span",{className:"product-tag",children:"Product 01"})]}),s.jsx("h3",{className:"section-title",children:"Endpoints"}),Object.entries(t.tags).map((([i,t])=>s.jsxs("div",{className:"endpoint-group",children:[s.jsx("h4",{className:"tag-title",children:i}),s.jsx("div",{className:"endpoint-list",children:t.map(((t,n)=>{var r,l,c;return s.jsxs("div",{className:"endpoint-card",children:[s.jsxs("div",{children:[s.jsxs("div",{className:"endpoint-card-header",children:[s.jsx("span",{className:`method-label ${t.method.toLowerCase()}`,children:t.method}),s.jsx("div",{className:"title-wrapper",children:s.jsxs("h5",{children:[(t.summary||"Endpoint Name").slice(0,17),(null!==(l=null===(r=t.summary)||void 0===r?void 0:r.length)&&void 0!==l?l:0)>17&&"..."]})})]}),s.jsxs("div",{className:"endpoint-meta",children:[s.jsx("p",{children:t.path}),s.jsx("p",{className:"description",children:null!==(c=t.description)&&void 0!==c?c:"No Description "})]})]}),s.jsx("div",{className:"endpoint-arrow",children:s.jsx(e,{src:a})})]},`${i}-${n}`)}))})]},i))),s.jsxs("div",{className:"versions-section",children:[s.jsx("h4",{children:"API Versions"}),s.jsx("div",{className:"version-list",children:["1.2.0","1.3.0","1.4.0","1.5.0","2.2.0"].map((e=>s.jsx("button",{className:"version-btn",children:e},e)))})]})]});export{t as TagPage};
+import{j as s}from"../../../../../_virtual/jsx-runtime.js";import e from"../../../../components/SVGLoader/SVGLoader.js";import i from"../../../../assets/icons/CopySticker.svg.js";import a from"../../../../assets/icons/arrowRightGray.svg.js";const r=({data:r,setActiveItemData:n,setActiveType:l,setExpandedSections:t})=>{var c,d;return s.jsxs("div",{className:"api-details-page",children:[s.jsx("h2",{className:"welcome",children:"Welcome to"}),s.jsx("h1",{className:"api-title",children:null==r?void 0:r.title}),s.jsxs("p",{className:"api-version",children:["API Version: ",s.jsx("span",{children:null==r?void 0:r.version})]}),s.jsxs("div",{className:"custom-url-input",children:[s.jsx("label",{className:"input-label",children:"API Base URL"}),s.jsxs("div",{className:"input-wrapper",children:[s.jsx("input",{type:"text",value:r&&r.servers&&r.servers.length>0?null===(c=r.servers[0])||void 0===c?void 0:c.url:"-",readOnly:!0}),s.jsx("span",{className:"icon",onClick:()=>{var s;return navigator.clipboard.writeText(`${r&&r.servers&&r.servers.length>0?null===(s=r.servers[0])||void 0===s?void 0:s.url:"-"}`)},children:s.jsx(e,{src:i})})]})]}),s.jsx("p",{className:"api-desc",children:"API Description"}),s.jsxs("div",{className:"api-product-tag",children:["Product with this API ",s.jsx("span",{className:"product-tag",children:r.associatedProduct.name})]}),s.jsx("h3",{className:"section-title",children:"Endpoints"}),Object.entries(null==r?void 0:r.tags).map((([i,c])=>s.jsxs("div",{className:"endpoint-group",children:[s.jsx("h4",{className:"tag-title",children:i}),s.jsx("div",{className:"endpoint-list",children:c.map(((c,d)=>{var o,p,v;return s.jsxs("div",{className:"endpoint-card",onClick:()=>(s=>{n(Object.assign(Object.assign({},s),{api:Object.assign({id:r.apiSpecId,title:r.title,description:r.description,version:r.version},r)})),l("ENDPOINT"),t((e=>Object.assign(Object.assign({},e),{[`api-${r.apiSpecId}-section`]:!0,[`api-${r.apiSpecId}-endpoints`]:!0,[`api-${r.apiSpecId}-resource-${s.id}`]:!0})))})(c),children:[s.jsxs("div",{children:[s.jsxs("div",{className:"endpoint-card-header",children:[s.jsx("span",{className:`method-label ${c.method.toLowerCase()}`,children:c.method}),s.jsx("div",{className:"title-wrapper",children:s.jsxs("h5",{children:[(c.summary||"Endpoint Name").slice(0,17),(null!==(p=null===(o=c.summary)||void 0===o?void 0:o.length)&&void 0!==p?p:0)>17&&"..."]})})]}),s.jsxs("div",{className:"endpoint-meta",children:[s.jsx("p",{children:c.path}),s.jsx("p",{className:"description",children:null!==(v=c.description)&&void 0!==v?v:"No Description "})]})]}),s.jsx("div",{className:"endpoint-arrow",children:s.jsx(e,{src:a})})]},`${i}-${d}`)}))})]},i))),(null===(d=r.apiVersions)||void 0===d?void 0:d.length)>0&&s.jsxs("div",{className:"versions-section",children:[s.jsx("h4",{children:"API Versions"}),s.jsx("div",{className:"version-list",children:r.apiVersions.map(((e,i)=>{var a;return s.jsx("button",{className:"version-btn",children:(null===(a=e.metaData)||void 0===a?void 0:a.version)||"N/A"},i)}))})]})]})};export{r as TagPage};
 //# sourceMappingURL=index.js.map

package/dist/src/layout/docsComponents/DocsContent/TagPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/layout/docsComponents/DocsContent/TagPage/index.tsx"],"sourcesContent":["import './style.scss'\nimport SVGLoader from '../../../../components/SVGLoader/SVGLoader'\nimport { arrowRightGray, CopySticker } from '../../../../assets/icons/index'\nimport { OverviewData } from 'src/layout/docsLayout'\n\nexport const TagPage = ({ data }) => {\n  return (\n    <div className=\"api-details-page\">\n      <h2 className=\"welcome\">Welcome to</h2>\n      <h1 className=\"api-title\">{data.title}</h1>\n      <p className=\"api-version\">\n        API Version: <span>{data.version}</span>\n      </p>\n\n      <div className=\"custom-url-input\">\n        <label className=\"input-label\">API Base URL</label>\n        <div className=\"input-wrapper\">\n          <input type=\"text\" value=\"https://apigw-sdb-1.test.dgate.digitinary.net/test\" readOnly />\n          <span\n            className=\"icon\"\n            onClick={() =>\n              navigator.clipboard.writeText('https://apigw-sdb-1.test.dgate.digitinary.net/test')\n            }\n          >\n            <SVGLoader src={CopySticker} />\n          </span>\n        </div>\n      </div>\n\n      <p className=\"api-desc\">API Description</p>\n      <div className=\"api-product-tag\">\n        Product with this API <span className=\"product-tag\">Product 01</span>\n      </div>\n\n      <h3 className=\"section-title\">Endpoints</h3>\n\n      {Object.entries(data.tags).map(([tag, endpoints]) => (\n        <div className=\"endpoint-group\" key={tag}>\n          <h4 className=\"tag-title\">{tag}</h4>\n          <div className=\"endpoint-list\">\n            {endpoints.map((endpoint, idx) => (\n              <div className=\"endpoint-card\" key={`${tag}-${idx}`}>\n                <div>\n                  <div className=\"endpoint-card-header\">\n                    <span className={`method-label ${endpoint.method.toLowerCase()}`}>\n                      {endpoint.method}\n                    </span>\n                    <div className=\"title-wrapper\">\n                      <h5>\n                        {(endpoint.summary || 'Endpoint Name').slice(0, 17)}\n                        {(endpoint.summary?.length ?? 0) > 17 && '...'}\n                      </h5>\n                    </div>\n                  </div>\n                  <div className=\"endpoint-meta\">\n                    <p>{endpoint.path}</p>\n                    <p className=\"description\">{endpoint.description ?? 'No Description '}</p>\n                  </div>\n                </div>\n\n                <div className=\"endpoint-arrow\">\n                  <SVGLoader src={arrowRightGray} />\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      ))}\n\n      <div className=\"versions-section\">\n        <h4>API Versions</h4>\n        <div className=\"version-list\">\n          {['1.2.0', '1.3.0', '1.4.0', '1.5.0', '2.2.0'].map((ver) => (\n            <button key={ver} className=\"version-btn\">\n              {ver}\n            </button>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["TagPage","data","_jsxs","className","_jsx","title","jsxs","jsx","children","version","type","value","readOnly","onClick","navigator","clipboard","writeText","SVGLoader","src","CopySticker","Object","entries","tags","map","tag","endpoints","endpoint","idx","method","toLowerCase","summary","slice","_b","_a","length","path","_c","description","arrowRightGray","ver"],"mappings":"uPAKaA,EAAU,EAAGC,UAEtBC,EAAAA,KAAK,MAAA,CAAAC,UAAU,6BACbC,EAAAA,IAAI,KAAA,CAAAD,UAAU,kCACdC,MAAA,KAAA,CAAID,UAAU,qBAAaF,EAAKI,QAChCH,EAAGI,KAAA,IAAA,CAAAH,UAAU,wCACEC,EAAOG,IAAA,OAAA,CAAAC,SAAAP,EAAKQ,aAG3BP,EAAAA,YAAKC,UAAU,mBACbK,SAAA,CAAAJ,EAAAA,IAAA,QAAA,CAAOD,UAAU,cAAkCK,SAAA,iBACnDN,EAAKI,KAAA,MAAA,CAAAH,UAAU,gBAAeK,SAAA,CAC5BJ,EAAOG,IAAA,QAAA,CAAAG,KAAK,OAAOC,MAAM,qDAAqDC,UAAQ,IACtFR,EAAAG,IAAA,OAAA,CACEJ,UAAU,OACVU,QAAS,IACPC,UAAUC,UAAUC,UAAU,sDAGhCR,SAAAJ,MAACa,EAAS,CAACC,IAAKC,YAKtBf,MAAG,IAAA,CAAAD,UAAU,WAAUK,SAAA,oBACvBN,EAAKI,KAAA,MAAA,CAAAH,UAAU,kBAAiBK,SAAA,CAAA,yBACRJ,MAAM,OAAA,CAAAD,UAAU,cAAaK,SAAA,kBAGrDJ,EAAAA,UAAID,UAAU,gBAAeK,SAAA,cAE5BY,OAAOC,QAAQpB,EAAKqB,MAAMC,KAAI,EAAEC,EAAKC,KACpCvB,EAAAA,KAAK,MAAA,CAAAC,UAAU,iBAAgBK,SAAA,CAC7BJ,EAAAA,UAAID,UAAU,YAAWK,SAAEgB,IAC3BpB,EAAAA,IAAK,MAAA,CAAAD,UAAU,gBAAeK,SAC3BiB,EAAUF,KAAI,CAACG,EAAUC,eAAQ,OAChCzB,EAAKI,KAAA,MAAA,CAAAH,UAAU,gBACbK,SAAA,CAAAN,OAAA,MAAA,CAAAM,SAAA,CACEN,EAAAA,KAAK,MAAA,CAAAC,UAAU,uBACbK,SAAA,CAAAJ,EAAAG,IAAA,OAAA,CAAMJ,UAAW,gBAAgBuB,EAASE,OAAOC,gBAAerB,SAC7DkB,EAASE,SAEZxB,EAAAA,IAAK,MAAA,CAAAD,UAAU,gBACbK,SAAAN,EAAAI,KAAA,KAAA,CAAAE,SAAA,EACIkB,EAASI,SAAW,iBAAiBC,MAAM,EAAG,aAC9CC,EAAkB,QAAlBC,EAAAP,EAASI,eAAS,IAAAG,OAAA,EAAAA,EAAAC,sBAAU,GAAK,IAAM,cAI/ChC,EAAKI,KAAA,MAAA,CAAAH,UAAU,0BACbC,EAAAA,IAAI,IAAA,CAAAI,SAAAkB,EAASS,OACb/B,EAAGG,IAAA,IAAA,CAAAJ,UAAU,cAAeK,SAAwB,QAAxB4B,EAAAV,EAASW,mBAAe,IAAAD,EAAAA,EAAA,0BAIxDhC,EAAAA,IAAK,MAAA,CAAAD,UAAU,iBACbK,SAAAJ,EAAAA,IAACa,EAAS,CAACC,IAAKoB,QApBgB,GAAGd,KAAOG,IAuB/C,QA3BgCH,KAgCvCtB,EAAAA,KAAA,MAAA,CAAKC,UAAU,mBAAkBK,SAAA,CAC/BJ,sCACAA,EAAAA,IAAA,MAAA,CAAKD,UAAU,eAAcK,SAC1B,CAAC,QAAS,QAAS,QAAS,QAAS,SAASe,KAAKgB,GAClDnC,EAAkBG,IAAA,SAAA,CAAAJ,UAAU,cAAaK,SACtC+B,GADUA"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/layout/docsComponents/DocsContent/TagPage/index.tsx"],"sourcesContent":["import './style.scss'\nimport SVGLoader from '../../../../components/SVGLoader/SVGLoader'\nimport { arrowRightGray, CopySticker } from '../../../../assets/icons/index'\nimport { OverviewData } from 'src/layout/docsLayout'\n\nexport const TagPage = ({ data, setActiveItemData, setActiveType, setExpandedSections }) => {\n  const handleClick = (endpoint) => {\n    setActiveItemData({\n      ...endpoint,\n      api: {\n        id: data.apiSpecId,\n        title: data.title,\n        description: data.description,\n        version: data.version,\n        ...data,\n      },\n    })\n    setActiveType('ENDPOINT')\n\n    setExpandedSections((prev) => ({\n      ...prev,\n      [`api-${data.apiSpecId}-section`]: true,\n      [`api-${data.apiSpecId}-endpoints`]: true,\n      [`api-${data.apiSpecId}-resource-${endpoint.id}`]: true,\n    }))\n  }\n  return (\n    <div className=\"api-details-page\">\n      <h2 className=\"welcome\">Welcome to</h2>\n      <h1 className=\"api-title\">{data?.title}</h1>\n      <p className=\"api-version\">\n        API Version: <span>{data?.version}</span>\n      </p>\n\n      <div className=\"custom-url-input\">\n        <label className=\"input-label\">API Base URL</label>\n        <div className=\"input-wrapper\">\n          <input\n            type=\"text\"\n            value={!!data && !!data.servers && data.servers.length > 0 ? data.servers[0]?.url : '-'}\n            readOnly\n          />\n          <span\n            className=\"icon\"\n            onClick={() =>\n              navigator.clipboard.writeText(\n                `${!!data && !!data.servers && data.servers.length > 0 ? data.servers[0]?.url : '-'}`\n              )\n            }\n          >\n            <SVGLoader src={CopySticker} />\n          </span>\n        </div>\n      </div>\n\n      <p className=\"api-desc\">API Description</p>\n      <div className=\"api-product-tag\">\n        Product with this API <span className=\"product-tag\">{data.associatedProduct.name}</span>\n      </div>\n\n      <h3 className=\"section-title\">Endpoints</h3>\n\n      {Object.entries(data?.tags).map(([tag, endpoints]) => (\n        <div className=\"endpoint-group\" key={tag}>\n          <h4 className=\"tag-title\">{tag}</h4>\n          <div className=\"endpoint-list\">\n            {endpoints.map((endpoint, idx) => (\n              <div\n                className=\"endpoint-card\"\n                onClick={() => handleClick(endpoint)}\n                key={`${tag}-${idx}`}\n              >\n                <div>\n                  <div className=\"endpoint-card-header\">\n                    <span className={`method-label ${endpoint.method.toLowerCase()}`}>\n                      {endpoint.method}\n                    </span>\n                    <div className=\"title-wrapper\">\n                      <h5>\n                        {(endpoint.summary || 'Endpoint Name').slice(0, 17)}\n                        {(endpoint.summary?.length ?? 0) > 17 && '...'}\n                      </h5>\n                    </div>\n                  </div>\n                  <div className=\"endpoint-meta\">\n                    <p>{endpoint.path}</p>\n                    <p className=\"description\">{endpoint.description ?? 'No Description '}</p>\n                  </div>\n                </div>\n\n                <div className=\"endpoint-arrow\">\n                  <SVGLoader src={arrowRightGray} />\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      ))}\n\n      {data.apiVersions?.length > 0 && (\n        <div className=\"versions-section\">\n          <h4>API Versions</h4>\n          <div className=\"version-list\">\n            {data.apiVersions.map((verObj, index) => (\n              <button key={index} className=\"version-btn\">\n                {verObj.metaData?.version || 'N/A'}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["TagPage","data","setActiveItemData","setActiveType","setExpandedSections","_jsxs","className","_jsx","children","title","version","jsxs","jsx","type","value","servers","length","_a","url","readOnly","onClick","navigator","clipboard","writeText","SVGLoader","src","CopySticker","associatedProduct","name","Object","entries","tags","map","tag","endpoints","endpoint","idx","assign","api","id","apiSpecId","description","prev","handleClick","method","toLowerCase","summary","slice","_b","path","_c","arrowRightGray","apiVersions","verObj","index","metaData"],"mappings":"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"}

package/dist/src/layout/docsComponents/DocsHeader/DocsHeader.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../../../_virtual/jsx-runtime.js";import{useState as e,useRef as o}from"react";import{d as r}from"../../../../_virtual/index.js";import a from"../../../components/SVGLoader/SVGLoader.js";import n from"../../../assets/icons/UpArrow.svg.js";import t from"../../../assets/icons/DownArrow.svg.js";import i from"../../../assets/icons/ApiIcon.svg.js";import c from"../../../assets/icons/FilterIcon.svg.js";import l from"../../../assets/icons/BookIcon.svg.js";import m from"../../../assets/icons/searchIcon.svg.js";import d from"../../../components/Tooltip/Tooltip.js";import h from"../../../components/dialog/index.js";import{METHOD_OPTIONS as j}from"../../../constants/methods.constant.js";import p from"./DocsHeader.module.scss.js";const x=()=>{const[x,u]=e(!1),[v,f]=e(""),[N,g]=e([]);e(!1);const[_,b]=e(!1);o(null);return s.jsxs(s.Fragment,{children:[s.jsx("header",{className:p.api_docs_header,children:s.jsxs("div",{className:p.header_content,children:[s.jsxs(r.Button,{variant:"outlined",size:"small",className:p.search_filter_btn,onClick:()=>{u(!0)},children:["Search & Filter",s.jsx(a,{src:c})]}),s.jsxs("div",{className:p.nav_buttons,children:[s.jsx(d,{placement:"bottom",delay:[0,0],className:`guides-tooltip ${p.tippy_box_color}`,content:s.jsx("div",{children:"Coming Soon"}),children:s.jsxs(r.Button,{variant:"outlined",size:"small",className:"guide-btn",disabled:!0,children:[s.jsx(a,{src:l}),"GUIDES"]})}),s.jsxs(r.Button,{variant:"outlined",size:"small",className:p.api_btn,children:[s.jsx(a,{src:i}),"   API reference"]})]})]})}),s.jsx(h,{size:"sm",open:x,onClose:()=>{u(!1),b(!1)},icon:!1,withClose:!1,noActions:!0,content:s.jsxs("div",{className:"search-filter-form "+(_?"expanded":""),children:[s.jsx("div",{className:"search-filter-form__header",children:s.jsx("p",{className:"search-filter-form__header__title",children:"Search & Filter"})}),s.jsx(r.Input,{className:"name-input",placeholder:"Search by API name",value:v,onChange:s=>f(s),size:r.Size.Medium,clearable:!0,endAdornment:s.jsx(a,{src:m})}),s.jsxs("div",{className:"method-container",children:[s.jsx("label",{children:"Method"}),s.jsxs("div",{className:"typeDdl",onClick:()=>b((s=>!s)),children:[s.jsx("span",{children:"Select Method"}),s.jsx(a,{src:_?n:t})]}),_&&s.jsx("div",{className:"methodList",children:j.map((e=>s.jsxs("div",{className:"method-item",children:[s.jsx("input",{type:"checkbox",className:"agreement-checkbox",checked:N.includes(e.value),onChange:s=>((s,e)=>{const{target:{checked:o}}=s;o?g((s=>[...s,e.value])):N.includes(e.value)&&g((s=>s.filter((s=>s!=e.value))))})(s,e)}),s.jsx("span",{style:{color:e.color},children:e.label})]})))})]}),s.jsx("div",{className:"button-container",children:s.jsx(r.Button,{variant:"contained",color:"primary",size:"large",onClick:()=>{u(!1)},className:"dialog-submit-btn",children:"Apply"})})]})})]})};export{x as default};
+import{j as e}from"../../../../_virtual/jsx-runtime.js";import{useState as s,useRef as o}from"react";import{d as t}from"../../../../_virtual/index.js";import r from"../../../components/SVGLoader/SVGLoader.js";import i from"../../../assets/icons/UpArrow.svg.js";import n from"../../../assets/icons/DownArrow.svg.js";import a from"../../../assets/icons/ApiIcon.svg.js";import l from"../../../assets/icons/FilterIcon.svg.js";import c from"../../../assets/icons/BookIcon.svg.js";import d from"../../../assets/icons/searchIcon.svg.js";import m from"../../../components/Tooltip/Tooltip.js";import h from"../../../components/dialog/index.js";import{METHOD_OPTIONS as p}from"../../../constants/methods.constant.js";import j from"./DocsHeader.module.scss.js";const u=({transformedOpenApis:u,updateFilteredData:x})=>{const[v,f]=s(!1),[g,N]=s(""),[b,_]=s([]);s(!1);const[C,A]=s(!1);o(null);return e.jsxs(e.Fragment,{children:[e.jsx("header",{className:j.api_docs_header,children:e.jsxs("div",{className:j.header_content,children:[e.jsxs(t.Button,{variant:"outlined",size:"small",className:j.search_filter_btn,onClick:()=>{f(!0)},children:["Search & Filter",e.jsx(r,{src:l})]}),e.jsxs("div",{className:j.nav_buttons,children:[e.jsx(m,{placement:"bottom",delay:[0,0],className:`guides-tooltip ${j.tippy_box_color}`,content:e.jsx("div",{children:"Coming Soon"}),children:e.jsxs(t.Button,{variant:"outlined",size:"small",className:"guide-btn",disabled:!0,children:[e.jsx(r,{src:c}),"GUIDES"]})}),e.jsxs(t.Button,{variant:"outlined",size:"small",className:j.api_btn,children:[e.jsx(r,{src:a}),"   API reference"]})]})]})}),e.jsx(h,{size:"sm",open:v,onClose:()=>{f(!1),A(!1)},icon:!1,withClose:!1,noActions:!0,content:e.jsxs("div",{className:"search-filter-form "+(C?"expanded":""),children:[e.jsx("div",{className:"search-filter-form__header",children:e.jsx("p",{className:"search-filter-form__header__title",children:"Search & Filter"})}),e.jsx(t.Input,{className:"name-input",placeholder:"Search by API name",value:g,onChange:e=>N(e),size:t.Size.Medium,clearable:!0,endAdornment:e.jsx(r,{src:d})}),e.jsxs("div",{className:"method-container",children:[e.jsx("label",{children:"Method"}),e.jsxs("div",{className:"typeDdl",onClick:()=>A((e=>!e)),children:[e.jsx("span",{children:"Select Method"}),e.jsx(r,{src:C?i:n})]}),C&&e.jsx("div",{className:"methodList",children:p.map((s=>e.jsxs("div",{className:"method-item",children:[e.jsx("input",{type:"checkbox",className:"agreement-checkbox",checked:b.includes(s.value),onChange:e=>((e,s)=>{const{target:{checked:o}}=e;o?_((e=>[...e,s.value])):b.includes(s.value)&&_((e=>e.filter((e=>e!=s.value))))})(e,s)}),e.jsx("span",{style:{color:s.color},children:s.label})]})))})]}),e.jsx("div",{className:"button-container",children:e.jsx(t.Button,{variant:"contained",color:"primary",size:"large",onClick:()=>{if(!((null==g?void 0:g.trim())||b&&0!==b.length))return x(u,!0),void f(!1);let e=[...u];if(null==g?void 0:g.trim()){const s=g.toLowerCase();e=e.filter((e=>e.title.toLowerCase().includes(s)))}(null==b?void 0:b.length)&&(e=e.filter((e=>{const s=Object.values(e.tags||{}).flat().map((e=>{var s;return null===(s=e.method)||void 0===s?void 0:s.toLowerCase()}));return b.some((e=>s.includes(e.toLowerCase())))}))),x(e),f(!1)},className:"dialog-submit-btn",children:"Apply"})})]})})]})};export{u as default};
 //# sourceMappingURL=DocsHeader.js.map

package/dist/src/layout/docsComponents/DocsHeader/DocsHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocsHeader.js","sources":["../../../../../src/layout/docsComponents/DocsHeader/DocsHeader.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react'\nimport { Button, Size, Input, SelectGroup } from 'digitinary-ui'\nimport SVGLoader from '../../../components/SVGLoader/SVGLoader'\nimport {\n  FilterIcon,\n  BookIcon,\n  ApiIcon,\n  SearchIcon,\n  arrowDownGray,\n  UpArrowIcon,\n  DownArrowIcon,\n} from '../../../assets/icons'\nimport Tooltip from '../../../components/Tooltip/Tooltip'\nimport CommonDialog from '../../../components/dialog/index'\nimport { METHOD_OPTIONS } from '../../../constants/methods.constant'\nimport styles from './DocsHeader.module.scss'\n\nconst DocsHeader: React.FC = () => {\n  const [showSearchFilter, setShowSearchFilter] = useState<boolean>(false)\n  const [apiName, setApiName] = useState<string>('')\n  const [selectedMethods, setSelectedMethods] = useState<any[]>([])\n  const [methodListOpened, setMethodListOpened] = useState(false)\n  const [isMethodDropdownOpen, setIsMethodDropdownOpen] = useState<boolean>(false)\n  const selectRef = useRef<any>(null)\n\n  const handleOpenSearchFilter = (): void => {\n    setShowSearchFilter(true)\n  }\n\n  const handleCloseSearchFilter = (): void => {\n    setShowSearchFilter(false)\n    setIsMethodDropdownOpen(false)\n  }\n\n  const handleApplyFilters = (): void => {\n    setShowSearchFilter(false)\n  }\n\n  const handleCheckMethod = (e, method: (typeof METHOD_OPTIONS)[0]) => {\n    const {\n      target: { checked },\n    } = e\n    if (checked) {\n      setSelectedMethods((prev) => [...prev, method.value])\n    } else {\n      if (selectedMethods.includes(method.value)) {\n        setSelectedMethods((prev) => prev.filter((_m) => _m != method.value))\n      }\n    }\n  }\n\n  return (\n    <>\n      <header className={styles.api_docs_header}>\n        <div className={styles.header_content}>\n          <Button\n            variant=\"outlined\"\n            size=\"small\"\n            className={styles.search_filter_btn}\n            onClick={handleOpenSearchFilter}\n          >\n            Search & Filter\n            <SVGLoader src={FilterIcon} />\n          </Button>\n          <div className={styles.nav_buttons}>\n            <Tooltip\n              placement=\"bottom\"\n              delay={[0, 0]}\n              className={`guides-tooltip ${styles.tippy_box_color}`}\n              content={<div>Coming Soon</div>}\n            >\n              <Button variant=\"outlined\" size=\"small\" className=\"guide-btn\" disabled={true}>\n                <SVGLoader src={BookIcon} />\n                GUIDES\n              </Button>\n            </Tooltip>\n            <Button variant=\"outlined\" size=\"small\" className={styles.api_btn}>\n              <SVGLoader src={ApiIcon} /> &nbsp; API reference\n            </Button>\n          </div>\n        </div>\n      </header>\n      <CommonDialog\n        size=\"sm\"\n        open={showSearchFilter}\n        onClose={handleCloseSearchFilter}\n        icon={false}\n        withClose={false}\n        noActions\n        content={\n          <div className={`search-filter-form ${isMethodDropdownOpen ? 'expanded' : ''}`}>\n            <div className=\"search-filter-form__header\">\n              <p className=\"search-filter-form__header__title\">Search & Filter</p>\n            </div>\n            <Input\n              className=\"name-input\"\n              placeholder=\"Search by API name\"\n              value={apiName}\n              onChange={(value) => setApiName(value as string)}\n              size={Size.Medium}\n              clearable\n              endAdornment={<SVGLoader src={SearchIcon} />}\n            />\n            <div className=\"method-container\">\n              <label>Method</label>\n              {/* <SelectGroup\n                isMultiple={true}\n                size={Size.Medium}\n                placeholder=\"Select Method\"\n                value={selectedMethods}\n                onChange={(value) => setSelectedMethods(value || [])}\n                options={[\n                  \n                ]}\n                withSearch={false}\n                className=\"method-select custom-select-border\"\n              /> */}\n              <div className=\"typeDdl\" onClick={() => setIsMethodDropdownOpen((prev) => !prev)}>\n                <span>Select Method</span>\n                <SVGLoader src={!isMethodDropdownOpen ? DownArrowIcon : UpArrowIcon} />\n              </div>\n              {isMethodDropdownOpen && (\n                <div className=\"methodList\">\n                  {METHOD_OPTIONS.map((_m) => (\n                    <div className=\"method-item\">\n                      <input\n                        type=\"checkbox\"\n                        className=\"agreement-checkbox\"\n                        checked={selectedMethods.includes(_m.value)}\n                        onChange={(e) => handleCheckMethod(e, _m)}\n                      />\n                      <span style={{ color: _m.color }}>{_m.label}</span>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </div>\n            <div className=\"button-container\">\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                size=\"large\"\n                onClick={handleApplyFilters}\n                className=\"dialog-submit-btn\"\n              >\n                Apply\n              </Button>\n            </div>\n          </div>\n        }\n      />\n    </>\n  )\n}\n\nexport default DocsHeader\n"],"names":["DocsHeader","showSearchFilter","setShowSearchFilter","useState","apiName","setApiName","selectedMethods","setSelectedMethods","isMethodDropdownOpen","setIsMethodDropdownOpen","useRef","_jsxs","_jsx","jsx","className","styles","api_docs_header","children","header_content","Button","variant","size","search_filter_btn","onClick","SVGLoader","src","FilterIcon","jsxs","nav_buttons","Tooltip","placement","delay","tippy_box_color","content","disabled","BookIcon","api_btn","ApiIcon","CommonDialog","open","onClose","icon","withClose","noActions","Input","placeholder","value","onChange","Size","Medium","clearable","endAdornment","SearchIcon","prev","UpArrowIcon","DownArrowIcon","METHOD_OPTIONS","map","_m","type","checked","includes","e","method","target","filter","handleCheckMethod","style","color","label"],"mappings":"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"}
+{"version":3,"file":"DocsHeader.js","sources":["../../../../../src/layout/docsComponents/DocsHeader/DocsHeader.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react'\nimport { Button, Size, Input, SelectGroup } from 'digitinary-ui'\nimport SVGLoader from '../../../components/SVGLoader/SVGLoader'\nimport {\n  FilterIcon,\n  BookIcon,\n  ApiIcon,\n  SearchIcon,\n  arrowDownGray,\n  UpArrowIcon,\n  DownArrowIcon,\n} from '../../../assets/icons'\nimport Tooltip from '../../../components/Tooltip/Tooltip'\nimport CommonDialog from '../../../components/dialog/index'\nimport { METHOD_OPTIONS } from '../../../constants/methods.constant'\nimport styles from './DocsHeader.module.scss'\n\nconst DocsHeader: React.FC = ({\n  transformedOpenApis,\n  updateFilteredData,\n}: {\n  transformedOpenApis: any[]\n  updateFilteredData: any\n}) => {\n  const [showSearchFilter, setShowSearchFilter] = useState<boolean>(false)\n  const [apiName, setApiName] = useState<string>('')\n  const [selectedMethods, setSelectedMethods] = useState<any[]>([])\n  const [methodListOpened, setMethodListOpened] = useState(false)\n  const [isMethodDropdownOpen, setIsMethodDropdownOpen] = useState<boolean>(false)\n  const selectRef = useRef<any>(null)\n\n  const handleOpenSearchFilter = (): void => {\n    setShowSearchFilter(true)\n  }\n\n  const handleCloseSearchFilter = (): void => {\n    setShowSearchFilter(false)\n    setIsMethodDropdownOpen(false)\n  }\n\n  const handleApplyFilters = (): void => {\n    // Reset: no filters applied\n    if (!apiName?.trim() && (!selectedMethods || selectedMethods.length === 0)) {\n      updateFilteredData(transformedOpenApis, true)\n      setShowSearchFilter(false)\n      return\n    }\n\n    let filteredItems = [...transformedOpenApis]\n\n    // Filter by API name\n    if (apiName?.trim()) {\n      const lowerApiName = apiName.toLowerCase()\n      filteredItems = filteredItems.filter((api) => api.title.toLowerCase().includes(lowerApiName))\n    }\n\n    // Filter by selected HTTP methods\n    if (selectedMethods?.length) {\n      filteredItems = filteredItems.filter((api) => {\n        const allMethods = Object.values(api.tags || {})\n          .flat()\n          .map((endpoint: any) => endpoint.method?.toLowerCase())\n\n        return selectedMethods.some((method) => allMethods.includes(method.toLowerCase()))\n      })\n    }\n\n    updateFilteredData(filteredItems)\n    setShowSearchFilter(false)\n  }\n\n  const handleCheckMethod = (e, method: (typeof METHOD_OPTIONS)[0]) => {\n    const {\n      target: { checked },\n    } = e\n    if (checked) {\n      setSelectedMethods((prev) => [...prev, method.value])\n    } else {\n      if (selectedMethods.includes(method.value)) {\n        setSelectedMethods((prev) => prev.filter((_m) => _m != method.value))\n      }\n    }\n  }\n\n  return (\n    <>\n      <header className={styles.api_docs_header}>\n        <div className={styles.header_content}>\n          <Button\n            variant=\"outlined\"\n            size=\"small\"\n            className={styles.search_filter_btn}\n            onClick={handleOpenSearchFilter}\n          >\n            Search & Filter\n            <SVGLoader src={FilterIcon} />\n          </Button>\n          <div className={styles.nav_buttons}>\n            <Tooltip\n              placement=\"bottom\"\n              delay={[0, 0]}\n              className={`guides-tooltip ${styles.tippy_box_color}`}\n              content={<div>Coming Soon</div>}\n            >\n              <Button variant=\"outlined\" size=\"small\" className=\"guide-btn\" disabled={true}>\n                <SVGLoader src={BookIcon} />\n                GUIDES\n              </Button>\n            </Tooltip>\n            <Button variant=\"outlined\" size=\"small\" className={styles.api_btn}>\n              <SVGLoader src={ApiIcon} /> &nbsp; API reference\n            </Button>\n          </div>\n        </div>\n      </header>\n      <CommonDialog\n        size=\"sm\"\n        open={showSearchFilter}\n        onClose={handleCloseSearchFilter}\n        icon={false}\n        withClose={false}\n        noActions\n        content={\n          <div className={`search-filter-form ${isMethodDropdownOpen ? 'expanded' : ''}`}>\n            <div className=\"search-filter-form__header\">\n              <p className=\"search-filter-form__header__title\">Search & Filter</p>\n            </div>\n            <Input\n              className=\"name-input\"\n              placeholder=\"Search by API name\"\n              value={apiName}\n              onChange={(value) => setApiName(value as string)}\n              size={Size.Medium}\n              clearable\n              endAdornment={<SVGLoader src={SearchIcon} />}\n            />\n            <div className=\"method-container\">\n              <label>Method</label>\n              {/* <SelectGroup\n                isMultiple={true}\n                size={Size.Medium}\n                placeholder=\"Select Method\"\n                value={selectedMethods}\n                onChange={(value) => setSelectedMethods(value || [])}\n                options={[\n                  \n                ]}\n                withSearch={false}\n                className=\"method-select custom-select-border\"\n              /> */}\n              <div className=\"typeDdl\" onClick={() => setIsMethodDropdownOpen((prev) => !prev)}>\n                <span>Select Method</span>\n                <SVGLoader src={!isMethodDropdownOpen ? DownArrowIcon : UpArrowIcon} />\n              </div>\n              {isMethodDropdownOpen && (\n                <div className=\"methodList\">\n                  {METHOD_OPTIONS.map((_m) => (\n                    <div className=\"method-item\">\n                      <input\n                        type=\"checkbox\"\n                        className=\"agreement-checkbox\"\n                        checked={selectedMethods.includes(_m.value)}\n                        onChange={(e) => handleCheckMethod(e, _m)}\n                      />\n                      <span style={{ color: _m.color }}>{_m.label}</span>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </div>\n            <div className=\"button-container\">\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                size=\"large\"\n                onClick={handleApplyFilters}\n                className=\"dialog-submit-btn\"\n              >\n                Apply\n              </Button>\n            </div>\n          </div>\n        }\n      />\n    </>\n  )\n}\n\nexport default DocsHeader\n"],"names":["DocsHeader","transformedOpenApis","updateFilteredData","showSearchFilter","setShowSearchFilter","useState","apiName","setApiName","selectedMethods","setSelectedMethods","isMethodDropdownOpen","setIsMethodDropdownOpen","useRef","_jsxs","_jsx","jsx","className","styles","api_docs_header","children","header_content","Button","variant","size","search_filter_btn","onClick","SVGLoader","src","FilterIcon","jsxs","nav_buttons","Tooltip","placement","delay","tippy_box_color","content","disabled","BookIcon","api_btn","ApiIcon","CommonDialog","open","onClose","icon","withClose","noActions","Input","placeholder","value","onChange","Size","Medium","clearable","endAdornment","SearchIcon","prev","UpArrowIcon","DownArrowIcon","METHOD_OPTIONS","map","_m","type","checked","includes","e","method","target","filter","handleCheckMethod","style","color","label","trim","length","filteredItems","lowerApiName","toLowerCase","api","title","allMethods","Object","values","tags","flat","endpoint","_a","some"],"mappings":"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"}

package/dist/src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../../../_virtual/jsx-runtime.js";import{useState as e}from"react";import i from"../../../components/SVGLoader/SVGLoader.js";import a from"../../../assets/icons/arrowDownGray.svg.js";import t from"../../../assets/icons/arrowRightGray.svg.js";import c from"../../../assets/icons/document.svg.js";import r from"../../../assets/icons/eye.svg.js";const n=({apis:n,setActiveItemData:d,isFirstApiExpanded:o,setIsFirstApiExpanded:p,setActiveType:l})=>{const[j,m]=e({}),v=(s,e,i,a)=>{if(o&&p(!1),i&&a){const i=Object.fromEntries(Object.entries(Object.assign({},j)).filter((([i,t])=>!!i.includes(s)&&(i===e||!a.some((s=>i.includes(s)))))));m(Object.assign(Object.assign({},i),{[e]:!j[e]}))}else m((s=>Object.assign(Object.assign({},s),{[e]:!s[e]})))},_=(e,i)=>e.map(((e,a)=>{const t=j[`api-${i.id}-resource-${e.id}`];return s.jsxs("div",{className:`api-docs-api-tree__endpoint api-docs-api-tree__endpoint--${e.method.toLowerCase()}`,onClick:()=>{t||(d(Object.assign(Object.assign({},e),{api:{id:i.id,title:i.title,description:i.description,version:i.version}})),l("ENDPOINT"),v(i.id,`api-${i.id}-resource-${e.id}`,!0,["resource","overview"]))},"data-active":t,children:[s.jsx("span",{className:"api-docs-api-tree__endpoint-method",children:e.method}),s.jsx("span",{className:"api-docs-api-tree__endpoint-name",children:e.path})]},a)})),x=(e,c,r,n)=>{const d=`api-${r.id}-section-${n}`,o=j[d];return s.jsx("div",{className:"api-docs-api-tree__subsection",children:s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"api-docs-api-tree__subsection-header",onClick:()=>v(r.id,d),children:[o?s.jsx(i,{src:a}):s.jsx(i,{src:t}),s.jsx("span",{className:"api-docs-api-tree__subsection-title",children:e})]}),o&&s.jsx("div",{className:"api-docs-api-tree__endpoints",children:_(c,r)})]})},d)};return s.jsx("aside",{className:"api-docs-api-tree",children:n.map(((e,n)=>((e,n)=>{const p=j[`api-${e.id}-section`],m=Object.keys(j).some((s=>s.includes(`api-${e.id}-resource`))),_=j[`api-${e.id}-endpoints`],h=j[`api-${e.id}-overview`];return o&&0===n&&!p&&(v(e.id,`api-${e.id}-section`),v(e.id,`api-${e.id}-overview`),d(e),l("OVERVIEW")),s.jsxs("div",{className:"api-docs-api-tree__section","data-active":m||h,children:[s.jsxs("div",{className:"api-docs-api-tree__section-header",onClick:()=>v(e.id,`api-${e.id}-section`),children:[p?s.jsx(i,{src:a}):s.jsx(i,{src:t}),s.jsx(i,{src:c}),s.jsx("span",{className:"api-docs-api-tree__section-title",children:e.title})]}),p&&s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"api-docs-api-tree__section__overview",onClick:()=>{h||(v(e.id,`api-${e.id}-overview`,!0,["resource"]),d(e),l("OVERVIEW"))},"data-active":h,children:[s.jsx(i,{src:r}),s.jsx("span",{children:"Overview"})]}),s.jsxs("div",{className:"api-docs-api-tree__section__endpoints",onClick:()=>{v(e.id,`api-${e.id}-endpoints`)},"data-active":m&&!h,children:[_?s.jsx(i,{src:a}):s.jsx(i,{src:t}),s.jsx("span",{children:"Endpoints"})]}),_&&s.jsx("div",{className:"api-docs-api-tree__subsections",children:Object.entries(e.tags).sort((([s],[e])=>"default"===s?1:"default"===e?-1:s.localeCompare(e))).map((([s,i],a)=>x(s,i,e,a)))})]})]},e.id)})(e,n)))})};export{n as default};
+import{j as e}from"../../../../_virtual/jsx-runtime.js";import{useEffect as s}from"react";import i from"../../../components/SVGLoader/SVGLoader.js";import a from"../../../assets/icons/arrowDownGray.svg.js";import c from"../../../assets/icons/arrowRightGray.svg.js";import t from"../../../assets/icons/document.svg.js";import p from"../../../assets/icons/eye.svg.js";const n=({apis:n,setActiveItemData:r,activeItemData:d,activeType:o,expandedSections:l,setExpandedSections:j,isFirstApiExpanded:m,setIsFirstApiExpanded:v,setActiveType:_})=>{s((()=>{if(!(null==n?void 0:n.length)||!m)return;const e=n[0],s=`api-${e.apiSpecId}-section`,i=`api-${e.apiSpecId}-overview`;j((e=>Object.assign(Object.assign({},e),{[s]:!0,[i]:!0}))),r(e),_("OVERVIEW"),v(!1)}),[n,m]);const x=(e,s,i,a)=>{if(i&&a){const i=Object.fromEntries(Object.entries(Object.assign({},l)).filter((([i])=>!!i.includes(e)&&(i===s||!a.some((e=>i.includes(e)))))));j(Object.assign(Object.assign({},i),{[s]:!l[s]}))}else j((e=>Object.assign(Object.assign({},e),{[s]:!e[s]})))},h=(s,i)=>s.map(((s,a)=>{const c=`api-${i.apiSpecId}-resource-${s.id}`,t=l[c];return e.jsxs("div",{className:`api-docs-api-tree__endpoint api-docs-api-tree__endpoint--${s.method.toLowerCase()}`,onClick:()=>{t||(r(Object.assign(Object.assign({},s),{api:Object.assign({id:i.apiSpecId,title:i.title,description:i.description,version:i.version},i)})),_("ENDPOINT"),x(i.apiSpecId,c,!0,["resource","overview"]))},"data-active":t,children:[e.jsx("span",{className:"api-docs-api-tree__endpoint-method",children:s.method}),e.jsx("span",{className:"api-docs-api-tree__endpoint-name",children:s.path})]},a)})),I=s=>{const n=`api-${s.apiSpecId}-section`,j=`api-${s.apiSpecId}-endpoints`,m=`api-${s.apiSpecId}-overview`,v=l[n],I="apiSpecId"in d&&d.apiSpecId===s.apiSpecId&&"OVERVIEW"===o,S="api"in d&&d.api.id===s.apiSpecId&&"path"in d&&"method"in d;return e.jsxs("div",{className:"api-docs-api-tree__section","data-active":S||I,children:[e.jsxs("div",{className:"api-docs-api-tree__section-header",onClick:()=>x(s.apiSpecId,n),children:[v?e.jsx(i,{src:a}):e.jsx(i,{src:c}),e.jsx(i,{src:t}),e.jsx("span",{className:"api-docs-api-tree__section-title",children:s.title})]}),v&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"api-docs-api-tree__section__overview",onClick:()=>{I||(x(s.apiSpecId,m,!0,["resource"]),r(s),_("OVERVIEW"))},"data-active":I,children:[e.jsx(i,{src:p}),e.jsx("span",{children:"Overview"})]}),e.jsxs("div",{className:"api-docs-api-tree__section__endpoints",onClick:()=>x(s.apiSpecId,j),"data-active":S&&!I,children:[l[j]?e.jsx(i,{src:a}):e.jsx(i,{src:c}),e.jsx("span",{children:"Endpoints"})]}),l[j]&&e.jsx("div",{className:"api-docs-api-tree__subsections",children:Object.entries(s.tags).sort((([e],[s])=>"default"===e?1:"default"===s?-1:e.localeCompare(s))).map((([t,p],n)=>((s,t,p,n)=>{const r=`api-${p.apiSpecId}-section-${n}`,d=l[r];return e.jsxs("div",{className:"api-docs-api-tree__subsection",children:[e.jsxs("div",{className:"api-docs-api-tree__subsection-header",onClick:()=>x(p.apiSpecId,r),children:[d?e.jsx(i,{src:a}):e.jsx(i,{src:c}),e.jsx("span",{className:"api-docs-api-tree__subsection-title",children:s})]}),d&&e.jsx("div",{className:"api-docs-api-tree__endpoints",children:h(t,p)})]},r)})(t,p,s,n)))})]})]},s.apiSpecId)};return e.jsx("aside",{className:"api-docs-api-tree",children:n.map((e=>I(e)))})};export{n as default};
 //# sourceMappingURL=DocsSideMenuTree.js.map

package/dist/src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocsSideMenuTree.js","sources":["../../../../../src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.tsx"],"sourcesContent":["import './style.scss'\nimport React, { useState } from 'react'\nimport SVGLoader from '../../../components/SVGLoader/SVGLoader'\nimport { arrowDownGray, arrowRightGray, document, eye } from '../../../assets/icons'\n\nconst DocsSideMenuTree = ({\n  apis,\n  setActiveItemData,\n  isFirstApiExpanded,\n  setIsFirstApiExpanded,\n  setActiveType,\n}) => {\n  const [expandedSections, setExpandedSections] = useState({})\n\n  const toggleSection = (apiId, sectionId: string, resetOthers?: boolean, key?: string[]) => {\n    isFirstApiExpanded && setIsFirstApiExpanded(false)\n    if (resetOthers && key) {\n      const filteredExpandedSections = Object.fromEntries(\n        Object.entries({ ...expandedSections }).filter(([expandKey, _]) => {\n          // Close other APIs sections\n          if (!expandKey.includes(apiId)) return false\n          // always return the clicked on section\n          else if (expandKey === sectionId) return true\n          // filter all sections containing the key\n          else if (key.some((k) => expandKey.includes(k))) return false\n          else return true\n        })\n      )\n\n      setExpandedSections({\n        ...filteredExpandedSections,\n        [sectionId]: !expandedSections[sectionId],\n      })\n    } else {\n      setExpandedSections((prev) => ({\n        ...prev,\n        [sectionId]: !prev[sectionId],\n      }))\n    }\n  }\n\n  const renderEndpoints = (endpoints, api) => {\n    return endpoints.map((endpoint, index) => {\n      const isResourceExpanded = expandedSections[`api-${api.id}-resource-${endpoint.id}`]\n\n      return (\n        <div\n          key={index}\n          className={`api-docs-api-tree__endpoint api-docs-api-tree__endpoint--${endpoint.method.toLowerCase()}`}\n          onClick={() => {\n            if (!isResourceExpanded) {\n              setActiveItemData({\n                ...endpoint,\n                api: {\n                  id: api.id,\n                  title: api.title,\n                  description: api.description,\n                  version: api.version,\n                },\n              })\n              setActiveType('ENDPOINT')\n              toggleSection(api.id, `api-${api.id}-resource-${endpoint.id}`, true, [\n                'resource',\n                'overview',\n              ])\n            }\n          }}\n          data-active={isResourceExpanded}\n        >\n          <span className=\"api-docs-api-tree__endpoint-method\">{endpoint.method}</span>\n          <span className=\"api-docs-api-tree__endpoint-name\">{endpoint.path}</span>\n        </div>\n      )\n    })\n  }\n\n  const renderApiSection = (api, index) => {\n    const isApiExpanded = expandedSections[`api-${api.id}-section`]\n    const isEndpointActive = Object.keys(expandedSections).some((k) =>\n      k.includes(`api-${api.id}-resource`)\n    )\n    const isEndpointsExpanded = expandedSections[`api-${api.id}-endpoints`]\n    const isOverviewExpanded = expandedSections[`api-${api.id}-overview`]\n\n    if (isFirstApiExpanded && index === 0 && !isApiExpanded) {\n      toggleSection(api.id, `api-${api.id}-section`)\n      toggleSection(api.id, `api-${api.id}-overview`)\n      setActiveItemData(api)\n      setActiveType('OVERVIEW')\n    }\n\n    return (\n      <div\n        key={api.id}\n        className=\"api-docs-api-tree__section\"\n        data-active={isEndpointActive || isOverviewExpanded}\n      >\n        <div\n          className=\"api-docs-api-tree__section-header\"\n          onClick={() => toggleSection(api.id, `api-${api.id}-section`)}\n        >\n          {isApiExpanded ? <SVGLoader src={arrowDownGray} /> : <SVGLoader src={arrowRightGray} />}\n          <SVGLoader src={document} />\n          <span className=\"api-docs-api-tree__section-title\">{api.title}</span>\n        </div>\n\n        {isApiExpanded && (\n          <>\n            <div\n              className={`api-docs-api-tree__section__overview`}\n              onClick={() => {\n                if (!isOverviewExpanded) {\n                  toggleSection(api.id, `api-${api.id}-overview`, true, ['resource'])\n                  setActiveItemData(api)\n                  setActiveType('OVERVIEW')\n                }\n              }}\n              data-active={isOverviewExpanded}\n            >\n              {<SVGLoader src={eye} />}\n              <span>Overview</span>\n            </div>\n            <div\n              className=\"api-docs-api-tree__section__endpoints\"\n              onClick={() => {\n                toggleSection(api.id, `api-${api.id}-endpoints`)\n              }}\n              data-active={isEndpointActive && !isOverviewExpanded}\n            >\n              {isEndpointsExpanded ? (\n                <SVGLoader src={arrowDownGray} />\n              ) : (\n                <SVGLoader src={arrowRightGray} />\n              )}\n              <span>Endpoints</span>\n            </div>\n            {isEndpointsExpanded && (\n              <div className=\"api-docs-api-tree__subsections\">\n                {Object.entries(api.tags)\n                  .sort(([a], [b]) => {\n                    if (a === 'default') return 1\n                    if (b === 'default') return -1\n                    return a.localeCompare(b)\n                  })\n                  .map(([tagName, data], index) => renderSubSection(tagName, data, api, index))}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    )\n  }\n\n  const renderSubSection = (tagName, data, api, sectionIndex) => {\n    const sectionKey = `api-${api.id}-section-${sectionIndex}`\n    const isSectionExpanded = expandedSections[sectionKey]\n\n    return (\n      <div key={sectionKey} className=\"api-docs-api-tree__subsection\">\n        <>\n          <div\n            className=\"api-docs-api-tree__subsection-header\"\n            onClick={() => toggleSection(api.id, sectionKey)}\n          >\n            {isSectionExpanded ? (\n              <SVGLoader src={arrowDownGray} />\n            ) : (\n              <SVGLoader src={arrowRightGray} />\n            )}\n            <span className=\"api-docs-api-tree__subsection-title\">{tagName}</span>\n          </div>\n\n          {isSectionExpanded && (\n            <div className=\"api-docs-api-tree__endpoints\">{renderEndpoints(data, api)}</div>\n          )}\n        </>\n      </div>\n    )\n  }\n\n  return (\n    <aside className=\"api-docs-api-tree\">\n      {apis.map((api, index) => renderApiSection(api, index))}\n    </aside>\n  )\n}\n\nexport default DocsSideMenuTree\n"],"names":["DocsSideMenuTree","apis","setActiveItemData","isFirstApiExpanded","setIsFirstApiExpanded","setActiveType","expandedSections","setExpandedSections","useState","toggleSection","apiId","sectionId","resetOthers","key","filteredExpandedSections","Object","fromEntries","entries","assign","filter","expandKey","_","includes","some","k","prev","renderEndpoints","endpoints","api","map","endpoint","index","isResourceExpanded","id","_jsxs","className","method","toLowerCase","onClick","title","description","version","children","_jsx","jsx","path","renderSubSection","tagName","data","sectionIndex","sectionKey","isSectionExpanded","_Fragment","Fragment","jsxs","SVGLoader","src","arrowDownGray","arrowRightGray","isApiExpanded","isEndpointActive","keys","isEndpointsExpanded","isOverviewExpanded","document","eye","tags","sort","a","b","localeCompare","renderApiSection"],"mappings":"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"}
+{"version":3,"file":"DocsSideMenuTree.js","sources":["../../../../../src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.tsx"],"sourcesContent":["import './style.scss'\nimport React, { useEffect, useState } from 'react'\nimport SVGLoader from '../../../components/SVGLoader/SVGLoader'\nimport { arrowDownGray, arrowRightGray, document, eye } from '../../../assets/icons'\nimport { EndpointData, OverviewData } from 'src/layout/docsLayout'\n\nconst DocsSideMenuTree = ({\n  apis,\n  setActiveItemData,\n  activeItemData,\n  activeType,\n  expandedSections,\n  setExpandedSections,\n  isFirstApiExpanded,\n  setIsFirstApiExpanded,\n  setActiveType,\n}: {\n  apis: OverviewData[]\n  setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>\n  activeItemData: OverviewData | EndpointData\n  expandedSections: Record<string, boolean>\n  setExpandedSections: React.Dispatch<React.SetStateAction<Record<string, boolean>>>\n  isFirstApiExpanded: boolean\n  setIsFirstApiExpanded: React.Dispatch<React.SetStateAction<boolean>>\n  setActiveType: React.Dispatch<React.SetStateAction<'OVERVIEW' | 'ENDPOINT'>>\n  activeType: 'OVERVIEW' | 'ENDPOINT'\n}) => {\n  // Auto-expand first API only once\n  useEffect(() => {\n    if (!apis?.length || !isFirstApiExpanded) return\n\n    const firstApi = apis[0]\n    const sectionKey = `api-${firstApi.apiSpecId}-section`\n    const overviewKey = `api-${firstApi.apiSpecId}-overview`\n\n    setExpandedSections((prev) => ({\n      ...prev,\n      [sectionKey]: true,\n      [overviewKey]: true,\n    }))\n\n    setActiveItemData(firstApi)\n    setActiveType('OVERVIEW')\n    setIsFirstApiExpanded(false)\n  }, [apis, isFirstApiExpanded])\n\n  const toggleSection = (apiId, sectionId: string, resetOthers?: boolean, key?: string[]) => {\n    if (resetOthers && key) {\n      const filteredExpandedSections = Object.fromEntries(\n        Object.entries({ ...expandedSections }).filter(([expandKey]) => {\n          // Close other APIs sections\n          if (!expandKey.includes(apiId)) return false\n          // always return the clicked on section\n          if (expandKey === sectionId) return true\n          // filter all sections containing the key\n          if (key.some((k) => expandKey.includes(k))) return false\n          return true\n        })\n      )\n\n      setExpandedSections({\n        ...filteredExpandedSections,\n        [sectionId]: !expandedSections[sectionId],\n      })\n    } else {\n      setExpandedSections((prev) => ({\n        ...prev,\n        [sectionId]: !prev[sectionId],\n      }))\n    }\n  }\n\n  const renderEndpoints = (endpoints: EndpointData[], api: OverviewData) =>\n    endpoints.map((endpoint, index) => {\n      const key = `api-${api.apiSpecId}-resource-${endpoint.id}`\n      const isExpanded = expandedSections[key]\n\n      return (\n        <div\n          key={index}\n          className={`api-docs-api-tree__endpoint api-docs-api-tree__endpoint--${endpoint.method.toLowerCase()}`}\n          onClick={() => {\n            if (!isExpanded) {\n              setActiveItemData({\n                ...endpoint,\n                api: {\n                  id: api.apiSpecId,\n                  title: api.title,\n                  description: api.description,\n                  version: api.version,\n                  ...api,\n                },\n              })\n              setActiveType('ENDPOINT')\n              toggleSection(api.apiSpecId, key, true, ['resource', 'overview'])\n            }\n          }}\n          data-active={isExpanded}\n        >\n          <span className=\"api-docs-api-tree__endpoint-method\">{endpoint.method}</span>\n          <span className=\"api-docs-api-tree__endpoint-name\">{endpoint.path}</span>\n        </div>\n      )\n    })\n\n  const renderSubSection = (\n    tagName: string,\n    data: EndpointData[],\n    api: OverviewData,\n    sectionIndex: number\n  ) => {\n    const sectionKey = `api-${api.apiSpecId}-section-${sectionIndex}`\n    const isSectionExpanded = expandedSections[sectionKey]\n\n    return (\n      <div key={sectionKey} className=\"api-docs-api-tree__subsection\">\n        <div\n          className=\"api-docs-api-tree__subsection-header\"\n          onClick={() => toggleSection(api.apiSpecId, sectionKey)}\n        >\n          {isSectionExpanded ? (\n            <SVGLoader src={arrowDownGray} />\n          ) : (\n            <SVGLoader src={arrowRightGray} />\n          )}\n          <span className=\"api-docs-api-tree__subsection-title\">{tagName}</span>\n        </div>\n\n        {isSectionExpanded && (\n          <div className=\"api-docs-api-tree__endpoints\">{renderEndpoints(data, api)}</div>\n        )}\n      </div>\n    )\n  }\n\n  const renderApiSection = (api: OverviewData) => {\n    const sectionKey = `api-${api.apiSpecId}-section`\n    const endpointsKey = `api-${api.apiSpecId}-endpoints`\n    const overviewKey = `api-${api.apiSpecId}-overview`\n\n    const isApiExpanded = expandedSections[sectionKey]\n    const isOverviewExpanded =\n      'apiSpecId' in activeItemData &&\n      activeItemData.apiSpecId === api.apiSpecId &&\n      activeType === 'OVERVIEW'\n    const isEndpointActive =\n      'api' in activeItemData &&\n      activeItemData.api.id === api.apiSpecId &&\n      'path' in activeItemData &&\n      'method' in activeItemData\n\n    return (\n      <div\n        key={api.apiSpecId}\n        className=\"api-docs-api-tree__section\"\n        data-active={isEndpointActive || isOverviewExpanded}\n      >\n        <div\n          className=\"api-docs-api-tree__section-header\"\n          onClick={() => toggleSection(api.apiSpecId, sectionKey)}\n        >\n          {isApiExpanded ? <SVGLoader src={arrowDownGray} /> : <SVGLoader src={arrowRightGray} />}\n          <SVGLoader src={document} />\n          <span className=\"api-docs-api-tree__section-title\">{api.title}</span>\n        </div>\n\n        {isApiExpanded && (\n          <>\n            <div\n              className=\"api-docs-api-tree__section__overview\"\n              onClick={() => {\n                if (!isOverviewExpanded) {\n                  toggleSection(api.apiSpecId, overviewKey, true, ['resource'])\n                  setActiveItemData(api)\n                  setActiveType('OVERVIEW')\n                }\n              }}\n              data-active={isOverviewExpanded}\n            >\n              <SVGLoader src={eye} />\n              <span>Overview</span>\n            </div>\n\n            <div\n              className=\"api-docs-api-tree__section__endpoints\"\n              onClick={() => toggleSection(api.apiSpecId, endpointsKey)}\n              data-active={isEndpointActive && !isOverviewExpanded}\n            >\n              {expandedSections[endpointsKey] ? (\n                <SVGLoader src={arrowDownGray} />\n              ) : (\n                <SVGLoader src={arrowRightGray} />\n              )}\n              <span>Endpoints</span>\n            </div>\n\n            {expandedSections[endpointsKey] && (\n              <div className=\"api-docs-api-tree__subsections\">\n                {Object.entries(api.tags)\n                  .sort(([a], [b]) =>\n                    a === 'default' ? 1 : b === 'default' ? -1 : a.localeCompare(b)\n                  )\n                  .map(([tagName, data], i) => renderSubSection(tagName, data, api, i))}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    )\n  }\n\n  return <aside className=\"api-docs-api-tree\">{apis.map((api) => renderApiSection(api))}</aside>\n}\n\nexport default DocsSideMenuTree\n"],"names":["DocsSideMenuTree","apis","setActiveItemData","activeItemData","activeType","expandedSections","setExpandedSections","isFirstApiExpanded","setIsFirstApiExpanded","setActiveType","useEffect","length","firstApi","sectionKey","apiSpecId","overviewKey","prev","Object","assign","toggleSection","apiId","sectionId","resetOthers","key","filteredExpandedSections","fromEntries","entries","filter","expandKey","includes","some","k","renderEndpoints","endpoints","api","map","endpoint","index","id","isExpanded","_jsxs","className","method","toLowerCase","onClick","title","description","version","children","_jsx","jsx","path","renderApiSection","endpointsKey","isApiExpanded","isOverviewExpanded","isEndpointActive","jsxs","SVGLoader","src","arrowDownGray","arrowRightGray","document","_Fragment","eye","tags","sort","a","b","localeCompare","tagName","data","i","sectionIndex","isSectionExpanded","renderSubSection"],"mappings":"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"}

package/dist/src/layout/docsLayout.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as s,useEffect as t}from"react";import o from"./docsComponents/index.js";import{transformOpenApiToDocs as r}from"../helpers/docs.helper.js";const i=({openApiJson:i})=>{const[a,n]=s([]),[p,d]=s(!0),[c,l]=s(),[m,j]=s(),[x,u]=s(!0);return t((()=>{var e;0===a.length&&(n(null===(e=structuredClone(i))||void 0===e?void 0:e.map((e=>r(e))).sort(((e,s)=>e.title.toLowerCase().localeCompare(s.title.toLowerCase())))),u(!1))}),[i]),e.jsxs(o,{children:[e.jsx(o.DocsHeader,{}),e.jsx(o.DocsSideMenuTree,{apis:a,setActiveItemData:l,isFirstApiExpanded:p,setIsFirstApiExpanded:d,setActiveType:j}),!x&&e.jsx(o.DocsContent,{data:c}),"ENDPOINT"===m&&e.jsx(o.DocsAside,{data:c})]})};export{i as default};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as t,useRef as s,useEffect as a}from"react";import o from"./docsComponents/index.js";import{transformOpenApiToDocs as r}from"../helpers/docs.helper.js";const i=({apis:i})=>{const[n,c]=t([]),[d,p]=t(!0),[l,m]=t({}),[x,j]=t("OVERVIEW"),[u,v]=t({}),D=s([]),[A,f]=t(!0);a((()=>{var e;if(0===n.length){const t=null===(e=structuredClone(i))||void 0===e?void 0:e.map((e=>r(e))).sort(((e,t)=>e.title.toLowerCase().localeCompare(t.title.toLowerCase())));c(t),D.current=t,t.length>0&&f(!1)}}),[i]);return e.jsxs(o,{children:[e.jsx(o.DocsHeader,{transformedOpenApis:n,updateFilteredData:(e,t=!1)=>{c(t?D.current:e)}}),e.jsx(o.DocsSideMenuTree,{apis:n,setActiveItemData:m,activeItemData:l,expandedSections:u,setExpandedSections:v,isFirstApiExpanded:d,activeType:x,setIsFirstApiExpanded:p,setActiveType:j}),!A&&Object.keys(l).length>0&&e.jsx(o.DocsContent,{data:l,activeType:x,setActiveItemData:m,setActiveType:j,setExpandedSections:v}),"ENDPOINT"===x&&e.jsx(o.DocsAside,{data:l})]})};export{i as default};
 //# sourceMappingURL=docsLayout.js.map

package/dist/src/layout/docsLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"docsLayout.js","sources":["../../../src/layout/docsLayout.tsx"],"sourcesContent":["import React, { JSX, useEffect, useState } from 'react'\nimport Layout from './docsComponents'\nimport { HTTPMethod, OpenAPIFile, Parameter, RequestBody, Responses } from '@entities/openApi'\nimport { transformOpenApiToDocs } from '../helpers/docs.helper'\n\ninterface ILayoutProps {\n  openApiJson?: OpenAPIFile[]\n}\n\nexport interface TagData {\n  id: string\n  method: HTTPMethod\n  path: string\n  tags: string[]\n  responses: Responses\n  summary?: string\n  description: string\n  parameters?: Parameter[]\n  requestBody?: RequestBody\n}\n\nexport interface EndpointData extends TagData {\n  api: {\n    id: string\n    description: string\n    title: string\n    version: string\n  }\n}\n\nexport interface OverviewData {\n  id: string\n  description: string\n  title: string\n  version: string\n  tags: Record<string, TagData[]>\n}\n\nconst DocsLayout = ({ openApiJson }: ILayoutProps): JSX.Element => {\n  const [transformedOpenApis, setTransformedOpenApis] = useState([])\n  const [isFirstApiExpanded, setIsFirstApiExpanded] = useState(true)\n  const [activeItemData, setActiveItemData] = useState<OverviewData | EndpointData>()\n  const [activeType, setActiveType] = useState<'OVERVIEW' | 'ENDPOINT'>()\n  const [pending, setPending] = useState(true)\n  useEffect(() => {\n    if (transformedOpenApis.length === 0) {\n      setTransformedOpenApis(\n        structuredClone(openApiJson)\n          ?.map((o3) => transformOpenApiToDocs(o3))\n          .sort((a, b) => a.title.toLowerCase().localeCompare(b.title.toLowerCase()))\n      )\n      setPending(false)\n    }\n  }, [openApiJson])\n\n  return (\n    <Layout>\n      <Layout.DocsHeader />\n      <Layout.DocsSideMenuTree\n        apis={transformedOpenApis}\n        setActiveItemData={setActiveItemData}\n        isFirstApiExpanded={isFirstApiExpanded}\n        setIsFirstApiExpanded={setIsFirstApiExpanded}\n        setActiveType={setActiveType}\n      />\n      {!pending && <Layout.DocsContent data={activeItemData} />}\n      {activeType === 'ENDPOINT' && <Layout.DocsAside data={activeItemData} />}\n    </Layout>\n  )\n}\n\nexport default DocsLayout\n"],"names":["DocsLayout","openApiJson","transformedOpenApis","setTransformedOpenApis","useState","isFirstApiExpanded","setIsFirstApiExpanded","activeItemData","setActiveItemData","activeType","setActiveType","pending","setPending","useEffect","length","structuredClone","_a","map","o3","transformOpenApiToDocs","sort","a","b","title","toLowerCase","localeCompare","_jsxs","jsxs","Layout","children","_jsx","DocsHeader","DocsSideMenuTree","apis","DocsContent","data","DocsAside"],"mappings":"8MAsCA,MAAMA,EAAa,EAAGC,kBACpB,MAAOC,EAAqBC,GAA0BC,EAAS,KACxDC,EAAoBC,GAAyBF,GAAS,IACtDG,EAAgBC,GAAqBJ,KACrCK,EAAYC,GAAiBN,KAC7BO,EAASC,GAAcR,GAAS,GAYvC,OAXAS,GAAU,WAC2B,IAA/BX,EAAoBY,SACtBX,EAC8B,UAA5BY,gBAAgBd,UAAY,IAAAe,OAAA,EAAAA,EACxBC,KAAKC,GAAOC,EAAuBD,KACpCE,MAAK,CAACC,EAAGC,IAAMD,EAAEE,MAAMC,cAAcC,cAAcH,EAAEC,MAAMC,kBAEhEZ,GAAW,GACZ,GACA,CAACX,IAGFyB,EAAAC,KAACC,EAAM,CAAAC,SAAA,CACLC,EAAAA,IAACF,EAAOG,WAAa,CAAA,GACrBD,EAAAA,IAACF,EAAOI,iBAAgB,CACtBC,KAAM/B,EACNM,kBAAmBA,EACnBH,mBAAoBA,EACpBC,sBAAuBA,EACvBI,cAAeA,KAEfC,GAAWmB,EAAAA,IAACF,EAAOM,YAAW,CAACC,KAAM5B,IACvB,aAAfE,GAA6BqB,MAACF,EAAOQ,UAAU,CAAAD,KAAM5B,MAEzD"}
+{"version":3,"file":"docsLayout.js","sources":["../../../src/layout/docsLayout.tsx"],"sourcesContent":["import React, { JSX, useEffect, useRef, useState } from 'react'\nimport Layout from './docsComponents'\nimport { HTTPMethod, OpenAPIFile, Parameter, RequestBody, Responses } from '@entities/openApi'\nimport { transformOpenApiToDocs } from '../helpers/docs.helper'\nimport { ApiSpecModel } from '@entities/index'\n\ninterface ILayoutProps {\n  apis?: ApiSpecModel[]\n}\n\nexport interface TagData {\n  id: string\n  method: HTTPMethod\n  path: string\n  tags: string[]\n  responses: Responses\n  summary?: string\n  description: string\n  parameters?: Parameter[]\n  requestBody?: RequestBody\n}\n\nexport interface EndpointData extends TagData {\n  api: {\n    id: string\n    description: string\n    title: string\n    version: string\n  }\n}\n\nexport interface OverviewData extends Omit<ApiSpecModel, 'metaData'> {\n  description: string\n  title: string\n  version: string\n  tags: Record<string, TagData[]>\n  servers: OpenAPIFile['servers']\n}\n\nconst DocsLayout = ({ apis }: ILayoutProps): JSX.Element => {\n  const [transformedOpenApis, setTransformedOpenApis] = useState([])\n  const [isFirstApiExpanded, setIsFirstApiExpanded] = useState(true)\n  const [activeItemData, setActiveItemData] = useState<OverviewData | EndpointData | {}>({})\n  const [activeType, setActiveType] = useState<'OVERVIEW' | 'ENDPOINT'>('OVERVIEW')\n  const [expandedSections, setExpandedSections] = useState({})\n  const allData = useRef([]);\n  const [pending, setPending] = useState(true)\n  useEffect(() => {\n    if (transformedOpenApis.length === 0) {\n      const t = structuredClone(apis)\n        ?.map((o3) => transformOpenApiToDocs(o3))\n        .sort((a, b) => a.title.toLowerCase().localeCompare(b.title.toLowerCase()))\n      setTransformedOpenApis(t)\n      allData.current = t\n      if (t.length > 0) {\n        setPending(false)\n      }\n    }\n  }, [apis])\n\n  const updateFilteredData = (filteredItems, isReset=false) => {\n    if(isReset){\n      setTransformedOpenApis(allData.current)\n      return;\n    }\n    setTransformedOpenApis(filteredItems)\n  }\n\n  return (\n    <Layout>\n      <Layout.DocsHeader transformedOpenApis={transformedOpenApis} updateFilteredData={updateFilteredData}/>\n      <Layout.DocsSideMenuTree\n        apis={transformedOpenApis}\n        setActiveItemData={setActiveItemData}\n        activeItemData={activeItemData}\n        expandedSections={expandedSections}\n        setExpandedSections={setExpandedSections}\n        isFirstApiExpanded={isFirstApiExpanded}\n        activeType={activeType}\n        setIsFirstApiExpanded={setIsFirstApiExpanded}\n        setActiveType={setActiveType}\n      />\n      {!pending && Object.keys(activeItemData).length > 0 && (\n        <Layout.DocsContent\n          data={activeItemData}\n          activeType={activeType}\n          setActiveItemData={setActiveItemData}\n          setActiveType={setActiveType}\n          setExpandedSections={setExpandedSections}\n        />\n      )}\n      {activeType === 'ENDPOINT' && <Layout.DocsAside data={activeItemData as EndpointData} />}\n    </Layout>\n  )\n}\n\nexport default DocsLayout\n"],"names":["DocsLayout","apis","transformedOpenApis","setTransformedOpenApis","useState","isFirstApiExpanded","setIsFirstApiExpanded","activeItemData","setActiveItemData","activeType","setActiveType","expandedSections","setExpandedSections","allData","useRef","pending","setPending","useEffect","length","t","_a","structuredClone","map","o3","transformOpenApiToDocs","sort","a","b","title","toLowerCase","localeCompare","current","_jsxs","Layout","children","_jsx","DocsHeader","updateFilteredData","filteredItems","isReset","DocsSideMenuTree","Object","keys","DocsContent","data","DocsAside"],"mappings":"0NAuCA,MAAMA,EAAa,EAAGC,WACpB,MAAOC,EAAqBC,GAA0BC,EAAS,KACxDC,EAAoBC,GAAyBF,GAAS,IACtDG,EAAgBC,GAAqBJ,EAA2C,CAAE,IAClFK,EAAYC,GAAiBN,EAAkC,aAC/DO,EAAkBC,GAAuBR,EAAS,CAAE,GACrDS,EAAUC,EAAO,KAChBC,EAASC,GAAcZ,GAAS,GACvCa,GAAU,WACR,GAAmC,IAA/Bf,EAAoBgB,OAAc,CACpC,MAAMC,UAAIC,EAAAC,gBAAgBpB,yBACtBqB,KAAKC,GAAOC,EAAuBD,KACpCE,MAAK,CAACC,EAAGC,IAAMD,EAAEE,MAAMC,cAAcC,cAAcH,EAAEC,MAAMC,iBAC9D1B,EAAuBgB,GACvBN,EAAQkB,QAAUZ,EACdA,EAAED,OAAS,GACbF,GAAW,EAEd,IACA,CAACf,IAUJ,OACE+B,EAAAA,KAACC,EACC,CAAAC,SAAA,CAAAC,EAAAA,IAACF,EAAOG,WAAU,CAAClC,oBAAqBA,EAAqBmC,mBAVtC,CAACC,EAAeC,GAAQ,KAE/CpC,EADCoC,EACsB1B,EAAQkB,QAGVO,EAAc,IAMnCH,EAAAA,IAACF,EAAOO,iBACN,CAAAvC,KAAMC,EACNM,kBAAmBA,EACnBD,eAAgBA,EAChBI,iBAAkBA,EAClBC,oBAAqBA,EACrBP,mBAAoBA,EACpBI,WAAYA,EACZH,sBAAuBA,EACvBI,cAAeA,KAEfK,GAAW0B,OAAOC,KAAKnC,GAAgBW,OAAS,GAChDiB,EAAAA,IAACF,EAAOU,YAAW,CACjBC,KAAMrC,EACNE,WAAYA,EACZD,kBAAmBA,EACnBE,cAAeA,EACfE,oBAAqBA,IAGT,aAAfH,GAA6B0B,EAAAA,IAACF,EAAOY,UAAS,CAACD,KAAMrC,MAEzD"}

package/dist/src/layout/layout.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as o,useEffect as t}from"react";import{d as i}from"../../_virtual/index.js";import r from"../components/MethodAccordion/MethodAccordion.js";import s from"./layout.module.css.js";import n from"../components/InfoForm/InfoForm.js";import a from"../components/SectionHead/SectionHead.js";import{transformOpenApiObject as l,transformOpenApiObjectToOrigin as d}from"../helpers/layout.helper.js";import m from"../components/LivePreview/LivePreview.js";import{useFormik as c,FormikProvider as u}from"../../node_modules/formik/dist/formik.esm.js";import{schemaValidation as h}from"../validator/form.scheme.js";import{methodColorMapping as p}from"../constants/index.js";import j from"../components/dialog/index.js";const v=({openApiJson:v,handleSave:x,setIsFormDirty:f,openApiErrors:g})=>{const S=structuredClone(v),y=l(S),A=c({initialValues:structuredClone(y),validationSchema:h,validateOnMount:!0,onSubmit:(e,{validateForm:o,resetForm:t})=>{const i=d(e);x(i),t({values:e}),o(e)}}),{dirty:b,isValid:F,isSubmitting:C,values:N,setFieldValue:w,handleSubmit:H}=A,[P,$]=o(!1),[_,D]=o(null);return t((()=>{f&&f(b)}),[b]),e.jsxs("div",{className:s.docsLayout,children:[b&&e.jsx(i.Alert,{className:s.apiDocAlert,color:"warning",severity:"warning",children:"There are changes you made may not be saved"}),e.jsxs("div",{className:s.layoutContainer,children:[e.jsxs("div",{className:`${s.editorSide} ${s.docSide}`,children:[e.jsx(a,{className:s.editorSectionHead_title,text:e.jsxs("div",{className:s.editorSectionHead_content,children:["API Documentation",e.jsx(i.Button,{className:s.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:()=>$(!0),disabled:!F||C||!b,children:"Save"})]})}),e.jsx(u,{value:A,children:e.jsx(n,{})}),e.jsx(a,{className:s.editorSectionHead,text:"Endpoints"}),e.jsx(u,{value:A,children:N.paths.map(((o,t)=>e.jsx(e.Fragment,{children:o.methods.sort(((e,o)=>p[e.type].order-p[o.type].order)).map(((i,s)=>{var n,a,l;return e.jsx(r,{tags:N.tags,method:i,path:o.path,setFieldValue:(e,o)=>{w(`paths[${t}].methods[${s}].${e}`,o)},isOpen:_===s,setIsOpen:e=>D(e?s:null),errors:null===(l=null===(a=null===(n=A.errors.paths)||void 0===n?void 0:n[t])||void 0===a?void 0:a.methods)||void 0===l?void 0:l[s]})}))})))})]}),e.jsx("div",{className:`${s.livePreviewSide} ${s.docSide}`,children:y&&e.jsx(u,{value:A,children:e.jsx(m,{transformedData:y,openApiErrors:g})})})]}),e.jsx(j,{status:"warning",content:e.jsxs(e.Fragment,{children:[e.jsx("h5",{style:{fontWeight:600,fontSize:"1.5rem",lineHeight:"1.875rem",color:"#FAAD14",textAlign:"center",margin:0},children:"Publish Changes"}),e.jsx("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},children:"Are you sure to Publish the changes?"})]}),onSubmit:{onClick:()=>{H(),$(!1)},text:"Publish",color:"warning",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0},onClose:()=>$(!1),open:P})]})};export{v as default};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as o,useEffect as t}from"react";import{d as i}from"../../_virtual/index.js";import r from"../components/MethodAccordion/MethodAccordion.js";import s from"./layout.module.css.js";import n from"../components/InfoForm/InfoForm.js";import a from"../components/SectionHead/SectionHead.js";import{transformOpenApiObject as l,transformOpenApiObjectToOrigin as d}from"../helpers/layout.helper.js";import m from"../components/LivePreview/LivePreview.js";import{useFormik as c,FormikProvider as u}from"../../node_modules/formik/dist/formik.esm.js";import{schemaValidation as h}from"../validator/form.scheme.js";import{methodColorMapping as p}from"../constants/index.js";import v from"../components/dialog/index.js";const j=({openApiJson:j,handleSave:x,setIsFormDirty:f,openApiErrors:g})=>{const S=structuredClone(j),y=l(S),A=c({initialValues:structuredClone(y),validationSchema:h,validateOnMount:!0,onSubmit:(e,{validateForm:o,resetForm:t,setSubmitting:i})=>{try{const i=d(e);x(i),t({values:e}),o(e)}catch(e){i(!1)}}}),{dirty:b,isValid:F,isSubmitting:C,values:N,setFieldValue:w,handleSubmit:H,errors:P}=A,[$,_]=o(!1),[D,I]=o(null);return t((()=>{f&&f(b)}),[b]),t((()=>{console.log({values:N,errors:P})}),[N]),e.jsxs("div",{className:s.docsLayout,children:[b&&e.jsx(i.Alert,{className:s.apiDocAlert,color:"warning",severity:"warning",children:"There are changes you made may not be saved"}),e.jsxs("div",{className:s.layoutContainer,children:[e.jsxs("div",{className:`${s.editorSide} ${s.docSide}`,children:[e.jsx(a,{className:s.editorSectionHead_title,text:e.jsxs("div",{className:s.editorSectionHead_content,children:["API Documentation",e.jsx(i.Button,{className:s.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:()=>_(!0),disabled:!F||C||!b,children:"Save"})]})}),e.jsx(u,{value:A,children:e.jsx(n,{})}),e.jsx(a,{className:s.editorSectionHead,text:"Endpoints"}),e.jsx(u,{value:A,children:N.paths.map(((o,t)=>e.jsx(e.Fragment,{children:o.methods.sort(((e,o)=>p[e.type].order-p[o.type].order)).map(((i,s)=>{var n,a,l;return e.jsx(r,{tags:N.tags,method:i,path:o.path,setFieldValue:(e,o)=>{w(`paths[${t}].methods[${s}].${e}`,o)},isOpen:D===s,setIsOpen:e=>I(e?s:null),errors:null===(l=null===(a=null===(n=A.errors.paths)||void 0===n?void 0:n[t])||void 0===a?void 0:a.methods)||void 0===l?void 0:l[s]})}))})))})]}),e.jsx("div",{className:`${s.livePreviewSide} ${s.docSide}`,children:y&&e.jsx(u,{value:A,children:e.jsx(m,{transformedData:y,openApiErrors:g})})})]}),e.jsx(v,{status:"warning",content:e.jsxs(e.Fragment,{children:[e.jsx("h5",{style:{fontWeight:600,fontSize:"1.5rem",lineHeight:"1.875rem",color:"#FAAD14",textAlign:"center",margin:0},children:"Publish Changes"}),e.jsx("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},children:"Are you sure to Publish the changes?"})]}),onSubmit:{onClick:()=>{H(),_(!1)},text:"Publish",color:"warning",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0},onClose:()=>_(!1),open:$})]})};export{j as default};
 //# sourceMappingURL=layout.js.map

package/dist/src/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import { JSX, useEffect, useState } from 'react'\nimport { Alert, Button } from 'digitinary-ui'\nimport MethodsAccordion from '../components/MethodAccordion/MethodAccordion'\nimport styles from './layout.module.css'\nimport InfoForm from '../components/InfoForm/InfoForm'\nimport SectionHead from '../components/SectionHead/SectionHead'\nimport { transformOpenApiObject, transformOpenApiObjectToOrigin } from '../helpers/layout.helper'\nimport { OpenAPIFile } from '../types/openApi'\nimport LivePreview from '../components/LivePreview/LivePreview'\nimport { FormikProvider, useFormik } from 'formik'\nimport { schemaValidation } from '../validator/form.scheme'\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\nimport { methodColorMapping } from '../constants/index'\nimport CommonDialog from '../components/dialog'\n\ninterface ILayoutProps {\n  openApiJson?: OpenAPIFile\n  handleSave?: (values: unknown) => unknown\n  setIsFormDirty?: any\n  openApiErrors?: any\n}\n\nconst Layout = ({ openApiJson, handleSave, setIsFormDirty, openApiErrors }: ILayoutProps): JSX.Element => {\n  const clonedOpenApiJson = structuredClone(openApiJson)\n  const transformedOpenApi = transformOpenApiObject(clonedOpenApiJson)\n  const formik = useFormik<TransformedOpenApi>({\n    initialValues: structuredClone(transformedOpenApi),\n    validationSchema: schemaValidation,\n    validateOnMount: true,\n    onSubmit: (values, { validateForm, resetForm }) => {\n      // Handle save logic\n      const originalOpenApiForm = transformOpenApiObjectToOrigin(values)\n      handleSave(originalOpenApiForm)\n      resetForm({\n        values: values, // You can reset it to the same values if you want\n      })\n\n      validateForm(values)\n    },\n  })\n  const { dirty, isValid, isSubmitting, values, setFieldValue, handleSubmit } = formik\n  const [isPublishDialogOpen, setIsPublishDialogOpen] = useState(false)\n  const [openMethodIndex, setOpenMethodIndex] = useState<number | null>(null)\n\n  useEffect(() => {\n    if (setIsFormDirty) {\n      setIsFormDirty(dirty)\n    }\n  }, [dirty])\n\n  return (\n    <div className={styles.docsLayout}>\n      {dirty && (\n        <Alert className={styles.apiDocAlert} color=\"warning\" severity=\"warning\">\n          There are changes you made may not be saved\n        </Alert>\n      )}\n      <div className={styles.layoutContainer}>\n        <div className={`${styles.editorSide} ${styles.docSide}`}>\n          <SectionHead\n            className={styles.editorSectionHead_title}\n            text={\n              <div className={styles.editorSectionHead_content}>\n                API Documentation\n                <Button\n                  className={styles.methodForm_submitBtn}\n                  size=\"medium\"\n                  fullWidth={false}\n                  type=\"submit\"\n                  variant=\"contained\"\n                  color=\"primary\"\n                  onClick={() => setIsPublishDialogOpen(true)}\n                  disabled={!isValid || isSubmitting || !dirty}\n                >\n                  Save\n                </Button>\n              </div>\n            }\n          />\n          <FormikProvider value={formik}>\n            <InfoForm />\n          </FormikProvider>\n          <SectionHead className={styles.editorSectionHead} text=\"Endpoints\" />\n          <FormikProvider value={formik}>\n            {values.paths.map((path, pathIndex) => (\n              <>\n                {path.methods\n                  .sort(\n                    (a, b) => methodColorMapping[a.type].order - methodColorMapping[b.type].order\n                  )\n                  .map((method, methodIndex) => (\n                    <MethodsAccordion\n                      tags={values.tags}\n                      method={method}\n                      path={path.path}\n                      setFieldValue={(key, value) => {\n                        const h = `paths[${pathIndex}].methods[${methodIndex}].${key}`\n                        setFieldValue(h, value)\n                      }}\n                      isOpen={openMethodIndex === methodIndex}\n                      setIsOpen={(open) => setOpenMethodIndex(open ? methodIndex : null)}\n                      errors={(formik.errors.paths?.[pathIndex] as any)?.methods?.[methodIndex]}\n                    />\n                  ))}\n              </>\n            ))}\n          </FormikProvider>\n        </div>\n        <div className={`${styles.livePreviewSide} ${styles.docSide}`}>\n          {transformedOpenApi && (\n            <FormikProvider value={formik}>\n              <LivePreview transformedData={transformedOpenApi} openApiErrors={openApiErrors}/>\n            </FormikProvider>\n          )}\n        </div>\n      </div>\n      <CommonDialog\n        status=\"warning\"\n        content={\n          <>\n          <h5 style={{\n            fontWeight: 600,\n            fontSize: '1.5rem',\n            lineHeight: '1.875rem',\n            color: '#FAAD14',\n            textAlign: 'center',\n            margin: 0\n          }}>Publish Changes</h5>\n            <p\n              style={{\n                textAlign: 'center',\n                fontWeight: 400,\n                fontSize: '1rem',\n                lineHeight: '1.4375rem',\n              }}\n            >\n              Are you sure to Publish the changes?\n            </p>\n          </>\n        }\n        onSubmit={{\n          onClick: () => {\n            handleSubmit()\n            setIsPublishDialogOpen(false)\n          },\n          text: 'Publish',\n          color: 'warning',\n          fullWidth: true,\n        }}\n        onCancel={{\n          text: 'Cancel',\n          color: 'action',\n          fullWidth: true,\n        }}\n        onClose={() => setIsPublishDialogOpen(false)}\n        open={isPublishDialogOpen}\n      />\n    </div>\n  )\n}\n\nexport default Layout\n"],"names":["Layout","openApiJson","handleSave","setIsFormDirty","openApiErrors","clonedOpenApiJson","structuredClone","transformedOpenApi","transformOpenApiObject","formik","useFormik","initialValues","validationSchema","schemaValidation","validateOnMount","onSubmit","values","validateForm","resetForm","originalOpenApiForm","transformOpenApiObjectToOrigin","dirty","isValid","isSubmitting","setFieldValue","handleSubmit","isPublishDialogOpen","setIsPublishDialogOpen","useState","openMethodIndex","setOpenMethodIndex","useEffect","_jsxs","jsxs","className","styles","docsLayout","children","_jsx","Alert","apiDocAlert","color","severity","layoutContainer","editorSide","docSide","SectionHead","editorSectionHead_title","text","editorSectionHead_content","Button","methodForm_submitBtn","size","fullWidth","type","variant","onClick","disabled","FormikProvider","value","InfoForm","jsx","editorSectionHead","paths","map","path","pathIndex","_Fragment","methods","sort","a","b","methodColorMapping","order","method","methodIndex","MethodsAccordion","tags","key","isOpen","setIsOpen","open","errors","_b","_a","livePreviewSide","LivePreview","transformedData","CommonDialog","status","content","style","fontWeight","fontSize","lineHeight","textAlign","margin","onCancel","onClose"],"mappings":"mwBAsBA,MAAMA,EAAS,EAAGC,cAAaC,aAAYC,iBAAgBC,oBACzD,MAAMC,EAAoBC,gBAAgBL,GACpCM,EAAqBC,EAAuBH,GAC5CI,EAASC,EAA8B,CAC3CC,cAAeL,gBAAgBC,GAC/BK,iBAAkBC,EAClBC,iBAAiB,EACjBC,SAAU,CAACC,GAAUC,eAAcC,gBAEjC,MAAMC,EAAsBC,EAA+BJ,GAC3Dd,EAAWiB,GACXD,EAAU,CACRF,OAAQA,IAGVC,EAAaD,EAAO,KAGlBK,MAAEA,EAAKC,QAAEA,EAAOC,aAAEA,EAAYP,OAAEA,EAAMQ,cAAEA,EAAaC,aAAEA,GAAiBhB,GACvEiB,EAAqBC,GAA0BC,GAAS,IACxDC,EAAiBC,GAAsBF,EAAwB,MAQtE,OANAG,GAAU,KACJ5B,GACFA,EAAekB,EAChB,GACA,CAACA,IAGFW,EAAKC,KAAA,MAAA,CAAAC,UAAWC,EAAOC,WAAUC,SAAA,CAC9BhB,GACCiB,EAAAA,IAACC,EAAAA,OAAML,UAAWC,EAAOK,YAAaC,MAAM,UAAUC,SAAS,mEAIjEV,OAAK,MAAA,CAAAE,UAAWC,EAAOQ,gBACrBN,SAAA,CAAAL,EAAAA,KAAA,MAAA,CAAKE,UAAW,GAAGC,EAAOS,cAAcT,EAAOU,oBAC7CP,EAAAA,IAACQ,EACC,CAAAZ,UAAWC,EAAOY,wBAClBC,KACEhB,EAAAA,KAAK,MAAA,CAAAE,UAAWC,EAAOc,0BAAyBZ,SAAA,CAAA,oBAE9CC,EAAAA,IAACY,EAAAA,OAAM,CACLhB,UAAWC,EAAOgB,qBAClBC,KAAK,SACLC,WAAW,EACXC,KAAK,SACLC,QAAQ,YACRd,MAAM,UACNe,QAAS,IAAM7B,GAAuB,GACtC8B,UAAWnC,GAAWC,IAAiBF,EAAKgB,SAAA,cAOpDC,EAAAA,IAACoB,GAAeC,MAAOlD,EACrB4B,SAAAC,EAAAA,IAACsB,EAAQ,CAAA,KAEXtB,EAAAuB,IAACf,EAAY,CAAAZ,UAAWC,EAAO2B,kBAAmBd,KAAK,cACvDV,EAAAuB,IAACH,EAAe,CAAAC,MAAOlD,WACpBO,EAAO+C,MAAMC,KAAI,CAACC,EAAMC,IACvB5B,EAAAA,IACG6B,EAAAA,SAAA,CAAA9B,SAAA4B,EAAKG,QACHC,MACC,CAACC,EAAGC,IAAMC,EAAmBF,EAAEhB,MAAMmB,MAAQD,EAAmBD,EAAEjB,MAAMmB,QAEzET,KAAI,CAACU,EAAQC,eAAgB,OAC5BrC,EAAAA,IAACsC,EACC,CAAAC,KAAM7D,EAAO6D,KACbH,OAAQA,EACRT,KAAMA,EAAKA,KACXzC,cAAe,CAACsD,EAAKnB,KAEnBnC,EADU,SAAS0C,cAAsBS,MAAgBG,IACxCnB,EAAM,EAEzBoB,OAAQlD,IAAoB8C,EAC5BK,UAAYC,GAASnD,EAAmBmD,EAAON,EAAc,MAC7DO,iBAAmD,QAA1CC,EAAsB,QAAtBC,EAAA3E,EAAOyE,OAAOnB,aAAQ,IAAAqB,OAAA,EAAAA,EAAAlB,UAAoB,IAAAiB,OAAA,EAAAA,EAAAf,8BAAUO,IAEhE,aAKXrC,EAAAuB,IAAA,MAAA,CAAK3B,UAAW,GAAGC,EAAOkD,mBAAmBlD,EAAOU,UACjDR,SAAA9B,GACC+B,EAAAA,IAACoB,EAAe,CAAAC,MAAOlD,WACrB6B,MAACgD,EAAY,CAAAC,gBAAiBhF,EAAoBH,cAAeA,WAKzEkC,EAACuB,IAAA2B,EACC,CAAAC,OAAO,UACPC,QACE1D,OAAAmC,EAAAA,SAAA,CAAA9B,SAAA,CACAC,EAAAA,IAAI,KAAA,CAAAqD,MAAO,CACTC,WAAY,IACZC,SAAU,SACVC,WAAY,WACZrD,MAAO,UACPsD,UAAW,SACXC,OAAQ,GACa3D,SAAA,oBACrBC,EAAAA,IACE,IAAA,CAAAqD,MAAO,CACLI,UAAW,SACXH,WAAY,IACZC,SAAU,OACVC,WAAY,aAIZzD,SAAA,4CAGRtB,SAAU,CACRyC,QAAS,KACP/B,IACAE,GAAuB,EAAM,EAE/BqB,KAAM,UACNP,MAAO,UACPY,WAAW,GAEb4C,SAAU,CACRjD,KAAM,SACNP,MAAO,SACPY,WAAW,GAEb6C,QAAS,IAAMvE,GAAuB,GACtCsD,KAAMvD,MAGX"}
+{"version":3,"file":"layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import { JSX, useEffect, useState } from 'react'\nimport { Alert, Button } from 'digitinary-ui'\nimport MethodsAccordion from '../components/MethodAccordion/MethodAccordion'\nimport styles from './layout.module.css'\nimport InfoForm from '../components/InfoForm/InfoForm'\nimport SectionHead from '../components/SectionHead/SectionHead'\nimport { transformOpenApiObject, transformOpenApiObjectToOrigin } from '../helpers/layout.helper'\nimport { OpenAPIFile } from '../types/openApi'\nimport LivePreview from '../components/LivePreview/LivePreview'\nimport { FormikProvider, useFormik } from 'formik'\nimport { schemaValidation } from '../validator/form.scheme'\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\nimport { methodColorMapping } from '../constants/index'\nimport CommonDialog from '../components/dialog'\n\ninterface ILayoutProps {\n  openApiJson?: OpenAPIFile\n  handleSave?: (values: unknown) => unknown\n  setIsFormDirty?: any\n  openApiErrors?: any\n}\n\nconst Layout = ({\n  openApiJson,\n  handleSave,\n  setIsFormDirty,\n  openApiErrors,\n}: ILayoutProps): JSX.Element => {\n  const clonedOpenApiJson = structuredClone(openApiJson)\n  const transformedOpenApi = transformOpenApiObject(clonedOpenApiJson)\n  const formik = useFormik<TransformedOpenApi>({\n    initialValues: structuredClone(transformedOpenApi),\n    validationSchema: schemaValidation,\n    validateOnMount: true,\n    onSubmit: (values, { validateForm, resetForm, setSubmitting }) => {\n      // Handle save logic\n      try {\n        const originalOpenApiForm = transformOpenApiObjectToOrigin(values)\n        handleSave(originalOpenApiForm)\n        resetForm({\n          values: values, // You can reset it to the same values if you want\n        })\n\n        validateForm(values)\n      } catch (err) {\n        setSubmitting(false)\n      }\n    },\n  })\n  const { dirty, isValid, isSubmitting, values, setFieldValue, handleSubmit, errors } = formik\n  const [isPublishDialogOpen, setIsPublishDialogOpen] = useState(false)\n  const [openMethodIndex, setOpenMethodIndex] = useState<number | null>(null)\n\n  useEffect(() => {\n    if (setIsFormDirty) {\n      setIsFormDirty(dirty)\n    }\n  }, [dirty])\n\n  // TODO: keep it here until production\n  useEffect(() => {\n    console.log({ values, errors })\n  }, [values])\n\n  return (\n    <div className={styles.docsLayout}>\n      {dirty && (\n        <Alert className={styles.apiDocAlert} color=\"warning\" severity=\"warning\">\n          There are changes you made may not be saved\n        </Alert>\n      )}\n      <div className={styles.layoutContainer}>\n        <div className={`${styles.editorSide} ${styles.docSide}`}>\n          <SectionHead\n            className={styles.editorSectionHead_title}\n            text={\n              <div className={styles.editorSectionHead_content}>\n                API Documentation\n                <Button\n                  className={styles.methodForm_submitBtn}\n                  size=\"medium\"\n                  fullWidth={false}\n                  type=\"submit\"\n                  variant=\"contained\"\n                  color=\"primary\"\n                  onClick={() => setIsPublishDialogOpen(true)}\n                  disabled={!isValid || isSubmitting || !dirty}\n                >\n                  Save\n                </Button>\n              </div>\n            }\n          />\n          <FormikProvider value={formik}>\n            <InfoForm />\n          </FormikProvider>\n          <SectionHead className={styles.editorSectionHead} text=\"Endpoints\" />\n          <FormikProvider value={formik}>\n            {values.paths.map((path, pathIndex) => (\n              <>\n                {path.methods\n                  .sort(\n                    (a, b) => methodColorMapping[a.type].order - methodColorMapping[b.type].order\n                  )\n                  .map((method, methodIndex) => (\n                    <MethodsAccordion\n                      tags={values.tags}\n                      method={method}\n                      path={path.path}\n                      setFieldValue={(key, value) => {\n                        const h = `paths[${pathIndex}].methods[${methodIndex}].${key}`\n                        setFieldValue(h, value)\n                      }}\n                      isOpen={openMethodIndex === methodIndex}\n                      setIsOpen={(open) => setOpenMethodIndex(open ? methodIndex : null)}\n                      errors={(formik.errors.paths?.[pathIndex] as any)?.methods?.[methodIndex]}\n                    />\n                  ))}\n              </>\n            ))}\n          </FormikProvider>\n        </div>\n        <div className={`${styles.livePreviewSide} ${styles.docSide}`}>\n          {transformedOpenApi && (\n            <FormikProvider value={formik}>\n              <LivePreview transformedData={transformedOpenApi} openApiErrors={openApiErrors} />\n            </FormikProvider>\n          )}\n        </div>\n      </div>\n      <CommonDialog\n        status=\"warning\"\n        content={\n          <>\n            <h5\n              style={{\n                fontWeight: 600,\n                fontSize: '1.5rem',\n                lineHeight: '1.875rem',\n                color: '#FAAD14',\n                textAlign: 'center',\n                margin: 0,\n              }}\n            >\n              Publish Changes\n            </h5>\n            <p\n              style={{\n                textAlign: 'center',\n                fontWeight: 400,\n                fontSize: '1rem',\n                lineHeight: '1.4375rem',\n              }}\n            >\n              Are you sure to Publish the changes?\n            </p>\n          </>\n        }\n        onSubmit={{\n          onClick: () => {\n            handleSubmit()\n            setIsPublishDialogOpen(false)\n          },\n          text: 'Publish',\n          color: 'warning',\n          fullWidth: true,\n        }}\n        onCancel={{\n          text: 'Cancel',\n          color: 'action',\n          fullWidth: true,\n        }}\n        onClose={() => setIsPublishDialogOpen(false)}\n        open={isPublishDialogOpen}\n      />\n    </div>\n  )\n}\n\nexport default Layout\n"],"names":["Layout","openApiJson","handleSave","setIsFormDirty","openApiErrors","clonedOpenApiJson","structuredClone","transformedOpenApi","transformOpenApiObject","formik","useFormik","initialValues","validationSchema","schemaValidation","validateOnMount","onSubmit","values","validateForm","resetForm","setSubmitting","originalOpenApiForm","transformOpenApiObjectToOrigin","err","dirty","isValid","isSubmitting","setFieldValue","handleSubmit","errors","isPublishDialogOpen","setIsPublishDialogOpen","useState","openMethodIndex","setOpenMethodIndex","useEffect","console","log","_jsxs","jsxs","className","styles","docsLayout","children","_jsx","Alert","apiDocAlert","color","severity","layoutContainer","editorSide","docSide","SectionHead","editorSectionHead_title","text","editorSectionHead_content","Button","methodForm_submitBtn","size","fullWidth","type","variant","onClick","disabled","FormikProvider","value","InfoForm","jsx","editorSectionHead","paths","map","path","pathIndex","_Fragment","methods","sort","a","b","methodColorMapping","order","method","methodIndex","MethodsAccordion","tags","key","isOpen","setIsOpen","open","_b","_a","livePreviewSide","LivePreview","transformedData","CommonDialog","status","content","style","fontWeight","fontSize","lineHeight","textAlign","margin","onCancel","onClose"],"mappings":"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"}

package/dist/src/layout/layout.module.css.js

@@ -1,2 +1,2 @@
-import e from"../../node_modules/style-inject/dist/style-inject.es.js";var o={docsLayout:"layout-module_docsLayout__vDeK7",apiDocAlert:"layout-module_apiDocAlert__cSDp2",layoutContainer:"layout-module_layoutContainer__qBWib",editorSide:"layout-module_editorSide__hWc6O",editorSectionHead_title:"layout-module_editorSectionHead_title__TGcyN",editorSectionHead:"layout-module_editorSectionHead__chDdH",editorSectionHead_content:"layout-module_editorSectionHead_content__DQa6a",livePreviewSide:"layout-module_livePreviewSide__Q5HsZ",docSide:"layout-module_docSide__qLt4E"};e(".layout-module_docsLayout__vDeK7{display:flex;flex-direction:column;height:100vh;max-height:100%;overflow:hidden;.layout-module_apiDocAlert__cSDp2{border-radius:0;z-index:3}.layout-module_layoutContainer__qBWib{display:grid;grid-template-columns:60% 40%;height:100%;max-height:100%;max-width:100%;overflow:hidden;width:100%;.layout-module_editorSide__hWc6O{background-color:#fff;padding-bottom:1.25rem;.layout-module_editorSectionHead_title__TGcyN{position:sticky;top:0;z-index:99999!important}.layout-module_editorSectionHead__chDdH,.layout-module_editorSectionHead_title__TGcyN{span{width:100%}.layout-module_editorSectionHead_content__DQa6a{align-items:center;display:flex;justify-content:space-between;button{width:6.25rem}}}}.layout-module_livePreviewSide__Q5HsZ{background-color:#f8f9fb;padding:1.25rem 1.875rem}.layout-module_docSide__qLt4E{max-height:100%;overflow-x:clip;overflow-y:overlay;scroll-behavior:smooth}}.inputContainer .inputWrapper .innerInputContainer .input,.textArea .inputField{padding-inline-end:2.5rem}}");export{o as default};
+import e from"../../node_modules/style-inject/dist/style-inject.es.js";var o={docsLayout:"layout-module_docsLayout__vDeK7",apiDocAlert:"layout-module_apiDocAlert__cSDp2",layoutContainer:"layout-module_layoutContainer__qBWib",editorSide:"layout-module_editorSide__hWc6O",editorSectionHead_title:"layout-module_editorSectionHead_title__TGcyN",editorSectionHead:"layout-module_editorSectionHead__chDdH",editorSectionHead_content:"layout-module_editorSectionHead_content__DQa6a",livePreviewSide:"layout-module_livePreviewSide__Q5HsZ",docSide:"layout-module_docSide__qLt4E"};e(".layout-module_docsLayout__vDeK7{display:flex;flex-direction:column;height:100vh;max-height:100%;overflow:hidden;.layout-module_apiDocAlert__cSDp2{border-radius:0;z-index:3}.layout-module_layoutContainer__qBWib{display:grid;grid-template-columns:60% 40%;height:100%;max-height:100%;max-width:100%;overflow:hidden;width:100%;.layout-module_editorSide__hWc6O{background-color:#fff;padding-bottom:1.25rem;.layout-module_editorSectionHead_title__TGcyN{position:sticky;top:0;z-index:1399!important}.layout-module_editorSectionHead__chDdH,.layout-module_editorSectionHead_title__TGcyN{span{width:100%}.layout-module_editorSectionHead_content__DQa6a{align-items:center;display:flex;justify-content:space-between;button{width:6.25rem}}}}.layout-module_livePreviewSide__Q5HsZ{background-color:#f8f9fb;padding:1.25rem 1.875rem}.layout-module_docSide__qLt4E{max-height:100%;overflow-x:clip;overflow-y:overlay;scroll-behavior:smooth}}.inputContainer .inputWrapper .innerInputContainer .input,.textArea .inputField{padding-inline-end:2.5rem}}");export{o as default};
 //# sourceMappingURL=layout.module.css.js.map

package/dist/src/validator/form.scheme.js

@@ -1,2 +1,2 @@
-import{object as e,string as i,array as o,lazy as r,mixed as t}from"../../node_modules/yup/index.esm.js";const s=e({openapi:i().required(),info:e({title:i().trim().required("API Name is required."),description:i().trim().required("API Description is required."),version:i().required("API Version is required")}).required(),servers:o(e({url:i().url().required(),description:i().optional()})).optional(),paths:o().of(e().shape({path:i().required(),methods:o().of(e().shape({summary:i().trim().required("Endpoint Name is required."),description:i().trim().optional(),type:i().optional(),tags:o().of(i()).optional()})).required()})).required(),components:e({schemas:r((s=>e(s?Object.keys(s).reduce(((s,a)=>(s[a]=e({type:i().optional(),format:i().optional(),properties:r((i=>e(i?Object.keys(i).reduce(((e,i)=>(e[i]=t(),e)),{}):{}))).optional(),items:t().optional(),enum:o(i()).optional(),required:o(i()).optional()}),s)),{}):{}))).optional(),securitySchemes:e().optional()}).optional(),security:o(e().shape({schemeName:o(i()).optional()})).optional(),tags:o(e({name:i().required(),description:i().optional()})).optional()});export{s as schemaValidation};
+import{object as e,string as i,array as o,mixed as r,lazy as t}from"../../node_modules/yup/index.esm.js";const s=e({openapi:i().required(),info:e({title:i().trim().required("API Name is required."),description:i().trim().required("API Description is required."),version:i().required("API Version is required")}).required(),servers:o(e({url:i().required().test("is-url-or-slash",'Must be a valid URL or "/"',(e=>"/"===e||i().url().isValidSync(e))),description:i().optional()})).optional(),paths:o().of(e().shape({path:i().required(),methods:o().of(e().shape({summary:i().trim().required("Endpoint Name is required."),description:i().trim().optional(),type:i().optional(),tags:o().of(i()).optional(),requestBody:r().optional()})).required()})).required(),components:e({schemas:t((s=>e(s?Object.keys(s).reduce(((s,a)=>(s[a]=e({type:i().optional(),format:i().optional(),properties:t((i=>e(i?Object.keys(i).reduce(((e,i)=>(e[i]=r(),e)),{}):{}))).optional(),items:r().optional(),enum:o(i()).optional(),required:o(i()).optional()}),s)),{}):{}))).optional(),securitySchemes:e().optional()}).optional(),security:o(e().shape({schemeName:o(i()).optional()})).optional(),tags:o(e({name:i().required(),description:i().optional()})).optional()});export{s as schemaValidation};
 //# sourceMappingURL=form.scheme.js.map

package/dist/src/validator/form.scheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.scheme.js","sources":["../../../src/validator/form.scheme.ts"],"sourcesContent":["import * as yup from 'yup'\nexport const schemaValidation = yup.object({\n  openapi: yup.string().required(),\n  info: yup\n    .object({\n      title: yup.string().trim().required('API Name is required.'),\n      description: yup.string().trim().required('API Description is required.'),\n      version: yup.string().required('API Version is required'),\n    })\n    .required(),\n  servers: yup\n    .array(\n      yup.object({\n        url: yup.string().url().required(),\n        description: yup.string().optional(),\n      })\n    )\n    .optional(),\n  paths: yup\n    .array()\n    .of(\n      yup.object().shape({\n        path: yup.string().required(),\n        methods: yup\n          .array()\n          .of(\n            yup.object().shape({\n              summary: yup.string().trim().required('Endpoint Name is required.'),\n              description: yup.string().trim().optional(),\n              type: yup.string().optional(),\n              tags: yup.array().of(yup.string()).optional(),\n            })\n          )\n          .required(),\n      })\n    )\n    .required(),\n  components: yup\n    .object({\n      schemas: yup\n        .lazy((value) =>\n          yup.object(\n            value\n              ? Object.keys(value).reduce((acc, key) => {\n                  acc[key] = yup.object({\n                    type: yup.string().optional(),\n                    format: yup.string().optional(),\n                    properties: yup\n                      .lazy((props) =>\n                        yup.object(\n                          props\n                            ? Object.keys(props).reduce((acc, propKey) => {\n                                acc[propKey] = yup.mixed()\n                                return acc\n                              }, {})\n                            : {}\n                        )\n                      )\n                      .optional(),\n                    items: yup.mixed().optional(),\n                    enum: yup.array(yup.string()).optional(),\n                    required: yup.array(yup.string()).optional(),\n                  })\n                  return acc\n                }, {})\n              : {}\n          )\n        )\n        .optional(),\n      securitySchemes: yup.object().optional(),\n    })\n    .optional(),\n  security: yup\n    .array(\n      yup.object().shape({\n        schemeName: yup.array(yup.string()).optional(),\n      })\n    )\n    .optional(),\n  tags: yup\n    .array(\n      yup.object({\n        name: yup.string().required(),\n        description: yup.string().optional(),\n      })\n    )\n    .optional(),\n})\n"],"names":["schemaValidation","yup.object","openapi","yup.string","required","info","yup\n        .object","title","trim","description","version","servers","yup\n        .array","url","optional","paths","of","shape","path","methods","yup\n            .array","summary","type","tags","yup.array","components","schemas","yup\n            .lazy","value","Object","keys","reduce","acc","key","format","properties","yup\n                        .lazy","props","propKey","yup.mixed","items","enum","securitySchemes","security","schemeName","name"],"mappings":"yGACa,MAAAA,EAAmBC,EAAW,CACzCC,QAASC,IAAaC,WACtBC,KAAMC,EACI,CACNC,MAAOJ,IAAaK,OAAOJ,SAAS,yBACpCK,YAAaN,IAAaK,OAAOJ,SAAS,gCAC1CM,QAASP,IAAaC,SAAS,6BAEhCA,WACHO,QAASC,EAELX,EAAW,CACTY,IAAKV,IAAaU,MAAMT,WACxBK,YAAaN,IAAaW,cAG7BA,WACHC,MAAOH,IAEJI,GACCf,IAAagB,MAAM,CACjBC,KAAMf,IAAaC,WACnBe,QAASC,IAENJ,GACCf,IAAagB,MAAM,CACjBI,QAASlB,IAAaK,OAAOJ,SAAS,8BACtCK,YAAaN,IAAaK,OAAOM,WACjCQ,KAAMnB,IAAaW,WACnBS,KAAMC,IAAYR,GAAGb,KAAcW,cAGtCV,cAGNA,WACHqB,WAAYnB,EACF,CACNoB,QAASC,GACAC,GACL3B,EACE2B,EACIC,OAAOC,KAAKF,GAAOG,QAAO,CAACC,EAAKC,KAC9BD,EAAIC,GAAOhC,EAAW,CACpBqB,KAAMnB,IAAaW,WACnBoB,OAAQ/B,IAAaW,WACrBqB,WAAYC,GACHC,GACLpC,EACEoC,EACIR,OAAOC,KAAKO,GAAON,QAAO,CAACC,EAAKM,KAC9BN,EAAIM,GAAWC,IACRP,IACN,IACH,CAAA,KAGPlB,WACH0B,MAAOD,IAAYzB,WACnB2B,KAAMjB,EAAUrB,KAAcW,WAC9BV,SAAUoB,EAAUrB,KAAcW,aAE7BkB,IACN,IACH,CAAA,KAGPlB,WACH4B,gBAAiBzC,IAAaa,aAE/BA,WACH6B,SAAU/B,EAENX,IAAagB,MAAM,CACjB2B,WAAYpB,EAAUrB,KAAcW,cAGvCA,WACHS,KAAMX,EAEFX,EAAW,CACT4C,KAAM1C,IAAaC,WACnBK,YAAaN,IAAaW,cAG7BA"}
+{"version":3,"file":"form.scheme.js","sources":["../../../src/validator/form.scheme.ts"],"sourcesContent":["import * as yup from 'yup'\nexport const schemaValidation = yup.object({\n  openapi: yup.string().required(),\n  info: yup\n    .object({\n      title: yup.string().trim().required('API Name is required.'),\n      description: yup.string().trim().required('API Description is required.'),\n      version: yup.string().required('API Version is required'),\n    })\n    .required(),\n  servers: yup\n    .array(\n      yup.object({\n        url: yup\n          .string()\n          .required()\n          .test(\n            'is-url-or-slash',\n            'Must be a valid URL or \"/\"',\n            (value) => value === '/' || yup.string().url().isValidSync(value)\n          ),\n        description: yup.string().optional(),\n      })\n    )\n    .optional(),\n  paths: yup\n    .array()\n    .of(\n      yup.object().shape({\n        path: yup.string().required(),\n        methods: yup\n          .array()\n          .of(\n            yup.object().shape({\n              summary: yup.string().trim().required('Endpoint Name is required.'),\n              description: yup.string().trim().optional(),\n              type: yup.string().optional(),\n              tags: yup.array().of(yup.string()).optional(),\n              requestBody: yup.mixed().optional(),\n            })\n          )\n          .required(),\n      })\n    )\n    .required(),\n  components: yup\n    .object({\n      schemas: yup\n        .lazy((value) =>\n          yup.object(\n            value\n              ? Object.keys(value).reduce((acc, key) => {\n                  acc[key] = yup.object({\n                    type: yup.string().optional(),\n                    format: yup.string().optional(),\n                    properties: yup\n                      .lazy((props) =>\n                        yup.object(\n                          props\n                            ? Object.keys(props).reduce((acc, propKey) => {\n                                acc[propKey] = yup.mixed()\n                                return acc\n                              }, {})\n                            : {}\n                        )\n                      )\n                      .optional(),\n                    items: yup.mixed().optional(),\n                    enum: yup.array(yup.string()).optional(),\n                    required: yup.array(yup.string()).optional(),\n                  })\n                  return acc\n                }, {})\n              : {}\n          )\n        )\n        .optional(),\n      securitySchemes: yup.object().optional(),\n    })\n    .optional(),\n  security: yup\n    .array(\n      yup.object().shape({\n        schemeName: yup.array(yup.string()).optional(),\n      })\n    )\n    .optional(),\n  tags: yup\n    .array(\n      yup.object({\n        name: yup.string().required(),\n        description: yup.string().optional(),\n      })\n    )\n    .optional(),\n})\n"],"names":["schemaValidation","yup.object","openapi","yup.string","required","info","yup\n        .object","title","trim","description","version","servers","yup\n        .array","url","yup\n            .string","test","value","isValidSync","optional","paths","of","shape","path","methods","yup\n            .array","summary","type","tags","yup.array","requestBody","yup.mixed","components","schemas","yup\n            .lazy","Object","keys","reduce","acc","key","format","properties","yup\n                        .lazy","props","propKey","items","enum","securitySchemes","security","schemeName","name"],"mappings":"yGACa,MAAAA,EAAmBC,EAAW,CACzCC,QAASC,IAAaC,WACtBC,KAAMC,EACI,CACNC,MAAOJ,IAAaK,OAAOJ,SAAS,yBACpCK,YAAaN,IAAaK,OAAOJ,SAAS,gCAC1CM,QAASP,IAAaC,SAAS,6BAEhCA,WACHO,QAASC,EAELX,EAAW,CACTY,IAAKC,IAEFV,WACAW,KACC,kBACA,8BACCC,GAAoB,MAAVA,GAAiBb,IAAaU,MAAMI,YAAYD,KAE/DP,YAAaN,IAAae,cAG7BA,WACHC,MAAOP,IAEJQ,GACCnB,IAAaoB,MAAM,CACjBC,KAAMnB,IAAaC,WACnBmB,QAASC,IAENJ,GACCnB,IAAaoB,MAAM,CACjBI,QAAStB,IAAaK,OAAOJ,SAAS,8BACtCK,YAAaN,IAAaK,OAAOU,WACjCQ,KAAMvB,IAAae,WACnBS,KAAMC,IAAYR,GAAGjB,KAAce,WACnCW,YAAaC,IAAYZ,cAG5Bd,cAGNA,WACH2B,WAAYzB,EACF,CACN0B,QAASC,GACAjB,GACLf,EACEe,EACIkB,OAAOC,KAAKnB,GAAOoB,QAAO,CAACC,EAAKC,KAC9BD,EAAIC,GAAOrC,EAAW,CACpByB,KAAMvB,IAAae,WACnBqB,OAAQpC,IAAae,WACrBsB,WAAYC,GACHC,GACLzC,EACEyC,EACIR,OAAOC,KAAKO,GAAON,QAAO,CAACC,EAAKM,KAC9BN,EAAIM,GAAWb,IACRO,IACN,IACH,CAAA,KAGPnB,WACH0B,MAAOd,IAAYZ,WACnB2B,KAAMjB,EAAUzB,KAAce,WAC9Bd,SAAUwB,EAAUzB,KAAce,aAE7BmB,IACN,IACH,CAAA,KAGPnB,WACH4B,gBAAiB7C,IAAaiB,aAE/BA,WACH6B,SAAUnC,EAENX,IAAaoB,MAAM,CACjB2B,WAAYpB,EAAUzB,KAAce,cAGvCA,WACHS,KAAMf,EAEFX,EAAW,CACTgD,KAAM9C,IAAaC,WACnBK,YAAaN,IAAae,cAG7BA"}