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

package/src/assets/images/templates/size-image.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+
+function sizeImage() {
+  return (
+    <svg
+      width="107"
+      height="80"
+      viewBox="0 0 107 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M5.3507 0.988281C2.42107 0.988281 0 3.399 0 6.32862V74.0196C0 76.9492 2.42107 79.3563 5.3507 79.3563H101.535C104.464 79.3563 106.875 76.9492 106.875 74.0196V6.32862C106.875 3.399 104.464 0.988281 101.535 0.988281H5.3507ZM74.816 11.6655H94.4097C95.3934 11.6694 96.1878 12.47 96.184 13.4537V38.3842C96.1878 39.3679 95.3934 40.1685 94.4097 40.1725H74.816C73.8268 40.1762 73.024 39.3734 73.0278 38.3842V30.3477C71.0078 29.2236 69.2768 29.3179 67.8614 29.6798C66.2356 30.0952 65.2313 30.8766 65.2313 30.8766C63.3521 32.5645 60.95 29.5344 63.0222 28.0898C63.0222 28.0898 64.6063 26.8288 66.9813 26.2216C69.3563 25.6144 72.7392 25.6803 76.0267 28.0376C78.4581 29.7811 80.3918 29.7074 81.9166 29.3005C83.4415 28.8939 84.3519 28.1282 84.3519 28.1282C86.1742 26.3506 88.7021 29.3296 86.6515 30.8383C86.6515 30.8383 85.1476 32.1287 82.8386 32.7447C81.1547 33.1938 78.9388 33.2597 76.5938 32.3583V36.6097H92.6354V15.2278H76.5938V21.2741C78.7594 22.6212 80.5131 22.5462 81.9166 22.1717C83.4415 21.7651 84.3519 21.0029 84.3519 21.0029C86.1735 19.1878 88.737 22.205 86.6515 23.7095C86.6515 23.7095 85.1476 24.9999 82.8386 25.6159C80.5295 26.2319 77.2238 26.1512 73.9497 23.8034C71.5316 22.0695 69.4874 22.1388 67.8614 22.5545C66.2356 22.9699 65.2313 23.7512 65.2313 23.7512C63.3541 25.3883 60.9982 22.4127 63.0222 20.961C63.0222 20.961 64.6063 19.7034 66.9813 19.0963C68.6324 18.6742 70.7727 18.5962 73.0278 19.3677V13.4533C73.0242 12.4641 73.8268 11.6617 74.816 11.6655ZM53.4444 11.672C54.3351 11.6855 55.2257 12.2936 55.2257 13.4535V66.891C55.2802 69.3199 51.6094 69.3199 51.6632 66.891V13.4535C51.6632 12.2402 52.5538 11.6587 53.4444 11.672ZM19.5903 29.4813H42.7465C45.1238 29.4813 45.1238 33.0474 42.7465 33.0474H19.5903C17.213 33.0474 17.213 29.4813 19.5903 29.4813ZM12.4792 38.3842H30.2812C32.6042 38.4381 32.6042 41.8953 30.2812 41.9468H12.4792C10.0508 42.0006 10.0508 38.3304 12.4792 38.3842ZM37.4097 38.3842H42.7465C45.0694 38.4381 45.0694 41.8953 42.7465 41.9468H37.4097C34.9814 42.0006 34.9814 38.3304 37.4097 38.3842ZM12.3887 47.3009H42.7465C45.1749 47.247 45.1749 50.9171 42.7465 50.8632H12.4792C10.1532 50.9326 9.97596 47.4723 12.3887 47.3009ZM64.045 47.3009H94.4097C96.8381 47.247 96.8381 50.9171 94.4097 50.8632H64.1285C61.8043 50.9238 61.6402 47.4643 64.045 47.3009ZM64.1284 56.2001H94.4097C96.7871 56.2001 96.7871 59.7661 94.4097 59.7661H64.1284C61.7511 59.7661 61.7511 56.2001 64.1284 56.2001ZM64.1284 65.103H94.4097C96.7326 65.1568 96.7326 68.6137 94.4097 68.6655H64.1284C61.8055 68.6117 61.8055 65.1548 64.1284 65.103Z"
+        fill="#FDECD3"
+      />
+    </svg>
+  );
+}
+
+export default sizeImage;

