@digi-frontend/dgate-api-documentation 1.0.57 → 1.0.60

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/layout/docsComponents/DocsContent/EndpointPage/index.tsx"],"sourcesContent":["import './style.scss'\nimport SVGLoader from '../../../../components/SVGLoader/SVGLoader'\nimport {\n  ArrowBack,\n  CopySticker,\n  DownArrowIcon,\n  RequestOption,\n} from '../../../../assets/icons/index'\nimport { SelectGroup } from 'digitinary-ui'\nimport { useEffect, useState } from 'react'\nimport { EndpointData } from 'src/layout/docsLayout'\nimport { handleStatusColor } from '../../../../helpers/methodAccordion.helper'\nimport { httpStatusCodes } from '../../../../constants/index'\nimport styles from '../../Codebox/style.module.scss'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\n\nexport const EndpointPage = ({ data }: { data: EndpointData }) => {\n  const [activeTab, setActiveTab] = useState('header')\n\n  const httpStatusCodeOptions = httpStatusCodes.map((code) => ({\n    label: (\n      <div className={'statusCodeOptionContainer'}>\n        <div\n          className={'statusCodeOptionCircle'}\n          style={{ backgroundColor: handleStatusColor(code) }}\n        ></div>\n        <span>{code}</span>\n      </div>\n    ),\n    value: code,\n  }))\n\n  const [expanded, setExpanded] = useState(null)\n  const [selectedResStatusCode, setSelectedResStatusCode] = useState(httpStatusCodeOptions[4])\n  const [headersList, setHeadersList] = useState({})\n  const requestTableData = (data?.parameters || []).filter(\n    (param) => param.in?.toLowerCase() === activeTab.toLowerCase()\n  )\n\n  useEffect(() => {\n    if (selectedResStatusCode && selectedResStatusCode.value) {\n      const headerObj = data?.responses[selectedResStatusCode.value]\n      setHeadersList(headerObj?.headers)\n    }\n  }, [selectedResStatusCode])\n\n  return (\n    <div className=\"api-details-expanded\">\n      <div className=\"test-button\">\n        <button className=\"back-button\" onClick={() => window.history.back()}>\n          <SVGLoader src={ArrowBack} />\n        </button>\n\n        <Tooltip content=\"Comming soon\">\n          <button className=\"disabled\">Test</button>\n        </Tooltip>\n      </div>\n      <h3> Api Name</h3>\n      <h1 className=\"api-title\">{data?.api?.title}</h1>\n      <div className=\"url-box\">\n        <div style={{ textAlign: 'center' }}>\n          <span className={`method-label ${data?.method?.toLowerCase()}`}>{data.method}</span>\n          <span className=\"url-text\">{data?.path}</span>\n        </div>\n        <span className=\"icon\" onClick={() => navigator.clipboard.writeText(data?.path)}>\n          <SVGLoader src={CopySticker} />\n        </span>\n      </div>\n\n      <p className=\"api-desc\">{data?.api?.description || 'No Description'}</p>\n\n      <h3>Request</h3>\n\n      <div className=\"request-section\">\n        <div className=\"request-tabs\">\n          {['header', 'path', 'query', 'Body'].map((tab) => (\n            <button\n              key={tab}\n              className={`tab ${activeTab === tab ? 'active' : ''}`}\n              onClick={() => setActiveTab(tab)}\n            >\n              <SVGLoader src={RequestOption} className=\"icon-left\" />\n              <span className=\"tab-label\">\n                {tab === 'requestBody'\n                  ? 'Request Body'\n                  : tab.charAt(0).toUpperCase() + tab.slice(1)}\n              </span>\n            </button>\n          ))}\n        </div>\n\n        {\n          <div className=\"table-wrapper\">\n            <table className=\"param-table\">\n              <thead>\n                <tr>\n                  <th className=\"head-table-label\">Parameter Name</th>\n                  <th className=\"head-table-label\">Required</th>\n                  <th className=\"head-table-label\">Type</th>\n                  <th className=\"head-table-label\">Enum</th>\n                  <th className=\"head-table-label\">Description</th>\n                </tr>\n              </thead>\n              <tbody>\n                {data.parameters\n                  ?.filter((p) => p.in?.toLowerCase() === activeTab.toLowerCase())\n                  .map((row, index) => (\n                    <tr key={index}>\n                      <td>{row.name}</td>\n                      <td>{row.required ? 'True' : 'False'}</td>\n                      <td>{row.schema?.type || '-'}</td>\n                      <td>{Array.isArray(row.schema?.enum) ? row.schema.enum.join(' / ') : '-'}</td>\n                      <td className=\"desc-cell\">\n                        <div className={`desc-text ${expanded === index ? 'expanded' : ''}`}>\n                          {row.description || 'No description'}\n                        </div>\n                        <button\n                          className=\"desc-toggle\"\n                          onClick={() => setExpanded(expanded === index ? null : index)}\n                        >\n                          <SVGLoader\n                            src={DownArrowIcon}\n                            className={expanded === index ? 'rotated' : ''}\n                          />\n                        </button>\n                      </td>\n                    </tr>\n                  ))}\n              </tbody>\n            </table>\n          </div>\n        }\n      </div>\n\n      <div className=\"response-section\">\n        <h3>Response</h3>\n\n        <div style={{ width: '7.5rem', marginLeft: 'auto' }}>\n          {Object.keys(data?.responses || {})?.length > 0 && (\n            <div className={styles.codeboxSection}>\n              <div className={`${styles.codeboxHeader}`}>\n                <SelectGroup\n                  size=\"small\"\n                  withSearch={false}\n                  isMultiple={false}\n                  clearable={false}\n                  placeholder=\"200\"\n                  options={[\n                    {\n                      list: httpStatusCodeOptions,\n                    },\n                  ]}\n                  value={selectedResStatusCode}\n                  onChange={(value) => {\n                    setSelectedResStatusCode(value)\n                  }}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        <button className=\"tab active \">\n          <SVGLoader src={RequestOption} className=\"icon-left\" />\n          Header\n        </button>\n\n        <div className=\"table-wrapper\">\n          <table className=\"param-table\">\n            <thead>\n              <tr>\n                <th className=\"head-table-label\">Header Name</th>\n                <th className=\"head-table-label\">Required</th>\n                <th className=\"head-table-label\">Type</th>\n                <th className=\"head-table-label\">Enum</th>\n                <th className=\"head-table-label\">Description</th>\n              </tr>\n            </thead>\n            <tbody>\n              {!!headersList &&\n                Object.keys(headersList) &&\n                Object.keys(headersList).map((key, index) => (\n                  <tr>\n                    <td>{key}</td>\n                    <td>{headersList[key]?.required.toString()}</td>\n                    <td>{headersList[key]?.schema?.type}</td>\n                    <td>{headersList[key]?.schema?.enum?.join('/')}</td>\n                    <td>{headersList[key]?.description}</td>\n                  </tr>\n                ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["EndpointPage","data","activeTab","setActiveTab","useState","httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","jsxs","className","children","_jsx","style","backgroundColor","handleStatusColor","value","expanded","setExpanded","selectedResStatusCode","setSelectedResStatusCode","headersList","setHeadersList","parameters","filter","param","in","_a","toLowerCase","useEffect","headerObj","responses","headers","jsx","onClick","window","history","back","SVGLoader","src","ArrowBack","Tooltip","content","api","title","textAlign","_b","method","path","navigator","clipboard","writeText","CopySticker","_c","description","tab","RequestOption","charAt","toUpperCase","slice","_d","p","row","index","name","required","schema","type","Array","isArray","enum","join","DownArrowIcon","width","marginLeft","Object","keys","_e","length","styles","codeboxSection","codeboxHeader","SelectGroup","size","withSearch","isMultiple","clearable","placeholder","options","list","onChange","key","toString","_f","_g"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/layout/docsComponents/DocsContent/EndpointPage/index.tsx"],"sourcesContent":["import SVGLoader from '../../../../components/SVGLoader/SVGLoader'\nimport {\n  ArrowBack,\n  CopySticker,\n  DownArrowIcon,\n  RequestOption,\n} from '../../../../assets/icons/index'\nimport { SelectGroup } from 'digitinary-ui'\nimport { useEffect, useState } from 'react'\nimport { EndpointData, OverviewData } from 'src/layout/docsLayout'\nimport { handleStatusColor } from '../../../../helpers/methodAccordion.helper'\nimport { httpStatusCodes } from '../../../../constants/index'\nimport styles from '../../Codebox/style.module.scss'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport './style.scss'\nimport { SectionEnum, useSectionToggle } from '../../../../../src/context/SectionToggleContext'\nimport { capitalizeFirstLetter } from '../../../../../src/utils'\n\nexport const EndpointPage = ({\n  data,\n  setActiveType,\n  setActiveItemData,\n}: {\n  data: EndpointData\n  setActiveType: React.Dispatch<React.SetStateAction<'OVERVIEW' | 'ENDPOINT'>>\n  setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>\n}) => {\n  const [activeTab, setActiveTab] = useState('header')\n  const { toggleSection } = useSectionToggle()\n\n  const httpStatusCodeOptions = httpStatusCodes.map((code) => ({\n    label: (\n      <div className={'statusCodeOptionContainer'}>\n        <div\n          className={'statusCodeOptionCircle'}\n          style={{ backgroundColor: handleStatusColor(code) }}\n        ></div>\n        <span>{code}</span>\n      </div>\n    ),\n    value: code,\n  }))\n\n  const [expanded, setExpanded] = useState(null)\n  const [selectedResStatusCode, setSelectedResStatusCode] = useState(httpStatusCodeOptions[4])\n  const [headersList, setHeadersList] = useState({})\n  const requestTableData = (data?.parameters || []).filter(\n    (param) => param.in?.toLowerCase() === activeTab.toLowerCase()\n  )\n\n  useEffect(() => {\n    if (selectedResStatusCode && selectedResStatusCode.value) {\n      const headerObj = data?.responses[selectedResStatusCode.value]\n      setHeadersList(headerObj?.headers)\n    }\n  }, [selectedResStatusCode])\n\n  return (\n    <div className=\"api-details-expanded\">\n      <div className=\"test-button\">\n        <button\n          className=\"back-button\"\n          onClick={() => {\n            toggleSection(data.api.apiSpecId, [{ type: SectionEnum.OVERVIEW, setTo: true }], {\n              resetOthers: true,\n              filterKeys: [SectionEnum.RESOURCE],\n            })\n            setActiveType('OVERVIEW')\n            setActiveItemData(data.api)\n          }}\n        >\n          <SVGLoader src={ArrowBack} />\n        </button>\n\n        <Tooltip content=\"Comming soon\">\n          <button className=\"disabled\">Test</button>\n        </Tooltip>\n      </div>\n      <h3>{data.api.title}</h3>\n      <h1 className=\"api-title\">{data?.summary}</h1>\n      <div className=\"url-box\">\n        <div style={{ textAlign: 'center' }}>\n          <span className={`method-label ${data?.method?.toLowerCase()}`}>{data.method}</span>\n          <span className=\"url-text\">{data?.path}</span>\n        </div>\n        <span className=\"icon\" onClick={() => navigator.clipboard.writeText(data?.path)}>\n          <SVGLoader src={CopySticker} />\n        </span>\n      </div>\n\n      <p className=\"api-desc\">{data?.description || 'No Description'}</p>\n\n      <h3>Request</h3>\n\n      <div className=\"request-section\">\n        <div className=\"request-tabs\">\n          {['header', 'path', 'query', 'Body'].map((tab) => (\n            <button\n              key={tab}\n              className={`tab ${activeTab === tab ? 'active' : ''}`}\n              onClick={() => setActiveTab(tab)}\n            >\n              <SVGLoader src={RequestOption} className=\"icon-left\" />\n              <span className=\"tab-label\">\n                {tab === 'requestBody'\n                  ? 'Request Body'\n                  : tab.charAt(0).toUpperCase() + tab.slice(1)}\n              </span>\n            </button>\n          ))}\n        </div>\n\n        {\n          <div className=\"table-wrapper\">\n            <table className=\"param-table\">\n              <thead>\n                <tr>\n                  <th className=\"head-table-label\">Parameter Name</th>\n                  <th className=\"head-table-label\">Required</th>\n                  <th className=\"head-table-label\">Type</th>\n                  <th className=\"head-table-label\">Enum</th>\n                  <th className=\"head-table-label\">Description</th>\n                </tr>\n              </thead>\n              <tbody>\n                {data.parameters\n                  ?.filter((p) => p.in?.toLowerCase() === activeTab.toLowerCase())\n                  .map((row, index) => (\n                    <tr key={index}>\n                      <td>{row.name}</td>\n                      <td>{row.required ? 'True' : 'False'}</td>\n                      <td style={{ textTransform: 'capitalize' }}>\n                        <span>{row?.schema?.type || '-'}</span>\n                        {row?.schema?.type === 'array' && row?.schema?.items?.type && (\n                          <span style={{ color: '#616874', fontSize: '0.75rem' }}>\n                            _{capitalizeFirstLetter(row.schema?.items?.type)}\n                          </span>\n                        )}\n                      </td>\n                      <td>{Array.isArray(row.schema?.enum) ? row.schema.enum.join(' / ') : '-'}</td>\n                      <td className=\"desc-cell\">\n                        <div className={`desc-text ${expanded === index ? 'expanded' : ''}`}>\n                          {row.description || 'No description'}\n                        </div>\n                        <button\n                          className=\"desc-toggle\"\n                          onClick={() => setExpanded(expanded === index ? null : index)}\n                        >\n                          <SVGLoader\n                            src={DownArrowIcon}\n                            className={expanded === index ? 'rotated' : ''}\n                          />\n                        </button>\n                      </td>\n                    </tr>\n                  ))}\n              </tbody>\n            </table>\n          </div>\n        }\n      </div>\n\n      <div className=\"response-section\">\n        <h3>Response</h3>\n\n        <div style={{ width: '7.5rem', marginLeft: 'auto' }}>\n          {Object.keys(data?.responses || {})?.length > 0 && (\n            <div className={styles.codeboxSection}>\n              <div className={`${styles.codeboxHeader}`}>\n                <SelectGroup\n                  size=\"small\"\n                  withSearch={false}\n                  isMultiple={false}\n                  clearable={false}\n                  placeholder=\"200\"\n                  options={[\n                    {\n                      list: httpStatusCodeOptions,\n                    },\n                  ]}\n                  value={selectedResStatusCode}\n                  onChange={(value) => {\n                    setSelectedResStatusCode(value)\n                  }}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        <button className=\"tab active \">\n          <SVGLoader src={RequestOption} className=\"icon-left\" />\n          Header\n        </button>\n\n        <div className=\"table-wrapper\">\n          <table className=\"param-table\">\n            <thead>\n              <tr>\n                <th className=\"head-table-label\">Header Name</th>\n                <th className=\"head-table-label\">Required</th>\n                <th className=\"head-table-label\">Type</th>\n                <th className=\"head-table-label\">Enum</th>\n                <th className=\"head-table-label\">Description</th>\n              </tr>\n            </thead>\n            <tbody>\n              {!!headersList &&\n                Object.keys(headersList) &&\n                Object.keys(headersList).map((key) => (\n                  <tr>\n                    <td>{key}</td>\n                    <td>{headersList[key]?.required.toString()}</td>\n                    <td style={{ textTransform: 'capitalize' }}>\n                      <span>{headersList[key]?.schema?.type || '-'}</span>\n                      {headersList[key]?.schema?.type === 'array' &&\n                        headersList[key]?.schema?.items?.type && (\n                          <span style={{ color: '#616874', fontSize: '0.75rem' }}>\n                            _{capitalizeFirstLetter(headersList[key]?.schema?.items?.type)}\n                          </span>\n                        )}\n                    </td>\n                    <td>{headersList[key]?.schema?.enum?.join('/')}</td>\n                    <td>{headersList[key]?.description}</td>\n                  </tr>\n                ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["EndpointPage","data","setActiveType","setActiveItemData","activeTab","setActiveTab","useState","toggleSection","useSectionToggle","httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","jsxs","className","children","_jsx","style","backgroundColor","handleStatusColor","value","expanded","setExpanded","selectedResStatusCode","setSelectedResStatusCode","headersList","setHeadersList","parameters","filter","param","in","_a","toLowerCase","useEffect","headerObj","responses","headers","onClick","api","apiSpecId","type","SectionEnum","OVERVIEW","setTo","resetOthers","filterKeys","RESOURCE","SVGLoader","src","ArrowBack","Tooltip","content","jsx","title","summary","textAlign","method","path","navigator","clipboard","writeText","CopySticker","description","tab","RequestOption","charAt","toUpperCase","slice","_b","p","row","index","name","required","textTransform","schema","_d","_c","items","color","fontSize","capitalizeFirstLetter","_f","_e","Array","isArray","_g","enum","join","DownArrowIcon","width","marginLeft","Object","keys","length","styles","codeboxSection","codeboxHeader","SelectGroup","size","withSearch","isMultiple","clearable","placeholder","options","list","onChange","key","toString","_h","_k","_j","_p","_o","_q"],"mappings":"m2BAkBO,MAAMA,EAAe,EAC1BC,OACAC,gBACAC,kCAMA,MAAOC,EAAWC,GAAgBC,EAAS,WACrCC,cAAEA,GAAkBC,IAEpBC,EAAwBC,EAAgBC,KAAKC,IAAU,CAC3DC,MACEC,EAAKC,KAAA,MAAA,CAAAC,UAAW,4BACdC,SAAA,CAAAC,MAAA,MAAA,CACEF,UAAW,yBACXG,MAAO,CAAEC,gBAAiBC,EAAkBT,MAE9CM,EAAAA,IAAO,OAAA,CAAAD,SAAAL,OAGXU,MAAOV,OAGFW,EAAUC,GAAelB,EAAS,OAClCmB,EAAuBC,GAA4BpB,EAASG,EAAsB,KAClFkB,EAAaC,GAAkBtB,EAAS,CAAE,GAYjD,QAX0BL,aAAI,EAAJA,EAAM4B,aAAc,IAAIC,QAC/CC,UAAU,OAAU,UAAVA,EAAMC,UAAI,IAAAC,OAAA,EAAAA,EAAAC,iBAAkB9B,EAAU8B,iBAGnDC,GAAU,KACR,GAAIV,GAAyBA,EAAsBH,MAAO,CACxD,MAAMc,EAAYnC,aAAA,EAAAA,EAAMoC,UAAUZ,EAAsBH,OACxDM,EAAeQ,eAAAA,EAAWE,QAC3B,IACA,CAACb,IAGFX,EAAKC,KAAA,MAAA,CAAAC,UAAU,uBAAsBC,SAAA,CACnCH,cAAKE,UAAU,cACbC,SAAA,CAAAC,MAAA,SAAA,CACEF,UAAU,cACVuB,QAAS,KACPhC,EAAcN,EAAKuC,IAAIC,UAAW,CAAC,CAAEC,KAAMC,EAAYC,SAAUC,OAAO,IAAS,CAC/EC,aAAa,EACbC,WAAY,CAACJ,EAAYK,YAE3B9C,EAAc,YACdC,EAAkBF,EAAKuC,MACxBvB,SAEDC,EAAAA,IAAC+B,EAAU,CAAAC,IAAKC,MAGlBjC,MAACkC,GAAQC,QAAQ,eAAcpC,SAC7BC,EAAQoC,IAAA,SAAA,CAAAtC,UAAU,WAAUC,SAAA,cAGhCC,EAAAA,IAAA,KAAA,CAAAD,SAAKhB,EAAKuC,IAAIe,QACdrC,EAAAA,UAAIF,UAAU,YAAWC,SAAEhB,aAAA,EAAAA,EAAMuD,UACjC1C,OAAK,MAAA,CAAAE,UAAU,UACbC,SAAA,CAAAH,EAAAA,KAAA,MAAA,CAAKK,MAAO,CAAEsC,UAAW,UACvBxC,SAAA,CAAAC,EAAAoC,IAAA,OAAA,CAAMtC,UAAW,gBAA4B,QAAZiB,EAAAhC,eAAAA,EAAMyD,cAAM,IAAAzB,OAAA,EAAAA,EAAEC,gBAAejB,SAAGhB,EAAKyD,SACtExC,MAAA,OAAA,CAAMF,UAAU,WAAYC,SAAAhB,eAAAA,EAAM0D,UAEpCzC,cAAMF,UAAU,OAAOuB,QAAS,IAAMqB,UAAUC,UAAUC,UAAU7D,aAAI,EAAJA,EAAM0D,MAAK1C,SAC7EC,MAAC+B,EAAU,CAAAC,IAAKa,SAIpB7C,MAAA,IAAA,CAAGF,UAAU,WAAYC,UAAAhB,aAAA,EAAAA,EAAM+D,cAAe,mBAE9C9C,EAAAoC,IAAA,KAAA,CAAArC,SAAA,YAEAH,EAAAA,KAAA,MAAA,CAAKE,UAAU,kBACbC,SAAA,CAAAC,EAAAA,IAAA,MAAA,CAAKF,UAAU,eAAcC,SAC1B,CAAC,SAAU,OAAQ,QAAS,QAAQN,KAAKsD,GACxCnD,OAEE,SAAA,CAAAE,UAAW,QAAOZ,IAAc6D,EAAM,SAAW,IACjD1B,QAAS,IAAMlC,EAAa4D,aAE5B/C,EAACoC,IAAAL,EAAU,CAAAC,IAAKgB,EAAelD,UAAU,cACzCE,EAAAoC,IAAA,OAAA,CAAMtC,UAAU,YAAWC,SAChB,gBAARgD,EACG,eACAA,EAAIE,OAAO,GAAGC,cAAgBH,EAAII,MAAM,OARzCJ,OAeT/C,EAAAA,WAAKF,UAAU,gBAAeC,SAC5BH,EAAAA,KAAO,QAAA,CAAAE,UAAU,cAAaC,SAAA,CAC5BC,EAAAA,IACE,QAAA,CAAAD,SAAAH,EAAAA,KAAA,KAAA,CAAAG,SAAA,CACEC,EAAIoC,IAAA,KAAA,CAAAtC,UAAU,mBAAkBC,SAAA,mBAChCC,EAAAA,IAAA,KAAA,CAAIF,UAAU,mBAAgCC,SAAA,aAC9CC,MAAI,KAAA,CAAAF,UAAU,qCACdE,EAAAoC,IAAA,KAAA,CAAItC,UAAU,qCACdE,EAAAA,IAAA,KAAA,CAAIF,UAAU,mBAAkBC,SAAA,qBAGpCC,EACGoC,IAAA,QAAA,CAAArC,SACG,QADHqD,EAAArE,EAAK4B,kBACF,IAAAyC,OAAA,EAAAA,EAAAxC,QAAQyC,IAAM,IAAAtC,EAAA,OAAM,QAANA,EAAAsC,EAAEvC,UAAI,IAAAC,OAAA,EAAAA,EAAAC,iBAAkB9B,EAAU8B,iBACjDvB,KAAI,CAAC6D,EAAKC,uBAAU,OACnB3D,uBACEI,EAAAA,IAAK,KAAA,CAAAD,SAAAuD,EAAIE,OACTxD,EAAAA,IAAA,KAAA,CAAAD,SAAKuD,EAAIG,SAAW,OAAS,UAC7B7D,EAAAC,KAAA,KAAA,CAAII,MAAO,CAAEyD,cAAe,cAC1B3D,SAAA,CAAAC,EAAAoC,IAAA,OAAA,CAAArC,UAAkB,QAAXgB,EAAAuC,aAAA,EAAAA,EAAKK,cAAM,IAAA5C,OAAA,EAAAA,EAAES,OAAQ,MACL,WAAT,QAAb4B,EAAAE,aAAG,EAAHA,EAAKK,cAAQ,IAAAP,OAAA,EAAAA,EAAA5B,QAAwC,QAApBoC,EAAa,QAAbC,EAAAP,aAAG,EAAHA,EAAKK,cAAQ,IAAAE,OAAA,EAAAA,EAAAC,aAAO,IAAAF,OAAA,EAAAA,EAAApC,OACpD5B,EAAAA,KAAM,OAAA,CAAAK,MAAO,CAAE8D,MAAO,UAAWC,SAAU,WACvCjE,SAAA,CAAA,IAAAkE,EAAuC,QAAjBC,EAAU,QAAVC,EAAAb,EAAIK,cAAM,IAAAQ,OAAA,EAAAA,EAAEL,aAAK,IAAAI,OAAA,EAAAA,EAAE1C,YAIjDxB,MAAA,KAAA,CAAAD,SAAKqE,MAAMC,gBAAQC,EAAAhB,EAAIK,6BAAQY,MAAQjB,EAAIK,OAAOY,KAAKC,KAAK,OAAS,MACrE5E,OAAI,KAAA,CAAAE,UAAU,YACZC,SAAA,CAAAC,MAAA,MAAA,CAAKF,UAAW,cAAaO,IAAakD,EAAQ,WAAa,IAC5DxD,SAAAuD,EAAIR,aAAe,mBAEtB9C,EAAAoC,IAAA,SAAA,CACEtC,UAAU,cACVuB,QAAS,IAAMf,EAAYD,IAAakD,EAAQ,KAAOA,GAEvDxD,SAAAC,EAAAoC,IAACL,EACC,CAAAC,IAAKyC,EACL3E,UAAWO,IAAakD,EAAQ,UAAY,YAtB3CA,gBAkCvB3D,EAAAC,KAAA,MAAA,CAAKC,UAAU,6BACbE,MAAiB,KAAA,CAAAD,SAAA,aAEjBC,aAAKC,MAAO,CAAEyE,MAAO,SAAUC,WAAY,QACxC5E,UAAoC,UAApC6E,OAAOC,MAAK9F,eAAAA,EAAMoC,YAAa,CAAE,UAAG,IAAA0C,OAAA,EAAAA,EAAAiB,QAAS,GAC5C9E,MAAA,MAAA,CAAKF,UAAWiF,EAAOC,eAAcjF,SACnCC,aAAKF,UAAW,GAAGiF,EAAOE,gBAAelF,SACvCC,MAACkF,EAAAA,YAAW,CACVC,KAAK,QACLC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,YAAY,MACZC,QAAS,CACP,CACEC,KAAMlG,IAGVa,MAAOG,EACPmF,SAAWtF,IACTI,EAAyBJ,YAQrCR,OAAA,SAAA,CAAQE,UAAU,cAAaC,SAAA,CAC7BC,EAACoC,IAAAL,GAAUC,IAAKgB,EAAelD,UAAU,0BAI3CE,EAAAA,IAAA,MAAA,CAAKF,UAAU,gBACbC,SAAAH,OAAA,QAAA,CAAOE,UAAU,cACfC,SAAA,CAAAC,EAAAoC,IAAA,QAAA,CAAArC,SACEH,EAAAA,KACE,KAAA,CAAAG,SAAA,CAAAC,EAAAA,IAAA,KAAA,CAAIF,UAAU,mBAAkBC,SAAA,gBAChCC,EAAAA,IAAI,KAAA,CAAAF,UAAU,yCACdE,MAAA,KAAA,CAAIF,UAAU,mBAA4BC,SAAA,SAC1CC,EAAIoC,IAAA,KAAA,CAAAtC,UAAU,mBAA4BC,SAAA,SAC1CC,YAAIF,UAAU,mBAAkBC,SAAA,qBAGpCC,EACGoC,IAAA,QAAA,CAAArC,WAAEU,GACDmE,OAAOC,KAAKpE,IACZmE,OAAOC,KAAKpE,GAAahB,KAAKkG,sCAAQ,OACpC/F,EACEC,KAAA,KAAA,CAAAE,SAAA,CAAAC,EAAAA,IAAA,KAAA,CAAAD,SAAK4F,IACL3F,MAAA,KAAA,CAAAD,SAAqB,QAAhBgB,EAAAN,EAAYkF,UAAI,IAAA5E,OAAA,EAAAA,EAAE0C,SAASmC,aAChChG,EAAAC,KAAA,KAAA,CAAII,MAAO,CAAEyD,cAAe,cAAc3D,SAAA,CACxCC,EAAAA,sBAA+B,QAAxB6D,EAAgB,QAAhBT,EAAA3C,EAAYkF,UAAI,IAAAvC,OAAA,EAAAA,EAAEO,cAAM,IAAAE,OAAA,EAAAA,EAAErC,OAAQ,MACL,WAAX,QAAxB2C,EAAgB,QAAhBP,EAAAnD,EAAYkF,UAAI,IAAA/B,OAAA,EAAAA,EAAED,cAAM,IAAAQ,OAAA,EAAAA,EAAE3C,gBACzBqE,EAA0B,UAAR,QAAlB3B,EAAAzD,EAAYkF,UAAM,IAAAzB,OAAA,EAAAA,EAAAP,cAAQ,IAAAW,OAAA,EAAAA,EAAAR,4BAAOtC,OAC/B5B,EAAAA,aAAMK,MAAO,CAAE8D,MAAO,UAAWC,SAAU,WAAWjE,SAAA,CAAA,IAClDkE,YAAgD,QAA1B6B,EAAkB,QAAlBC,EAAAtF,EAAYkF,UAAM,IAAAI,OAAA,EAAAA,EAAApC,cAAQ,IAAAmC,OAAA,EAAAA,EAAAhC,4BAAOtC,YAIjExB,EAAAA,IAAA,KAAA,CAAAD,SAAmC,QAA9BiG,EAAwB,QAAxBC,YAAAxF,EAAYkF,yBAAMhC,cAAM,IAAAsC,OAAA,EAAAA,EAAE1B,YAAI,IAAAyB,OAAA,EAAAA,EAAExB,KAAK,OAC1CxE,EAAAA,IAAK,KAAA,CAAAD,SAAgB,QAAhBmG,EAAAzF,EAAYkF,UAAI,IAAAO,OAAA,EAAAA,EAAEpD"}

package/dist/src/layout/docsComponents/DocsContent/OverviewPage/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 n=({data:n,setActiveItemData:t,setActiveType:r,setExpandedSections:c,onProductNavigate:d})=>{var l,o;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==n?void 0:n.title}),s.jsxs("p",{className:"api-version",children:["API Version: ",s.jsx("span",{children:null==n?void 0:n.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:n&&n.servers&&n.servers.length>0?null===(l=n.servers[0])||void 0===l?void 0:l.url:"-",readOnly:!0}),s.jsx("span",{className:"icon",onClick:()=>{var s;return navigator.clipboard.writeText(`${n&&n.servers&&n.servers.length>0?null===(s=n.servers[0])||void 0===s?void 0:s.url:"-"}`)},children:s.jsx(e,{src:i})})]})]}),s.jsx("p",{className:"api-desc",children:"API Description"}),d&&s.jsxs("div",{className:"api-product-tag",children:["Product with this API"," ",s.jsx("span",{className:"product-tag",role:"button",tabIndex:-1,onClick:()=>d(n.associatedProduct.productId),children:n.associatedProduct.name})]}),s.jsx("h3",{className:"section-title",children:"Endpoints"}),Object.entries(null==n?void 0:n.tags).map((([i,d])=>s.jsxs("div",{className:"endpoint-group",children:[s.jsx("h4",{className:"tag-title",children:i}),s.jsx("div",{className:"endpoint-list",children:d.map(((d,l)=>{var o,p,v;return s.jsxs("div",{className:"endpoint-card",onClick:()=>(s=>{t(Object.assign(Object.assign({},s),{api:Object.assign({id:n.apiSpecId,title:n.title,description:n.description,version:n.version},n)})),r("ENDPOINT"),c((e=>Object.assign(Object.assign({},e),{[`api-${n.apiSpecId}-section`]:!0,[`api-${n.apiSpecId}-endpoints`]:!0,[`api-${n.apiSpecId}-resource-${s.id}`]:!0})))})(d),children:[s.jsxs("div",{children:[s.jsxs("div",{className:"endpoint-card-header",children:[s.jsx("span",{className:`method-label ${d.method.toLowerCase()}`,children:d.method}),s.jsx("div",{className:"title-wrapper",children:s.jsxs("h5",{children:[(d.summary||"Endpoint Name").slice(0,17),(null!==(p=null===(o=d.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:d.path}),s.jsx("p",{className:"description",children:null!==(v=d.description)&&void 0!==v?v:"No Description "})]})]}),s.jsx("div",{className:"endpoint-arrow",children:s.jsx(e,{src:a})})]},`${i}-${l}`)}))})]},i))),(null===(o=n.apiVersions)||void 0===o?void 0:o.length)>0&&s.jsxs("div",{className:"versions-section",children:[s.jsx("h4",{children:"API Versions"}),s.jsx("div",{className:"version-list",children:n.apiVersions.map(((e,i)=>{var a;return s.jsx("button",{className:"version-btn",onClick:()=>(s=>{var e;if(s.apiSpecId===n.apiSpecId)return void r("OVERVIEW");const i=n.apiVersions.find((e=>e.apiSpecId===s.apiSpecId));if(!i)return;const a=Object.assign(Object.assign(Object.assign({},n),i),{version:(null===(e=i.metaData)||void 0===e?void 0:e.version)||"",title:i.name||"",apiSpecId:i.apiSpecId});t(Object.assign(Object.assign({},a),{api:Object.assign({id:a.apiSpecId,title:a.title,description:a.description,version:a.version},a)})),r("OVERVIEW"),c((s=>Object.assign(Object.assign({},s),{[`api-${a.apiSpecId}-section`]:!0})))})(e),children:(null===(a=e.metaData)||void 0===a?void 0:a.version)||"N/A"},i)}))})]})]})};export{n as OverviewPage};
+import{j as e}from"../../../../../_virtual/jsx-runtime.js";import s from"../../../../components/SVGLoader/SVGLoader.js";import i from"../../../../assets/icons/CopySticker.svg.js";import t from"../../../../assets/icons/arrowRightGray.svg.js";import{useSectionToggle as a,SectionEnum as r}from"../../../../context/SectionToggleContext.js";const n=({data:n,setActiveItemData:d,setActiveType:l,onProductNavigate:c,apis:o})=>{var p,m;const{toggleSection:v}=a();return e.jsxs("div",{className:"api-details-page",children:[e.jsx("h2",{className:"welcome",children:"Welcome to"}),e.jsx("h1",{className:"api-title",children:null==n?void 0:n.title}),e.jsxs("p",{className:"api-version",children:["API Version: ",e.jsx("span",{children:null==n?void 0:n.version})]}),e.jsxs("div",{className:"custom-url-input",children:[e.jsx("label",{className:"input-label",children:"API Base URL"}),e.jsxs("div",{className:"input-wrapper",children:[e.jsx("input",{type:"text",value:n&&n.servers&&n.servers.length>0?null===(p=n.servers[0])||void 0===p?void 0:p.url:"-",readOnly:!0}),e.jsx("span",{className:"icon",onClick:()=>{var e;return navigator.clipboard.writeText(`${n&&n.servers&&n.servers.length>0?null===(e=n.servers[0])||void 0===e?void 0:e.url:"-"}`)},children:e.jsx(s,{src:i})})]})]}),e.jsx("p",{className:"api-desc",children:"API Description"}),c&&e.jsxs("div",{className:"api-product-tag",children:["Product with this API"," ",e.jsx("span",{className:"product-tag",role:"button",tabIndex:-1,onClick:()=>c(n.associatedProduct.productId),children:n.associatedProduct.name})]}),e.jsx("h3",{className:"section-title",children:"Endpoints"}),Object.entries(null==n?void 0:n.tags).map((([i,a])=>e.jsxs("div",{className:"endpoint-group",children:[e.jsx("h4",{className:"tag-title",children:i}),e.jsx("div",{className:"endpoint-list",children:a.map(((a,c)=>{var o,p,m;return e.jsxs("div",{className:"endpoint-card",onClick:()=>(e=>{d(Object.assign(Object.assign({},e),{api:Object.assign({id:n.apiSpecId,title:n.title,description:n.description,version:n.version},n)})),l("ENDPOINT");const s=Object.entries(n.tags).sort((([e],[s])=>"default"===e?1:"default"===s?-1:e.localeCompare(s))).findIndex((([s,i])=>i.find((s=>s.id===e.id))));v(n.apiSpecId,[{type:r.API_SECTION,setTo:!0},{type:r.ENDPOINTS_SECTION,setTo:!0},{type:r.TAG_SECTION,setTo:!0,index:s},{type:r.RESOURCE,setTo:!0,id:e.id}],{resetOthers:!0,filterKeys:[r.OVERVIEW]})})(a),children:[e.jsxs("div",{children:[e.jsxs("div",{className:"endpoint-card-header",children:[e.jsx("span",{className:`method-label ${a.method.toLowerCase()}`,children:a.method}),e.jsx("div",{className:"title-wrapper",children:e.jsxs("h5",{children:[(a.summary||"Endpoint Name").slice(0,17),(null!==(p=null===(o=a.summary)||void 0===o?void 0:o.length)&&void 0!==p?p:0)>17&&"..."]})})]}),e.jsxs("div",{className:"endpoint-meta",children:[e.jsx("p",{children:a.path}),e.jsx("p",{className:"description",children:null!==(m=a.description)&&void 0!==m?m:"No Description "})]})]}),e.jsx("div",{className:"endpoint-arrow",children:e.jsx(s,{src:t})})]},`${i}-${c}`)}))})]},i))),(null===(m=n.apiVersions)||void 0===m?void 0:m.length)>0&&e.jsxs("div",{className:"versions-section",children:[e.jsx("h4",{children:"API Versions"}),e.jsx("div",{className:"version-list",children:n.apiVersions.map(((s,i)=>{var t;return e.jsx("button",{className:"version-btn",onClick:()=>(e=>{if(e.apiSpecId===n.apiSpecId)return void l("OVERVIEW");const s=n.apiVersions.find((s=>s.apiSpecId===e.apiSpecId));if(!s)return;const i=o.find((e=>e.apiSpecId===s.apiSpecId));d(i),l("OVERVIEW"),v(i.apiSpecId,[{type:r.API_SECTION,setTo:!0},{type:r.OVERVIEW,setTo:!0}],{resetOthers:!0,filterKeys:[r.OVERVIEW,r.API_SECTION,r.ENDPOINTS_SECTION,r.TAG_SECTION]})})(s),children:(null===(t=s.metaData)||void 0===t?void 0:t.version)||"N/A"},i)}))})]})]})};export{n as OverviewPage};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/layout/docsComponents/DocsContent/OverviewPage/index.tsx"],"sourcesContent":["import './style.scss'\nimport SVGLoader from '../../../../components/SVGLoader/SVGLoader'\nimport { arrowRightGray, CopySticker } from '../../../../assets/icons/index'\nimport { EndpointData, OverviewData } from 'src/layout/docsLayout'\n\nexport const OverviewPage = ({\n  data,\n  setActiveItemData,\n  setActiveType,\n  setExpandedSections,\n  onProductNavigate,\n}: {\n  data: OverviewData\n  setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>\n  setActiveType: React.Dispatch<React.SetStateAction<'OVERVIEW' | 'ENDPOINT'>>\n  setExpandedSections: React.Dispatch<React.SetStateAction<Record<string, boolean>>>\n  onProductNavigate?: (productId: number) => void\n}) => {\n  const handleVersionClick = (verObj) => {\n    if (verObj.apiSpecId === data.apiSpecId) {\n      setActiveType('OVERVIEW')\n      return\n    }\n\n    const matchedVersion = data.apiVersions.find((v) => v.apiSpecId === verObj.apiSpecId)\n\n    if (!matchedVersion) {\n      return\n    }\n\n    const newData = {\n      ...data,\n      ...matchedVersion,\n      version: matchedVersion.metaData?.version || '',\n      title: matchedVersion.name || '',\n      apiSpecId: matchedVersion.apiSpecId,\n    }\n\n    setActiveItemData({\n      ...newData,\n      api: {\n        id: newData.apiSpecId,\n        title: newData.title,\n        description: newData.description,\n        version: newData.version,\n        ...newData,\n      },\n    })\n\n    setActiveType('OVERVIEW')\n    setExpandedSections((prev) => ({\n      ...prev,\n      [`api-${newData.apiSpecId}-section`]: true,\n    }))\n  }\n\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\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                `${\n                  !!data && !!data.servers && data.servers.length > 0 ? data.servers[0]?.url : '-'\n                }`\n              )\n            }\n          >\n            <SVGLoader src={CopySticker} />\n          </span>\n        </div>\n      </div>\n\n      <p className=\"api-desc\">API Description</p>\n      {onProductNavigate && (\n        <div className=\"api-product-tag\">\n          Product with this API{' '}\n          <span\n            className=\"product-tag\"\n            role=\"button\"\n            tabIndex={-1}\n            onClick={() => onProductNavigate(data.associatedProduct.productId)}\n          >\n            {data.associatedProduct.name}\n          </span>\n        </div>\n      )}\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\n                key={index}\n                className=\"version-btn\"\n                onClick={() => handleVersionClick(verObj)}\n              >\n                {verObj.metaData?.version || 'N/A'}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["OverviewPage","data","setActiveItemData","setActiveType","setExpandedSections","onProductNavigate","_jsxs","className","_jsx","children","title","version","jsxs","jsx","type","value","servers","length","_a","url","readOnly","onClick","navigator","clipboard","writeText","SVGLoader","src","CopySticker","role","tabIndex","associatedProduct","productId","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","matchedVersion","find","v","newData","metaData","handleVersionClick"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/layout/docsComponents/DocsContent/OverviewPage/index.tsx"],"sourcesContent":["import './style.scss'\nimport SVGLoader from '../../../../components/SVGLoader/SVGLoader'\nimport { arrowRightGray, CopySticker } from '../../../../assets/icons/index'\nimport { EndpointData, OverviewData } from 'src/layout/docsLayout'\nimport { SectionEnum, useSectionToggle } from '../../../../../src/context/SectionToggleContext'\n\nexport const OverviewPage = ({\n  data,\n  setActiveItemData,\n  setActiveType,\n  onProductNavigate,\n  apis,\n}: {\n  data: OverviewData\n  setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>\n  setActiveType: React.Dispatch<React.SetStateAction<'OVERVIEW' | 'ENDPOINT'>>\n  onProductNavigate?: (productId: number) => void\n  apis: OverviewData[]\n}) => {\n  const { toggleSection } = useSectionToggle()\n\n  const handleVersionClick = (verObj) => {\n    if (verObj.apiSpecId === data.apiSpecId) {\n      setActiveType('OVERVIEW')\n      return\n    }\n\n    const matchedVersion = data.apiVersions.find((v) => v.apiSpecId === verObj.apiSpecId)\n\n    if (!matchedVersion) {\n      return\n    }\n\n    const matchedApi = apis.find((api) => api.apiSpecId === matchedVersion.apiSpecId)\n    setActiveItemData(matchedApi)\n\n    setActiveType('OVERVIEW')\n    toggleSection(\n      matchedApi.apiSpecId,\n      [\n        { type: SectionEnum.API_SECTION, setTo: true },\n        { type: SectionEnum.OVERVIEW, setTo: true },\n      ],\n      {\n        resetOthers: true,\n        filterKeys: [\n          SectionEnum.OVERVIEW,\n          SectionEnum.API_SECTION,\n          SectionEnum.ENDPOINTS_SECTION,\n          SectionEnum.TAG_SECTION,\n        ],\n      }\n    )\n  }\n\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    const tagSectionIndex = Object.entries(data.tags)\n      .sort(([a], [b]) => (a === 'default' ? 1 : b === 'default' ? -1 : a.localeCompare(b)))\n      .findIndex(([_, tagData]) => tagData.find((t) => t.id === endpoint.id))\n\n    toggleSection(\n      data.apiSpecId,\n      [\n        { type: SectionEnum.API_SECTION, setTo: true },\n        { type: SectionEnum.ENDPOINTS_SECTION, setTo: true },\n        { type: SectionEnum.TAG_SECTION, setTo: true, index: tagSectionIndex },\n        { type: SectionEnum.RESOURCE, setTo: true, id: endpoint.id },\n      ],\n      { resetOthers: true, filterKeys: [SectionEnum.OVERVIEW] }\n    )\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                `${\n                  !!data && !!data.servers && data.servers.length > 0 ? data.servers[0]?.url : '-'\n                }`\n              )\n            }\n          >\n            <SVGLoader src={CopySticker} />\n          </span>\n        </div>\n      </div>\n\n      <p className=\"api-desc\">API Description</p>\n      {onProductNavigate && (\n        <div className=\"api-product-tag\">\n          Product with this API{' '}\n          <span\n            className=\"product-tag\"\n            role=\"button\"\n            tabIndex={-1}\n            onClick={() => onProductNavigate(data.associatedProduct.productId)}\n          >\n            {data.associatedProduct.name}\n          </span>\n        </div>\n      )}\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\n                key={index}\n                className=\"version-btn\"\n                onClick={() => handleVersionClick(verObj)}\n              >\n                {verObj.metaData?.version || 'N/A'}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["OverviewPage","data","setActiveItemData","setActiveType","onProductNavigate","apis","toggleSection","useSectionToggle","_jsxs","className","_jsx","children","title","version","jsxs","jsx","type","value","servers","length","_a","url","readOnly","onClick","navigator","clipboard","writeText","SVGLoader","src","CopySticker","role","tabIndex","associatedProduct","productId","name","Object","entries","tags","map","tag","endpoints","endpoint","idx","assign","api","id","apiSpecId","description","tagSectionIndex","sort","a","b","localeCompare","findIndex","_","tagData","find","t","SectionEnum","API_SECTION","setTo","ENDPOINTS_SECTION","TAG_SECTION","index","RESOURCE","resetOthers","filterKeys","OVERVIEW","handleClick","method","toLowerCase","summary","slice","_b","path","_c","arrowRightGray","apiVersions","verObj","matchedVersion","v","matchedApi","handleVersionClick","metaData"],"mappings":"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"}

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 } from 'digitinary-ui'\nimport SVGLoader from '../../../components/SVGLoader/SVGLoader'\nimport {\n  FilterIcon,\n  BookIcon,\n  ApiIcon,\n  SearchIcon,\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 [isMethodDropdownOpen, setIsMethodDropdownOpen] = useState<boolean>(false)\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","_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":"kuBAgBM,MAAAA,EAAuB,EAC3BC,sBACAC,yBAKA,MAAOC,EAAkBC,GAAuBC,GAAkB,IAC3DC,EAASC,GAAcF,EAAiB,KACxCG,EAAiBC,GAAsBJ,EAAgB,KACvDK,EAAsBC,GAA2BN,GAAkB,GAuD1E,OACEO,EAAAA,2BACEC,EAAQC,IAAA,SAAA,CAAAC,UAAWC,EAAOC,gBACxBC,SAAAN,OAAA,MAAA,CAAKG,UAAWC,EAAOG,eAAcD,SAAA,CACnCN,OAACQ,EAAMA,OAAA,CACLC,QAAQ,WACRC,KAAK,QACLP,UAAWC,EAAOO,kBAClBC,QA7DqB,KAC7BpB,GAAoB,EAAK,EA+DjBc,SAAA,CAAA,kBAAAL,EAAAC,IAACW,EAAU,CAAAC,IAAKC,OAElBf,EAAKgB,KAAA,MAAA,CAAAb,UAAWC,EAAOa,YACrBX,SAAA,CAAAL,EAAAA,IAACiB,EACC,CAAAC,UAAU,SACVC,MAAO,CAAC,EAAG,GACXjB,UAAW,kBAAkBC,EAAOiB,kBACpCC,QAASrB,EAAAA,IAAA,MAAA,CAAAK,SAAA,yBAETN,EAACgB,KAAAR,UAAOC,QAAQ,WAAWC,KAAK,QAAQP,UAAU,YAAYoB,UAAU,YACtEtB,EAAAA,IAACY,GAAUC,IAAKU,IAAY,cAIhCxB,EAAAgB,KAACR,SAAO,CAAAC,QAAQ,WAAWC,KAAK,QAAQP,UAAWC,EAAOqB,QAAOnB,SAAA,CAC/DL,EAAAA,IAACY,EAAS,CAACC,IAAKY,IACT,8BAIfzB,MAAC0B,EAAY,CACXjB,KAAK,KACLkB,KAAMrC,EACNsC,QAnF0B,KAC9BrC,GAAoB,GACpBO,GAAwB,EAAM,EAkF1B+B,MAAM,EACNC,WAAW,EACXC,WAAS,EACTV,QACEtB,EAAAgB,KAAA,MAAA,CAAKb,UAAW,uBAAsBL,EAAuB,WAAa,cACxEG,EAAAA,IAAK,MAAA,CAAAE,UAAU,6BACbG,SAAAL,EAAAC,IAAA,IAAA,CAAGC,UAAU,mEAEfF,EAAAA,IAACgC,EAAAA,MAAK,CACJ9B,UAAU,aACV+B,YAAY,qBACZC,MAAOzC,EACP0C,SAAWD,GAAUxC,EAAWwC,GAChCzB,KAAM2B,EAAIA,KAACC,OACXC,WAAS,EACTC,aAAcvC,EAAAA,IAACY,EAAU,CAAAC,IAAK2B,MAEhCzC,EAAAgB,KAAA,MAAA,CAAKb,UAAU,6BACbF,EAAqBC,IAAA,QAAA,CAAAI,SAAA,WAarBN,EAAKgB,KAAA,MAAA,CAAAb,UAAU,UAAUS,QAAS,IAAMb,GAAyB2C,IAAUA,IACzEpC,SAAA,CAAAL,EAAAC,IAAA,OAAA,CAAAI,SAAA,kBACAL,EAACC,IAAAW,EAAU,CAAAC,IAAMhB,EAAuC6C,EAAhBC,OAEzC9C,GACCG,EAAAC,IAAA,MAAA,CAAKC,UAAU,sBACZ0C,EAAeC,KAAKC,GACnB/C,EAAKgB,KAAA,MAAA,CAAAb,UAAU,cAAaG,SAAA,CAC1BL,EAAAA,aACE+C,KAAK,WACL7C,UAAU,qBACV8C,QAASrD,EAAgBsD,SAASH,EAAGZ,OACrCC,SAAWe,GA3FP,EAACA,EAAGC,KAC5B,MACEC,QAAQJ,QAAEA,IACRE,EACAF,EACFpD,GAAoB6C,GAAS,IAAIA,EAAMU,EAAOjB,SAE1CvC,EAAgBsD,SAASE,EAAOjB,QAClCtC,GAAoB6C,GAASA,EAAKY,QAAQP,GAAOA,GAAMK,EAAOjB,SAEjE,EAiFoCoB,CAAkBJ,EAAGJ,KAExC9C,MAAM,OAAA,CAAAuD,MAAO,CAAEC,MAAOV,EAAGU,OAAUnD,SAAAyC,EAAGW,kBAMhDzD,EAAAA,IAAK,MAAA,CAAAE,UAAU,mBAAkBG,SAC/BL,EAACC,IAAAM,SACC,CAAAC,QAAQ,YACRgD,MAAM,UACN/C,KAAK,QACLE,QAvIa,KAEzB,MAAKlB,aAAA,EAAAA,EAASiE,SAAY/D,GAA8C,IAA3BA,EAAgBgE,QAG3D,OAFAtE,EAAmBD,GAAqB,QACxCG,GAAoB,GAItB,IAAIqE,EAAgB,IAAIxE,GAGxB,GAAIK,aAAO,EAAPA,EAASiE,OAAQ,CACnB,MAAMG,EAAepE,EAAQqE,cAC7BF,EAAgBA,EAAcP,QAAQU,GAAQA,EAAIC,MAAMF,cAAcb,SAASY,IAChF,EAGGlE,aAAe,EAAfA,EAAiBgE,UACnBC,EAAgBA,EAAcP,QAAQU,IACpC,MAAME,EAAaC,OAAOC,OAAOJ,EAAIK,MAAQ,CAAA,GAC1CC,OACAxB,KAAKyB,UAAkB,OAAiB,QAAjBC,EAAAD,EAASnB,cAAQ,IAAAoB,OAAA,EAAAA,EAAAT,aAAa,IAExD,OAAOnE,EAAgB6E,MAAMrB,GAAWc,EAAWhB,SAASE,EAAOW,gBAAe,KAItFzE,EAAmBuE,GACnBrE,GAAoB,EAAM,EA4GdW,UAAU,oBAAmBG,SAAA,mBAS1C"}
+{"version":3,"file":"DocsHeader.js","sources":["../../../../../src/layout/docsComponents/DocsHeader/DocsHeader.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react'\nimport { Button, Size, Input } from 'digitinary-ui'\nimport SVGLoader from '../../../components/SVGLoader/SVGLoader'\nimport {\n  FilterIcon,\n  BookIcon,\n  ApiIcon,\n  SearchIcon,\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'\nimport { OverviewData } from '../../../../src/layout/docsLayout'\n\nconst DocsHeader = ({\n  transformedOpenApis,\n  updateFilteredData,\n}: {\n  transformedOpenApis: OverviewData[]\n  updateFilteredData: (filteredItems: OverviewData[], isReset?: boolean) => void\n}) => {\n  const [showSearchFilter, setShowSearchFilter] = useState<boolean>(false)\n  const [apiName, setApiName] = useState<string>('')\n  const [selectedMethods, setSelectedMethods] = useState<any[]>([])\n  const [isMethodDropdownOpen, setIsMethodDropdownOpen] = useState<boolean>(false)\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","_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 e}from"../../../../_virtual/jsx-runtime.js";import{useEffect as s,useRef as i}from"react";import a from"../../../components/SVGLoader/SVGLoader.js";import c from"../../../assets/icons/arrowDownGray.svg.js";import t from"../../../assets/icons/arrowRightGray.svg.js";import p from"../../../assets/icons/document.svg.js";import n from"../../../assets/icons/eye.svg.js";const o=({apis:o,setActiveItemData:r,activeItemData:d,activeType:l,expandedSections:m,setExpandedSections:j,isFirstApiExpanded:v,setIsFirstApiExpanded:_,setActiveType:x,toggleSection:h,canSelectFirstApi:I,canFocusSection:S,setCanFocusSection:u})=>{s((()=>{if(I||!(null==o?void 0:o.length)||!v)return;const e=o[0],s=`api-${e.apiSpecId}-section`,i=`api-${e.apiSpecId}-overview`;j({[s]:!0,[i]:!0}),r(e),x("OVERVIEW"),_(!1)}),[o,v]);const N=(s,i)=>s.map(((s,a)=>{const c=`api-${i.apiSpecId}-resource-${s.id}`,t=m[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)})),x("ENDPOINT"),h(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)})),g=s=>{const o=`api-${s.apiSpecId}-section`,j=`api-${s.apiSpecId}-endpoints`,v=`api-${s.apiSpecId}-overview`,_=m[o],I="apiSpecId"in d&&d.apiSpecId===s.apiSpecId&&"OVERVIEW"===l,g="api"in d&&d.api.id===s.apiSpecId&&"path"in d&&"method"in d,f=i(null);return S&&(null==f?void 0:f.current)&&(f.current.scrollIntoView({behavior:"smooth",block:"start"}),u(!1)),e.jsxs("div",{className:"api-docs-api-tree__section","data-active":g||I,ref:f,children:[e.jsxs("div",{className:"api-docs-api-tree__section-header",onClick:()=>h(s.apiSpecId,o),children:[_?e.jsx(a,{src:c}):e.jsx(a,{src:t}),e.jsx(a,{src:p}),e.jsx("span",{className:"api-docs-api-tree__section-title",children:s.title})]}),_&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"api-docs-api-tree__section__overview",onClick:()=>{I||(h(s.apiSpecId,v,!0,["resource"]),r(s),x("OVERVIEW"))},"data-active":I,children:[e.jsx(a,{src:n}),e.jsx("span",{children:"Overview"})]}),e.jsxs("div",{className:"api-docs-api-tree__section__endpoints",onClick:()=>h(s.apiSpecId,j),"data-active":g&&!I,children:[m[j]?e.jsx(a,{src:c}):e.jsx(a,{src:t}),e.jsx("span",{children:"Endpoints"})]}),m[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((([i,p],n)=>((s,i,p,n)=>{const o=`api-${p.apiSpecId}-section-${n}`,r=m[o];return e.jsxs("div",{className:"api-docs-api-tree__subsection",children:[e.jsxs("div",{className:"api-docs-api-tree__subsection-header",onClick:()=>h(p.apiSpecId,o),children:[r?e.jsx(a,{src:c}):e.jsx(a,{src:t}),e.jsx("span",{className:"api-docs-api-tree__subsection-title",children:s})]}),r&&e.jsx("div",{className:"api-docs-api-tree__endpoints",children:N(i,p)})]},o)})(i,p,s,n)))})]})]},s.apiSpecId)};return e.jsx("aside",{className:"api-docs-api-tree",children:o.map((e=>g(e)))})};export{o as default};
+import{j as e}from"../../../../_virtual/jsx-runtime.js";import{useRef as s,useEffect as i}from"react";import t from"../../../components/SVGLoader/SVGLoader.js";import a from"../../../assets/icons/arrowDownGray.svg.js";import c from"../../../assets/icons/arrowRightGray.svg.js";import p from"../../../assets/icons/document.svg.js";import o from"../../../assets/icons/eye.svg.js";import{useSectionToggle as n,SectionEnum as r}from"../../../context/SectionToggleContext.js";const d=({apis:d,setActiveItemData:l,isFirstApiExpanded:I,setIsFirstApiExpanded:m,setActiveType:_,canSelectFirstApi:S,canFocusSection:E,setCanFocusSection:j,activeApiId:x,setCanSelectFirstApi:h})=>{const{expandedSections:v,toggleSection:O,generateSectionKey:N}=n(),u=s({});i((()=>{if(S||!(null==d?void 0:d.length)||!I)return;const e=d[0];O(null==e?void 0:e.apiSpecId,[{type:r.API_SECTION,setTo:!0},{type:r.OVERVIEW,setTo:!0}]),l(e),_("OVERVIEW"),m(!1)}),[d,I]),i((()=>{const e=null==d?void 0:d.find((e=>e.apiSpecId===x));x&&d.length>0&&e&&(O(e.apiSpecId,[{type:r.API_SECTION,setTo:!0},{type:r.OVERVIEW,setTo:!0}]),l(e),_("OVERVIEW"),m(!1),h(!0),j(!0))}),[x,d]);const C=(s,i)=>s.map(((s,t)=>{const a=N({apiId:i.apiSpecId,type:r.RESOURCE,id:s.id}),c=v[a];return e.jsxs("div",{className:`api-docs-api-tree__endpoint api-docs-api-tree__endpoint--${s.method.toLowerCase()}`,onClick:()=>{c||(l(Object.assign(Object.assign({},s),{api:i})),_("ENDPOINT"),O(i.apiSpecId,[{type:r.RESOURCE,id:s.id}],{resetOthers:!0,filterKeys:[r.RESOURCE,r.OVERVIEW]}))},"data-active":c,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})]},t)})),y=s=>{const i=N({apiId:s.apiSpecId,type:r.API_SECTION}),n=N({apiId:s.apiSpecId,type:r.ENDPOINTS_SECTION}),d=N({apiId:s.apiSpecId,type:r.OVERVIEW}),I=v[i],m=v[n],S=v[d];if(E){const e=u.current[s.apiSpecId];null==e||e.scrollIntoView({behavior:"smooth",block:"start"}),j(!1)}return e.jsxs("div",{className:"api-docs-api-tree__section","data-active":m||S,ref:e=>{u.current[s.apiSpecId]=e},children:[e.jsxs("div",{className:"api-docs-api-tree__section-header",onClick:()=>O(s.apiSpecId,[{type:r.API_SECTION}]),children:[I?e.jsx(t,{src:a}):e.jsx(t,{src:c}),e.jsx(t,{src:p}),e.jsx("span",{className:"api-docs-api-tree__section-title",children:s.title})]}),I&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"api-docs-api-tree__section__overview",onClick:()=>{S||(O(s.apiSpecId,[{type:r.OVERVIEW}],{resetOthers:!0,filterKeys:[r.RESOURCE]}),l(s),_("OVERVIEW"))},"data-active":S,children:[e.jsx(t,{src:o}),e.jsx("span",{children:"Overview"})]}),e.jsxs("div",{className:"api-docs-api-tree__section__endpoints",onClick:()=>O(s.apiSpecId,[{type:r.ENDPOINTS_SECTION}]),"data-active":m&&!S,children:[v[n]?e.jsx(t,{src:a}):e.jsx(t,{src:c}),e.jsx("span",{children:"Endpoints"})]}),v[n]&&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((([i,p],o)=>((s,i,p,o)=>{const n=N({apiId:p.apiSpecId,type:r.TAG_SECTION,index:o}),d=v[n];return e.jsxs("div",{className:"api-docs-api-tree__subsection",children:[e.jsxs("div",{className:"api-docs-api-tree__subsection-header",onClick:()=>O(p.apiSpecId,[{type:r.TAG_SECTION,index:o}]),children:[d?e.jsx(t,{src:a}):e.jsx(t,{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:C(i,p)})]},n)})(i,p,s,o)))})]})]},s.apiSpecId)};return e.jsx("aside",{className:"api-docs-api-tree",children:d.map((e=>y(e)))})};export{d 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, { useEffect, useRef } 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  toggleSection,\n  canSelectFirstApi,\n  canFocusSection,\n  setCanFocusSection,\n}: {\n  apis: OverviewData[]\n  setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>\n  activeItemData: OverviewData | EndpointData\n  expandedSections: Record<string, boolean>\n  setExpandedSections: (newSections: Record<string, boolean>) => void\n  isFirstApiExpanded: boolean\n  setIsFirstApiExpanded: React.Dispatch<React.SetStateAction<boolean>>\n  setActiveType: React.Dispatch<React.SetStateAction<'OVERVIEW' | 'ENDPOINT'>>\n  activeType: 'OVERVIEW' | 'ENDPOINT'\n  toggleSection: (apiId: string, sectionId: string, resetOthers?: boolean, key?: string[]) => void\n  canSelectFirstApi?: boolean\n  canFocusSection: boolean\n  setCanFocusSection: React.Dispatch<React.SetStateAction<boolean>>\n}) => {\n  // Auto-expand first API only once\n  useEffect(() => {\n    if (canSelectFirstApi || !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({\n      [sectionKey]: true,\n      [overviewKey]: true,\n    })\n    setActiveItemData(firstApi)\n    setActiveType('OVERVIEW')\n    setIsFirstApiExpanded(false)\n  }, [apis, isFirstApiExpanded])\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    const sectionRef = useRef<HTMLDivElement>(null)\n    // Scroll to the section if it's expanded\n    if (canFocusSection && sectionRef?.current) {\n      sectionRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })\n      setCanFocusSection(false)\n    }\n\n    return (\n      <div\n        key={api.apiSpecId}\n        className=\"api-docs-api-tree__section\"\n        data-active={isEndpointActive || isOverviewExpanded}\n        ref={sectionRef}\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) =>\n                    renderSubSection(tagName, data as EndpointData[], api, i)\n                  )}\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","toggleSection","canSelectFirstApi","canFocusSection","setCanFocusSection","useEffect","length","firstApi","sectionKey","apiSpecId","overviewKey","renderEndpoints","endpoints","api","map","endpoint","index","key","id","isExpanded","_jsxs","className","method","toLowerCase","onClick","Object","assign","title","description","version","children","_jsx","jsx","path","renderApiSection","endpointsKey","isApiExpanded","isOverviewExpanded","isEndpointActive","sectionRef","useRef","current","scrollIntoView","behavior","block","jsxs","ref","SVGLoader","src","arrowDownGray","arrowRightGray","document","_Fragment","eye","entries","tags","sort","a","b","localeCompare","tagName","data","i","sectionIndex","isSectionExpanded","renderSubSection"],"mappings":"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"}
+{"version":3,"file":"DocsSideMenuTree.js","sources":["../../../../../src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.tsx"],"sourcesContent":["import './style.scss'\nimport React, { useEffect, useRef } from 'react'\nimport SVGLoader from '../../../components/SVGLoader/SVGLoader'\nimport { arrowDownGray, arrowRightGray, document, eye } from '../../../assets/icons'\nimport { EndpointData, OverviewData } from 'src/layout/docsLayout'\nimport { SectionEnum, useSectionToggle } from '../../../../src/context/SectionToggleContext'\n\nconst DocsSideMenuTree = ({\n  apis,\n  setActiveItemData,\n  isFirstApiExpanded,\n  setIsFirstApiExpanded,\n  setActiveType,\n  canSelectFirstApi,\n  canFocusSection,\n  setCanFocusSection,\n  activeApiId,\n  setCanSelectFirstApi,\n}: {\n  apis: OverviewData[]\n  setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>\n  activeItemData: OverviewData | EndpointData\n  isFirstApiExpanded: boolean\n  setIsFirstApiExpanded: React.Dispatch<React.SetStateAction<boolean>>\n  setActiveType: React.Dispatch<React.SetStateAction<'OVERVIEW' | 'ENDPOINT'>>\n  activeType: 'OVERVIEW' | 'ENDPOINT'\n  canSelectFirstApi?: boolean\n  canFocusSection: boolean\n  setCanFocusSection: React.Dispatch<React.SetStateAction<boolean>>\n  activeApiId: string\n  setCanSelectFirstApi: React.Dispatch<React.SetStateAction<boolean>>\n}) => {\n  const { expandedSections, toggleSection, generateSectionKey } = useSectionToggle()\n  const sectionRefs = useRef<Record<string, HTMLDivElement | null>>({})\n\n  // Auto-expand first API only once\n  useEffect(() => {\n    if (canSelectFirstApi || !apis?.length || !isFirstApiExpanded) return\n\n    const firstApi = apis[0]\n    toggleSection(firstApi?.apiSpecId, [\n      { type: SectionEnum.API_SECTION, setTo: true },\n      { type: SectionEnum.OVERVIEW, setTo: true },\n    ])\n\n    setActiveItemData(firstApi)\n    setActiveType('OVERVIEW')\n    setIsFirstApiExpanded(false)\n  }, [apis, isFirstApiExpanded])\n\n  useEffect(() => {\n    const activeApi = apis?.find((api) => api.apiSpecId === activeApiId)\n    if (activeApiId && apis.length > 0 && !!activeApi) {\n      toggleSection(activeApi.apiSpecId, [\n        { type: SectionEnum.API_SECTION, setTo: true },\n        { type: SectionEnum.OVERVIEW, setTo: true },\n      ])\n\n      setActiveItemData(activeApi)\n      setActiveType('OVERVIEW')\n      setIsFirstApiExpanded(false)\n      setCanSelectFirstApi(true)\n      setCanFocusSection(true)\n    }\n  }, [activeApiId, apis])\n\n  const renderEndpoints = (endpoints: EndpointData[], api: OverviewData) =>\n    endpoints.map((endpoint, index) => {\n      const key = generateSectionKey({\n        apiId: api.apiSpecId,\n        type: SectionEnum.RESOURCE,\n        id: endpoint.id,\n      })\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              })\n              setActiveType('ENDPOINT')\n              toggleSection(api.apiSpecId, [{ type: SectionEnum.RESOURCE, id: endpoint.id }], {\n                resetOthers: true,\n                filterKeys: [SectionEnum.RESOURCE, SectionEnum.OVERVIEW],\n              })\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 = generateSectionKey({\n      apiId: api.apiSpecId,\n      type: SectionEnum.TAG_SECTION,\n      index: sectionIndex,\n    })\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={() =>\n            toggleSection(api.apiSpecId, [{ type: SectionEnum.TAG_SECTION, index: sectionIndex }])\n          }\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 = generateSectionKey({ apiId: api.apiSpecId, type: SectionEnum.API_SECTION })\n    const endpointsKey = generateSectionKey({\n      apiId: api.apiSpecId,\n      type: SectionEnum.ENDPOINTS_SECTION,\n    })\n    const overviewKey = generateSectionKey({ apiId: api.apiSpecId, type: SectionEnum.OVERVIEW })\n\n    const isApiExpanded = expandedSections[sectionKey]\n    const isEndpointActive = expandedSections[endpointsKey]\n    const isOverviewExpanded = expandedSections[overviewKey]\n    // Scroll to the section if it's expanded\n    if (canFocusSection) {\n      const sectionEl = sectionRefs.current[api.apiSpecId]\n      sectionEl?.scrollIntoView({ behavior: 'smooth', block: 'start' })\n      setCanFocusSection(false)\n    }\n\n    return (\n      <div\n        key={api.apiSpecId}\n        className=\"api-docs-api-tree__section\"\n        data-active={isEndpointActive || isOverviewExpanded}\n        ref={(el) => {\n          sectionRefs.current[api.apiSpecId] = el\n        }}\n      >\n        <div\n          className=\"api-docs-api-tree__section-header\"\n          onClick={() => toggleSection(api.apiSpecId, [{ type: SectionEnum.API_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.apiSpecId, [{ type: SectionEnum.OVERVIEW }], {\n                    resetOthers: true,\n                    filterKeys: [SectionEnum.RESOURCE],\n                  })\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={() =>\n                toggleSection(api.apiSpecId, [{ type: SectionEnum.ENDPOINTS_SECTION }])\n              }\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) =>\n                    renderSubSection(tagName, data as EndpointData[], api, i)\n                  )}\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","isFirstApiExpanded","setIsFirstApiExpanded","setActiveType","canSelectFirstApi","canFocusSection","setCanFocusSection","activeApiId","setCanSelectFirstApi","expandedSections","toggleSection","generateSectionKey","useSectionToggle","sectionRefs","useRef","useEffect","length","firstApi","apiSpecId","type","SectionEnum","API_SECTION","setTo","OVERVIEW","activeApi","find","api","renderEndpoints","endpoints","map","endpoint","index","key","apiId","RESOURCE","id","isExpanded","_jsxs","className","method","toLowerCase","onClick","Object","assign","resetOthers","filterKeys","children","_jsx","jsx","path","renderApiSection","sectionKey","endpointsKey","ENDPOINTS_SECTION","overviewKey","isApiExpanded","isEndpointActive","isOverviewExpanded","sectionEl","current","scrollIntoView","behavior","block","ref","el","SVGLoader","src","arrowDownGray","arrowRightGray","document","title","jsxs","_Fragment","Fragment","eye","entries","tags","sort","a","b","localeCompare","tagName","data","i","sectionIndex","TAG_SECTION","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 t,{useState as i,useRef as s,useEffect as a}from"react";import n from"./docsComponents/index.js";import{transformOpenApiToDocs as c}from"../helpers/docs.helper.js";import o from"../../_virtual/index3.js";var r=t.memo((({apis:t,activeApiId:o,onProductNavigate:r})=>{const[p,d]=i([]),[l,j]=i(!0),[v,m]=i({}),[u,g]=i("OVERVIEW"),[O,f]=i({}),x=s([]),[I,b]=i(!0),[A,S]=i(!1),[E,D]=i(!1),h=(e,t,i,s)=>{if(S(!1),i&&s){const i=Object.fromEntries(Object.entries(Object.assign({},O)).filter((([i])=>!!i.includes(e)&&(i===t||!s.some((e=>i.includes(e)))))));f(Object.assign(Object.assign({},i),{[t]:!O[t]}))}else f((e=>Object.assign(Object.assign({},e),{[t]:!O[t]})))};a((()=>{var e;if(0===p.length){S(!!o);const i=null===(e=structuredClone(t))||void 0===e?void 0:e.map((e=>c(e))).sort(((e,t)=>e.title.toLowerCase().localeCompare(t.title.toLowerCase())));d(i),x.current=i,i.length>0&&b(!1)}}),[t]);return a((()=>{if(o&&p.length>0){const e=p.find((e=>e.apiSpecId===o)),t=`api-${e.apiSpecId}-section`,i=`api-${e.apiSpecId}-overview`;f((e=>Object.assign(Object.assign({},e),{[t]:!0,[i]:!0}))),m(e),g("OVERVIEW"),j(!1),S(!0),D(!0)}}),[o,p]),e.jsxs(n,{children:[e.jsx(n.DocsHeader,{transformedOpenApis:p,updateFilteredData:(e,t=!1)=>{d(t?x.current:e)}}),!I&&e.jsx(n.DocsSideMenuTree,{apis:p,setActiveItemData:m,activeItemData:v,expandedSections:O,setExpandedSections:e=>f((t=>Object.assign(Object.assign({},t),e))),isFirstApiExpanded:l,activeType:u,setIsFirstApiExpanded:j,setActiveType:g,toggleSection:h,canSelectFirstApi:A,canFocusSection:E,setCanFocusSection:D}),!I&&Object.keys(v).length>0&&e.jsx(n.DocsContent,{data:v,activeType:u,setActiveItemData:m,setActiveType:g,setExpandedSections:f,toggleSection:h,onProductNavigate:r}),"ENDPOINT"===u&&e.jsx(n.DocsAside,{data:v})]})}),(function(e,t){var i,s;return o(null!==(i=e.apis)&&void 0!==i?i:[])===o(null!==(s=t.apis)&&void 0!==s?s:[])&&e.activeApiId===t.activeApiId}));export{r as default};
+import{j as e}from"../../_virtual/jsx-runtime.js";import t,{useState as i,useRef as s,useEffect as a}from"react";import o from"./docsComponents/index.js";import{transformOpenApiToDocs as r}from"../helpers/docs.helper.js";import c from"../../_virtual/index3.js";import{SectionToggleProvider as n}from"../context/SectionToggleContext.js";var p=t.memo((({apis:t,activeApiId:c,onProductNavigate:p})=>{const[d,l]=i([]),[m,v]=i(!0),[u,j]=i({}),[x,A]=i("OVERVIEW"),f=s([]),[I,C]=i(!0),[D,g]=i(!1),[h,F]=i(!1);a((()=>{var e;if(0===d.length){g(!!c);const i=null===(e=structuredClone(t))||void 0===e?void 0:e.map((e=>r(e))).sort(((e,t)=>e.title.toLowerCase().localeCompare(t.title.toLowerCase())));l(i),f.current=i,i.length>0&&C(!1)}}),[t]);return e.jsx(o,{children:e.jsxs(n,{children:[e.jsx(o.DocsHeader,{transformedOpenApis:d,updateFilteredData:(e,t=!1)=>{l(t?f.current:e)}}),!I&&e.jsx(o.DocsSideMenuTree,{apis:d,setActiveItemData:j,activeItemData:u,isFirstApiExpanded:m,activeType:x,setIsFirstApiExpanded:v,setActiveType:A,canSelectFirstApi:D,canFocusSection:h,setCanFocusSection:F,activeApiId:c,setCanSelectFirstApi:g}),!I&&Object.keys(u).length>0&&e.jsx(o.DocsContent,{data:u,activeType:x,setActiveItemData:j,setActiveType:A,onProductNavigate:p,apis:d}),"ENDPOINT"===x&&e.jsx(o.DocsAside,{data:u})]})})}),(function(e,t){var i,s;return c(null!==(i=e.apis)&&void 0!==i?i:[])===c(null!==(s=t.apis)&&void 0!==s?s:[])&&e.activeApiId===t.activeApiId}));export{p 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, 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'\nimport stableStringify from 'fast-json-stable-stringify'\n\ninterface ILayoutProps {\n  apis?: ApiSpecModel[]\n  activeApiId?: string\n  onProductNavigate?: (productId: number) => void\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\nfunction areEqual(prev: ILayoutProps, next: ILayoutProps): boolean {\n  return (\n    stableStringify(prev.apis ?? []) === stableStringify(next.apis ?? []) &&\n    prev.activeApiId === next.activeApiId\n  )\n}\n\nconst DocsLayout = ({ apis, activeApiId, onProductNavigate }: ILayoutProps): JSX.Element => {\n  const [transformedOpenApis, setTransformedOpenApis] = useState<OverviewData[]>([])\n  const [isFirstApiExpanded, setIsFirstApiExpanded] = useState(true)\n  const [activeItemData, setActiveItemData] = useState<\n    OverviewData | EndpointData | Record<string, never>\n  >({})\n  const [activeType, setActiveType] = useState<'OVERVIEW' | 'ENDPOINT'>('OVERVIEW')\n  const [expandedSections, setExpandedSections] = useState<Record<string, boolean>>({})\n  const allData = useRef([])\n  const [pending, setPending] = useState(true)\n  const [canSelectFirstApi, setCanSelectFirstApi] = useState(false)\n  const [canFocusSection, setCanFocusSection] = useState(false)\n\n  const toggleSection = (\n    apiId: string,\n    sectionId: string,\n    resetOthers?: boolean,\n    key?: string[]\n  ) => {\n    setCanSelectFirstApi(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          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]: !expandedSections[sectionId],\n      }))\n    }\n  }\n\n  useEffect(() => {\n    if (transformedOpenApis.length === 0) {\n      setCanSelectFirstApi(!!activeApiId)\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  useEffect(() => {\n    if (activeApiId && transformedOpenApis.length > 0) {\n      const activeApi = transformedOpenApis.find((api) => api.apiSpecId === activeApiId)\n      const sectionKey = `api-${activeApi.apiSpecId}-section`\n      const overviewKey = `api-${activeApi.apiSpecId}-overview`\n\n      setExpandedSections((prev) => ({\n        ...prev,\n        [sectionKey]: true,\n        [overviewKey]: true,\n      }))\n      setActiveItemData(activeApi)\n      setActiveType('OVERVIEW')\n      setIsFirstApiExpanded(false)\n      setCanSelectFirstApi(true)\n      setCanFocusSection(true)\n    }\n  }, [activeApiId, transformedOpenApis])\n\n  return (\n    <Layout>\n      <Layout.DocsHeader\n        transformedOpenApis={transformedOpenApis}\n        updateFilteredData={updateFilteredData}\n      />\n      {!pending && (\n        <Layout.DocsSideMenuTree\n          apis={transformedOpenApis}\n          setActiveItemData={setActiveItemData}\n          activeItemData={activeItemData as OverviewData | EndpointData}\n          expandedSections={expandedSections}\n          setExpandedSections={(newExpandedSections) =>\n            setExpandedSections((prev) => ({\n              ...prev,\n              ...newExpandedSections,\n            }))\n          }\n          isFirstApiExpanded={isFirstApiExpanded}\n          activeType={activeType}\n          setIsFirstApiExpanded={setIsFirstApiExpanded}\n          setActiveType={setActiveType}\n          toggleSection={toggleSection}\n          canSelectFirstApi={canSelectFirstApi}\n          canFocusSection={canFocusSection}\n          setCanFocusSection={setCanFocusSection}\n        />\n      )}\n\n      {!pending && Object.keys(activeItemData).length > 0 && (\n        <Layout.DocsContent\n          data={activeItemData as OverviewData | EndpointData}\n          activeType={activeType}\n          setActiveItemData={setActiveItemData}\n          setActiveType={setActiveType}\n          setExpandedSections={setExpandedSections}\n          toggleSection={toggleSection}\n          onProductNavigate={onProductNavigate}\n        />\n      )}\n      {activeType === 'ENDPOINT' && <Layout.DocsAside data={activeItemData as EndpointData} />}\n    </Layout>\n  )\n}\n\nexport default React.memo(DocsLayout, areEqual)\n"],"names":["docsLayout","React","memo","apis","activeApiId","onProductNavigate","transformedOpenApis","setTransformedOpenApis","useState","isFirstApiExpanded","setIsFirstApiExpanded","activeItemData","setActiveItemData","activeType","setActiveType","expandedSections","setExpandedSections","allData","useRef","pending","setPending","canSelectFirstApi","setCanSelectFirstApi","canFocusSection","setCanFocusSection","toggleSection","apiId","sectionId","resetOthers","key","filteredExpandedSections","Object","fromEntries","entries","assign","filter","expandKey","includes","some","k","prev","useEffect","length","t","_a","structuredClone","map","o3","transformOpenApiToDocs","sort","a","b","title","toLowerCase","localeCompare","current","activeApi","find","api","apiSpecId","sectionKey","overviewKey","_jsxs","jsxs","Layout","children","_jsx","DocsHeader","updateFilteredData","filteredItems","isReset","DocsSideMenuTree","newExpandedSections","keys","jsx","DocsContent","data","DocsAside","next","stableStringify","_b"],"mappings":"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"}
+{"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'\nimport stableStringify from 'fast-json-stable-stringify'\nimport { SectionToggleProvider } from '../../src/context/SectionToggleContext'\n\ninterface ILayoutProps {\n  apis?: ApiSpecModel[]\n  activeApiId?: string\n  onProductNavigate?: (productId: number) => void\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: OverviewData\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\nfunction areEqual(prev: ILayoutProps, next: ILayoutProps): boolean {\n  return (\n    stableStringify(prev.apis ?? []) === stableStringify(next.apis ?? []) &&\n    prev.activeApiId === next.activeApiId\n  )\n}\n\nconst DocsLayout = ({ apis, activeApiId, onProductNavigate }: ILayoutProps): JSX.Element => {\n  const [transformedOpenApis, setTransformedOpenApis] = useState<OverviewData[]>([])\n  const [isFirstApiExpanded, setIsFirstApiExpanded] = useState(true)\n  const [activeItemData, setActiveItemData] = useState<\n    OverviewData | EndpointData | Record<string, never>\n  >({})\n  const [activeType, setActiveType] = useState<'OVERVIEW' | 'ENDPOINT'>('OVERVIEW')\n  const allData = useRef([])\n  const [pending, setPending] = useState(true)\n  const [canSelectFirstApi, setCanSelectFirstApi] = useState(false)\n  const [canFocusSection, setCanFocusSection] = useState(false)\n\n  useEffect(() => {\n    if (transformedOpenApis.length === 0) {\n      setCanSelectFirstApi(!!activeApiId)\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: OverviewData[], isReset = false) => {\n    if (isReset) {\n      setTransformedOpenApis(allData.current)\n      return\n    }\n    setTransformedOpenApis(filteredItems)\n  }\n\n  return (\n    <Layout>\n      <SectionToggleProvider>\n        <Layout.DocsHeader\n          transformedOpenApis={transformedOpenApis}\n          updateFilteredData={updateFilteredData}\n        />\n        {!pending && (\n          <Layout.DocsSideMenuTree\n            apis={transformedOpenApis}\n            setActiveItemData={setActiveItemData}\n            activeItemData={activeItemData as OverviewData | EndpointData}\n            isFirstApiExpanded={isFirstApiExpanded}\n            activeType={activeType}\n            setIsFirstApiExpanded={setIsFirstApiExpanded}\n            setActiveType={setActiveType}\n            canSelectFirstApi={canSelectFirstApi}\n            canFocusSection={canFocusSection}\n            setCanFocusSection={setCanFocusSection}\n            activeApiId={activeApiId}\n            setCanSelectFirstApi={setCanSelectFirstApi}\n          />\n        )}\n\n        {!pending && Object.keys(activeItemData).length > 0 && (\n          <Layout.DocsContent\n            data={activeItemData as OverviewData | EndpointData}\n            activeType={activeType}\n            setActiveItemData={setActiveItemData}\n            setActiveType={setActiveType}\n            onProductNavigate={onProductNavigate}\n            apis={transformedOpenApis}\n          />\n        )}\n        {activeType === 'ENDPOINT' && <Layout.DocsAside data={activeItemData as EndpointData} />}\n      </SectionToggleProvider>\n    </Layout>\n  )\n}\n\nexport default React.memo(DocsLayout, areEqual)\n"],"names":["docsLayout","React","memo","apis","activeApiId","onProductNavigate","transformedOpenApis","setTransformedOpenApis","useState","isFirstApiExpanded","setIsFirstApiExpanded","activeItemData","setActiveItemData","activeType","setActiveType","allData","useRef","pending","setPending","canSelectFirstApi","setCanSelectFirstApi","canFocusSection","setCanFocusSection","useEffect","length","t","_a","structuredClone","map","o3","transformOpenApiToDocs","sort","a","b","title","toLowerCase","localeCompare","current","_jsx","jsx","Layout","children","_jsxs","SectionToggleProvider","DocsHeader","updateFilteredData","filteredItems","isReset","DocsSideMenuTree","Object","keys","DocsContent","data","DocsAside","prev","next","stableStringify","_b"],"mappings":"gVAuHA,IAAAA,EAAeC,EAAMC,MA1EF,EAAGC,OAAMC,cAAaC,wBACvC,MAAOC,EAAqBC,GAA0BC,EAAyB,KACxEC,EAAoBC,GAAyBF,GAAS,IACtDG,EAAgBC,GAAqBJ,EAE1C,CAAE,IACGK,EAAYC,GAAiBN,EAAkC,YAChEO,EAAUC,EAAO,KAChBC,EAASC,GAAcV,GAAS,IAChCW,EAAmBC,GAAwBZ,GAAS,IACpDa,EAAiBC,GAAsBd,GAAS,GAEvDe,GAAU,WACR,GAAmC,IAA/BjB,EAAoBkB,OAAc,CACpCJ,IAAuBhB,GACvB,MAAMqB,UAAIC,EAAAC,gBAAgBxB,yBACtByB,KAAKC,GAAOC,EAAuBD,KACpCE,MAAK,CAACC,EAAGC,IAAMD,EAAEE,MAAMC,cAAcC,cAAcH,EAAEC,MAAMC,iBAC9D5B,EAAuBkB,GACvBV,EAAQsB,QAAUZ,EACdA,EAAED,OAAS,GACbN,GAAW,EAEd,IACA,CAACf,IAUJ,OACEmC,EAAAC,IAACC,EAAM,CAAAC,SACLC,OAACC,EAAqB,CAAAF,SAAA,CACpBH,EAACC,IAAAC,EAAOI,WACN,CAAAtC,oBAAqBA,EACrBuC,mBAbmB,CAACC,EAA+BC,GAAU,KAEjExC,EADEwC,EACqBhC,EAAQsB,QAGVS,OAUjB7B,GACAqB,MAACE,EAAOQ,iBACN,CAAA7C,KAAMG,EACNM,kBAAmBA,EACnBD,eAAgBA,EAChBF,mBAAoBA,EACpBI,WAAYA,EACZH,sBAAuBA,EACvBI,cAAeA,EACfK,kBAAmBA,EACnBE,gBAAiBA,EACjBC,mBAAoBA,EACpBlB,YAAaA,EACbgB,qBAAsBA,KAIxBH,GAAWgC,OAAOC,KAAKvC,GAAgBa,OAAS,GAChDc,EAAAA,IAACE,EAAOW,YAAW,CACjBC,KAAMzC,EACNE,WAAYA,EACZD,kBAAmBA,EACnBE,cAAeA,EACfT,kBAAmBA,EACnBF,KAAMG,IAGM,aAAfO,GAA6ByB,MAACE,EAAOa,UAAU,CAAAD,KAAMzC,YA3E9D,SAAkB2C,EAAoBC,WACpC,OACEC,EAA6B,UAAbF,EAAKnD,YAAQ,IAAAuB,EAAAA,EAAA,MAAQ8B,EAAyB,QAATC,EAAAF,EAAKpD,YAAI,IAAAsD,EAAAA,EAAI,KAClEH,EAAKlD,cAAgBmD,EAAKnD,WAE9B"}

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 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};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as t,useEffect as o}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:t,resetForm:o,setSubmitting:i})=>{try{const i=d(e);x(i),o({values:e}),t(e)}catch(e){i(!1)}}}),{dirty:b,isValid:F,isSubmitting:C,values:N,setFieldValue:w,handleSubmit:H,errors:P}=A,[$,_]=t(!1),[D,I]=t(null);return o((()=>{f&&f(b)}),[b]),o((()=>{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(((t,o)=>e.jsx(e.Fragment,{children:t.methods.sort(((e,t)=>p[e.type].order-p[t.type].order)).map(((i,s)=>{var n,a,l;return e.jsx(r,{tags:N.tags,method:i,path:t.path,setFieldValue:(e,t)=>{w(`paths[${o}].methods[${s}].${e}`,t)},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[o])||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,variant:"outlined"},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 = ({\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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"}
+{"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          variant: 'outlined',\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/utils/index.js

@@ -1,2 +1,2 @@
-import{__awaiter as o}from"../../node_modules/tslib/tslib.es6.js";const t=t=>o(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(t)}catch(o){return o}}));export{t as copyToClipboard};
+import{__awaiter as o}from"../../node_modules/tslib/tslib.es6.js";const t=t=>o(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(t)}catch(o){return o}})),e=o=>o?o.charAt(0).toUpperCase()+o.slice(1).toLowerCase():"";export{e as capitalizeFirstLetter,t as copyToClipboard};
 //# sourceMappingURL=index.js.map

package/dist/src/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":["export const copyToClipboard = async (text: string) => {\n  try {\n    await navigator.clipboard.writeText(text)\n  } catch (err) {\n    return err\n  }\n}\n"],"names":["copyToClipboard","text","__awaiter","navigator","clipboard","writeText","err"],"mappings":"kEAAa,MAAAA,EAAyBC,GAAgBC,OAAA,OAAA,OAAA,GAAA,YACpD,UACQC,UAAUC,UAAUC,UAAUJ,EACrC,CAAC,MAAOK,GACP,OAAOA,CACR,CACH"}
+{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":["export const copyToClipboard = async (text: string) => {\n  try {\n    await navigator.clipboard.writeText(text)\n  } catch (err) {\n    return err\n  }\n}\n\nexport const capitalizeFirstLetter = (text: string) => {\n  if (!text) return ''\n  return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase()\n}\n"],"names":["copyToClipboard","text","__awaiter","navigator","clipboard","writeText","err","capitalizeFirstLetter","charAt","toUpperCase","slice","toLowerCase"],"mappings":"kEAAa,MAAAA,EAAyBC,GAAgBC,OAAA,OAAA,OAAA,GAAA,YACpD,UACQC,UAAUC,UAAUC,UAAUJ,EACrC,CAAC,MAAOK,GACP,OAAOA,CACR,CACH,IAEaC,EAAyBN,GAC/BA,EACEA,EAAKO,OAAO,GAAGC,cAAgBR,EAAKS,MAAM,GAAGC,cADlC"}