@openlettermarketing/olc-react-sdk 2.1.4 → 2.1.5-beta.2

package/src/assets/images/modal-icons/docx.tsx

@@ -0,0 +1,43 @@
+/**
+ * @Author: Junaid Atari junaid.attari@invozone.dev
+ * @Date: 2024-12-20 12:33:00
+ * @LastEditors: Junaid Atari junaid.attari@invozone.dev
+ * @LastEditTime: 2024-12-20 12:33:01
+ * @FilePath: src/assets/images/hire-designer/docx.tsx
+ * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
+ */
+import React from 'react';
+
+const DOCX = () => {
+  return (
+    <>
+      <svg
+        width="33"
+        height="32"
+        viewBox="0 0 33 32"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M32.2584 11.309V27.4382C32.2584 29.486 30.5984 31.1461 28.5506 31.1461H12.236C10.1882 31.1461 8.52809 29.486 8.52809 27.4382V4.44947C8.52809 2.40167 10.1882 0.7416 12.236 0.7416H21.691V6.118C21.691 8.98492 24.0151 11.309 26.882 11.309H32.2584ZM31.2097 9.82587H26.882C24.8342 9.82587 23.1742 8.1658 23.1742 6.118V1.79034L31.2097 9.82587Z"
+          fill="#EEF1F7"
+          stroke="#CBD0DC"
+          strokeWidth="1.48315"
+        />
+        <rect
+          y="14.0899"
+          width="24.25"
+          height="12.9775"
+          rx="2.59551"
+          fill="#151312"
+        />
+        <path
+          d="M3.10227 22.4893C2.96212 22.4893 2.84186 22.4391 2.74148 22.3387C2.6411 22.2384 2.59091 22.1181 2.59091 21.9779C2.59091 21.8378 2.6411 21.7175 2.74148 21.6171C2.84186 21.5168 2.96212 21.4666 3.10227 21.4666C3.24242 21.4666 3.36269 21.5168 3.46307 21.6171C3.56345 21.7175 3.61364 21.8378 3.61364 21.9779C3.61364 22.0707 3.58996 22.156 3.54261 22.2336C3.49716 22.3113 3.43561 22.3738 3.35795 22.4211C3.2822 22.4666 3.19697 22.4893 3.10227 22.4893ZM6.46449 22.5348C6.10085 22.5348 5.77983 22.4429 5.50142 22.2592C5.22301 22.0736 5.00521 21.8122 4.84801 21.4751C4.69081 21.1361 4.61222 20.7355 4.61222 20.2734C4.61222 19.8151 4.69081 19.4173 4.84801 19.0802C5.00521 18.7431 5.22396 18.4827 5.50426 18.299C5.78456 18.1152 6.10843 18.0234 6.47585 18.0234C6.75994 18.0234 6.98438 18.0707 7.14915 18.1654C7.31581 18.2582 7.44271 18.3643 7.52983 18.4836C7.61884 18.601 7.68797 18.6976 7.73722 18.7734H7.79403V16.6257H8.46449V22.4438H7.81676V21.7734H7.73722C7.68797 21.8529 7.6179 21.9533 7.52699 22.0745C7.43608 22.1938 7.30634 22.3009 7.13778 22.3956C6.96922 22.4884 6.74479 22.5348 6.46449 22.5348ZM6.5554 21.9325C6.82434 21.9325 7.05161 21.8624 7.23722 21.7223C7.42282 21.5802 7.56392 21.3842 7.66051 21.1342C7.7571 20.8823 7.8054 20.5916 7.8054 20.262C7.8054 19.9363 7.75805 19.6512 7.66335 19.4069C7.56866 19.1607 7.4285 18.9694 7.2429 18.8331C7.05729 18.6948 6.82813 18.6257 6.5554 18.6257C6.27131 18.6257 6.03456 18.6986 5.84517 18.8444C5.65767 18.9884 5.51657 19.1844 5.42188 19.4325C5.32907 19.6787 5.28267 19.9552 5.28267 20.262C5.28267 20.5726 5.33002 20.8548 5.42472 21.1086C5.52131 21.3605 5.66335 21.5613 5.85085 21.7109C6.04025 21.8586 6.27509 21.9325 6.5554 21.9325ZM11.5582 22.5348C11.1643 22.5348 10.8187 22.441 10.5213 22.2535C10.2259 22.066 9.99479 21.8037 9.82812 21.4666C9.66335 21.1295 9.58097 20.7355 9.58097 20.2848C9.58097 19.8302 9.66335 19.4334 9.82812 19.0944C9.99479 18.7554 10.2259 18.4921 10.5213 18.3046C10.8187 18.1171 11.1643 18.0234 11.5582 18.0234C11.9522 18.0234 12.2969 18.1171 12.5923 18.3046C12.8897 18.4921 13.1207 18.7554 13.2855 19.0944C13.4522 19.4334 13.5355 19.8302 13.5355 20.2848C13.5355 20.7355 13.4522 21.1295 13.2855 21.4666C13.1207 21.8037 12.8897 22.066 12.5923 22.2535C12.2969 22.441 11.9522 22.5348 11.5582 22.5348ZM11.5582 21.9325C11.8575 21.9325 12.1037 21.8558 12.2969 21.7024C12.4901 21.549 12.633 21.3473 12.7259 21.0973C12.8187 20.8473 12.8651 20.5764 12.8651 20.2848C12.8651 19.9931 12.8187 19.7213 12.7259 19.4694C12.633 19.2175 12.4901 19.0139 12.2969 18.8586C12.1037 18.7033 11.8575 18.6257 11.5582 18.6257C11.259 18.6257 11.0128 18.7033 10.8196 18.8586C10.6264 19.0139 10.4834 19.2175 10.3906 19.4694C10.2978 19.7213 10.2514 19.9931 10.2514 20.2848C10.2514 20.5764 10.2978 20.8473 10.3906 21.0973C10.4834 21.3473 10.6264 21.549 10.8196 21.7024C11.0128 21.8558 11.259 21.9325 11.5582 21.9325ZM16.3317 22.5348C15.9226 22.5348 15.5703 22.4382 15.2749 22.245C14.9794 22.0518 14.7521 21.7857 14.593 21.4467C14.4339 21.1077 14.3544 20.7204 14.3544 20.2848C14.3544 19.8416 14.4358 19.4505 14.5987 19.1115C14.7635 18.7706 14.9927 18.5045 15.2862 18.3132C15.5817 18.12 15.9264 18.0234 16.3203 18.0234C16.6271 18.0234 16.9036 18.0802 17.1499 18.1938C17.3961 18.3075 17.5978 18.4666 17.755 18.6711C17.9122 18.8757 18.0097 19.1143 18.0476 19.387H17.3771C17.326 19.1882 17.2124 19.012 17.0362 18.8586C16.862 18.7033 16.6271 18.6257 16.3317 18.6257C16.0703 18.6257 15.8411 18.6938 15.6442 18.8302C15.4491 18.9647 15.2966 19.155 15.1868 19.4012C15.0788 19.6456 15.0249 19.9325 15.0249 20.262C15.0249 20.5992 15.0779 20.8927 15.1839 21.1427C15.2919 21.3927 15.4434 21.5868 15.6385 21.7251C15.8355 21.8634 16.0665 21.9325 16.3317 21.9325C16.5059 21.9325 16.6641 21.9022 16.8061 21.8416C16.9482 21.781 17.0684 21.6938 17.1669 21.5802C17.2654 21.4666 17.3355 21.3302 17.3771 21.1711H18.0476C18.0097 21.4287 17.916 21.6607 17.7663 21.8671C17.6186 22.0717 17.4226 22.2346 17.1783 22.3558C16.9358 22.4751 16.6536 22.5348 16.3317 22.5348ZM19.4808 18.0802L20.5263 19.8643L21.5717 18.0802H22.3445L20.9354 20.262L22.3445 22.4438H21.5717L20.5263 20.7507L19.4808 22.4438H18.7081L20.0945 20.262L18.7081 18.0802H19.4808Z"
+          fill="white"
+        />
+      </svg>
+    </>
+  );
+};
+
+export default DOCX;

package/src/assets/images/modal-icons/envelope-icon.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+
+const MailIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    version="1.0"
+    id="Layer_1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    width="25"
+    height="24"
+    viewBox="0 0 64 64"
+    xmlSpace="preserve"
+    {...props}
+  >
+    <path
+      fill="#231F20"
+      d="M60,8H4c-2.211,0-4,1.789-4,4v40c0,2.211,1.789,4,4,4h56c2.211,0,4-1.789,4-4V12C64,9.789,62.211,8,60,8z
+        M4,10h56c1.104,0,2,0.896,2,2v2.469L32,36.754L2,14.469V12C2,10.896,2.896,10,4,10z M60,54H4c-1.104,0-2-0.896-2-2v-2.808
+        l18.584-13.381c0.448-0.322,0.55-0.947,0.228-1.396c-0.322-0.447-0.946-0.549-1.396-0.228L2,46.729V16.961l29.403,21.842
+        C31.581,38.935,31.79,39,32,39s0.419-0.065,0.597-0.197L62,16.961v29.768l-17.416-12.54c-0.448-0.322-1.074-0.221-1.396,0.228
+        c-0.322,0.448-0.221,1.073,0.228,1.396L62,49.192V52C62,53.104,61.104,54,60,54z"
+    />
+  </svg>
+);
+
+export default MailIcon;

