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

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

@@ -0,0 +1,24 @@
+import React from 'react'
+
+const ProfessionalNew = (props: any) => {
+  const { fill } = props
+  return (
+    <>
+    <svg width="44" height="45" viewBox="0 0 44 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask id="mask0_15226_4343" style={{maskType: "luminance"}} maskUnits="userSpaceOnUse" x="3" y="3" width="37" height="37">
+        <path d="M39.9946 3.95386H3.99463V39.9539H39.9946V3.95386Z" fill="white"/>
+        </mask>
+        <g mask="url(#mask0_15226_4343)">
+        <path d="M38.3823 20.0504L35.3539 17.022V7.82103C35.3539 7.43269 35.0391 7.1179 34.6507 7.1179H25.4498L22.4917 4.15979C22.2171 3.88521 21.7719 3.88521 21.4973 4.15979L18.5392 7.1179H9.33826C8.94993 7.1179 8.63513 7.43269 8.63513 7.82103V17.0219L5.60671 20.0504C5.47487 20.1823 5.40076 20.3611 5.40076 20.5476V39.2507C5.40076 39.639 5.71555 39.9538 6.10388 39.9538H18.8305C19.2188 39.9538 19.5336 39.639 19.5336 39.2507C19.5336 38.8624 19.2188 38.5476 18.8305 38.5476H7.80144L21.9945 24.3544L36.1876 38.5476H25.1586C24.7702 38.5476 24.4555 38.8624 24.4555 39.2507C24.4555 39.639 24.7702 39.9538 25.1586 39.9538H37.8852C38.2735 39.9538 38.5883 39.639 38.5883 39.2507V20.5476C38.5883 20.3611 38.5142 20.1823 38.3823 20.0504ZM37.182 22.2452V37.5532L29.528 29.8991L37.182 22.2452ZM36.8908 20.5476L35.3539 22.0845V19.0107L36.8908 20.5476ZM21.9945 5.65133L23.4611 7.1179H20.5279L21.9945 5.65133ZM6.80701 22.2452L14.461 29.8991L6.80701 37.5532V22.2452ZM8.63513 22.0845L7.09825 20.5476L8.63513 19.0107V22.0845ZM21.4973 22.8629L15.4554 28.9048L10.0414 23.4907V8.52415H33.9476V23.4907L28.5335 28.9047L22.4917 22.8628C22.2171 22.5883 21.7719 22.5883 21.4973 22.8629Z" fill="black"/>
+        <path d="M21.9944 38.5471C21.8095 38.5471 21.6281 38.6223 21.4973 38.7532C21.3665 38.8839 21.2913 39.0653 21.2913 39.2502C21.2913 39.4352 21.3665 39.6166 21.4973 39.7474C21.6281 39.8781 21.8095 39.9534 21.9944 39.9534C22.1793 39.9534 22.3607 39.8781 22.4915 39.7474C22.6223 39.6166 22.6975 39.4352 22.6975 39.2502C22.6975 39.0653 22.6223 38.8839 22.4915 38.7532C22.3607 38.6223 22.1793 38.5471 21.9944 38.5471Z" fill="black"/>
+        <path d="M15.643 12.4615H28.3462C28.7346 12.4615 29.0493 12.1466 29.0493 11.7583C29.0493 11.37 28.7346 11.0552 28.3462 11.0552H15.643C15.2548 11.0552 14.9399 11.37 14.9399 11.7583C14.9399 12.1466 15.2548 12.4615 15.643 12.4615Z" fill="black"/>
+        <path d="M29.0493 15.696C29.0493 15.3077 28.7346 14.9929 28.3462 14.9929H15.643C15.2548 14.9929 14.9399 15.3077 14.9399 15.696C14.9399 16.0844 15.2548 16.3991 15.643 16.3991H28.3462C28.7346 16.3991 29.0493 16.0844 29.0493 15.696Z" fill="black"/>
+        <path d="M25.7212 18.9299H18.2681C17.8798 18.9299 17.5649 19.2448 17.5649 19.633C17.5649 20.0214 17.8798 20.3362 18.2681 20.3362H25.7212C26.1095 20.3362 26.4244 20.0214 26.4244 19.633C26.4244 19.2448 26.1095 18.9299 25.7212 18.9299Z" fill="black"/>
+        <path d="M7.66821 38.4847L21.9948 24.1582L36.3213 38.4847H7.66821Z" fill={fill}/>
+        </g>
+    </svg>
+</>
+  )
+}
+
+export default ProfessionalNew

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

