@bjsdistribution/dms-client-return 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function ReturnClient(): React.JSX.Element;
+export default ReturnClient;

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dms-client-return.cjs.production.min.js')
+} else {
+  module.exports = require('./dms-client-return.cjs.development.js')
+}

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/package.json

@@ -0,0 +1,98 @@
+{
+  "version": "0.0.1",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "start": "tsdx watch",
+    "build": "tsdx build",
+    "test": "tsdx test --passWithNoTests",
+    "lint": "tsdx lint",
+    "prepare": "tsdx build",
+    "size": "size-limit",
+    "analyze": "size-limit --why"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "tsdx lint"
+    }
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "name": "@bjsdistribution/dms-client-return",
+  "author": "gurjung",
+  "module": "dist/dms-client-return.esm.js",
+  "size-limit": [
+    {
+      "path": "dist/dms-client-return.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/dms-client-return.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "jest": {
+    "collectCoverageFrom": [
+      "src/**/*.{ts,tsx}"
+    ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.ts"
+    ],
+    "modulePaths": [
+      "<rootDir>/src"
+    ],
+    "testEnvironment": "jest-environment-jsdom-sixteen"
+  },
+  "devDependencies": {
+    "@bjsdistribution/dms-component-library": "^0.0.87",
+    "@size-limit/preset-small-lib": "^11.0.1",
+    "@tippyjs/react": "^4.2.6",
+    "@types/react": "^18.2.47",
+    "@types/react-datepicker": "^4.8.0",
+    "@types/react-dom": "^18.2.18",
+    "@types/react-outside-click-handler": "^1.3.1",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/styled-components": "^5.1.34",
+    "date-fns": "2.28.0",
+    "framer-motion": "4.1.17",
+    "husky": "^8.0.3",
+    "react": "^18.2.0",
+    "react-datepicker": "4.8.0",
+    "react-dom": "^18.2.0",
+    "react-dropzone": "^14.2.3",
+    "react-outside-click-handler": "^1.3.0",
+    "react-router-dom": "^6.21.3",
+    "react-select": "^5.8.0",
+    "size-limit": "^11.0.1",
+    "styled-components": "^6.1.8",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.15.10",
+    "@tanstack/react-table": "^8.11.8",
+    "antd": "^5.18.3",
+    "dayjs": "^1.11.11",
+    "jotai": "^2.6.3",
+    "react-custom-scrollbars-2": "^4.5.0",
+    "react-switch-selector": "^2.2.1"
+  }
+}

package/src/assets/PostCodeIcon.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+function PostCodeIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="28"
+      height="21"
+      viewBox="0 0 28 21"
+      fill="none"
+    >
+      <g clip-path="url(#clip0_907_214721)">
+        <path
+          d="M19.708 14.3359L18.6288 15.8201L23.9124 15.1883C22.8462 14.7971 21.4028 14.5176 19.708 14.3359ZM6.09717 14.6595C3.64997 15.1316 2.09961 15.9051 2.09961 17.054C2.10062 17.3014 2.17454 17.5457 2.31633 17.7702L10.7961 16.7565L6.09717 14.6595ZM25.7008 16.3839L13.8988 17.7909L17.0113 20.3808C22.1224 20.046 25.8996 18.8518 25.8996 17.054C25.8996 16.8144 25.8291 16.5916 25.7008 16.3839ZM11.9046 18.0338L3.93025 18.9871C6.03809 19.9421 9.75845 20.4799 13.9996 20.4799C14.2566 20.4799 14.5078 20.4746 14.7609 20.4707L11.9046 18.0338Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+        <path
+          d="M14.0001 0C9.43613 0 5.69141 2.7306 5.69141 6.06126C5.69141 7.34167 6.24777 8.53442 7.18717 9.51521L12.5727 16.3248L12.5956 16.3467C12.8082 16.5497 13.0156 16.7098 13.2592 16.8276C13.5028 16.9456 13.8052 17.016 14.102 16.9943C14.6951 16.9509 15.0582 16.6445 15.4029 16.3029L15.4214 16.2853L21.3669 8.88361L21.3703 8.8789C21.5097 8.69458 21.6128 8.50698 21.7001 8.3243C22.1012 7.60587 22.3075 6.83727 22.3077 6.06126C22.3077 2.7306 18.5641 0 14.0001 0ZM14.0001 3.49082C15.98 3.49082 17.5253 4.61906 17.5253 6.06106C17.5253 7.50346 15.98 8.6313 14.0001 8.6313C12.02 8.6313 10.4738 7.50326 10.4738 6.06106C10.4738 4.61926 12.0202 3.49082 14.0001 3.49082Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_907_214721">
+          <rect width="28" height="20.48" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+
+export default PostCodeIcon;

package/src/assets/icons/ActionIcon.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+const ActionIcon = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="25"
+    height="25"
+    viewBox="0 0 25 25"
+    fill="none"
+  >
+    <path
+      d="M0.5 12.2432C0.5 5.61581 5.87258 0.243225 12.5 0.243225C19.1274 0.243225 24.5 5.61581 24.5 12.2432C24.5 18.8706 19.1274 24.2432 12.5 24.2432C5.87258 24.2432 0.5 18.8706 0.5 12.2432Z"
+      fill="#E95252"
+      fill-opacity="0.5"
+    />
+    <path
+      d="M16.566 9.23825C16.6377 9.16909 16.6948 9.08636 16.7342 8.99488C16.7735 8.90339 16.7943 8.80499 16.7952 8.70541C16.7961 8.60582 16.7772 8.50705 16.7395 8.41486C16.7018 8.32267 16.6462 8.23891 16.5758 8.16846C16.5054 8.098 16.4217 8.04228 16.3295 8.00452C16.2374 7.96677 16.1386 7.94774 16.0391 7.94856C15.9395 7.94938 15.841 7.97002 15.7495 8.00929C15.658 8.04855 15.5752 8.10565 15.506 8.17725L12.5 11.1822L9.495 8.17725C9.42634 8.10356 9.34354 8.04446 9.25154 8.00347C9.15954 7.96247 9.06022 7.94043 8.95952 7.93865C8.85882 7.93688 8.75879 7.9554 8.6654 7.99312C8.57201 8.03084 8.48718 8.08699 8.41596 8.15821C8.34474 8.22943 8.2886 8.31426 8.25087 8.40765C8.21315 8.50104 8.19463 8.60107 8.19641 8.70177C8.19818 8.80247 8.22022 8.90178 8.26122 8.99378C8.30221 9.08578 8.36131 9.16858 8.435 9.23725L11.438 12.2432L8.433 15.2482C8.30052 15.3904 8.22839 15.5785 8.23182 15.7728C8.23525 15.9671 8.31396 16.1525 8.45138 16.2899C8.58879 16.4273 8.77417 16.506 8.96847 16.5094C9.16278 16.5128 9.35082 16.4407 9.493 16.3082L12.5 13.3032L15.505 16.3092C15.6472 16.4417 15.8352 16.5139 16.0295 16.5104C16.2238 16.507 16.4092 16.4283 16.5466 16.2909C16.684 16.1535 16.7627 15.9681 16.7662 15.7738C16.7696 15.5795 16.6975 15.3914 16.565 15.2492L13.562 12.2432L16.566 9.23825Z"
+      fill="#E95252"
+    />
+  </svg>
+);
+
+export default ActionIcon;