package/src/assets/images/modal-icons/info.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+
+const VideoInfo = () => {
+  return (
+    <><svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <mask id="mask0_8102_4109" style={{maskType: 'luminance'}} maskUnits="userSpaceOnUse" x="0" y="0" width="13" height="13">
+    <path d="M0.0117188 0.5H12.0117V12.5H0.0117188V0.5Z" fill="white"/>
+    </mask>
+    <g mask="url(#mask0_8102_4109)">
+    <path d="M6.01172 12.5C2.70341 12.5 0.0117188 9.8083 0.0117188 6.5C0.0117188 3.1917 2.70341 0.5 6.01172 0.5C9.31988 0.5 12.0117 3.1917 12.0117 6.5C12.0117 9.8083 9.31988 12.5 6.01172 12.5ZM6.01172 1.36994C3.18229 1.36994 0.880932 3.67057 0.880932 6.5C0.880932 9.32856 3.18229 11.6301 6.01172 11.6301C8.84028 11.6301 11.1424 9.32856 11.1424 6.5C11.1424 3.67057 8.84028 1.36994 6.01172 1.36994Z" fill="var(--primary-color)"/>
+    </g>
+    <path d="M6.13339 9.61305C6.08724 9.59555 6.03747 9.56705 6.03747 9.44624C6.03747 9.39633 6.04528 9.3386 6.06293 9.26815L6.82075 5.59425C6.83767 5.50802 6.84635 5.4176 6.84635 5.32761C6.84635 5.09019 6.77315 4.90949 6.62876 4.78985C6.30512 4.52393 5.73886 4.57616 4.79688 4.89445L4.70544 4.92526L4.66797 5.39922H4.8261C5.30584 5.39922 5.42159 5.43669 5.4456 5.44841C5.47786 5.46375 5.49552 5.48212 5.49552 5.53609C5.49552 5.56603 5.49175 5.59989 5.48394 5.63736C5.47454 5.68727 5.46325 5.745 5.4524 5.80721L4.75796 9.18149C4.72569 9.35133 4.70877 9.49717 4.70877 9.61349C4.70877 9.88229 4.78646 10.09 4.93793 10.2304C5.08637 10.3672 5.29008 10.437 5.54282 10.437C5.83869 10.437 6.23582 10.3548 6.75622 10.1865L6.84925 10.1565L6.88672 9.67613H6.7296C6.37384 9.67613 6.20949 9.64155 6.13339 9.61305Z" fill="var(--primary-color)"/>
+    <path d="M7.13064 2.76837C6.9877 2.63223 6.80396 2.5625 6.58492 2.5625C6.35807 2.5625 6.16609 2.63715 6.01505 2.78371C5.8627 2.93113 5.78516 3.12948 5.78516 3.37399C5.78516 3.59896 5.85894 3.78574 6.00405 3.93056C6.14931 4.07639 6.33521 4.15017 6.5557 4.15017C6.78067 4.15017 6.97092 4.0719 7.12269 3.91884C7.27344 3.76591 7.34968 3.56713 7.34968 3.32784C7.34968 3.09418 7.27648 2.90596 7.13064 2.76837Z" fill="var(--primary-color)"/>
+    </svg>
+    </>
+  )
+}
+
+export default VideoInfo

package/src/assets/images/modal-icons/jpeg.tsx

@@ -0,0 +1,43 @@
+/**
+ * @Author: Junaid Atari junaid.attari@invozone.dev
+ * @Date: 2024-12-20 12:33:00
+ * @LastEditors: Junaid Atari junaid.attari@invozone.dev
+ * @LastEditTime: 2024-12-20 12:33:02
+ * @FilePath: src/assets/images/hire-designer/jpeg.tsx
+ * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
+ */
+import React from 'react';
+
+const JPEG = () => {
+  return (
+    <>
+      <svg
+        width="33"
+        height="32"
+        viewBox="0 0 33 32"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M32.2584 11.309V27.4382C32.2584 29.486 30.5984 31.1461 28.5506 31.1461H12.236C10.1882 31.1461 8.52809 29.486 8.52809 27.4382V4.44947C8.52809 2.40167 10.1882 0.741604 12.236 0.741604H21.691V6.11801C21.691 8.98492 24.0151 11.309 26.882 11.309H32.2584ZM31.2097 9.82587H26.882C24.8342 9.82587 23.1742 8.16581 23.1742 6.11801V1.79035L31.2097 9.82587Z"
+          fill="#EEF1F7"
+          stroke="#CBD0DC"
+          strokeWidth="1.48315"
+        />
+        <rect
+          y="14.0899"
+          width="23.25"
+          height="12.9775"
+          rx="2.59551"
+          fill="#0B6111"
+        />
+        <path
+          d="M3.10227 22.4893C2.96212 22.4893 2.84186 22.4391 2.74148 22.3387C2.6411 22.2384 2.59091 22.1181 2.59091 21.9779C2.59091 21.8378 2.6411 21.7175 2.74148 21.6171C2.84186 21.5168 2.96212 21.4666 3.10227 21.4666C3.24242 21.4666 3.36269 21.5168 3.46307 21.6171C3.56345 21.7175 3.61364 21.8378 3.61364 21.9779C3.61364 22.0707 3.58996 22.156 3.54261 22.2336C3.49716 22.3113 3.43561 22.3738 3.35795 22.4211C3.2822 22.4666 3.19697 22.4893 3.10227 22.4893ZM4.81676 18.0802H5.48722V22.762C5.48722 23.031 5.44081 23.2639 5.34801 23.4609C5.2571 23.6579 5.11884 23.8103 4.93324 23.9183C4.74953 24.0262 4.51752 24.0802 4.23722 24.0802C4.21449 24.0802 4.19176 24.0802 4.16903 24.0802C4.14631 24.0802 4.12358 24.0802 4.10085 24.0802V23.4552C4.12358 23.4552 4.14441 23.4552 4.16335 23.4552C4.18229 23.4552 4.20312 23.4552 4.22585 23.4552C4.4304 23.4552 4.58002 23.3946 4.67472 23.2734C4.76941 23.1541 4.81676 22.9836 4.81676 22.762V18.0802ZM5.14631 17.3529C5.01563 17.3529 4.90294 17.3084 4.80824 17.2194C4.71544 17.1304 4.66903 17.0234 4.66903 16.8984C4.66903 16.7734 4.71544 16.6664 4.80824 16.5774C4.90294 16.4884 5.01563 16.4438 5.14631 16.4438C5.27699 16.4438 5.38873 16.4884 5.48153 16.5774C5.57623 16.6664 5.62358 16.7734 5.62358 16.8984C5.62358 17.0234 5.57623 17.1304 5.48153 17.2194C5.38873 17.3084 5.27699 17.3529 5.14631 17.3529ZM6.7152 24.0802V18.0802H7.36293V18.7734H7.44247C7.49171 18.6976 7.5599 18.601 7.64702 18.4836C7.73603 18.3643 7.86293 18.2582 8.0277 18.1654C8.19437 18.0707 8.41974 18.0234 8.70384 18.0234C9.07126 18.0234 9.39512 18.1152 9.67543 18.299C9.95573 18.4827 10.1745 18.7431 10.3317 19.0802C10.4889 19.4173 10.5675 19.8151 10.5675 20.2734C10.5675 20.7355 10.4889 21.1361 10.3317 21.4751C10.1745 21.8122 9.95668 22.0736 9.67827 22.2592C9.39986 22.4429 9.07884 22.5348 8.7152 22.5348C8.4349 22.5348 8.21046 22.4884 8.0419 22.3956C7.87334 22.3009 7.74361 22.1938 7.6527 22.0745C7.56179 21.9533 7.49171 21.8529 7.44247 21.7734H7.38565V24.0802H6.7152ZM7.37429 20.262C7.37429 20.5916 7.42259 20.8823 7.51918 21.1342C7.61577 21.3842 7.75687 21.5802 7.94247 21.7223C8.12808 21.8624 8.35535 21.9325 8.62429 21.9325C8.90459 21.9325 9.13849 21.8586 9.32599 21.7109C9.51539 21.5613 9.65743 21.3605 9.75213 21.1086C9.84872 20.8548 9.89702 20.5726 9.89702 20.262C9.89702 19.9552 9.84967 19.6787 9.75497 19.4325C9.66217 19.1844 9.52107 18.9884 9.33168 18.8444C9.14418 18.6986 8.90838 18.6257 8.62429 18.6257C8.35156 18.6257 8.1224 18.6948 7.93679 18.8331C7.75118 18.9694 7.61103 19.1607 7.51634 19.4069C7.42164 19.6512 7.37429 19.9363 7.37429 20.262ZM13.4197 22.5348C12.9993 22.5348 12.6366 22.442 12.3317 22.2563C12.0286 22.0688 11.7947 21.8075 11.63 21.4723C11.4671 21.1351 11.3857 20.7431 11.3857 20.2961C11.3857 19.8492 11.4671 19.4552 11.63 19.1143C11.7947 18.7715 12.0239 18.5045 12.3175 18.3132C12.6129 18.12 12.9576 18.0234 13.3516 18.0234C13.5788 18.0234 13.8033 18.0613 14.0249 18.137C14.2464 18.2128 14.4482 18.3359 14.63 18.5063C14.8118 18.6749 14.9567 18.8984 15.0646 19.1768C15.1726 19.4552 15.2266 19.798 15.2266 20.2052V20.4893H11.8629V19.9098H14.5447C14.5447 19.6635 14.4955 19.4438 14.397 19.2507C14.3004 19.0575 14.1622 18.905 13.9822 18.7933C13.8042 18.6815 13.594 18.6257 13.3516 18.6257C13.0845 18.6257 12.8535 18.692 12.6584 18.8245C12.4652 18.9552 12.3165 19.1257 12.2124 19.3359C12.1082 19.5461 12.0561 19.7715 12.0561 20.012V20.3984C12.0561 20.7279 12.1129 21.0073 12.2266 21.2365C12.3421 21.4637 12.5021 21.637 12.7067 21.7563C12.9112 21.8738 13.1489 21.9325 13.4197 21.9325C13.5959 21.9325 13.755 21.9079 13.897 21.8586C14.041 21.8075 14.165 21.7317 14.2692 21.6313C14.3733 21.5291 14.4538 21.4022 14.5107 21.2507L15.1584 21.4325C15.0902 21.6522 14.9756 21.8454 14.8146 22.012C14.6536 22.1768 14.4548 22.3056 14.218 22.3984C13.9813 22.4893 13.7152 22.5348 13.4197 22.5348ZM18.0078 24.1711C17.6839 24.1711 17.4055 24.1295 17.1726 24.0461C16.9396 23.9647 16.7455 23.8567 16.5902 23.7223C16.4368 23.5897 16.3146 23.4476 16.2237 23.2961L16.7578 22.9211C16.8184 23.0007 16.8951 23.0916 16.9879 23.1938C17.0807 23.298 17.2076 23.388 17.3686 23.4637C17.5315 23.5414 17.7446 23.5802 18.0078 23.5802C18.3601 23.5802 18.6508 23.495 18.88 23.3245C19.1091 23.1541 19.2237 22.887 19.2237 22.5234V21.637H19.1669C19.1177 21.7166 19.0476 21.8151 18.9567 21.9325C18.8677 22.048 18.7389 22.1512 18.5703 22.2421C18.4036 22.3312 18.1783 22.3757 17.8942 22.3757C17.5419 22.3757 17.2256 22.2923 16.9453 22.1257C16.6669 21.959 16.4463 21.7166 16.2834 21.3984C16.1224 21.0802 16.0419 20.6938 16.0419 20.2393C16.0419 19.7923 16.1205 19.4031 16.2777 19.0717C16.4349 18.7384 16.6536 18.4808 16.9339 18.299C17.2143 18.1152 17.5381 18.0234 17.9055 18.0234C18.1896 18.0234 18.415 18.0707 18.5817 18.1654C18.7502 18.2582 18.879 18.3643 18.968 18.4836C19.0589 18.601 19.129 18.6976 19.1783 18.7734H19.2464V18.0802H19.8942V22.5688C19.8942 22.9438 19.8089 23.2488 19.6385 23.4836C19.4699 23.7204 19.2427 23.8937 18.9567 24.0035C18.6726 24.1152 18.3563 24.1711 18.0078 24.1711ZM17.9851 21.7734C18.254 21.7734 18.4813 21.7118 18.6669 21.5887C18.8525 21.4656 18.9936 21.2885 19.0902 21.0575C19.1868 20.8264 19.2351 20.5499 19.2351 20.2279C19.2351 19.9135 19.1877 19.6361 19.093 19.3956C18.9983 19.155 18.8582 18.9666 18.6726 18.8302C18.487 18.6938 18.2578 18.6257 17.9851 18.6257C17.701 18.6257 17.4643 18.6976 17.2749 18.8416C17.0874 18.9855 16.9463 19.1787 16.8516 19.4211C16.7588 19.6635 16.7124 19.9325 16.7124 20.2279C16.7124 20.531 16.7597 20.799 16.8544 21.0319C16.951 21.263 17.093 21.4448 17.2805 21.5774C17.4699 21.7081 17.7048 21.7734 17.9851 21.7734Z"
+          fill="white"
+        />
+      </svg>
+    </>
+  );
+};
+
+export default JPEG;

