@antscorp/antsomi-ui 1.3.5-beta.4 → 1.3.5-beta.41

package/es/components/organism/PreviewTemplateModal/components/ThumbnailSlider/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const ThumbnailSliderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SwiperSlideWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("swiper/react").SwiperSlideProps>, any, {}, never>;

package/es/components/organism/PreviewTemplateModal/components/ThumbnailSlider/styled.js

@@ -0,0 +1,62 @@
+var _a;
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import styled from 'styled-components';
+import { SwiperSlide } from 'swiper/react';
+export const ThumbnailSliderWrapper = styled.div `
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+
+  .swiper {
+    max-width: 1030px;
+    .swiper-slide {
+      width: fit-content !important;
+    }
+  }
+
+  .custom-button-prev,
+  .custom-button-next {
+    z-index: 10;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    background-color: #ffffff;
+    box-shadow: 0px 3px 3px 0px #002e591a;
+    border-radius: 999px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    /* Remove default style of Antd button */
+    border-color: white !important;
+
+    &.antsomi-btn-default:not(:disabled):hover {
+      border-color: white !important;
+      background-color: #ffffff !important;
+    }
+  }
+
+  .custom-button-prev {
+    left: 0px;
+    transform: rotate(90deg);
+  }
+
+  .custom-button-next {
+    right: 0px;
+    transform: rotate(-90deg);
+  }
+
+  i {
+    font-size: 20px;
+    color: ${(_a = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _a === void 0 ? void 0 : _a.bw8};
+  }
+`;
+export const SwiperSlideWrapper = styled(SwiperSlide) `
+  list-style: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: fit-content;
+`;

package/es/components/organism/PreviewTemplateModal/components/index.d.ts

@@ -0,0 +1,4 @@
+export { Information } from './Information';
+export { Banner } from './Banner';
+export { ThumbnailSlider } from './ThumbnailSlider';
+export { SimilarTemplate } from './SimilarTemplate';

package/es/components/organism/PreviewTemplateModal/components/index.js

@@ -0,0 +1,4 @@
+export { Information } from './Information';
+export { Banner } from './Banner';
+export { ThumbnailSlider } from './ThumbnailSlider';
+export { SimilarTemplate } from './SimilarTemplate';

package/es/components/organism/PreviewTemplateModal/constants/dataSample.d.ts

@@ -0,0 +1,2 @@
+import { TThumbnail } from '../types';
+export declare const THUMBNAIL_SAMPLES: TThumbnail[];

package/es/components/organism/PreviewTemplateModal/constants/dataSample.js

@@ -0,0 +1,9 @@
+export const THUMBNAIL_SAMPLES = [
+    { id: 1, url: 'https://sandbox-st-media-template.antsomi.com/base64-img/20110.png' },
+    { id: 2, url: 'https://sandbox-st-media-template.antsomi.com/base64-img/19759.png' },
+    { id: 3, url: 'https://sandbox-st-media-template.antsomi.com/base64-img/19641.png' },
+    { id: 4, url: 'https://sandbox-st-media-template.antsomi.com/base64-img/19641.png' },
+    { id: 5, url: 'https://sandbox-st-media-template.antsomi.com/base64-img/19641.png' },
+    { id: 6, url: 'https://sandbox-st-media-template.antsomi.com/base64-img/19641.png' },
+    { id: 7, url: 'https://sandbox-st-media-template.antsomi.com/base64-img/19641.png' },
+];

package/es/components/organism/PreviewTemplateModal/constants/defaultProps.d.ts

@@ -0,0 +1,8 @@
+import { SimilarTemplateProps, ThumbnailProps } from '../types';
+export declare const THUMBNAIL_WIDTH_DEFAULT = 180;
+export declare const THUMBNAIL_HEIGHT_DEFAULT = 126;
+export declare const SIMILAR_CARD_WIDTH_DEFAULT = 330;
+export declare const SIMILAR_CARD_HEIGHT_DEFAULT = 230;
+export declare const THUMBNAIL_URL = "https://st-media-template.antsomi.com/base64-img/37563.png";
+export declare const SIMILAR_TEMPLATE_DEFAULT: SimilarTemplateProps;
+export declare const THUMBNAIL_DEFAULT: ThumbnailProps;

package/es/components/organism/PreviewTemplateModal/constants/defaultProps.js

@@ -0,0 +1,11 @@
+export const THUMBNAIL_WIDTH_DEFAULT = 180;
+export const THUMBNAIL_HEIGHT_DEFAULT = 126;
+export const SIMILAR_CARD_WIDTH_DEFAULT = 330;
+export const SIMILAR_CARD_HEIGHT_DEFAULT = 230;
+export const THUMBNAIL_URL = 'https://st-media-template.antsomi.com/base64-img/37563.png';
+export const SIMILAR_TEMPLATE_DEFAULT = {
+    show: false,
+};
+export const THUMBNAIL_DEFAULT = {
+    thumbnails: [],
+};

package/es/components/organism/PreviewTemplateModal/constants/html.d.ts

@@ -0,0 +1 @@
+export declare const HTML: string;

package/es/components/organism/PreviewTemplateModal/constants/html.js