@@ -0,0 +1,30 @@
+import React from 'react'
+
+const RealNew = (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_4409)">
+            <path d="M40.763 11.8376C29.957 13.9988 25.1543 22.9438 24.1038 27.1461L25.9047 28.4968L26.355 30.2978L30.4072 30.748C30.047 28.5868 37.1609 17.2406 40.763 11.8376Z" fill={fill} />
+            <path d="M35.3483 24.2426V35.1135C35.3483 35.4307 35.6107 35.6877 35.9342 35.6877C36.2578 35.6877 36.5201 35.4307 36.5201 35.1135V24.2426C36.5201 23.9255 36.2578 23.6685 35.9342 23.6685C35.6107 23.6685 35.3483 23.9255 35.3483 24.2426Z" fill="black"/>
+            <path d="M42.0969 36.955H14.9811C14.6576 36.955 14.3952 37.2121 14.3952 37.5291C14.3952 38.8776 13.2758 39.9747 11.8999 39.9747C10.5239 39.9747 9.40434 38.8777 9.40434 37.5291V4.91629C9.40434 4.46346 9.27489 4.03973 9.05047 3.67861H34.7017C35.0583 3.67861 35.3484 3.96287 35.3484 4.31234V10.3518C35.3484 10.6689 35.6107 10.9259 35.9343 10.9259C36.2578 10.9259 36.5201 10.6689 36.5201 10.3518V4.31234C36.5201 3.32975 35.7045 2.53027 34.7017 2.53027H6.9697C5.62716 2.53027 4.53498 3.6006 4.53498 4.91629V10.3518C4.53498 11.0342 3.96847 11.5895 3.27205 11.5895C2.94847 11.5895 2.68616 11.8466 2.68616 12.1636C2.68616 12.4807 2.94847 12.7378 3.27205 12.7378H6.35335C6.67691 12.7378 6.93924 12.4807 6.93924 12.1636C6.93924 11.8466 6.67691 11.5895 6.35335 11.5895H5.35288C5.57732 11.2284 5.70668 10.8046 5.70668 10.3518V4.91629C5.70668 4.23379 6.27319 3.67861 6.96962 3.67861C7.66605 3.67861 8.23256 4.23387 8.23256 4.91629V37.5291C8.23256 39.5108 9.87766 41.123 11.8998 41.123H39.0155C41.0376 41.123 42.6827 39.5108 42.6827 37.5291C42.6828 37.2121 42.4205 36.955 42.0969 36.955ZM39.0156 39.9747H14.5847C15.0678 39.4658 15.4024 38.8196 15.5202 38.1035H41.4416C41.1773 39.1757 40.1897 39.9747 39.0156 39.9747Z" fill="black"/>
+            <path d="M26.0267 22.0088C25.8668 22.2844 25.9652 22.635 26.2466 22.7917C26.5277 22.9483 26.8855 22.852 27.0454 22.5763C30.0325 17.4269 33.8034 14.863 36.4407 13.619C37.9072 12.9272 39.1968 12.5546 40.1084 12.3556C37.9391 15.1587 32.4911 22.602 29.9687 29.7081H26.8701C28.5342 25.9027 30.3402 22.9667 31.7505 20.9619C33.95 17.8352 35.6865 16.2362 35.7165 16.2088C35.9538 15.9933 35.9679 15.6299 35.7479 15.3974C35.5279 15.1648 35.1571 15.1511 34.9199 15.3667C34.8462 15.4337 33.0876 17.0446 30.8111 20.2741C29.5362 22.0828 27.9468 24.6315 26.4202 27.8748L24.9431 27.0132C25.2527 26.2048 25.5887 25.4186 25.9445 24.6704C26.0812 24.3831 25.9543 24.0415 25.661 23.9074C25.3677 23.7735 25.0192 23.898 24.8825 24.1853C24.447 25.1011 24.0403 26.071 23.6741 27.0681C23.5791 27.3269 23.6846 27.6154 23.9258 27.756L25.9376 28.9296C25.1317 30.7401 24.355 32.7467 23.6654 34.9452C23.5704 35.2482 23.744 35.5695 24.0532 35.6627C24.1106 35.68 24.1686 35.6882 24.2256 35.6882C24.4762 35.6882 24.708 35.5296 24.7855 35.2826C25.2802 33.7054 25.8206 32.23 26.384 30.8565H30.3882C30.6402 30.8565 30.8642 30.6984 30.9439 30.464C33.9551 21.6112 41.8562 12.0181 41.9356 11.9223C42.0817 11.7461 42.1082 11.5022 42.0031 11.3C41.898 11.0976 41.681 10.9749 41.4501 10.9869C41.3536 10.9919 39.0514 11.1253 35.9899 12.5575C33.1846 13.8696 29.179 16.5746 26.0267 22.0088Z" fill="black"/>
+            <path d="M12.5161 9.1139C12.8735 9.1139 13.0337 9.25538 13.3337 9.54958C13.6662 9.8754 14.1214 10.3217 14.9801 10.3217C15.8389 10.3217 16.2942 9.8754 16.6266 9.5495C16.9267 9.2553 17.0869 9.11382 17.4442 9.11382C17.8017 9.11382 17.9618 9.2553 18.262 9.5495C18.5945 9.8754 19.0497 10.3217 19.9084 10.3217C20.7671 10.3217 21.2223 9.87525 21.5546 9.54943C21.8546 9.25523 22.0147 9.11382 22.3719 9.11382C22.7292 9.11382 22.8894 9.2553 23.1894 9.5495C23.5217 9.8754 23.977 10.3217 24.8357 10.3217C25.6945 10.3217 26.1497 9.8754 26.4823 9.54958C26.7825 9.2553 26.9426 9.1139 27.3001 9.1139C27.6588 9.1139 27.8193 9.25545 28.1202 9.54996C28.4531 9.87571 28.9089 10.3218 29.7685 10.3218C30.628 10.3218 31.0838 9.87571 31.4167 9.54996C31.7176 9.25545 31.8781 9.1139 32.2369 9.1139C32.5604 9.1139 32.8227 8.85683 32.8227 8.53973C32.8227 8.22264 32.5604 7.96556 32.2369 7.96556C31.3773 7.96556 30.9215 8.41165 30.5886 8.73739C30.2877 9.03191 30.1272 9.17346 29.7685 9.17346C29.4097 9.17346 29.2492 9.03191 28.9483 8.73739C28.6154 8.41165 28.1596 7.96556 27.3001 7.96556C26.4412 7.96556 25.986 8.41188 25.6535 8.73771C25.3533 9.03198 25.1931 9.17339 24.8357 9.17339C24.4784 9.17339 24.3183 9.03198 24.0183 8.73771C23.6859 8.4118 23.2306 7.96548 22.372 7.96548C21.5133 7.96548 21.0582 8.4118 20.7258 8.73771C20.4259 9.03191 20.2657 9.17331 19.9086 9.17331C19.5512 9.17331 19.3911 9.03183 19.0909 8.73763C18.7585 8.41173 18.3033 7.9654 17.4445 7.9654C16.5857 7.9654 16.1305 8.41173 15.7982 8.73755C15.498 9.03183 15.3379 9.17323 14.9805 9.17323C14.6231 9.17323 14.463 9.03176 14.1628 8.73755C13.8305 8.41165 13.3752 7.96533 12.5164 7.96533C12.1929 7.96533 11.9305 8.22241 11.9305 8.5395C11.9305 8.85659 12.1925 9.1139 12.5161 9.1139Z" fill="black"/>
+            <path d="M12.5161 13.342C12.8735 13.342 13.0337 13.4834 13.3337 13.7776C13.6662 14.1035 14.1214 14.5498 14.9801 14.5498C15.8389 14.5498 16.2942 14.1035 16.6266 13.7776C16.9267 13.4834 17.0869 13.342 17.4442 13.342C17.8017 13.342 17.9618 13.4834 18.262 13.7776C18.5945 14.1035 19.0497 14.5498 19.9084 14.5498C20.7671 14.5498 21.2223 14.1034 21.5546 13.7775C21.8546 13.4833 22.0147 13.342 22.3719 13.342C22.7292 13.342 22.8894 13.4834 23.1894 13.7776C23.5217 14.1035 23.977 14.5498 24.8357 14.5498C25.6945 14.5498 26.1497 14.1035 26.4823 13.7777C26.7825 13.4834 26.9426 13.342 27.3001 13.342C27.6588 13.342 27.8193 13.4836 28.1202 13.778C28.4531 14.1038 28.9089 14.5499 29.7685 14.5499C30.628 14.5499 31.0838 14.1038 31.4167 13.778C31.7176 13.4836 31.8781 13.342 32.2369 13.342C32.5604 13.342 32.8227 13.0849 32.8227 12.7678C32.8227 12.4508 32.5604 12.1937 32.2369 12.1937C31.3773 12.1937 30.9215 12.6397 30.5886 12.9655C30.2877 13.26 30.1272 13.4015 29.7685 13.4015C29.4097 13.4015 29.2492 13.26 28.9483 12.9655C28.6154 12.6397 28.1596 12.1937 27.3001 12.1937C26.4412 12.1937 25.986 12.64 25.6535 12.9658C25.3533 13.2601 25.1931 13.4015 24.8357 13.4015C24.4784 13.4015 24.3183 13.26 24.0183 12.9659C23.6859 12.64 23.2306 12.1937 22.372 12.1937C21.5133 12.1937 21.0582 12.64 20.7258 12.9659C20.4259 13.2601 20.2657 13.4015 19.9086 13.4015C19.5512 13.4015 19.3911 13.26 19.0909 12.9658C18.7585 12.6399 18.3033 12.1936 17.4445 12.1936C16.5857 12.1936 16.1305 12.6399 15.7982 12.9657C15.498 13.26 15.3379 13.4014 14.9805 13.4014C14.6231 13.4014 14.463 13.2599 14.1628 12.9657C13.8305 12.6399 13.3752 12.1936 12.5164 12.1936C12.1929 12.1936 11.9305 12.4507 11.9305 12.7677C11.9305 13.0848 12.1925 13.342 12.5161 13.342Z" fill="black"/>
+            <path d="M12.5161 17.5697C12.8735 17.5697 13.0337 17.7111 13.3337 18.0053C13.6662 18.3313 14.1214 18.7776 14.9801 18.7776C15.8389 18.7776 16.2942 18.3313 16.6266 18.0053C16.9267 17.7111 17.0869 17.5697 17.4442 17.5697C17.8017 17.5697 17.9617 17.7111 18.2619 18.0053C18.5944 18.3313 19.0496 18.7775 19.9083 18.7775C20.7671 18.7775 21.2222 18.3311 21.5545 18.0052C21.8545 17.7111 22.0146 17.5697 22.3718 17.5697C22.7291 17.5697 22.8893 17.7111 23.1893 18.0053C23.5217 18.3313 23.9769 18.7776 24.8356 18.7776C25.6945 18.7776 26.1497 18.3313 26.4822 18.0054C26.6419 17.8488 26.78 17.7135 26.9392 17.6403C27.2321 17.5056 27.3581 17.1637 27.2206 16.8766C27.0832 16.5895 26.7342 16.4662 26.4413 16.6008C26.0963 16.7594 25.8611 16.99 25.6536 17.1936C25.3534 17.4878 25.1932 17.6292 24.8357 17.6292C24.4784 17.6292 24.3183 17.4878 24.0183 17.1936C23.6859 16.8676 23.2306 16.4213 22.372 16.4213C21.5133 16.4213 21.0582 16.8676 20.7258 17.1936C20.4259 17.4877 20.2657 17.6291 19.9086 17.6291C19.5512 17.6291 19.3911 17.4876 19.0909 17.1935C18.7585 16.8675 18.3033 16.4212 17.4445 16.4212C16.5857 16.4212 16.1305 16.8675 15.7982 17.1934C15.498 17.4876 15.3379 17.6291 14.9805 17.6291C14.6231 17.6291 14.463 17.4876 14.1628 17.1934C13.8305 16.8675 13.3752 16.4211 12.5164 16.4211C12.1929 16.4211 11.9305 16.6782 11.9305 16.9954C11.9305 17.3124 12.1925 17.5697 12.5161 17.5697Z" fill="black"/>
+            <path d="M24.7571 22.5495C24.8944 22.2624 24.7684 21.9205 24.4753 21.7859C24.316 21.7127 24.178 21.5773 24.0182 21.4206C23.6858 21.0947 23.2306 20.6484 22.3719 20.6484C21.5133 20.6484 21.0582 21.0947 20.7258 21.4206C20.4258 21.7148 20.2657 21.8563 19.9086 21.8563C19.5511 21.8563 19.391 21.7147 19.0909 21.4206C18.7584 21.0947 18.3032 20.6484 17.4445 20.6484C16.5857 20.6484 16.1305 21.0947 15.7981 21.4206C15.498 21.7147 15.3378 21.8563 14.9805 21.8563C14.623 21.8563 14.4629 21.7147 14.1628 21.4206C13.8303 21.0947 13.3751 20.6484 12.5164 20.6484C12.1927 20.6484 11.9304 20.9055 11.9304 21.2226C11.9304 21.5397 12.1927 21.7968 12.5164 21.7968C12.8737 21.7968 13.0339 21.9382 13.334 22.2324C13.6664 22.5584 14.1217 23.0046 14.9805 23.0046C15.8392 23.0046 16.2944 22.5583 16.6269 22.2324C16.927 21.9382 17.0871 21.7968 17.4446 21.7968C17.802 21.7968 17.9621 21.9382 18.2622 22.2324C18.5947 22.5584 19.0499 23.0046 19.9086 23.0046C20.7674 23.0046 21.2225 22.5583 21.5549 22.2323C21.8549 21.9381 22.0149 21.7968 22.3721 21.7968C22.7294 21.7968 22.8896 21.9382 23.1896 22.2324C23.3974 22.4361 23.6328 22.667 23.9782 22.8256C24.2708 22.9603 24.6198 22.8365 24.7571 22.5495Z" fill="black"/>
+            <path d="M12.5161 26.0244C12.8735 26.0244 13.0336 26.1659 13.3338 26.4601C13.6662 26.786 14.1214 27.2323 14.9802 27.2323C15.839 27.2323 16.2942 26.786 16.6266 26.4601C16.9268 26.1659 17.0869 26.0244 17.4443 26.0244C17.8017 26.0244 17.9618 26.1659 18.2621 26.4601C18.5944 26.786 19.0497 27.2322 19.9085 27.2322C20.7671 27.2322 21.2222 26.7858 21.5546 26.4601C21.8546 26.1658 22.0148 26.0244 22.3719 26.0244C22.6955 26.0244 22.9578 25.7674 22.9578 25.4503C22.9578 25.1331 22.6955 24.8761 22.3719 24.8761C21.5133 24.8761 21.0582 25.3224 20.7258 25.6483C20.4258 25.9426 20.2657 26.0839 19.9086 26.0839C19.5511 26.0839 19.391 25.9425 19.0909 25.6482C18.7584 25.3224 18.3032 24.876 17.4445 24.876C16.5857 24.876 16.1305 25.3224 15.7981 25.6482C15.498 25.9425 15.3378 26.0838 14.9805 26.0838C14.623 26.0838 14.4629 25.9424 14.1628 25.6482C13.8303 25.3223 13.3751 24.876 12.5164 24.876C12.1927 24.876 11.9304 25.133 11.9304 25.4501C11.9304 25.7672 12.1926 26.0244 12.5161 26.0244Z" fill="black"/>
+            <path d="M12.5161 30.2527C12.8735 30.2527 13.0336 30.3942 13.3338 30.6884C13.6662 31.0143 14.1214 31.4606 14.9802 31.4606C15.839 31.4606 16.2942 31.0143 16.6266 30.6884C16.9268 30.3942 17.0869 30.2527 17.4442 30.2527C17.8017 30.2527 17.9617 30.3942 18.262 30.6884C18.5943 31.0143 19.0496 31.4605 19.9084 31.4605C20.767 31.4605 21.2222 31.0141 21.5546 30.6883C21.8545 30.3941 22.0147 30.2527 22.3718 30.2527C22.5165 30.2527 22.6336 30.2763 22.7404 30.3269C23.0316 30.465 23.3821 30.3456 23.523 30.0602C23.6639 29.7747 23.5421 29.4314 23.2508 29.2932C22.9828 29.1662 22.6953 29.1044 22.3719 29.1044C21.5133 29.1044 21.0582 29.5507 20.7258 29.8766C20.4258 30.1708 20.2657 30.3122 19.9086 30.3122C19.5511 30.3122 19.391 30.1707 19.0909 29.8765C18.7584 29.5506 18.3032 29.1043 17.4445 29.1043C16.5857 29.1043 16.1305 29.5506 15.7981 29.8764C15.498 30.1707 15.3378 30.3122 14.9805 30.3122C14.623 30.3122 14.4629 30.1706 14.1628 29.8764C13.8303 29.5506 13.3751 29.1042 12.5164 29.1042C12.1927 29.1042 11.9304 29.3613 11.9304 29.6784C11.9304 29.9955 12.1926 30.2527 12.5161 30.2527Z" fill="black"/>
+            </g>
+            <defs>
+            <clipPath id="clip0_15226_4409">
+            <rect width="40" height="40" fill="white" transform="translate(2 2)"/>
+            </clipPath>
+            </defs>
+        </svg>
+    </>
+  )
+}
+
+export default RealNew

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

