@digi-frontend/dgate-api-documentation 1.2.0 → 1.4.4

package/dist/types/validator/form.scheme.d.ts

@@ -13,23 +13,23 @@ export declare const schemaValidation: yup.ObjectSchema<{
     paths: {
         path?: string;
         methods?: {
-            description?: string;
             summary?: string;
             type?: string;
+            description?: string;
             tags?: string[];
             requestBody?: {};
         }[];
     }[];
     components: {
-        schemas?: {};
         securitySchemes?: {};
+        schemas?: {};
     };
     security: {
         schemeName?: string[];
     }[];
     tags: {
-        description?: string;
         name?: string;
+        description?: string;
     }[];
 }, yup.AnyObject, {
     openapi: undefined;

package/package.json

@@ -1,22 +1,15 @@
 {
   "name": "@digi-frontend/dgate-api-documentation",
-  "version": "1.2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "version": "1.4.4",
+  "main": "dist/src/index.js",
+  "module": "dist/src/index.js",
   "types": "dist/types/index.d.ts",
-  "files": [
-    "dist",
-    "src/**/*.scss"
-  ],
   "scripts": {
-    "build": "rollup -c",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc --noEmit --skipLibCheck || true && rollup -c || true"
   },
   "exports": {
-    ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
-    }
+    ".": "./src/index.ts"
   },
   "keywords": [],
   "author": "Dgate",
@@ -37,20 +30,18 @@
     "yup": "^1.6.1"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@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.3",
+    "rollup-plugin-sass": "^1.15.2",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.36.0",
     "sass": "^1.83.4",
-    "tsup": "^8.5.0",
     "typescript": "^5.7.3",
     "typescript-plugin-css-modules": "^5.1.0"
   }

package/rollup.config.js

@@ -0,0 +1,37 @@
+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'
+import json from '@rollup/plugin-json'
+
+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',
+    }),
+    json(),
+  ],
+  external: ['react', 'react-dom'],
+}

package/src/assets/icons/AddRow.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="M12.2507 1.5H5.74899C3.20081 1.5 1.50024 3.32445 1.50024 5.937V12.063C1.50024 14.678 3.19627 16.5 5.74899 16.5H12.25C14.8035 16.5 16.5002 14.678 16.5002 12.063V5.937C16.5002 3.32213 14.8036 1.5 12.2507 1.5ZM5.74899 2.625H12.2507C14.1636 2.625 15.3752 3.92622 15.3752 5.937V12.063C15.3752 14.0739 14.1635 15.375 12.25 15.375H5.74899C3.83631 15.375 2.62524 14.074 2.62524 12.063V5.937C2.62524 3.92878 3.8405 2.625 5.74899 2.625ZM12.0676 6.8225C11.8479 6.60283 11.4918 6.60283 11.2721 6.8225L8.10969 9.98385L6.72753 8.60217L6.66443 8.54772C6.44419 8.38437 6.1317 8.40259 5.93204 8.60234C5.71241 8.82205 5.71249 9.17821 5.93221 9.39783L7.71271 11.1776L7.7758 11.232C7.99601 11.3954 8.30845 11.3772 8.50812 11.1775L12.0676 7.618L12.1221 7.55491C12.2855 7.3347 12.2673 7.0222 12.0676 6.8225Z" fill="#A2A5B6"/>
+</svg>

