@digi-frontend/dgate-api-documentation 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"MethodAccordion.js","sources":["../../../../src/components/MethodAccordion/MethodAccordion.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Accordion, Button, SelectGroup, Switch, Table, TextArea } from 'digitinary-ui'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport { DeleteIcon, DownArrowIcon, EditIcon } from '../../assets/icons'\r\nimport { httpStatusCodes, methodColorMapping, paramsTableHeaders } from '../../constants/index'\r\nimport styles from './MethodAccordion.module.scss'\r\n\r\nconst data = Array(4).fill({\r\n  paramName: 'search',\r\n  paramType: 'Query',\r\n  schemaType: 'String',\r\n  isRequired: <Switch checked />,\r\n  description: (\r\n    <div className={styles.paramDescContainer}>\r\n      <Button className={styles.editDescBtn} variant='link' color='action' endIcon={<SVGLoader src={EditIcon} width='1.5rem' height='1.5rem' />}>\r\n        Add Description\r\n      </Button>\r\n      <div className={styles.paramDescContainer_separator}></div>\r\n      <Button className={styles.deleteParamBtn} variant='link' color='error' endIcon={<SVGLoader src={DeleteIcon} width='1.125rem' height='1.125rem' />}></Button>\r\n    </div>\r\n  ),\r\n})\r\n\r\nconst MethodsAccordion = () => {\r\n  return (\r\n    <div className={styles.methodAccordionContainer}>\r\n      <Accordion\r\n        className={styles.methodAccordion}\r\n        children={<TextArea label='Description' />}\r\n        summary={\r\n          <div className={styles.methodSummaryContainer}>\r\n            <div className={styles.methodSummary}>\r\n              <span style={{ backgroundColor: methodColorMapping?.POST?.color ?? '#3A6CD1' }} className={styles.methodLabel}>\r\n                {methodColorMapping.POST.label}\r\n              </span>\r\n              <span className={styles.methodPath}>/auth/login</span>\r\n            </div>\r\n            <div className={styles.methodExpandArrowContainer}>\r\n              <SVGLoader src={DownArrowIcon} width='2rem' height='2rem' />\r\n            </div>\r\n          </div>\r\n        }\r\n      />\r\n      <div className={styles.paramsTable}>\r\n        <Table data={data} headCells={paramsTableHeaders} />\r\n      </div>\r\n      <Accordion\r\n        className={styles.requestAccordion}\r\n        summary={\r\n          <span className={styles.requestAccordionSummary}>\r\n            Request<span style={{ color: 'red' }}>*</span>\r\n          </span>\r\n        }\r\n        children={<TextArea />}\r\n      />\r\n      <Accordion\r\n        className={styles.responseAccordion}\r\n        summary={\r\n          <span className={styles.responseAccordionSummary}>\r\n            Response<span style={{ color: 'red' }}>*</span>\r\n            <SelectGroup\r\n              options={[\r\n                {\r\n                  list: httpStatusCodes.map((code) => ({\r\n                    label: (\r\n                      <div className='statusCodeOptionContainer'>\r\n                        <div className='statusCodeOptionCircle'></div>\r\n                        <span>{code}</span>\r\n                      </div>\r\n                    ),\r\n                    value: code,\r\n                  })),\r\n                },\r\n              ]}\r\n            />\r\n          </span>\r\n        }\r\n        children={<TextArea />}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default MethodsAccordion\r\n"],"names":["data","Array","fill","paramName","paramType","schemaType","isRequired","_jsx","Switch","checked","description","_jsxs","className","styles","paramDescContainer","children","Button","editDescBtn","variant","color","endIcon","jsx","SVGLoader","src","EditIcon","width","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","MethodsAccordion","methodAccordionContainer","Accordion","methodAccordion","TextArea","label","summary","methodSummaryContainer","methodSummary","style","backgroundColor","_a","methodColorMapping","POST","_b","methodLabel","methodPath","methodExpandArrowContainer","DownArrowIcon","paramsTable","Table","headCells","paramsTableHeaders","requestAccordion","requestAccordionSummary","responseAccordion","responseAccordionSummary","SelectGroup","options","list","httpStatusCodes","map","code","value"],"mappings":"icAOA,MAAMA,EAAOC,MAAM,GAAGC,KAAK,CACzBC,UAAW,SACXC,UAAW,QACXC,WAAY,SACZC,WAAYC,EAAAA,IAACC,EAAAA,OAAM,CAACC,SAAU,IAC9BC,YACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,mBAAkBC,SAAA,CACvCR,MAACS,EAAMA,OAAA,CAACJ,UAAWC,EAAOI,YAAaC,QAAQ,OAAOC,MAAM,SAASC,QAASb,EAAAc,IAACC,EAAU,CAAAC,IAAKC,EAAUC,MAAM,SAASC,OAAO,WAAWX,SAAA,oBAGzIR,EAAAc,IAAA,MAAA,CAAKT,UAAWC,EAAOc,+BACvBpB,EAAAA,IAACS,EAAAA,QAAOJ,UAAWC,EAAOe,eAAgBV,QAAQ,OAAOC,MAAM,QAAQC,QAASb,EAAAA,IAACe,EAAU,CAAAC,IAAKM,EAAYJ,MAAM,WAAWC,OAAO,oBAKpII,EAAmB,aACvB,OACEnB,cAAKC,UAAWC,EAAOkB,mCACrBxB,EAACc,IAAAW,aACCpB,UAAWC,EAAOoB,gBAClBlB,SAAUR,MAAC2B,EAAAA,SAAS,CAAAC,MAAM,gBAC1BC,QACEzB,EAAAA,YAAKC,UAAWC,EAAOwB,uBAAsBtB,SAAA,CAC3CJ,cAAKC,UAAWC,EAAOyB,wBACrB/B,MAAM,OAAA,CAAAgC,MAAO,CAAEC,gBAAgD,kBAA/BC,EAAAC,aAAkB,EAAlBA,EAAoBC,2BAAMxB,aAAK,IAAAyB,EAAAA,EAAI,WAAahC,UAAWC,EAAOgC,YAAW9B,SAC1G2B,EAAmBC,KAAKR,QAE3B5B,cAAMK,UAAWC,EAAOiC,WAA8B/B,SAAA,mBAExDR,EAAAc,IAAA,MAAA,CAAKT,UAAWC,EAAOkC,2BAA0BhC,SAC/CR,MAACe,EAAS,CAACC,IAAKyB,EAAevB,MAAM,OAAOC,OAAO,gBAK3DnB,aAAKK,UAAWC,EAAOoC,qBACrB1C,MAAC2C,EAAAA,MAAM,CAAAlD,KAAMA,EAAMmD,UAAWC,MAEhC7C,EAACc,IAAAW,YACC,CAAApB,UAAWC,EAAOwC,iBAClBjB,QACEzB,OAAA,OAAA,CAAMC,UAAWC,EAAOyC,wBACfvC,SAAA,CAAA,UAAAR,EAAAA,IAAA,OAAA,CAAMgC,MAAO,CAAEpB,MAAO,OAAiBJ,SAAA,SAGlDA,SAAUR,EAAAA,IAAC2B,EAAQA,SAAA,MAErB3B,EAAAA,IAACyB,EAAAA,UACC,CAAApB,UAAWC,EAAO0C,kBAClBnB,QACEzB,EAAAA,aAAMC,UAAWC,EAAO2C,yBACdzC,SAAA,CAAA,WAAAR,EAAAc,IAAA,OAAA,CAAMkB,MAAO,CAAEpB,MAAO,OAAOJ,SAAA,MACrCR,EAACc,IAAAoC,cACC,CAAAC,QAAS,CACP,CACEC,KAAMC,EAAgBC,KAAKC,IAAU,CACnC3B,MACExB,EAAAA,KAAA,MAAA,CAAKC,UAAU,4BACbG,SAAA,CAAAR,EAAAc,IAAA,MAAA,CAAKT,UAAU,2BACfL,EAAAA,qBAAOuD,OAGXC,MAAOD,aAOnB/C,SAAUR,EAAAA,IAAC2B,EAAQA,SAAG,QAG3B"}

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