@@ -0,0 +1,17 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_15398_16432)">
+<path d="M16.6667 11.667L23.3334 20.0003L16.6667 28.3337" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_d_15398_16432" x="-0.583313" y="-1.58301" width="41.1667" 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_16432"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_15398_16432" result="shape"/>
+</filter>
+</defs>
+</svg>

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

@@ -0,0 +1,31 @@
+<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_4377)">
+<path d="M36.2296 28.0797H7.20898L8.49764 15.1931H37.5183L36.2296 28.0797Z" fill="#FF973F"/>
+<path d="M37.5183 15.7085C37.2606 15.7085 37.0544 15.5023 37.0028 15.2446L35.8688 3.49202C35.8688 3.02811 35.4564 2.66728 34.941 2.66728H8.75541C8.49767 2.66728 8.23994 2.77037 8.0853 2.97656C7.93066 3.18274 7.82757 3.44048 7.87912 3.69821L9.01314 15.1415C9.01314 15.3992 8.8585 15.657 8.54922 15.7085C8.23994 15.7085 8.03376 15.5539 7.98221 15.2446L6.84819 3.74975C6.79664 3.18274 6.95128 2.66728 7.36365 2.25491C7.72448 1.84254 8.23994 1.63635 8.80695 1.63635H34.941C35.9204 1.63635 36.7966 2.40955 36.8482 3.38893L37.9822 15.1415C37.9822 15.3992 37.8276 15.657 37.5183 15.7085Z" fill="black"/>
+<path d="M35.9204 41.6364H9.78639C8.80701 41.6364 7.98226 40.8632 7.87917 39.8838L6.6936 28.1312C6.6936 27.8735 6.84824 27.6158 7.15752 27.5642C7.41525 27.5642 7.67299 27.7188 7.72453 28.0281L8.85855 39.7807C8.85855 40.2446 9.27092 40.6054 9.73484 40.6054H35.8689C36.1266 40.6054 36.3843 40.5024 36.539 40.2962C36.6936 40.09 36.7967 39.8838 36.7452 39.6261L35.8689 30.4508C35.8689 30.1931 36.0235 29.9353 36.3328 29.8838C36.6421 29.8838 36.8482 30.0384 36.8998 30.3477L37.7761 39.523C37.8276 40.09 37.673 40.6054 37.2606 41.0178C36.8998 41.4302 36.3843 41.6364 35.8173 41.6364H35.9204Z" fill="black"/>
+<path d="M36.2296 28.595C35.9719 28.595 35.7141 28.3373 35.7657 28.028L37.0028 15.6569H8.96157L7.72445 28.1311C7.72445 28.4404 7.46672 28.6466 7.15744 28.595C6.89971 28.595 6.64198 28.3373 6.69352 28.028L7.98218 15.0899C7.98218 14.8322 8.23992 14.626 8.49765 14.626H37.5183C37.6729 14.626 37.8275 14.6775 37.8791 14.7806C37.9822 14.8837 38.0337 15.0383 38.0337 15.193L36.7451 28.1311C36.7451 28.3889 36.4873 28.595 36.2296 28.595Z" fill="black"/>
+<path d="M21.5389 22.4094H12.2605C11.6935 22.4094 11.2296 21.9455 11.2296 21.3785L11.4358 19.2651C11.4358 18.698 11.8997 18.2341 12.4667 18.2341H21.6935C22.2605 18.2341 22.7245 18.698 22.7245 19.2651L22.5183 21.3785C22.5183 21.9455 22.0544 22.4094 21.4873 22.4094H21.5389Z" fill="black"/>
+<path d="M21.5389 22.9249H12.2605C11.3842 22.9249 10.7141 22.2548 10.7141 21.3785L10.9203 19.2136C10.9203 18.3889 11.5904 17.7188 12.4667 17.7188H21.6935C22.5698 17.7188 23.2399 18.3889 23.2399 19.2651L23.0337 21.4301C23.0337 22.2548 22.3636 22.9249 21.4873 22.9249H21.5389ZM12.4667 18.7497C12.209 18.7497 11.9512 18.9559 11.9512 19.2651L11.745 21.4301C11.745 21.6878 12.0028 21.894 12.2605 21.894H21.4873C21.745 21.894 22.0028 21.6878 22.0028 21.3785L22.209 19.2136C22.209 18.9559 21.9512 18.7497 21.6935 18.7497H12.4667Z" fill="black"/>
+<path d="M34.941 20.0383H25.7142C25.4049 20.0383 25.1987 19.8321 25.1987 19.5228C25.1987 19.2135 25.4049 19.0073 25.7142 19.0073H34.941C35.2503 19.0073 35.4565 19.2135 35.4565 19.5228C35.4565 19.8321 35.2503 20.0383 34.941 20.0383Z" fill="black"/>
+<path d="M34.7863 22.1518H25.5595C25.2503 22.1518 25.0441 21.9456 25.0441 21.6363C25.0441 21.327 25.2503 21.1208 25.5595 21.1208H34.7863C35.0956 21.1208 35.3018 21.327 35.3018 21.6363C35.3018 21.9456 35.0956 22.1518 34.7863 22.1518Z" fill="black"/>
+<path d="M21.5904 25.5024H12.3636C12.0543 25.5024 11.8481 25.2962 11.8481 24.9869C11.8481 24.6776 12.0543 24.4714 12.3636 24.4714H21.5904C21.8997 24.4714 22.1059 24.6776 22.1059 24.9869C22.1059 25.2962 21.8997 25.5024 21.5904 25.5024Z" fill="black"/>
+<path d="M20.7142 6.4301H11.4874C11.1781 6.4301 10.9719 6.22391 10.9719 5.91463C10.9719 5.60536 11.1781 5.39917 11.4874 5.39917H20.7142C21.0235 5.39917 21.2297 5.60536 21.2297 5.91463C21.2297 6.22391 21.0235 6.4301 20.7142 6.4301Z" fill="black"/>
+<path d="M33.0337 9.16215H11.7966C11.4873 9.16215 11.2811 8.95597 11.2811 8.64669C11.2811 8.33741 11.4873 8.13123 11.7966 8.13123H33.0337C33.343 8.13123 33.5492 8.33741 33.5492 8.64669C33.5492 8.95597 33.343 9.16215 33.0337 9.16215Z" fill="black"/>
+<path d="M33.2399 11.8426H12.0028C11.6935 11.8426 11.4873 11.6364 11.4873 11.3271C11.4873 11.0178 11.6935 10.8116 12.0028 10.8116H33.2399C33.5492 10.8116 33.7553 11.0178 33.7553 11.3271C33.7553 11.6364 33.5492 11.8426 33.2399 11.8426Z" fill="black"/>
+<path d="M33.0338 35.09H24.0131C23.7039 35.09 23.4977 34.8838 23.4977 34.5745C23.4977 34.2653 23.7039 34.0591 24.0131 34.0591H33.0338C33.343 34.0591 33.5492 34.2653 33.5492 34.5745C33.5492 34.8838 33.343 35.09 33.0338 35.09Z" fill="black"/>
+<path d="M33.2399 37.7189H24.2193C23.91 37.7189 23.7039 37.5127 23.7039 37.2035C23.7039 36.8942 23.91 36.688 24.2193 36.688H33.2399C33.5492 36.688 33.7554 36.8942 33.7554 37.2035C33.7554 37.5127 33.5492 37.7189 33.2399 37.7189Z" fill="black"/>
+<path d="M22.2091 35.09C21.8998 35.09 21.6936 34.8838 21.6936 34.5745C21.6936 34.2653 21.8998 34.0591 22.2091 34.0591C22.5183 34.0591 22.7245 34.2653 22.7245 34.5745C22.7245 34.8838 22.5183 35.09 22.2091 35.09Z" fill="black"/>
+<path d="M22.4668 37.7189C22.1575 37.7189 21.9513 37.5127 21.9513 37.2035C21.9513 36.8942 22.1575 36.688 22.4668 36.688C22.776 36.688 22.9822 36.8942 22.9822 37.2035C22.9822 37.5127 22.776 37.7189 22.4668 37.7189Z" fill="black"/>
+<path d="M32.7761 32.4096H23.7555C23.4462 32.4096 23.24 32.2034 23.24 31.8941C23.24 31.5848 23.4462 31.3787 23.7555 31.3787H32.7761C33.0854 31.3787 33.2915 31.5848 33.2915 31.8941C33.2915 32.2034 33.0854 32.4096 32.7761 32.4096Z" fill="black"/>
+<path d="M22.0028 32.4096C21.6935 32.4096 21.4873 32.2034 21.4873 31.8941C21.4873 31.5848 21.6935 31.3787 22.0028 31.3787C22.312 31.3787 22.5182 31.5848 22.5182 31.8941C22.5182 32.2034 22.312 32.4096 22.0028 32.4096Z" fill="black"/>
+<path d="M7.98226 28.5951H7.20907C6.89979 28.5951 6.6936 28.389 6.6936 28.0797C6.6936 27.7704 6.89979 27.5642 7.20907 27.5642H7.98226C8.29154 27.5642 8.49773 27.7704 8.49773 28.0797C8.49773 28.389 8.29154 28.5951 7.98226 28.5951Z" fill="black"/>
+<path d="M33.8069 28.5951H32.209C31.8997 28.5951 31.6935 28.389 31.6935 28.0797C31.6935 27.7704 31.8997 27.5642 32.209 27.5642H33.8069C34.1162 27.5642 34.3224 27.7704 34.3224 28.0797C34.3224 28.389 34.1162 28.5951 33.8069 28.5951ZM30.6111 28.5951H29.0131C28.7038 28.5951 28.4977 28.389 28.4977 28.0797C28.4977 27.7704 28.7038 27.5642 29.0131 27.5642H30.6111C30.9203 27.5642 31.1265 27.7704 31.1265 28.0797C31.1265 28.389 30.9203 28.5951 30.6111 28.5951ZM27.3636 28.5951H25.7657C25.4564 28.5951 25.2502 28.389 25.2502 28.0797C25.2502 27.7704 25.4564 27.5642 25.7657 27.5642H27.3636C27.6729 27.5642 27.8791 27.7704 27.8791 28.0797C27.8791 28.389 27.6729 28.5951 27.3636 28.5951ZM24.1162 28.5951H22.5183C22.209 28.5951 22.0028 28.389 22.0028 28.0797C22.0028 27.7704 22.209 27.5642 22.5183 27.5642H24.1162C24.4255 27.5642 24.6317 27.7704 24.6317 28.0797C24.6317 28.389 24.4255 28.5951 24.1162 28.5951ZM20.9203 28.5951H19.3224C19.0131 28.5951 18.8069 28.389 18.8069 28.0797C18.8069 27.7704 19.0131 27.5642 19.3224 27.5642H20.9203C21.2296 27.5642 21.4358 27.7704 21.4358 28.0797C21.4358 28.389 21.2296 28.5951 20.9203 28.5951ZM17.6729 28.5951H16.075C15.7657 28.5951 15.5595 28.389 15.5595 28.0797C15.5595 27.7704 15.7657 27.5642 16.075 27.5642H17.6729C17.9822 27.5642 18.1884 27.7704 18.1884 28.0797C18.1884 28.389 17.9822 28.5951 17.6729 28.5951ZM14.4255 28.5951H12.8276C12.5183 28.5951 12.3121 28.389 12.3121 28.0797C12.3121 27.7704 12.5183 27.5642 12.8276 27.5642H14.4255C14.7348 27.5642 14.941 27.7704 14.941 28.0797C14.941 28.389 14.7348 28.5951 14.4255 28.5951ZM11.2296 28.5951H9.63167C9.3224 28.5951 9.11621 28.389 9.11621 28.0797C9.11621 27.7704 9.3224 27.5642 9.63167 27.5642H11.2296C11.5389 27.5642 11.7451 27.7704 11.7451 28.0797C11.7451 28.389 11.5389 28.5951 11.2296 28.5951Z" fill="black"/>
+<path d="M36.2297 28.5951H35.4565C35.1472 28.5951 34.941 28.389 34.941 28.0797C34.941 27.7704 35.1472 27.5642 35.4565 27.5642H36.2297C36.539 27.5642 36.7452 27.7704 36.7452 28.0797C36.7452 28.389 36.539 28.5951 36.2297 28.5951Z" fill="black"/>
+<path d="M14.2193 38.3889C13.9616 38.3889 13.6523 38.2858 13.4461 38.1828C13.0337 37.8735 12.8276 37.4096 12.8276 36.8941V35.7601C12.8791 35.7601 11.9513 34.9353 11.9513 34.9353C11.5389 34.6261 11.3843 34.059 11.4873 33.5436C11.5904 33.0281 12.0028 32.6673 12.5698 32.6157L13.6008 32.4611L13.9616 31.4817C14.1678 30.9663 14.6317 30.657 15.1471 30.657C15.6626 30.657 16.1265 30.9147 16.3843 31.3786L17.0028 32.4611L18.1884 32.6157C18.7038 32.7188 19.0647 33.0281 19.3224 33.4405C19.5286 33.956 19.477 34.523 19.1162 34.8838L18.3946 35.657L18.7038 36.7395C18.8585 37.2549 18.7038 37.7704 18.2915 38.0797C18.2915 38.0797 18.2915 38.0797 18.2399 38.0797C17.8276 38.3374 17.3121 38.3889 16.8482 38.1828L15.7657 37.6673L14.8379 38.1828C14.6317 38.2858 14.4255 38.3374 14.2193 38.3374V38.3889ZM13.9616 37.3065C14.0647 37.358 14.2193 37.358 14.2709 37.3065L15.4564 36.6364C15.6111 36.5333 15.7657 36.5333 15.9203 36.6364L17.209 37.3065C17.3121 37.3065 17.4152 37.358 17.5698 37.3065C17.5698 37.2549 17.6729 37.2034 17.5698 37.0487L17.1575 35.657C17.1575 35.5023 17.1575 35.2962 17.2605 35.1931L18.1368 34.2137C18.2399 34.1106 18.1368 33.956 18.1368 33.9044C18.1368 33.8529 17.9822 33.6982 17.776 33.6467L16.3843 33.4405C16.2296 33.4405 16.075 33.3374 16.0234 33.1828L15.2502 31.8941C15.0956 31.6364 14.7863 31.5848 14.6832 31.791L14.2193 33.0281C14.1678 33.1828 14.0131 33.3374 13.8069 33.3374L12.4667 33.5436C12.3636 33.5436 12.3121 33.6467 12.2605 33.6982C12.2605 33.8529 12.2605 33.956 12.3636 34.059L13.4977 35.0384C13.6008 35.1415 13.7038 35.2962 13.6523 35.4508L13.5492 36.8426C13.5492 36.9456 13.6008 37.1003 13.7554 37.2034L13.9616 37.3065Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_15226_4377">
+<rect width="40" height="40" fill="white" transform="translate(2 2)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/images/templates/actions.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.799805 0C1.24154 1.93088e-08 1.59943 0.358112 1.59961 0.799805C1.59961 1.24165 1.24165 1.60059 0.799805 1.60059C0.358063 1.60046 -1.93104e-08 1.24158 0 0.799805C0.000179367 0.358187 0.358173 0.00012103 0.799805 0ZM4 0C4.44173 1.93088e-08 4.79963 0.358112 4.7998 0.799805C4.7998 1.24165 4.44184 1.60059 4 1.60059C3.55823 1.6005 3.2002 1.2416 3.2002 0.799805C3.20037 0.358164 3.55834 8.43986e-05 4 0ZM7.2002 0C7.64193 1.93088e-08 7.99982 0.358112 8 0.799805C8 1.24165 7.64204 1.60059 7.2002 1.60059C6.75839 1.60054 6.40039 1.24162 6.40039 0.799805C6.40057 0.35814 6.7585 4.55088e-05 7.2002 0Z" fill="black" fill-opacity="0.4"/>
+</svg>