package/src/assets/icons/ApiIcon.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3780_53174)">
+<path d="M11.0269 16.3087H6.94981C3.26006 16.3087 1.68359 14.7323 1.68359 11.0425V6.96543C1.68359 3.27569 3.26006 1.69922 6.94981 1.69922H11.0269C14.7166 1.69922 16.2931 3.27569 16.2931 6.96543V11.0425C16.2931 14.7323 14.7166 16.3087 11.0269 16.3087ZM6.94981 2.71849C3.81726 2.71849 2.70286 3.83288 2.70286 6.96543V11.0425C2.70286 14.1751 3.81726 15.2894 6.94981 15.2894H11.0269C14.1594 15.2894 15.2738 14.1751 15.2738 11.0425V6.96543C15.2738 3.83288 14.1594 2.71849 11.0269 2.71849H6.94981Z" fill="black"/>
+<path d="M7.35281 11.57C7.2237 11.57 7.09459 11.5225 6.99267 11.4205L5.30068 9.72854C4.89977 9.32763 4.89977 8.6821 5.30068 8.28118L6.99267 6.5892C7.18973 6.39214 7.51589 6.39214 7.71295 6.5892C7.91001 6.78626 7.91001 7.11242 7.71295 7.30948L6.02097 9.00147L7.71295 10.7002C7.91001 10.8973 7.91001 11.2235 7.71295 11.4205C7.61102 11.5157 7.48192 11.57 7.35281 11.57Z" fill="black"/>
+<path d="M10.6173 11.569C10.4882 11.569 10.3591 11.5214 10.2572 11.4195C10.0601 11.2225 10.0601 10.8963 10.2572 10.6992L11.9492 9.00045L10.2572 7.30167C10.0601 7.10461 10.0601 6.77845 10.2572 6.58139C10.4542 6.38433 10.7804 6.38433 10.9775 6.58139L12.6694 8.27337C13.0703 8.67428 13.0703 9.31982 12.6694 9.72073L10.9775 11.4127C10.8823 11.5146 10.7464 11.569 10.6173 11.569Z" fill="#292D32"/>
+</g>
+<defs>
+<clipPath id="clip0_3780_53174">
+<rect width="16.3083" height="16.3083" fill="white" transform="translate(0.832031 0.847656)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/ArrowBack.svg

@@ -0,0 +1,3 @@
+<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.49844 15.2253C7.3401 15.2253 7.18177 15.1669 7.05677 15.0419L1.62344 9.60859C0.740104 8.72526 0.740104 7.27526 1.62344 6.39193L7.05677 0.958594C7.29844 0.716927 7.69844 0.716927 7.9401 0.958594C8.18177 1.20026 8.18177 1.60026 7.9401 1.84193L2.50677 7.27526C2.10677 7.67526 2.10677 8.32526 2.50677 8.72526L7.9401 14.1586C8.18177 14.4003 8.18177 14.8003 7.9401 15.0419C7.8151 15.1586 7.65677 15.2253 7.49844 15.2253Z" fill="#4D75D9"/>
+</svg>