package/src/assets/icons/ArrivalIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ArrivalIcon = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="31" viewBox="0 0 30 31" fill="none">
+    <path d="M6.875 18C7.59541 17.9999 8.29374 18.2486 8.85181 18.7042C9.40989 19.1598 9.79342 19.7941 9.9375 20.5H18.75V8H5C4.33696 8 3.70107 8.26339 3.23223 8.73223C2.76339 9.20107 2.5 9.83696 2.5 10.5V20.5H3.8125C3.95658 19.7941 4.34011 19.1598 4.89819 18.7042C5.45626 18.2486 6.15459 17.9999 6.875 18ZM6.875 24.25C6.15459 24.2501 5.45626 24.0014 4.89819 23.5458C4.34011 23.0902 3.95658 22.4559 3.8125 21.75H1.25V10.5C1.25 9.50544 1.64509 8.55161 2.34835 7.84835C3.05161 7.14509 4.00544 6.75 5 6.75H18.75C19.0815 6.75 19.3995 6.8817 19.6339 7.11612C19.8683 7.35054 20 7.66848 20 8V10.5H23.75L27.5 15.5V21.75H24.9375C24.7941 22.4564 24.4108 23.0915 23.8527 23.5477C23.2945 24.0039 22.5958 24.2531 21.875 24.2531C21.1542 24.2531 20.4555 24.0039 19.8973 23.5477C19.3392 23.0915 18.9559 22.4564 18.8125 21.75H9.9375C9.79342 22.4559 9.40989 23.0902 8.85181 23.5458C8.29374 24.0014 7.59541 24.2501 6.875 24.25ZM6.875 19.25C6.37772 19.25 5.90081 19.4475 5.54917 19.7992C5.19754 20.1508 5 20.6277 5 21.125C5 21.6223 5.19754 22.0992 5.54917 22.4508C5.90081 22.8025 6.37772 23 6.875 23C7.37228 23 7.84919 22.8025 8.20083 22.4508C8.55246 22.0992 8.75 21.6223 8.75 21.125C8.75 20.6277 8.55246 20.1508 8.20083 19.7992C7.84919 19.4475 7.37228 19.25 6.875 19.25ZM21.875 18C22.5954 17.9999 23.2937 18.2486 23.8518 18.7042C24.4099 19.1598 24.7934 19.7941 24.9375 20.5H26.25V15.9L25.95 15.5H20V18.625C20.525 18.2375 21.175 18 21.875 18ZM21.875 19.25C21.3777 19.25 20.9008 19.4475 20.5492 19.7992C20.1975 20.1508 20 20.6277 20 21.125C20 21.6223 20.1975 22.0992 20.5492 22.4508C20.9008 22.8025 21.3777 23 21.875 23C22.3723 23 22.8492 22.8025 23.2008 22.4508C23.5525 22.0992 23.75 21.6223 23.75 21.125C23.75 20.6277 23.5525 20.1508 23.2008 19.7992C22.8492 19.4475 22.3723 19.25 21.875 19.25ZM20 11.75V14.25H25L23.125 11.75H20Z" fill="#3A3630" fillOpacity="0.7"/>
+    </svg>
+  )
+}
+
+export default ArrivalIcon

package/src/assets/icons/ArrowIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ArrowIcon = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
+    <path d="M17.3172 10.9422L11.6922 16.5672C11.5749 16.6844 11.4159 16.7503 11.25 16.7503C11.0841 16.7503 10.9251 16.6844 10.8078 16.5672C10.6905 16.4499 10.6247 16.2908 10.6247 16.125C10.6247 15.9591 10.6905 15.8001 10.8078 15.6828L15.3664 11.125H3.125C2.95924 11.125 2.80027 11.0591 2.68306 10.9419C2.56585 10.8247 2.5 10.6657 2.5 10.5C2.5 10.3342 2.56585 10.1753 2.68306 10.058C2.80027 9.94083 2.95924 9.87498 3.125 9.87498H15.3664L10.8078 5.31717C10.6905 5.19989 10.6247 5.04083 10.6247 4.87498C10.6247 4.70913 10.6905 4.55007 10.8078 4.43279C10.9251 4.31552 11.0841 4.24963 11.25 4.24963C11.4159 4.24963 11.5749 4.31552 11.6922 4.43279L17.3172 10.0578C17.3753 10.1158 17.4214 10.1848 17.4529 10.2606C17.4843 10.3365 17.5005 10.4178 17.5005 10.5C17.5005 10.5821 17.4843 10.6634 17.4529 10.7393C17.4214 10.8152 17.3753 10.8841 17.3172 10.9422Z" fill="#898B92"/>
+    </svg>
+  )
+}
+
+export default ArrowIcon

package/src/assets/icons/AssemblyIcons.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+export const AssemblyIcons = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14" fill="none">
+    <path d="M4.52 6.44L3.57333 7.38666C3.02464 6.83808 2.61544 6.16597 2.38 5.42666L3.67333 5.09999C3.88667 5.69333 4.18667 6.1 4.52 6.44ZM5.33333 2.99999L2.66667 0.333328L0 2.99999H2.01333C2.02667 3.54 2.06667 4.02666 2.14 4.44666L3.43333 4.12C3.38667 3.8 3.35333 3.42 3.34667 2.99999H5.33333ZM12 2.99999L9.33333 0.333328L6.66667 2.99999H8.66C8.59333 5.45333 7.80667 6.16666 6.96667 6.92C6.63333 7.21333 6.29333 7.53333 6 7.95333C5.77333 7.62666 5.51333 7.36666 5.24667 7.12666L4.30667 8.06666C4.92667 8.63333 5.33333 9.09333 5.33333 10.3333V13.6667H6.66667V10.3333C6.66667 8.98666 7.14 8.56 7.86 7.91333C8.78 7.08666 9.91333 6.06 9.99333 2.99999H12Z" fill="#758588"/>
+    </svg>
+  )
+}
+
+export default AssemblyIcons;

package/src/assets/icons/AssigneIcon.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+
+const AssigneIcon = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="15"
+    height="14"
+    viewBox="0 0 15 14"
+    fill="none"
+  >
+    <g clip-path="url(#clip0_504_13636)">
+      <path
+        d="M4.4751 1.16667H12.6418V6.70834H11.4751V2.33334H10.3084V5.61051L8.55843 4.7355L6.80843 5.61051V2.33334H5.64176V5.54167H4.4751V1.16667ZM7.9751 2.33334V3.72284L8.55843 3.43117L9.14176 3.72284V2.33334H7.9751ZM5.02051 7.72917C4.92474 7.72892 4.82985 7.74755 4.74127 7.78398C4.65269 7.82041 4.57215 7.87394 4.50426 7.9415L3.30843 9.13734V11.375H6.59085L9.97593 10.5292L12.0363 9.6495C12.1064 9.61158 12.1601 9.54908 12.1871 9.47399C12.214 9.3989 12.2123 9.31652 12.1822 9.24263C12.1521 9.16875 12.0958 9.10857 12.0241 9.07364C11.9524 9.0387 11.8703 9.03147 11.7936 9.05334L11.7819 9.05625L8.0416 9.91667H5.93343V8.75H7.75635C7.89172 8.75 8.02154 8.69623 8.11727 8.60051C8.21299 8.50479 8.26676 8.37496 8.26676 8.23959C8.26676 8.10422 8.21299 7.97439 8.11727 7.87867C8.02154 7.78295 7.89172 7.72917 7.75635 7.72917H5.02051ZM9.42585 8.40117L11.4978 7.92459C11.7185 7.86656 11.9496 7.85988 12.1732 7.90505C12.3969 7.95022 12.6072 8.04605 12.7881 8.18518C12.969 8.3243 13.1155 8.50302 13.2166 8.70762C13.3176 8.91221 13.3704 9.13724 13.3709 9.36542C13.3707 9.64241 13.2934 9.91388 13.1478 10.1495C13.0021 10.3851 12.7938 10.5755 12.5461 10.6995L12.5303 10.7077L10.3487 11.6381L6.73435 12.5417H0.100098V8.3125H2.4836L3.6806 7.1155C3.85696 6.93974 4.06622 6.80044 4.29643 6.70555C4.52663 6.61067 4.77327 6.56206 5.02226 6.5625H7.75635C7.99023 6.56247 8.22153 6.61136 8.4354 6.70603C8.64926 6.8007 8.84096 6.93905 8.99818 7.11221C9.15541 7.28536 9.27467 7.48948 9.34832 7.71146C9.42198 7.93345 9.44838 8.16838 9.42585 8.40117ZM2.14176 9.47917H1.26676V11.375H2.14176V9.47917Z"
+        fill="#6D6B68"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_504_13636">
+        <rect
+          width="14"
+          height="14"
+          fill="white"
+          transform="translate(0.100098)"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default AssigneIcon;