package/src/assets/images/templates/address-block-icon.tsx

@@ -0,0 +1,62 @@
+import React from 'react';
+
+interface AddressBlockIconProps {
+  fill?: string;
+  width?: number;
+  height?: number;
+}
+
+const AddressBlockIcon: React.FC<AddressBlockIconProps> = ({
+  fill = 'currentColor',
+  width = 24,
+  height = 24,
+}) => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className="address-block-icon"
+    >
+      {/* House icon */}
+      <path
+        d="M3 9L12 2L21 9V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V9Z"
+        stroke={fill}
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      {/* Door */}
+      <path
+        d="M9 22V12H15V22"
+        stroke={fill}
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      {/* Envelope overlay */}
+      <path
+        d="M16 6H8C7.44772 6 7 6.44772 7 7V13C7 13.5523 7.44772 14 8 14H16C16.5523 14 17 13.5523 17 13V7C17 6.44772 16.5523 6 16 6Z"
+        stroke={fill}
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <path
+        d="M7 8L12 11L17 8"
+        stroke={fill}
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+    </svg>
+  );
+};
+
+export default AddressBlockIcon;

package/src/assets/images/templates/archive.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.91667 12.25C2.59583 12.25 2.32128 12.1359 2.093 11.9076C1.86472 11.6793 1.75039 11.4046 1.75 11.0833V3.80625C1.75 3.67014 1.77197 3.53889 1.81592 3.4125C1.85986 3.28611 1.92539 3.16945 2.0125 3.0625L2.74167 2.17292C2.84861 2.03681 2.98219 1.9322 3.14242 1.85909C3.30264 1.78598 3.47044 1.74961 3.64583 1.75H10.3542C10.5292 1.75 10.697 1.78656 10.8576 1.85967C11.0182 1.93278 11.1518 2.0372 11.2583 2.17292L11.9875 3.0625C12.075 3.16945 12.1407 3.28611 12.1847 3.4125C12.2286 3.53889 12.2504 3.67014 12.25 3.80625V11.0833C12.25 11.4042 12.1359 11.6789 11.9076 11.9076C11.6793 12.1363 11.4046 12.2504 11.0833 12.25H2.91667ZM3.15 3.5H10.85L10.3542 2.91667H3.64583L3.15 3.5ZM7 5.83334C6.83472 5.83334 6.69628 5.88934 6.58467 6.00134C6.47306 6.11334 6.41706 6.25178 6.41667 6.41667V8.28334L5.89167 7.75834C5.78472 7.65139 5.64861 7.59792 5.48333 7.59792C5.31806 7.59792 5.18194 7.65139 5.075 7.75834C4.96806 7.86528 4.91458 8.00139 4.91458 8.16667C4.91458 8.33195 4.96806 8.46806 5.075 8.575L6.59167 10.0917C6.70833 10.2083 6.84444 10.2667 7 10.2667C7.15556 10.2667 7.29167 10.2083 7.40833 10.0917L8.925 8.575C9.03194 8.46806 9.08542 8.33195 9.08542 8.16667C9.08542 8.00139 9.03194 7.86528 8.925 7.75834C8.81806 7.65139 8.68194 7.59792 8.51667 7.59792C8.35139 7.59792 8.21528 7.65139 8.10833 7.75834L7.58333 8.28334V6.41667C7.58333 6.25139 7.52733 6.11295 7.41533 6.00134C7.30333 5.88973 7.16489 5.83372 7 5.83334Z" fill="black" fill-opacity="0.4"/>
+</svg>