@@ -0,0 +1 @@
+export const HTML = '\n    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n    <html\n      xmlns="http://www.w3.org/1999/xhtml"\n      xmlns:v="urn:schemas-microsoft-com:vml"\n      xmlns:o="urn:schemas-microsoft-com:office:office"\n    >\n      <head>\n        <!--[if gte mso 9]>\n          <xml>\n            <o:OfficeDocumentSettings>\n              <o:AllowPNG />\n              <o:PixelsPerInch>96</o:PixelsPerInch>\n            </o:OfficeDocumentSettings>\n          </xml>\n        <![endif]-->\n        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n        <meta name="x-apple-disable-message-reformatting" />\n        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate, max-age=1" /> \n        <meta http-equiv="Pragma" content="no-cache" /> \n        <meta http-equiv="Expires" content="0" />\n        <!--[if !mso]><!-->\n        <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n        <!--<![endif]-->\n        <title></title>\n    \n        <style type="text/css">\n          \n        </style>\n  \n        <style type="text/css">\n          * {\n            line-height: inherit;\n          }\n\n          @media (max-width: 640px) {\n            .hide-mobile {\n              max-height: 0px;\n              overflow: hidden;\n              display: none !important;\n            } \n          }\n\n          @media (min-width: 0px) {\n            .hide-default__display-block {\n              display: block !important;\n              mso-hide: unset !important;\n            }\n          }\n\n          @media (min-width: 641px) {\n            .hide-desktop {\n              max-height: 0px;\n              overflow: hidden;\n              display: none !important;\n            }\n          }\n    \n          body {\n            margin: 0;\n            padding: 0;\n          }\n    \n          .ie-container table,\n          .mso-container table {\n            table-layout: fixed;\n          }\n    \n          a[x-apple-data-detectors="true"] {\n            color: inherit !important;\n            text-decoration: none !important;\n          }\n    \n          p {\n            margin-top: 0 !important;\n            margin-bottom: 0 !important;\n          }\n  \n          table th {\n            font-weight: inherit;\n          }\n  \n          .table-block__wrapper a {\n            text-decoration: none !important;\n            color: inherit !important;\n          }\n\n          .table-block__wrapper .cell--nowrap {\n            white-space: nowrap !important;\n          }\n\n          @media (max-width: 640px) {\n            .table-block__wrapper td,\n            .table-block__wrapper th {\n              word-break: normal !important;\n            }\n          }\n\n          body a {\n            color: inherit;\n            text-decoration: none;\n          }\n  \n          table th {\n            font-weight: inherit;\n          }\n  \n          .table-block__wrapper a {\n            text-decoration: none !important;\n            color: inherit !important;\n          }\n\n          .table-block__wrapper .cell--nowrap {\n            white-space: nowrap !important;\n          }\n\n          @media (max-width: 640px) {\n            .table-block__wrapper td,\n            .table-block__wrapper th {\n              word-break: normal !important;\n            }\n          }\n\n          ul li {\n            text-indent: unset !important;\n          }\n        </style>\n          \n        <style type="text/css">\n          .kYUYrk{min-height:0px;padding:0px;} \n\n.kYUYrk ol,.kYUYrk ul{margin:0 0 0 1.1em !important;padding:0 !important;} \n\n.kYUYrk p{line-height:1;} \n\ndata-styled.g68[id="styled__TextEditorWrapper-sc-1sowtti-0"]{content:"kYUYrk,"} \n\n.zlGab p{padding:0px;margin:0px;} \n\n@media (max-width:640px){.zlGab .u-col-stack{display:block !important;width:100% !important;} } \n\ndata-styled.g212[id="styled__ExportHTMLWrapper-sc-edcwe-4"]{content:"zlGab,"} \n\n.hJTsAW a{-webkit-text-decoration:none;text-decoration:none;word-break:break-word !important;} \n\ndata-styled.g225[id="styled__TextBlockWrapper-sc-1vhinni-0"]{content:"hJTsAW,"} \n\n.crxXZk{font-size:16px;line-height:100%;} \n\n@media (max-width:640px){} \n\ndata-styled.g226[id="styled__TextBlockContent-sc-1vhinni-1"]{content:"crxXZk,"} \n\n.gcTDtb .image__content{max-width:100%;clear:both;border:none;float:none;-ms-interpolation-mode:bicubic;} \n\n@media (max-width:640px){.gcTDtb .image__align{text-align:center !important;} .gcTDtb .image__content{max-width:12% !important;width:12% !important;height:auto !important;} } \n\n.cAwjkv .image__content{max-width:100%;clear:both;border:none;float:none;-ms-interpolation-mode:bicubic;} \n\n@media (max-width:640px){.cAwjkv .image__align{text-align:center !important;} .cAwjkv .image__content{max-width:50% !important;width:50% !important;height:auto !important;} } \n\ndata-styled.g230[id="styled__ExportImageBlock-sc-360zd1-3"]{content:"gcTDtb,cAwjkv,"} \n\n.gAAMOc{font-family:Montserrat,sans-serif !important;} \n\ndata-styled.g236[id="styled__ExportLink-sc-15pmnos-5"]{content:"gAAMOc,"} \n\n@media (max-width:640px){.knOWNZ .button__align{text-align:center !important;} .knOWNZ .button__link{color:#000000 !important;width:50% !important;font-size:16px !important;font-style:normal !important;background:#ccbae4 !important;font-family:Montserrat,sans-serif !important;font-weight:400 !important;line-height:1 !important;border-color:rgba(0,0,0,.35) !important;border-style:none !important;-webkit-letter-spacing:0px !important;-moz-letter-spacing:0px !important;-ms-letter-spacing:0px !important;letter-spacing:0px !important;text-transform:none !important;border-top-width:1px !important;-webkit-text-decoration:none !important;text-decoration:none !important;border-left-width:1px !important;border-right-width:1px !important;border-bottom-width:1px !important;border-top-left-radius:22px !important;border-top-right-radius:22px !important;border-bottom-left-radius:22px !important;border-bottom-right-radius:22px !important;} .knOWNZ .button__link span{padding-top:10px !important;padding-right:20px !important;padding-bottom:10px !important;padding-left:20px !important;} } \n\n@media (max-width:640px){.dyxpBH .button__align{text-align:center !important;} .dyxpBH .button__link{color:#ffffff !important;width:50% !important;font-size:16px !important;font-style:normal !important;background:#000000 !important;font-family:Montserrat,sans-serif !important;font-weight:400 !important;line-height:1 !important;border-color:rgba(0,0,0,.35) !important;border-style:none !important;-webkit-letter-spacing:0px !important;-moz-letter-spacing:0px !important;-ms-letter-spacing:0px !important;letter-spacing:0px !important;text-transform:none !important;border-top-width:1px !important;-webkit-text-decoration:none !important;text-decoration:none !important;border-left-width:1px !important;border-right-width:1px !important;border-bottom-width:1px !important;border-top-left-radius:22px !important;border-top-right-radius:22px !important;border-bottom-left-radius:22px !important;border-bottom-right-radius:22px !important;} .dyxpBH .button__link span{padding-top:10px !important;padding-right:20px !important;padding-bottom:10px !important;padding-left:20px !important;} } \n\ndata-styled.g237[id="styled__ExportButton-sc-15pmnos-6"]{content:"knOWNZ,dyxpBH,"} \n\n.gfWeGG .icon__item{display:inline-block;} \n\n@media (max-width:640px){.gfWeGG{text-align:center !important;} .gfWeGG .img__icon{width:32px !important;height:32px !important;} .gfWeGG .icon__item.has-space{margin-right:5px !important;} } \n\ndata-styled.g265[id="styled__ExportIconWrapper-sc-169bc7z-3"]{content:"gfWeGG,"} \n\n@media (max-width:640px){.hoWHDE{text-align:center !important;} .hoWHDE .icon__item{display:inline-block !important;font-size:14px !important;} .hoWHDE .separator__item{display:inline-block !important;font-size:14px !important;} } \n\ndata-styled.g267[id="styled__ExportMenuItemBlock-sc-15geg5n-1"]{content:"hoWHDE,"} \n\n@media (max-width:640px){.gxjdRc{background-repeat:no-repeat !important;background-position:left top !important;background-size:cover !important;background-color:#ffffff !important;} } \n\n@media (max-width:640px){.UynTi{background-repeat:no-repeat !important;background-position:left top !important;background-size:cover !important;background-color:#ccbae4 !important;} } \n\ndata-styled.g274[id="styled__URow-sc-tne0x7-6"]{content:"gxjdRc,UynTi,"} \n\n@media (max-width:640px){.bBYvFX > .col__background{background-color:transparent !important;background-position:left top !important;background-repeat:no-repeat !important;background-size:cover !important;} } \n\n@media (max-width:640px){} \n\ndata-styled.g276[id="styled__UCol-sc-tne0x7-8"]{content:"bBYvFX,"} \n\n@media (max-width:640px){.cKVLlN .spacer__content{padding-top:30px !important;} } \n\ndata-styled.g278[id="styled__ExportSpacerBlock-sc-rof487-1"]{content:"cKVLlN,"} \n\n\n        </style>\n\n        <!--[if !mso]><!-->\n        <link\n          href="https://fonts.googleapis.com/css?family=Sacramento:400,700|Abril Fatface:400|Aleo:300,400,700|Arvo:400,700|Bitter:100,200,300,400,500,600,700,800,900|Bree Serif:400|Cabin:400,500,600,700|Cookie:400|Delius Swash Caps:400|Dosis:200,300,400,500,600,700,800|Droid Sans:400,700|Droid Serif:400,700|EB Garamond:400,500,600,700,800|Josefin Slab:100,200,300,400,500,600,700|Just Another Hand:400|Lakki Reddy:400|Lato:100,300,400,700,900|Libre Baskerville:400,700|Lobster:400|Lora:400,500,600,700|Mali:200,300,400,500,600,700|Merriweather:300,400,700,900|Montserrat:100,200,300,400,500,600,700,800,900|Noto Sans:400,700|Noto Serif:400,700|Nunito:200,300,400,500,600,700,800,900|Open Sans:300,400,500,600,700,800|Oswald:200,300,400,500,600,700|Poppins:100,200,300,400,500,600,700,800,900|PT Sans:400,700|PT Serif:400,700|Pinyon Script:400|Playfair Display:400,500,600,700,800,900|Quicksand:300,400,500,600,700|Raleway:100,200,300,400,500,600,700,800,900|Righteous:400|Roboto Slab:100,200,300,400,500,600,700,800,900|Roboto:100,300,400,500,700,900|Rubik:300,400,500,600,700,800,900|Sarabun:100,200,300,400,500,600,700,800|Source Sans Pro:200,300,400,600,700,900|Ubuntu:300,400,500,700|Vollkorn:400,500,600,700,800,900 "\n          rel="stylesheet"\n          type="text/css"\n        />\n        <!--<![endif]-->\n      </head>\n      <body>\n      <div id="mt-19739" class="styled__ExportHTMLWrapper-sc-edcwe-4 zlGab" style="box-shadow: none; background: rgba(0, 0, 0, 0); padding: 0px; border-color: rgb(255, 255, 255); border-style: none; border-width: 0px; border-radius: 0px;"><table id="u-body" cellpadding="0" cellspacing="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; min-width: 320px; margin: 0px auto; background-color: rgba(0, 0, 0, 0); width: 100%;"><tbody><tr style="vertical-align: top;"><td style="word-break: break-word; border-collapse: collapse; vertical-align: top;">                    <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: rgba(0, 0, 0, 0);padding: 0px 0px 0px 0px;"><![endif]-->                  <div id="" class="template-row template-row-1 mt-row Row row__block u-row-container">           <!--[if mso]><center style="width:100%"><![endif]-->          <div class="styled__URow-sc-tne0x7-6 gxjdRc u-row" style="margin: 0px auto; min-width: 320px; max-width: 100%; overflow-wrap: break-word; word-break: break-word; background-color: rgb(255, 255, 255); border-radius: 0px;"><div class="styled__URowContent-sc-tne0x7-7" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; align-items: center; padding: 5px 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px;"><div style="display: table; border-collapse: collapse; width: 100%; height: 100%; background-color: transparent;">                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 5px 0px 5px 0px;background-color: #ffffff;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:100%;"><tr style="background-color: #ffffff;"><![endif]-->                          <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: middle; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--hcd3xq1g1y8y1fjgvejn" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 20%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: middle; display: table-cell; width: 20%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--t2am4gmzivv4anrma3rg" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-t2am4gmzivv4anrma3rg-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><p><span style="font-family: Montserrat, sans-serif; font-size: 22px; letter-spacing: 0px; color: rgb(0, 0, 0); font-weight: 700;">Email Template</span></p></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 30%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: middle; display: table-cell; width: 30%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-MenuElement--wrapper--bvyemsm4iny07cp5ycex" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-MenuElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <!--[if (mso)|(IE)]><table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><![endif]--><div class="styled__ExportMenuItemBlock-sc-15geg5n-1 hoWHDE direction__block" data-align="center" data-direction="horizontal" style="text-align: center;"><!--[if (mso)|(IE)]><td style="padding: 5px 15px 5px 15px;background-color: transparent;border-width: 0 0 0 0; border-color: rgba(0,0,0,.35); border-style: none;"><![endif]--><span class="icon__item" style="color: rgb(0, 0, 0); height: 100%; font-size: 14px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; background: transparent; font-family: Montserrat, sans-serif; font-weight: 400; line-height: 1; padding: 5px 15px; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: capitalize; border-width: 0px; text-decoration: none; border-radius: 0px; word-break: break-word; display: inline-block;">Products</span><!--[if (mso)|(IE)]></td><![endif]--><!--[if (mso)|(IE)]><td style="padding: 5px 15px 5px 15px;background-color: transparent;border-width: 0 0 0 0; border-color: rgba(0,0,0,.35); border-style: none;"><![endif]--><span class="icon__item" style="color: rgb(0, 0, 0); height: 100%; font-size: 14px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; background: transparent; font-family: Montserrat, sans-serif; font-weight: 400; line-height: 1; padding: 5px 15px; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: capitalize; border-width: 0px; text-decoration: none; border-radius: 0px; word-break: break-word; display: inline-block;">Why Unlayer</span><!--[if (mso)|(IE)]></td><![endif]--><!--[if (mso)|(IE)]><td style="padding: 5px 15px 5px 15px;background-color: transparent;border-width: 0 0 0 0; border-color: rgba(0,0,0,.35); border-style: none;"><![endif]--><span class="icon__item" style="color: rgb(0, 0, 0); height: 100%; font-size: 14px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; background: transparent; font-family: Montserrat, sans-serif; font-weight: 400; line-height: 1; padding: 5px 15px; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: capitalize; border-width: 0px; text-decoration: none; border-radius: 0px; word-break: break-word; display: inline-block;">Refer a friend</span><!--[if (mso)|(IE)]></td><![endif]--></div><!--[if (mso)|(IE)]></tr></table><![endif]-->          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: middle; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--2g8xfhd7wbjcwqvfpknz" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                          <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->              </div></div></div>           <!--[if mso]></center><![endif]-->          </div><div id="" class="template-row template-row-2 mt-row Row row__block u-row-container">           <!--[if mso]><center style="width:100%"><![endif]-->          <div class="styled__URow-sc-tne0x7-6 UynTi u-row" style="margin: 0px auto; min-width: 320px; max-width: 100%; overflow-wrap: break-word; word-break: break-word; background-color: rgb(204, 186, 228); border-radius: 0px;"><div class="styled__URowContent-sc-tne0x7-7" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; align-items: flex-start; padding: 30px 0px 20px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px;"><div style="display: table; border-collapse: collapse; width: 100%; height: 100%; background-color: transparent;">                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 30px 0px 20px 0px;background-color: #ccbae4;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:100%;"><tr style="background-color: #ccbae4;"><![endif]-->                          <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--ci19jb1lpqo65f1c81hc" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 50%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 50%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-ImageElement--wrapper--9324245ztyb2yq92napt" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-ImageElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportImageBlock-sc-360zd1-3 gcTDtb template-imge-content template-ImageElement--content" role="presentation" width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td class="image__align" align="center" style="font-size: 0px;"><img class="image__content" src="https://st-media-template.antsomi.com/upload/2022/07/28/88195a1c-0a47-4293-88bd-08cc74b32e9d.png" alt="" width="87.40625" height="NaN" data-proxy-image-url="https://sandbox-media-template.antsomi.com/cdp/api/v1/saved-image/external-url/r5chk55i?_token=5474r2x214z25484z254y424f4r5x2c48434i4v4r5e4&_user_id=1600080360&_account_id=1600080360&imageUrl=https://st-media-template.antsomi.com/upload/2022/07/28/88195a1c-0a47-4293-88bd-08cc74b32e9d.png" data-dynamic-display="1" style="width: 12%; opacity: 1; box-shadow: none; border-color: rgb(255, 255, 255); border-style: solid; border-width: 0px; border-radius: 0px; display: inline-block;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-2 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 18px 50px 10px 50px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--3pe5uleqx09xijb0h3m5" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 18px 50px 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-3pe5uleqx09xijb0h3m5-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><h1 id="isPasted" style="line-height: 47.3px; color: rgb(0, 0, 0); letter-spacing: normal; text-transform: none; background-color: rgb(204, 186, 228); text-align: center; font-weight: normal; font-family: Raleway, sans-serif; font-size: 43px;"><strong style="line-height: inherit;">IT LOOKS LIKE YOU FORGOT SOMETHING</strong></h1></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-3 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--qo97cl2njnpsloeyhean" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-qo97cl2njnpsloeyhean-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><p style="text-align: center;"><span style="font-family: Montserrat,sans-serif; font-size: 22px; letter-spacing: 0px; color: rgb(0, 0, 0);"><span id="isPasted" style="color: rgb(0, 0, 0); font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: normal; text-align: center; text-transform: none; background-color: rgb(204, 186, 228);">Would you like to complete your purchase?</span></span></p></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--wdtnn0u0pgh2m50m9jth" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                          <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->              </div></div></div>           <!--[if mso]></center><![endif]-->          </div><div id="" class="template-row template-row-3 mt-row Row row__block u-row-container">           <!--[if mso]><center style="width:100%"><![endif]-->          <div class="styled__URow-sc-tne0x7-6 gxjdRc u-row" style="margin: 0px auto; min-width: 320px; max-width: 100%; overflow-wrap: break-word; word-break: break-word; background-color: rgb(255, 255, 255); border-radius: 0px;"><div class="styled__URowContent-sc-tne0x7-7" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; align-items: flex-start; padding: 30px 0px 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px;"><div style="display: table; border-collapse: collapse; width: 100%; height: 100%; background-color: transparent;">                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 30px 0px 0px 0px;background-color: #ffffff;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:100%;"><tr style="background-color: #ffffff;"><![endif]-->                          <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--xnegsz66kjhvo431rv3i" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 50%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 50%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 18px 50px 17px 50px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--zu9bc4r8kw34y7p0mi3u" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 18px 50px 17px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-zu9bc4r8kw34y7p0mi3u-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><h1 id="isPasted" style="line-height: 47.3px; color: rgb(0, 0, 0); letter-spacing: normal; text-transform: none; background-color: rgb(255, 255, 255); text-align: center; font-weight: normal; font-family: Raleway, sans-serif; font-size: 43px;"><strong style="line-height: inherit;">YOUR CART</strong></h1></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-2 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-ImageElement--wrapper--mfzx1so6zsk7ckehjjmz" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-ImageElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportImageBlock-sc-360zd1-3 cAwjkv template-imge-content template-ImageElement--content" role="presentation" width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td class="image__align" align="center" style="font-size: 0px;"><img class="image__content" src="https://st-media-template.antsomi.com/upload/2022/07/28/f4524797-ed03-47ee-a688-7fc8a9eabf02.png" alt="" width="364.25" height="NaN" data-proxy-image-url="https://sandbox-media-template.antsomi.com/cdp/api/v1/saved-image/external-url/tjn4as8z?_token=5474r2x214z25484z254y424f4r5x2c48434i4v4r5e4&_user_id=1600080360&_account_id=1600080360&imageUrl=https://st-media-template.antsomi.com/upload/2022/07/28/f4524797-ed03-47ee-a688-7fc8a9eabf02.png" data-dynamic-display="1" style="width: 50%; opacity: 1; box-shadow: none; border-color: rgb(255, 255, 255); border-style: solid; border-width: 0px; border-radius: 0px; display: inline-block;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-3 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-DividerElement--wrapper--6etcf1u42oy74j8nq69o" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-DividerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table role="presentation" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="center"><table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; border-top: 1px solid rgb(0, 0, 0);"><tbody><tr style="vertical-align: top;"><td></td></tr></tbody></table></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-4 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 18px 50px 0px 50px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--j5g4v1bim7qp9rnuuu4c" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 18px 50px 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-j5g4v1bim7qp9rnuuu4c-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><h1 id="isPasted" style="line-height: 1.1; color: rgb(0, 0, 0); letter-spacing: normal; text-transform: none; background-color: rgb(255, 255, 255); text-align: center; font-weight: normal; font-family: Raleway, sans-serif; font-size: 22px;"><strong style="line-height: inherit;">35W Dual USB-C Port Compact Power Adapter</strong></h1></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--8orissd091q15097zorg" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                          <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->              </div></div></div>           <!--[if mso]></center><![endif]-->          </div><div id="" class="template-row template-row-4 mt-row Row row__block u-row-container">           <!--[if mso]><center style="width:100%"><![endif]-->          <div class="styled__URow-sc-tne0x7-6 gxjdRc u-row" style="margin: 0px auto; min-width: 320px; max-width: 100%; overflow-wrap: break-word; word-break: break-word; background-color: rgb(255, 255, 255); border-radius: 0px;"><div class="styled__URowContent-sc-tne0x7-7" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; align-items: flex-start; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px;"><div style="display: table; border-collapse: collapse; width: 100%; height: 100%; background-color: transparent;">                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px 0px 0px 0px;background-color: #ffffff;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:100%;"><tr style="background-color: #ffffff;"><![endif]-->                          <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--7onnlqbjcvq46wrwh8wi" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 18px 50px 10px 50px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--hletv8zx24jiz0ssd0zc" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 18px 50px 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-hletv8zx24jiz0ssd0zc-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><h1 id="isPasted" style="line-height: 24.2px; color: rgb(0, 0, 0); letter-spacing: normal; text-transform: none; background-color: rgb(255, 255, 255); text-align: right; font-weight: normal; font-family: Raleway, sans-serif; font-size: 22px;">Price : $150</h1></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 18px 50px 10px 50px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--h68cea28gwg0j859afmh" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 18px 50px 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-h68cea28gwg0j859afmh-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><h1 id="isPasted" style="line-height: 24.2px; color: rgb(0, 0, 0); letter-spacing: normal; text-transform: none; background-color: rgb(255, 255, 255); text-align: left; font-weight: normal; font-family: Raleway, sans-serif; font-size: 22px;">Quantity : 1</h1></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--qabhpqa9h59ip17xwe2c" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                          <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->              </div></div></div>           <!--[if mso]></center><![endif]-->          </div><div id="" class="template-row template-row-5 mt-row Row row__block u-row-container">           <!--[if mso]><center style="width:100%"><![endif]-->          <div class="styled__URow-sc-tne0x7-6 gxjdRc u-row" style="margin: 0px auto; min-width: 320px; max-width: 100%; overflow-wrap: break-word; word-break: break-word; background-color: rgb(255, 255, 255); border-radius: 0px;"><div class="styled__URowContent-sc-tne0x7-7" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; align-items: flex-start; padding: 0px 0px 30px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px;"><div style="display: table; border-collapse: collapse; width: 100%; height: 100%; background-color: transparent;">                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px 0px 30px 0px;background-color: #ffffff;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:100%;"><tr style="background-color: #ffffff;"><![endif]-->                          <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--0amnjslq5jxqyy3i5g1e" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 50%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 50%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-DividerElement--wrapper--dskiwlrgeo3p5n0wpkiv" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-DividerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table role="presentation" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="center"><table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; border-top: 1px solid rgb(0, 0, 0);"><tbody><tr style="vertical-align: top;"><td></td></tr></tbody></table></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-2 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-ButtonElement--wrapper--aqe81y3rf7dmea91tw2x" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-ButtonElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportButton-sc-15pmnos-6 knOWNZ template-be-content template-ButtonElement--content" role="presentation" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td id="template-ButtonElement--aqe81y3rf7dmea91tw2x" data-copy="" align="center" class="template-button--aqe81y3rf7dmea91tw2x button__align">            <!--[if mso]><v:roundrect            xmlns:v="urn:schemas-microsoft-com:vml"            xmlns:w="urn:schemas-microsoft-com:office:word"            href=""            style="height: 36px; v-text-anchor: middle; width: 364.25px"            arcsize="12.079615648593%"            stroke="f"            fillcolor=#ccbae4"          >            <v:stroke dashstyle="none" />            <w:anchorlock />            <center              style="                color: #000000;                font-family: Montserrat;                font-weight: 400;                font-size: 16px;                text-transform: none;                letter-spacing: 0px;                font-style: normal;                line-height: 1;                text-decoration: none;              "            >Check Out</center></v:roundrect><![endif]-->                        <!--[if !mso]><!-->          <a href="#" target="_blank" rel="noopener noreferrer" data-dynamic-display="1"><div class="styled__ExportLink-sc-15pmnos-5 gAAMOc button__link" font-family="Montserrat, sans-serif" style="color: rgb(0, 0, 0); width: 50%; height: 100%; font-size: 16px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; text-align: center; background: rgb(204, 186, 228); font-family: sans-serif; font-weight: 400; line-height: 1; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: none; border-width: 1px; text-decoration: none; border-radius: 22px; box-sizing: border-box; display: inline-block;"><span style="padding: 10px 20px; display: block;">Check Out</span></div></a>            <!--<![endif]-->        </td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--wybl4zzd1pcqzn2l9wfd" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                          <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->              </div></div></div>           <!--[if mso]></center><![endif]-->          </div><div id="" class="template-row template-row-6 mt-row Row row__block u-row-container">           <!--[if mso]><center style="width:100%"><![endif]-->          <div class="styled__URow-sc-tne0x7-6 UynTi u-row" style="margin: 0px auto; min-width: 320px; max-width: 100%; overflow-wrap: break-word; word-break: break-word; background-color: rgb(204, 186, 228); border-radius: 0px;"><div class="styled__URowContent-sc-tne0x7-7" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; align-items: flex-start; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px;"><div style="display: table; border-collapse: collapse; width: 100%; height: 100%; background-color: transparent;">                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px 0px 0px 0px;background-color: #ccbae4;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:100%;"><tr style="background-color: #ccbae4;"><![endif]-->                          <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--6p7llm223069afw3w7jt" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 50%;background-color: transparent;padding: 30px 0px 30px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 50%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 30px 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 18px 50px 0px 50px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--9x79u4iesx12bh75reud" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 18px 50px 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-9x79u4iesx12bh75reud-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><h1 id="isPasted" style="line-height: 1.2; color: rgb(0, 0, 0); letter-spacing: normal; text-transform: none; background-color: rgb(204, 186, 228); text-align: center; font-weight: normal; font-family: Raleway, sans-serif; font-size: 22px;"><strong style="line-height: inherit;">Any questions?</strong></h1></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-2 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--4c3frctqtgjh84xaci86" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-4c3frctqtgjh84xaci86-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><p style="text-align: center;"><span style="font-family: Montserrat,sans-serif; font-size: 22px; letter-spacing: 0px; color: rgb(0, 0, 0);"><strong><span id="isPasted" style="color: rgb(0, 0, 0); font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: normal; text-align: center; text-transform: none;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.&nbsp;</span></strong></span></p></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-3 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-ButtonElement--wrapper--9zm69vj0xt37bnlxh2mu" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-ButtonElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportButton-sc-15pmnos-6 dyxpBH template-be-content template-ButtonElement--content" role="presentation" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td id="template-ButtonElement--9zm69vj0xt37bnlxh2mu" data-copy="" align="center" class="template-button--9zm69vj0xt37bnlxh2mu button__align">            <!--[if mso]><v:roundrect            xmlns:v="urn:schemas-microsoft-com:vml"            xmlns:w="urn:schemas-microsoft-com:office:word"            href=""            style="height: 36px; v-text-anchor: middle; width: 364.25px"            arcsize="12.079615648593%"            stroke="f"            fillcolor=#000000"          >            <v:stroke dashstyle="none" />            <w:anchorlock />            <center              style="                color: #ffffff;                font-family: Montserrat;                font-weight: 400;                font-size: 16px;                text-transform: none;                letter-spacing: 0px;                font-style: normal;                line-height: 1;                text-decoration: none;              "            >Contact Us</center></v:roundrect><![endif]-->                        <!--[if !mso]><!-->          <a href="#" target="_blank" rel="noopener noreferrer" data-dynamic-display="1"><div class="styled__ExportLink-sc-15pmnos-5 gAAMOc button__link" font-family="Montserrat, sans-serif" style="color: rgb(255, 255, 255); width: 50%; height: 100%; font-size: 16px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; text-align: center; background: rgb(0, 0, 0); font-family: sans-serif; font-weight: 400; line-height: 1; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: none; border-width: 1px; text-decoration: none; border-radius: 22px; box-sizing: border-box; display: inline-block;"><span style="padding: 10px 20px; display: block;">Contact Us</span></div></a>            <!--<![endif]-->        </td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--9fqgfejj1l2yvghhle6p" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                          <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->              </div></div></div>           <!--[if mso]></center><![endif]-->          </div><div id="" class="template-row template-row-7 mt-row Row row__block u-row-container">           <!--[if mso]><center style="width:100%"><![endif]-->          <div class="styled__URow-sc-tne0x7-6 gxjdRc u-row" style="margin: 0px auto; min-width: 320px; max-width: 100%; overflow-wrap: break-word; word-break: break-word; background-color: rgb(255, 255, 255); border-radius: 0px;"><div class="styled__URowContent-sc-tne0x7-7" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; align-items: flex-start; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px;"><div style="display: table; border-collapse: collapse; width: 100%; height: 100%; background-color: transparent;">                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px 0px 0px 0px;background-color: #ffffff;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:100%;"><tr style="background-color: #ffffff;"><![endif]-->                          <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--n4gg48f3rn74338oz8c4" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 50%;background-color: transparent;padding: 30px 0px 30px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 50%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 30px 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-EmailIconsElement--wrapper--24bl9zacj40vmc01tmpq" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-EmailIconsElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div><div class="styled__ExportIconWrapper-sc-169bc7z-3 gfWeGG icons__block" data-align="center" style="display: block; text-align: center;">            <!--[if (mso)|(IE)]><table width="100%" cellPadding="0" cellSpacing="0"><tbody><tr><td align="center"><table><tbody><tr><![endif]-->                            <!--[if (mso)|(IE)]><td style="padding-right: 5px"><![endif]-->                <a class="icon__item has-space" href="https://facebook.com/" target="_blank" rel="" title="https://facebook.com/" style="margin-right: 5px;"><img class="img__icon" src="https://st-media-template.antsomi.com/icons/circle-black/facebook.png" alt="facebook" width="32" height="32"></a>                  <!--[if (mso)|(IE)]></td><![endif]-->                                  <!--[if (mso)|(IE)]><td style="padding-right: 5px"><![endif]-->                <a class="icon__item has-space" href="https://instagram.com/" target="_blank" rel="" title="https://instagram.com/" style="margin-right: 5px;"><img class="img__icon" src="https://st-media-template.antsomi.com/icons/circle-black/instagram.png" alt="instagram" width="32" height="32"></a>                  <!--[if (mso)|(IE)]></td><![endif]-->                                  <!--[if (mso)|(IE)]><td style="padding-right: 0"><![endif]-->                <a class="icon__item " href="https://pinterest.com/" target="_blank" rel="" title="https://pinterest.com/" style="margin-right: 0px;"><img class="img__icon" src="https://st-media-template.antsomi.com/icons/circle-black/pinterest.png" alt="pinterest" width="32" height="32"></a>                  <!--[if (mso)|(IE)]></td><![endif]-->                            <!--[if (mso)|(IE)]></tr></tbody></table></td></tr></tbody></table><![endif]-->          </div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-2 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-DividerElement--wrapper--4w8unvj32lk5e84x2p3b" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-DividerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table role="presentation" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="center"><table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; border-top: 1px solid rgb(0, 0, 0);"><tbody><tr style="vertical-align: top;"><td></td></tr></tbody></table></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-3 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 50px 10px 50px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-TextElement--wrapper--ntyvbh9jf8g9kw9s1trj" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-TextElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px 50px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <div class="styled__TextBlockWrapper-sc-1vhinni-0 hJTsAW template-te-content template-TextElement--content"><div data-dynamic-display="1" class="styled__TextBlockContent-sc-1vhinni-1 crxXZk" style="display: block; text-align: left; color: rgb(0, 0, 0);"><div id="text-editor-ntyvbh9jf8g9kw9s1trj-export__bound" class="styled__TextEditorWrapper-sc-1sowtti-0 kYUYrk"><div class="fr-box" role="application"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view fr-disabled" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true"><p style="text-align: center;"><span style="font-family: Montserrat, sans-serif; font-size: 13px; letter-spacing: 0px; color: rgb(0, 0, 0);"><span id="isPasted" style="color: rgb(0, 0, 0); font-family: Montserrat, sans-serif; font-weight: 400; letter-spacing: normal; text-align: center; text-transform: none;">2261 Market Street #4667 San Francisco, CA 94114 All rights reserved. &nbsp;</span></span></p><p style="text-align: center;"><span style="font-family: Montserrat, sans-serif; font-size: 13px; letter-spacing: 0px; color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0); font-family: Montserrat, sans-serif; font-weight: 400; letter-spacing: normal; text-align: center; text-transform: none;">Company No. 94114</span></span><span style="font-family: Montserrat,sans-serif; font-size: 22px; letter-spacing: 0px; color: rgb(0, 0, 0);"></span></p></div></div></div></div></div></div>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div><div class="template-element template-el-4 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 10px 10px 10px 10px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-MenuElement--wrapper--4tdemjjphy0vvgc50zrz" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-MenuElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 10px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <!--[if (mso)|(IE)]><table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><![endif]--><div class="styled__ExportMenuItemBlock-sc-15geg5n-1 hoWHDE direction__block" data-align="center" data-direction="horizontal" style="text-align: center;"><!--[if (mso)|(IE)]><td style="padding: 0px 2px 0px 2px;background-color: transparent;border-width: 0 0 0 0; border-color: rgba(0,0,0,.35); border-style: none;"><![endif]--><span class="icon__item" style="color: rgb(0, 0, 0); height: 100%; font-size: 14px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; background: transparent; font-family: Arial, sans-serif; font-weight: 400; line-height: 1; padding: 0px 2px; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: capitalize; border-width: 0px; text-decoration: none; border-radius: 0px; word-break: break-word; display: inline-block;">Preferences</span><!--[if (mso)|(IE)]></td><![endif]--><!--[if (mso)|(IE)]><td style="padding: 0px 2px 0px 2px;background-color: transparent;border-width: 0 0 0 0; border-color: rgba(0,0,0,.35); border-style: none;"><![endif]--><span class="separator__item" style="color: rgb(0, 0, 0); height: 100%; font-size: 14px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; background: transparent; font-family: Arial, sans-serif; font-weight: 400; line-height: 1; padding: 0px 2px; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: capitalize; border-width: 0px; text-decoration: none; border-radius: 0px; word-break: break-word; display: inline-block;">|</span><!--[if (mso)|(IE)]></td><![endif]--><!--[if (mso)|(IE)]><td style="padding: 0px 2px 0px 2px;background-color: transparent;border-width: 0 0 0 0; border-color: rgba(0,0,0,.35); border-style: none;"><![endif]--><span class="icon__item" style="color: rgb(0, 0, 0); height: 100%; font-size: 14px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; background: transparent; font-family: Arial, sans-serif; font-weight: 400; line-height: 1; padding: 0px 2px; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: capitalize; border-width: 0px; text-decoration: none; border-radius: 0px; word-break: break-word; display: inline-block;">Unsubscribe </span><!--[if (mso)|(IE)]></td><![endif]--><!--[if (mso)|(IE)]><td style="padding: 0px 2px 0px 2px;background-color: transparent;border-width: 0 0 0 0; border-color: rgba(0,0,0,.35); border-style: none;"><![endif]--><span class="separator__item" style="color: rgb(0, 0, 0); height: 100%; font-size: 14px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; background: transparent; font-family: Arial, sans-serif; font-weight: 400; line-height: 1; padding: 0px 2px; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: capitalize; border-width: 0px; text-decoration: none; border-radius: 0px; word-break: break-word; display: inline-block;">|</span><!--[if (mso)|(IE)]></td><![endif]--><!--[if (mso)|(IE)]><td style="padding: 0px 2px 0px 2px;background-color: transparent;border-width: 0 0 0 0; border-color: rgba(0,0,0,.35); border-style: none;"><![endif]--><span class="icon__item" style="color: rgb(0, 0, 0); height: 100%; font-size: 14px; max-width: 100%; box-shadow: none; font-style: normal; margin: 0px; background: transparent; font-family: Arial, sans-serif; font-weight: 400; line-height: 1; padding: 0px 2px; border-color: rgba(0, 0, 0, 0.35); border-style: none; letter-spacing: 0px; text-transform: capitalize; border-width: 0px; text-decoration: none; border-radius: 0px; word-break: break-word; display: inline-block;">View in browser</span><!--[if (mso)|(IE)]></td><![endif]--></div><!--[if (mso)|(IE)]></tr></table><![endif]-->          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                    <!--[if (mso)|(IE)]><td style="width: 25%;background-color: transparent;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->        <div id="" class="styled__UCol-sc-tne0x7-8 bBYvFX u-col u-col-stack" style="height: 100%; vertical-align: top; display: table-cell; width: 25%;"><div class="col__background" style="background-color: transparent; border-radius: 0px;">              <!--[if (!mso)&(!IE)]><!-->             <div class="col__styles" style="inset: 0px; width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px;">              <!--<![endif]-->            <div class="template-element template-el-1 Element mt-element"><div>          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"><tr><td style="padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px; border-color: #000000; border-style: none;background: transparent;"><![endif]-->                  <!--[if !mso]><!-->        <div id="template-SpacerElement--wrapper--yajkzevoakcsj0tjqwhw" class="styled__ContentExportBlock-sc-1iyxbro-4 iSSqBW  template-SpacerElement--wrapper" style="width: auto; z-index: 0; max-width: 100%; position: relative; box-shadow: none; margin: 0px; background: transparent; padding: 0px; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 0px; inset: 0px; overflow: hidden; box-sizing: border-box;">          <!--<![endif]-->          <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>          <!--[if !mso]><!-->        </div>          <!--<![endif]-->                          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->              </div></div>                <!--[if (!mso)&(!IE)]><!-->               </div>              <!--<![endif]-->            </div></div>           <!--[if mso]></td><![endif]-->                          <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->              </div></div></div>           <!--[if mso]></center><![endif]-->          </div>                    <!--[if (mso)|(IE)]></td></tr></table><![endif]-->                  </td></tr></tbody></table></div>\n      </body>\n    </html>\n  ';