package/src/assets/icons/BookIcon.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.15631 15.8523C7.95246 15.8523 7.7486 15.8048 7.57873 15.7097C6.30804 15.0166 4.07245 14.2827 2.67265 14.0992L2.4756 14.072C1.58544 13.9633 0.851562 13.1275 0.851562 12.2238V4.01526C0.851562 3.47844 1.06221 2.9892 1.44953 2.63585C1.83685 2.2825 2.33969 2.11263 2.86971 2.16019C4.36464 2.27571 6.62062 3.02317 7.8981 3.825L8.06118 3.92013C8.10875 3.94731 8.21067 3.94731 8.25144 3.92692L8.36017 3.85897C9.63765 3.05715 11.8936 2.29609 13.3953 2.16699C13.4089 2.16699 13.4633 2.16699 13.4769 2.16699C13.9729 2.11942 14.4826 2.29609 14.8631 2.64944C15.2504 3.00279 15.4611 3.49203 15.4611 4.02885V12.2306C15.4611 13.1411 14.7272 13.9701 13.8302 14.0788L13.606 14.106C12.2062 14.2895 9.96381 15.0301 8.72031 15.7164C8.55722 15.8116 8.36017 15.8523 8.15631 15.8523ZM2.70663 3.17266C2.48919 3.17266 2.29213 3.24741 2.13584 3.39011C1.96596 3.5464 1.87083 3.77063 1.87083 4.01526V12.2238C1.87083 12.6247 2.21738 13.012 2.6047 13.0664L2.80856 13.0935C4.33746 13.2974 6.68177 14.0652 8.04079 14.8059C8.10195 14.8331 8.19029 14.8399 8.22426 14.8263C9.58329 14.072 11.9412 13.2974 13.4769 13.0935L13.7079 13.0664C14.0952 13.0188 14.4418 12.6247 14.4418 12.2238V4.02205C14.4418 3.77063 14.3467 3.55319 14.1768 3.39011C14.0001 3.23382 13.7759 3.15907 13.5245 3.17266C13.5109 3.17266 13.4565 3.17266 13.4429 3.17266C12.145 3.28818 10.0521 3.98808 8.91057 4.70157L8.80185 4.77631C8.42812 5.00735 7.8981 5.00735 7.53796 4.78311L7.37487 4.68798C6.21291 3.97449 4.12001 3.28139 2.78817 3.17266C2.76099 3.17266 2.73381 3.17266 2.70663 3.17266Z" fill="#9CA1AA"/>
+<path d="M8.15416 15.2783C7.87557 15.2783 7.64453 15.0473 7.64453 14.7687V4.57604C7.64453 4.29744 7.87557 4.06641 8.15416 4.06641C8.43276 4.06641 8.6638 4.29744 8.6638 4.57604V14.7687C8.6638 15.0541 8.43276 15.2783 8.15416 15.2783Z" fill="#9CA1AA"/>
+<path d="M5.2651 7.12474H3.7362C3.4576 7.12474 3.22656 6.8937 3.22656 6.6151C3.22656 6.3365 3.4576 6.10547 3.7362 6.10547H5.2651C5.5437 6.10547 5.77473 6.3365 5.77473 6.6151C5.77473 6.8937 5.5437 7.12474 5.2651 7.12474Z" fill="#9CA1AA"/>
+<path d="M5.77473 9.1638H3.7362C3.4576 9.1638 3.22656 8.93276 3.22656 8.65416C3.22656 8.37557 3.4576 8.14453 3.7362 8.14453H5.77473C6.05333 8.14453 6.28436 8.37557 6.28436 8.65416C6.28436 8.93276 6.05333 9.1638 5.77473 9.1638Z" fill="#9CA1AA"/>
+</svg>

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/CopySticker.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.1512 7.77715C11.5014 7.41329 11.984 7.20703 12.4889 7.20703H17.335C19.5873 7.20703 20.9999 8.80162 20.9999 11.0588V17.1492C20.9999 19.4073 19.5941 21.0019 17.335 21.0019H10.871C8.61093 21.0019 7.20508 19.4073 7.20508 17.1492V12.6329C7.20508 12.1543 7.3909 11.695 7.72169 11.3497L11.1512 7.77715Z" stroke="#828699" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.3821 7.26172V10.0588C12.3831 11.4238 11.2779 12.532 9.9129 12.5349H7.26367" stroke="#828699" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.20587 16.8026H6.66688C4.40488 16.8026 3 15.2051 3 12.9431V8.42882C3 7.95696 3.19264 7.49483 3.51953 7.14847L6.94611 3.57791C7.30219 3.21209 7.78378 3 8.28385 3H13.1348C15.387 3 16.8017 4.59848 16.8017 6.86049V7.20685" stroke="#828699" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.18096 3.05859V5.8557C8.18193 7.22069 7.07671 8.32883 5.71172 8.33175H3.0625" stroke="#828699" 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>

package/src/assets/icons/EditIcon.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 fill-rule="evenodd" clip-rule="evenodd" d="M3.96867 13.9157L13.6592 4.41662C14.906 3.19446 16.9283 3.19446 18.175 4.41662L19.4694 5.6854C20.7162 6.90755 20.7162 8.88985 19.4694 10.112L9.74061 19.6486C9.1843 20.1939 8.43007 20.4999 7.64282 20.4999H3.65854C3.28841 20.4999 2.99098 20.201 3.00021 19.8383L3.10043 15.8975C3.12036 15.1526 3.43127 14.4425 3.96867 13.9157ZM18.5381 6.59831L17.2437 5.32953C16.5113 4.61156 15.323 4.61156 14.5905 5.32953L13.8382 6.06697L17.7862 9.93612L18.5381 9.19909C19.2705 8.48112 19.2705 7.31628 18.5381 6.59831ZM4.89998 14.8287L12.9069 6.97989L16.8549 10.849L8.8093 18.7357L8.70228 18.8317C8.4067 19.0745 8.03222 19.2088 7.64282 19.2088L4.33345 19.2084L4.41707 15.9305C4.42814 15.5169 4.60126 15.1215 4.89998 14.8287ZM21 19.8545C21 19.498 20.7052 19.2089 20.3415 19.2089H13.471L13.3816 19.2148C13.0602 19.2576 12.8125 19.5277 12.8125 19.8545C12.8125 20.211 13.1073 20.5 13.471 20.5H20.3415L20.4308 20.4941C20.7523 20.4514 21 20.1813 21 19.8545Z" fill="#3A6CD1"/>
+</svg>