package/src/assets/images/templates/snap-pack.tsx

@@ -0,0 +1,67 @@
+import React from "react";
+
+interface SnapPackProps {
+    fill?: string;
+}
+
+function SnapPack(props: SnapPackProps) {
+    const { fill } = props;
+    return (
+        <svg id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 60.8 77.6" height={45} width={44}>
+            <defs>
+                <style>
+                    {`
+                    .st0 {
+                        fill: none;
+                        stroke: #000;
+                        stroke-linecap: round;
+                        stroke-linejoin: round;
+                        stroke-width: 2px;
+                    }
+
+                    .st1 {
+                        fill: #fff;
+                    }
+
+                    .st2 {
+                        fill: ${fill};
+                    }
+                    `}
+                </style>
+            </defs>
+            <polygon className="st2" points="57.3 51.3 1 51.3 3.5 26.3 59.8 26.3 57.3 51.3" />
+            <path d="M59.8,27.3c-.5,0-.9-.4-1-.9l-2.2-22.8c0-.9-.8-1.6-1.8-1.6H4c-.5,0-1,.2-1.3.6-.3.4-.5.9-.4,1.4l2.2,22.2c0,.5-.3,1-.9,1.1-.6,0-1-.3-1.1-.9L.3,4.1c-.1-1.1.2-2.1,1-2.9.7-.8,1.7-1.2,2.8-1.2h50.7c1.9,0,3.6,1.5,3.7,3.4l2.2,22.8c0,.5-.3,1-.9,1.1,0,0,0,0,0,0Z" />
+            <path d="M56.7,77.6H6c-1.9,0-3.5-1.5-3.7-3.4L0,51.4c0-.5.3-1,.9-1.1.5,0,1,.3,1.1.9l2.2,22.8c0,.9.8,1.6,1.7,1.6h50.7c.5,0,1-.2,1.3-.6.3-.4.5-.8.4-1.3l-1.7-17.8c0-.5.3-1,.9-1.1.6,0,1,.3,1.1.9l1.7,17.8c.1,1.1-.2,2.1-1,2.9-.7.8-1.7,1.2-2.8,1.2Z" />
+            <path d="M57.3,52.3s0,0,0,0c-.5,0-1-.5-.9-1.1l2.4-24H4.4l-2.4,24.2c0,.6-.5,1-1.1.9-.5,0-1-.5-.9-1.1l2.5-25.1c0-.5.5-.9,1-.9h56.3c.3,0,.6.1.7.3.2.2.3.5.3.8l-2.5,25.1c0,.5-.5.9-1,.9Z" />
+            <g>
+                <path className="st1" d="M28.8,40.3H10.8c-1.1,0-2-.9-2-2l.4-4.1c0-1.1.9-2,2-2h17.9c1.1,0,2,.9,2,2l-.4,4.1c0,1.1-.9,2-2,2Z" />
+                <path d="M28.8,41.3H10.8c-1.7,0-3-1.3-3-3l.4-4.2c0-1.6,1.3-2.9,3-2.9h17.9c1.7,0,3,1.3,3,3l-.4,4.2c0,1.6-1.3,2.9-3,2.9ZM11.2,33.2c-.5,0-1,.4-1,1l-.4,4.2c0,.5.5.9,1,.9h17.9c.5,0,1-.4,1-1l.4-4.2c0-.5-.5-.9-1-.9H11.2Z" />
+            </g>
+            <path d="M54.8,35.7h-17.9c-.6,0-1-.4-1-1s.4-1,1-1h17.9c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            <path d="M54.5,39.8h-17.9c-.6,0-1-.4-1-1s.4-1,1-1h17.9c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            <path d="M28.9,46.3H11c-.6,0-1-.4-1-1s.4-1,1-1h17.9c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            <path d="M27.2,9.3H9.3c-.6,0-1-.4-1-1s.4-1,1-1h17.9c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            <path d="M51.1,14.6H9.9c-.6,0-1-.4-1-1s.4-1,1-1h41.2c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            <path d="M51.5,19.8H10.3c-.6,0-1-.4-1-1s.4-1,1-1h41.2c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            <g>
+                <path d="M51.1,64.9h-17.5c-.6,0-1-.4-1-1s.4-1,1-1h17.5c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+                <path d="M51.5,70h-17.5c-.6,0-1-.4-1-1s.4-1,1-1h17.5c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            </g>
+            <g>
+                <path d="M30.1,64.9c-.6,0-1-.4-1-1s.4-1,1-1h0c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+                <path d="M30.6,70c-.6,0-1-.4-1-1s.4-1,1-1h0c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            </g>
+            <path d="M50.6,59.7h-17.5c-.6,0-1-.4-1-1s.4-1,1-1h17.5c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            <path d="M29.7,59.7c-.6,0-1-.4-1-1s.4-1,1-1h0c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            <g>
+                <path d="M2.5,52.3H1C.4,52.3,0,51.9,0,51.3s.4-1,1-1h1.5c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+                <path d="M52.6,52.3h-3.1c-.6,0-1-.4-1-1s.4-1,1-1h3.1c.6,0,1,.4,1,1s-.4,1-1,1ZM46.4,52.3h-3.1c-.6,0-1-.4-1-1s.4-1,1-1h3.1c.6,0,1,.4,1,1s-.4,1-1,1ZM40.1,52.3h-3.1c-.6,0-1-.4-1-1s.4-1,1-1h3.1c.6,0,1,.4,1,1s-.4,1-1,1ZM33.8,52.3h-3.1c-.6,0-1-.4-1-1s.4-1,1-1h3.1c.6,0,1,.4,1,1s-.4,1-1,1ZM27.6,52.3h-3.1c-.6,0-1-.4-1-1s.4-1,1-1h3.1c.6,0,1,.4,1,1s-.4,1-1,1ZM21.3,52.3h-3.1c-.6,0-1-.4-1-1s.4-1,1-1h3.1c.6,0,1,.4,1,1s-.4,1-1,1ZM15,52.3h-3.1c-.6,0-1-.4-1-1s.4-1,1-1h3.1c.6,0,1,.4,1,1s-.4,1-1,1ZM8.8,52.3h-3.1c-.6,0-1-.4-1-1s.4-1,1-1h3.1c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+                <path d="M57.3,52.3h-1.5c-.6,0-1-.4-1-1s.4-1,1-1h1.5c.6,0,1,.4,1,1s-.4,1-1,1Z" />
+            </g>
+            <path className="st0" d="M31.8,70.5" />
+            <path d="M14.6,71.3c-.5,0-1.1-.2-1.5-.4,0,0,0,0,0,0-.8-.6-1.2-1.5-1.2-2.5v-2.2c.1,0-1.7-1.6-1.7-1.6-.8-.6-1.1-1.7-.9-2.7.2-1,1-1.7,2.1-1.8l2-.3.7-1.9c.4-1,1.3-1.6,2.3-1.6s1.9.5,2.4,1.4l1.2,2.1,2.3.3c1,.2,1.7.8,2.2,1.6.4,1,.3,2.1-.4,2.8l-1.4,1.5.6,2.1c.3,1,0,2-.8,2.6,0,0,0,0-.1,0-.8.5-1.8.6-2.7.2l-2.1-1-1.8,1c-.4.2-.8.3-1.2.3ZM14.1,69.2c.2.1.5.1.6,0l2.3-1.3c.3-.2.6-.2.9,0l2.5,1.3c.2,0,.4.1.7,0,0-.1.2-.2,0-.5l-.8-2.7c0-.3,0-.7.2-.9l1.7-1.9c.2-.2,0-.5,0-.6,0-.1-.3-.4-.7-.5l-2.7-.4c-.3,0-.6-.2-.7-.5l-1.5-2.5c-.3-.5-.9-.6-1.1-.2l-.9,2.4c-.1.3-.4.6-.8.6l-2.6.4c-.2,0-.3.2-.4.3,0,.3,0,.5.2.7l2.2,1.9c.2.2.4.5.3.8l-.2,2.7c0,.2.1.5.4.7Z" />
+        </svg>
+    );
+}
+
+export default SnapPack;