package/src/assets/icons/BarCode.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const BarCode = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+<path d="M1.5 4.3125C1.5 3.76549 1.7173 3.24089 2.10409 2.85409C2.49089 2.4673 3.01549 2.25 3.5625 2.25H4.6875C4.83668 2.25 4.97976 2.30926 5.08525 2.41475C5.19074 2.52024 5.25 2.66332 5.25 2.8125C5.25 2.96168 5.19074 3.10476 5.08525 3.21025C4.97976 3.31574 4.83668 3.375 4.6875 3.375H3.5625C3.045 3.375 2.625 3.795 2.625 4.3125V5.4375C2.625 5.58668 2.56574 5.72976 2.46025 5.83525C2.35476 5.94074 2.21168 6 2.0625 6C1.91332 6 1.77024 5.94074 1.66475 5.83525C1.55926 5.72976 1.5 5.58668 1.5 5.4375V4.3125ZM12.75 2.8125C12.75 2.66332 12.8093 2.52024 12.9148 2.41475C13.0202 2.30926 13.1633 2.25 13.3125 2.25H14.4375C14.9845 2.25 15.5091 2.4673 15.8959 2.85409C16.2827 3.24089 16.5 3.76549 16.5 4.3125V5.4375C16.5 5.58668 16.4407 5.72976 16.3352 5.83525C16.2298 5.94074 16.0867 6 15.9375 6C15.7883 6 15.6452 5.94074 15.5398 5.83525C15.4343 5.72976 15.375 5.58668 15.375 5.4375V4.3125C15.375 3.795 14.955 3.375 14.4375 3.375H13.3125C13.1633 3.375 13.0202 3.31574 12.9148 3.21025C12.8093 3.10476 12.75 2.96168 12.75 2.8125ZM2.0625 12C2.21168 12 2.35476 12.0593 2.46025 12.1648C2.56574 12.2702 2.625 12.4133 2.625 12.5625V13.6875C2.625 14.205 3.045 14.625 3.5625 14.625H4.6875C4.83668 14.625 4.97976 14.6843 5.08525 14.7898C5.19074 14.8952 5.25 15.0383 5.25 15.1875C5.25 15.3367 5.19074 15.4798 5.08525 15.5852C4.97976 15.6907 4.83668 15.75 4.6875 15.75H3.5625C3.01549 15.75 2.49089 15.5327 2.10409 15.1459C1.7173 14.7591 1.5 14.2345 1.5 13.6875V12.5625C1.5 12.4133 1.55926 12.2702 1.66475 12.1648C1.77024 12.0593 1.91332 12 2.0625 12ZM15.9375 12C16.0867 12 16.2298 12.0593 16.3352 12.1648C16.4407 12.2702 16.5 12.4133 16.5 12.5625V13.6875C16.5 14.2345 16.2827 14.7591 15.8959 15.1459C15.5091 15.5327 14.9845 15.75 14.4375 15.75H13.3125C13.1633 15.75 13.0202 15.6907 12.9148 15.5852C12.8093 15.4798 12.75 15.3367 12.75 15.1875C12.75 15.0383 12.8093 14.8952 12.9148 14.7898C13.0202 14.6843 13.1633 14.625 13.3125 14.625H14.4375C14.955 14.625 15.375 14.205 15.375 13.6875V12.5625C15.375 12.4133 15.4343 12.2702 15.5398 12.1648C15.6452 12.0593 15.7883 12 15.9375 12ZM4.3125 5.25C4.46168 5.25 4.60476 5.30926 4.71025 5.41475C4.81574 5.52024 4.875 5.66332 4.875 5.8125V12.1875C4.875 12.3367 4.81574 12.4798 4.71025 12.5852C4.60476 12.6907 4.46168 12.75 4.3125 12.75C4.16332 12.75 4.02024 12.6907 3.91475 12.5852C3.80926 12.4798 3.75 12.3367 3.75 12.1875V5.8125C3.75 5.66332 3.80926 5.52024 3.91475 5.41475C4.02024 5.30926 4.16332 5.25 4.3125 5.25ZM7.875 5.8125C7.875 5.66332 7.81574 5.52024 7.71025 5.41475C7.60476 5.30926 7.46168 5.25 7.3125 5.25C7.16332 5.25 7.02024 5.30926 6.91475 5.41475C6.80926 5.52024 6.75 5.66332 6.75 5.8125V12.1875C6.75 12.3367 6.80926 12.4798 6.91475 12.5852C7.02024 12.6907 7.16332 12.75 7.3125 12.75C7.46168 12.75 7.60476 12.6907 7.71025 12.5852C7.81574 12.4798 7.875 12.3367 7.875 12.1875V5.8125ZM10.3125 5.25C10.4617 5.25 10.6048 5.30926 10.7102 5.41475C10.8157 5.52024 10.875 5.66332 10.875 5.8125V12.1875C10.875 12.3367 10.8157 12.4798 10.7102 12.5852C10.6048 12.6907 10.4617 12.75 10.3125 12.75C10.1633 12.75 10.0202 12.6907 9.91475 12.5852C9.80926 12.4798 9.75 12.3367 9.75 12.1875V5.8125C9.75 5.66332 9.80926 5.52024 9.91475 5.41475C10.0202 5.30926 10.1633 5.25 10.3125 5.25ZM13.875 5.8125C13.875 5.66332 13.8157 5.52024 13.7102 5.41475C13.6048 5.30926 13.4617 5.25 13.3125 5.25C13.1633 5.25 13.0202 5.30926 12.9148 5.41475C12.8093 5.52024 12.75 5.66332 12.75 5.8125V12.1875C12.75 12.3367 12.8093 12.4798 12.9148 12.5852C13.0202 12.6907 13.1633 12.75 13.3125 12.75C13.4617 12.75 13.6048 12.6907 13.7102 12.5852C13.8157 12.4798 13.875 12.3367 13.875 12.1875V5.8125Z" fill="#3A3630" fillOpacity="0.8"/>
+</svg>
+  )
+}
+
+export default BarCode

package/src/assets/icons/BoxIcon.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+function BoxIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="21"
+      height="20"
+      viewBox="0 0 21 20"
+      fill="none"
+    >
+      <path
+        d="M13.7671 7.68281C13.8252 7.74086 13.8713 7.80979 13.9028 7.88566C13.9343 7.96154 13.9504 8.04287 13.9504 8.125C13.9504 8.20713 13.9343 8.28846 13.9028 8.36434C13.8713 8.44021 13.8252 8.50914 13.7671 8.56719L9.39214 12.9422C9.33409 13.0003 9.26516 13.0464 9.18929 13.0779C9.11342 13.1093 9.03209 13.1255 8.94995 13.1255C8.86782 13.1255 8.78649 13.1093 8.71061 13.0779C8.63474 13.0464 8.56581 13.0003 8.50776 12.9422L6.63276 11.0672C6.51549 10.9499 6.4496 10.7909 6.4496 10.625C6.4496 10.4591 6.51549 10.3001 6.63276 10.1828C6.75004 10.0655 6.9091 9.99965 7.07495 9.99965C7.2408 9.99965 7.39986 10.0655 7.51714 10.1828L8.94995 11.6164L12.8828 7.68281C12.9408 7.6247 13.0097 7.5786 13.0856 7.54715C13.1615 7.5157 13.2428 7.49951 13.325 7.49951C13.4071 7.49951 13.4884 7.5157 13.5643 7.54715C13.6402 7.5786 13.7091 7.6247 13.7671 7.68281ZM17.7 3.75V16.25C17.7 16.5815 17.5683 16.8995 17.3338 17.1339C17.0994 17.3683 16.7815 17.5 16.45 17.5H3.94995C3.61843 17.5 3.30049 17.3683 3.06607 17.1339C2.83165 16.8995 2.69995 16.5815 2.69995 16.25V3.75C2.69995 3.41848 2.83165 3.10054 3.06607 2.86612C3.30049 2.6317 3.61843 2.5 3.94995 2.5H16.45C16.7815 2.5 17.0994 2.6317 17.3338 2.86612C17.5683 3.10054 17.7 3.41848 17.7 3.75ZM16.45 16.25V3.75H3.94995V16.25H16.45Z"
+        fill="#8B909A"
+      />
+    </svg>
+  );
+}
+
+export default BoxIcon;