package/src/assets/icons/FilterIcon.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.11536 18.875C8.71536 18.875 8.3237 18.775 7.95703 18.575C7.2237 18.1667 6.78203 17.425 6.78203 16.5917V12.175C6.78203 11.7583 6.50703 11.1333 6.2487 10.8167L3.13203 7.51667C2.60703 6.99167 2.20703 6.09167 2.20703 5.41667V3.5C2.20703 2.16667 3.21536 1.125 4.4987 1.125H15.4987C16.7654 1.125 17.7904 2.15 17.7904 3.41667V5.25C17.7904 6.125 17.2654 7.11667 16.7737 7.60833L13.1654 10.8C12.8154 11.0917 12.5404 11.7333 12.5404 12.25V15.8333C12.5404 16.575 12.0737 17.4333 11.4904 17.7833L10.3404 18.525C9.96536 18.7583 9.54036 18.875 9.11536 18.875ZM4.4987 2.375C3.91536 2.375 3.45703 2.86667 3.45703 3.5V5.41667C3.45703 5.725 3.70703 6.325 4.0237 6.64167L7.1987 9.98333C7.6237 10.5083 8.04036 11.3833 8.04036 12.1667V16.5833C8.04036 17.125 8.41536 17.3917 8.5737 17.475C8.9237 17.6667 9.3487 17.6667 9.6737 17.4667L10.832 16.725C11.0654 16.5833 11.2987 16.1333 11.2987 15.8333V12.25C11.2987 11.3583 11.732 10.375 12.357 9.85L15.9237 6.69167C16.207 6.40833 16.5487 5.73333 16.5487 5.24167V3.41667C16.5487 2.84167 16.082 2.375 15.507 2.375H4.4987Z" fill="black"/>
+<path d="M4.99908 8.95741C4.88241 8.95741 4.77408 8.92408 4.66575 8.86575C4.37408 8.68241 4.28241 8.29075 4.46575 7.99908L8.57408 1.41575C8.75741 1.12408 9.14075 1.03241 9.43241 1.21575C9.72408 1.39908 9.81575 1.78241 9.63241 2.07408L5.52408 8.65741C5.40741 8.84908 5.20741 8.95741 4.99908 8.95741Z" fill="black"/>
+</svg>

package/src/assets/icons/Plus.svg

@@ -0,0 +1,5 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 1.875C4.39319 1.875 1.875 4.39317 1.875 7.5C1.875 10.6062 4.39319 13.125 7.5 13.125C10.6068 13.125 13.125 10.6062 13.125 7.5C13.125 4.39317 10.6068 1.875 7.5 1.875Z" stroke="#12131A" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.43819 7.5L9.56299 7.5" stroke="#12131A" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.50049 5.4377L7.50049 9.5625" stroke="#12131A" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/PlusSquare.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9058 1.33594C13.1666 1.33594 14.6665 2.94701 14.6665 5.26465V10.7402C14.6665 13.0579 13.1666 14.6689 10.9058 14.6689H5.09424C2.83342 14.6689 1.3335 13.0579 1.3335 10.7402V5.26465C1.33353 2.94919 2.8374 1.33596 5.09424 1.33594H10.9058ZM5.09424 2.2666C3.36631 2.26663 2.26419 3.44892 2.26416 5.26465V10.7402C2.26416 12.5584 3.36262 13.7392 5.09424 13.7393H10.9058C12.6374 13.7393 13.7368 12.5584 13.7368 10.7402V5.26465C13.7368 3.44649 12.6374 2.2666 10.9058 2.2666H5.09424ZM8.00049 5.25977C8.23581 5.25993 8.43064 5.43519 8.46143 5.66211L8.46533 5.72461V7.53125H10.2739C10.5308 7.53125 10.7388 7.74019 10.7388 7.99707C10.7386 8.23232 10.5642 8.42716 10.3374 8.45801L10.2739 8.46191H8.46533V10.2686C8.46527 10.5253 8.25718 10.7332 8.00049 10.7334C7.76519 10.7334 7.57057 10.5588 7.53955 10.332L7.53467 10.2686V8.46191H5.72607C5.46941 8.46181 5.26143 8.25372 5.26123 7.99707C5.26123 7.7616 5.43655 7.56693 5.66357 7.53613L5.72607 7.53125H7.53467V5.72461C7.53486 5.4679 7.74373 5.25977 8.00049 5.25977Z" fill="#4D75D8"/>
+</svg>