@@ -0,0 +1,2 @@
+const t="";export{t as default};
+//# sourceMappingURL=MethodAccordion.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MethodAccordion.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/SVGLoader/SVGLoader.js

@@ -0,0 +1,2 @@
+import{__rest as e,__awaiter as r}from"../../../node_modules/tslib/tslib.es6.js";import{j as t}from"../../../_virtual/jsx-runtime.js";import i,{useState as s,useEffect as o}from"react";import n from"../../../node_modules/html-react-parser/esm/index.mjs.js";const c=c=>{var{src:l,cache:a=!0}=c,d=e(c,["src","cache"]);const[m,f]=s(null);if(o((()=>{if(!l)return;"string"!=typeof l&&console.log({src:l});const e=l.startsWith("http")||l.startsWith("/"),t="svg-cache";r(void 0,void 0,void 0,(function*(){try{let r=null;if(a&&e&&"caches"in window){const e=yield caches.open(t),i=yield e.match(l);if(i&&i.ok)return r=yield i.text(),void f(r)}if(e){const e=yield fetch(l),i=e.clone();if(r=yield e.text(),a&&"caches"in window){const e=yield caches.open(t);yield e.put(l,i)}}else r=l;if(r){const e=(e=>(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg"))(r);if(e){const r=(new XMLSerializer).serializeToString(e);f(r)}}}catch(e){console.error("Error loading SVG:",e)}}))}),[l,d]),!m)return null;const h=n(m),u=Array.isArray(h)?h.find((e=>i.isValidElement(e))):h,p=i.cloneElement(u,d);return t.jsx(t.Fragment,{children:p})};export{c as default};
+//# sourceMappingURL=SVGLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVGLoader.js","sources":["../../../../src/components/SVGLoader/SVGLoader.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\r\nimport parse from 'html-react-parser'\r\n\r\n// Utility function to create an SVG element from a string\r\nconst createSvgElement = (svgString: string): SVGSVGElement | null => {\r\n  const parser = new DOMParser()\r\n  const doc = parser.parseFromString(svgString, 'image/svg+xml')\r\n  return doc.querySelector('svg')\r\n}\r\n\r\n// Define the type for SVG attributes\r\ntype SVGAttributes = React.SVGProps<SVGSVGElement>\r\n\r\ninterface SVGLoaderProps extends SVGAttributes {\r\n  src: string\r\n  cache?: boolean\r\n}\r\n\r\nconst SVGLoader: React.FC<SVGLoaderProps> | any = ({ src, cache = true, ...props }) => {\r\n  const [svgMarkup, setSvgMarkup] = useState<string | null>(null)\r\n\r\n  useEffect(() => {\r\n    if (!src) return\r\n    if (typeof src !== 'string') console.log({ src })\r\n    const isUrl = src.startsWith('http') || src.startsWith('/')\r\n\r\n    const cacheName = 'svg-cache'\r\n\r\n    const fetchSvg = async () => {\r\n      try {\r\n        let svgString: string | null = null\r\n\r\n        // Use the Cache API if caching is enabled\r\n        if (cache && isUrl && 'caches' in window) {\r\n          const cacheStorage = await caches.open(cacheName)\r\n          const cachedResponse = await cacheStorage.match(src)\r\n\r\n          // If SVG is found in cache, use it\r\n          if (cachedResponse && cachedResponse.ok) {\r\n            svgString = await cachedResponse.text()\r\n            setSvgMarkup(svgString)\r\n            return\r\n          }\r\n        }\r\n\r\n        // If not cached, fetch from URL\r\n        if (isUrl) {\r\n          const response = await fetch(src)\r\n\r\n          // Clone the response before consuming it\r\n          const responseClone = response.clone()\r\n\r\n          // Consume the response body for the SVG content\r\n          svgString = await response.text()\r\n\r\n          // Store the cloned response in the cache\r\n          if (cache && 'caches' in window) {\r\n            const cacheStorage = await caches.open(cacheName)\r\n            await cacheStorage.put(src, responseClone)\r\n          }\r\n        } else {\r\n          // If it's not a URL (it's inline), just use the source string\r\n          svgString = src\r\n        }\r\n\r\n        // If we have valid SVG content, set it\r\n        if (svgString) {\r\n          const svg = createSvgElement(svgString)\r\n          if (svg) {\r\n            const svgStringWithProps = new XMLSerializer().serializeToString(svg)\r\n            setSvgMarkup(svgStringWithProps)\r\n          }\r\n        }\r\n      } catch (error) {\r\n        console.error('Error loading SVG:', error)\r\n      }\r\n    }\r\n\r\n    fetchSvg()\r\n  }, [src, props])\r\n\r\n  if (!svgMarkup) return null\r\n\r\n  // Parse the SVG string and return it as JSX\r\n  const parsedSvg = parse(svgMarkup)\r\n  // Sometimes parse returns an array which includes the element\r\n  const toBeClonedElement = Array.isArray(parsedSvg) ? parsedSvg.find((item) => React.isValidElement(item)) : parsedSvg\r\n  // Clone the parsed SVG element to apply the props\r\n  const clonedSvg = React.cloneElement(toBeClonedElement as React.ReactElement, props)\r\n\r\n  return <>{clonedSvg}</>\r\n}\r\n\r\nexport default SVGLoader\r\n"],"names":["SVGLoader","_a","src","cache","props","__rest","svgMarkup","setSvgMarkup","useState","useEffect","console","log","isUrl","startsWith","cacheName","__awaiter","svgString","window","cacheStorage","caches","open","cachedResponse","match","ok","text","response","fetch","responseClone","clone","put","svg","DOMParser","parseFromString","querySelector","createSvgElement","svgStringWithProps","XMLSerializer","serializeToString","error","parsedSvg","parse","toBeClonedElement","Array","isArray","find","item","React","isValidElement","clonedSvg","cloneElement","_jsx","jsx","_Fragment","Fragment","children"],"mappings":"iQAIA,MAcMA,EAA6CC,QAAAC,IAAEA,EAAGC,MAAEA,GAAQ,KAASC,EAAxBC,EAAAJ,EAAA,CAAA,MAAA,UACjD,MAAOK,EAAWC,GAAgBC,EAAwB,MA8D1D,GA5DAC,GAAU,KACR,IAAKP,EAAK,OACS,iBAARA,GAAkBQ,QAAQC,IAAI,CAAET,QAC3C,MAAMU,EAAQV,EAAIW,WAAW,SAAWX,EAAIW,WAAW,KAEjDC,EAAY,YAEUC,OAAA,OAAA,OAAA,GAAA,YAC1B,IACE,IAAIC,EAA2B,KAG/B,GAAIb,GAASS,GAAS,WAAYK,OAAQ,CACxC,MAAMC,QAAqBC,OAAOC,KAAKN,GACjCO,QAAuBH,EAAaI,MAAMpB,GAGhD,GAAImB,GAAkBA,EAAeE,GAGnC,OAFAP,QAAkBK,EAAeG,YACjCjB,EAAaS,EAGhB,CAGD,GAAIJ,EAAO,CACT,MAAMa,QAAiBC,MAAMxB,GAGvByB,EAAgBF,EAASG,QAM/B,GAHAZ,QAAkBS,EAASD,OAGvBrB,GAAS,WAAYc,OAAQ,CAC/B,MAAMC,QAAqBC,OAAOC,KAAKN,SACjCI,EAAaW,IAAI3B,EAAKyB,EAC7B,CACF,MAECX,EAAYd,EAId,GAAIc,EAAW,CACb,MAAMc,EA/DS,CAACd,IACT,IAAIe,WACAC,gBAAgBhB,EAAW,iBACnCiB,cAAc,OA4DLC,CAAiBlB,GAC7B,GAAIc,EAAK,CACP,MAAMK,GAAqB,IAAIC,eAAgBC,kBAAkBP,GACjEvB,EAAa4B,EACd,CACF,CACF,CAAC,MAAOG,GACP5B,QAAQ4B,MAAM,qBAAsBA,EACrC,CACH,GAEU,GACT,CAACpC,EAAKE,KAEJE,EAAW,OAAO,KAGvB,MAAMiC,EAAYC,EAAMlC,GAElBmC,EAAoBC,MAAMC,QAAQJ,GAAaA,EAAUK,MAAMC,GAASC,EAAMC,eAAeF,KAASN,EAEtGS,EAAYF,EAAMG,aAAaR,EAAyCrC,GAE9E,OAAO8C,EAAAC,IAAAC,EAAAC,SAAA,CAAAC,SAAGN,GAAa"}

package/dist/src/components/SectionHead/SectionHead.js

@@ -0,0 +1,2 @@
+import{j as e}from"../../../_virtual/jsx-runtime.js";import r from"../SVGLoader/SVGLoader.js";const a=({text:a,closeFunction:i,children:s,className:l=""})=>{var o,t;return e.jsxs("div",{className:`containerTitleDrawer ${l}`,children:[e.jsx("span",{"data-id":`${null===(t=null===(o=String(a))||void 0===o?void 0:o.toUpperCase())||void 0===t?void 0:t.replaceAll(" ","_")}_ID`,children:a}),s,i&&e.jsx(r,{className:"closeIcon",onClick:i,width:"1.5rem",height:"1.5rem"})]})};export{a as default};
+//# sourceMappingURL=SectionHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHead.js","sources":["../../../../src/components/SectionHead/SectionHead.tsx"],"sourcesContent":["import React, { type JSX } from 'react'\r\nimport './SectionHead.scss'\r\nimport SVGLoader from '../SVGLoader/SVGLoader'\r\n\r\ntype SectionHeadProps = {\r\n  text: string | JSX.Element\r\n  closeFunction?: () => void\r\n  children?: JSX.Element\r\n  className?: string\r\n}\r\n\r\nconst SectionHead: React.FC<SectionHeadProps> = ({ text, closeFunction, children, className = '' }: SectionHeadProps): any => {\r\n  return (\r\n    <div className={`containerTitleDrawer ${className}`}>\r\n      <span data-id={`${String(text)?.toUpperCase()?.replaceAll(' ', '_')}_ID`}>{text}</span>\r\n      {children}\r\n\r\n      {closeFunction && <SVGLoader className='closeIcon' onClick={closeFunction} width='1.5rem' height='1.5rem' />}\r\n    </div>\r\n  )\r\n}\r\nexport default SectionHead\r\n"],"names":["SectionHead","text","closeFunction","children","className","_jsxs","jsxs","_jsx","_b","_a","String","toUpperCase","replaceAll","SVGLoader","onClick","width","height"],"mappings":"8FAWA,MAAMA,EAA0C,EAAGC,OAAMC,gBAAeC,WAAUC,YAAY,eAC5F,OACEC,EAAKC,KAAA,MAAA,CAAAF,UAAW,wBAAwBA,IACtCD,SAAA,CAAAI,EAAAA,IAAA,OAAA,CAAA,UAAe,GAA8B,QAA3BC,EAAc,QAAdC,EAAAC,OAAOT,UAAO,IAAAQ,OAAA,EAAAA,EAAAE,qBAAa,IAAAH,OAAA,EAAAA,EAAEI,WAAW,IAAK,UAAST,SAAGF,IAC1EE,EAEAD,GAAiBK,EAAAA,IAACM,EAAU,CAAAT,UAAU,YAAYU,QAASZ,EAAea,MAAM,SAASC,OAAO,aAEpG"}

package/dist/src/constants/index.js

@@ -0,0 +1,2 @@
+const e={GET:{label:"Get",color:"#3A6CD1"},POST:{label:"Post",color:"#3AAA35"},PUT:{label:"Put",color:"#FAAD14"},DELETE:{label:"Delete",color:"#DA3F3F"}},a=[{id:"paramName",label:"Parameter Name",sortable:!1,required:!0,classes:"requiredParam"},{id:"paramType",label:"In",sortable:!1,classes:"requiredParam"},{id:"schemaType",label:"Schema-Type",sortable:!1,classes:"requiredParam"},{id:"isRequired",label:"Required",sortable:!1,classes:"requiredParam"},{id:"description",label:"Description",sortable:!1}],l=[100,101,102,103,200,201,202,203,204,205,206,207,208,226,300,301,302,303,304,305,306,307,308,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,421,422,423,424,425,426,428,429,431,451,500,501,502,503,504,505,506,507,508,510,511];export{l as httpStatusCodes,e as methodColorMapping,a as paramsTableHeaders};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/constants/index.ts"],"sourcesContent":["export const methodColorMapping = {\r\n  GET: {\r\n    label: 'Get',\r\n    color: '#3A6CD1',\r\n  },\r\n  POST: {\r\n    label: 'Post',\r\n    color: '#3AAA35',\r\n  },\r\n  PUT: {\r\n    label: 'Put',\r\n    color: '#FAAD14',\r\n  },\r\n  DELETE: {\r\n    label: 'Delete',\r\n    color: '#DA3F3F',\r\n  },\r\n}\r\n\r\nexport const paramsTableHeaders = [\r\n  {\r\n    id: 'paramName',\r\n    label: 'Parameter Name',\r\n    sortable: false,\r\n    required: true,\r\n    classes: 'requiredParam',\r\n  },\r\n  { id: 'paramType', label: 'In', sortable: false, classes: 'requiredParam' },\r\n  { id: 'schemaType', label: 'Schema-Type', sortable: false, classes: 'requiredParam' },\r\n  { id: 'isRequired', label: 'Required', sortable: false, classes: 'requiredParam' },\r\n  { id: 'description', label: 'Description', sortable: false },\r\n]\r\n\r\nexport const httpStatusCodes = [\r\n  // 1xx: Informational responses\r\n  100, 101, 102, 103,\r\n\r\n  // 2xx: Success\r\n  200, 201, 202, 203, 204, 205, 206, 207, 208, 226,\r\n\r\n  // 3xx: Redirection\r\n  300, 301, 302, 303, 304, 305, 306, 307, 308,\r\n\r\n  // 4xx: Client errors\r\n  400, 401, 402, 403, 404, 405, 406, 407, 408, 409, 410, 411, 412, 413, 414, 415, 416, 417, 418, 421, 422, 423, 424, 425, 426, 428, 429, 431, 451,\r\n\r\n  // 5xx: Server errors\r\n  500, 501, 502, 503, 504, 505, 506, 507, 508, 510, 511,\r\n]\r\n"],"names":["methodColorMapping","GET","label","color","POST","PUT","DELETE","paramsTableHeaders","id","sortable","required","classes","httpStatusCodes"],"mappings":"AAAa,MAAAA,EAAqB,CAChCC,IAAK,CACHC,MAAO,MACPC,MAAO,WAETC,KAAM,CACJF,MAAO,OACPC,MAAO,WAETE,IAAK,CACHH,MAAO,MACPC,MAAO,WAETG,OAAQ,CACNJ,MAAO,SACPC,MAAO,YAIEI,EAAqB,CAChC,CACEC,GAAI,YACJN,MAAO,iBACPO,UAAU,EACVC,UAAU,EACVC,QAAS,iBAEX,CAAEH,GAAI,YAAaN,MAAO,KAAMO,UAAU,EAAOE,QAAS,iBAC1D,CAAEH,GAAI,aAAcN,MAAO,cAAeO,UAAU,EAAOE,QAAS,iBACpE,CAAEH,GAAI,aAAcN,MAAO,WAAYO,UAAU,EAAOE,QAAS,iBACjE,CAAEH,GAAI,cAAeN,MAAO,cAAeO,UAAU,IAG1CG,EAAkB,CAE7B,IAAK,IAAK,IAAK,IAGf,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG7C,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAGxC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG5I,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK"}

package/dist/src/constants/regex.js

@@ -0,0 +1,2 @@
+const t={basic:/[^a-zA-Z0-9-_ ]/,restrictNone:/^$/};export{t as default};
+//# sourceMappingURL=regex.js.map

package/dist/src/constants/regex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regex.js","sources":["../../../src/constants/regex.ts"],"sourcesContent":["const regex = {\r\n  basic: /[^a-zA-Z0-9-_ ]/, // not (alphanumeric + underscore + dash + space)\r\n  restrictNone: /^$/, // restrict nothing\r\n}\r\nexport default regex\r\n"],"names":["regex","basic","restrictNone"],"mappings":"AAAA,MAAMA,EAAQ,CACZC,MAAO,kBACPC,aAAc"}

package/dist/src/index.js

@@ -0,0 +1,2 @@
+export{default as Layout}from"./layout/layout.js";
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/layout/layout.js

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{d as e}from"../../_virtual/index.js";import s from"../components/MethodAccordion/MethodAccordion.js";import i from"./layout.module.css.js";import d from"../components/InfoForm/InfoForm.js";import t from"../components/SectionHead/SectionHead.js";const a=()=>o.jsxs("div",{className:i.docsLayout,children:[o.jsx(e.Alert,{className:i.apiDocAlert,color:"info",children:"Changes are saved and published for API information and each endpoint individually as you update."}),o.jsxs("div",{className:i.layoutContainer,children:[o.jsxs("div",{className:`${i.editorSide} ${i.docSide}`,children:[o.jsx(t,{text:"API Information"}),o.jsx(d,{}),o.jsx(t,{text:"API Methods"}),o.jsx(s,{})]}),o.jsx("div",{className:`${i.livePreviewSide} ${i.docSide}`})]})]});export{a as default};
+//# sourceMappingURL=layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import React, { JSX } from 'react'\r\nimport { Alert } 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\n\r\nconst Layout = (): JSX.Element => {\r\n  return (\r\n    <div className={styles.docsLayout}>\r\n      <Alert className={styles.apiDocAlert} color='info'>\r\n        Changes are saved and published for API information and each endpoint individually as you update.\r\n      </Alert>\r\n      <div className={styles.layoutContainer}>\r\n        <div className={`${styles.editorSide} ${styles.docSide}`}>\r\n          <SectionHead text='API Information' />\r\n          <InfoForm />\r\n          <SectionHead text='API Methods' />\r\n          <MethodsAccordion />\r\n        </div>\r\n        <div className={`${styles.livePreviewSide} ${styles.docSide}`}></div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["Layout","_jsxs","className","styles","docsLayout","children","_jsx","Alert","apiDocAlert","color","jsxs","layoutContainer","editorSide","docSide","jsx","SectionHead","text","InfoForm","MethodsAccordion","livePreviewSide"],"mappings":"8SAOM,MAAAA,EAAS,IAEXC,EAAAA,KAAK,MAAA,CAAAC,UAAWC,EAAOC,WAAUC,SAAA,CAC/BC,EAAAA,IAACC,EAAAA,OAAML,UAAWC,EAAOK,YAAaC,MAAM,OAAMJ,SAAA,sGAGlDJ,EAAKS,KAAA,MAAA,CAAAR,UAAWC,EAAOQ,gBACrBN,SAAA,CAAAJ,EAAAS,KAAA,MAAA,CAAKR,UAAW,GAAGC,EAAOS,cAAcT,EAAOU,UAC7CR,SAAA,CAAAC,EAAAQ,IAACC,EAAY,CAAAC,KAAK,oBAClBV,MAACW,EAAW,CAAA,GACZX,MAACS,EAAW,CAACC,KAAK,gBAClBV,MAACY,EAAgB,CAAA,MAEnBZ,EAAAQ,IAAA,MAAA,CAAKZ,UAAW,GAAGC,EAAOgB,mBAAmBhB,EAAOU"}

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

@@ -0,0 +1,2 @@
+import o from"../../node_modules/style-inject/dist/style-inject.es.js";var e={docsLayout:"layout-module_docsLayout__vDeK7",apiDocAlert:"layout-module_apiDocAlert__cSDp2",layoutContainer:"layout-module_layoutContainer__qBWib",editorSide:"layout-module_editorSide__hWc6O",livePreviewSide:"layout-module_livePreviewSide__Q5HsZ",docSide:"layout-module_docSide__qLt4E"};o(".layout-module_docsLayout__vDeK7{display:flex;flex-direction:column;height:100vh;max-height:100%;overflow:hidden;.layout-module_apiDocAlert__cSDp2{border-radius:0}.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}.layout-module_livePreviewSide__Q5HsZ{background-color:#f8f9fb;padding:1.875rem}.layout-module_docSide__qLt4E{max-height:100%;overflow-x:clip;overflow-y:overlay;scroll-behavior:smooth}}}");export{e as default};
+//# sourceMappingURL=layout.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/styles.css

@@ -0,0 +1,288 @@
+.apiInfoForm {
+  display: grid;
+  padding: 1.25rem 1.875rem;
+  gap: 1.25rem;
+}
+.apiInfoForm .apiDocRow {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.25rem;
+}
+.apiInfoForm .apiInfoForm_tagsChips {
+  margin-top: -1.25rem;
+}
+.apiInfoForm .apiInfoForm_submitBtn {
+  width: 4.25rem;
+}.containerTitleDrawer {
+  height: 64px;
+  min-height: 64px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #f1f2f6;
+  padding: 0 30px 0 30px;
+  width: 100%;
+}
+.containerTitleDrawer span {
+  color: #12131a;
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 25px;
+  letter-spacing: 0em;
+}
+.containerTitleDrawer svg path {
+  stroke: #000 !important;
+}
+.containerTitleDrawer .closeIcon {
+  cursor: pointer;
+}.methodAccordionContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+  padding: 1.25rem 1.875rem;
+}
+.methodAccordionContainer .methodAccordion {
+  border: none !important;
+  box-shadow: none;
+  margin-bottom: 0;
+}
+.methodAccordionContainer .methodAccordion :global(.summary) {
+  padding: 0 !important;
+}
+.methodAccordionContainer .methodAccordion :global(.details) {
+  border: none;
+  padding: 0;
+}
+.methodAccordionContainer .methodAccordion :global(.summary .iconContainer .dropdownIcon) {
+  display: none !important;
+}
+.methodAccordionContainer .methodAccordion .methodSummaryContainer {
+  display: flex;
+  align-items: center;
+  gap: 0.9375rem;
+  margin-bottom: 1.25rem;
+}
+.methodAccordionContainer .methodAccordion .methodSummaryContainer .methodSummary {
+  display: flex;
+  gap: 0.3125rem;
+  background-color: #f8f9fb;
+  width: 100%;
+  padding: 0.3125rem;
+  border-radius: 0.3125rem;
+}
+.methodAccordionContainer .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
+  display: grid;
+  place-content: center;
+  width: 5rem;
+  height: 2rem;
+  color: white;
+  border-radius: 0.1875rem;
+}
+.methodAccordionContainer .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
+  display: grid;
+  place-content: center;
+  width: 2.25rem;
+  aspect-ratio: 1/1;
+  border-radius: 100%;
+  background-color: #f8f9fb;
+  margin-left: auto;
+}
+.methodAccordionContainer .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
+  transition: rotate 0.3s ease-in-out;
+}
+.methodAccordionContainer .methodAccordion.expanded .methodExpandArrowContainer svg {
+  rotate: 180deg;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer {
+  display: flex;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer .paramDescContainer_separator {
+  height: inherit;
+  width: 1px;
+  background-color: #d8dae5;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer button svg path {
+  stroke-width: 0.2;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer button .editDescBtn {
+  padding: 0;
+  margin-right: 1.25rem;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer button .editDescBtn .btnContentWrapper {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  color: #12131a;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer button .editDescBtn .btnContentWrapper .endBtnIcon {
+  margin-block: auto;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer button .editDescBtn .btnContentWrapper .endBtnIcon svg path {
+  fill: #12131a;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer button.deleteParamBtn {
+  padding: 0;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer button.deleteParamBtn .btnContentWrapper .endBtnIcon {
+  margin-block: auto;
+}
+.methodAccordionContainer .paramsTable .paramDescContainer button.deleteParamBtn .btnContentWrapper .endBtnIcon svg {
+  width: 1.125rem;
+}
+.methodAccordionContainer .paramsTable .requiredParam .headContainer::after {
+  content: "*";
+  color: red;
+  transform: translateX(0.125rem);
+}
+.methodAccordionContainer .requestAccordion,
+.methodAccordionContainer .responseAccordion {
+  border-top: 1px solid #babdcc;
+  border-radius: 0.3125rem !important;
+  box-shadow: none !important;
+  margin-bottom: 0 !important;
+}
+.methodAccordionContainer .requestAccordion .requestAccordionSummary,
+.methodAccordionContainer .requestAccordion .responseAccordionSummary,
+.methodAccordionContainer .responseAccordion .requestAccordionSummary,
+.methodAccordionContainer .responseAccordion .responseAccordionSummary {
+  font-weight: 700;
+  font-size: 1.125rem;
+  line-height: 1.5rem;
+}
+.methodAccordionContainer .requestAccordion :global(.details) :global(.textArea .inputField),
+.methodAccordionContainer .responseAccordion :global(.details) :global(.textArea .inputField) {
+  padding: 0;
+  border: none;
+}
+.methodAccordionContainer .responseAccordion .responseAccordionSummary {
+  display: flex;
+  align-items: center;
+}
+.methodAccordionContainer .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
+  width: 6.25rem;
+  height: 2.0625rem !important;
+  min-height: 2.0625rem !important;
+  margin-left: auto;
+}
+.methodAccordionContainer .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
+  padding: 0;
+}
+.methodAccordionContainer .responseAccordion :global(.summary .iconContainer .dropdownIcon) {
+  display: none !important;
+}.chips-container {
+  width: 100%;
+}
+.chips-container .overflow-dropdown-div {
+  max-height: 4.25rem;
+  overflow: hidden;
+}
+.chips-container .overflow-dropdown-div .dropdown-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.625rem;
+  margin-top: 0.625rem;
+}
+.chips-container .overflow-dropdown-div .dropdown-list .chip {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #ebecf2;
+  border-radius: 3.125rem;
+  width: max-content;
+  height: 1.5rem;
+  overflow: hidden;
+  transition: all 0.4s ease-in-out;
+  padding-right: 0.9375rem;
+  cursor: default;
+}
+.chips-container .overflow-dropdown-div .dropdown-list .chip:not(.disabled):hover {
+  background: #d8dae5;
+}
+.chips-container .overflow-dropdown-div .dropdown-list .chip:not(.disabled):active {
+  background: #696c80;
+  color: #fff;
+}
+.chips-container .overflow-dropdown-div .dropdown-list .chip:not(.disabled):active .chip-close-icon path {
+  stroke: #fff;
+}
+.chips-container .overflow-dropdown-div .dropdown-list .chip:not(.disabled) .chip-close-icon {
+  cursor: pointer;
+}
+.chips-container .overflow-dropdown-div .dropdown-list .chip.clickable {
+  cursor: pointer;
+}
+.chips-container .overflow-dropdown-div .dropdown-list .chip .chip-text {
+  display: flex;
+  align-items: center;
+  font-size: 0.75rem;
+  height: 100%;
+  padding-left: 0.9375rem;
+  margin-top: -0.125rem;
+}
+.chips-container .overflow-dropdown-div .dropdown-list .chip .chip-close-icon {
+  display: block;
+  height: 0.75rem;
+  width: 0.75rem;
+  margin-block: auto;
+  margin-left: 0.625rem;
+}
+.chips-container .overflow-dropdown-div .dropdown-list .chip .chip-close-icon path {
+  stroke: #12131a;
+}
+.chips-container .dropdown-max-height {
+  max-height: -moz-fit-content;
+  max-height: fit-content !important;
+}
+.chips-container .dropdown-overflow {
+  overflow: visible !important;
+}
+.chips-container .show-btn {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  width: auto;
+  height: 1.25rem;
+  cursor: pointer;
+  border: none;
+  margin-top: 0.625rem;
+  color: #9a9eb2;
+  background-color: transparent;
+}
+.chips-container .show-btn .show-btn-text-container {
+  flex: 1 1 auto;
+}
+.chips-container .show-btn .show-btn-text-container .show-btn-text {
+  font-size: 0.75rem;
+  text-decoration-line: underline;
+}
+.chips-container .show-btn .show-btn-icon-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 1.25rem;
+  width: 1.25rem;
+  margin-top: 0.1875rem;
+  margin-left: 0.125rem;
+}
+.chips-container .show-btn .show-btn-icon-container .show-btn-icon {
+  height: 1.25rem;
+  width: 1.25rem;
+}
+.chips-container .show-btn .show-btn-icon-container .show-btn-icon path {
+  fill: #9a9eb2;
+}
+.chips-container .show-btn:hover {
+  color: #7c9bea;
+}
+.chips-container .show-btn:hover .show-btn-icon-container .show-btn-icon path {
+  fill: #7c9bea;
+}
+.chips-container .show-btn:active {
+  color: #2c4fa4;
+}
+.chips-container .show-btn:active .show-btn-icon-container .show-btn-icon path {
+  fill: #2c4fa4;
+}

package/dist/types/assets/icons/index.d.ts

@@ -0,0 +1,6 @@
+export { default as UpArrowIcon } from './UpArrow.svg';
+export { default as DownArrowIcon } from './DownArrow.svg';
+export { default as CloseIcon } from './CloseIcon.svg';
+export { default as CheckMarkSquare } from './CheckMarkSquare.svg';
+export { default as DeleteIcon } from './DeleteIcon.svg';
+export { default as EditIcon } from './EditIcon.svg';

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import React, { JSX } from 'react';
+interface ButtonProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+}
+declare const Button: ({ children, onClick }: ButtonProps) => JSX.Element;
+export default Button;

package/dist/types/components/Chips/Chips.d.ts

@@ -0,0 +1,16 @@
+import './style.scss';
+type ChipItemType = {
+    id: number | string;
+    label: string;
+    className?: string;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+export type CustomChipsType = {
+    className?: string;
+    items: ChipItemType[];
+    onDelete?: (items: ChipItemType[]) => void;
+    onClick?: (item: ChipItemType) => void;
+};
+declare const Chips: ({ className, items, onDelete, onClick }: CustomChipsType) => import("react/jsx-runtime").JSX.Element;
+export default Chips;

package/dist/types/components/InfoForm/InfoForm.d.ts

@@ -0,0 +1,2 @@
+declare const InfoForm: () => import("react/jsx-runtime").JSX.Element;
+export default InfoForm;

package/dist/types/components/MethodAccordion/MethodAccordion.d.ts

@@ -0,0 +1,2 @@
+declare const MethodsAccordion: () => import("react/jsx-runtime").JSX.Element;
+export default MethodsAccordion;

package/dist/types/components/SVGLoader/SVGLoader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type SVGAttributes = React.SVGProps<SVGSVGElement>;
+interface SVGLoaderProps extends SVGAttributes {
+    src: string;
+    cache?: boolean;
+}
+declare const SVGLoader: React.FC<SVGLoaderProps> | any;
+export default SVGLoader;

package/dist/types/components/SectionHead/SectionHead.d.ts

@@ -0,0 +1,10 @@
+import React, { type JSX } from 'react';
+import './SectionHead.scss';
+type SectionHeadProps = {
+    text: string | JSX.Element;
+    closeFunction?: () => void;
+    children?: JSX.Element;
+    className?: string;
+};
+declare const SectionHead: React.FC<SectionHeadProps>;
+export default SectionHead;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,38 @@
+export declare const methodColorMapping: {
+    GET: {
+        label: string;
+        color: string;
+    };
+    POST: {
+        label: string;
+        color: string;
+    };
+    PUT: {
+        label: string;
+        color: string;
+    };
+    DELETE: {
+        label: string;
+        color: string;
+    };
+};
+export declare const paramsTableHeaders: ({
+    id: string;
+    label: string;
+    sortable: boolean;
+    required: boolean;
+    classes: string;
+} | {
+    id: string;
+    label: string;
+    sortable: boolean;
+    classes: string;
+    required?: undefined;
+} | {
+    id: string;
+    label: string;
+    sortable: boolean;
+    required?: undefined;
+    classes?: undefined;
+})[];
+export declare const httpStatusCodes: number[];

package/dist/types/constants/regex.d.ts

@@ -0,0 +1,5 @@
+declare const regex: {
+    basic: RegExp;
+    restrictNone: RegExp;
+};
+export default regex;

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { default as Layout } from './layout/layout';

package/dist/types/layout/layout.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+declare const Layout: () => JSX.Element;
+export default Layout;

package/dist/types/types/index.d.ts

@@ -0,0 +1,18 @@
+export type MethodTypes = 'GET' | 'POST' | 'PUT' | 'DELETE';
+export interface ParameterType {
+    name: string;
+    in: string;
+    schemaType: string;
+    required: boolean;
+}
+export interface MethodAccordionProps {
+    method: MethodTypes;
+    path: string;
+    desc: string;
+    parameters: ParameterType[];
+    request: string;
+    response: {
+        content: string;
+        statusCode: number;
+    };
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@digi-frontend/dgate-api-documentation",
+  "version": "1.0.0",
+  "main": "dist/src/index.js",
+  "module": "dist/src/index.js",
+  "types": "dist/types/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc --noEmit --skipLibCheck || true && rollup -c"
+  },
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "keywords": [],
+  "author": "Dgate",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "digitinary-ui": "^1.0.156",
+    "formik": "^2.4.6",
+    "html-react-parser": "^5.2.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tslib": "^2.8.1",
+    "yup": "^1.6.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@rollup/plugin-url": "^8.0.2",
+    "@types/react": "^19.0.7",
+    "@types/react-dom": "^19.0.3",
+    "rollup": "^2.79.2",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-sass": "^1.15.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "sass": "^1.83.4",
+    "typescript": "^5.7.3",
+    "typescript-plugin-css-modules": "^5.1.0"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,35 @@
+import resolve from '@rollup/plugin-node-resolve'
+import commonjs from '@rollup/plugin-commonjs'
+import typescript from '@rollup/plugin-typescript'
+import postcss from 'rollup-plugin-postcss'
+import { terser } from 'rollup-plugin-terser'
+import url from '@rollup/plugin-url'
+import sass from 'rollup-plugin-sass'
+
+export default {
+  input: 'src/index.ts',
+  output: [
+    {
+      dir: 'dist',
+      format: 'esm',
+      preserveModules: true,
+      sourcemap: true,
+    },
+  ],
+  plugins: [
+    resolve(),
+    commonjs(),
+    typescript({ tsconfig: './tsconfig.json' }),
+    postcss({
+      modules: false,
+      extract: false,
+      minimize: true,
+    }),
+    terser(),
+    url({ limit: 0 }),
+    sass({
+      output: 'dist/styles.css',
+    }),
+  ],
+  external: ['react', 'react-dom'],
+}

package/src/assets/icons/CheckMarkSquare.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Tick Square">
+<path id="Tick Square_2" fill-rule="evenodd" clip-rule="evenodd" d="M14.3345 0.000244141H5.66549C2.26791 0.000244141 0.000488281 2.43284 0.000488281 5.91624V14.0842C0.000488281 17.5709 2.26186 20.0002 5.66549 20.0002H14.3335C17.7381 20.0002 20.0005 17.5709 20.0005 14.0842V5.91624C20.0005 2.42975 17.7383 0.000244141 14.3345 0.000244141ZM5.66549 1.50024H14.3345C16.885 1.50024 18.5005 3.23521 18.5005 5.91624V14.0842C18.5005 16.7654 16.8849 18.5002 14.3335 18.5002H5.66549C3.11525 18.5002 1.50049 16.7656 1.50049 14.0842V5.91624C1.50049 3.23862 3.12083 1.50024 5.66549 1.50024ZM14.0903 7.09691C13.7974 6.80402 13.3226 6.80402 13.0297 7.09691L8.81309 11.312L6.97021 9.4698L6.88607 9.3972C6.59242 9.17941 6.17576 9.2037 5.90955 9.47003C5.61671 9.76298 5.61682 10.2379 5.90977 10.5307L8.28377 12.9037L8.36789 12.9763C8.6615 13.194 9.07809 13.1698 9.34432 12.9036L14.0903 8.15757L14.1629 8.07346C14.3808 7.77984 14.3566 7.36318 14.0903 7.09691Z" fill="#3AAA35"/>
+</g>
+</svg>

package/src/assets/icons/CloseIcon.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 6L18 18" stroke="#12131A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 6L6 18" stroke="#12131A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/DeleteIcon.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9543 2.54279C11.7393 1.90971 11.1806 1.5 10.5479 1.5H7.45194L7.33425 1.50475C6.7119 1.55512 6.18083 2.00172 6.01728 2.62899L5.83157 3.5761L5.80981 3.65947C5.72088 3.92946 5.47227 4.11685 5.18829 4.11685H2.79854L2.72411 4.12198C2.45636 4.15923 2.25 4.39458 2.25 4.67937C2.25 4.99004 2.49559 5.24189 2.79854 5.24189H15.2015L15.2759 5.23675C15.5436 5.1995 15.75 4.96415 15.75 4.67937C15.75 4.3687 15.5044 4.11685 15.2015 4.11685H12.8116L12.7276 4.11133C12.4519 4.0749 12.224 3.86154 12.1682 3.57587L11.9906 2.66406L11.9543 2.54279ZM11.1858 4.11685C11.1608 4.05334 11.1392 3.98791 11.1212 3.92076L11.0925 3.79656L10.9227 2.9196C10.883 2.76743 10.7605 2.65604 10.6127 2.63057L10.5479 2.62504H7.45194C7.29803 2.62504 7.16122 2.71742 7.10439 2.83352L7.08512 2.88453L6.90735 3.79679C6.88565 3.90786 6.85424 4.01483 6.81413 4.11685H11.1858ZM14.2338 6.54013C14.5106 6.56301 14.7228 6.79287 14.7375 7.06954L14.7304 7.2238L14.4945 10.1122L14.2471 12.931C14.1947 13.4937 14.1479 13.9684 14.1074 14.342C13.9668 15.6441 13.1216 16.4493 11.8475 16.4731C9.86203 16.5098 7.95358 16.5094 6.10029 16.4693C4.86298 16.4433 4.03025 15.6294 3.89216 14.3473L3.79672 13.4026L3.62995 11.5703L3.45912 9.55955L3.26379 7.14591C3.23951 6.83624 3.46463 6.56501 3.76661 6.54012C4.04342 6.5173 4.28873 6.70938 4.34639 6.98008L4.36883 7.2013L4.55224 9.46404L4.75252 11.8094C4.84234 12.8247 4.92025 13.6464 4.9826 14.2236C5.06129 14.9543 5.44603 15.3303 6.12309 15.3445C7.96189 15.3843 9.85611 15.3846 11.8276 15.3482C12.5458 15.3348 12.9366 14.9625 13.017 14.218L13.112 13.2784C13.1398 12.9889 13.1696 12.6692 13.201 12.322L13.4015 10.0153L13.643 7.05562C13.6653 6.77176 13.8894 6.55418 14.1592 6.53911L14.2338 6.54013Z" fill="#DA3F3F"/>
+</svg>

package/src/assets/icons/DownArrow.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2013 14.9613C12.0024 14.9611 11.8118 14.882 11.6713 14.7413L8.20129 11.2613C8.06881 11.1191 7.99669 10.9311 8.00012 10.7368C8.00355 10.5424 8.08231 10.3571 8.21972 10.2197C8.35713 10.0822 8.54251 10.0035 8.73681 10.0001C8.93111 9.99669 9.11917 10.0688 9.26135 10.2013L12.2013 13.2013L15.1412 10.2013C15.2834 10.0688 15.4715 9.99669 15.6658 10.0001C15.8601 10.0035 16.0454 10.0822 16.1829 10.2197C16.3203 10.3571 16.399 10.5424 16.4025 10.7368C16.4059 10.9311 16.3338 11.1191 16.2013 11.2613L12.7313 14.7513C12.5892 14.8883 12.3987 14.9638 12.2013 14.9613Z" fill="#12131A"/>
+</svg>