package/src/assets/images/modal-icons/jpg.tsx

@@ -0,0 +1,43 @@
+/**
+ * @Author: Junaid Atari junaid.attari@invozone.dev
+ * @Date: 2024-12-20 12:33:00
+ * @LastEditors: Junaid Atari junaid.attari@invozone.dev
+ * @LastEditTime: 2024-12-20 12:33:02
+ * @FilePath: src/assets/images/hire-designer/jpg.tsx
+ * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
+ */
+import React from 'react';
+
+const JPG = () => {
+  return (
+    <>
+      <svg
+        width="33"
+        height="32"
+        viewBox="0 0 33 32"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M32.2584 11.309V27.4382C32.2584 29.486 30.5984 31.1461 28.5506 31.1461H12.236C10.1882 31.1461 8.52809 29.486 8.52809 27.4382V4.44947C8.52809 2.40167 10.1882 0.741604 12.236 0.741604H21.691V6.11801C21.691 8.98492 24.0151 11.309 26.882 11.309H32.2584ZM31.2097 9.82587H26.882C24.8342 9.82587 23.1742 8.16581 23.1742 6.11801V1.79035L31.2097 9.82587Z"
+          fill="#EEF1F7"
+          stroke="#CBD0DC"
+          strokeWidth="1.48315"
+        />
+        <rect
+          y="14.0899"
+          width="19.25"
+          height="12.9775"
+          rx="2.59551"
+          fill="#06AFC9"
+        />
+        <path
+          d="M3.10227 22.4893C2.96212 22.4893 2.84186 22.4391 2.74148 22.3387C2.6411 22.2384 2.59091 22.1181 2.59091 21.9779C2.59091 21.8378 2.6411 21.7175 2.74148 21.6171C2.84186 21.5168 2.96212 21.4666 3.10227 21.4666C3.24242 21.4666 3.36269 21.5168 3.46307 21.6171C3.56345 21.7175 3.61364 21.8378 3.61364 21.9779C3.61364 22.0707 3.58996 22.156 3.54261 22.2336C3.49716 22.3113 3.43561 22.3738 3.35795 22.4211C3.2822 22.4666 3.19697 22.4893 3.10227 22.4893ZM4.81676 18.0802H5.48722V22.762C5.48722 23.031 5.44081 23.2639 5.34801 23.4609C5.2571 23.6579 5.11884 23.8103 4.93324 23.9183C4.74953 24.0262 4.51752 24.0802 4.23722 24.0802C4.21449 24.0802 4.19176 24.0802 4.16903 24.0802C4.14631 24.0802 4.12358 24.0802 4.10085 24.0802V23.4552C4.12358 23.4552 4.14441 23.4552 4.16335 23.4552C4.18229 23.4552 4.20312 23.4552 4.22585 23.4552C4.4304 23.4552 4.58002 23.3946 4.67472 23.2734C4.76941 23.1541 4.81676 22.9836 4.81676 22.762V18.0802ZM5.14631 17.3529C5.01563 17.3529 4.90294 17.3084 4.80824 17.2194C4.71544 17.1304 4.66903 17.0234 4.66903 16.8984C4.66903 16.7734 4.71544 16.6664 4.80824 16.5774C4.90294 16.4884 5.01563 16.4438 5.14631 16.4438C5.27699 16.4438 5.38873 16.4884 5.48153 16.5774C5.57623 16.6664 5.62358 16.7734 5.62358 16.8984C5.62358 17.0234 5.57623 17.1304 5.48153 17.2194C5.38873 17.3084 5.27699 17.3529 5.14631 17.3529ZM6.7152 24.0802V18.0802H7.36293V18.7734H7.44247C7.49171 18.6976 7.5599 18.601 7.64702 18.4836C7.73603 18.3643 7.86293 18.2582 8.0277 18.1654C8.19437 18.0707 8.41974 18.0234 8.70384 18.0234C9.07126 18.0234 9.39512 18.1152 9.67543 18.299C9.95573 18.4827 10.1745 18.7431 10.3317 19.0802C10.4889 19.4173 10.5675 19.8151 10.5675 20.2734C10.5675 20.7355 10.4889 21.1361 10.3317 21.4751C10.1745 21.8122 9.95668 22.0736 9.67827 22.2592C9.39986 22.4429 9.07884 22.5348 8.7152 22.5348C8.4349 22.5348 8.21046 22.4884 8.0419 22.3956C7.87334 22.3009 7.74361 22.1938 7.6527 22.0745C7.56179 21.9533 7.49171 21.8529 7.44247 21.7734H7.38565V24.0802H6.7152ZM7.37429 20.262C7.37429 20.5916 7.42259 20.8823 7.51918 21.1342C7.61577 21.3842 7.75687 21.5802 7.94247 21.7223C8.12808 21.8624 8.35535 21.9325 8.62429 21.9325C8.90459 21.9325 9.13849 21.8586 9.32599 21.7109C9.51539 21.5613 9.65743 21.3605 9.75213 21.1086C9.84872 20.8548 9.89702 20.5726 9.89702 20.262C9.89702 19.9552 9.84967 19.6787 9.75497 19.4325C9.66217 19.1844 9.52107 18.9884 9.33168 18.8444C9.14418 18.6986 8.90838 18.6257 8.62429 18.6257C8.35156 18.6257 8.1224 18.6948 7.93679 18.8331C7.75118 18.9694 7.61103 19.1607 7.51634 19.4069C7.42164 19.6512 7.37429 19.9363 7.37429 20.262ZM13.3516 24.1711C13.0277 24.1711 12.7493 24.1295 12.5163 24.0461C12.2834 23.9647 12.0893 23.8567 11.9339 23.7223C11.7805 23.5897 11.6584 23.4476 11.5675 23.2961L12.1016 22.9211C12.1622 23.0007 12.2389 23.0916 12.3317 23.1938C12.4245 23.298 12.5514 23.388 12.7124 23.4637C12.8752 23.5414 13.0883 23.5802 13.3516 23.5802C13.7038 23.5802 13.9946 23.495 14.2237 23.3245C14.4529 23.1541 14.5675 22.887 14.5675 22.5234V21.637H14.5107C14.4614 21.7166 14.3913 21.8151 14.3004 21.9325C14.2114 22.048 14.0826 22.1512 13.9141 22.2421C13.7474 22.3312 13.522 22.3757 13.2379 22.3757C12.8857 22.3757 12.5694 22.2923 12.2891 22.1257C12.0107 21.959 11.79 21.7166 11.6271 21.3984C11.4661 21.0802 11.3857 20.6938 11.3857 20.2393C11.3857 19.7923 11.4643 19.4031 11.6214 19.0717C11.7786 18.7384 11.9974 18.4808 12.2777 18.299C12.558 18.1152 12.8819 18.0234 13.2493 18.0234C13.5334 18.0234 13.7588 18.0707 13.9254 18.1654C14.094 18.2582 14.2228 18.3643 14.3118 18.4836C14.4027 18.601 14.4728 18.6976 14.522 18.7734H14.5902V18.0802H15.2379V22.5688C15.2379 22.9438 15.1527 23.2488 14.9822 23.4836C14.8137 23.7204 14.5864 23.8937 14.3004 24.0035C14.0163 24.1152 13.7 24.1711 13.3516 24.1711ZM13.3288 21.7734C13.5978 21.7734 13.825 21.7118 14.0107 21.5887C14.1963 21.4656 14.3374 21.2885 14.4339 21.0575C14.5305 20.8264 14.5788 20.5499 14.5788 20.2279C14.5788 19.9135 14.5315 19.6361 14.4368 19.3956C14.3421 19.155 14.2019 18.9666 14.0163 18.8302C13.8307 18.6938 13.6016 18.6257 13.3288 18.6257C13.0447 18.6257 12.808 18.6976 12.6186 18.8416C12.4311 18.9855 12.29 19.1787 12.1953 19.4211C12.1025 19.6635 12.0561 19.9325 12.0561 20.2279C12.0561 20.531 12.1035 20.799 12.1982 21.0319C12.2947 21.263 12.4368 21.4448 12.6243 21.5774C12.8137 21.7081 13.0485 21.7734 13.3288 21.7734Z"
+          fill="white"
+        />
+      </svg>
+    </>
+  );
+};
+
+export default JPG;