package/src/assets/icons/RequestOption.svg

@@ -0,0 +1,5 @@
+<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6909 16.3087H6.61387C2.92412 16.3087 1.34766 14.7323 1.34766 11.0425V6.96543C1.34766 3.27569 2.92412 1.69922 6.61387 1.69922H10.6909C14.3807 1.69922 15.9572 3.27569 15.9572 6.96543V11.0425C15.9572 14.7323 14.3807 16.3087 10.6909 16.3087ZM6.61387 2.71849C3.48132 2.71849 2.36692 3.83288 2.36692 6.96543V11.0425C2.36692 14.1751 3.48132 15.2894 6.61387 15.2894H10.6909C13.8235 15.2894 14.9379 14.1751 14.9379 11.0425V6.96543C14.9379 3.83288 13.8235 2.71849 10.6909 2.71849H6.61387Z" fill="black"/>
+<path d="M7.01687 11.57C6.88776 11.57 6.75866 11.5225 6.65673 11.4205L4.96475 9.72854C4.56383 9.32763 4.56383 8.6821 4.96475 8.28118L6.65673 6.5892C6.85379 6.39214 7.17995 6.39214 7.37701 6.5892C7.57407 6.78626 7.57407 7.11242 7.37701 7.30948L5.68503 9.00147L7.37701 10.7002C7.57407 10.8973 7.57407 11.2235 7.37701 11.4205C7.27509 11.5157 7.14598 11.57 7.01687 11.57Z" fill="black"/>
+<path d="M10.2814 11.569C10.1523 11.569 10.0232 11.5214 9.92123 11.4195C9.72417 11.2225 9.72417 10.8963 9.92123 10.6992L11.6132 9.00045L9.92123 7.30167C9.72417 7.10461 9.72417 6.77845 9.92123 6.58139C10.1183 6.38433 10.4445 6.38433 10.6415 6.58139L12.3335 8.27337C12.7344 8.67428 12.7344 9.31982 12.3335 9.72073L10.6415 11.4127C10.5464 11.5146 10.4105 11.569 10.2814 11.569Z" fill="#292D32"/>
+</svg>

package/src/assets/icons/UpArrow.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="M15.6713 14.9814C15.4733 14.9771 15.2841 14.8986 15.1412 14.7614L12.2013 11.7614L9.26135 14.7614C9.11917 14.8939 8.93111 14.966 8.73681 14.9626C8.54251 14.9592 8.35713 14.8805 8.21972 14.743C8.08231 14.6056 8.00355 14.4203 8.00012 14.226C7.99669 14.0317 8.06881 13.8436 8.20129 13.7014L11.6713 10.2114C11.8143 10.0757 12.0041 10 12.2013 10C12.3985 10 12.5882 10.0757 12.7313 10.2114L16.2013 13.7014C16.3417 13.842 16.4206 14.0326 16.4206 14.2314C16.4206 14.4301 16.3417 14.6208 16.2013 14.7614C16.0584 14.8986 15.8693 14.9771 15.6713 14.9814V14.9814Z" fill="#12131A"/>
+</svg>

package/src/assets/icons/arrow-down.svg