package/src/assets/icons/BoxTickIcon.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+function BoxTickIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="21"
+      height="20"
+      viewBox="0 0 21 20"
+      fill="none"
+    >
+      <path
+        d="M13.7671 7.68281C13.8252 7.74086 13.8713 7.80979 13.9028 7.88566C13.9343 7.96154 13.9504 8.04287 13.9504 8.125C13.9504 8.20713 13.9343 8.28846 13.9028 8.36434C13.8713 8.44021 13.8252 8.50914 13.7671 8.56719L9.39214 12.9422C9.33409 13.0003 9.26516 13.0464 9.18929 13.0779C9.11342 13.1093 9.03209 13.1255 8.94995 13.1255C8.86782 13.1255 8.78649 13.1093 8.71061 13.0779C8.63474 13.0464 8.56581 13.0003 8.50776 12.9422L6.63276 11.0672C6.51549 10.9499 6.4496 10.7909 6.4496 10.625C6.4496 10.4591 6.51549 10.3001 6.63276 10.1828C6.75004 10.0655 6.9091 9.99965 7.07495 9.99965C7.2408 9.99965 7.39986 10.0655 7.51714 10.1828L8.94995 11.6164L12.8828 7.68281C12.9408 7.6247 13.0097 7.5786 13.0856 7.54715C13.1615 7.5157 13.2428 7.49951 13.325 7.49951C13.4071 7.49951 13.4884 7.5157 13.5643 7.54715C13.6402 7.5786 13.7091 7.6247 13.7671 7.68281ZM17.7 3.75V16.25C17.7 16.5815 17.5683 16.8995 17.3338 17.1339C17.0994 17.3683 16.7815 17.5 16.45 17.5H3.94995C3.61843 17.5 3.30049 17.3683 3.06607 17.1339C2.83165 16.8995 2.69995 16.5815 2.69995 16.25V3.75C2.69995 3.41848 2.83165 3.10054 3.06607 2.86612C3.30049 2.6317 3.61843 2.5 3.94995 2.5H16.45C16.7815 2.5 17.0994 2.6317 17.3338 2.86612C17.5683 3.10054 17.7 3.41848 17.7 3.75ZM16.45 16.25V3.75H3.94995V16.25H16.45Z"
+        fill="#8B909A"
+      />
+    </svg>
+  );
+}
+
+export default BoxTickIcon;

package/src/assets/icons/BulkFilterIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const BulkFilterIcon = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="4" height="14" viewBox="0 0 4 14" fill="none">
+  <path d="M2 5C1.60444 5 1.21776 5.1173 0.888861 5.33706C0.559962 5.55682 0.303617 5.86918 0.152242 6.23463C0.000866562 6.60009 -0.0387401 7.00222 0.0384303 7.39018C0.115601 7.77814 0.306082 8.13451 0.585787 8.41421C0.865492 8.69392 1.22186 8.8844 1.60982 8.96157C1.99778 9.03874 2.39992 8.99913 2.76537 8.84776C3.13082 8.69638 3.44318 8.44004 3.66294 8.11114C3.8827 7.78224 4 7.39556 4 7C4 6.46957 3.78929 5.96086 3.41421 5.58579C3.03914 5.21071 2.53043 5 2 5ZM2 8C1.80222 8 1.60888 7.94135 1.44443 7.83147C1.27998 7.72159 1.15181 7.56541 1.07612 7.38268C1.00043 7.19996 0.98063 6.99889 1.01922 6.80491C1.0578 6.61093 1.15304 6.43275 1.29289 6.29289C1.43275 6.15304 1.61093 6.0578 1.80491 6.01921C1.99889 5.98063 2.19996 6.00043 2.38268 6.07612C2.56541 6.15181 2.72159 6.27998 2.83147 6.44443C2.94135 6.60888 3 6.80222 3 7C3 7.26522 2.89464 7.51957 2.70711 7.70711C2.51957 7.89464 2.26522 8 2 8ZM2 4C2.39556 4 2.78224 3.8827 3.11114 3.66294C3.44004 3.44318 3.69638 3.13082 3.84776 2.76537C3.99914 2.39992 4.03874 1.99778 3.96157 1.60982C3.8844 1.22186 3.69392 0.865492 3.41421 0.585787C3.13451 0.306082 2.77814 0.115601 2.39018 0.0384303C2.00222 -0.0387401 1.60009 0.000866562 1.23463 0.152242C0.869182 0.303617 0.556825 0.559962 0.337062 0.88886C0.117299 1.21776 1.07779e-06 1.60444 1.07779e-06 2C1.07779e-06 2.53043 0.210715 3.03914 0.585787 3.41421C0.96086 3.78929 1.46957 4 2 4ZM2 1C2.19778 1 2.39112 1.05865 2.55557 1.16853C2.72002 1.27841 2.84819 1.43459 2.92388 1.61732C2.99957 1.80004 3.01937 2.00111 2.98079 2.19509C2.9422 2.38907 2.84696 2.56726 2.70711 2.70711C2.56726 2.84696 2.38907 2.9422 2.19509 2.98079C2.00111 3.01937 1.80004 2.99957 1.61732 2.92388C1.43459 2.84819 1.27841 2.72002 1.16853 2.55557C1.05865 2.39112 1 2.19778 1 2C1 1.73478 1.10536 1.48043 1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1ZM2 10C1.60444 10 1.21776 10.1173 0.888861 10.3371C0.559962 10.5568 0.303617 10.8692 0.152242 11.2346C0.000866562 11.6001 -0.0387401 12.0022 0.0384303 12.3902C0.115601 12.7781 0.306082 13.1345 0.585787 13.4142C0.865492 13.6939 1.22186 13.8844 1.60982 13.9616C1.99778 14.0387 2.39992 13.9991 2.76537 13.8478C3.13082 13.6964 3.44318 13.44 3.66294 13.1111C3.8827 12.7822 4 12.3956 4 12C4 11.4696 3.78929 10.9609 3.41421 10.5858C3.03914 10.2107 2.53043 10 2 10ZM2 13C1.80222 13 1.60888 12.9413 1.44443 12.8315C1.27998 12.7216 1.15181 12.5654 1.07612 12.3827C1.00043 12.2 0.98063 11.9989 1.01922 11.8049C1.0578 11.6109 1.15304 11.4327 1.29289 11.2929C1.43275 11.153 1.61093 11.0578 1.80491 11.0192C1.99889 10.9806 2.19996 11.0004 2.38268 11.0761C2.56541 11.1518 2.72159 11.28 2.83147 11.4444C2.94135 11.6089 3 11.8022 3 12C3 12.2652 2.89464 12.5196 2.70711 12.7071C2.51957 12.8946 2.26522 13 2 13Z" fill="#758588"/>
+</svg>
+  )
+}
+
+export default BulkFilterIcon