package/src/assets/images/templates/arrow-down.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+const ArrowDown = (props: any) => {
+  const {onClick} = props;
+  return (
+    <>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        color='#fff'
+        viewBox="0 0 24 24"
+        strokeWidth={3.5}
+        stroke="currentColor"
+        className="size-6"
+        onClick={onClick}
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="m8.25 4.5 7.5 7.5-7.5 7.5"
+        />
+      </svg>
+    </>
+  );
+};
+
+export default ArrowDown;

package/src/assets/images/templates/back-arrow.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+
+const BackArrow = () => {
+  return (
+    <>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        height="24px"
+        viewBox="0 -960 960 960"
+        width="24px"
+        fill="#e8eaed"
+      >
+        <path d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z" />
+      </svg>
+    </>
+  );
+}
+
+export default BackArrow

package/src/assets/images/templates/bi-fold-self-mailers.tsx

@@ -0,0 +1,28 @@
+import React from 'react'
+
+const biFoldSelfMailers = (props: any) => {
+    const {fill} = props;
+  return (
+    <svg width="44" height="45" viewBox="0 0 55 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_1099_4296)">
+<path d="M27.443 14.6807L29.8068 18.871L34.5344 20.0683L31.5796 23.66V27.8504H30.9887L27.443 26.6532L23.3063 27.8504V23.66L20.3516 19.4697L24.4882 18.871L27.443 14.6807Z" fill={fill}/>
+<path d="M12.0318 55.2031H42.8545C43.8508 55.2031 44.6612 54.3927 44.6612 53.3965V8.43434C44.6612 7.43822 43.8508 6.62769 42.8545 6.62769H41.1125V2.30513C41.1125 1.30869 40.303 0.498047 39.3079 0.498047C39.1787 0.498047 39.0488 0.512044 38.9218 0.539717L30.9667 2.27051C30.5343 2.36464 30.26 2.79139 30.3541 3.2239C30.4481 3.6562 30.8741 3.93068 31.3075 3.83655L39.2626 2.10576C39.2781 2.10244 39.2933 2.10073 39.308 2.10073C39.4051 2.10073 39.51 2.17884 39.51 2.30513V6.62779H18.4789L27.6533 4.6317C28.0857 4.53757 28.3599 4.11083 28.2658 3.67831C28.1717 3.2458 27.7453 2.97132 27.3124 3.06566L10.8664 6.64382C10.8651 6.64403 10.8637 6.64436 10.8624 6.64468L10.856 6.64607C10.486 6.72705 10.2251 7.05518 10.2251 7.42914V39.9622C10.2251 40.4048 10.5838 40.7636 11.0264 40.7636C11.4691 40.7636 11.8278 40.4048 11.8278 39.9622V8.23038H42.8545C42.9671 8.23038 43.0585 8.32184 43.0585 8.43434V53.3965C43.0585 53.509 42.9671 53.6004 42.8545 53.6004H12.0318C11.9192 53.6004 11.8278 53.509 11.8278 53.3965V43.7017C11.8278 43.2592 11.4691 42.9004 11.0264 42.9004C10.5838 42.9004 10.2251 43.2592 10.2251 43.7017V53.3965C10.2251 54.3927 11.0355 55.2031 12.0318 55.2031Z" fill="black"/>
+<path d="M40.7989 30.0602V12.8045C40.7989 11.8913 40.056 11.1484 39.1428 11.1484H15.7435C14.8303 11.1484 14.0874 11.8913 14.0874 12.8045V30.0602C14.0874 30.9734 14.8303 31.7163 15.7435 31.7163H39.1428C40.056 31.7163 40.7989 30.9733 40.7989 30.0602ZM39.1962 30.0602C39.1962 30.0896 39.1721 30.1136 39.1428 30.1136H15.7435C15.7141 30.1136 15.6901 30.0896 15.6901 30.0602V12.8045C15.6901 12.7751 15.7141 12.7511 15.7435 12.7511H39.1428C39.1721 12.7511 39.1962 12.7751 39.1962 12.8045V30.0602Z" fill="black"/>
+<path d="M14.0874 48.9162C14.0874 49.8896 14.8793 50.6815 15.8527 50.6815H39.0335C40.0068 50.6815 40.7988 49.8896 40.7988 48.9162V41.6891C40.7988 40.7158 40.0068 39.9238 39.0335 39.9238H15.8527C14.8793 39.9238 14.0874 40.7158 14.0874 41.6891V48.9162ZM15.6901 41.6891C15.6901 41.5995 15.7631 41.5265 15.8527 41.5265H39.0335C39.1232 41.5265 39.1961 41.5995 39.1961 41.6891V48.9162C39.1961 49.0058 39.1231 49.0788 39.0335 49.0788H15.8527C15.763 49.0788 15.6901 49.0058 15.6901 48.9162V41.6891Z" fill="black"/>
+<path d="M39.2459 33.4033H29.3695C28.9268 33.4033 28.5681 33.7621 28.5681 34.2047C28.5681 34.6472 28.9268 35.006 29.3695 35.006H39.2459C39.6885 35.006 40.0472 34.6472 40.0472 34.2047C40.0472 33.7621 39.6884 33.4033 39.2459 33.4033Z" fill="black"/>
+<path d="M39.2459 36.7344H29.3695C28.9268 36.7344 28.5681 37.0932 28.5681 37.5357C28.5681 37.9783 28.9268 38.3371 29.3695 38.3371H39.2459C39.6885 38.3371 40.0472 37.9783 40.0472 37.5357C40.0472 37.0932 39.6884 36.7344 39.2459 36.7344Z" fill="black"/>
+<path d="M25.5169 33.4033H15.6405C15.1978 33.4033 14.8391 33.7621 14.8391 34.2047C14.8391 34.6472 15.1978 35.006 15.6405 35.006H25.5169C25.9595 35.006 26.3182 34.6472 26.3182 34.2047C26.3182 33.7621 25.9594 33.4033 25.5169 33.4033Z" fill="black"/>
+<path d="M25.5169 36.7344H15.6405C15.1978 36.7344 14.8391 37.0932 14.8391 37.5357C14.8391 37.9783 15.1978 38.3371 15.6405 38.3371H25.5169C25.9595 38.3371 26.3182 37.9783 26.3182 37.5357C26.3182 37.0932 25.9594 36.7344 25.5169 36.7344Z" fill="black"/>
+<path d="M33.3283 18.4721L30.4624 18.0557C30.4558 18.0547 30.4503 18.0506 30.4474 18.0449L29.1657 15.4478C28.8397 14.7872 28.1796 14.377 27.4431 14.377C26.7066 14.377 26.0465 14.7872 25.7205 15.4478L24.4389 18.0447C24.436 18.0506 24.4304 18.0547 24.424 18.0557L21.5579 18.4721C20.829 18.578 20.2347 19.079 20.0071 19.7796C19.7795 20.4801 19.9657 21.2346 20.4932 21.7488L22.5672 23.7704C22.5718 23.7749 22.5739 23.7813 22.5729 23.7878L22.0832 26.6422C21.9587 27.3682 22.2516 28.0882 22.8474 28.5211C23.4432 28.9538 24.2182 29.01 24.8705 28.6673L27.4338 27.3196C27.4399 27.3165 27.4468 27.3166 27.4523 27.3196L30.0157 28.6673C30.2993 28.8163 30.6061 28.8899 30.9114 28.8899C31.308 28.8899 31.702 28.7657 32.0388 28.5211C32.6346 28.0882 32.9275 27.3682 32.8029 26.6422L32.3134 23.7877C32.3123 23.7813 32.3144 23.7749 32.3191 23.7703L34.393 21.7488C34.9205 21.2346 35.1067 20.4801 34.8791 19.7796C34.6515 19.0791 34.0572 18.5781 33.3283 18.4721ZM33.2742 20.6012L31.2004 22.6226C30.8179 22.9954 30.6435 23.5323 30.7338 24.0587L31.2233 26.9131C31.2524 27.0827 31.1565 27.181 31.0967 27.2244C31.0369 27.2678 30.9141 27.3288 30.7615 27.2487L28.198 25.9009C27.9616 25.7768 27.7023 25.7146 27.4431 25.7146C27.1839 25.7146 26.9245 25.7768 26.6881 25.9009L24.1247 27.2486C23.9722 27.3287 23.8493 27.2678 23.7895 27.2243C23.7297 27.1808 23.6338 27.0826 23.6628 26.913L24.1524 24.0586C24.2427 23.532 24.0683 22.9951 23.6859 22.6225L21.612 20.6009C21.4887 20.4807 21.5086 20.3449 21.5314 20.2746C21.5543 20.2043 21.6181 20.0827 21.7883 20.0579L24.6544 19.6415C25.1827 19.5646 25.6394 19.233 25.876 18.754L27.1577 16.1569C27.2339 16.0025 27.3692 15.9794 27.4431 15.9794C27.517 15.9794 27.6523 16.0025 27.7285 16.1569L29.0103 18.7542C29.2468 19.233 29.7034 19.5646 30.2319 19.6415L33.0979 20.0579C33.2682 20.0827 33.3319 20.2043 33.3548 20.2746C33.3776 20.3449 33.3975 20.481 33.2742 20.6012Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_1099_4296">
+<rect width="54.7051" height="54.7051" fill="white" transform="translate(0.0905762 0.498047)"/>
+</clipPath>
+</defs>
+</svg>
+
+  )
+}
+
+export default biFoldSelfMailers;