@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0027 19.6007C13.186 19.6007 12.3694 19.2857 11.751 18.6674L4.14437 11.0607C3.80604 10.7224 3.80604 10.1624 4.14437 9.82406C4.48271 9.48573 5.04271 9.48573 5.38104 9.82406L12.9877 17.4307C13.5477 17.9907 14.4577 17.9907 15.0177 17.4307L22.6244 9.82406C22.9627 9.48573 23.5227 9.48573 23.861 9.82406C24.1994 10.1624 24.1994 10.7224 23.861 11.0607L16.2544 18.6674C15.636 19.2857 14.8194 19.6007 14.0027 19.6007Z" fill="#616874"/>
+</svg>

package/src/assets/icons/arrow-up.svg

@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6817_4615)">
+<path d="M13.9973 8.39927C14.814 8.39927 15.6306 8.71427 16.249 9.3326L23.8556 16.9393C24.194 17.2776 24.194 17.8376 23.8556 18.1759C23.5173 18.5143 22.9573 18.5143 22.619 18.1759L15.0123 10.5693C14.4523 10.0093 13.5423 10.0093 12.9823 10.5693L5.37563 18.1759C5.03729 18.5143 4.47729 18.5143 4.13896 18.1759C3.80062 17.8376 3.80062 17.2776 4.13896 16.9393L11.7456 9.3326C12.364 8.71427 13.1806 8.39927 13.9973 8.39927Z" fill="#616874"/>
+</g>
+<defs>
+<clipPath id="clip0_6817_4615">
+<rect width="28" height="28" fill="white" transform="translate(28 28) rotate(-180)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/arrowDownGray.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2787 5.96484L8.93208 10.3115C8.41875 10.8248 7.57875 10.8248 7.06542 10.3115L2.71875 5.96484" stroke="#BBBEC5" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/arrowRightGray.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.94141 13.2787L10.2881 8.93208C10.8014 8.41875 10.8014 7.57875 10.2881 7.06542L5.94141 2.71875" stroke="#BBBEC5" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/close-circle.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.17188 14.8319L14.8319 9.17188" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.8319 14.8319L9.17188 9.17188" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/copy.svg

@@ -0,0 +1,4 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6.45V8.55C8 10.3 7.3 11 5.55 11H3.45C1.7 11 1 10.3 1 8.55V6.45C1 4.7 1.7 4 3.45 4H5.55C7.3 4 8 4.7 8 6.45Z" stroke="#6B7280" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 3.45V5.55C11 7.3 10.3 8 8.55 8H8V6.45C8 4.7 7.3 4 5.55 4H4V3.45C4 1.7 4.7 1 6.45 1H8.55C10.3 1 11 1.7 11 3.45Z" stroke="#6B7280" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/deleteOutlinedIcon.svg

@@ -0,0 +1,8 @@
+<svg width="67" height="67" viewBox="0 0 67 67" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.5 66C51.4493 66 66 51.4493 66 33.5C66 15.5507 51.4493 1 33.5 1C15.5507 1 1 15.5507 1 33.5C1 51.4493 15.5507 66 33.5 66Z" stroke="#DA3F3F" stroke-width="1.5"/>
+<path d="M43 27.98C39.67 27.65 36.32 27.48 32.98 27.48C31 27.48 29.02 27.58 27.04 27.78L25 27.98" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M30.5 26.97L30.72 25.66C30.88 24.71 31 24 32.69 24H35.31C37 24 37.13 24.75 37.28 25.67L37.5 26.97" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M40.85 31.1401L40.2 41.2101C40.09 42.7801 40 44.0001 37.21 44.0001H30.79C28 44.0001 27.91 42.7801 27.8 41.2101L27.15 31.1401" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32.33 38.5H35.66" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31.5 34.5H36.5" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/document.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 4.66536V11.332C14 13.332 13 14.6654 10.6667 14.6654H5.33333C3 14.6654 2 13.332 2 11.332V4.66536C2 2.66536 3 1.33203 5.33333 1.33203H10.6667C13 1.33203 14 2.66536 14 4.66536Z" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.66797 3V4.33333C9.66797 5.06667 10.268 5.66667 11.0013 5.66667H12.3346" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33203 8.66797H7.9987" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33203 11.332H10.6654" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/eye.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/index.ts