package/src/assets/icons/CalendarIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+function CalendarIcon(props: any) {
+  return (
+    <svg
+      width="20"
+      height="21"
+      viewBox="0 0 20 21"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        opacity="0.4"
+        d="M13 3V1M13 3V5M13 3H8.5M1 9V18C1 18.5304 1.21071 19.0391 1.58579 19.4142C1.96086 19.7893 2.46957 20 3 20H17C17.5304 20 18.0391 19.7893 18.4142 19.4142C18.7893 19.0391 19 18.5304 19 18V9M1 9H19M1 9V5C1 4.46957 1.21071 3.96086 1.58579 3.58579C1.96086 3.21071 2.46957 3 3 3H5M19 9V5C19 4.46957 18.7893 3.96086 18.4142 3.58579C18.0391 3.21071 17.5304 3 17 3H16.5M5 1V5"
+        stroke="#3A3630"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export default CalendarIcon;

package/src/assets/icons/CallIcon.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+function CallIcon() {
+  return (
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+<path d="M10.4091 2.6512C10.4277 2.5818 10.4597 2.51673 10.5034 2.45972C10.5471 2.40271 10.6017 2.35488 10.6639 2.31894C10.7261 2.28301 10.7948 2.25969 10.866 2.25031C10.9372 2.24094 11.0096 2.24569 11.079 2.26429C12.0928 2.52881 13.0178 3.05879 13.7587 3.79967C14.4995 4.54054 15.0295 5.46552 15.294 6.47933C15.3127 6.54872 15.3174 6.6211 15.308 6.69233C15.2986 6.76356 15.2753 6.83224 15.2394 6.89446C15.2035 6.95667 15.1556 7.01119 15.0986 7.05491C15.0416 7.09863 14.9765 7.13069 14.9071 7.14925C14.8609 7.16139 14.8134 7.16759 14.7656 7.16771C14.6451 7.16771 14.528 7.1279 14.4324 7.05447C14.3369 6.98104 14.2682 6.8781 14.2372 6.76165C14.0215 5.93404 13.5889 5.17893 12.9842 4.57417C12.3794 3.9694 11.6243 3.53686 10.7967 3.32113C10.7272 3.30264 10.6621 3.27063 10.605 3.22694C10.5479 3.18326 10.5 3.12874 10.464 3.06652C10.428 3.0043 10.4046 2.93559 10.3952 2.86433C10.3858 2.79307 10.3905 2.72064 10.4091 2.6512ZM10.2498 5.50863C11.1925 5.76019 11.7982 6.36585 12.0497 7.30853C12.0807 7.42498 12.1494 7.52791 12.2449 7.60134C12.3405 7.67477 12.4576 7.71458 12.5781 7.71458C12.6259 7.71446 12.6734 7.70826 12.7196 7.69613C12.789 7.67756 12.8541 7.64551 12.9111 7.60179C12.9681 7.55807 13.016 7.50354 13.0519 7.44133C13.0878 7.37912 13.1111 7.31044 13.1205 7.23921C13.1299 7.16798 13.1252 7.0956 13.1065 7.0262C12.7565 5.71644 11.8419 4.80179 10.5321 4.45179C10.4627 4.43325 10.3904 4.42856 10.3192 4.43799C10.248 4.44742 10.1793 4.47078 10.1171 4.50674C10.055 4.5427 10.0005 4.59056 9.9568 4.64757C9.91312 4.70459 9.88109 4.76965 9.86255 4.83905C9.84402 4.90844 9.83933 4.9808 9.84876 5.05201C9.85819 5.12321 9.88155 5.19186 9.91751 5.25404C9.95347 5.31622 10.0013 5.3707 10.0583 5.41438C10.1154 5.45806 10.1804 5.49009 10.2498 5.50863ZM15.8512 12.0267C15.7293 12.953 15.2744 13.8032 14.5714 14.4186C13.8685 15.034 12.9655 15.3725 12.0313 15.3708C6.60352 15.3708 2.18751 10.9548 2.18751 5.52708C2.18583 4.59281 2.5243 3.68987 3.13971 2.98691C3.75511 2.28396 4.60536 1.82905 5.53165 1.70716C5.76588 1.67856 6.00309 1.72648 6.20785 1.84377C6.41261 1.96106 6.57395 2.14142 6.66778 2.35794L8.11153 5.58109V5.58929C8.18337 5.75503 8.21303 5.93598 8.19789 6.11598C8.18274 6.29598 8.12324 6.46943 8.02471 6.62083C8.01241 6.63929 7.99942 6.65638 7.98575 6.67347L6.56251 8.36058C7.07452 9.40101 8.1628 10.4797 9.2169 10.9931L10.8808 9.57738C10.8971 9.56364 10.9142 9.55086 10.932 9.5391C11.0833 9.4382 11.2574 9.37661 11.4384 9.3599C11.6195 9.34319 11.8019 9.37189 11.969 9.44339L11.9779 9.44749L15.1983 10.8906C15.4152 10.9841 15.5961 11.1453 15.7137 11.35C15.8314 11.5548 15.8796 11.7922 15.8512 12.0267ZM14.7656 11.89C14.7656 11.89 14.7608 11.89 14.7581 11.89L11.5452 10.451L9.88067 11.8667C9.86452 11.8804 9.84764 11.8932 9.83008 11.905C9.67269 12.01 9.49075 12.0724 9.30204 12.0861C9.11333 12.0997 8.9243 12.0642 8.75342 11.9829C7.47305 11.3643 6.19678 10.0976 5.57745 8.83089C5.49544 8.66126 5.45864 8.47332 5.47061 8.28529C5.48259 8.09726 5.54294 7.9155 5.64581 7.75765C5.6574 7.73911 5.67043 7.72152 5.68477 7.70501L7.10938 6.01585L5.67383 2.80296C5.67356 2.80023 5.67356 2.79749 5.67383 2.79476C5.01092 2.88123 4.40227 3.20639 3.96185 3.70935C3.52143 4.2123 3.27946 4.85856 3.28126 5.52708C3.28379 7.84695 4.20648 10.0711 5.84687 11.7115C7.48726 13.3519 9.71139 14.2745 12.0313 14.2771C12.6994 14.2794 13.3455 14.0383 13.8487 13.5988C14.3519 13.1593 14.6779 12.5516 14.7656 11.8893V11.89Z" fill="#3A3630" fillOpacity="0.8"/>
+</svg>  );
+}
+
+export default CallIcon;

package/src/assets/icons/CarIcon.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+function CarIcon() {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
+    <path d="M4.58325 12.6C5.06352 12.5999 5.52908 12.7657 5.90113 13.0694C6.27318 13.3731 6.52886 13.7961 6.62492 14.2666H12.4999V5.93331H3.33325C2.89122 5.93331 2.4673 6.1089 2.15474 6.42146C1.84218 6.73402 1.66659 7.15795 1.66659 7.59998V14.2666H2.54159C2.63764 13.7961 2.89333 13.3731 3.26538 13.0694C3.63742 12.7657 4.10298 12.5999 4.58325 12.6ZM4.58325 16.7666C4.10298 16.7667 3.63742 16.6009 3.26538 16.2972C2.89333 15.9935 2.63764 15.5705 2.54159 15.1H0.833252V7.59998C0.833252 6.93693 1.09664 6.30105 1.56548 5.83221C2.03433 5.36337 2.67021 5.09998 3.33325 5.09998H12.4999C12.7209 5.09998 12.9329 5.18777 13.0892 5.34405C13.2455 5.50033 13.3333 5.7123 13.3333 5.93331V7.59998H15.8333L18.3333 10.9333V15.1H16.6249C16.5293 15.5709 16.2738 15.9943 15.9017 16.2985C15.5296 16.6026 15.0638 16.7687 14.5833 16.7687C14.1027 16.7687 13.6369 16.6026 13.2648 16.2985C12.8927 15.9943 12.6372 15.5709 12.5416 15.1H6.62492C6.52886 15.5705 6.27318 15.9935 5.90113 16.2972C5.52908 16.6009 5.06352 16.7667 4.58325 16.7666ZM4.58325 13.4333C4.25173 13.4333 3.93379 13.565 3.69937 13.7994C3.46495 14.0338 3.33325 14.3518 3.33325 14.6833C3.33325 15.0148 3.46495 15.3328 3.69937 15.5672C3.93379 15.8016 4.25173 15.9333 4.58325 15.9333C4.91477 15.9333 5.23272 15.8016 5.46714 15.5672C5.70156 15.3328 5.83325 15.0148 5.83325 14.6833C5.83325 14.3518 5.70156 14.0338 5.46714 13.7994C5.23272 13.565 4.91477 13.4333 4.58325 13.4333ZM14.5833 12.6C15.0635 12.5999 15.5291 12.7657 15.9011 13.0694C16.2732 13.3731 16.5289 13.7961 16.6249 14.2666H17.4999V11.2L17.2999 10.9333H13.3333V13.0166C13.6833 12.7583 14.1166 12.6 14.5833 12.6ZM14.5833 13.4333C14.2517 13.4333 13.9338 13.565 13.6994 13.7994C13.4649 14.0338 13.3333 14.3518 13.3333 14.6833C13.3333 15.0148 13.4649 15.3328 13.6994 15.5672C13.9338 15.8016 14.2517 15.9333 14.5833 15.9333C14.9148 15.9333 15.2327 15.8016 15.4671 15.5672C15.7016 15.3328 15.8333 15.0148 15.8333 14.6833C15.8333 14.3518 15.7016 14.0338 15.4671 13.7994C15.2327 13.565 14.9148 13.4333 14.5833 13.4333ZM13.3333 8.43331V10.1H16.6666L15.4166 8.43331H13.3333Z" fill="#3A3630"/>
+    </svg>
+  );
+}
+
+export default CarIcon;

package/src/assets/icons/CardsIcon.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+
+const CardsIcon =() =>{
+return(
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+<path d="M12.5 3.43335H3.5C3.23478 3.43335 2.98043 3.53871 2.79289 3.72624C2.60536 3.91378 2.5 4.16813 2.5 4.43335V13.4333C2.5 13.6986 2.60536 13.9529 2.79289 14.1405C2.98043 14.328 3.23478 14.4333 3.5 14.4333H12.5C12.7652 14.4333 13.0196 14.328 13.2071 14.1405C13.3946 13.9529 13.5 13.6986 13.5 13.4333V4.43335C13.5 4.16813 13.3946 3.91378 13.2071 3.72624C13.0196 3.53871 12.7652 3.43335 12.5 3.43335ZM12.5 8.43335H8.5V4.43335H12.5V8.43335ZM7.5 4.43335V8.43335H3.5V4.43335H7.5ZM3.5 9.43335H7.5V13.4333H3.5V9.43335ZM12.5 13.4333H8.5V9.43335H12.5V13.4333Z" fill="#101010" fillOpacity="0.5"/>
+</svg>
+)
+
+}
+
+export default CardsIcon;

package/src/assets/icons/CbmIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const CbmIcon = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+    <path d="M13.4213 2.66475C13.3589 2.54013 13.2631 2.43533 13.1446 2.36208C13.026 2.28883 12.8894 2.25002 12.75 2.25H5.25005C4.9658 2.25 4.7063 2.4105 4.5788 2.66475L1.5788 8.66475C1.52666 8.76895 1.49951 8.88386 1.49951 9.00037C1.49951 9.11689 1.52666 9.2318 1.5788 9.336L4.5788 15.336C4.7063 15.5895 4.9658 15.75 5.25005 15.75H12.75C13.0343 15.75 13.2938 15.5895 13.4213 15.3353L16.4213 9.33525C16.4734 9.23105 16.5006 9.11614 16.5006 8.99963C16.5006 8.88311 16.4734 8.7682 16.4213 8.664L13.4213 2.66475ZM14.5365 8.25H8.71355L6.46355 3.75H12.2865L14.5365 8.25ZM3.08855 9L5.25005 4.677L7.41155 9L5.25005 13.323L3.08855 9ZM12.2865 14.25H6.46355L8.71355 9.75H14.5365L12.2865 14.25Z" fill="#3A3630" fillOpacity="0.6"/>
+    </svg>
+  )
+}
+
+export default CbmIcon