package/src/assets/images/templates/template-default-design.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+const templateDefaultDesign = (props:any) => {
+    const {fill} = props;
+  return (
+    <svg
+      width="43"
+      height="47"
+      viewBox="0 0 43 47"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M38.8066 6.11206H38.249C39.312 4.38144 38.9195 2.05802 37.2134 0.792255C35.3753 -0.571453 32.763 -0.132489 31.4802 1.78456L28.5844 6.11215H3.70825C1.66351 6.11215 0 7.77566 0 9.82039V33.5287C0 35.5734 1.66351 37.2369 3.70825 37.2369H18.1122L17.0239 41.808H14.6749C13.144 41.808 11.8986 43.0534 11.8986 44.5843V45.164H9.00289C8.49591 45.164 8.08494 45.575 8.08494 46.0819C8.08494 46.5888 8.49591 46.9999 9.00289 46.9999H33.5121C34.0191 46.9999 34.43 46.5888 34.43 46.0819C34.43 45.575 34.0191 45.164 33.5121 45.164H30.6164V44.5843C30.6164 43.0534 29.3709 41.808 27.8401 41.808H25.4911L24.4028 37.2369H38.8067C40.8515 37.2369 42.515 35.5734 42.515 33.5287V28.312V9.8203C42.515 7.77557 40.8515 6.11206 38.8066 6.11206ZM25.6541 22.2495C24.2188 23.2542 21.5301 21.8886 18.9624 23.2587C18.3359 20.0041 18.7309 16.9432 21.9919 16.2676C22.4133 16.1798 22.8671 16.14 23.2533 16.1477C24.3571 16.9666 25.4735 17.7949 26.5741 18.6116C27.056 20.0131 26.8751 21.3948 25.6541 22.2495ZM26.5792 12.4102L29.1776 14.3381L27.1793 16.7744C26.3567 16.1641 25.6495 15.6394 24.8268 15.0289C24.9976 14.7737 26.423 12.6435 26.5792 12.4102ZM33.0061 2.8056C33.7014 1.76638 35.1193 1.5246 36.1195 2.26676C37.1201 3.00901 37.2993 4.43606 36.5064 5.40275C35.0997 7.11776 31.7552 11.1954 30.3431 12.917L27.6012 10.8826L33.0061 2.8056ZM28.7804 44.5843V45.164H13.7345V44.5843C13.7345 44.0658 14.1564 43.6439 14.6749 43.6439H27.84C28.3585 43.6439 28.7804 44.0658 28.7804 44.5843ZM23.6038 41.808H18.9111L19.9994 37.2369H22.5155L23.6038 41.808ZM40.6791 33.5287C40.6791 34.5611 39.8392 35.401 38.8067 35.401C37.3496 35.401 5.3467 35.401 3.70834 35.401C2.67592 35.401 1.83599 34.5611 1.83599 33.5287V29.2299H4.45913C4.96611 29.2299 5.37708 28.8189 5.37708 28.312C5.37708 27.8051 4.96611 27.394 4.45913 27.394H1.83581V9.8203C1.83581 8.78788 2.67573 7.94796 3.70815 7.94796H27.3559C26.4765 9.26219 23.911 13.0963 23.0983 14.3106C21.2994 14.3269 19.5034 14.9536 18.3277 16.3261C16.7278 18.1937 16.4467 21.1282 17.4923 25.048C17.671 25.7183 18.5074 25.9584 19.0134 25.475C21.387 23.2071 24.3431 25.6809 26.9904 23.5383C28.6064 22.2302 28.9888 20.1506 28.3795 18.2061C29.2031 17.2018 35.9676 8.95458 36.7932 7.94796H38.8066C39.839 7.94796 40.6789 8.78788 40.6789 9.8203V27.3939H11.8026C11.2956 27.3939 10.8846 27.805 10.8846 28.3119C10.8846 28.8188 11.2956 29.2298 11.8026 29.2298H40.6791V33.5287Z"
+        fill={fill}
+      />
+    </svg>
+  );
+}
+
+export default templateDefaultDesign;