package/src/assets/images/modal-icons/modal-cros.svg

@@ -0,0 +1,4 @@
+<svg width="61" height="59" viewBox="0 0 61 59" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" width="60" height="58.9091" rx="29.4545" fill="#FFEAE3"/>
+<path d="M37.5 22.4547L23.5 36.4547M37.5 36.4546L23.5 22.4546" stroke="#ED5C2F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/modal-icons/modal-cross.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+const ModalCross = (props: any) => {
+  const {disabled, fill} = props;
+  return (
+    <svg
+      width="26"
+      height="26"
+      viewBox="0 0 26 26"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <mask
+        id="mask0_1992_577"
+        maskUnits="userSpaceOnUse"
+        x="2"
+        y="2"
+        width="22"
+        height="22"
+      >
+        <path
+          d="M13 2L23.9519 12.9519L13.0144 23.8893L2.06256 12.9374L13 2Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_1992_577)">
+        <path
+          d="M19.5433 16.4305C18.2305 15.1176 16.9176 13.8047 15.6047 12.4919C15.6046 12.7834 15.6044 13.0749 15.6043 13.3664C16.9186 12.052 18.2331 10.7375 19.5475 9.42317C19.786 9.18463 19.7861 8.78667 19.548 8.54854C18.8237 7.82426 18.0994 7.09998 17.3752 6.3757C17.1369 6.13743 16.7391 6.13769 16.5005 6.37623C15.1862 7.69058 13.8717 9.00507 12.5573 10.3194C12.8488 10.3193 13.1403 10.3191 13.4318 10.319C12.119 9.00613 10.8061 7.69325 9.4932 6.38037C9.25493 6.1421 8.85723 6.14223 8.6187 6.38077C7.89348 7.10598 7.1684 7.83106 6.44319 8.55628C6.20492 8.79455 6.20452 9.19251 6.44279 9.43078C7.75567 10.7437 9.06856 12.0565 10.3814 13.3694C10.3816 13.0779 10.3817 12.7864 10.3818 12.4949C9.06749 13.8093 7.753 15.1238 6.43865 16.4381C6.20025 16.6765 6.19998 17.0743 6.43825 17.3126C7.16253 18.0369 7.88681 18.7612 8.61109 19.4854C8.84923 19.7236 9.24719 19.7234 9.48559 19.485C10.7999 18.1707 12.1144 16.8562 13.4288 15.5419C13.1373 15.542 12.8458 15.5421 12.5543 15.5423C13.8672 16.8551 15.18 18.168 16.4929 19.4809C16.7311 19.719 17.1289 19.7188 17.3673 19.4804C18.0924 18.7553 18.8176 18.0301 19.5427 17.305C20.107 16.7407 19.2332 15.8668 18.6688 16.4312C17.9438 17.1563 17.2185 17.8815 16.4935 18.6065C16.785 18.6064 17.0763 18.6061 17.3678 18.606C16.0549 17.2931 14.7421 15.9802 13.4292 14.6674C13.191 14.4292 12.7932 14.4295 12.5548 14.6679C11.2403 15.9824 9.92598 17.2967 8.61149 18.6112C8.90313 18.6109 9.19436 18.6108 9.48599 18.6105C8.76171 17.8863 8.03743 17.162 7.31315 16.4377C7.31289 16.7293 7.31275 17.0206 7.31249 17.3122C8.62697 15.9977 9.94132 14.6834 11.2558 13.3689C11.4942 13.1305 11.4946 12.7328 11.2563 12.4945C9.94345 11.1816 8.63057 9.86876 7.31769 8.55588C7.31742 8.84724 7.31729 9.13874 7.31716 9.43024C8.04224 8.70516 8.76745 7.97995 9.49253 7.25487C9.20103 7.255 8.90953 7.25513 8.61816 7.2554C9.93105 8.56828 11.2439 9.88117 12.5568 11.194C12.7951 11.4323 13.1926 11.4321 13.4312 11.1935C14.7457 9.87903 16.0601 8.56455 17.3745 7.2502C17.083 7.25033 16.7916 7.2506 16.5001 7.25073C17.2244 7.97501 17.9487 8.69929 18.673 9.42357C18.6731 9.13207 18.6734 8.8407 18.6735 8.5492C17.3592 9.86355 16.0447 11.178 14.7302 12.4925C14.4917 12.7311 14.4917 13.1289 14.7297 13.3669C16.0425 14.6798 17.3554 15.9927 18.6683 17.3055C19.2318 17.8691 20.1069 16.994 19.5433 16.4305Z"
+          fill={disabled ? 'grey' : fill}
+        />
+      </g>
+      <circle cx="13" cy="13" r="12" strokeWidth="2" />
+    </svg>
+  );
+};
+
+export default ModalCross;