package/src/assets/images/templates/check.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.66666 10.8333L7.99999 14.1666L16.3333 5.83325" stroke="#03A155" stroke-width="2.14286" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/templates/code.svg

@@ -0,0 +1,10 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="44" height="44" fill="white"/>
+<rect y="0.82251" width="44" height="42.3551" fill="url(#pattern0_14225_18431)"/>
+<defs>
+<pattern id="pattern0_14225_18431" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_14225_18431" transform="matrix(0.000690535 0 0 0.000717352 -0.0526122 -0.0728155)"/>
+</pattern>
+<image id="image0_14225_18431" width="1600" height="1600" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABkAAAAZACAIAAACubhnwAAAgAElEQVR4nOzZUYobQQxAwaTx/Y8s8p0lGALr7Se76gRi0HQPb37PzC8AAAAAqDq3BwAAAACAZwQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIetweg6xx9E3grM3N7hP/jHIYf5pQAuGvdOcxPcucBAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkPa4PQB8m5m5PQJ8lnP8BWG3dReHl47t1r10sJ2Lg3dimwEAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIe9weAD7XOQoyf5mZ2yPQsm4l1h1r6wZeZ90OwxdOCb5wrMFFTmQAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0h63BwAAuGNmbo/wf85Z9utx3cDrVgIAPseyrwoAAAAAPo2ABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQNrj9gAAwL+ds+w/08zcHuHNrXvC63YYAMjyVQEAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABA2uP2APC5Zub2CAAf7Zxlf/LWXRzrBoYv7DBAx7LvNgAAAAA+jYAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABA2uP2APBtzhFkASBk3dU8M7dHeHPrVgKADlcIAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGkCFgAAAABpAhYAAAAAaQIWAAAAAGm/Z+b2DADAP5zjPxO7+c4EAL6LL2MAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0h63B6DrHH2Tv8zM7RHenJfu1eww/DDHGvwwN92rOdZezQ7zhNcPAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgLTH7QHg28zM7RHe3DmS92vZYeA5pwRfrLua1+3wuie8buB1K7Fu4HUrAU/YZgAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSHrcHoGtmbo8An+UcPxVey7H2ap4w8Jyb7tXWncPrVmLdE4Z3suy8AAAAAODTCFgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkPW4PQNc5y/rmzNwegRYrAXCXb4lXWzfwOut2eN3AdvjVPGHeybIDDgAAAIBPI2ABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAPxp145SHIeBAAoyIvc/stjvDbNhB+LR67jqBI1oy+E5AACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQJWAAAAACkCVgAAAAApAlYAAAAAKQ9Tg8Ab7OWIMtsdpjpxu3w3vv0CB9u3AmP22GuZod5Mu6Ex+0wvDDs8QMAAADgbgQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0gQsAAAAANIELAAAAADSBCwAAAAA0r723qdnAAC+sdaw70x+VFzNSlxt3AkDv2zctQafxEsaAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgDQBCwAAAIA0AQsAAACANAELAAAAgLSvvffpGYhaS98EPopX3tW8OOCXjbvW3BJM56G72rgT5jcN22YAAAAA7kbAAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIO1xegB4m7336RHgXtbyFeRa40543D087oTHsRJXGzfwuJUYx0rwxAnzSYZdcAAAAADcjYAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagIKLXcYAAA4oSURBVAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABAmoAFAAAAQJqABQAAAECagAUAAABA2uP0AHBfaynI/GXvfXoEWsathGuNJ1aCJ1aC6cbt8LjfEvDCsMcPAAAAgLsRsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEgTsAAAAABIE7AAAAAASBOwAAAAAEh7nB4AAID/svc+PQLcy1q+919r3Am7h+GgYfcFAAAAAHcjYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAmYAEAAACQJmABAAAAkCZgAQAAAJAm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wAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIE3AAgAAACBNwAIAAAAgTcACAAAAIO0P85n5dg3Tjg0AAAAASUVORK5CYII="/>
+</defs>
+</svg>

package/src/assets/images/templates/content-copy-icon.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+
+const contentCopyIcon = (props:any) => {
+    const {className={}}= props;
+  return (
+    <svg
+      width="19"
+      className={className}
+      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=""
+        stroke=""
+        strokeWidth="0.05"
+      />
+    </svg>
+  );
+}
+
+export default contentCopyIcon

package/src/assets/images/templates/custom-add-on-icon.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+const CustomAddOnIcon = () => {
+    return (
+        <svg width="20px" height="20px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
+            <title>ic_fluent_apps_add_in_24_filled</title>
+            <desc>Created with Sketch.</desc>
+            <g id="🔍-Product-Icons" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+                <g id="ic_fluent_apps_add_in_24_filled" fill="#212121" fillRule="nonzero">
+                    <path d="M10.5,3 C11.8807119,3 13,4.11928813 13,5.5 L13,11 L18.5,11 C19.8807119,11 21,12.1192881 21,13.5 L21,18.5 C21,19.8807119 19.8807119,21 18.5,21 L5.5,21 C4.11928813,21 3,19.8807119 3,18.5 L3,5.5 C3,4.11928813 4.11928813,3 5.5,3 L10.5,3 Z M11,13 L5,13 L5,18.5 C5,18.7761424 5.22385763,19 5.5,19 L11,19 L11,13 Z M18.5,13 L13,13 L13,19 L18.5,19 C18.7761424,19 19,18.7761424 19,18.5 L19,13.5 C19,13.2238576 18.7761424,13 18.5,13 Z M10.5,5 L5.5,5 C5.22385763,5 5,5.22385763 5,5.5 L5,11 L11,11 L11,5.5 C11,5.22385763 10.7761424,5 10.5,5 Z M17.8833789,2.00672773 L18,2 C18.5128358,2 18.9355072,2.38604019 18.9932723,2.88337887 L19,3 L19,5 L21,5 C21.5128358,5 21.9355072,5.38604019 21.9932723,5.88337887 L22,6 C22,6.51283584 21.6139598,6.93550716 21.1166211,6.99327227 L21,7 L19,7 L19,9 C19,9.51283584 18.6139598,9.93550716 18.1166211,9.99327227 L18,10 C17.4871642,10 17.0644928,9.61395981 17.0067277,9.11662113 L17,9 L17,7 L15,7 C14.4871642,7 14.0644928,6.61395981 14.0067277,6.11662113 L14,6 C14,5.48716416 14.3860402,5.06449284 14.8833789,5.00672773 L15,5 L17,5 L17,3 C17,2.48716416 17.3860402,2.06449284 17.8833789,2.00672773 L18,2 L17.8833789,2.00672773 Z" id="🎨-Color">
+                    </path>
+                </g>
+            </g>
+        </svg>
+    );
+};
+
+export default CustomAddOnIcon;

package/src/assets/images/templates/custom-qr-section-icon.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const CustomQRIcon = () => {
+    return (
+        <svg stroke="currentColor" fill="currentColor" strokeWidth="0" version="1.1" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="#000000" d="M5 1h-4v4h4v-4zM6 0v0 6h-6v-6h6zM2 2h2v2h-2zM15 1h-4v4h4v-4zM16 0v0 6h-6v-6h6zM12 2h2v2h-2zM5 11h-4v4h4v-4zM6 10v0 6h-6v-6h6zM2 12h2v2h-2zM7 0h1v1h-1zM8 1h1v1h-1zM7 2h1v1h-1zM8 3h1v1h-1zM7 4h1v1h-1zM8 5h1v1h-1zM7 6h1v1h-1zM7 8h1v1h-1zM8 9h1v1h-1zM7 10h1v1h-1zM8 11h1v1h-1zM7 12h1v1h-1zM8 13h1v1h-1zM7 14h1v1h-1zM8 15h1v1h-1zM15 8h1v1h-1zM1 8h1v1h-1zM2 7h1v1h-1zM0 7h1v1h-1zM4 7h1v1h-1zM5 8h1v1h-1zM6 7h1v1h-1zM9 8h1v1h-1zM10 7h1v1h-1zM11 8h1v1h-1zM12 7h1v1h-1zM13 8h1v1h-1zM14 7h1v1h-1zM15 10h1v1h-1zM9 10h1v1h-1zM10 9h1v1h-1zM11 10h1v1h-1zM13 10h1v1h-1zM14 9h1v1h-1zM15 12h1v1h-1zM9 12h1v1h-1zM10 11h1v1h-1zM12 11h1v1h-1zM13 12h1v1h-1zM14 11h1v1h-1zM15 14h1v1h-1zM10 13h1v1h-1zM11 14h1v1h-1zM12 13h1v1h-1zM13 14h1v1h-1zM10 15h1v1h-1zM12 15h1v1h-1zM14 15h1v1h-1z"></path></svg>
+    );
+};
+
+export default CustomQRIcon;