package/src/assets/icons/ChevronDownIcon.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+function ChevronDownIcon(props: any) {
+  return (
+    <svg
+      width="10"
+      height="6"
+      viewBox="0 0 10 6"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        opacity="0.4"
+        d="M8.99999 0C9.56799 0 9.86466 0.657333 9.52199 1.082L9.47132 1.138L5.47132 5.138C5.35653 5.25279 5.20379 5.32174 5.04178 5.33193C4.87976 5.34211 4.71959 5.29283 4.59132 5.19333L4.52866 5.138L0.528656 1.138L0.473323 1.07533L0.437323 1.024L0.401323 0.96L0.389989 0.936L0.371989 0.891333L0.350656 0.819333L0.343989 0.784L0.337323 0.744L0.334656 0.706V0.627333L0.337989 0.588667L0.343989 0.548667L0.350656 0.514L0.371989 0.442L0.389989 0.397333L0.436656 0.309333L0.479989 0.249333L0.528656 0.195333L0.591323 0.14L0.642656 0.104L0.706656 0.0680002L0.730656 0.0566667L0.775323 0.0386664L0.847322 0.0173333L0.882656 0.0106665L0.922656 0.00399971L0.960656 0.00133324L8.99999 0Z"
+        fill="#3A3630"
+      />
+    </svg>
+  );
+}
+
+export default ChevronDownIcon;

package/src/assets/icons/ChevronRight.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+function ChevronRight() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+    >
+      <path
+        d="M6 11.9192V4.47121C6.00003 4.33938 6.03914 4.21051 6.1124 4.10091C6.18565 3.9913 6.28976 3.90587 6.41156 3.85543C6.53336 3.80498 6.66738 3.79178 6.79669 3.81749C6.92599 3.8432 7.04476 3.90667 7.138 3.99988L10.862 7.72388C10.987 7.8489 11.0572 8.01844 11.0572 8.19521C11.0572 8.37199 10.987 8.54153 10.862 8.66655L7.138 12.3905C7.04476 12.4838 6.92599 12.5472 6.79669 12.5729C6.66738 12.5986 6.53336 12.5854 6.41156 12.535C6.28976 12.4846 6.18565 12.3991 6.1124 12.2895C6.03914 12.1799 6.00003 12.051 6 11.9192Z"
+        fill="#C2C6CE"
+      />
+    </svg>
+  );
+}
+
+export default ChevronRight;

package/src/assets/icons/ChevronUp.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+function ChevronUp(props: any) {
+  return (
+    <svg
+      width="10"
+      height="7"
+      viewBox="0 0 10 7"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        opacity="0.4"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.52985 6.02983C9.38922 6.17028 9.1986 6.24917 8.99985 6.24917C8.8011 6.24917 8.61047 6.17028 8.46985 6.02983L4.99985 2.55983L1.52985 6.02983C1.38767 6.16231 1.19963 6.23443 1.00532 6.231C0.811023 6.22758 0.625638 6.14886 0.488225 6.01145C0.350812 5.87404 0.2721 5.68865 0.268672 5.49435C0.265243 5.30005 0.337366 5.112 0.469846 4.96983L4.46985 0.969829C4.61047 0.829378 4.8011 0.750488 4.99985 0.750488C5.1986 0.750488 5.38922 0.829378 5.52985 0.969829L9.52985 4.96983C9.6703 5.11045 9.74919 5.30108 9.74919 5.49983C9.74919 5.69858 9.6703 5.8892 9.52985 6.02983Z"
+        fill="#3A3630"
+      />
+    </svg>
+  );
+}
+
+export default ChevronUp;