package/src/assets/images/modal-icons/new-cancel.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const NewCancel = () => {
+  return (
+    <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.0962 1.09627L1.09619 13.0963M13.0962 13.0962L1.09619 1.09619" stroke="#28303F" strokeWidth="2.12132" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  )
+}
+
+export default NewCancel

package/src/assets/images/modal-icons/order-download.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+
+const OrderDownload = () => {
+  return (
+    <>
+      <svg
+        width="25"
+        height="24"
+        viewBox="0 0 25 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g clipPath="url(#clip0_431_77)">
+          <path
+            d="M12.0369 15.1756C11.9243 15.1757 11.8128 15.1536 11.7088 15.1105C11.6047 15.0675 11.5102 15.0044 11.4306 14.9248C11.351 14.8451 11.2879 14.7506 11.2448 14.6466C11.2018 14.5426 11.1797 14.4311 11.1797 14.3185V1.49972C11.1797 1.27239 11.2701 1.05437 11.4308 0.893629C11.5915 0.732884 11.8096 0.642578 12.0369 0.642578C12.2642 0.642578 12.4822 0.732884 12.643 0.893629C12.8037 1.05437 12.894 1.27239 12.894 1.49972V14.3185C12.894 14.5458 12.8037 14.7638 12.643 14.9246C12.4822 15.0853 12.2642 15.1756 12.0369 15.1756Z"
+            fill="#545454"
+          />
+          <path
+            d="M12.0369 15.5608C11.7488 15.5613 11.4635 15.5048 11.1973 15.3947C10.9311 15.2845 10.6893 15.1229 10.4858 14.919L5.85653 10.2897C5.69586 10.1291 5.60559 9.91115 5.60559 9.68392C5.60559 9.45669 5.69586 9.23877 5.85653 9.07809C6.01721 8.91742 6.23513 8.82715 6.46236 8.82715C6.68959 8.82715 6.90751 8.91742 7.06819 9.07809L11.6974 13.7073C11.742 13.7519 11.7949 13.7873 11.8532 13.8114C11.9114 13.8355 11.9738 13.848 12.0369 13.848C12.0999 13.848 12.1623 13.8355 12.2206 13.8114C12.2788 13.7873 12.3317 13.7519 12.3763 13.7073L17.0056 9.07809C17.1672 8.92191 17.3837 8.83545 17.6084 8.83734C17.8331 8.83923 18.0482 8.92931 18.2071 9.08819C18.3661 9.24707 18.4563 9.46202 18.4583 9.68676C18.4603 9.9115 18.374 10.128 18.2179 10.2897L13.588 14.919C13.3844 15.1228 13.1426 15.2844 12.8764 15.3946C12.6102 15.5047 12.3249 15.5612 12.0369 15.5608Z"
+            fill="#545454"
+          />
+          <path
+            d="M21.593 23.3577H2.48077C1.8783 23.357 1.30071 23.1173 0.874702 22.6913C0.448691 22.2653 0.209039 21.6877 0.208313 21.0852V15.0935C0.208313 14.8661 0.298619 14.6481 0.459364 14.4874C0.62011 14.3266 0.838127 14.2363 1.06546 14.2363C1.29278 14.2363 1.5108 14.3266 1.67155 14.4874C1.83229 14.6481 1.9226 14.8661 1.9226 15.0935V21.0852C1.92278 21.2332 1.98165 21.3751 2.08628 21.4797C2.19092 21.5844 2.33279 21.6432 2.48077 21.6434H21.593C21.741 21.6432 21.8828 21.5844 21.9875 21.4797C22.0921 21.3751 22.151 21.2332 22.1512 21.0852V15.0935C22.1512 14.8661 22.2415 14.6481 22.4022 14.4874C22.563 14.3266 22.781 14.2363 23.0083 14.2363C23.2356 14.2363 23.4537 14.3266 23.6144 14.4874C23.7752 14.6481 23.8655 14.8661 23.8655 15.0935V21.0852C23.8647 21.6877 23.6251 22.2653 23.1991 22.6913C22.7731 23.1173 22.1955 23.357 21.593 23.3577Z"
+            fill="#545454"
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_431_77">
+            <rect
+              width="24"
+              height="24"
+              fill="white"
+              transform="translate(0.0368652)"
+            />
+          </clipPath>
+        </defs>
+      </svg>
+    </>
+  );
+};
+
+export default OrderDownload;

package/src/assets/images/modal-icons/pdf.tsx

@@ -0,0 +1,51 @@
+/**
+ * @Author: Junaid Atari junaid.attari@invozone.dev
+ * @Date: 2024-12-20 12:33:00
+ * @LastEditors: Junaid Atari junaid.attari@invozone.dev
+ * @LastEditTime: 2024-12-20 12:33:03
+ * @FilePath: src/assets/images/hire-designer/pdf.tsx
+ * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
+ */
+import React from 'react';
+
+const PDF = () => {
+  return (
+    <>
+      <svg
+        width="33"
+        height="33"
+        viewBox="0 0 33 33"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M28.5492 31.7027H12.2346C10.1868 31.7027 8.52673 30.0426 8.52673 27.9948V5.00608C8.52673 2.95828 10.1868 1.29821 12.2346 1.29821H22.1241L32.2571 11.4312V27.9948C32.2571 30.0426 30.597 31.7027 28.5492 31.7027Z"
+          fill="#EEF1F7"
+          stroke="#CBD0DC"
+          strokeWidth="1.48315"
+        />
+        <rect
+          y="14.6465"
+          width="22.2472"
+          height="12.9775"
+          rx="2.59551"
+          fill="#D82042"
+        />
+        <path
+          d="M3.6875 24.2862V18.084H5.89826C6.38079 18.084 6.78055 18.1718 7.09752 18.3475C7.4145 18.5231 7.65173 18.7634 7.80921 19.0682C7.96669 19.3711 8.04543 19.7123 8.04543 20.0918C8.04543 20.4734 7.96568 20.8166 7.80618 21.1215C7.6487 21.4244 7.41046 21.6646 7.09147 21.8423C6.77449 22.0179 6.37575 22.1058 5.89523 22.1058H4.37496V21.3123H5.81044C6.1153 21.3123 6.36262 21.2598 6.55241 21.1548C6.74219 21.0478 6.8815 20.9025 6.97033 20.7187C7.05916 20.535 7.10358 20.326 7.10358 20.0918C7.10358 19.8576 7.05916 19.6497 6.97033 19.468C6.8815 19.2863 6.74118 19.1439 6.54938 19.041C6.35959 18.938 6.10924 18.8865 5.79832 18.8865H4.62329V24.2862H3.6875Z"
+          fill="white"
+        />
+        <path
+          d="M11.1503 24.2862H9.14248V18.084H11.2139C11.8216 18.084 12.3435 18.2082 12.7796 18.4565C13.2157 18.7028 13.5499 19.0571 13.7821 19.5195C14.0163 19.9798 14.1334 20.532 14.1334 21.176C14.1334 21.8221 14.0152 22.3773 13.779 22.8417C13.5448 23.306 13.2056 23.6634 12.7615 23.9137C12.3173 24.1621 11.7803 24.2862 11.1503 24.2862ZM10.0783 23.4686H11.0989C11.5713 23.4686 11.964 23.3797 12.2769 23.202C12.5899 23.0224 12.8241 22.7629 12.9795 22.4237C13.135 22.0825 13.2127 21.6666 13.2127 21.176C13.2127 20.6895 13.135 20.2766 12.9795 19.9374C12.8261 19.5982 12.5969 19.3408 12.2921 19.1651C11.9872 18.9895 11.6086 18.9017 11.1564 18.9017H10.0783V23.4686Z"
+          fill="white"
+        />
+        <path
+          d="M15.297 24.2862V18.084H19.1431V18.8895H16.2328V20.7793H18.8676V21.5818H16.2328V24.2862H15.297Z"
+          fill="white"
+        />
+      </svg>
+    </>
+  );
+};
+
+export default PDF;

package/src/assets/images/modal-icons/png.tsx

@@ -0,0 +1,43 @@
+/**
+ * @Author: Junaid Atari junaid.attari@invozone.dev
+ * @Date: 2024-12-20 12:33:00
+ * @LastEditors: Junaid Atari junaid.attari@invozone.dev
+ * @LastEditTime: 2024-12-20 12:33:03
+ * @FilePath: src/assets/images/hire-designer/png.tsx
+ * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
+ */
+import React from 'react';
+
+const PNG = () => {
+  return (
+    <>
+      <svg
+        width="33"
+        height="33"
+        viewBox="0 0 33 33"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M28.5492 31.7027H12.2346C10.1868 31.7027 8.52673 30.0426 8.52673 27.9948V5.00608C8.52673 2.95828 10.1868 1.29821 12.2346 1.29821H22.1241L32.2571 11.4312V27.9948C32.2571 30.0426 30.597 31.7027 28.5492 31.7027Z"
+          fill="#EEF1F7"
+          stroke="#CBD0DC"
+          strokeWidth="1.48315"
+        />
+        <rect
+          y="14.6465"
+          width="22.2472"
+          height="12.9775"
+          rx="2.59551"
+          fill="#FFA674"
+        />
+        <path
+          d="M3.10227 23.0455C2.96212 23.0455 2.84186 22.9953 2.74148 22.8949C2.6411 22.7945 2.59091 22.6742 2.59091 22.5341C2.59091 22.3939 2.6411 22.2737 2.74148 22.1733C2.84186 22.0729 2.96212 22.0227 3.10227 22.0227C3.24242 22.0227 3.36269 22.0729 3.46307 22.1733C3.56345 22.2737 3.61364 22.3939 3.61364 22.5341C3.61364 22.6269 3.58996 22.7121 3.54261 22.7898C3.49716 22.8674 3.43561 22.9299 3.35795 22.9773C3.2822 23.0227 3.19697 23.0455 3.10227 23.0455ZM4.81676 24.6364V18.6364H5.46449V19.3295H5.54403C5.59328 19.2538 5.66146 19.1572 5.74858 19.0398C5.83759 18.9205 5.96449 18.8144 6.12926 18.7216C6.29593 18.6269 6.52131 18.5795 6.8054 18.5795C7.17282 18.5795 7.49669 18.6714 7.77699 18.8551C8.05729 19.0388 8.27604 19.2992 8.43324 19.6364C8.59044 19.9735 8.66903 20.3712 8.66903 20.8295C8.66903 21.2917 8.59044 21.6922 8.43324 22.0312C8.27604 22.3684 8.05824 22.6297 7.77983 22.8153C7.50142 22.9991 7.1804 23.0909 6.81676 23.0909C6.53646 23.0909 6.31203 23.0445 6.14347 22.9517C5.97491 22.857 5.84517 22.75 5.75426 22.6307C5.66335 22.5095 5.59328 22.4091 5.54403 22.3295H5.48722V24.6364H4.81676ZM5.47585 20.8182C5.47585 21.1477 5.52415 21.4384 5.62074 21.6903C5.71733 21.9403 5.85843 22.1364 6.04403 22.2784C6.22964 22.4186 6.45691 22.4886 6.72585 22.4886C7.00616 22.4886 7.24006 22.4148 7.42756 22.267C7.61695 22.1174 7.759 21.9167 7.85369 21.6648C7.95028 21.411 7.99858 21.1288 7.99858 20.8182C7.99858 20.5114 7.95123 20.2348 7.85653 19.9886C7.76373 19.7405 7.62263 19.5445 7.43324 19.4006C7.24574 19.2547 7.00994 19.1818 6.72585 19.1818C6.45313 19.1818 6.22396 19.2509 6.03835 19.3892C5.85275 19.5256 5.71259 19.7169 5.6179 19.9631C5.5232 20.2074 5.47585 20.4924 5.47585 20.8182ZM10.3622 20.375V23H9.69176V18.6364H10.3395V19.3182H10.3963C10.4986 19.0966 10.6539 18.9186 10.8622 18.7841C11.0705 18.6477 11.3395 18.5795 11.669 18.5795C11.9645 18.5795 12.223 18.6402 12.4446 18.7614C12.6662 18.8807 12.8385 19.0625 12.9616 19.3068C13.0848 19.5492 13.1463 19.8561 13.1463 20.2273V23H12.4759V20.2727C12.4759 19.9299 12.3868 19.6629 12.2088 19.4716C12.0308 19.2784 11.7865 19.1818 11.4759 19.1818C11.2618 19.1818 11.0705 19.2282 10.902 19.321C10.7353 19.4138 10.6037 19.5492 10.5071 19.7273C10.4105 19.9053 10.3622 20.1212 10.3622 20.375ZM16.1328 24.7273C15.8089 24.7273 15.5305 24.6856 15.2976 24.6023C15.0646 24.5208 14.8705 24.4129 14.7152 24.2784C14.5618 24.1458 14.4396 24.0038 14.3487 23.8523L14.8828 23.4773C14.9434 23.5568 15.0201 23.6477 15.1129 23.75C15.2057 23.8542 15.3326 23.9441 15.4936 24.0199C15.6565 24.0975 15.8696 24.1364 16.1328 24.1364C16.4851 24.1364 16.7758 24.0511 17.005 23.8807C17.2341 23.7102 17.3487 23.4432 17.3487 23.0795V22.1932H17.2919C17.2427 22.2727 17.1726 22.3712 17.0817 22.4886C16.9927 22.6042 16.8639 22.7074 16.6953 22.7983C16.5286 22.8873 16.3033 22.9318 16.0192 22.9318C15.6669 22.9318 15.3506 22.8485 15.0703 22.6818C14.7919 22.5152 14.5713 22.2727 14.4084 21.9545C14.2474 21.6364 14.1669 21.25 14.1669 20.7955C14.1669 20.3485 14.2455 19.9593 14.4027 19.6278C14.5599 19.2945 14.7786 19.0369 15.0589 18.8551C15.3393 18.6714 15.6631 18.5795 16.0305 18.5795C16.3146 18.5795 16.54 18.6269 16.7067 18.7216C16.8752 18.8144 17.004 18.9205 17.093 19.0398C17.1839 19.1572 17.254 19.2538 17.3033 19.3295H17.3714V18.6364H18.0192V23.125C18.0192 23.5 17.9339 23.8049 17.7635 24.0398C17.5949 24.2765 17.3677 24.4498 17.0817 24.5597C16.7976 24.6714 16.4813 24.7273 16.1328 24.7273ZM16.1101 22.3295C16.379 22.3295 16.6063 22.268 16.7919 22.1449C16.9775 22.0218 17.1186 21.8447 17.2152 21.6136C17.3118 21.3826 17.3601 21.1061 17.3601 20.7841C17.3601 20.4697 17.3127 20.1922 17.218 19.9517C17.1233 19.7112 16.9832 19.5227 16.7976 19.3864C16.612 19.25 16.3828 19.1818 16.1101 19.1818C15.826 19.1818 15.5893 19.2538 15.3999 19.3977C15.2124 19.5417 15.0713 19.7348 14.9766 19.9773C14.8838 20.2197 14.8374 20.4886 14.8374 20.7841C14.8374 21.0871 14.8847 21.3551 14.9794 21.5881C15.076 21.8191 15.218 22.0009 15.4055 22.1335C15.5949 22.2642 15.8298 22.3295 16.1101 22.3295Z"
+          fill="white"
+        />
+      </svg>
+    </>
+  );
+};
+
+export default PNG;

package/src/assets/images/modal-icons/save.tsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+const Save = (props: any) => {
+  const {fill} = props;
+  return (
+    <>
+      <svg
+        width="24"
+        height="24"
+        viewBox="0 0 69 62"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M68.25 53.4688V42.2188C68.25 41.4728 67.9537 40.7575 67.4262 40.23C66.8988 39.7026 66.1834 39.4062 65.4375 39.4062C64.6916 39.4062 63.9762 39.7026 63.4488 40.23C62.9213 40.7575 62.625 41.4728 62.625 42.2188V53.4688C62.625 54.2147 62.3287 54.93 61.8012 55.4575C61.2738 55.9849 60.5584 56.2812 59.8125 56.2812H9.1875C8.44158 56.2812 7.72621 55.9849 7.19876 55.4575C6.67132 54.93 6.375 54.2147 6.375 53.4688V42.2188C6.375 41.4728 6.07868 40.7575 5.55124 40.23C5.02379 39.7026 4.30842 39.4062 3.5625 39.4062C2.81658 39.4062 2.10121 39.7026 1.57376 40.23C1.04632 40.7575 0.75 41.4728 0.75 42.2188V53.4688C0.75 55.7065 1.63895 57.8526 3.22129 59.435C4.80363 61.0173 6.94974 61.9062 9.1875 61.9062H59.8125C62.0503 61.9062 64.1964 61.0173 65.7787 59.435C67.3611 57.8526 68.25 55.7065 68.25 53.4688ZM50.3063 38.7875L36.2438 50.0375C35.7472 50.4299 35.1329 50.6433 34.5 50.6433C33.8671 50.6433 33.2528 50.4299 32.7562 50.0375L18.6938 38.7875C18.1814 38.3038 17.8692 37.6455 17.819 36.9426C17.7688 36.2398 17.9842 35.5438 18.4226 34.9922C18.8611 34.4406 19.4906 34.0737 20.1866 33.964C20.8826 33.8544 21.5945 34.0099 22.1812 34.4L31.6875 41.9938V2.84375C31.6875 2.09783 31.9838 1.38246 32.5113 0.855013C33.0387 0.327567 33.7541 0.03125 34.5 0.03125C35.2459 0.03125 35.9613 0.327567 36.4887 0.855013C37.0162 1.38246 37.3125 2.09783 37.3125 2.84375V41.9938L46.8187 34.4C47.102 34.1327 47.4376 33.9271 47.8044 33.7962C48.1713 33.6654 48.5613 33.6122 48.9497 33.6399C49.3382 33.6677 49.7167 33.7758 50.0612 33.9574C50.4057 34.1391 50.7087 34.3903 50.951 34.6952C51.1934 35.0001 51.3697 35.352 51.469 35.7286C51.5682 36.1052 51.5882 36.4983 51.5275 36.883C51.4669 37.2677 51.3271 37.6356 51.1169 37.9635C50.9066 38.2913 50.6306 38.5719 50.3063 38.7875Z"
+          fill={fill}
+        />
+      </svg>
+    </>
+  );
+}
+
+export default Save

package/src/assets/images/modal-icons/template-copy.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+const TemplateCopy = (props: any) => {
+  const { fill } = props;
+  return (
+    <>
+      <svg
+        width="19"
+        height="19"
+        viewBox="0 0 19 19"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M3.5 15.025H3.975V15.5C3.975 16.1697 4.24103 16.8119 4.71456 17.2854C5.18809 17.759 5.83033 18.025 6.5 18.025H15.5C16.1697 18.025 16.8119 17.759 17.2854 17.2854C17.759 16.8119 18.025 16.1697 18.025 15.5V6.5C18.025 5.83033 17.759 5.18809 17.2854 4.71456C16.8119 4.24103 16.1697 3.975 15.5 3.975H15.025V3.5C15.025 2.83033 14.759 2.18808 14.2854 1.71456C13.8119 1.24103 13.1697 0.975 12.5 0.975H3.5C2.83033 0.975 2.18808 1.24103 1.71456 1.71456C1.24103 2.18808 0.975 2.83033 0.975 3.5V12.5C0.975 13.1697 1.24103 13.8119 1.71456 14.2854C2.18808 14.759 2.83033 15.025 3.5 15.025ZM15.5 5.025C15.8912 5.025 16.2664 5.1804 16.543 5.45702C16.8196 5.73363 16.975 6.10881 16.975 6.5V15.5C16.975 15.8912 16.8196 16.2664 16.543 16.543C16.2664 16.8196 15.8912 16.975 15.5 16.975H6.5C6.10881 16.975 5.73363 16.8196 5.45702 16.543C5.1804 16.2664 5.025 15.8912 5.025 15.5V15.025H12.5C13.1697 15.025 13.8119 14.759 14.2854 14.2854C14.759 13.8119 15.025 13.1697 15.025 12.5V5.025H15.5ZM2.025 3.5C2.025 3.10881 2.1804 2.73363 2.45702 2.45702C2.73363 2.1804 3.10881 2.025 3.5 2.025H12.5C12.8912 2.025 13.2664 2.1804 13.543 2.45702C13.8196 2.73363 13.975 3.10881 13.975 3.5V12.5C13.975 12.8912 13.8196 13.2664 13.543 13.543C13.2664 13.8196 12.8912 13.975 12.5 13.975H3.5C3.10881 13.975 2.73363 13.8196 2.45702 13.543C2.1804 13.2664 2.025 12.8912 2.025 12.5V3.5Z"
+          fill={fill}
+          stroke="#545454"
+          strokeWidth="0.05"
+        />
+      </svg>
+    </>
+  );
+};
+
+export default TemplateCopy;

package/src/assets/images/modal-icons/tool-cancel.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+const ToolCancel = ({onClick}:{onClick:()=>void}) => {
+  return (
+    <>
+      <svg
+        width="11"
+        height="11"
+        viewBox="0 0 11 11"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        onClick={onClick}
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M0.75 5.35076C0.75 4.03939 1.26845 2.78174 2.19131 1.85446C3.11417 0.927188 4.36583 0.40625 5.67094 0.40625C6.97605 0.40625 8.22772 0.927188 9.15057 1.85446C10.0734 2.78174 10.5919 4.03939 10.5919 5.35076C10.5919 6.66212 10.0734 7.91978 9.15057 8.84705C8.22772 9.77433 6.97605 10.2953 5.67094 10.2953C4.36583 10.2953 3.11417 9.77433 2.19131 8.84705C1.26845 7.91978 0.75 6.66212 0.75 5.35076ZM5.67094 1.11549C4.55303 1.11549 3.48091 1.5617 2.69043 2.35597C1.89995 3.15024 1.45586 4.22749 1.45586 5.35076C1.45586 6.47402 1.89995 7.55128 2.69043 8.34555C3.48091 9.13981 4.55303 9.58603 5.67094 9.58603C6.78885 9.58603 7.86097 9.13981 8.65145 8.34555C9.44193 7.55128 9.88602 6.47402 9.88602 5.35076C9.88602 4.22749 9.44193 3.15024 8.65145 2.35597C7.86097 1.5617 6.78885 1.11549 5.67094 1.11549ZM7.41998 3.59409C7.48963 3.66409 7.52875 3.75902 7.52875 3.858C7.52875 3.95698 7.48963 4.05191 7.41998 4.12191L6.19625 5.35076L7.41998 6.57961C7.48974 6.6497 7.52893 6.74476 7.52893 6.84389C7.52893 6.94302 7.48974 7.03808 7.41998 7.10817C7.35022 7.17827 7.25561 7.21764 7.15696 7.21764C7.0583 7.21764 6.96369 7.17827 6.89393 7.10817L5.67094 5.87858L4.44795 7.10817C4.41341 7.14288 4.3724 7.17041 4.32727 7.18919C4.28214 7.20798 4.23377 7.21764 4.18492 7.21764C4.13608 7.21764 4.08771 7.20798 4.04258 7.18919C3.99745 7.17041 3.95644 7.14288 3.9219 7.10817C3.88736 7.07347 3.85996 7.03227 3.84127 6.98692C3.82257 6.94157 3.81295 6.89297 3.81295 6.84389C3.81295 6.79481 3.82257 6.74621 3.84127 6.70086C3.85996 6.65551 3.88736 6.61431 3.9219 6.57961L5.14563 5.35076L3.9219 4.12191C3.85214 4.05182 3.81295 3.95675 3.81295 3.85763C3.81295 3.7585 3.85214 3.66343 3.9219 3.59334C3.99166 3.52325 4.08627 3.48387 4.18492 3.48387C4.28358 3.48387 4.37819 3.52325 4.44795 3.59334L5.67094 4.82294L6.89393 3.59334C6.92844 3.55858 6.96944 3.531 7.01457 3.51218C7.0597 3.49336 7.10809 3.48368 7.15696 3.48368C7.20582 3.48368 7.25421 3.49336 7.29934 3.51218C7.34447 3.531 7.38547 3.55932 7.41998 3.59409Z"
+          fill="black"
+        />
+      </svg>
+    </>
+  );
+};
+
+export default ToolCancel;

package/src/assets/images/products/bi-new.svg

@@ -0,0 +1,23 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15226_4359)">
+<mask id="mask0_15226_4359" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="44" height="44">
+<path d="M44 0H0V44H44V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_15226_4359)">
+<path d="M22 12.3702L23.7284 15.4342L27.1852 16.3096L25.0247 18.9358V21.9998H24.5926L22 21.1245L18.9753 21.9998V18.9358L16.8148 15.8719L19.8395 15.4342L22 12.3702Z" fill="#FF973F"/>
+<path d="M10.7313 42H33.2687C33.9972 42 34.5897 41.4074 34.5897 40.679V7.80297C34.5897 7.07461 33.9972 6.48196 33.2687 6.48196H31.995V3.32133C31.995 2.59274 31.4031 2 30.6754 2C30.581 2 30.486 2.01023 30.3931 2.03047L24.5764 3.29601C24.2602 3.36484 24.0597 3.67688 24.1285 3.99313C24.1972 4.30922 24.5087 4.50992 24.8256 4.44109L30.6423 3.17555C30.6537 3.17312 30.6648 3.17187 30.6755 3.17187C30.7465 3.17187 30.8232 3.22899 30.8232 3.32133V6.48203H15.4454L22.1537 5.0225C22.4698 4.95367 22.6703 4.64164 22.6015 4.32539C22.5327 4.00914 22.2209 3.80844 21.9044 3.87742L9.87919 6.49375L9.87627 6.49438L9.87159 6.4954C9.60105 6.55461 9.41028 6.79454 9.41028 7.06797V30.8559C9.41028 31.1796 9.67256 31.4419 9.99618 31.4419C10.3199 31.4419 10.5822 31.1796 10.5822 30.8559V7.65383H33.2687C33.351 7.65383 33.4179 7.72071 33.4179 7.80297V40.679C33.4179 40.7613 33.351 40.8281 33.2687 40.8281H10.7313C10.649 40.8281 10.5822 40.7613 10.5822 40.679V33.5902C10.5822 33.2667 10.3199 33.0043 9.99618 33.0043C9.67256 33.0043 9.41028 33.2667 9.41028 33.5902V40.679C9.41028 41.4074 10.0028 42 10.7313 42Z" fill="black"/>
+<path d="M31.7657 23.6155V10.9983C31.7657 10.3306 31.2225 9.78735 30.5547 9.78735H13.4453C12.7776 9.78735 12.2344 10.3306 12.2344 10.9983V23.6155C12.2344 24.2833 12.7776 24.8265 13.4453 24.8265H30.5547C31.2225 24.8265 31.7657 24.2832 31.7657 23.6155ZM30.5938 23.6155C30.5938 23.637 30.5762 23.6546 30.5547 23.6546H13.4453C13.4238 23.6546 13.4063 23.637 13.4063 23.6155V10.9983C13.4063 10.9768 13.4238 10.9592 13.4453 10.9592H30.5547C30.5762 10.9592 30.5938 10.9768 30.5938 10.9983V23.6155Z" fill="black"/>
+<path d="M12.2344 37.4031C12.2344 38.1148 12.8134 38.6938 13.5252 38.6938H30.4748C31.1865 38.6938 31.7656 38.1148 31.7656 37.4031V32.1187C31.7656 31.407 31.1865 30.8279 30.4748 30.8279H13.5252C12.8134 30.8279 12.2344 31.407 12.2344 32.1187V37.4031ZM13.4063 32.1187C13.4063 32.0531 13.4596 31.9998 13.5252 31.9998H30.4748C30.5404 31.9998 30.5937 32.0531 30.5937 32.1187V37.4031C30.5937 37.4686 30.5403 37.522 30.4748 37.522H13.5252C13.4596 37.522 13.4063 37.4686 13.4063 37.4031V32.1187Z" fill="black"/>
+<path d="M30.6302 26.0601H23.4086C23.0849 26.0601 22.8226 26.3224 22.8226 26.646C22.8226 26.9696 23.0849 27.2319 23.4086 27.2319H30.6302C30.9538 27.2319 31.2161 26.9696 31.2161 26.646C31.2161 26.3224 30.9537 26.0601 30.6302 26.0601Z" fill="black"/>
+<path d="M30.6302 28.4957H23.4086C23.0849 28.4957 22.8226 28.7581 22.8226 29.0816C22.8226 29.4053 23.0849 29.6676 23.4086 29.6676H30.6302C30.9538 29.6676 31.2161 29.4053 31.2161 29.0816C31.2161 28.7581 30.9537 28.4957 30.6302 28.4957Z" fill="black"/>
+<path d="M20.5916 26.0601H13.37C13.0463 26.0601 12.7841 26.3224 12.7841 26.646C12.7841 26.9696 13.0463 27.2319 13.37 27.2319H20.5916C20.9152 27.2319 21.1775 26.9696 21.1775 26.646C21.1775 26.3224 20.9152 26.0601 20.5916 26.0601Z" fill="black"/>
+<path d="M20.5916 28.4957H13.37C13.0463 28.4957 12.7841 28.7581 12.7841 29.0816C12.7841 29.4053 13.0463 29.6676 13.37 29.6676H20.5916C20.9152 29.6676 21.1775 29.4053 21.1775 29.0816C21.1775 28.7581 20.9152 28.4957 20.5916 28.4957Z" fill="black"/>
+<path d="M26.3032 15.1425L24.2077 14.838C24.2029 14.8373 24.1988 14.8343 24.1967 14.8301L23.2596 12.9312C23.0212 12.4481 22.5385 12.1482 22 12.1482C21.4615 12.1482 20.9788 12.4481 20.7404 12.9312L19.8033 14.83C19.8012 14.8343 19.7971 14.8373 19.7924 14.838L17.6968 15.1425C17.1638 15.2199 16.7293 15.5863 16.5628 16.0985C16.3964 16.6107 16.5326 17.1624 16.9183 17.5384L18.4348 19.0166C18.4381 19.0199 18.4397 19.0246 18.4389 19.0293L18.0809 21.1164C17.9898 21.6473 18.204 22.1737 18.6396 22.4903C19.0753 22.8067 19.642 22.8478 20.1189 22.5972L21.9932 21.6117C21.9977 21.6095 22.0027 21.6095 22.0067 21.6117L23.8811 22.5972C24.0884 22.7061 24.3128 22.7599 24.536 22.7599C24.826 22.7599 25.1141 22.6691 25.3603 22.4903C25.796 22.1737 26.0102 21.6473 25.919 21.1164L25.5611 19.0292C25.5603 19.0246 25.5619 19.0199 25.5653 19.0165L27.0817 17.5384C27.4674 17.1624 27.6036 16.6107 27.4372 16.0985C27.2707 15.5863 26.8362 15.22 26.3032 15.1425ZM26.2637 16.6993L24.7473 18.1773C24.4676 18.4499 24.3401 18.8425 24.4061 19.2274L24.7641 21.3145C24.7853 21.4385 24.7152 21.5104 24.6715 21.5421C24.6278 21.5739 24.538 21.6185 24.4264 21.5599L22.552 20.5744C22.3791 20.4837 22.1895 20.4382 22 20.4382C21.8105 20.4382 21.6208 20.4837 21.4479 20.5744L19.5736 21.5598C19.4621 21.6184 19.3722 21.5739 19.3285 21.5421C19.2848 21.5103 19.2147 21.4385 19.2359 21.3144L19.5939 19.2273C19.6599 18.8423 19.5324 18.4497 19.2528 18.1773L17.7363 16.6991C17.6462 16.6112 17.6607 16.5119 17.6774 16.4605C17.6941 16.4091 17.7408 16.3202 17.8652 16.302L19.9609 15.9976C20.3472 15.9413 20.6811 15.6989 20.8541 15.3486L21.7913 13.4496C21.847 13.3367 21.946 13.3199 22 13.3199C22.054 13.3199 22.153 13.3367 22.2087 13.4496L23.1459 15.3488C23.3188 15.6989 23.6527 15.9413 24.0391 15.9976L26.1348 16.302C26.2593 16.3202 26.3059 16.4091 26.3226 16.4605C26.3393 16.5119 26.3538 16.6114 26.2637 16.6993Z" fill="black"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_15226_4359">
+<rect width="44" height="44" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/images/products/left-arrow.svg

@@ -0,0 +1,17 @@
+<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_15398_18795)">
+<path d="M23.9957 11.667L17.3291 20.0003L23.9957 28.3337" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_d_15398_18795" x="0.0791016" y="-1.58301" width="41.1666" height="51.1667" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_15398_18795"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_15398_18795" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/assets/images/products/personal-new.tsx