package/es/components/organism/PreviewTemplateModal/constants/index.d.ts

@@ -0,0 +1,4 @@
+export * from './dataSample';
+export * from './defaultProps';
+export * from './variables';
+export * from './html';

package/es/components/organism/PreviewTemplateModal/constants/index.js

@@ -0,0 +1,4 @@
+export * from './dataSample';
+export * from './defaultProps';
+export * from './variables';
+export * from './html';

package/es/components/organism/PreviewTemplateModal/constants/variables.d.ts

@@ -0,0 +1,12 @@
+export declare const DEVICE_TYPE: {
+    DESKTOP: {
+        value: string;
+        label: string;
+        icon: string;
+    };
+    MOBILE: {
+        value: string;
+        label: string;
+        icon: string;
+    };
+};

package/es/components/organism/PreviewTemplateModal/constants/variables.js

@@ -0,0 +1,12 @@
+export const DEVICE_TYPE = {
+    DESKTOP: {
+        value: 'desktop',
+        label: 'Desktop',
+        icon: 'icon-ants-laptop',
+    },
+    MOBILE: {
+        value: 'mobile',
+        label: 'Mobile',
+        icon: 'icon-ants-smart-phone',
+    },
+};

package/es/components/organism/PreviewTemplateModal/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PreviewTemplateModalProps } from './types';
+export declare const PreviewTemplateModal: React.FC<PreviewTemplateModalProps>;

