@digi-frontend/dgate-api-documentation 1.0.26 → 1.0.28

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

@@ -1 +1 @@
-{"version":3,"file":"MethodAccordion.js","sources":["../../../../src/components/MethodAccordion/MethodAccordion.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { Accordion, Button, SelectGroup, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport { DeleteIcon, DownArrowIcon, EditIcon, deleteOutlinedIcon } from '../../assets/icons'\r\nimport { httpStatusCodes, methodColorMapping, paramsTableHeaders } from '../../constants/index'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\nimport { TransformedMethod } from '../../types/layout.type'\r\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\r\nimport { capitalize, handleStatusColor } from '../../helpers/methodAccordion.helper'\r\nimport ParamterTable from '../table/table'\r\nimport CommonDialog from '../../components/dialog'\r\nimport JsonInput from '../../components/JsonInput/JsonInput'\r\nimport styles from './MethodAccordion.module.scss'\r\nimport { Tags } from '@entities/openApi'\r\nimport regex from '../../constants/regex'\r\n\r\nconst httpStatusCodeOptions = httpStatusCodes.map((code) => ({\r\n  label: (\r\n    <div className={styles.statusCodeOptionContainer}>\r\n      <div\r\n        className={styles.statusCodeOptionCircle}\r\n        style={{ backgroundColor: handleStatusColor(code) }}\r\n      ></div>\r\n      <span>{code}</span>\r\n    </div>\r\n  ),\r\n  value: code,\r\n}))\r\n\r\nconst MethodsAccordion = ({\r\n  method,\r\n  path,\r\n  setFieldValue,\r\n  readOnly,\r\n  tags,\r\n  isOpen,\r\n  setIsOpen,\r\n}: {\r\n  method: TransformedMethod\r\n  path: string\r\n  setFieldValue?: (key: string, value: string | string[]) => void\r\n  readOnly?: boolean\r\n  tags: Tags[]\r\n  isOpen: boolean\r\n  setIsOpen: (open: boolean) => void\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState({\r\n    request: false,\r\n    response: false,\r\n    method: false,\r\n  })\r\n  const [isFormOpen, setIsFormOpen] = useState(false)\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tableData, setTableData] = useState([])\r\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\r\n  const [selectedParamIndex, setSelectedParamIndex] = useState<number | null>(null)\r\n  const [selectedParamName, setSelectedParamName] = useState<string | null>(null)\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [selectionTags, setSelectionTags] = useState([])\r\n  const [selectedStatusCode, setSelectedStatusCode] = useState(httpStatusCodeOptions[4])\r\n  const currentResponse =\r\n    method.responses.find((res) => Number(res.code) === selectedStatusCode.value) || '{}'\r\n\r\n  const onTableChange = (key, value, index) => {\r\n    const newTableData = tableData.map((item, tIndex) => {\r\n      if (tIndex === index) {\r\n        return { ...item, [key]: value }\r\n      } else {\r\n        return item\r\n      }\r\n    })\r\n\r\n    setTableData(newTableData)\r\n  }\r\n\r\n  const generateTableData = (items) => {\r\n    return items.map((item, index) => {\r\n      return {\r\n        id: index,\r\n        paramName: item.name,\r\n        paramType: capitalize(item.in),\r\n        schemaType: capitalize(item.schema?.type) || '',\r\n        required: (\r\n          <>\r\n            {readOnly ? (\r\n              item.required ? (\r\n                'True'\r\n              ) : (\r\n                'False'\r\n              )\r\n            ) : (\r\n              <Switch\r\n                checked={item.required}\r\n                onClick={() => {\r\n                  if (readOnly) {\r\n                    return null\r\n                  }\r\n                  onTableChange('required', !item.required, index)\r\n                  setFieldValue(`parameters[${index}][required]`, !item.required)\r\n                }}\r\n              />\r\n            )}\r\n          </>\r\n        ),\r\n        description: (\r\n          <div className={styles.paramDescContainer}>\r\n            <Tooltip\r\n              key={`${index}-description`}\r\n              allowHTML\r\n              disabled={method.parameters[index].description?.length <= 12}\r\n              content={\r\n                <div style={{ padding: '0.625rem' }}>{method.parameters[index].description}</div>\r\n              }\r\n              arrowWithBorder\r\n              placement=\"bottom-end\"\r\n              type=\"function\"\r\n              delay={[0, 0]}\r\n              onShow={() => tooltipRefs[index]?.hide()}\r\n            >\r\n              <p style={{ alignSelf: 'center' }}>\r\n                {method.parameters[index].description\r\n                  ? method.parameters[index].description.substring(0, 12)\r\n                  : readOnly && '-'}\r\n                {method.parameters[index].description &&\r\n                method.parameters[index].description.length > 12\r\n                  ? '...'\r\n                  : ''}\r\n              </p>\r\n            </Tooltip>\r\n            {!readOnly && (\r\n              <Tooltip\r\n                key={`${index}-add-edit-description`}\r\n                allowHTML\r\n                arrowWithBorder\r\n                placement=\"bottom-end\"\r\n                type=\"function\"\r\n                trigger=\"click\"\r\n                delay={[0, 0]}\r\n                onCreate={(instance) =>\r\n                  setTooltipRefs((prev) => ({\r\n                    ...prev,\r\n                    [index]: instance,\r\n                  }))\r\n                }\r\n                content={\r\n                  <div className={styles.editDescTooltipContent}>\r\n                    <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                    <TextArea\r\n                      placeholder=\"Describe parameter...\"\r\n                      value={item.description}\r\n                      disabled={readOnly}\r\n                      onChange={(value) => {\r\n                        if (value === '' || regex.ASCII.test(value))\r\n                          onTableChange('description', value, index)\r\n                      }}\r\n                    />\r\n                    {!readOnly && (\r\n                      <Button\r\n                        className={styles.editDescTooltipContent_btn}\r\n                        variant=\"outlined\"\r\n                        size=\"small\"\r\n                        onClick={() => {\r\n                          setFieldValue(\r\n                            `parameters[${index}].description`,\r\n                            item.description?.trim()\r\n                          )\r\n                          tooltipRefs[index]?.hide()\r\n                        }}\r\n                        disabled={!item.description?.trim()}\r\n                      >\r\n                        Apply\r\n                      </Button>\r\n                    )}\r\n                  </div>\r\n                }\r\n              >\r\n                {readOnly || method.parameters[index].description?.length > 0 ? (\r\n                  <Button\r\n                    className={styles.editDescBtn}\r\n                    variant=\"link\"\r\n                    color=\"action\"\r\n                    endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                  ></Button>\r\n                ) : (\r\n                  <Button\r\n                    className={styles.editDescBtn}\r\n                    variant=\"link\"\r\n                    color=\"action\"\r\n                    endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                  >\r\n                    {readOnly ? 'View ' : 'Add '} Description\r\n                  </Button>\r\n                )}\r\n              </Tooltip>\r\n            )}\r\n\r\n            {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\r\n\r\n            {!readOnly && (\r\n              <Button\r\n                className={styles.deleteParamBtn}\r\n                variant=\"link\"\r\n                color=\"error\"\r\n                endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\r\n                onClick={() => handleDeleteClick(index, item.name)}\r\n              ></Button>\r\n            )}\r\n          </div>\r\n        ),\r\n      }\r\n    })\r\n  }\r\n\r\n  const confirmDeleteParameter = () => {\r\n    if (selectedParamIndex !== null) {\r\n      setTableData((prev) => prev.filter((_, i) => i !== selectedParamIndex))\r\n      setFieldValue(\r\n        `parameters`,\r\n        method?.parameters?.filter((_, i) => i !== selectedParamIndex)\r\n      )\r\n    }\r\n    setOpenDeleteDialog(false)\r\n    setSelectedParamIndex(null)\r\n  }\r\n\r\n  const handleDeleteClick = (id: number, name: string) => {\r\n    setSelectedParamIndex(id)\r\n    setSelectedParamName(name)\r\n\r\n    setOpenDeleteDialog(true)\r\n  }\r\n\r\n  const saveNewRow = (values) => {\r\n    setTableData([...tableData, values])\r\n    setFieldValue(`parameters`, [...method.parameters, values])\r\n  }\r\n\r\n  useEffect(() => {\r\n    setTableRecords(generateTableData(tableData))\r\n  }, [tableData])\r\n\r\n  useEffect(() => {\r\n    if (method?.parameters) {\r\n      setTableData(method.parameters)\r\n    }\r\n  }, [method, path])\r\n\r\n  useEffect(() => {\r\n    // prepare tags selection list\r\n    if (method?.tags.length || tags.length) {\r\n      const convertedStringArray = (method?.tags || [])?.map((item) => ({\r\n        label: capitalize(item),\r\n        value: item,\r\n      }))\r\n      const mergedArray = [\r\n        ...convertedStringArray,\r\n        ...(tags || []).map((item) => ({ label: capitalize(item.name), value: item.name })),\r\n      ]\r\n\r\n      const filteredArray = mergedArray.filter(\r\n        (value, index, self) => index === self.findIndex((t) => t.value === value.value)\r\n      )\r\n\r\n      setSelectionTags(filteredArray)\r\n    }\r\n  }, [tags, method])\r\n\r\n  return (\r\n    <div>\r\n      <Accordion\r\n        expanded={isOpen}\r\n        onChange={() => setIsOpen(!isOpen)}\r\n        className={`${styles.methodAccordion} ${readOnly ? styles.readOnly : ''}`}\r\n        summary={\r\n          <div className={styles.methodSummaryContainer}>\r\n            <div className={styles.methodSummary}>\r\n              <span\r\n                style={{\r\n                  backgroundColor: methodColorMapping?.[method?.type]?.color || '#3A6CD1',\r\n                }}\r\n                className={styles.methodLabel}\r\n              >\r\n                {methodColorMapping?.[method?.type]?.label || method?.type}\r\n              </span>\r\n              <span className={styles.methodPath}>{path}</span>\r\n            </div>\r\n            <div\r\n              className={`${styles.methodExpandArrowContainer} ${isOpen ? styles.expanded : ''}`}\r\n            >\r\n              <SVGLoader src={DownArrowIcon} width=\"2rem\" height=\"2rem\" />\r\n            </div>\r\n          </div>\r\n        }\r\n        children={\r\n          <div className={styles.methodAccordionContent}>\r\n            <SelectGroup\r\n              className={styles.methodDesc}\r\n              disabled={readOnly}\r\n              placeholder=\"Select Tags\"\r\n              label=\"Tags\"\r\n              value={method.tags?.map((t) => ({\r\n                label: capitalize(t),\r\n                value: t,\r\n              }))}\r\n              onChange={(item) => {\r\n                setFieldValue(\r\n                  'tags',\r\n                  item.map((i) => i.value)\r\n                )\r\n              }}\r\n              options={[\r\n                {\r\n                  list: selectionTags,\r\n                },\r\n              ]}\r\n              isMultiple={true}\r\n              withSearch={false}\r\n              clearable={false}\r\n            />\r\n            {!readOnly ? (\r\n              <TextArea\r\n                className={styles.methodDesc}\r\n                label=\"Description\"\r\n                placeholder=\"Describe the method's purpose and functionality...\"\r\n                value={method?.description}\r\n                onChange={(value) => {\r\n                  if (value === '' || regex.ASCII.test(value)) setFieldValue('description', value)\r\n                }}\r\n              />\r\n            ) : (\r\n              <SimpleLabelValue\r\n                key={'description'}\r\n                label={'Description: '}\r\n                value={method?.description || '-'}\r\n              />\r\n            )}\r\n            <div className={styles.paramsTable}>\r\n              <ParamterTable\r\n                id=\"paramter-table\"\r\n                data={tableRecords}\r\n                headCells={paramsTableHeaders}\r\n                isFormOpen={isFormOpen}\r\n                setIsFormOpen={setIsFormOpen}\r\n                saveNewRow={saveNewRow}\r\n                readOnly={readOnly}\r\n              />\r\n            </div>\r\n            {method?.type !== 'get' && (\r\n              <Accordion\r\n                expanded={isExpanded.request}\r\n                onChange={() => null}\r\n                className={styles.requestAccordion}\r\n                summary={\r\n                  <span className={styles.requestAccordionSummary}>\r\n                    <div\r\n                      className={styles.requestAccordionSummary_title}\r\n                      onClick={() =>\r\n                        setIsExpanded((prev) => ({\r\n                          ...prev,\r\n                          request: !prev.request,\r\n                        }))\r\n                      }\r\n                    >\r\n                      <SVGLoader\r\n                        className={isExpanded.request ? styles.expanded : ''}\r\n                        src={DownArrowIcon}\r\n                        width=\"2rem\"\r\n                        height=\"2rem\"\r\n                      />\r\n                      Request\r\n                      {method?.type !== 'delete' && <span style={{ color: 'red' }}>*</span>}\r\n                    </div>\r\n                  </span>\r\n                }\r\n                children={\r\n                  <JsonInput\r\n                    acceptType=\"JSON\"\r\n                    withFooter={!readOnly}\r\n                    className={'jsonField'}\r\n                    placeholder=\"Enter your request body as a JSON object....\"\r\n                    fieldIsDisabled={readOnly}\r\n                    value={method?.requestBody?.content?.schema?.properties || '{}'}\r\n                    onChange={(value: string) => {\r\n                      setFieldValue('requestBody.content.schema.properties', value)\r\n                    }}\r\n                    onValidation={() => null}\r\n                  />\r\n                }\r\n              />\r\n            )}\r\n            <Accordion\r\n              expanded={isExpanded.response}\r\n              onChange={() => null}\r\n              className={styles.responseAccordion}\r\n              summary={\r\n                <span className={styles.responseAccordionSummary}>\r\n                  <div\r\n                    className={styles.responseAccordionSummary_title}\r\n                    onClick={() =>\r\n                      setIsExpanded((prev) => ({\r\n                        ...prev,\r\n                        response: !prev.response,\r\n                      }))\r\n                    }\r\n                  >\r\n                    <SVGLoader\r\n                      className={isExpanded.response ? styles.expanded : ''}\r\n                      src={DownArrowIcon}\r\n                      width=\"2rem\"\r\n                      height=\"2rem\"\r\n                    />\r\n                    Response<span style={{ color: 'red' }}>*</span>\r\n                  </div>\r\n\r\n                  <SelectGroup\r\n                    withSearch={false}\r\n                    isMultiple={false}\r\n                    clearable={false}\r\n                    placeholder=\"200\"\r\n                    options={[\r\n                      {\r\n                        list: httpStatusCodeOptions,\r\n                      },\r\n                    ]}\r\n                    value={selectedStatusCode}\r\n                    onChange={(value) => {\r\n                      setSelectedStatusCode(value)\r\n                    }}\r\n                  />\r\n                </span>\r\n              }\r\n              children={\r\n                <JsonInput\r\n                  acceptType=\"JSON\"\r\n                  withFooter={!readOnly}\r\n                  className={'jsonField'}\r\n                  placeholder=\"Enter your response as a JSON object...\"\r\n                  fieldIsDisabled={readOnly}\r\n                  value={currentResponse?.content?.schema?.properties || '{}'}\r\n                  onChange={(value) => {\r\n                    const currentResIndex = method.responses.findIndex(\r\n                      (res) => res.code === currentResponse.code\r\n                    )\r\n\r\n                    if (currentResIndex !== -1) {\r\n                      setFieldValue(\r\n                        `responses[${currentResIndex}].content.schema.properties`,\r\n                        value\r\n                      )\r\n                    } else {\r\n                      const clonedResponses = structuredClone(method.responses)\r\n\r\n                      clonedResponses.push({\r\n                        code: selectedStatusCode.value.toString(),\r\n                        content: {\r\n                          contentType: 'application/json',\r\n                          schema: {\r\n                            type: 'object',\r\n                            properties: value,\r\n                          },\r\n                        },\r\n                      })\r\n\r\n                      setFieldValue('responses', clonedResponses)\r\n                    }\r\n                  }}\r\n                  onValidation={() => null}\r\n                />\r\n              }\r\n            />\r\n          </div>\r\n        }\r\n      />\r\n      <CommonDialog\r\n        status=\"error\"\r\n        content={\r\n          <p\r\n            style={{\r\n              textAlign: 'center',\r\n              fontWeight: 400,\r\n              fontSize: '1rem',\r\n              lineHeight: '1.4375rem',\r\n            }}\r\n            className=\"delete-msg-container\"\r\n          >\r\n            Are you sure you want to delete\r\n            <span className=\"plan-name\">\r\n              Parameter <strong>{selectedParamName}</strong>\r\n            </span>\r\n            ?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: confirmDeleteParameter,\r\n          text: 'Delete',\r\n          color: 'error',\r\n          fullWidth: true,\r\n        }}\r\n        onCancel={{\r\n          text: 'Cancel',\r\n          color: 'normal',\r\n          fullWidth: true,\r\n        }}\r\n        onClose={() => setOpenDeleteDialog(false)}\r\n        open={openDeleteDialog}\r\n        icon={<SVGLoader src={deleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default MethodsAccordion\r\n"],"names":["httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","className","styles","statusCodeOptionContainer","children","_jsx","statusCodeOptionCircle","style","backgroundColor","handleStatusColor","value","MethodsAccordion","method","path","setFieldValue","readOnly","tags","isOpen","setIsOpen","isExpanded","setIsExpanded","useState","request","response","isFormOpen","setIsFormOpen","tooltipRefs","setTooltipRefs","tableData","setTableData","openDeleteDialog","setOpenDeleteDialog","selectedParamIndex","setSelectedParamIndex","selectedParamName","setSelectedParamName","tableRecords","setTableRecords","selectionTags","setSelectionTags","selectedStatusCode","setSelectedStatusCode","currentResponse","responses","find","res","Number","onTableChange","key","index","newTableData","item","tIndex","Object","assign","handleDeleteClick","id","name","useEffect","paramName","paramType","capitalize","in","schemaType","_a","schema","type","required","jsx","_Fragment","Switch","checked","onClick","description","paramDescContainer","Tooltip","allowHTML","disabled","parameters","_b","length","content","padding","arrowWithBorder","placement","delay","onShow","hide","alignSelf","substring","trigger","onCreate","instance","prev","jsxs","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","onChange","regex","ASCII","test","Button","editDescTooltipContent_btn","variant","size","trim","_c","_d","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","filteredArray","filter","self","findIndex","t","Accordion","expanded","methodAccordion","summary","methodSummaryContainer","methodSummary","methodColorMapping","methodLabel","methodPath","methodExpandArrowContainer","DownArrowIcon","methodAccordionContent","SelectGroup","methodDesc","i","options","list","isMultiple","withSearch","clearable","SimpleLabelValue","paramsTable","ParamterTable","data","headCells","paramsTableHeaders","saveNewRow","values","requestAccordion","requestAccordionSummary","requestAccordionSummary_title","JsonInput","acceptType","withFooter","fieldIsDisabled","_f","_e","requestBody","properties","onValidation","responseAccordion","responseAccordionSummary","responseAccordionSummary_title","_h","_g","currentResIndex","clonedResponses","structuredClone","push","toString","contentType","CommonDialog","status","textAlign","fontWeight","fontSize","lineHeight","onSubmit","_","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"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"}
+{"version":3,"file":"MethodAccordion.js","sources":["../../../../src/components/MethodAccordion/MethodAccordion.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { Accordion, Button, SelectGroup, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport { DeleteIcon, DownArrowIcon, EditIcon, deleteOutlinedIcon } from '../../assets/icons'\r\nimport { httpStatusCodes, methodColorMapping, paramsTableHeaders } from '../../constants/index'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\nimport { TransformedMethod } from '../../types/layout.type'\r\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\r\nimport { capitalize, handleStatusColor } from '../../helpers/methodAccordion.helper'\r\nimport ParamterTable from '../table/table'\r\nimport CommonDialog from '../../components/dialog'\r\nimport JsonInput from '../../components/JsonInput/JsonInput'\r\nimport styles from './MethodAccordion.module.scss'\r\nimport { Tags } from '@entities/openApi'\r\nimport regex from '../../constants/regex'\r\n\r\nconst httpStatusCodeOptions = httpStatusCodes.map((code) => ({\r\n  label: (\r\n    <div className={styles.statusCodeOptionContainer}>\r\n      <div\r\n        className={styles.statusCodeOptionCircle}\r\n        style={{ backgroundColor: handleStatusColor(code) }}\r\n      ></div>\r\n      <span>{code}</span>\r\n    </div>\r\n  ),\r\n  value: code,\r\n}))\r\n\r\nconst MethodsAccordion = ({\r\n  method,\r\n  path,\r\n  setFieldValue,\r\n  readOnly,\r\n  tags,\r\n  isOpen,\r\n  setIsOpen,\r\n}: {\r\n  method: TransformedMethod\r\n  path: string\r\n  setFieldValue?: (key: string, value: string | string[]) => void\r\n  readOnly?: boolean\r\n  tags: Tags[]\r\n  isOpen: boolean\r\n  setIsOpen: (open: boolean) => void\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState({\r\n    request: false,\r\n    response: false,\r\n    method: false,\r\n  })\r\n  const [isFormOpen, setIsFormOpen] = useState(false)\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tableData, setTableData] = useState([])\r\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\r\n  const [selectedParamIndex, setSelectedParamIndex] = useState<number | null>(null)\r\n  const [selectedParamName, setSelectedParamName] = useState<string | null>(null)\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [selectionTags, setSelectionTags] = useState([])\r\n  const [selectedStatusCode, setSelectedStatusCode] = useState(httpStatusCodeOptions[4])\r\n  const currentResponse =\r\n    method.responses.find((res) => Number(res.code) === selectedStatusCode.value) || '{}'\r\n\r\n  const onTableChange = (key, value, index) => {\r\n    const newTableData = tableData.map((item, tIndex) => {\r\n      if (tIndex === index) {\r\n        return { ...item, [key]: value }\r\n      } else {\r\n        return item\r\n      }\r\n    })\r\n\r\n    setTableData(newTableData)\r\n  }\r\n\r\n  const generateTableData = (items) => {\r\n    return items.map((item, index) => {\r\n      return {\r\n        id: index,\r\n        paramName: item.name,\r\n        paramType: capitalize(item.in),\r\n        schemaType: capitalize(item.schema?.type) || '',\r\n        required: (\r\n          <>\r\n            {readOnly ? (\r\n              item.required ? (\r\n                'True'\r\n              ) : (\r\n                'False'\r\n              )\r\n            ) : (\r\n              <Switch\r\n                checked={item.required}\r\n                onClick={() => {\r\n                  if (readOnly) {\r\n                    return null\r\n                  }\r\n                  onTableChange('required', !item.required, index)\r\n                  setFieldValue(`parameters[${index}][required]`, !item.required)\r\n                }}\r\n              />\r\n            )}\r\n          </>\r\n        ),\r\n        description: (\r\n          <div className={styles.paramDescContainer}>\r\n            <Tooltip\r\n              key={`${index}-description`}\r\n              allowHTML\r\n              disabled={method.parameters[index].description?.length <= 12}\r\n              content={\r\n                <div style={{ padding: '0.625rem' }}>{method.parameters[index].description}</div>\r\n              }\r\n              arrowWithBorder\r\n              placement=\"bottom-end\"\r\n              type=\"function\"\r\n              delay={[0, 0]}\r\n              onShow={() => tooltipRefs[index]?.hide()}\r\n            >\r\n              <p style={{ alignSelf: 'center' }}>\r\n                {method.parameters[index].description\r\n                  ? method.parameters[index].description.substring(0, 12)\r\n                  : readOnly && '-'}\r\n                {method.parameters[index].description &&\r\n                method.parameters[index].description.length > 12\r\n                  ? '...'\r\n                  : ''}\r\n              </p>\r\n            </Tooltip>\r\n            {!readOnly && (\r\n              <Tooltip\r\n                key={`${index}-add-edit-description`}\r\n                allowHTML\r\n                arrowWithBorder\r\n                placement=\"bottom-end\"\r\n                type=\"function\"\r\n                trigger=\"click\"\r\n                delay={[0, 0]}\r\n                onCreate={(instance) =>\r\n                  setTooltipRefs((prev) => ({\r\n                    ...prev,\r\n                    [index]: instance,\r\n                  }))\r\n                }\r\n                content={\r\n                  <div className={styles.editDescTooltipContent}>\r\n                    <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                    <TextArea\r\n                      placeholder=\"Describe parameter...\"\r\n                      value={item.description}\r\n                      disabled={readOnly}\r\n                      maxLength={120}\r\n                      onChange={(value) => {\r\n                        if (value === '' || regex.ASCII.test(value))\r\n                          onTableChange('description', value, index)\r\n                      }}\r\n                    />\r\n                    {!readOnly && (\r\n                      <Button\r\n                        className={styles.editDescTooltipContent_btn}\r\n                        variant=\"outlined\"\r\n                        size=\"small\"\r\n                        onClick={() => {\r\n                          setFieldValue(\r\n                            `parameters[${index}].description`,\r\n                            item.description?.trim()\r\n                          )\r\n                          tooltipRefs[index]?.hide()\r\n                        }}\r\n                        disabled={!item.description?.trim()}\r\n                      >\r\n                        Apply\r\n                      </Button>\r\n                    )}\r\n                  </div>\r\n                }\r\n              >\r\n                {readOnly || method.parameters[index].description?.length > 0 ? (\r\n                  <Button\r\n                    className={styles.editDescBtn}\r\n                    variant=\"link\"\r\n                    color=\"action\"\r\n                    endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                  ></Button>\r\n                ) : (\r\n                  <Button\r\n                    className={styles.editDescBtn}\r\n                    variant=\"link\"\r\n                    color=\"action\"\r\n                    endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                  >\r\n                    {readOnly ? 'View ' : 'Add '} Description\r\n                  </Button>\r\n                )}\r\n              </Tooltip>\r\n            )}\r\n\r\n            {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\r\n\r\n            {!readOnly && (\r\n              <Button\r\n                className={styles.deleteParamBtn}\r\n                variant=\"link\"\r\n                color=\"error\"\r\n                endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\r\n                onClick={() => handleDeleteClick(index, item.name)}\r\n              ></Button>\r\n            )}\r\n          </div>\r\n        ),\r\n      }\r\n    })\r\n  }\r\n\r\n  const confirmDeleteParameter = () => {\r\n    if (selectedParamIndex !== null) {\r\n      setTableData((prev) => prev.filter((_, i) => i !== selectedParamIndex))\r\n      setFieldValue(\r\n        `parameters`,\r\n        method?.parameters?.filter((_, i) => i !== selectedParamIndex)\r\n      )\r\n    }\r\n    setOpenDeleteDialog(false)\r\n    setSelectedParamIndex(null)\r\n  }\r\n\r\n  const handleDeleteClick = (id: number, name: string) => {\r\n    setSelectedParamIndex(id)\r\n    setSelectedParamName(name)\r\n\r\n    setOpenDeleteDialog(true)\r\n  }\r\n\r\n  const saveNewRow = (values) => {\r\n    setTableData([...tableData, values])\r\n    setFieldValue(`parameters`, [...method.parameters, values])\r\n  }\r\n\r\n  useEffect(() => {\r\n    setTableRecords(generateTableData(tableData))\r\n  }, [tableData])\r\n\r\n  useEffect(() => {\r\n    if (method?.parameters) {\r\n      setTableData(method.parameters)\r\n    }\r\n  }, [method, path])\r\n\r\n  useEffect(() => {\r\n    // prepare tags selection list\r\n    if (method?.tags.length || tags?.length) {\r\n      const convertedStringArray = (method?.tags || [])?.map((item) => ({\r\n        label: capitalize(item),\r\n        value: item,\r\n      }))\r\n      const mergedArray = [\r\n        ...convertedStringArray,\r\n        ...(tags || []).map((item) => ({ label: capitalize(item.name), value: item.name })),\r\n      ]\r\n\r\n      const filteredArray = mergedArray.filter(\r\n        (value, index, self) => index === self.findIndex((t) => t.value === value.value)\r\n      )\r\n\r\n      setSelectionTags(filteredArray)\r\n    }\r\n  }, [tags, method])\r\n\r\n  return (\r\n    <div>\r\n      <Accordion\r\n        expanded={isOpen}\r\n        onChange={() => setIsOpen(!isOpen)}\r\n        className={`${styles.methodAccordion} ${readOnly ? styles.readOnly : ''}`}\r\n        summary={\r\n          <div className={styles.methodSummaryContainer}>\r\n            <div className={styles.methodSummary}>\r\n              <span\r\n                style={{\r\n                  backgroundColor: methodColorMapping?.[method?.type]?.color || '#3A6CD1',\r\n                }}\r\n                className={styles.methodLabel}\r\n              >\r\n                {methodColorMapping?.[method?.type]?.label || method?.type}\r\n              </span>\r\n              <span className={styles.methodPath}>{path}</span>\r\n            </div>\r\n            <div\r\n              className={`${styles.methodExpandArrowContainer} ${isOpen ? styles.expanded : ''}`}\r\n            >\r\n              <SVGLoader src={DownArrowIcon} width=\"2rem\" height=\"2rem\" />\r\n            </div>\r\n          </div>\r\n        }\r\n        children={\r\n          <div className={styles.methodAccordionContent}>\r\n            <SelectGroup\r\n              className={styles.methodDesc}\r\n              disabled={readOnly}\r\n              placeholder=\"Select Tags\"\r\n              label=\"Tags\"\r\n              value={method.tags?.map((t) => ({\r\n                label: capitalize(t),\r\n                value: t,\r\n              }))}\r\n              onChange={(item) => {\r\n                setFieldValue(\r\n                  'tags',\r\n                  item.map((i) => i.value)\r\n                )\r\n              }}\r\n              options={[\r\n                {\r\n                  list: selectionTags,\r\n                },\r\n              ]}\r\n              isMultiple={true}\r\n              withSearch={false}\r\n              clearable={false}\r\n            />\r\n            {!readOnly ? (\r\n              <TextArea\r\n                className={styles.methodDesc}\r\n                label=\"Description\"\r\n                placeholder=\"Describe the method's purpose and functionality...\"\r\n                maxLength={120}\r\n                value={method?.description}\r\n                onChange={(value) => {\r\n                  if (value === '' || regex.ASCII.test(value)) setFieldValue('description', value)\r\n                }}\r\n              />\r\n            ) : (\r\n              <SimpleLabelValue\r\n                key={'description'}\r\n                label={'Description: '}\r\n                value={method?.description || '-'}\r\n              />\r\n            )}\r\n            <div className={styles.paramsTable}>\r\n              <ParamterTable\r\n                id=\"paramter-table\"\r\n                data={tableRecords}\r\n                headCells={paramsTableHeaders}\r\n                isFormOpen={isFormOpen}\r\n                setIsFormOpen={setIsFormOpen}\r\n                saveNewRow={saveNewRow}\r\n                readOnly={readOnly}\r\n              />\r\n            </div>\r\n            {method?.type !== 'get' && (\r\n              <Accordion\r\n                expanded={isExpanded.request}\r\n                onChange={() => null}\r\n                className={styles.requestAccordion}\r\n                summary={\r\n                  <span className={styles.requestAccordionSummary}>\r\n                    <div\r\n                      className={styles.requestAccordionSummary_title}\r\n                      onClick={() =>\r\n                        setIsExpanded((prev) => ({\r\n                          ...prev,\r\n                          request: !prev.request,\r\n                        }))\r\n                      }\r\n                    >\r\n                      <SVGLoader\r\n                        className={isExpanded.request ? styles.expanded : ''}\r\n                        src={DownArrowIcon}\r\n                        width=\"2rem\"\r\n                        height=\"2rem\"\r\n                      />\r\n                      Request\r\n                      {method?.type !== 'delete' && <span style={{ color: 'red' }}>*</span>}\r\n                    </div>\r\n                  </span>\r\n                }\r\n                children={\r\n                  <JsonInput\r\n                    acceptType=\"JSON\"\r\n                    withFooter={!readOnly}\r\n                    className={'jsonField'}\r\n                    placeholder=\"Enter your request body as a JSON object....\"\r\n                    fieldIsDisabled={readOnly}\r\n                    value={method?.requestBody?.content?.schema?.properties || '{}'}\r\n                    onChange={(value: string) => {\r\n                      setFieldValue('requestBody.content.schema.properties', value)\r\n                    }}\r\n                    onValidation={() => null}\r\n                  />\r\n                }\r\n              />\r\n            )}\r\n            <Accordion\r\n              expanded={isExpanded.response}\r\n              onChange={() => null}\r\n              className={styles.responseAccordion}\r\n              summary={\r\n                <span className={styles.responseAccordionSummary}>\r\n                  <div\r\n                    className={styles.responseAccordionSummary_title}\r\n                    onClick={() =>\r\n                      setIsExpanded((prev) => ({\r\n                        ...prev,\r\n                        response: !prev.response,\r\n                      }))\r\n                    }\r\n                  >\r\n                    <SVGLoader\r\n                      className={isExpanded.response ? styles.expanded : ''}\r\n                      src={DownArrowIcon}\r\n                      width=\"2rem\"\r\n                      height=\"2rem\"\r\n                    />\r\n                    Response<span style={{ color: 'red' }}>*</span>\r\n                  </div>\r\n\r\n                  <SelectGroup\r\n                    withSearch={false}\r\n                    isMultiple={false}\r\n                    clearable={false}\r\n                    placeholder=\"200\"\r\n                    options={[\r\n                      {\r\n                        list: httpStatusCodeOptions,\r\n                      },\r\n                    ]}\r\n                    value={selectedStatusCode}\r\n                    onChange={(value) => {\r\n                      setSelectedStatusCode(value)\r\n                    }}\r\n                  />\r\n                </span>\r\n              }\r\n              children={\r\n                <JsonInput\r\n                  acceptType=\"JSON\"\r\n                  withFooter={!readOnly}\r\n                  className={'jsonField'}\r\n                  placeholder=\"Enter your response as a JSON object...\"\r\n                  fieldIsDisabled={readOnly}\r\n                  value={currentResponse?.content?.schema?.properties || '{}'}\r\n                  onChange={(value) => {\r\n                    const currentResIndex = method.responses.findIndex(\r\n                      (res) => res.code === currentResponse.code\r\n                    )\r\n\r\n                    if (currentResIndex !== -1) {\r\n                      setFieldValue(\r\n                        `responses[${currentResIndex}].content.schema.properties`,\r\n                        value\r\n                      )\r\n                    } else {\r\n                      const clonedResponses = structuredClone(method.responses)\r\n\r\n                      clonedResponses.push({\r\n                        code: selectedStatusCode.value.toString(),\r\n                        content: {\r\n                          contentType: 'application/json',\r\n                          schema: {\r\n                            type: 'object',\r\n                            properties: value,\r\n                          },\r\n                        },\r\n                      })\r\n\r\n                      setFieldValue('responses', clonedResponses)\r\n                    }\r\n                  }}\r\n                  onValidation={() => null}\r\n                />\r\n              }\r\n            />\r\n          </div>\r\n        }\r\n      />\r\n      <CommonDialog\r\n        status=\"error\"\r\n        content={\r\n          <p\r\n            style={{\r\n              textAlign: 'center',\r\n              fontWeight: 400,\r\n              fontSize: '1rem',\r\n              lineHeight: '1.4375rem',\r\n            }}\r\n            className=\"delete-msg-container\"\r\n          >\r\n            Are you sure you want to delete\r\n            <span className=\"plan-name\">\r\n              Parameter <strong>{selectedParamName}</strong>\r\n            </span>\r\n            ?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: confirmDeleteParameter,\r\n          text: 'Delete',\r\n          color: 'error',\r\n          fullWidth: true,\r\n        }}\r\n        onCancel={{\r\n          text: 'Cancel',\r\n          color: 'normal',\r\n          fullWidth: true,\r\n        }}\r\n        onClose={() => setOpenDeleteDialog(false)}\r\n        open={openDeleteDialog}\r\n        icon={<SVGLoader src={deleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default MethodsAccordion\r\n"],"names":["httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","className","styles","statusCodeOptionContainer","children","_jsx","statusCodeOptionCircle","style","backgroundColor","handleStatusColor","value","MethodsAccordion","method","path","setFieldValue","readOnly","tags","isOpen","setIsOpen","isExpanded","setIsExpanded","useState","request","response","isFormOpen","setIsFormOpen","tooltipRefs","setTooltipRefs","tableData","setTableData","openDeleteDialog","setOpenDeleteDialog","selectedParamIndex","setSelectedParamIndex","selectedParamName","setSelectedParamName","tableRecords","setTableRecords","selectionTags","setSelectionTags","selectedStatusCode","setSelectedStatusCode","currentResponse","responses","find","res","Number","onTableChange","key","index","newTableData","item","tIndex","Object","assign","handleDeleteClick","id","name","useEffect","paramName","paramType","capitalize","in","schemaType","_a","schema","type","required","jsx","_Fragment","Switch","checked","onClick","description","paramDescContainer","Tooltip","allowHTML","disabled","parameters","_b","length","content","padding","arrowWithBorder","placement","delay","onShow","hide","alignSelf","substring","trigger","onCreate","instance","prev","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","maxLength","onChange","regex","ASCII","test","Button","editDescTooltipContent_btn","variant","size","trim","_c","_d","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","jsxs","paramDescContainer_separator","deleteParamBtn","DeleteIcon","filteredArray","filter","self","findIndex","t","Accordion","expanded","methodAccordion","summary","methodSummaryContainer","methodSummary","methodColorMapping","methodLabel","methodPath","methodExpandArrowContainer","DownArrowIcon","methodAccordionContent","SelectGroup","methodDesc","i","options","list","isMultiple","withSearch","clearable","SimpleLabelValue","paramsTable","ParamterTable","data","headCells","paramsTableHeaders","saveNewRow","values","requestAccordion","requestAccordionSummary","requestAccordionSummary_title","JsonInput","acceptType","withFooter","fieldIsDisabled","_f","_e","requestBody","properties","onValidation","responseAccordion","responseAccordionSummary","responseAccordionSummary_title","_h","_g","currentResIndex","clonedResponses","structuredClone","push","toString","contentType","CommonDialog","status","textAlign","fontWeight","fontSize","lineHeight","onSubmit","_","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"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"}

package/dist/src/helpers/layout.helper.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";const t=e=>{var t,s,n,c,i;if(e.components&&e.components.securitySchemes){const o=null===(t=Object.keys(e.components.securitySchemes))||void 0===t?void 0:t.at(0);o&&(e.components.securitySchemes[o].type=null===(i=null===(c=null===(n=null===(s=null==e?void 0:e.components)||void 0===s?void 0:s.securitySchemes)||void 0===n?void 0:n[o])||void 0===c?void 0:c.type)||void 0===i?void 0:i.toUpperCase())}else e.components={securitySchemes:{Public:{type:"http",scheme:"public"}}};return Object.assign(Object.assign({},e),{paths:o(e.paths)})},s=e=>{var t,s,o,c,i;const r=Object.assign(Object.assign({},e),{paths:n(e.paths)});if(r.components&&r.components.securitySchemes){const e=null===(t=Object.keys(r.components.securitySchemes))||void 0===t?void 0:t.at(0);e&&(r.components.securitySchemes[e].type.toLowerCase()=="APIKEY".toLowerCase()&&(r.components.securitySchemes[e].in=r.components.securitySchemes[e].in.toUpperCase()),r.components.securitySchemes[e].type=null===(i=null===(c=null===(o=null===(s=null==r?void 0:r.components)||void 0===s?void 0:s.securitySchemes)||void 0===o?void 0:o[e])||void 0===c?void 0:c.type)||void 0===i?void 0:i.toUpperCase())}return r},o=e=>Object.entries(e).map((([e,t])=>({path:e,methods:Object.entries(t).map((([e,t])=>{var s,o,n,c,i,r;const p=Object.assign(Object.assign({},t),{type:e,tags:t.tags||[],responses:Object.entries(t.responses).map((([e,t])=>{var s,o,n,c,i;const r=Object.keys(t.content||{})[0];return{code:e,content:{contentType:r,schema:Object.assign(Object.assign({},null===(o=null===(s=t.content)||void 0===s?void 0:s[r])||void 0===o?void 0:o.schema),{properties:JSON.stringify(null===(i=null===(c=null===(n=t.content)||void 0===n?void 0:n[r])||void 0===c?void 0:c.schema)||void 0===i?void 0:i.properties)})}}}))});if((null==t?void 0:t.parameters)||(p.parameters=[]),"get"!=e.toLowerCase()){const e=Object.keys((null===(s=null==t?void 0:t.requestBody)||void 0===s?void 0:s.content)||{})[0],d=null===(n=null===(o=null==t?void 0:t.requestBody)||void 0===o?void 0:o.content)||void 0===n?void 0:n.schema,l=(null===(r=null===(i=null===(c=null==t?void 0:t.requestBody)||void 0===c?void 0:c.content)||void 0===i?void 0:i.schema)||void 0===r?void 0:r.properties)?{content:{contentType:e,schema:Object.assign(Object.assign({},d),{properties:(null==d?void 0:d.properties)?JSON.stringify(null==d?void 0:d.properties):"{}"})}}:{content:{contentType:"application/json",schema:{properties:"{}",type:"object"}}};p.requestBody=l}return p}))}))),n=t=>t.reduce(((t,{path:s,methods:o})=>(t[s]=o.reduce(((t,s)=>{var{type:o,tags:n,responses:c,requestBody:i}=s,r=e(s,["type","tags","responses","requestBody"]);t[o]=Object.assign(Object.assign({},r),{tags:n,responses:c.reduce(((e,{code:t,content:s})=>{var o;return e[t]={description:"Success",content:s.contentType?{[s.contentType]:{schema:Object.assign(Object.assign({},s.schema),{properties:JSON.parse(null===(o=null==s?void 0:s.schema)||void 0===o?void 0:o.properties)})}}:{}},e}),{})});const p="get"!==o?JSON.parse(i.content.schema.properties):{};return"get"!==o&&(t[o].requestBody={content:{[i.content.contentType]:{schema:Object.assign(Object.assign({},i.content.schema),{properties:p})}}}),t}),{}),t)),{});export{t as transformOpenApiObject,s as transformOpenApiObjectToOrigin,n as transformPathsArrayToOrigin,o as transformPathsToArray};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";const t=e=>{var t,s,n,c,i;if(e.components&&e.components.securitySchemes){const o=null===(t=Object.keys(e.components.securitySchemes))||void 0===t?void 0:t.at(0);o&&(e.components.securitySchemes[o].type=null===(i=null===(c=null===(n=null===(s=null==e?void 0:e.components)||void 0===s?void 0:s.securitySchemes)||void 0===n?void 0:n[o])||void 0===c?void 0:c.type)||void 0===i?void 0:i.toUpperCase())}else e.components={securitySchemes:{Public:{type:"http",scheme:"public"}}};return e.tags||(e.tags=[]),Object.assign(Object.assign({},e),{paths:o(e.paths)})},s=e=>{var t,s,o,c,i;const r=Object.assign(Object.assign({},e),{paths:n(e.paths)});if(r.components&&r.components.securitySchemes){const e=null===(t=Object.keys(r.components.securitySchemes))||void 0===t?void 0:t.at(0);e&&(r.components.securitySchemes[e].type.toLowerCase()=="APIKEY".toLowerCase()&&(r.components.securitySchemes[e].in=r.components.securitySchemes[e].in.toUpperCase()),r.components.securitySchemes[e].type=null===(i=null===(c=null===(o=null===(s=null==r?void 0:r.components)||void 0===s?void 0:s.securitySchemes)||void 0===o?void 0:o[e])||void 0===c?void 0:c.type)||void 0===i?void 0:i.toUpperCase())}return r},o=e=>Object.entries(e).map((([e,t])=>({path:e,methods:Object.entries(t).map((([e,t])=>{var s,o,n,c,i,r;const p=Object.assign(Object.assign({},t),{type:e,tags:t.tags||[],responses:Object.entries(t.responses).map((([e,t])=>{var s,o,n,c,i;const r=Object.keys(t.content||{})[0];return{code:e,content:{contentType:r,schema:Object.assign(Object.assign({},null===(o=null===(s=t.content)||void 0===s?void 0:s[r])||void 0===o?void 0:o.schema),{properties:JSON.stringify(null===(i=null===(c=null===(n=t.content)||void 0===n?void 0:n[r])||void 0===c?void 0:c.schema)||void 0===i?void 0:i.properties)})}}}))});if((null==t?void 0:t.parameters)||(p.parameters=[]),"get"!=e.toLowerCase()){const e=Object.keys((null===(s=null==t?void 0:t.requestBody)||void 0===s?void 0:s.content)||{})[0],d=null===(n=null===(o=null==t?void 0:t.requestBody)||void 0===o?void 0:o.content)||void 0===n?void 0:n.schema,l=(null===(r=null===(i=null===(c=null==t?void 0:t.requestBody)||void 0===c?void 0:c.content)||void 0===i?void 0:i.schema)||void 0===r?void 0:r.properties)?{content:{contentType:e,schema:Object.assign(Object.assign({},d),{properties:(null==d?void 0:d.properties)?JSON.stringify(null==d?void 0:d.properties):"{}"})}}:{content:{contentType:"application/json",schema:{properties:"{}",type:"object"}}};p.requestBody=l}return p}))}))),n=t=>t.reduce(((t,{path:s,methods:o})=>(t[s]=o.reduce(((t,s)=>{var{type:o,tags:n,responses:c,requestBody:i}=s,r=e(s,["type","tags","responses","requestBody"]);t[o]=Object.assign(Object.assign({},r),{tags:n,responses:c.reduce(((e,{code:t,content:s})=>{var o;return e[t]={description:"Success",content:s.contentType?{[s.contentType]:{schema:Object.assign(Object.assign({},s.schema),{properties:JSON.parse(null===(o=null==s?void 0:s.schema)||void 0===o?void 0:o.properties)})}}:{}},e}),{})});const p="get"!==o?JSON.parse(i.content.schema.properties):{};return"get"!==o&&(t[o].requestBody={content:{[i.content.contentType]:{schema:Object.assign(Object.assign({},i.content.schema),{properties:p})}}}),t}),{}),t)),{});export{t as transformOpenApiObject,s as transformOpenApiObjectToOrigin,n as transformPathsArrayToOrigin,o as transformPathsToArray};
 //# sourceMappingURL=layout.helper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.helper.js","sources":["../../../src/helpers/layout.helper.ts"],"sourcesContent":["import { TransformedPathsArray } from '@entities/layout.type'\r\nimport { OpenAPIFile, SecurityScheme } from '@entities/openApi'\r\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\r\n\r\nexport const transformOpenApiObject = (openApiJson: OpenAPIFile): TransformedOpenApi => {\r\n  if (openApiJson.components && openApiJson.components.securitySchemes) {\r\n    const authKey = Object.keys(openApiJson.components.securitySchemes)?.at(0)\r\n    if (authKey) {\r\n      openApiJson.components.securitySchemes[authKey].type =\r\n        openApiJson?.components?.securitySchemes?.[\r\n          authKey\r\n        ]?.type?.toUpperCase() as SecurityScheme['type']\r\n    }\r\n  } else {\r\n    openApiJson.components = {\r\n      securitySchemes: {\r\n        Public: {\r\n          type: 'http',\r\n          scheme: 'public',\r\n        },\r\n      },\r\n    }\r\n  }\r\n\r\n  return {\r\n    ...openApiJson,\r\n    paths: transformPathsToArray(openApiJson.paths),\r\n  } as TransformedOpenApi\r\n}\r\n\r\nexport const transformOpenApiObjectToOrigin = (values: TransformedOpenApi): OpenAPIFile => {\r\n  const object = {\r\n    ...values,\r\n    paths: transformPathsArrayToOrigin(values.paths),\r\n  }\r\n  if (object.components && object.components.securitySchemes) {\r\n    const authKey = Object.keys(object.components.securitySchemes)?.at(0)\r\n    if (authKey) {\r\n      if (object.components.securitySchemes[authKey].type.toLowerCase() == 'APIKEY'.toLowerCase()) {\r\n        object.components.securitySchemes[authKey].in = object.components.securitySchemes[\r\n          authKey\r\n        ].in.toUpperCase() as SecurityScheme['in']\r\n      }\r\n      object.components.securitySchemes[authKey].type = object?.components?.securitySchemes?.[\r\n        authKey\r\n      ]?.type?.toUpperCase() as SecurityScheme['type']\r\n    }\r\n  }\r\n  return object\r\n}\r\n\r\nexport const transformPathsToArray = (paths: OpenAPIFile['paths']): TransformedPathsArray | any => {\r\n  const transformedPaths = Object.entries(paths).map(([path, methods]) => ({\r\n    path,\r\n    methods: Object.entries(methods).map(([method, methodProps]) => {\r\n      const obj: any = {\r\n        ...methodProps,\r\n        type: method,\r\n        tags: methodProps.tags || [],\r\n        responses: Object.entries(methodProps.responses).map(([code, codeProps]) => {\r\n          const contentType = Object.keys(codeProps.content || {})[0]\r\n          return {\r\n            code,\r\n            content: {\r\n              contentType,\r\n              schema: {\r\n                ...codeProps.content?.[contentType]?.schema,\r\n                properties: JSON.stringify(codeProps.content?.[contentType]?.schema?.properties),\r\n              },\r\n            },\r\n          }\r\n        }),\r\n      }\r\n      // Add parameters if it does not exist in the original JSON\r\n      if (!methodProps?.parameters) {\r\n        obj.parameters = []\r\n      }\r\n\r\n      if (method.toLowerCase() != 'get') {\r\n        const contentType = Object.keys(methodProps?.requestBody?.content || {})[0]\r\n        const reqSchema = methodProps?.requestBody?.content?.schema\r\n        const requestBodyData = methodProps?.requestBody?.content?.schema?.properties\r\n          ? {\r\n              content: {\r\n                contentType,\r\n                schema: {\r\n                  ...reqSchema,\r\n                  properties: reqSchema?.properties ? JSON.stringify(reqSchema?.properties) : '{}',\r\n                },\r\n              },\r\n            }\r\n          : {\r\n              content: {\r\n                contentType: 'application/json',\r\n                schema: {\r\n                  properties: '{}',\r\n                  type: 'object',\r\n                },\r\n              },\r\n            }\r\n\r\n        obj['requestBody'] = requestBodyData\r\n      }\r\n\r\n      return obj\r\n    }),\r\n  }))\r\n  return transformedPaths\r\n}\r\n\r\nexport const transformPathsArrayToOrigin = (paths: TransformedPathsArray): OpenAPIFile['paths'] => {\r\n  return paths.reduce((acc, { path, methods }) => {\r\n    acc[path] = methods.reduce((methodAcc, { type, tags, responses, requestBody, ...rest }) => {\r\n      // Initialize the method object\r\n      methodAcc[type] = {\r\n        ...rest,\r\n        tags,\r\n        responses: responses.reduce((respAcc, { code, content }) => {\r\n          respAcc[code] = {\r\n            description: 'Success', // Assuming this is static from the original data\r\n            content: content.contentType\r\n              ? {\r\n                  [content.contentType]: {\r\n                    schema: {\r\n                      ...(content.schema as object),\r\n                      properties: JSON.parse((content?.schema as any)?.properties as string),\r\n                    },\r\n                  },\r\n                }\r\n              : {},\r\n          }\r\n          return respAcc\r\n        }, {} as Record<string, any>),\r\n      }\r\n\r\n      const parsedRequestBodyProps =\r\n        type !== 'get' ? JSON.parse(requestBody.content.schema.properties) : {}\r\n      // Add requestBody for non-GET methods\r\n      if (type !== 'get') {\r\n        methodAcc[type].requestBody = {\r\n          content: {\r\n            [requestBody.content.contentType]: {\r\n              schema: {\r\n                ...requestBody.content.schema,\r\n                properties: parsedRequestBodyProps,\r\n              },\r\n            },\r\n          },\r\n        }\r\n      }\r\n\r\n      return methodAcc\r\n    }, {} as Record<string, any>)\r\n\r\n    return acc\r\n  }, {} as OpenAPIFile['paths'])\r\n}\r\n"],"names":["transformOpenApiObject","openApiJson","components","securitySchemes","authKey","_a","Object","keys","at","type","_e","_d","_b","_c","toUpperCase","Public","scheme","assign","paths","transformPathsToArray","transformOpenApiObjectToOrigin","values","object","transformPathsArrayToOrigin","toLowerCase","in","entries","map","path","methods","method","methodProps","obj","tags","responses","code","codeProps","contentType","content","schema","properties","JSON","stringify","parameters","requestBody","reqSchema","requestBodyData","reduce","acc","methodAcc","rest","__rest","respAcc","description","parse","parsedRequestBodyProps"],"mappings":"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"}
+{"version":3,"file":"layout.helper.js","sources":["../../../src/helpers/layout.helper.ts"],"sourcesContent":["import { TransformedPathsArray } from '@entities/layout.type'\r\nimport { OpenAPIFile, SecurityScheme } from '@entities/openApi'\r\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\r\n\r\nexport const transformOpenApiObject = (openApiJson: OpenAPIFile): TransformedOpenApi => {\r\n  if (openApiJson.components && openApiJson.components.securitySchemes) {\r\n    const authKey = Object.keys(openApiJson.components.securitySchemes)?.at(0)\r\n    if (authKey) {\r\n      openApiJson.components.securitySchemes[authKey].type =\r\n        openApiJson?.components?.securitySchemes?.[\r\n          authKey\r\n        ]?.type?.toUpperCase() as SecurityScheme['type']\r\n    }\r\n  } else {\r\n    openApiJson.components = {\r\n      securitySchemes: {\r\n        Public: {\r\n          type: 'http',\r\n          scheme: 'public',\r\n        },\r\n      },\r\n    }\r\n  }\r\n\r\n  if (!openApiJson.tags) {\r\n    openApiJson.tags = []\r\n  }\r\n\r\n  return {\r\n    ...openApiJson,\r\n    paths: transformPathsToArray(openApiJson.paths),\r\n  } as TransformedOpenApi\r\n}\r\n\r\nexport const transformOpenApiObjectToOrigin = (values: TransformedOpenApi): OpenAPIFile => {\r\n  const object = {\r\n    ...values,\r\n    paths: transformPathsArrayToOrigin(values.paths),\r\n  }\r\n  if (object.components && object.components.securitySchemes) {\r\n    const authKey = Object.keys(object.components.securitySchemes)?.at(0)\r\n    if (authKey) {\r\n      if (object.components.securitySchemes[authKey].type.toLowerCase() == 'APIKEY'.toLowerCase()) {\r\n        object.components.securitySchemes[authKey].in = object.components.securitySchemes[\r\n          authKey\r\n        ].in.toUpperCase() as SecurityScheme['in']\r\n      }\r\n      object.components.securitySchemes[authKey].type = object?.components?.securitySchemes?.[\r\n        authKey\r\n      ]?.type?.toUpperCase() as SecurityScheme['type']\r\n    }\r\n  }\r\n  return object\r\n}\r\n\r\nexport const transformPathsToArray = (paths: OpenAPIFile['paths']): TransformedPathsArray | any => {\r\n  const transformedPaths = Object.entries(paths).map(([path, methods]) => ({\r\n    path,\r\n    methods: Object.entries(methods).map(([method, methodProps]) => {\r\n      const obj: any = {\r\n        ...methodProps,\r\n        type: method,\r\n        tags: methodProps.tags || [],\r\n        responses: Object.entries(methodProps.responses).map(([code, codeProps]) => {\r\n          const contentType = Object.keys(codeProps.content || {})[0]\r\n          return {\r\n            code,\r\n            content: {\r\n              contentType,\r\n              schema: {\r\n                ...codeProps.content?.[contentType]?.schema,\r\n                properties: JSON.stringify(codeProps.content?.[contentType]?.schema?.properties),\r\n              },\r\n            },\r\n          }\r\n        }),\r\n      }\r\n      // Add parameters if it does not exist in the original JSON\r\n      if (!methodProps?.parameters) {\r\n        obj.parameters = []\r\n      }\r\n\r\n      if (method.toLowerCase() != 'get') {\r\n        const contentType = Object.keys(methodProps?.requestBody?.content || {})[0]\r\n        const reqSchema = methodProps?.requestBody?.content?.schema\r\n        const requestBodyData = methodProps?.requestBody?.content?.schema?.properties\r\n          ? {\r\n              content: {\r\n                contentType,\r\n                schema: {\r\n                  ...reqSchema,\r\n                  properties: reqSchema?.properties ? JSON.stringify(reqSchema?.properties) : '{}',\r\n                },\r\n              },\r\n            }\r\n          : {\r\n              content: {\r\n                contentType: 'application/json',\r\n                schema: {\r\n                  properties: '{}',\r\n                  type: 'object',\r\n                },\r\n              },\r\n            }\r\n\r\n        obj['requestBody'] = requestBodyData\r\n      }\r\n\r\n      return obj\r\n    }),\r\n  }))\r\n\r\n  return transformedPaths\r\n}\r\n\r\nexport const transformPathsArrayToOrigin = (paths: TransformedPathsArray): OpenAPIFile['paths'] => {\r\n  return paths.reduce((acc, { path, methods }) => {\r\n    acc[path] = methods.reduce((methodAcc, { type, tags, responses, requestBody, ...rest }) => {\r\n      // Initialize the method object\r\n      methodAcc[type] = {\r\n        ...rest,\r\n        tags,\r\n        responses: responses.reduce((respAcc, { code, content }) => {\r\n          respAcc[code] = {\r\n            description: 'Success', // Assuming this is static from the original data\r\n            content: content.contentType\r\n              ? {\r\n                  [content.contentType]: {\r\n                    schema: {\r\n                      ...(content.schema as object),\r\n                      properties: JSON.parse((content?.schema as any)?.properties as string),\r\n                    },\r\n                  },\r\n                }\r\n              : {},\r\n          }\r\n          return respAcc\r\n        }, {} as Record<string, any>),\r\n      }\r\n\r\n      const parsedRequestBodyProps =\r\n        type !== 'get' ? JSON.parse(requestBody.content.schema.properties) : {}\r\n      // Add requestBody for non-GET methods\r\n      if (type !== 'get') {\r\n        methodAcc[type].requestBody = {\r\n          content: {\r\n            [requestBody.content.contentType]: {\r\n              schema: {\r\n                ...requestBody.content.schema,\r\n                properties: parsedRequestBodyProps,\r\n              },\r\n            },\r\n          },\r\n        }\r\n      }\r\n\r\n      return methodAcc\r\n    }, {} as Record<string, any>)\r\n\r\n    return acc\r\n  }, {} as OpenAPIFile['paths'])\r\n}\r\n"],"names":["transformOpenApiObject","openApiJson","components","securitySchemes","authKey","_a","Object","keys","at","type","_e","_d","_b","_c","toUpperCase","Public","scheme","tags","assign","paths","transformPathsToArray","transformOpenApiObjectToOrigin","values","object","transformPathsArrayToOrigin","toLowerCase","in","entries","map","path","methods","method","methodProps","obj","responses","code","codeProps","contentType","content","schema","properties","JSON","stringify","parameters","requestBody","reqSchema","requestBodyData","reduce","acc","methodAcc","rest","__rest","respAcc","description","parse","parsedRequestBodyProps"],"mappings":"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"}

package/dist/src/layout/layout.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as t,useEffect as o}from"react";import{d as s}from"../../_virtual/index.js";import i from"../components/MethodAccordion/MethodAccordion.js";import r 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 p}from"../validator/form.scheme.js";import{methodColorMapping as h}from"../constants/index.js";import j from"../components/dialog/index.js";const v=({openApiJson:v,handleSave:x,setIsFormDirty:f})=>{const y=structuredClone(v),S=l(y),g=c({initialValues:structuredClone(S),validationSchema:p,validateOnMount:!0,onSubmit:(e,{validateForm:t,resetForm:o})=>{const s=d(e);x(s),o({values:e}),t(e)}}),[b,F]=t(!1),[N,w]=t(null);return o((()=>{f&&f(g.dirty)}),[g.dirty]),e.jsxs("div",{className:r.docsLayout,children:[g.dirty&&e.jsx(s.Alert,{className:r.apiDocAlert,color:"warning",severity:"warning",children:"There are changes you made may not be saved"}),e.jsxs("div",{className:r.layoutContainer,children:[e.jsxs("div",{className:`${r.editorSide} ${r.docSide}`,children:[e.jsx(a,{className:r.editorSectionHead,text:e.jsxs("div",{className:r.editorSectionHead_content,children:["API Information",e.jsx(s.Button,{className:r.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:()=>F(!0),disabled:!g.isValid||g.isSubmitting,children:"Save"})]})}),e.jsx(u,{value:g,children:e.jsx(n,{})}),e.jsx(a,{className:r.editorSectionHead,text:"Endpoints"}),e.jsx(u,{value:g,children:g.values.paths.map(((t,o)=>e.jsx(e.Fragment,{children:t.methods.sort(((e,t)=>h[e.type].order-h[t.type].order)).map(((s,r)=>e.jsx(i,{tags:g.values.tags,method:s,path:t.path,setFieldValue:(e,t)=>{const s=`paths[${o}].methods[${r}].${e}`;g.setFieldValue(s,t)},isOpen:N===r,setIsOpen:e=>w(e?r:null)})))})))})]}),e.jsx("div",{className:`${r.livePreviewSide} ${r.docSide}`,children:S&&e.jsx(u,{value:g,children:e.jsx(m,{transformedData:S})})})]}),e.jsx(j,{status:"warning",content:e.jsx("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},children:"Are you sure you want to Publish your changes?"}),onSubmit:{onClick:()=>{g.handleSubmit(),F(!1)},text:"Publish",color:"warning",fullWidth:!0},onCancel:{text:"Cancel",color:"normal",fullWidth:!0},onClose:()=>F(!1),open:b})]})};export{v as default};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as o,useEffect as t}from"react";import{d as s}from"../../_virtual/index.js";import i from"../components/MethodAccordion/MethodAccordion.js";import r 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 m}from"../helpers/layout.helper.js";import d from"../components/LivePreview/LivePreview.js";import{useFormik as c,FormikProvider as u}from"../../node_modules/formik/dist/formik.esm.js";import{schemaValidation as p}from"../validator/form.scheme.js";import{methodColorMapping as h}from"../constants/index.js";import j from"../components/dialog/index.js";const x=({openApiJson:x,handleSave:v,setIsFormDirty:f})=>{const y=structuredClone(x),S=l(y),g=c({initialValues:structuredClone(S),validationSchema:p,validateOnMount:!0,onSubmit:(e,{validateForm:o,resetForm:t})=>{const s=m(e);v(s),t({values:e}),o(e)}}),{dirty:b,isValid:F,isSubmitting:N,values:w,setFieldValue:A,handleSubmit:C}=g,[$,H]=o(!1),[I,P]=o(null);return t((()=>{f&&f(b)}),[b]),e.jsxs("div",{className:r.docsLayout,children:[b&&e.jsx(s.Alert,{className:r.apiDocAlert,color:"warning",severity:"warning",children:"There are changes you made may not be saved"}),e.jsxs("div",{className:r.layoutContainer,children:[e.jsxs("div",{className:`${r.editorSide} ${r.docSide}`,children:[e.jsx(a,{className:r.editorSectionHead,text:e.jsxs("div",{className:r.editorSectionHead_content,children:["API Information",e.jsx(s.Button,{className:r.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:()=>H(!0),disabled:!F||N||!b,children:"Save"})]})}),e.jsx(u,{value:g,children:e.jsx(n,{})}),e.jsx(a,{className:r.editorSectionHead,text:"Endpoints"}),e.jsx(u,{value:g,children:w.paths.map(((o,t)=>e.jsx(e.Fragment,{children:o.methods.sort(((e,o)=>h[e.type].order-h[o.type].order)).map(((s,r)=>e.jsx(i,{tags:w.tags,method:s,path:o.path,setFieldValue:(e,o)=>{A(`paths[${t}].methods[${r}].${e}`,o)},isOpen:I===r,setIsOpen:e=>P(e?r:null)})))})))})]}),e.jsx("div",{className:`${r.livePreviewSide} ${r.docSide}`,children:S&&e.jsx(u,{value:g,children:e.jsx(d,{transformedData:S})})})]}),e.jsx(j,{status:"warning",content:e.jsx("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},children:"Are you sure you want to Publish your changes?"}),onSubmit:{onClick:()=>{C(),H(!1)},text:"Publish",color:"warning",fullWidth:!0},onCancel:{text:"Cancel",color:"normal",fullWidth:!0},onClose:()=>H(!1),open:$})]})};export{x 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'\r\nimport { Alert, Button } from 'digitinary-ui'\r\nimport MethodsAccordion from '../components/MethodAccordion/MethodAccordion'\r\nimport styles from './layout.module.css'\r\nimport InfoForm from '../components/InfoForm/InfoForm'\r\nimport SectionHead from '../components/SectionHead/SectionHead'\r\nimport { transformOpenApiObject, transformOpenApiObjectToOrigin } from '../helpers/layout.helper'\r\nimport { OpenAPIFile } from '../types/openApi'\r\nimport LivePreview from '../components/LivePreview/LivePreview'\r\nimport { FormikProvider, useFormik } from 'formik'\r\nimport { schemaValidation } from '../validator/form.scheme'\r\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\r\nimport { methodColorMapping } from '../constants/index'\r\nimport CommonDialog from '../components/dialog'\r\n\r\ninterface ILayoutProps {\r\n  openApiJson?: OpenAPIFile\r\n  handleSave?: (values: unknown) => unknown\r\n  setIsFormDirty?: any\r\n}\r\n\r\nconst Layout = ({ openApiJson, handleSave, setIsFormDirty }: ILayoutProps): JSX.Element => {\r\n  const clonedOpenApiJson = structuredClone(openApiJson)\r\n  const transformedOpenApi = transformOpenApiObject(clonedOpenApiJson)\r\n  const formik = useFormik<TransformedOpenApi>({\r\n    initialValues: structuredClone(transformedOpenApi),\r\n    validationSchema: schemaValidation,\r\n    validateOnMount: true,\r\n    onSubmit: (values, { validateForm, resetForm }) => {\r\n      // Handle save logic\r\n      const originalOpenApiForm = transformOpenApiObjectToOrigin(values)\r\n      handleSave(originalOpenApiForm)\r\n      resetForm({\r\n        values: values, // You can reset it to the same values if you want\r\n      })\r\n\r\n      validateForm(values)\r\n    },\r\n  })\r\n  const [isPublishDialogOpen, setIsPublishDialogOpen] = useState(false)\r\n  const [openMethodIndex, setOpenMethodIndex] = useState<number | null>(null)\r\n\r\n  useEffect(() => {\r\n    if (setIsFormDirty) {\r\n      setIsFormDirty(formik.dirty)\r\n    }\r\n  }, [formik.dirty])\r\n\r\n  return (\r\n    <div className={styles.docsLayout}>\r\n      {formik.dirty && (\r\n        <Alert className={styles.apiDocAlert} color=\"warning\" severity=\"warning\">\r\n          There are changes you made may not be saved\r\n        </Alert>\r\n      )}\r\n      <div className={styles.layoutContainer}>\r\n        <div className={`${styles.editorSide} ${styles.docSide}`}>\r\n          <SectionHead\r\n            className={styles.editorSectionHead}\r\n            text={\r\n              <div className={styles.editorSectionHead_content}>\r\n                API Information\r\n                <Button\r\n                  className={styles.methodForm_submitBtn}\r\n                  size=\"medium\"\r\n                  fullWidth={false}\r\n                  type=\"submit\"\r\n                  variant=\"contained\"\r\n                  color=\"primary\"\r\n                  onClick={() => setIsPublishDialogOpen(true)}\r\n                  disabled={!formik.isValid || formik.isSubmitting}\r\n                >\r\n                  Save\r\n                </Button>\r\n              </div>\r\n            }\r\n          />\r\n          <FormikProvider value={formik}>\r\n            <InfoForm />\r\n          </FormikProvider>\r\n          <SectionHead className={styles.editorSectionHead} text=\"Endpoints\" />\r\n          <FormikProvider value={formik}>\r\n            {formik.values.paths.map((path, pathIndex) => (\r\n              <>\r\n                {path.methods\r\n                  .sort(\r\n                    (a, b) => methodColorMapping[a.type].order - methodColorMapping[b.type].order\r\n                  )\r\n                  .map((method, methodIndex) => (\r\n                    <MethodsAccordion\r\n                      tags={formik.values.tags}\r\n                      method={method}\r\n                      path={path.path}\r\n                      setFieldValue={(key, value) => {\r\n                        const h = `paths[${pathIndex}].methods[${methodIndex}].${key}`\r\n                        formik.setFieldValue(h, value)\r\n                      }}\r\n                      isOpen={openMethodIndex === methodIndex}\r\n                      setIsOpen={(open) => setOpenMethodIndex(open ? methodIndex : null)}\r\n                    />\r\n                  ))}\r\n              </>\r\n            ))}\r\n          </FormikProvider>\r\n        </div>\r\n        <div className={`${styles.livePreviewSide} ${styles.docSide}`}>\r\n          {transformedOpenApi && (\r\n            <FormikProvider value={formik}>\r\n              <LivePreview transformedData={transformedOpenApi} />\r\n            </FormikProvider>\r\n          )}\r\n        </div>\r\n      </div>\r\n      <CommonDialog\r\n        status=\"warning\"\r\n        content={\r\n          <p\r\n            style={{\r\n              textAlign: 'center',\r\n              fontWeight: 400,\r\n              fontSize: '1rem',\r\n              lineHeight: '1.4375rem',\r\n            }}\r\n          >\r\n            Are you sure you want to Publish your changes?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: () => {\r\n            formik.handleSubmit()\r\n            setIsPublishDialogOpen(false)\r\n          },\r\n          text: 'Publish',\r\n          color: 'warning',\r\n          fullWidth: true,\r\n        }}\r\n        onCancel={{\r\n          text: 'Cancel',\r\n          color: 'normal',\r\n          fullWidth: true,\r\n        }}\r\n        onClose={() => setIsPublishDialogOpen(false)}\r\n        open={isPublishDialogOpen}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["Layout","openApiJson","handleSave","setIsFormDirty","clonedOpenApiJson","structuredClone","transformedOpenApi","transformOpenApiObject","formik","useFormik","initialValues","validationSchema","schemaValidation","validateOnMount","onSubmit","values","validateForm","resetForm","originalOpenApiForm","transformOpenApiObjectToOrigin","isPublishDialogOpen","setIsPublishDialogOpen","useState","openMethodIndex","setOpenMethodIndex","useEffect","dirty","_jsxs","jsxs","className","styles","docsLayout","children","_jsx","Alert","apiDocAlert","color","severity","layoutContainer","editorSide","docSide","SectionHead","editorSectionHead","text","editorSectionHead_content","Button","methodForm_submitBtn","size","fullWidth","type","variant","onClick","disabled","isValid","isSubmitting","FormikProvider","value","jsx","InfoForm","paths","map","path","pathIndex","_Fragment","methods","sort","a","b","methodColorMapping","order","method","methodIndex","MethodsAccordion","tags","setFieldValue","key","h","isOpen","setIsOpen","open","livePreviewSide","LivePreview","transformedData","CommonDialog","status","content","style","textAlign","fontWeight","fontSize","lineHeight","handleSubmit","onCancel","onClose"],"mappings":"mwBAqBM,MAAAA,EAAS,EAAGC,cAAaC,aAAYC,qBACzC,MAAMC,EAAoBC,gBAAgBJ,GACpCK,EAAqBC,EAAuBH,GAC5CI,EAASC,EAA8B,CAC3CC,cAAeL,gBAAgBC,GAC/BK,iBAAkBC,EAClBC,iBAAiB,EACjBC,SAAU,CAACC,GAAUC,eAAcC,gBAEjC,MAAMC,EAAsBC,EAA+BJ,GAC3Db,EAAWgB,GACXD,EAAU,CACRF,OAAQA,IAGVC,EAAaD,EAAO,KAGjBK,EAAqBC,GAA0BC,GAAS,IACxDC,EAAiBC,GAAsBF,EAAwB,MAQtE,OANAG,GAAU,KACJtB,GACFA,EAAeK,EAAOkB,MACvB,GACA,CAAClB,EAAOkB,QAGTC,EAAKC,KAAA,MAAA,CAAAC,UAAWC,EAAOC,WACpBC,SAAA,CAAAxB,EAAOkB,OACNO,EAAAA,IAACC,EAAAA,MAAM,CAAAL,UAAWC,EAAOK,YAAaC,MAAM,UAAUC,SAAS,UAEvDL,SAAA,gDAEVL,EAAAC,KAAA,MAAA,CAAKC,UAAWC,EAAOQ,gBAAeN,SAAA,CACpCL,cAAKE,UAAW,GAAGC,EAAOS,cAAcT,EAAOU,UAC7CR,SAAA,CAAAC,EAAAA,IAACQ,EAAW,CACVZ,UAAWC,EAAOY,kBAClBC,KACEhB,EAAAA,KAAA,MAAA,CAAKE,UAAWC,EAAOc,sDAErBX,EAAAA,IAACY,EAAAA,QACChB,UAAWC,EAAOgB,qBAClBC,KAAK,SACLC,WAAW,EACXC,KAAK,SACLC,QAAQ,YACRd,MAAM,UACNe,QAAS,IAAM9B,GAAuB,GACtC+B,UAAW5C,EAAO6C,SAAW7C,EAAO8C,aAAYtB,SAAA,cAOxDC,MAACsB,EAAc,CAACC,MAAOhD,WACrByB,EAACwB,IAAAC,EAAW,CAAA,KAEdzB,EAAAA,IAACQ,GAAYZ,UAAWC,EAAOY,kBAAmBC,KAAK,cACvDV,EAACwB,IAAAF,GAAeC,MAAOhD,EAAMwB,SAC1BxB,EAAOO,OAAO4C,MAAMC,KAAI,CAACC,EAAMC,IAC9B7B,EAAAA,IACG8B,EAAAA,SAAA,CAAA/B,SAAA6B,EAAKG,QACHC,MACC,CAACC,EAAGC,IAAMC,EAAmBF,EAAEjB,MAAMoB,MAAQD,EAAmBD,EAAElB,MAAMoB,QAEzET,KAAI,CAACU,EAAQC,IACZtC,EAAAA,IAACuC,EACC,CAAAC,KAAMjE,EAAOO,OAAO0D,KACpBH,OAAQA,EACRT,KAAMA,EAAKA,KACXa,cAAe,CAACC,EAAKnB,KACnB,MAAMoB,EAAI,SAASd,cAAsBS,MAAgBI,IACzDnE,EAAOkE,cAAcE,EAAGpB,EAAM,EAEhCqB,OAAQtD,IAAoBgD,EAC5BO,UAAYC,GAASvD,EAAmBuD,EAAOR,EAAc,mBAO3EtC,EAAAA,IAAK,MAAA,CAAAJ,UAAW,GAAGC,EAAOkD,mBAAmBlD,EAAOU,mBACjDlC,GACC2B,MAACsB,EAAe,CAAAC,MAAOhD,EAAMwB,SAC3BC,EAAAA,IAACgD,EAAW,CAACC,gBAAiB5E,WAKtC2B,EAAAA,IAACkD,EACC,CAAAC,OAAO,UACPC,QACEpD,EAAAA,IAAA,IAAA,CACEqD,MAAO,CACLC,UAAW,SACXC,WAAY,IACZC,SAAU,OACVC,WAAY,aAIZ1D,SAAA,mDAENlB,SAAU,CACRqC,QAAS,KACP3C,EAAOmF,eACPtE,GAAuB,EAAM,EAE/BsB,KAAM,UACNP,MAAO,UACPY,WAAW,GAEb4C,SAAU,CACRjD,KAAM,SACNP,MAAO,SACPY,WAAW,GAEb6C,QAAS,IAAMxE,GAAuB,GACtC0D,KAAM3D,MAGX"}
+{"version":3,"file":"layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import { JSX, useEffect, useState } from 'react'\r\nimport { Alert, Button } from 'digitinary-ui'\r\nimport MethodsAccordion from '../components/MethodAccordion/MethodAccordion'\r\nimport styles from './layout.module.css'\r\nimport InfoForm from '../components/InfoForm/InfoForm'\r\nimport SectionHead from '../components/SectionHead/SectionHead'\r\nimport { transformOpenApiObject, transformOpenApiObjectToOrigin } from '../helpers/layout.helper'\r\nimport { OpenAPIFile } from '../types/openApi'\r\nimport LivePreview from '../components/LivePreview/LivePreview'\r\nimport { FormikProvider, useFormik } from 'formik'\r\nimport { schemaValidation } from '../validator/form.scheme'\r\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\r\nimport { methodColorMapping } from '../constants/index'\r\nimport CommonDialog from '../components/dialog'\r\n\r\ninterface ILayoutProps {\r\n  openApiJson?: OpenAPIFile\r\n  handleSave?: (values: unknown) => unknown\r\n  setIsFormDirty?: any\r\n}\r\n\r\nconst Layout = ({ openApiJson, handleSave, setIsFormDirty }: ILayoutProps): JSX.Element => {\r\n  const clonedOpenApiJson = structuredClone(openApiJson)\r\n  const transformedOpenApi = transformOpenApiObject(clonedOpenApiJson)\r\n  const formik = useFormik<TransformedOpenApi>({\r\n    initialValues: structuredClone(transformedOpenApi),\r\n    validationSchema: schemaValidation,\r\n    validateOnMount: true,\r\n    onSubmit: (values, { validateForm, resetForm }) => {\r\n      // Handle save logic\r\n      const originalOpenApiForm = transformOpenApiObjectToOrigin(values)\r\n      handleSave(originalOpenApiForm)\r\n      resetForm({\r\n        values: values, // You can reset it to the same values if you want\r\n      })\r\n\r\n      validateForm(values)\r\n    },\r\n  })\r\n  const { dirty, isValid, isSubmitting, values, setFieldValue, handleSubmit } = formik\r\n  const [isPublishDialogOpen, setIsPublishDialogOpen] = useState(false)\r\n  const [openMethodIndex, setOpenMethodIndex] = useState<number | null>(null)\r\n\r\n  useEffect(() => {\r\n    if (setIsFormDirty) {\r\n      setIsFormDirty(dirty)\r\n    }\r\n  }, [dirty])\r\n\r\n  return (\r\n    <div className={styles.docsLayout}>\r\n      {dirty && (\r\n        <Alert className={styles.apiDocAlert} color=\"warning\" severity=\"warning\">\r\n          There are changes you made may not be saved\r\n        </Alert>\r\n      )}\r\n      <div className={styles.layoutContainer}>\r\n        <div className={`${styles.editorSide} ${styles.docSide}`}>\r\n          <SectionHead\r\n            className={styles.editorSectionHead}\r\n            text={\r\n              <div className={styles.editorSectionHead_content}>\r\n                API Information\r\n                <Button\r\n                  className={styles.methodForm_submitBtn}\r\n                  size=\"medium\"\r\n                  fullWidth={false}\r\n                  type=\"submit\"\r\n                  variant=\"contained\"\r\n                  color=\"primary\"\r\n                  onClick={() => setIsPublishDialogOpen(true)}\r\n                  disabled={!isValid || isSubmitting || !dirty}\r\n                >\r\n                  Save\r\n                </Button>\r\n              </div>\r\n            }\r\n          />\r\n          <FormikProvider value={formik}>\r\n            <InfoForm />\r\n          </FormikProvider>\r\n          <SectionHead className={styles.editorSectionHead} text=\"Endpoints\" />\r\n          <FormikProvider value={formik}>\r\n            {values.paths.map((path, pathIndex) => (\r\n              <>\r\n                {path.methods\r\n                  .sort(\r\n                    (a, b) => methodColorMapping[a.type].order - methodColorMapping[b.type].order\r\n                  )\r\n                  .map((method, methodIndex) => (\r\n                    <MethodsAccordion\r\n                      tags={values.tags}\r\n                      method={method}\r\n                      path={path.path}\r\n                      setFieldValue={(key, value) => {\r\n                        const h = `paths[${pathIndex}].methods[${methodIndex}].${key}`\r\n                        setFieldValue(h, value)\r\n                      }}\r\n                      isOpen={openMethodIndex === methodIndex}\r\n                      setIsOpen={(open) => setOpenMethodIndex(open ? methodIndex : null)}\r\n                    />\r\n                  ))}\r\n              </>\r\n            ))}\r\n          </FormikProvider>\r\n        </div>\r\n        <div className={`${styles.livePreviewSide} ${styles.docSide}`}>\r\n          {transformedOpenApi && (\r\n            <FormikProvider value={formik}>\r\n              <LivePreview transformedData={transformedOpenApi} />\r\n            </FormikProvider>\r\n          )}\r\n        </div>\r\n      </div>\r\n      <CommonDialog\r\n        status=\"warning\"\r\n        content={\r\n          <p\r\n            style={{\r\n              textAlign: 'center',\r\n              fontWeight: 400,\r\n              fontSize: '1rem',\r\n              lineHeight: '1.4375rem',\r\n            }}\r\n          >\r\n            Are you sure you want to Publish your changes?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: () => {\r\n            handleSubmit()\r\n            setIsPublishDialogOpen(false)\r\n          },\r\n          text: 'Publish',\r\n          color: 'warning',\r\n          fullWidth: true,\r\n        }}\r\n        onCancel={{\r\n          text: 'Cancel',\r\n          color: 'normal',\r\n          fullWidth: true,\r\n        }}\r\n        onClose={() => setIsPublishDialogOpen(false)}\r\n        open={isPublishDialogOpen}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["Layout","openApiJson","handleSave","setIsFormDirty","clonedOpenApiJson","structuredClone","transformedOpenApi","transformOpenApiObject","formik","useFormik","initialValues","validationSchema","schemaValidation","validateOnMount","onSubmit","values","validateForm","resetForm","originalOpenApiForm","transformOpenApiObjectToOrigin","dirty","isValid","isSubmitting","setFieldValue","handleSubmit","isPublishDialogOpen","setIsPublishDialogOpen","useState","openMethodIndex","setOpenMethodIndex","useEffect","_jsxs","jsxs","className","styles","docsLayout","children","_jsx","Alert","apiDocAlert","color","severity","layoutContainer","editorSide","docSide","SectionHead","editorSectionHead","text","editorSectionHead_content","Button","methodForm_submitBtn","size","fullWidth","type","variant","onClick","disabled","FormikProvider","value","InfoForm","jsx","paths","map","path","pathIndex","_Fragment","methods","sort","a","b","methodColorMapping","order","method","methodIndex","MethodsAccordion","tags","key","isOpen","setIsOpen","open","livePreviewSide","LivePreview","transformedData","CommonDialog","status","content","style","textAlign","fontWeight","fontSize","lineHeight","onCancel","onClose"],"mappings":"mwBAqBM,MAAAA,EAAS,EAAGC,cAAaC,aAAYC,qBACzC,MAAMC,EAAoBC,gBAAgBJ,GACpCK,EAAqBC,EAAuBH,GAC5CI,EAASC,EAA8B,CAC3CC,cAAeL,gBAAgBC,GAC/BK,iBAAkBC,EAClBC,iBAAiB,EACjBC,SAAU,CAACC,GAAUC,eAAcC,gBAEjC,MAAMC,EAAsBC,EAA+BJ,GAC3Db,EAAWgB,GACXD,EAAU,CACRF,OAAQA,IAGVC,EAAaD,EAAO,KAGlBK,MAAEA,EAAKC,QAAEA,EAAOC,aAAEA,EAAYP,OAAEA,EAAMQ,cAAEA,EAAaC,aAAEA,GAAiBhB,GACvEiB,EAAqBC,GAA0BC,GAAS,IACxDC,EAAiBC,GAAsBF,EAAwB,MAQtE,OANAG,GAAU,KACJ3B,GACFA,EAAeiB,EAChB,GACA,CAACA,IAGFW,EAAKC,KAAA,MAAA,CAAAC,UAAWC,EAAOC,WAAUC,SAAA,CAC9BhB,GACCiB,EAAAA,IAACC,EAAAA,OAAML,UAAWC,EAAOK,YAAaC,MAAM,UAAUC,SAAS,mEAIjEV,OAAK,MAAA,CAAAE,UAAWC,EAAOQ,gBACrBN,SAAA,CAAAL,EAAAA,KAAA,MAAA,CAAKE,UAAW,GAAGC,EAAOS,cAAcT,EAAOU,oBAC7CP,EAAAA,IAACQ,EACC,CAAAZ,UAAWC,EAAOY,kBAClBC,KACEhB,EAAAA,KAAK,MAAA,CAAAE,UAAWC,EAAOc,0BAAyBZ,SAAA,CAAA,kBAE9CC,EAAAA,IAACY,EAAAA,OAAM,CACLhB,UAAWC,EAAOgB,qBAClBC,KAAK,SACLC,WAAW,EACXC,KAAK,SACLC,QAAQ,YACRd,MAAM,UACNe,QAAS,IAAM7B,GAAuB,GACtC8B,UAAWnC,GAAWC,IAAiBF,EAAKgB,SAAA,cAOpDC,EAAAA,IAACoB,GAAeC,MAAOlD,EACrB4B,SAAAC,EAAAA,IAACsB,EAAQ,CAAA,KAEXtB,EAAAuB,IAACf,EAAY,CAAAZ,UAAWC,EAAOY,kBAAmBC,KAAK,cACvDV,EAAAuB,IAACH,EAAe,CAAAC,MAAOlD,WACpBO,EAAO8C,MAAMC,KAAI,CAACC,EAAMC,IACvB3B,EAAAA,IACG4B,EAAAA,SAAA,CAAA7B,SAAA2B,EAAKG,QACHC,MACC,CAACC,EAAGC,IAAMC,EAAmBF,EAAEf,MAAMkB,MAAQD,EAAmBD,EAAEhB,MAAMkB,QAEzET,KAAI,CAACU,EAAQC,IACZpC,MAACqC,EAAgB,CACfC,KAAM5D,EAAO4D,KACbH,OAAQA,EACRT,KAAMA,EAAKA,KACXxC,cAAe,CAACqD,EAAKlB,KAEnBnC,EADU,SAASyC,cAAsBS,MAAgBG,IACxClB,EAAM,EAEzBmB,OAAQjD,IAAoB6C,EAC5BK,UAAYC,GAASlD,EAAmBkD,EAAON,EAAc,mBAO3EpC,EAAAA,IAAK,MAAA,CAAAJ,UAAW,GAAGC,EAAO8C,mBAAmB9C,EAAOU,mBACjDtC,GACC+B,MAACoB,EAAe,CAAAC,MAAOlD,EAAM4B,SAC3BC,EAAAA,IAAC4C,EAAW,CAACC,gBAAiB5E,WAKtC+B,EAAAA,IAAC8C,EACC,CAAAC,OAAO,UACPC,QACEhD,EAAAA,IAAA,IAAA,CACEiD,MAAO,CACLC,UAAW,SACXC,WAAY,IACZC,SAAU,OACVC,WAAY,aAIZtD,SAAA,mDAENtB,SAAU,CACRyC,QAAS,KACP/B,IACAE,GAAuB,EAAM,EAE/BqB,KAAM,UACNP,MAAO,UACPY,WAAW,GAEbuC,SAAU,CACR5C,KAAM,SACNP,MAAO,SACPY,WAAW,GAEbwC,QAAS,IAAMlE,GAAuB,GACtCqD,KAAMtD,MAGX"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"form.scheme.js","sources":["../../../src/validator/form.scheme.ts"],"sourcesContent":["import * as yup from 'yup'\r\nexport const schemaValidation = yup.object({\r\n  openapi: yup.string().required(),\r\n  info: yup\r\n    .object({\r\n      title: yup.string().trim().required('API Name is required.'),\r\n      description: yup.string().trim().required(),\r\n      version: yup.string().required('API Version is required'),\r\n    })\r\n    .required(),\r\n  servers: yup\r\n    .array(\r\n      yup.object({\r\n        url: yup.string().url().required(),\r\n        description: yup.string().optional(),\r\n      })\r\n    )\r\n    .optional(),\r\n  paths: yup.mixed().required(), // Assuming TransformedPathsArray is validated elsewhere\r\n  components: yup\r\n    .object({\r\n      schemas: yup\r\n        .lazy((value) =>\r\n          yup.object(\r\n            value\r\n              ? Object.keys(value).reduce((acc, key) => {\r\n                  acc[key] = yup.object({\r\n                    type: yup.string().optional(),\r\n                    format: yup.string().optional(),\r\n                    properties: yup\r\n                      .lazy((props) =>\r\n                        yup.object(\r\n                          props\r\n                            ? Object.keys(props).reduce((acc, propKey) => {\r\n                                acc[propKey] = yup.mixed()\r\n                                return acc\r\n                              }, {})\r\n                            : {}\r\n                        )\r\n                      )\r\n                      .optional(),\r\n                    items: yup.mixed().optional(),\r\n                    enum: yup.array(yup.string()).optional(),\r\n                    required: yup.array(yup.string()).optional(),\r\n                  })\r\n                  return acc\r\n                }, {})\r\n              : {}\r\n          )\r\n        )\r\n        .optional(),\r\n      securitySchemes: yup.object().optional(),\r\n    })\r\n    .optional(),\r\n  security: yup\r\n    .array(\r\n      yup.object().shape({\r\n        schemeName: yup.array(yup.string()).optional(),\r\n      })\r\n    )\r\n    .optional(),\r\n  tags: yup\r\n    .array(\r\n      yup.object({\r\n        name: yup.string().required(),\r\n        description: yup.string().optional(),\r\n      })\r\n    )\r\n    .optional(),\r\n})\r\n"],"names":["schemaValidation","yup.object","openapi","yup.string","required","info","yup\n        .object","title","trim","description","version","servers","yup\n        .array","url","optional","paths","yup.mixed","components","schemas","yup\n            .lazy","value","Object","keys","reduce","acc","key","type","format","properties","yup\n                        .lazy","props","propKey","items","enum","yup.array","securitySchemes","security","shape","schemeName","tags","name"],"mappings":"yGACa,MAAAA,EAAmBC,EAAW,CACzCC,QAASC,IAAaC,WACtBC,KAAMC,EACI,CACNC,MAAOJ,IAAaK,OAAOJ,SAAS,yBACpCK,YAAaN,IAAaK,OAAOJ,WACjCM,QAASP,IAAaC,SAAS,6BAEhCA,WACHO,QAASC,EAELX,EAAW,CACTY,IAAKV,IAAaU,MAAMT,WACxBK,YAAaN,IAAaW,cAG7BA,WACHC,MAAOC,IAAYZ,WACnBa,WAAYX,EACF,CACNY,QAASC,GACAC,GACLnB,EACEmB,EACIC,OAAOC,KAAKF,GAAOG,QAAO,CAACC,EAAKC,KAC9BD,EAAIC,GAAOxB,EAAW,CACpByB,KAAMvB,IAAaW,WACnBa,OAAQxB,IAAaW,WACrBc,WAAYC,GACHC,GACL7B,EACE6B,EACIT,OAAOC,KAAKQ,GAAOP,QAAO,CAACC,EAAKO,KAC9BP,EAAIO,GAAWf,IACRQ,IACN,IACH,CAAA,KAGPV,WACHkB,MAAOhB,IAAYF,WACnBmB,KAAMC,EAAU/B,KAAcW,WAC9BV,SAAU8B,EAAU/B,KAAcW,aAE7BU,IACN,IACH,CAAA,KAGPV,WACHqB,gBAAiBlC,IAAaa,aAE/BA,WACHsB,SAAUxB,EAENX,IAAaoC,MAAM,CACjBC,WAAYJ,EAAU/B,KAAcW,cAGvCA,WACHyB,KAAM3B,EAEFX,EAAW,CACTuC,KAAMrC,IAAaC,WACnBK,YAAaN,IAAaW,cAG7BA"}
+{"version":3,"file":"form.scheme.js","sources":["../../../src/validator/form.scheme.ts"],"sourcesContent":["import * as yup from 'yup'\r\nexport const schemaValidation = yup.object({\r\n  openapi: yup.string().required(),\r\n  info: yup\r\n    .object({\r\n      title: yup.string().trim().required('API Name is required.'),\r\n      description: yup.string().trim().required('API Description is required.'),\r\n      version: yup.string().required('API Version is required'),\r\n    })\r\n    .required(),\r\n  servers: yup\r\n    .array(\r\n      yup.object({\r\n        url: yup.string().url().required(),\r\n        description: yup.string().optional(),\r\n      })\r\n    )\r\n    .optional(),\r\n  paths: yup.mixed().required(), // Assuming TransformedPathsArray is validated elsewhere\r\n  components: yup\r\n    .object({\r\n      schemas: yup\r\n        .lazy((value) =>\r\n          yup.object(\r\n            value\r\n              ? Object.keys(value).reduce((acc, key) => {\r\n                  acc[key] = yup.object({\r\n                    type: yup.string().optional(),\r\n                    format: yup.string().optional(),\r\n                    properties: yup\r\n                      .lazy((props) =>\r\n                        yup.object(\r\n                          props\r\n                            ? Object.keys(props).reduce((acc, propKey) => {\r\n                                acc[propKey] = yup.mixed()\r\n                                return acc\r\n                              }, {})\r\n                            : {}\r\n                        )\r\n                      )\r\n                      .optional(),\r\n                    items: yup.mixed().optional(),\r\n                    enum: yup.array(yup.string()).optional(),\r\n                    required: yup.array(yup.string()).optional(),\r\n                  })\r\n                  return acc\r\n                }, {})\r\n              : {}\r\n          )\r\n        )\r\n        .optional(),\r\n      securitySchemes: yup.object().optional(),\r\n    })\r\n    .optional(),\r\n  security: yup\r\n    .array(\r\n      yup.object().shape({\r\n        schemeName: yup.array(yup.string()).optional(),\r\n      })\r\n    )\r\n    .optional(),\r\n  tags: yup\r\n    .array(\r\n      yup.object({\r\n        name: yup.string().required(),\r\n        description: yup.string().optional(),\r\n      })\r\n    )\r\n    .optional(),\r\n})\r\n"],"names":["schemaValidation","yup.object","openapi","yup.string","required","info","yup\n        .object","title","trim","description","version","servers","yup\n        .array","url","optional","paths","yup.mixed","components","schemas","yup\n            .lazy","value","Object","keys","reduce","acc","key","type","format","properties","yup\n                        .lazy","props","propKey","items","enum","yup.array","securitySchemes","security","shape","schemeName","tags","name"],"mappings":"yGACa,MAAAA,EAAmBC,EAAW,CACzCC,QAASC,IAAaC,WACtBC,KAAMC,EACI,CACNC,MAAOJ,IAAaK,OAAOJ,SAAS,yBACpCK,YAAaN,IAAaK,OAAOJ,SAAS,gCAC1CM,QAASP,IAAaC,SAAS,6BAEhCA,WACHO,QAASC,EAELX,EAAW,CACTY,IAAKV,IAAaU,MAAMT,WACxBK,YAAaN,IAAaW,cAG7BA,WACHC,MAAOC,IAAYZ,WACnBa,WAAYX,EACF,CACNY,QAASC,GACAC,GACLnB,EACEmB,EACIC,OAAOC,KAAKF,GAAOG,QAAO,CAACC,EAAKC,KAC9BD,EAAIC,GAAOxB,EAAW,CACpByB,KAAMvB,IAAaW,WACnBa,OAAQxB,IAAaW,WACrBc,WAAYC,GACHC,GACL7B,EACE6B,EACIT,OAAOC,KAAKQ,GAAOP,QAAO,CAACC,EAAKO,KAC9BP,EAAIO,GAAWf,IACRQ,IACN,IACH,CAAA,KAGPV,WACHkB,MAAOhB,IAAYF,WACnBmB,KAAMC,EAAU/B,KAAcW,WAC9BV,SAAU8B,EAAU/B,KAAcW,aAE7BU,IACN,IACH,CAAA,KAGPV,WACHqB,gBAAiBlC,IAAaa,aAE/BA,WACHsB,SAAUxB,EAENX,IAAaoC,MAAM,CACjBC,WAAYJ,EAAU/B,KAAcW,cAGvCA,WACHyB,KAAM3B,EAEFX,EAAW,CACTuC,KAAMrC,IAAaC,WACnBK,YAAaN,IAAaW,cAG7BA"}