package/src/assets/images/templates/custom-template.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+const CustomTemplate = (props: any) => {
+  const {fill} = props;
+  return (
+    <>
+      <svg
+        width="22"
+        height="22"
+        viewBox="0 0 22 22"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M4.125 18.5625H11C11.1823 18.5625 11.3572 18.6349 11.4861 18.7639C11.6151 18.8928 11.6875 19.0677 11.6875 19.25C11.6875 19.4323 11.6151 19.6072 11.4861 19.7361C11.3572 19.8651 11.1823 19.9375 11 19.9375H4.125C3.57799 19.9375 3.05339 19.7202 2.66659 19.3334C2.2798 18.9466 2.0625 18.422 2.0625 17.875V4.125C2.0625 3.57799 2.2798 3.05339 2.66659 2.66659C3.05339 2.2798 3.57799 2.0625 4.125 2.0625H17.875C18.422 2.0625 18.9466 2.2798 19.3334 2.66659C19.7202 3.05339 19.9375 3.57799 19.9375 4.125V4.8125C19.9375 4.99484 19.8651 5.1697 19.7361 5.29864C19.6072 5.42757 19.4323 5.5 19.25 5.5C19.0677 5.5 18.8928 5.42757 18.7639 5.29864C18.6349 5.1697 18.5625 4.99484 18.5625 4.8125V4.125C18.5625 3.94266 18.4901 3.7678 18.3611 3.63886C18.2322 3.50993 18.0573 3.4375 17.875 3.4375H4.125C3.94266 3.4375 3.7678 3.50993 3.63886 3.63886C3.50993 3.7678 3.4375 3.94266 3.4375 4.125V6.875H19.25C19.4323 6.875 19.6072 6.94743 19.7361 7.07636C19.8651 7.2053 19.9375 7.38016 19.9375 7.5625V17.875C19.9375 18.422 19.7202 18.9466 19.3334 19.3334C18.9466 19.7202 18.422 19.9375 17.875 19.9375H13.75C13.5677 19.9375 13.3928 19.8651 13.2639 19.7361C13.1349 19.6072 13.0625 19.4323 13.0625 19.25V8.25H3.4375V17.875C3.4375 18.0573 3.50993 18.2322 3.63886 18.3611C3.7678 18.4901 3.94266 18.5625 4.125 18.5625ZM14.4375 18.5625H17.875C18.0573 18.5625 18.2322 18.4901 18.3611 18.3611C18.4901 18.2322 18.5625 18.0573 18.5625 17.875V8.25H14.4375V18.5625Z"
+          fill={fill}
+        />
+      </svg>
+    </>
+  );
+};
+
+export default CustomTemplate;