package/es/components/organism/PreviewTemplateModal/index.js

@@ -0,0 +1,34 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React, { memo, useState } from 'react';
+// Components
+import { Flex, Spin } from '../../atoms';
+import { Banner, Information, SimilarTemplate, ThumbnailSlider } from './components';
+// Styled
+import { ModalContainer, ModalWrapper } from './styled';
+// Constants
+import { DEVICE_TYPE, SIMILAR_TEMPLATE_DEFAULT, THUMBNAIL_DEFAULT } from './constants';
+export const PreviewTemplateModal = memo(props => {
+    const { bannerProps, thumbnailProps = THUMBNAIL_DEFAULT, similarTemplateProps = SIMILAR_TEMPLATE_DEFAULT, informationProps, loading = false } = props, restOfProps = __rest(props, ["bannerProps", "thumbnailProps", "similarTemplateProps", "informationProps", "loading"]);
+    // States
+    const [deviceType, setDeviceType] = useState(DEVICE_TYPE.DESKTOP.value);
+    return (React.createElement(ModalContainer, Object.assign({ footer: null, centered: true, modalRender: node => React.createElement(ModalWrapper, null, node) }, restOfProps),
+        React.createElement(Spin, { spinning: loading },
+            React.createElement(Flex, { gap: 20 },
+                React.createElement("div", { className: "overview" },
+                    React.createElement(Flex, { gap: 20, vertical: true, style: { width: '100%' } },
+                        React.createElement(Banner, Object.assign({ deviceType: deviceType }, bannerProps)),
+                        React.createElement(ThumbnailSlider, Object.assign({}, thumbnailProps)))),
+                React.createElement(Information, Object.assign({ deviceType: deviceType, onDeviceTypeChange: value => setDeviceType(value) }, informationProps))),
+            React.createElement(SimilarTemplate, Object.assign({}, similarTemplateProps)))));
+});