package/src/assets/images/templates/trash-upload.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="M11.0833 5.25008L10.6657 10.679C10.5722 11.8947 9.55851 12.8334 8.33926 12.8334H5.66074C4.44149 12.8334 3.42779 11.8947 3.33428 10.679L2.91667 5.25008M12.25 4.08341C10.7345 3.3449 8.93296 2.91675 7 2.91675C5.06704 2.91675 3.26545 3.3449 1.75 4.08341M5.83333 2.91675V2.33341C5.83333 1.68908 6.35567 1.16675 7 1.16675C7.64433 1.16675 8.16667 1.68908 8.16667 2.33341V2.91675M5.83333 6.41675V9.91675M8.16667 6.41675V9.91675" stroke="black" stroke-opacity="0.4" stroke-width="0.875" stroke-linecap="round"/>
+</svg>

package/src/assets/images/templates/trash.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="M11.0833 5.25008L10.6657 10.679C10.5722 11.8947 9.55851 12.8334 8.33926 12.8334H5.66074C4.44149 12.8334 3.42779 11.8947 3.33428 10.679L2.91667 5.25008M12.25 4.08341C10.7345 3.3449 8.93296 2.91675 7 2.91675C5.06704 2.91675 3.26545 3.3449 1.75 4.08341M5.83333 2.91675V2.33341C5.83333 1.68908 6.35567 1.16675 7 1.16675C7.64433 1.16675 8.16667 1.68908 8.16667 2.33341V2.91675M5.83333 6.41675V9.91675M8.16667 6.41675V9.91675" stroke="black" stroke-opacity="0.4" stroke-width="0.875" stroke-linecap="round"/>
+</svg>

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