package/src/assets/icons/ClientIcon.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+const ClientIcon = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="15"
+    height="14"
+    viewBox="0 0 15 14"
+    fill="none"
+  >
+    <path
+      d="M2.1001 3.25C2.1001 2.52065 2.38983 1.82118 2.90555 1.30546C3.42128 0.789731 4.12075 0.5 4.8501 0.5C5.57944 0.5 6.27892 0.789731 6.79464 1.30546C7.31037 1.82118 7.6001 2.52065 7.6001 3.25C7.6001 3.97935 7.31037 4.67882 6.79464 5.19454C6.27892 5.71027 5.57944 6 4.8501 6C4.12075 6 3.42128 5.71027 2.90555 5.19454C2.38983 4.67882 2.1001 3.97935 2.1001 3.25ZM8.6001 4.75C8.6001 4.45453 8.6583 4.16194 8.77137 3.88896C8.88444 3.61598 9.05018 3.36794 9.25911 3.15901C9.46804 2.95008 9.71608 2.78434 9.98906 2.67127C10.262 2.5582 10.5546 2.5 10.8501 2.5C11.1456 2.5 11.4382 2.5582 11.7111 2.67127C11.9841 2.78434 12.2322 2.95008 12.4411 3.15901C12.65 3.36794 12.8158 3.61598 12.9288 3.88896C13.0419 4.16194 13.1001 4.45453 13.1001 4.75C13.1001 5.34674 12.863 5.91903 12.4411 6.34099C12.0191 6.76295 11.4468 7 10.8501 7C10.2534 7 9.68106 6.76295 9.25911 6.34099C8.83715 5.91903 8.6001 5.34674 8.6001 4.75ZM0.100098 11.75C0.100098 10.4902 0.600543 9.28204 1.49134 8.39124C2.38214 7.50044 3.59032 7 4.8501 7C6.10988 7 7.31806 7.50044 8.20885 8.39124C9.09965 9.28204 9.6001 10.4902 9.6001 11.75V11.752L9.59943 11.8313C9.59802 11.9161 9.57506 11.9991 9.53273 12.0726C9.4904 12.1461 9.43007 12.2076 9.35743 12.2513C7.99686 13.0705 6.43826 13.5023 4.8501 13.5C3.2021 13.5 1.65943 13.044 0.343431 12.2513C0.270665 12.2077 0.210209 12.1462 0.167755 12.0727C0.125302 11.9993 0.102248 11.9162 0.100764 11.8313L0.100098 11.75ZM10.6001 11.752L10.5994 11.848C10.5957 12.0702 10.5426 12.2888 10.4441 12.488C10.5783 12.496 10.7137 12.5 10.8501 12.5C11.9141 12.5 12.9214 12.2533 13.8174 11.814C13.8983 11.7745 13.967 11.7138 14.0163 11.6385C14.0656 11.5632 14.0936 11.4759 14.0974 11.386L14.1001 11.25C14.1002 10.7019 13.9617 10.1626 13.6974 9.68244C13.4331 9.20224 13.0517 8.79668 12.5886 8.50348C12.1254 8.21029 11.5957 8.03899 11.0486 8.00551C10.5015 7.97203 9.95484 8.07746 9.45943 8.312C10.201 9.3047 10.6009 10.5109 10.5994 11.75L10.6001 11.752Z"
+      fill="#758588"
+    />
+  </svg>
+);
+
+export default ClientIcon;

package/src/assets/icons/ClockIcon.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+function ClockIcon() {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
+    <path d="M11 2.5625C9.23233 2.5625 7.50436 3.08668 6.0346 4.06874C4.56483 5.05081 3.41929 6.44665 2.74283 8.07977C2.06637 9.71288 1.88938 11.5099 2.23424 13.2436C2.57909 14.9773 3.43031 16.5698 4.68024 17.8198C5.93017 19.0697 7.52268 19.9209 9.25638 20.2658C10.9901 20.6106 12.7871 20.4336 14.4202 19.7572C16.0534 19.0807 17.4492 17.9352 18.4313 16.4654C19.4133 14.9956 19.9375 13.2677 19.9375 11.5C19.935 9.1304 18.9926 6.85856 17.317 5.183C15.6414 3.50743 13.3696 2.565 11 2.5625ZM11 19.0625C9.50428 19.0625 8.04215 18.619 6.7985 17.788C5.55486 16.957 4.58555 15.7759 4.01316 14.394C3.44078 13.0122 3.29101 11.4916 3.58282 10.0246C3.87462 8.55765 4.59487 7.21014 5.65251 6.15251C6.71014 5.09487 8.05765 4.37461 9.52463 4.08281C10.9916 3.79101 12.5122 3.94077 13.894 4.51316C15.2759 5.08555 16.457 6.05485 17.288 7.2985C18.119 8.54215 18.5625 10.0043 18.5625 11.5C18.5602 13.505 17.7627 15.4272 16.345 16.845C14.9272 18.2627 13.005 19.0602 11 19.0625ZM16.5 11.5C16.5 11.6823 16.4276 11.8572 16.2986 11.9861C16.1697 12.1151 15.9948 12.1875 15.8125 12.1875H11C10.8177 12.1875 10.6428 12.1151 10.5139 11.9861C10.3849 11.8572 10.3125 11.6823 10.3125 11.5V6.6875C10.3125 6.50516 10.3849 6.3303 10.5139 6.20136C10.6428 6.07243 10.8177 6 11 6C11.1823 6 11.3572 6.07243 11.4861 6.20136C11.6151 6.3303 11.6875 6.50516 11.6875 6.6875V10.8125H15.8125C15.9948 10.8125 16.1697 10.8849 16.2986 11.0139C16.4276 11.1428 16.5 11.3177 16.5 11.5Z" fill="#6E7079"/>
+  </svg>
+  );
+}
+
+export default ClockIcon;

package/src/assets/icons/CloseIcon.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+function CloseIcon() {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M21.4213 11.9933C21.5169 11.9011 21.5931 11.7908 21.6456 11.6688C21.698 11.5469 21.7257 11.4156 21.7269 11.2829C21.7281 11.1501 21.7029 11.0184 21.6527 10.8955C21.6024 10.7726 21.5282 10.6609 21.4344 10.5669C21.3405 10.473 21.2289 10.3987 21.1061 10.3484C20.9832 10.298 20.8515 10.2727 20.7187 10.2737C20.586 10.2748 20.4547 10.3024 20.3327 10.3547C20.2107 10.4071 20.1003 10.4832 20.008 10.5787L16 14.5853L11.9933 10.5787C11.9018 10.4804 11.7914 10.4016 11.6687 10.3469C11.546 10.2923 11.4136 10.2629 11.2794 10.2605C11.1451 10.2582 11.0117 10.2829 10.8872 10.3332C10.7627 10.3835 10.6496 10.4583 10.5546 10.5533C10.4597 10.6482 10.3848 10.7613 10.3345 10.8859C10.2842 11.0104 10.2595 11.1437 10.2619 11.278C10.2642 11.4123 10.2936 11.5447 10.3483 11.6674C10.4029 11.79 10.4817 11.9004 10.58 11.992L14.584 16L10.5773 20.0067C10.4007 20.1962 10.3045 20.4469 10.3091 20.706C10.3137 20.9651 10.4186 21.2123 10.6018 21.3955C10.7851 21.5787 11.0322 21.6836 11.2913 21.6882C11.5504 21.6928 11.8011 21.5966 11.9907 21.42L16 17.4133L20.0067 21.4213C20.1962 21.598 20.447 21.6941 20.706 21.6896C20.9651 21.685 21.2123 21.58 21.3955 21.3968C21.5787 21.2136 21.6837 20.9664 21.6882 20.7073C21.6928 20.4483 21.5966 20.1976 21.42 20.008L17.416 16L21.4213 11.9933Z"
+        fill="#D6D4CE"
+      />
+    </svg>
+  );
+}
+
+export default CloseIcon;