@@ -0,0 +1,27 @@
+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'
+export { default as AddRow } from './AddRow.svg'
+export { default as CopySticker } from './CopySticker.svg'
+export { default as arrowDownGray } from './arrowDownGray.svg'
+export { default as arrowRightGray } from './arrowRightGray.svg'
+export { default as document } from './document.svg'
+export { default as eye } from './eye.svg'
+export { default as DeleteOutlinedIcon } from './DeleteOutlinedIcon.svg'
+export { default as ApiIcon } from './ApiIcon.svg'
+export { default as FilterIcon } from './FilterIcon.svg'
+export { default as BookIcon } from './BookIcon.svg'
+export { default as Closecircle } from './close-circle.svg'
+export { default as InfoIcon } from './infoIcon.svg'
+export { default as SearchIcon } from './searchIcon.svg'
+export { default as Copy } from './copy.svg'
+export { default as PlusIcon } from './Plus.svg'
+export { default as PlusSquare } from './PlusSquare.svg'
+export { default as RequestOption } from './RequestOption.svg'
+export { default as ArrowBack } from './ArrowBack.svg'
+export { default as arrowDown } from './arrow-down.svg'
+export { default as newCopyIcon } from './newCopyIcon.svg'
+export { default as arrowUp } from './arrow-up.svg'

package/src/assets/icons/infoIcon.svg

@@ -0,0 +1,5 @@
+<svg width="67" height="67" viewBox="0 0 67 67" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.5 66C51.4493 66 66 51.4493 66 33.5C66 15.5507 51.4493 1 33.5 1C15.5507 1 1 15.5507 1 33.5C1 51.4493 15.5507 66 33.5 66Z" stroke="#FAAD14" stroke-width="1.5"/>
+<line x1="33.5" y1="30" x2="33.5" y2="42" stroke="#FAAD14" stroke-width="2" stroke-linecap="round"/>
+<path d="M35 25.5C35 26.3284 34.3284 27 33.5 27C32.6716 27 32 26.3284 32 25.5C32 24.6716 32.6716 24 33.5 24C34.3284 24 35 24.6716 35 25.5Z" fill="#FAAD14"/>
+</svg>

package/src/assets/icons/newCopyIcon.svg

@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9487 26.5443H8.0487C3.48703 26.5443 1.45703 24.5143 1.45703 19.9526V15.0526C1.45703 10.4909 3.48703 8.46094 8.0487 8.46094H12.9487C17.5104 8.46094 19.5404 10.4909 19.5404 15.0526V19.9526C19.5404 24.5143 17.5104 26.5443 12.9487 26.5443ZM8.0487 10.2109C4.43203 10.2109 3.20703 11.4359 3.20703 15.0526V19.9526C3.20703 23.5693 4.43203 24.7943 8.0487 24.7943H12.9487C16.5654 24.7943 17.7904 23.5693 17.7904 19.9526V15.0526C17.7904 11.4359 16.5654 10.2109 12.9487 10.2109H8.0487V10.2109Z" fill="#616874"/>
+<path d="M19.9526 19.5404H18.6693C18.1909 19.5404 17.7943 19.1437 17.7943 18.6654V15.0487C17.7943 11.432 16.5693 10.207 12.9526 10.207H9.33594C8.8576 10.207 8.46094 9.81037 8.46094 9.33203V8.0487C8.46094 3.48703 10.4909 1.45703 15.0526 1.45703H19.9526C24.5143 1.45703 26.5443 3.48703 26.5443 8.0487V12.9487C26.5443 17.5104 24.5143 19.5404 19.9526 19.5404ZM19.5443 17.7904H19.9526C23.5693 17.7904 24.7943 16.5654 24.7943 12.9487V8.0487C24.7943 4.43203 23.5693 3.20703 19.9526 3.20703H15.0526C11.4359 3.20703 10.2109 4.43203 10.2109 8.0487V8.45703H12.9526C17.5143 8.45703 19.5443 10.487 19.5443 15.0487V17.7904Z" fill="#616874"/>
+</svg>