package/src/assets/images/templates/designer.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+
+const Designer = (props:any) => {
+    const {fill} = props;
+  return (
+    <svg
+      width="48"
+      height="50"
+      viewBox="0 0 48 50"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M44.1017 9.0484H43.5498C44.6017 7.33581 44.2133 5.03658 42.5251 3.784C40.706 2.4345 38.121 2.86889 36.8515 4.76597L33.9859 9.04849H9.36884C7.3454 9.04849 5.69922 10.6947 5.69922 12.7181V36.1795C5.69922 38.2029 7.3454 39.8491 9.36884 39.8491H23.6227L22.5458 44.3726H20.2213C18.7064 44.3726 17.4739 45.605 17.4739 47.1199V47.6936H14.6083C14.1066 47.6936 13.7 48.1004 13.7 48.602C13.7 49.1036 14.1066 49.5104 14.6083 49.5104H38.8623C39.364 49.5104 39.7707 49.1036 39.7707 48.602C39.7707 48.1004 39.364 47.6936 38.8623 47.6936H35.9967V47.1199C35.9967 45.605 34.7642 44.3726 33.2493 44.3726H30.9248L29.8479 39.8491H44.1018C46.1252 39.8491 47.7714 38.2029 47.7714 36.1795V31.0171V12.718C47.7714 10.6946 46.1252 9.0484 44.1017 9.0484ZM31.0861 25.0178C29.6658 26.012 27.005 24.6606 24.4641 26.0165C23.8441 22.7958 24.235 19.7668 27.4621 19.0982C27.8791 19.0113 28.3281 18.9719 28.7104 18.9796C29.8026 19.7899 30.9074 20.6096 31.9966 21.4178C32.4734 22.8047 32.2944 24.172 31.0861 25.0178ZM32.0016 15.281L34.5729 17.1888L32.5955 19.5997C31.7814 18.9957 31.0815 18.4765 30.2674 17.8724C30.4365 17.6198 31.847 15.5118 32.0016 15.281ZM38.3616 5.77638C39.0496 4.74799 40.4528 4.50872 41.4425 5.24315C42.4327 5.97767 42.61 7.38986 41.8254 8.34648C40.4333 10.0436 37.1237 14.0788 35.7263 15.7825L33.013 13.7693L38.3616 5.77638ZM34.1799 47.1199V47.6936H19.2906V47.1199C19.2906 46.6069 19.7081 46.1894 20.2213 46.1894H33.2492C33.7624 46.1894 34.1799 46.6069 34.1799 47.1199ZM29.0572 44.3726H24.4133L25.4903 39.8491H27.9802L29.0572 44.3726ZM45.9546 36.1795C45.9546 37.2011 45.1234 38.0323 44.1018 38.0323C42.6598 38.0323 10.9902 38.0323 9.36893 38.0323C8.34727 38.0323 7.51609 37.2011 7.51609 36.1795V31.9255H10.1119C10.6136 31.9255 11.0203 31.5187 11.0203 31.0171C11.0203 30.5155 10.6136 30.1087 10.1119 30.1087H7.51591V12.718C7.51591 11.6964 8.34708 10.8652 9.36875 10.8652H32.7702C31.9 12.1657 29.3611 15.9599 28.5569 17.1616C26.7768 17.1777 24.9995 17.7978 23.836 19.1561C22.2528 21.0042 21.9747 23.9081 23.0093 27.7871C23.1862 28.4504 24.0138 28.6881 24.5146 28.2097C26.8634 25.9653 29.7888 28.4135 32.4085 26.2931C34.0076 24.9986 34.3861 22.9408 33.7831 21.0164C34.5982 20.0227 41.2922 11.8613 42.1092 10.8652H44.1016C45.1232 10.8652 45.9544 11.6964 45.9544 12.718V30.1086H17.3788C16.8771 30.1086 16.4705 30.5154 16.4705 31.017C16.4705 31.5186 16.8771 31.9254 17.3788 31.9254H45.9546V36.1795Z"
+        fill={fill}
+      />
+      <circle cx="10" cy="10" r="10" fill={fill} />
+      <mask
+        id="mask0_8266_3818"
+        style={{ maskType: 'luminance' }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="20"
+        height="20"
+      >
+        <path d="M0 0H20V20H0V0Z" fill="white" />
+      </mask>
+      <g mask="url(#mask0_8266_3818)">
+        <path
+          d="M10 1.63267C14.6137 1.63267 18.3673 5.38628 18.3673 10C18.3673 14.6137 14.6137 18.3673 10 18.3673C5.38628 18.3673 1.63267 14.6137 1.63267 10C1.63267 5.38628 5.38628 1.63267 10 1.63267ZM10 20C15.5228 20 20 15.5228 20 10C20 4.47724 15.5228 0 10 0C4.47724 0 0 4.47724 0 10C0 15.5228 4.47724 20 10 20Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M9.83801 12.8416C9.21301 12.8416 8.58825 12.6034 7.78482 12.0085L6.68359 13.7343C7.42771 14.4039 8.48409 14.761 9.33213 14.8651V16.3529H10.9986V14.7757C12.5608 14.4039 13.3196 13.2732 13.3196 11.8298C13.3196 9.12199 9.4809 9.06243 9.4809 7.93154C9.4809 7.33644 9.7934 7.15777 10.4331 7.15777C10.9836 7.15777 11.4449 7.39576 11.9807 7.87199L13.2454 6.41389C12.65 5.78913 11.9358 5.31291 10.9986 5.16413V3.64648H9.33213V5.19379C7.88874 5.50629 7.0407 6.54772 7.0407 8.05066C7.0407 10.6543 10.8794 10.8181 10.8794 12.0085C10.8794 12.5887 10.5819 12.8416 9.83801 12.8416Z"
+        fill="white"
+      />
+    </svg>
+  );
+};
+
+export default Designer;

package/src/assets/images/templates/dot.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+const Dot = (props:any) => {
+    const { onClick, style } = props;
+  return (
+    <>
+      <svg
+        width="11"
+        height="11"
+        viewBox="0 0 11 11"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        onClick={onClick}
+        style={style}
+      >
+        <circle cx="5.30958" cy="5.28224" r="4.90333" style={style} />
+      </svg>
+    </>
+  );
+};
+
+export default Dot;

package/src/assets/images/templates/download-v2.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.33337 9L9.00004 11.6667M9.00004 11.6667L11.6667 9M9.00004 11.6667L9.00004 1" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 6.33333L4.55555 6.33333C2.59188 6.33333 1 7.92521 1 9.88889L1 13.4444C1 15.4081 2.59188 17 4.55556 17L13.4444 17C15.4081 17 17 15.4081 17 13.4444L17 9.88889C17 7.92521 15.4081 6.33333 13.4444 6.33333L13 6.33333" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/templates/download.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.25 7L7 8.75M7 8.75L8.75 7M7 8.75L7 1.75" stroke="black" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.375 5.25L4.08333 5.25C2.79467 5.25 1.75 6.29467 1.75 7.58333L1.75 9.91667C1.75 11.2053 2.79467 12.25 4.08333 12.25L9.91667 12.25C11.2053 12.25 12.25 11.2053 12.25 9.91667L12.25 7.58333C12.25 6.29467 11.2053 5.25 9.91667 5.25L9.625 5.25" stroke="black" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/templates/dummy-template.tsx

@@ -0,0 +1,76 @@
+import React from 'react';
+
+const DummyTemplateImage = () => {
+  return (
+    <svg
+      width="48"
+      height="48"
+      viewBox="0 0 48 48"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g opacity="0.5" clipPath="url(#clip0_1428_1849)">
+        <path
+          d="M31.9235 3.89844H19.7182C19.3252 3.89844 19.0068 4.21683 19.0068 4.6098C19.0068 5.00277 19.3253 5.32116 19.7182 5.32116H31.9234C32.3163 5.32116 32.6348 5.00277 32.6348 4.6098C32.6348 4.21683 32.3163 3.89844 31.9235 3.89844Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M25.1525 6.92969H19.7172C19.3243 6.92969 19.0059 7.24817 19.0059 7.64105C19.0059 8.03402 19.3243 8.35241 19.7172 8.35241H25.1525C25.5455 8.35241 25.8639 8.03402 25.8639 7.64105C25.8639 7.24808 25.5454 6.92969 25.1525 6.92969Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M44.8518 7.05417C44.4589 7.05417 44.1405 7.37257 44.1405 7.76553C44.1405 8.15841 44.4588 8.47689 44.8518 8.47689C45.5517 8.47689 46.121 9.04621 46.121 9.74607V29.9582H40.9293V8.4768H42.1149C42.5077 8.4768 42.8262 8.15841 42.8262 7.76544C42.8262 7.37257 42.5078 7.05408 42.1149 7.05408H40.9293V2.21352C40.9293 1.03499 39.9705 0.0761719 38.792 0.0761719H9.01719C7.83866 0.0761719 6.87984 1.03499 6.87984 2.21352V7.05417H3.14698C1.66267 7.05417 0.455078 8.26177 0.455078 9.74607V30.6696V37.2246C0.455078 38.7089 1.66267 39.9165 3.14698 39.9165H7.52784C7.92071 39.9165 8.2392 39.5981 8.2392 39.2052C8.2392 38.8123 7.92081 38.4938 7.52784 38.4938H3.14698C2.44711 38.4938 1.8778 37.9245 1.8778 37.2246V31.3809H7.59111H40.2179H46.1209V37.2246C46.1209 37.9245 45.5516 38.4938 44.8517 38.4938H29.1184H18.8804H10.8791C10.4863 38.4938 10.1678 38.8122 10.1678 39.2052C10.1678 39.5981 10.4862 39.9165 10.8791 39.9165H18.169V43.686C16.253 43.7202 14.7045 45.2885 14.7045 47.2125C14.7045 47.6053 15.0229 47.9238 15.4159 47.9238H32.5829C32.9758 47.9238 33.2943 47.6054 33.2943 47.2125C33.2943 45.2885 31.7458 43.7202 29.8298 43.686V39.9165H44.8518C46.3361 39.9165 47.5437 38.7089 47.5437 37.2246V30.6696V9.74607C47.5436 8.26177 46.336 7.05417 44.8518 7.05417ZM6.87984 29.9582H1.8778V9.74607C1.8778 9.04621 2.44711 8.47689 3.14698 8.47689H6.87984V29.9582ZM39.5066 10.4687H15.2736C14.8808 10.4687 14.5623 10.7871 14.5623 11.1801C14.5623 11.5731 14.8807 11.8915 15.2736 11.8915H39.5066V29.9582H8.30247V11.8915H11.5746C11.9675 11.8915 12.286 11.5731 12.286 11.1801C12.286 10.7871 11.9676 10.4687 11.5746 10.4687H8.30247V2.21352C8.30247 1.81943 8.62301 1.49889 9.0171 1.49889H38.792C39.1861 1.49889 39.5066 1.81943 39.5066 2.21352V10.4687ZM19.5916 39.9164H28.4071V43.6844H19.5916V39.9164ZM31.7479 46.5011H16.2509C16.5432 45.6891 17.3212 45.1071 18.2326 45.1071H18.8804H29.1184H29.7662C30.6776 45.1071 31.4556 45.6891 31.7479 46.5011Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M24.3812 32.7871C23.1959 32.7871 22.2314 33.7515 22.2314 34.937C22.2314 36.1223 23.1959 37.0868 24.3812 37.0868C25.5668 37.0868 26.5311 36.1224 26.5311 34.937C26.5311 33.7515 25.5667 32.7871 24.3812 32.7871ZM24.3812 35.664C23.9804 35.6641 23.6542 35.3379 23.6542 34.937C23.6542 34.536 23.9804 34.2098 24.3812 34.2098C24.7822 34.2098 25.1084 34.5361 25.1084 34.937C25.1084 35.3379 24.7821 35.664 24.3812 35.664Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M16.0912 7.43449L13.7498 3.37912C13.6227 3.15904 13.388 3.02344 13.1338 3.02344C12.8796 3.02344 12.6448 3.15904 12.5177 3.37912L10.1764 7.43449C10.0493 7.65457 10.0493 7.92577 10.1764 8.14585C10.3035 8.36593 10.5382 8.50153 10.7924 8.50153H15.4752C15.7293 8.50153 15.9642 8.36593 16.0912 8.14585C16.2183 7.92577 16.2183 7.65457 16.0912 7.43449ZM12.0244 7.0789L13.1338 5.15752L14.2431 7.0789H12.0244Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M37.4109 14.5156H27.1088C26.7159 14.5156 26.3975 14.834 26.3975 15.227C26.3975 15.6199 26.7159 15.9383 27.1088 15.9383H37.4109C37.8038 15.9383 38.1223 15.62 38.1223 15.227C38.1223 14.834 37.8038 14.5156 37.4109 14.5156Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M37.4109 17.6436H27.1088C26.7159 17.6436 26.3975 17.9619 26.3975 18.3549C26.3975 18.7479 26.7159 19.0663 27.1088 19.0663H37.4109C37.8038 19.0663 38.1223 18.7479 38.1223 18.3549C38.1223 17.9619 37.8038 17.6436 37.4109 17.6436Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M37.4109 20.7715H27.1088C26.7159 20.7715 26.3975 21.0899 26.3975 21.4828C26.3975 21.8757 26.7159 22.1942 27.1088 22.1942H37.4109C37.8038 22.1942 38.1223 21.8758 38.1223 21.4828C38.1223 21.0899 37.8038 20.7715 37.4109 20.7715Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M37.4109 23.8994H27.1088C26.7159 23.8994 26.3975 24.2178 26.3975 24.6108C26.3975 25.0036 26.7159 25.3221 27.1088 25.3221H37.4109C37.8038 25.3221 38.1223 25.0037 38.1223 24.6108C38.1223 24.2178 37.8038 23.8994 37.4109 23.8994Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M31.9226 27.0293H27.1088C26.7159 27.0293 26.3975 27.3477 26.3975 27.7407C26.3975 28.1335 26.7159 28.452 27.1088 28.452H31.9226C32.3154 28.452 32.6339 28.1336 32.6339 27.7407C32.6339 27.3477 32.3155 27.0293 31.9226 27.0293Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M23.9058 13.916H10.7924C10.3995 13.916 10.0811 14.2344 10.0811 14.6274V23.0148V27.7407C10.0811 28.1336 10.3994 28.4521 10.7924 28.4521H23.9058C24.2986 28.4521 24.6171 28.1337 24.6171 27.7407V23.7217V14.6274C24.6171 14.2344 24.2986 13.916 23.9058 13.916ZM11.5039 15.3387H23.1944V22.7766C23.1148 22.763 23.0352 22.751 22.9556 22.7421C21.7158 22.6032 21.0029 23.0993 20.4299 23.4978C19.9997 23.7968 19.6282 24.0551 19.006 24.1056C17.9996 24.1882 17.3543 23.6531 16.5368 22.9769C15.6269 22.2243 14.5948 21.3722 12.9543 21.471C12.4624 21.5009 11.9776 21.614 11.5039 21.8079V15.3387ZM23.1945 27.0294H11.5038V23.3971C12.0084 23.0924 12.5239 22.9225 13.0406 22.8911C14.1212 22.8252 14.8205 23.4036 15.6301 24.0732C16.5247 24.8131 17.538 25.6511 19.1211 25.5237C20.1255 25.4422 20.7445 25.0117 21.2421 24.6659C21.7523 24.3112 22.0899 24.0771 22.7975 24.156C22.929 24.1707 23.0617 24.1954 23.1945 24.2299V27.0294Z"
+          fill="#ED5C2F"
+        />
+        <path
+          d="M19.2252 16.9277C18.0251 16.9277 17.0488 17.904 17.0488 19.1041C17.0488 20.3042 18.0251 21.2806 19.2252 21.2806C20.4254 21.2806 21.4017 20.3043 21.4017 19.1041C21.4017 17.904 20.4254 16.9277 19.2252 16.9277ZM19.2252 19.8579C18.8097 19.8579 18.4715 19.5197 18.4715 19.1041C18.4715 18.6885 18.8097 18.3504 19.2252 18.3504C19.6408 18.3504 19.979 18.6886 19.979 19.1041C19.979 19.5197 19.6408 19.8579 19.2252 19.8579Z"
+          fill="#ED5C2F"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_1428_1849">
+          <rect
+            width="47.8477"
+            height="47.8477"
+            fill="white"
+            transform="translate(0.0761719 0.0761719)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default DummyTemplateImage;