npm - @antscorp/antsomi-ui - Versions diffs - 1.3.5-beta.21 → 1.3.5-beta.211 - Mend

@antscorp/antsomi-ui 1.3.5-beta.21 → 1.3.5-beta.211

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (651) hide show

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

@@ -5,6 +5,7 @@ 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,
+    similarTemplates: [],
 };
 export const THUMBNAIL_DEFAULT = {
     thumbnails: [],

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

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

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

@@ -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 \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 \n <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n \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 \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 \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;">  <div id="" class="template-row template-row-1 mt-row Row row__block u-row-container">  <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;">   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <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>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <div class="styled__ExportMenuItemBlock-sc-15geg5n-1 hoWHDE direction__block" data-align="center" data-direction="horizontal" style="text-align: center;"><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><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><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></div>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   </div></div></div>  </div><div id="" class="template-row template-row-2 mt-row Row row__block u-row-container">  <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;">   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <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>  </div>   </div></div><div class="template-element template-el-2 Element mt-element"><div>   <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;">  <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>  </div>   </div></div><div class="template-element template-el-3 Element mt-element"><div>   <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;">  <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>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   </div></div></div>  </div><div id="" class="template-row template-row-3 mt-row Row row__block u-row-container">  <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;">   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <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>  </div>   </div></div><div class="template-element template-el-2 Element mt-element"><div>   <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;">  <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>  </div>   </div></div><div class="template-element template-el-3 Element mt-element"><div>   <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;">  <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>  </div>   </div></div><div class="template-element template-el-4 Element mt-element"><div>   <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;">  <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>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   </div></div></div>  </div><div id="" class="template-row template-row-4 mt-row Row row__block u-row-container">  <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;">   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <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>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <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>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   </div></div></div>  </div><div id="" class="template-row template-row-5 mt-row Row row__block u-row-container">  <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;">   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <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>  </div>   </div></div><div class="template-element template-el-2 Element mt-element"><div>   <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;">  <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">   <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>  </td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   </div></div></div>  </div><div id="" class="template-row template-row-6 mt-row Row row__block u-row-container">  <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;">   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <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>  </div>   </div></div><div class="template-element template-el-2 Element mt-element"><div>   <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;">  <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. </span></strong></span></p></div></div></div></div></div></div>  </div>   </div></div><div class="template-element template-el-3 Element mt-element"><div>   <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;">  <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">   <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>  </td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   </div></div></div>  </div><div id="" class="template-row template-row-7 mt-row Row row__block u-row-container">  <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;">   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <div><div class="styled__ExportIconWrapper-sc-169bc7z-3 gfWeGG icons__block" data-align="center" style="display: block; text-align: center;">   <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>   <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>   <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>   </div></div>  </div>   </div></div><div class="template-element template-el-2 Element mt-element"><div>   <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;">  <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>  </div>   </div></div><div class="template-element template-el-3 Element mt-element"><div>   <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;">  <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.  </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>  </div>   </div></div><div class="template-element template-el-4 Element mt-element"><div>   <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;">  <div class="styled__ExportMenuItemBlock-sc-15geg5n-1 hoWHDE direction__block" data-align="center" data-direction="horizontal" style="text-align: center;"><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><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><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><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><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></div>  </div>   </div></div>  </div>  </div></div>   <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;">  <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;">  <div class="template-element template-el-1 Element mt-element"><div>   <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;">  <table class="styled__ExportSpacerBlock-sc-rof487-1 cKVLlN"><tbody><tr><td class="spacer__content" style="padding-top: 30px;"></td></tr></tbody></table>  </div>   </div></div>  </div>  </div></div>   </div></div></div>  </div>  </td></tr></tbody></table></div>\n </body>\n </html>\n ';

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

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

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

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

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

@@ -18,17 +18,20 @@ import { Banner, Information, SimilarTemplate, ThumbnailSlider } from './compone
 import { ModalContainer, ModalWrapper } from './styled';
 // Constants
 import { DEVICE_TYPE, SIMILAR_TEMPLATE_DEFAULT, THUMBNAIL_DEFAULT } from './constants';
+// Providers
+import { AntdConfigProviderV2 } from '@antscorp/antsomi-ui/es/providers';
 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)))));