package/src/assets/icons/searchIcon.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.66536 14.4987C3.8987 14.4987 0.832031 11.432 0.832031 7.66536C0.832031 3.8987 3.8987 0.832031 7.66536 0.832031C11.432 0.832031 14.4987 3.8987 14.4987 7.66536C14.4987 11.432 11.432 14.4987 7.66536 14.4987ZM7.66536 1.83203C4.44536 1.83203 1.83203 4.45203 1.83203 7.66536C1.83203 10.8787 4.44536 13.4987 7.66536 13.4987C10.8854 13.4987 13.4987 10.8787 13.4987 7.66536C13.4987 4.45203 10.8854 1.83203 7.66536 1.83203Z" fill="#8390A2"/>
+<path d="M14.6676 15.1676C14.5409 15.1676 14.4143 15.1209 14.3143 15.0209L12.9809 13.6876C12.7876 13.4943 12.7876 13.1743 12.9809 12.9809C13.1743 12.7876 13.4943 12.7876 13.6876 12.9809L15.0209 14.3143C15.2143 14.5076 15.2143 14.8276 15.0209 15.0209C14.9209 15.1209 14.7943 15.1676 14.6676 15.1676Z" fill="#8390A2"/>
+</svg>

package/src/components/Chips/Chips.tsx

@@ -0,0 +1,87 @@
+import React, { useEffect, useRef, useState } from 'react'
+import SVGLoader from '../../components/SVGLoader/SVGLoader'
+import { CloseIcon, DownArrowIcon, UpArrowIcon } from '../../assets/icons'
+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
+}
+
+const Chips = ({ className, items, onDelete, onClick }: CustomChipsType) => {
+  const showMoreAppearsAfterHeight = 58
+  const [showBtnVisible, setShowBtnVisible] = useState(false)
+  const [showBtnOpen, setShowBtnOpen] = useState(false) // Fixed typo
+  const dropdownList = useRef<HTMLDivElement | null>(null) // Specify the correct type for the ref
+
+  useEffect(() => {
+    if (dropdownList.current) {
+      const showMoreOrLess = setTimeout(() => {
+        const offsetHeight = dropdownList?.current?.offsetHeight as number // Correctly infer offsetHeight
+        setShowBtnVisible(offsetHeight > showMoreAppearsAfterHeight)
+      }, 0) // Pass 0 as a number, not an array
+
+      return () => clearTimeout(showMoreOrLess)
+    }
+  }, [items?.length, showMoreAppearsAfterHeight])
+
+  const showButtonHandler = (e: any) => {
+    e?.stopPropagation()
+    setShowBtnOpen(!showBtnOpen)
+  }
+
+  return (
+    <div className={`chips-container ${className ?? ''}`}>
+      {!!items?.length && (
+        <div className={`overflow-dropdown-div ${showBtnOpen && 'dropdown-max-height dropdown-overflow'}`}>
+          <div ref={dropdownList} className='dropdown-list'>
+            {items?.map((chip, index) => (
+              <div
+                key={chip.id}
+                className={`chip ${chip.disabled ? 'disabled' : ''}${!!onClick ? 'clickable' : ''}${chip?.className ?? ''}`}
+                onClick={() => !!onClick && chip.disabled === false && onClick(chip)}
+              >
+                <span className='chip-text'> {chip.label} </span>
+                {chip.disabled !== true && (
+                  <SVGLoader
+                    onClick={(e: any) => {
+                      e.stopPropagation()
+                      const filteredChips = items.filter((_, iIndex) => iIndex !== index)
+                      onDelete && onDelete(filteredChips)
+                    }}
+                    className='chip-close-icon'
+                    src={CloseIcon}
+                    width={'1.25rem'}
+                    height={'1.25rem'}
+                  />
+                )}
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+      {showBtnVisible ? (
+        <button className='show-btn' onClick={showButtonHandler} type='button'>
+          <div className='show-btn-text-container'>
+            <span className='show-btn-text'>{showBtnOpen ? 'Show Less' : 'Show More'}</span>
+          </div>
+          <div className='show-btn-icon-container'>
+            <SVGLoader className='show-btn-icon' src={showBtnOpen ? UpArrowIcon : DownArrowIcon} width={'1.25rem'} height={'1.25rem'} />
+          </div>
+        </button>
+      ) : null}
+    </div>
+  )
+}
+
+export default Chips