package/es/components/organism/PreviewTemplateModal/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ModalContainer: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof import("react").JSX.IntrinsicElements, any, import("../../molecules/Modal/styled").CustomModalProps, any>;
+export declare const ModalWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ImageWrapper: import("styled-components").StyledComponent<"img", any, {}, never>;

package/es/components/organism/PreviewTemplateModal/styled.js

@@ -0,0 +1,26 @@
+import styled from 'styled-components';
+import { Modal } from '../../molecules';
+export const ModalContainer = styled(Modal) `
+  &.antsomi-modal {
+    width: fit-content !important;
+
+    .antsomi-modal-content {
+      width: 1440px;
+      height: auto;
+    }
+  }
+
+  .overview {
+    flex: 1 1 0%;
+  }
+`;
+export const ModalWrapper = styled.div `
+  padding: 20px;
+  width: fit-content;
+  box-sizing: border-box;
+`;
+export const ImageWrapper = styled.img `
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+`;

package/es/components/organism/PreviewTemplateModal/types.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { ThumbnailCardProps } from '../../molecules';
+import { ModalProps } from '../../molecules/Modal';
+import { TTemplateItem, TCategoryItem } from '../../template';
+export type TThumbnail = {
+    id: string | number;
+    url: string;
+};
+export interface PreviewTemplateModalProps extends ModalProps {
+    bannerProps?: Omit<BannerProps, 'deviceType'>;
+    thumbnailProps?: ThumbnailProps;
+    similarTemplateProps?: SimilarTemplateProps;
+    informationProps?: Omit<InformationProps, 'deviceType' | 'onDeviceTypeChange'>;
+}
+export interface BannerProps {
+    deviceType: InformationProps['deviceType'];
+    showBackgroundSkeleton?: boolean;
+    children?: React.ReactNode;
+}
+export type ThumbnailProps = Omit<ThumbnailCardProps, keyof TTemplateItem | 'onClickWrapper'> & {
+    thumbnails?: TThumbnail[];
+    onClickThumbnail?: (value: TThumbnail) => void;
+};
+export interface SimilarTemplateProps {
+    show?: boolean;
+    similarTemplates?: TTemplateItem[];
+    similarCardProps?: Omit<ThumbnailCardProps, keyof TTemplateItem>;
+}
+export interface InformationProps {
+    deviceType: string;
+    itemName?: string;
+    categoryListing?: TCategoryItem[];
+    buttonText?: string;
+    description?: string;
+    showDeviceRadios?: boolean;
+    loading?: boolean;
+    onDeviceTypeChange: (value: string) => void;
+    onButtonClick?: React.MouseEventHandler<HTMLElement>;
+}

package/es/components/organism/PreviewTemplateModal/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/organism/index.d.ts

@@ -1,4 +1,5 @@
 export { Help } from './Help';
+export { Menu } from './Menu';
 export { PositionSetting, PositionSettingPopover } from './PositionSetting';
 export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
 export { GenerativeInsights } from './GenerativeInsights';

package/es/components/organism/index.js

@@ -1,4 +1,5 @@
 export { Help } from './Help';
+export { Menu } from './Menu';
 export { PositionSetting, PositionSettingPopover } from './PositionSetting';
 export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
 export { GenerativeInsights } from './GenerativeInsights';

package/es/components/template/TemplateListing/Loadable.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * Asynchronously loads the component for TemplateListing
+ *
+ */
+export declare const TemplateListing: (props: import("./types").TemplateListingProps<{}>) => JSX.Element;

package/es/components/template/TemplateListing/Loadable.js

@@ -0,0 +1,7 @@
+/**
+ *
+ * Asynchronously loads the component for TemplateListing
+ *
+ */
+import { lazyLoad } from '../../../utils/loadable';
+export const TemplateListing = lazyLoad(() => import('./index'), module => module.TemplateListing);