+    return (React.createElement(AntdConfigProviderV2, null,
+        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/stories/dataTypes/components/BannerPropsTable/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from 'react';
2	+ export declare const BannerPropsTable: React.FC;

package/es/components/organism/PreviewTemplateModal/stories/dataTypes/components/BannerPropsTable/index.js ADDED Viewed

@@ -0,0 +1,34 @@
+// Libraries
+import React from 'react';
+import { Image } from 'antd';
+// Components
+import { Table } from '../../../../../..';
+import { Typography, Flex } from '../../../../../../atoms';
+// Images
+import skeletonBackgroundImage from '../../../../../../../assets/images/components/PreviewModal/Banner/skeletonBackground.png';
+// Constants
+import { TABLE_API_COLUMNS } from '@antscorp/antsomi-ui/es/constants';
+// Utils
+import { CustomTag } from '@antscorp/antsomi-ui/es/utils/commonComponent';
+export const BannerPropsTable = () => {
+    const dataSource = [
+        {
+            key: '1',
+            property: 'showBackgroundSkeleton',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Handler show or hide skeleton background"),
+                React.createElement(Image, { src: skeletonBackgroundImage, width: 200, height: "auto" }))),
+            type: React.createElement(CustomTag, { type: "normal" }, "boolean"),
+            default: React.createElement(CustomTag, { type: "default" }, "false"),
+        },
+        {
+            key: '2',
+            property: 'children',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Children of Banner Component"))),
+            type: React.createElement(CustomTag, { type: "normal" }, "ReactNode"),
+            default: React.createElement(CustomTag, { type: "default" }, " - "),
+        },
+    ];
+    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+};

package/es/components/organism/PreviewTemplateModal/stories/dataTypes/components/DataTypeTable/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from 'react';
2	+ export declare const DataTypeTable: React.FC;

package/es/components/organism/PreviewTemplateModal/stories/dataTypes/components/DataTypeTable/index.js ADDED Viewed

@@ -0,0 +1,62 @@
+// Libraries
+import React from 'react';
+import { Table } from '@antscorp/antsomi-ui/es/index';
+import LinkTo from '@storybook/addon-links/react';
+import { Image } from 'antd';
+// Images
+import bannerImage from '../../../../../../../assets/images/components/PreviewModal/banner.png';
+import informationImage from '../../../../../../../assets/images/components/PreviewModal/information.png';
+import thumbnailsImage from '../../../../../../../assets/images/components/PreviewModal/thumbnails.png';
+import similarTemplateImage from '../../../../../../../assets/images/components/PreviewModal/similarTemplate.png';
+// Constants
+import { CustomTag } from '@antscorp/antsomi-ui/es/utils/commonComponent';
+export const DataTypeTable = () => {
+    const columns = [
+        {
+            title: 'Name',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: 'Type',
+            dataIndex: 'type',
+            key: 'type',
+        },
+        {
+            title: 'Description',
+            dataIndex: 'description',
+            key: 'description',
+        },
+    ];
+    const dataSource = [
+        {
+            key: 'bannerProps',
+            name: 'bannerProps',
+            type: (React.createElement(LinkTo, { story: "banner-props" },
+                React.createElement(CustomTag, { type: "link" }, "BannerProps"))),
+            description: React.createElement(Image, { src: bannerImage, width: 200, height: "auto" }),
+        },
+        {
+            key: 'informationProps',
+            name: 'informationProps',
+            type: (React.createElement(LinkTo, { story: "information-props" },
+                React.createElement(CustomTag, { type: "link" }, "InformationProps"))),
+            description: React.createElement(Image, { src: informationImage, width: 200, height: "auto" }),
+        },
+        {
+            key: 'ThumbnailProps',
+            name: 'ThumbnailProps',
+            type: (React.createElement(LinkTo, { story: "thumbnail-props" },
+                React.createElement(CustomTag, { type: "link" }, "ThumbnailProps"))),
+            description: React.createElement(Image, { src: thumbnailsImage, width: 200, height: "auto" }),
+        },
+        {
+            key: 'SimilarTemplateProps',
+            name: 'SimilarTemplateProps',
+            type: (React.createElement(LinkTo, { story: "similar-template-props" },
+                React.createElement(CustomTag, { type: "link" }, "SimilarTemplateProps"))),
+            description: React.createElement(Image, { src: similarTemplateImage, width: 200, height: "auto" }),
+        },
+    ];
+    return React.createElement(Table, { dataSource: dataSource, columns: columns, pagination: false });
+};

package/es/components/organism/PreviewTemplateModal/stories/dataTypes/components/InformationPropsTable/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from 'react';
2	+ export declare const InformationPropsTable: React.FC;

package/es/components/organism/PreviewTemplateModal/stories/dataTypes/components/InformationPropsTable/index.js ADDED Viewed