@@ -0,0 +1,31 @@
+import React from 'react'
+
+const PersonalNew = (props: any) => {
+  const { fill } = props
+  return (
+    <>
+        <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_15226_4328)">
+            <mask id="mask0_15226_4328" style={{maskType: "luminance"}} maskUnits="userSpaceOnUse" x="0" y="0" width="44" height="44">
+            <path d="M43.631 0.242798H0.707397V43.1664H43.631V0.242798Z" fill="white"/>
+            </mask>
+            <g mask="url(#mask0_15226_4328)">
+            <path d="M16.8035 10.1488L13.089 11.7997L9.37444 10.5615L7.72354 8.49778L6.89809 7.25963L6.07263 4.78327L6.48536 3.13237L7.31082 1.48145L8.54903 1.06873H10.1999L11.8508 1.89418L13.089 2.71964L13.9144 1.89418L15.5653 1.48145L17.2163 1.06873L18.8672 2.30691L19.6926 5.196L18.8672 7.67236L16.8035 10.1488Z" fill={fill} />
+            <path d="M38.441 19.664L3.41367 12.9279C3.14623 12.8763 2.86362 13.0118 2.73602 13.2524C2.60843 13.493 2.65488 13.8028 2.84744 13.9955L8.72908 19.877V33.0969C8.72908 33.5451 9.20574 33.8563 9.61641 33.675L19.4247 29.341L21.0645 30.8638C21.2683 31.0529 21.5809 31.0855 21.8196 30.9426L30.8405 25.5301C31.1397 25.3505 31.2368 24.9624 31.0572 24.663C30.8776 24.3636 30.4894 24.2666 30.1902 24.4463L21.5766 29.6144L13.5833 22.1922L35.8502 21.0503L32.7097 22.9345C32.4104 23.1141 32.3133 23.5021 32.493 23.8015C32.6115 23.999 32.8208 24.1084 33.0355 24.1084C33.1461 24.1084 33.2583 24.0793 33.3601 24.0183L38.6718 20.8313C39.1647 20.537 39.0187 19.7465 38.441 19.664ZM18.4165 28.4046L10.2671 32.0055L12.4238 22.8399L18.4165 28.4046ZM12.025 21.0063C11.7475 21.0227 11.5065 21.2213 11.4422 21.4926L9.99294 27.6518V20.262L21.3765 20.5268L12.025 21.0063ZM9.62888 18.9894L5.1976 14.558L30.8007 19.4816L9.62888 18.9894Z" fill="black"/>
+            <path d="M40.4929 29.8339C39.8555 29.3996 37.6417 28.2668 34.851 30.9933C32.0603 28.2668 29.8466 29.3996 29.2091 29.8339C27.3672 31.0893 26.808 33.84 27.9362 36.0963C29.9834 40.1908 34.4615 41.7227 34.6511 41.7858C34.7801 41.8289 34.9219 41.8289 35.0508 41.7858C35.2403 41.7226 39.7185 40.1907 41.7658 36.0963C42.8939 33.84 42.3347 31.0893 40.4929 29.8339ZM40.6354 35.531C39.0556 38.6906 35.7011 40.1775 34.8503 40.5123C33.9982 40.1788 30.6516 38.7011 29.0666 35.531C28.1291 33.6558 28.7801 31.656 29.9209 30.8784C30.3094 30.6135 30.7353 30.4833 31.186 30.4833C32.1768 30.4833 33.287 31.1133 34.3811 32.329C34.6284 32.6038 35.0733 32.6038 35.3206 32.329C36.9126 30.5602 38.5384 30.0314 39.7809 30.8784C40.9219 31.656 41.5729 33.6558 40.6354 35.531Z" fill="black"/>
+            <path d="M18.499 0.848498C17.8616 0.414063 15.6478 -0.718634 12.8571 2.00777C10.0663 -0.718634 7.85257 0.414147 7.21525 0.848498C5.37332 2.10384 4.81413 4.85456 5.9423 7.11081C7.98947 11.2054 12.4676 12.7372 12.6573 12.8004C12.7862 12.8435 12.9279 12.8435 13.0569 12.8004C13.2464 12.7371 17.7246 11.2053 19.7718 7.11081C20.9 4.85456 20.3408 2.10384 18.499 0.848498ZM18.6414 6.54552C17.0616 9.70512 13.7071 11.1921 12.8565 11.5268C12.0043 11.1934 8.65774 9.71563 7.07273 6.54552C6.13521 4.67038 6.78619 2.67049 7.92702 1.89292C8.31551 1.628 8.7415 1.4978 9.19217 1.4978C10.1829 1.4978 11.2932 2.12782 12.3873 3.34352C12.6346 3.61833 13.0794 3.61833 13.3268 3.34352C14.9187 1.57476 16.5446 1.04601 17.787 1.89292C18.9281 2.67049 19.579 4.67038 18.6414 6.54552Z" fill="black"/>
+            <path d="M9.62439 36.0878C8.86009 35.5668 7.64463 35.4636 6.37679 36.5703C5.10887 35.4636 3.89351 35.5671 3.12918 36.0878C2.00563 36.8536 1.65812 38.5185 2.33795 39.8782C3.51039 42.223 6.06861 43.0982 6.17701 43.1344C6.30595 43.1774 6.44771 43.1774 6.57666 43.1344C6.68505 43.0982 9.2433 42.223 10.4157 39.8782C11.0955 38.5185 10.7479 36.8536 9.62439 36.0878ZM9.2851 39.313C8.51918 40.8449 6.93287 41.6232 6.37554 41.8575C5.81727 41.6249 4.23874 40.854 3.4683 39.313C3.02447 38.4254 3.31613 37.4899 3.84078 37.1323C4.00199 37.0224 4.18056 36.9685 4.37213 36.9685C4.83263 36.9685 5.367 37.2809 5.90689 37.8809C6.15421 38.1556 6.59904 38.1556 6.84635 37.8809C7.61092 37.0314 8.3642 36.7584 8.91249 37.1323C9.43739 37.4899 9.72893 38.4253 9.2851 39.313Z" fill="black"/>
+            <path d="M37.9358 7.10149C37.1715 6.58053 35.9561 6.47717 34.6882 7.58396C33.4203 6.47725 32.2049 6.58079 31.4406 7.10149C30.317 7.86724 29.9695 9.53218 30.6493 10.8919C31.8217 13.2367 34.38 14.112 34.4883 14.1481C34.6173 14.1912 34.759 14.1912 34.8879 14.1481C34.9964 14.1119 37.5547 13.2367 38.727 10.8919C39.4069 9.53218 39.0594 7.86724 37.9358 7.10149ZM37.5966 10.3268C36.8307 11.8586 35.2444 12.6369 34.687 12.8713C34.1288 12.6387 32.5502 11.8678 31.7797 10.3268C31.3359 9.43921 31.6275 8.50363 32.1523 8.14607C32.3134 8.03617 32.4921 7.98226 32.6836 7.98226C33.1441 7.98226 33.6785 8.29463 34.2184 8.89466C34.4657 9.16942 34.9105 9.16942 35.1578 8.89466C35.9224 8.04505 36.6756 7.77217 37.2239 8.14607C37.7487 8.50363 38.0405 9.43912 37.5966 10.3268Z" fill="black"/>
+            </g>
+            </g>
+            <defs>
+            <clipPath id="clip0_15226_4328">
+            <rect width="44" height="43.1852" fill="white"/>
+            </clipPath>
+            </defs>
+        </svg>
+    </>
+  )
+}
+
+export default PersonalNew