@@ -0,0 +1,93 @@
+import React from 'react'
+
+const triFoldSelfMailers = (props: any) => {
+    const {fill} = props
+  return (
+    <svg
+      width="44"
+      height="45"
+      viewBox="0 0 51 50"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_1099_4325)">
+        <path
+          d="M19.8213 11.696L31.3583 3.59668V38.0406L19.8213 46.793V11.696Z"
+          fill={fill}
+        />
+        <path
+          d="M48.021 0.912109H33.1005C32.3616 0.916084 31.4555 1.16302 30.7474 1.73281L19.8355 10.3917C19.4949 10.6476 19.0493 10.8769 18.3851 10.8973H3.46447C2.06302 10.8973 0.922852 12.0374 0.922852 13.4389V46.1798C0.922852 47.5813 2.06302 48.7214 3.46447 48.7214H18.385C18.8391 48.7214 19.2839 48.6409 19.7032 48.4835C20.0761 48.346 20.4243 48.1499 20.7382 47.9006L31.6501 39.2418C31.8441 39.0885 32.058 38.9682 32.2858 38.8841C32.4975 38.7981 32.7679 38.5699 32.7612 38.202V2.39335C32.873 2.37687 32.986 2.3664 33.1005 2.3664H48.0211C48.6207 2.3664 49.1085 2.85417 49.1085 3.45373V36.1947C49.1085 36.7942 48.6207 37.282 48.0211 37.282H35.5104C35.1087 37.282 34.7832 37.6076 34.7832 38.0091C34.7832 38.4107 35.1087 38.7363 35.5104 38.7363H48.0211C49.4226 38.7363 50.5627 37.5961 50.5627 36.1947V3.45373C50.5627 2.05227 49.4225 0.912109 48.021 0.912109ZM3.46447 47.2672C2.86491 47.2672 2.37714 46.7794 2.37714 46.1798V34.1823C3.05426 34.5532 3.75591 34.8786 4.47481 35.1535C4.74948 35.2502 5.19808 35.1869 5.4137 34.734C5.5571 34.3589 5.36939 33.9385 4.99428 33.7951C4.08593 33.4478 3.20735 33.0129 2.37724 32.5006V13.4389C2.37724 12.8393 2.86501 12.3516 3.46456 12.3516H18.385C18.4988 12.3516 18.612 12.3465 18.7243 12.3364V32.5306C16.2755 34.0292 13.4681 34.8213 10.5774 34.8213C9.84667 34.8213 9.11225 34.7705 8.39422 34.6702C7.9971 34.6145 7.62898 34.892 7.57352 35.2897C7.51796 35.6875 7.79535 36.055 8.19314 36.1104C8.97739 36.22 9.77958 36.2755 10.5774 36.2755C13.4419 36.2755 16.2328 35.5649 18.7243 34.211V47.2402C18.6125 47.2567 18.4995 47.2672 18.385 47.2672H3.46447ZM20.1786 46.4881V11.8995C20.3975 11.7595 20.1581 11.9495 20.7381 11.5318L31.3068 3.14542V37.7341C31.088 37.8741 31.3273 37.6841 30.7473 38.1017L20.1786 46.4881Z"
+          fill="black"
+        />
+        <path
+          d="M7.0275 24.684C7.18156 24.7848 7.12901 25.5061 7.12261 25.738C7.04854 27.0322 8.46763 28.1678 9.80093 27.6838C10.2931 27.3994 10.9358 27.3855 11.4942 27.6838C11.7131 27.7617 11.9405 27.8 12.1667 27.7999C13.1408 27.8332 14.228 26.8904 14.1724 25.7379C14.0541 25.182 14.2393 24.5663 14.6957 24.1275C15.5174 23.1278 15.0307 21.3578 13.6725 20.9791C13.1072 20.9198 12.579 20.5534 12.3027 19.9838C11.6018 18.8931 9.78648 18.8086 8.99215 19.9838C8.76111 20.5031 8.2493 20.8922 7.62211 20.9791C6.35377 21.3151 5.73376 23.0077 6.59916 24.1275L7.0275 24.684ZM7.66438 22.7331C7.69143 22.6499 7.7816 22.4483 8.03348 22.374C8.92506 22.2357 9.73888 21.6707 10.1919 20.8059C10.4662 20.5367 10.6834 20.4292 11.1032 20.8059C11.5102 21.6112 12.299 22.2104 13.2615 22.374C13.6023 22.5516 13.7716 22.725 13.5432 23.2407C12.9129 23.8687 12.5777 24.7997 12.7187 25.7779C12.6551 26.157 12.5425 26.3716 11.9815 26.3136C11.1896 25.9083 10.2006 25.8769 9.31364 26.3136C8.9333 26.3702 8.6947 26.3295 8.57642 25.7779C8.71709 24.8996 8.44117 23.9492 7.75203 23.2407C7.59176 23.0324 7.63743 22.8163 7.66438 22.7331Z"
+          fill="black"
+        />
+        <path
+          d="M8.3226 40.9592H12.779C13.1807 40.9592 13.5062 40.6336 13.5062 40.232C13.5062 39.8305 13.1807 39.5049 12.779 39.5049H8.3226C7.92093 39.5049 7.59546 39.8305 7.59546 40.232C7.59546 40.6336 7.92103 40.9592 8.3226 40.9592Z"
+          fill="black"
+        />
+        <path
+          d="M15.6462 42.54H5.45566C5.05399 42.54 4.72852 42.8656 4.72852 43.2672C4.72852 43.6688 5.05399 43.9943 5.45566 43.9943H15.6462C16.0478 43.9943 16.3733 43.6688 16.3733 43.2672C16.3733 42.8656 16.0478 42.54 15.6462 42.54Z"
+          fill="black"
+        />
+        <path
+          d="M28.2465 11.3871L22.804 15.7058C22.4895 15.9555 22.4367 16.4128 22.6864 16.7274C22.8299 16.9083 23.0422 17.0026 23.2565 17.0026C23.4148 17.0026 23.5743 16.9511 23.708 16.845L29.1505 12.5263C29.465 12.2766 29.5178 11.8193 29.2681 11.5047C29.0186 11.1901 28.5611 11.1374 28.2465 11.3871Z"
+          fill="black"
+        />
+        <path
+          d="M28.2465 15.4105L22.804 19.7293C22.4895 19.9789 22.4367 20.4363 22.6864 20.7509C22.8299 20.9318 23.0422 21.026 23.2565 21.026C23.4148 21.026 23.5743 20.9746 23.708 20.8685L29.1505 16.5497C29.465 16.3001 29.5178 15.8428 29.2681 15.5281C29.0186 15.2136 28.5611 15.1608 28.2465 15.4105Z"
+          fill="black"
+        />
+        <path
+          d="M28.2465 19.433L22.804 23.7517C22.4895 24.0014 22.4367 24.4587 22.6864 24.7733C22.8299 24.9542 23.0422 25.0485 23.2565 25.0485C23.4148 25.0485 23.5743 24.997 23.708 24.8909L29.1505 20.5722C29.465 20.3225 29.5178 19.8652 29.2681 19.5506C29.0186 19.236 28.5611 19.1833 28.2465 19.433Z"
+          fill="black"
+        />
+        <path
+          d="M28.2465 27.8597L22.804 32.1785C22.4895 32.4282 22.4367 32.8855 22.6864 33.2001C22.8299 33.381 23.0422 33.4752 23.2565 33.4752C23.4148 33.4752 23.5743 33.4238 23.708 33.3177L29.1505 28.9989C29.465 28.7493 29.5178 28.292 29.2681 27.9773C29.0186 27.6627 28.5611 27.6101 28.2465 27.8597Z"
+          fill="black"
+        />
+        <path
+          d="M28.2465 31.8832L22.804 36.2019C22.4895 36.4516 22.4367 36.9089 22.6864 37.2235C22.8299 37.4044 23.0422 37.4987 23.2565 37.4987C23.4148 37.4987 23.5743 37.4472 23.708 37.3411L29.1505 33.0223C29.465 32.7727 29.5178 32.3154 29.2681 32.0008C29.0186 31.6862 28.5611 31.6335 28.2465 31.8832Z"
+          fill="black"
+        />
+        <path
+          d="M37.1872 12.3216H44.6898C45.6642 12.3216 46.4569 11.5289 46.4569 10.5546V7.4194C46.4569 6.44503 45.6642 5.65234 44.6898 5.65234H37.1872C36.2128 5.65234 35.4202 6.44503 35.4202 7.4194V10.5546C35.4202 11.5289 36.2128 12.3216 37.1872 12.3216ZM36.8745 7.4194C36.8745 7.24693 37.0147 7.10663 37.1872 7.10663H44.6898C44.8622 7.10663 45.0026 7.24693 45.0026 7.4194V10.5546C45.0026 10.727 44.8623 10.8673 44.6898 10.8673H37.1872C37.0148 10.8673 36.8745 10.727 36.8745 10.5546V7.4194Z"
+          fill="black"
+        />
+        <path
+          d="M35.4202 19.3182C35.4202 20.2926 36.2128 21.0853 37.1872 21.0853H44.6898C45.6642 21.0853 46.4569 20.2926 46.4569 19.3182V16.1831C46.4569 15.2087 45.6642 14.416 44.6898 14.416H37.1872C36.2128 14.416 35.4202 15.2087 35.4202 16.1831V19.3182ZM36.8745 16.1831C36.8745 16.0106 37.0147 15.8703 37.1872 15.8703H44.6898C44.8622 15.8703 45.0026 16.0106 45.0026 16.1831V19.3182C45.0026 19.4907 44.8623 19.631 44.6898 19.631H37.1872C37.0148 19.631 36.8745 19.4907 36.8745 19.3182V16.1831Z"
+          fill="black"
+        />
+        <path
+          d="M36.8587 25.5879C36.4658 25.5879 36.1472 25.9064 36.1472 26.2993C36.1472 26.6923 36.4657 27.0108 36.8587 27.0108C37.2516 27.0108 37.5701 26.6923 37.5701 26.2993C37.5701 25.9064 37.2515 25.5879 36.8587 25.5879Z"
+          fill="black"
+        />
+        <path
+          d="M45.7296 25.5732H40.3277C39.9261 25.5732 39.6006 25.8988 39.6006 26.3004C39.6006 26.702 39.9261 27.0275 40.3277 27.0275H45.7296C46.1313 27.0275 46.4568 26.702 46.4568 26.3004C46.4568 25.8988 46.1313 25.5732 45.7296 25.5732Z"
+          fill="black"
+        />
+        <path
+          d="M36.8587 29.4902C36.4658 29.4902 36.1472 29.8087 36.1472 30.2017C36.1472 30.5945 36.4657 30.9131 36.8587 30.9131C37.2516 30.9131 37.5701 30.5946 37.5701 30.2017C37.5701 29.8087 37.2515 29.4902 36.8587 29.4902Z"
+          fill="black"
+        />
+        <path
+          d="M45.7296 29.4746H40.3277C39.9261 29.4746 39.6006 29.8002 39.6006 30.2018C39.6006 30.6033 39.9261 30.9289 40.3277 30.9289H45.7296C46.1313 30.9289 46.4568 30.6033 46.4568 30.2018C46.4568 29.8002 46.1313 29.4746 45.7296 29.4746Z"
+          fill="black"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_1099_4325">
+          <rect
+            width="49.6398"
+            height="49.6398"
+            fill="white"
+            transform="translate(0.922852 -0.00292969)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+
+export default triFoldSelfMailers;

package/src/assets/images/templates/upload-image.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_13889_41207)">
+<path d="M11 5.5C10.91 5.5 10.83 5.5 10.74 5.51C10.4329 4.63039 9.8598 3.86809 9.10009 3.32877C8.34038 2.78944 7.43171 2.49981 6.50003 2.5C4.02003 2.5 2.00003 4.52 2.00003 7C2.00003 7.32 2.04003 7.64 2.12003 7.98C0.82003 8.67 3.05176e-05 10 3.05176e-05 11.5C3.05176e-05 13.71 1.79003 15.5 4.00003 15.5H8.00003V10.38L6.44003 11.94C6.20003 12.18 5.80003 12.18 5.56003 11.94C5.32003 11.7 5.32003 11.3 5.56003 11.06L7.70003 8.91C8.14003 8.47 8.85003 8.47 9.29003 8.91L11.44 11.06C11.68 11.3 11.68 11.7 11.44 11.94C11.32 12.06 11.16 12.12 11 12.12C10.84 12.12 10.68 12.06 10.56 11.94L9.00003 10.38V15.5H11C13.76 15.5 16 13.26 16 10.5C16 7.74 13.76 5.5 11 5.5Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_13889_41207">
+<rect width="16" height="16" fill="white" transform="translate(3.05176e-05 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/images/templates/x.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 fill-rule="evenodd" clip-rule="evenodd" d="M4.79297 4.29284C4.9805 4.10537 5.23481 4.00005 5.49997 4.00005C5.76513 4.00005 6.01944 4.10537 6.20697 4.29284L10.5 8.58584L14.793 4.29284C14.8852 4.19733 14.9956 4.12114 15.1176 4.06874C15.2396 4.01633 15.3708 3.98874 15.5036 3.98759C15.6363 3.98643 15.768 4.01173 15.8909 4.06202C16.0138 4.1123 16.1255 4.18655 16.2194 4.28044C16.3133 4.37433 16.3875 4.48599 16.4378 4.60888C16.4881 4.73178 16.5134 4.86346 16.5122 4.99624C16.5111 5.12902 16.4835 5.26024 16.4311 5.38224C16.3787 5.50425 16.3025 5.61459 16.207 5.70684L11.914 9.99984L16.207 14.2928C16.3891 14.4814 16.4899 14.734 16.4876 14.9962C16.4854 15.2584 16.3802 15.5092 16.1948 15.6947C16.0094 15.8801 15.7586 15.9852 15.4964 15.9875C15.2342 15.9898 14.9816 15.889 14.793 15.7068L10.5 11.4138L6.20697 15.7068C6.01837 15.889 5.76576 15.9898 5.50357 15.9875C5.24137 15.9852 4.99056 15.8801 4.80515 15.6947C4.61974 15.5092 4.51457 15.2584 4.5123 14.9962C4.51002 14.734 4.61081 14.4814 4.79297 14.2928L9.08597 9.99984L4.79297 5.70684C4.6055 5.51931 4.50018 5.265 4.50018 4.99984C4.50018 4.73467 4.6055 4.48036 4.79297 4.29284V4.29284Z" fill="#ADADAD"/>
+</svg>