@@ -0,0 +1,76 @@
+// Libraries
+import React from 'react';
+import { Image } from 'antd';
+// Components
+import { Table } from '../../../../../..';
+import { Typography, Flex } from '../../../../../../atoms';
+// Images
+import buttonTextImage from '../../../../../../../assets/images/components/PreviewModal/Information/buttonText.png';
+import descriptionImage from '../../../../../../../assets/images/components/PreviewModal/Information/description.png';
+import itemNameImage from '../../../../../../../assets/images/components/PreviewModal/Information/itemName.png';
+import deviceRadioImage from '../../../../../../../assets/images/components/PreviewModal/Information/deviceRadio.png';
+import clickButtonImage from '../../../../../../../assets/images/components/PreviewModal/Information/clickButton.png';
+// Constants
+import { TABLE_API_COLUMNS } from '@antscorp/antsomi-ui/es/constants';
+// Utils
+import { CustomTag } from '@antscorp/antsomi-ui/es/utils/commonComponent';
+export const InformationPropsTable = () => {
+    const dataSource = [
+        {
+            key: '1',
+            property: 'itemName',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Name of template item"),
+                React.createElement(Image, { src: itemNameImage, width: 200, height: "auto" }))),
+            type: React.createElement(CustomTag, { type: "normal" }, "string"),
+            default: React.createElement(CustomTag, { type: "default" }, "Template name"),
+        },
+        {
+            key: '2',
+            property: 'categoryListing',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Children of Banner Component"))),
+            type: (React.createElement("a", { href: "../?path=/docs/templates-templatelisting-datatype--t-category-item", target: "_blank" },
+                React.createElement(CustomTag, { type: "link" }, "TCategoryItem [ ]"))),
+            default: React.createElement(CustomTag, { type: "default" }, " - "),
+        },
+        {
+            key: '3',
+            property: 'buttonText',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Text of Information Button"),
+                React.createElement(Image, { src: buttonTextImage, width: 200, height: "auto" }))),
+            type: React.createElement(CustomTag, { type: "normal" }, "string"),
+            default: React.createElement(CustomTag, { type: "default" }, " Use template "),
+        },
+        {
+            key: '4',
+            property: 'description',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "description of Preview Modal Information "),
+                React.createElement(Image, { src: descriptionImage, width: 200, height: "auto" }))),
+            type: React.createElement(CustomTag, { type: "normal" }, "string"),
+            default: React.createElement(CustomTag, { type: "default" }, " - "),
+        },
+        {
+            key: '5',
+            property: 'showDeviceRadios',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Handle show or hide device radios "),
+                React.createElement(Image, { src: deviceRadioImage, width: 200, height: "auto" }))),
+            type: React.createElement(CustomTag, { type: "normal" }, "boolean"),
+            default: React.createElement(CustomTag, { type: "default" }, " true "),
+        },
+        {
+            key: '6',
+            property: 'onButtonClick',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Handle show or hide device radios "),
+                React.createElement(Image, { src: clickButtonImage, width: 200, height: "auto" }))),
+            type: React.createElement(CustomTag, { type: "normal" }, 'React.MouseEventHandler<HTMLElement>'),
+            default: React.createElement(CustomTag, { type: "default" }, " - "),
+        },
+    ];
+    //
+    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+};

package/es/components/organism/PreviewTemplateModal/stories/dataTypes/components/SimilarTemplatePropsTable/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from 'react';
2	+ export declare const SimilarTemplatePropsTable: React.FC;

package/es/components/organism/PreviewTemplateModal/stories/dataTypes/components/SimilarTemplatePropsTable/index.js ADDED Viewed

@@ -0,0 +1,40 @@
+// Libraries
+import React from 'react';
+// Components
+import { Table } from '../../../../../..';
+import { Typography, Flex } from '../../../../../../atoms';
+// Constants
+import { TABLE_API_COLUMNS } from '@antscorp/antsomi-ui/es/constants';
+// Utils
+import { CustomTag } from '@antscorp/antsomi-ui/es/utils/commonComponent';
+export const SimilarTemplatePropsTable = () => {
+    const dataSource = [
+        {
+            key: '1',
+            property: 'show',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Handler show or hide similar template"))),
+            type: React.createElement(CustomTag, { type: "normal" }, "boolean"),
+            default: React.createElement(CustomTag, { type: "default" }, "true"),
+        },
+        {
+            key: '2',
+            property: 'similarTemplates',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "List of similar templates"))),
+            type: (React.createElement("a", { href: "../?path=/docs/templates-templatelisting-datatype--t-template-item", target: "_blank" },
+                React.createElement(CustomTag, { type: "link" }, "TTemplateItem [ ]"))),
+            default: React.createElement(CustomTag, { type: "default" }, " [ ] "),
+        },
+        {
+            key: '3',
+            property: 'similarCardProps',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Custom similar card"))),
+            type: (React.createElement("a", { href: "../?path=/docs/molecules-thumbnailcard--default", target: "_blank" },
+                React.createElement(CustomTag, { type: "link" }, "similarCardProps"))),
+            default: React.createElement(CustomTag, { type: "default" }, " - "),
+        },
+    ];
+    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+};

package/es/components/organism/PreviewTemplateModal/stories/dataTypes/components/TThumbnailTable/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from 'react';
2	+ export declare const TThumbnailTable: React.FC;