package/src/assets/images/products/postcard-new.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+
+const PostCardNew = (props: any) => {
+  const { fill } = props
+  return (
+    <>
+        <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_15226_4316)">
+            <mask id="mask0_15226_4316" style={{maskType: "luminance"}} maskUnits="userSpaceOnUse" x="0" y="5" width="44" height="34">
+            <path d="M44 5.77051H0V38.9508H44V5.77051Z" fill="white"/>
+            </mask>
+            <g mask="url(#mask0_15226_4316)">
+            <path d="M2.17832 6.43127C0.976481 6.43127 -0.0167236 7.42015 -0.0167236 8.62198V36.3912C-0.0167236 37.5931 0.976481 38.5805 2.17832 38.5805H41.6363C42.8381 38.5805 43.827 37.5931 43.827 36.3912V8.62198C43.827 7.42015 42.8381 6.43127 41.6363 6.43127H2.17832ZM2.17832 7.8941H41.6363C42.0538 7.8941 42.3656 8.20454 42.3656 8.62198V36.3912C42.3656 36.8086 42.0538 37.1191 41.6363 37.1191H2.17832C1.76087 37.1191 1.44474 36.8086 1.44474 36.3912V8.62198C1.44474 8.20454 1.76087 7.8941 2.17832 7.8941ZM21.1773 11.5449V33.4668C21.1549 34.4632 22.6611 34.4632 22.6387 33.4668V11.5449C22.6387 10.5933 21.1773 10.5494 21.1773 11.5449ZM30.6754 10.8113C30.2696 10.8098 29.9402 11.1391 29.9418 11.5449V13.9712C29.0166 13.6545 28.1387 13.6867 27.4613 13.8599C26.487 14.109 25.8371 14.6249 25.8371 14.6249C25.0069 15.2204 25.9733 16.441 26.7434 15.7695C26.7434 15.7695 27.1554 15.4491 27.8224 15.2786C28.4894 15.1081 29.328 15.0797 30.32 15.7909C31.6631 16.7541 33.0193 16.7872 33.9665 16.5345C34.9137 16.2818 35.5307 15.7524 35.5307 15.7524C36.3863 15.1352 35.3346 13.8974 34.5873 14.642C34.5873 14.642 34.2138 14.9546 33.5883 15.1216C33.0125 15.2751 32.293 15.306 31.4047 14.7533V12.2729H37.9855V21.0445H31.4047V19.3004C32.3667 19.6702 33.2757 19.6432 33.9665 19.4589C34.9137 19.2063 35.5307 18.6769 35.5307 18.6769C36.3719 18.0579 35.335 16.8359 34.5873 17.5651C34.5873 17.5651 34.2138 17.8791 33.5883 18.046C32.9627 18.2128 32.1695 18.2432 31.172 17.5279C29.8233 16.5609 28.4355 16.5339 27.4613 16.7829C26.487 17.032 25.8371 17.5493 25.8371 17.5493C24.987 18.142 25.9725 19.385 26.7434 18.6925C26.7434 18.6925 27.1554 18.3721 27.8224 18.2016C28.403 18.0533 29.1131 18.0144 29.9418 18.4756V21.7725C29.9402 22.1782 30.2696 22.5075 30.6754 22.506H38.7134C39.1169 22.5043 39.4428 22.176 39.4412 21.7725V11.545C39.4428 11.1415 39.1169 10.8131 38.7134 10.8115L30.6754 10.8113ZM8.01991 18.1201C7.04461 18.1201 7.04461 19.5829 8.01991 19.5829H17.5194C18.4946 19.5829 18.4946 18.1201 17.5194 18.1201H8.01991ZM5.10266 21.7723C4.1065 21.7502 4.1065 23.2559 5.10266 23.2338H12.4057C13.3586 23.2116 13.3586 21.7935 12.4057 21.7723H5.10266ZM15.33 21.7723C14.3338 21.7502 14.3338 23.2559 15.33 23.2338H17.5194C18.4723 23.2116 18.4723 21.7935 17.5194 21.7723H15.33ZM5.10266 26.8917H17.5194C18.5156 26.9138 18.5156 25.4081 17.5194 25.4303H5.06485C4.07503 25.5007 4.14846 26.92 5.10266 26.8917ZM26.2909 26.8917H38.7134C39.7096 26.9138 39.7096 25.4081 38.7134 25.4303H26.256C25.2695 25.4974 25.3374 26.9159 26.2909 26.8917ZM26.2909 29.081C25.3157 29.081 25.3157 30.5438 26.2909 30.5438H38.7134C39.6887 30.5438 39.6887 29.081 38.7134 29.081H26.2909ZM26.2909 32.7332C25.338 32.7553 25.338 34.1736 26.2909 34.1947H38.7134C39.6663 34.1726 39.6663 32.7544 38.7134 32.7332H26.2909Z" fill="black"/>
+            <path d="M37.9827 12.2764H31.4061V21.0451H37.9827V12.2764Z" fill={fill} />
+            </g>
+            </g>
+            <defs>
+            <clipPath id="clip0_15226_4316">
+            <rect width="44" height="33.1803" fill="white" transform="translate(0 5.77051)"/>
+            </clipPath>
+            </defs>
+        </svg>
+    </>
+  )
+}
+
+export default PostCardNew