package/src/assets/icons/CollectionLabelIcon.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+const CollectionLabelIcon = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+    >
+      <g clipPath="url(#clip0_137_17799)">
+        <path
+          d="M4.31833 0.0159435H12.1831C12.6855 0.0335435 13.0735 0.179144 13.3087 0.503944C13.4959 0.761544 13.5927 1.08634 13.6127 1.49674L13.6119 3.17114H14.5711C15.0727 3.18874 15.4607 3.33354 15.6959 3.65834C15.8831 3.91594 15.9799 4.24154 15.9999 4.65194V11.1295C15.9983 11.6303 15.9631 12.0047 15.8247 12.2639C15.6103 12.6639 15.2135 12.8423 14.5527 12.8951L13.6127 12.8943V14.4535C13.6127 14.8191 13.5471 15.1407 13.4071 15.4135C13.2103 15.7959 12.8351 15.9887 12.3535 15.9999H3.77993C3.30473 15.9999 2.91433 15.8263 2.67113 15.4703C2.47673 15.1847 2.37513 14.8471 2.36313 14.4535V12.8943H1.54713C0.957534 12.8943 0.507134 12.7183 0.267934 12.3087C0.0895338 12.0031 0.00633383 11.6119 0.00153383 11.1279V4.81994C-0.0160662 4.31114 0.0879338 3.89434 0.341534 3.58554C0.647934 3.21114 1.17913 3.11034 1.90633 3.17114L2.41273 3.17034L2.41353 1.66474C2.39593 1.15594 2.49993 0.739944 2.75353 0.430344C3.05993 0.0567435 3.59193 -0.0440565 4.31833 0.0159435ZM12.5415 9.72074H3.43433V14.4367C3.43993 14.6183 3.48233 14.7567 3.55593 14.8655C3.58233 14.9039 3.63593 14.9279 3.77993 14.9279H12.3407C12.3754 14.9275 12.4101 14.9259 12.4447 14.9231H12.4543C12.5103 14.8151 12.5423 14.6591 12.5423 14.4535L12.5415 9.72074ZM11.4391 13.3479C11.5813 13.3479 11.7176 13.4044 11.8181 13.5049C11.9187 13.6055 11.9751 13.7418 11.9751 13.8839C11.9751 14.0261 11.9187 14.1624 11.8181 14.263C11.7176 14.3635 11.5813 14.4199 11.4391 14.4199H4.57513C4.43298 14.4199 4.29664 14.3635 4.19612 14.263C4.0956 14.1624 4.03913 14.0261 4.03913 13.8839C4.03913 13.7418 4.0956 13.6055 4.19612 13.5049C4.29664 13.4044 4.43298 13.3479 4.57513 13.3479H11.4391ZM11.4391 11.8303C11.5813 11.8303 11.7176 11.8868 11.8181 11.9873C11.9187 12.0879 11.9751 12.2242 11.9751 12.3663C11.9751 12.5085 11.9187 12.6448 11.8181 12.7454C11.7176 12.8459 11.5813 12.9023 11.4391 12.9023H4.57513C4.43298 12.9023 4.29664 12.8459 4.19612 12.7454C4.0956 12.6448 4.03913 12.5085 4.03913 12.3663C4.03913 12.2242 4.0956 12.0879 4.19612 11.9873C4.29664 11.8868 4.43298 11.8303 4.57513 11.8303H11.4391ZM1.86313 4.24154C1.40793 4.24314 1.30313 4.24314 1.20713 4.35354C1.11113 4.46554 1.06313 4.51194 1.07273 4.80154V11.1231C1.07593 11.4303 1.08553 11.5775 1.15513 11.6895C1.22473 11.8015 1.29913 11.8231 1.54713 11.8231L2.36313 11.8223V9.72074H2.25593C2.11378 9.72074 1.97744 9.66427 1.87692 9.56375C1.7764 9.46323 1.71993 9.3269 1.71993 9.18474C1.71993 9.04259 1.7764 8.90625 1.87692 8.80573C1.97744 8.70522 2.11378 8.64874 2.25593 8.64874H13.7791C13.9213 8.64874 14.0576 8.70522 14.1581 8.80573C14.2587 8.90625 14.3151 9.04259 14.3151 9.18474C14.3151 9.3269 14.2587 9.46323 14.1581 9.56375C14.0576 9.66427 13.9213 9.72074 13.7791 9.72074H13.6127V11.8223L14.5087 11.8247C14.6751 11.8111 14.7703 11.8287 14.8567 11.7383C14.9431 11.6471 14.9279 11.4263 14.9287 11.1279V4.67834C14.9199 4.48794 14.9023 4.42394 14.8431 4.35434C14.7839 4.28394 14.7391 4.25034 14.5527 4.24314L1.86313 4.24154ZM11.4391 10.3135C11.5813 10.3135 11.7176 10.37 11.8181 10.4705C11.9187 10.5711 11.9751 10.7074 11.9751 10.8495C11.9751 10.9917 11.9187 11.128 11.8181 11.2286C11.7176 11.3291 11.5813 11.3855 11.4391 11.3855H4.57513C4.43298 11.3855 4.29664 11.3291 4.19612 11.2286C4.0956 11.128 4.03913 10.9917 4.03913 10.8495C4.03913 10.7074 4.0956 10.5711 4.19612 10.4705C4.29664 10.37 4.43298 10.3135 4.57513 10.3135H11.4391ZM12.8671 4.73114C13.0783 4.73125 13.2874 4.77294 13.4824 4.85385C13.6775 4.93476 13.8547 5.05329 14.0039 5.20268C14.1532 5.35207 14.2715 5.5294 14.3522 5.72453C14.433 5.91966 14.4744 6.12878 14.4743 6.33994C14.4742 6.55111 14.4325 6.76019 14.3516 6.95524C14.2707 7.15029 14.1522 7.3275 14.0028 7.47674C13.8534 7.62598 13.6761 7.74434 13.481 7.82505C13.2858 7.90576 13.0767 7.94725 12.8655 7.94714C12.4391 7.94693 12.0301 7.77732 11.7287 7.47561C11.4273 7.1739 11.2581 6.76481 11.2583 6.33834C11.2585 5.91188 11.4282 5.50296 11.7299 5.20155C12.0316 4.90014 12.4407 4.73093 12.8671 4.73114ZM12.8671 5.80314C12.725 5.80314 12.5886 5.85962 12.4881 5.96013C12.3876 6.06065 12.3311 6.19699 12.3311 6.33914C12.3311 6.4813 12.3876 6.61763 12.4881 6.71815C12.5886 6.81867 12.725 6.87514 12.8671 6.87514C13.0093 6.87514 13.1456 6.81867 13.2461 6.71815C13.3467 6.61763 13.4031 6.4813 13.4031 6.33914C13.4031 6.19699 13.3467 6.06065 13.2461 5.96013C13.1456 5.85962 13.0093 5.80314 12.8671 5.80314ZM3.58233 1.11034C3.51673 1.19034 3.47513 1.35754 3.48473 1.64634L3.48393 3.17034L12.5407 3.17114L12.5415 1.52314C12.5319 1.33354 12.4943 1.20554 12.4415 1.13354C12.4375 1.12714 12.3519 1.09514 12.1647 1.08874L4.27513 1.08634C3.82953 1.05034 3.59433 1.09514 3.58233 1.11034Z"
+          fill="#FEBA30"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_137_17799">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default CollectionLabelIcon;

package/src/assets/icons/Complete.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+function Complete() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="10"
+      height="10"
+      viewBox="0 0 10 10"
+      fill="none"
+    >
+      <circle cx="5" cy="5" r="5" fill="#29CC6A" />
+    </svg>
+  );
+}
+export default Complete;