@bigbinary/neeto-molecules 1.0.16 → 1.0.18

package/dist/ShareViaEmail.cjs.js

@@ -5,6 +5,7 @@ var neetoIcons = require('@bigbinary/neeto-icons');
 var neetoui = require('@bigbinary/neetoui');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var reactI18next = require('react-i18next');
+var pure = require('@bigbinary/neeto-commons-frontend/pure');
 var neetoEditor = require('@bigbinary/neeto-editor');
 var formik = require('formik');
 var dayjs = require('dayjs');
@@ -40,7 +41,7 @@ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
 function cov_1dl40tmc3s() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/EmailPreview.jsx";
-  var hash = "6d8c4987f4972dc0b6e4e31697101950d270429d";
+  var hash = "32018ff24a7fe6cc7b352904df5a6d8513f9fb55";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -48,31 +49,31 @@ function cov_1dl40tmc3s() {
     statementMap: {
       "0": {
         start: {
-          line: 7,
+          line: 8,
           column: 21
         },
         end: {
-          line: 111,
+          line: 133,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 16,
+          line: 17,
           column: 16
         },
         end: {
-          line: 16,
+          line: 17,
           column: 32
         }
       },
       "2": {
         start: {
-          line: 18,
+          line: 19,
           column: 2
         },
         end: {
-          line: 110,
+          line: 132,
           column: 4
         }
       }
@@ -82,258 +83,258 @@ function cov_1dl40tmc3s() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 7,
+            line: 8,
             column: 21
           },
           end: {
-            line: 7,
+            line: 8,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 15,
+            line: 16,
             column: 6
           },
           end: {
-            line: 111,
+            line: 133,
             column: 1
           }
         },
-        line: 15
+        line: 16
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 29,
+            line: 37,
             column: 11
           },
           end: {
-            line: 31,
+            line: 47,
             column: 11
           }
         },
-        type: "binary-expr",
+        type: "cond-expr",
         locations: [{
           start: {
-            line: 29,
-            column: 11
+            line: 38,
+            column: 12
           },
           end: {
-            line: 29,
+            line: 44,
             column: 25
           }
         }, {
           start: {
-            line: 30,
+            line: 46,
             column: 12
           },
           end: {
-            line: 30,
-            column: 74
+            line: 46,
+            column: 88
           }
         }],
-        line: 29
+        line: 37
       },
       "1": {
         loc: {
           start: {
-            line: 33,
+            line: 49,
             column: 9
           },
           end: {
-            line: 50,
+            line: 67,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 33,
+            line: 49,
             column: 9
           },
           end: {
-            line: 33,
+            line: 49,
             column: 13
           }
         }, {
           start: {
-            line: 34,
+            line: 50,
             column: 10
           },
           end: {
-            line: 49,
+            line: 66,
             column: 16
           }
         }],
-        line: 33
+        line: 49
       },
       "2": {
         loc: {
           start: {
-            line: 64,
+            line: 82,
             column: 13
           },
           end: {
-            line: 66,
+            line: 84,
             column: 13
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 64,
+            line: 82,
             column: 13
           },
           end: {
-            line: 64,
+            line: 82,
             column: 20
           }
         }, {
           start: {
-            line: 65,
+            line: 83,
             column: 14
           },
           end: {
-            line: 65,
-            column: 77
+            line: 83,
+            column: 86
           }
         }],
-        line: 64
+        line: 82
       },
       "3": {
         loc: {
           start: {
-            line: 71,
+            line: 92,
             column: 9
           },
           end: {
-            line: 79,
+            line: 100,
             column: 9
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 72,
+            line: 93,
             column: 10
           },
           end: {
-            line: 72,
+            line: 93,
             column: 42
           }
         }, {
           start: {
-            line: 74,
+            line: 95,
             column: 10
           },
           end: {
-            line: 78,
+            line: 99,
             column: 16
           }
         }],
-        line: 71
+        line: 92
       },
       "4": {
         loc: {
           start: {
-            line: 80,
+            line: 101,
             column: 9
           },
           end: {
-            line: 84,
+            line: 105,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 80,
+            line: 101,
             column: 9
           },
           end: {
-            line: 80,
+            line: 101,
             column: 25
           }
         }, {
           start: {
-            line: 81,
+            line: 102,
             column: 10
           },
           end: {
-            line: 83,
+            line: 104,
             column: 16
           }
         }],
-        line: 80
+        line: 101
       },
       "5": {
         loc: {
           start: {
-            line: 85,
+            line: 106,
             column: 9
           },
           end: {
-            line: 91,
+            line: 113,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 85,
+            line: 106,
             column: 9
           },
           end: {
-            line: 85,
+            line: 106,
             column: 13
           }
         }, {
           start: {
-            line: 86,
+            line: 107,
             column: 10
           },
           end: {
-            line: 90,
+            line: 112,
             column: 12
           }
         }],
-        line: 85
+        line: 106
       },
       "6": {
         loc: {
           start: {
-            line: 93,
+            line: 115,
             column: 7
           },
           end: {
-            line: 108,
+            line: 130,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 93,
+            line: 115,
             column: 7
           },
           end: {
-            line: 93,
+            line: 115,
             column: 18
           }
         }, {
           start: {
-            line: 94,
+            line: 116,
             column: 8
           },
           end: {
-            line: 107,
+            line: 129,
             column: 14
           }
         }],
-        line: 93
+        line: 115
       }
     },
     s: {
@@ -354,7 +355,7 @@ function cov_1dl40tmc3s() {
       "6": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "6d8c4987f4972dc0b6e4e31697101950d270429d"
+    hash: "32018ff24a7fe6cc7b352904df5a6d8513f9fb55"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -384,18 +385,24 @@ var EmailPreview = function EmailPreview(_ref) {
     t = _ref2.t;
   cov_1dl40tmc3s().s[2]++;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border"
+    className: "neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border",
+    "data-cy": "email-preview-card"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-2",
+    className: "flex gap-2",
+    "data-cy": "email-send-to-preview",
     "data-testid": "email-to-block"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "neeto-ui-text-gray-500",
     lineHeight: "normal",
     style: "body2"
-  }, t("neetoMolecules.emailPreview.to"), ":"), (cov_1dl40tmc3s().b[0][0]++, to === null || to === void 0 ? void 0 : to.join(", ")) || (cov_1dl40tmc3s().b[0][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
+  }, t("neetoMolecules.emailPreview.to"), ":"), pure.isNotEmpty(to) ? (cov_1dl40tmc3s().b[0][0]++, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-800 min-w-0 flex-grow break-words",
+    lineHeight: "normal",
+    style: "body2"
+  }, to.join(", "))) : (cov_1dl40tmc3s().b[0][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40"
   }))), (cov_1dl40tmc3s().b[1][0]++, from) && (cov_1dl40tmc3s().b[1][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center gap-2 pt-3"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -403,7 +410,8 @@ var EmailPreview = function EmailPreview(_ref) {
     lineHeight: "normal",
     style: "body2"
   }, t("neetoMolecules.emailPreview.from"), ":"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800",
+    className: "neeto-ui-text-gray-800 min-w-0 flex-grow break-words",
+    "data-cy": "email-send-from-preview",
     lineHeight: "normal",
     style: "body2"
   }, from))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -413,23 +421,25 @@ var EmailPreview = function EmailPreview(_ref) {
     lineHeight: "normal",
     style: "body2"
   }, t("neetoMolecules.emailPreview.subject"), ":"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800",
+    className: "neeto-ui-text-gray-800 min-w-0 flex-grow break-words",
+    "data-cy": "email-subject-preview",
     lineHeight: "normal",
     style: "body2"
   }, (cov_1dl40tmc3s().b[2][0]++, subject) || (cov_1dl40tmc3s().b[2][1]++, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
+    className: "neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40"
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed"
+    className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed",
+    "data-cy": "email-body-preview-container"
   }, body ? (cov_1dl40tmc3s().b[3][0]++, /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
     content: body
   })) : (cov_1dl40tmc3s().b[3][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-4"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
+    className: "neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-72 rounded-full"
+    className: "neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
+    className: "neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80"
   }))), (cov_1dl40tmc3s().b[4][0]++, actionButtonText) && (cov_1dl40tmc3s().b[4][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mt-6 flex w-full items-center justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -438,6 +448,7 @@ var EmailPreview = function EmailPreview(_ref) {
   }))), (cov_1dl40tmc3s().b[5][0]++, logo) && (cov_1dl40tmc3s().b[5][1]++, /*#__PURE__*/React__default["default"].createElement("img", {
     alt: t("neetoMolecules.emailPreview.logoAltText"),
     className: "h-20 w-36 object-cover",
+    "data-cy": "company-logo-preview",
     src: logo
   }))), (cov_1dl40tmc3s().b[6][0]++, productName) && (cov_1dl40tmc3s().b[6][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-gray-100 mt-auto p-2",
@@ -1634,7 +1645,7 @@ function _objectWithoutProperties(source, excluded) {
 var _excluded = ["name"];
 function cov_73oanf0pa() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/ShareViaEmail/FormikDatePicker.jsx";
-  var hash = "b9995de8aab99fa6112d28932eeb972bbff4f14f";
+  var hash = "04ab048e24ae2a310ee0c03bb40c2b821a8c7f6a";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -1669,6 +1680,16 @@ function cov_73oanf0pa() {
           line: 17,
           column: 4
         }
+      },
+      "3": {
+        start: {
+          line: 13,
+          column: 24
+        },
+        end: {
+          line: 13,
+          column: 51
+        }
       }
     },
     fnMap: {
@@ -1695,20 +1716,82 @@ function cov_73oanf0pa() {
           }
         },
         line: 6
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 13,
+            column: 16
+          },
+          end: {
+            line: 13,
+            column: 17
+          }
+        },
+        loc: {
+          start: {
+            line: 13,
+            column: 24
+          },
+          end: {
+            line: 13,
+            column: 51
+          }
+        },
+        line: 13
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 13,
+            column: 33
+          },
+          end: {
+            line: 13,
+            column: 50
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 13,
+            column: 33
+          },
+          end: {
+            line: 13,
+            column: 37
+          }
+        }, {
+          start: {
+            line: 13,
+            column: 41
+          },
+          end: {
+            line: 13,
+            column: 50
+          }
+        }],
+        line: 13
       }
     },
-    branchMap: {},
     s: {
       "0": 0,
       "1": 0,
-      "2": 0
+      "2": 0,
+      "3": 0
     },
     f: {
-      "0": 0
+      "0": 0,
+      "1": 0
+    },
+    b: {
+      "0": [0, 0]
     },
-    b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "b9995de8aab99fa6112d28932eeb972bbff4f14f"
+    hash: "04ab048e24ae2a310ee0c03bb40c2b821a8c7f6a"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -1736,7 +1819,11 @@ var FormikDatePicker = function FormikDatePicker(_ref) {
     setValue = _ref3[2].setValue;
   cov_73oanf0pa().s[2]++;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({}, field, meta, {
-    onChange: setValue
+    onChange: function onChange(date) {
+      cov_73oanf0pa().f[1]++;
+      cov_73oanf0pa().s[3]++;
+      return setValue((cov_73oanf0pa().b[0][0]++, date) || (cov_73oanf0pa().b[0][1]++, undefined));
+    }
   }, props, {
     "data-cy": "email-share-date-input"
   }));
@@ -4430,7 +4517,7 @@ var emailFormValidationSchema = function emailFormValidationSchema(disableReplyT
 
 function cov_2dkkhs5lzc() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/ShareViaEmail/Form.jsx";
-  var hash = "f0e6d385254b4decc14270b6dc576e0c9a49890a";
+  var hash = "3c7da0a4a8f87f45ebea7e20c78fa1f656d8369b";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -4442,7 +4529,7 @@ function cov_2dkkhs5lzc() {
           column: 13
         },
         end: {
-          line: 130,
+          line: 140,
           column: 1
         }
       },
@@ -4532,7 +4619,7 @@ function cov_2dkkhs5lzc() {
           column: 2
         },
         end: {
-          line: 129,
+          line: 139,
           column: 4
         }
       }
@@ -4556,7 +4643,7 @@ function cov_2dkkhs5lzc() {
             column: 47
           },
           end: {
-            line: 130,
+            line: 140,
             column: 1
           }
         },
@@ -4615,101 +4702,101 @@ function cov_2dkkhs5lzc() {
       "0": {
         loc: {
           start: {
-            line: 70,
+            line: 80,
             column: 9
           },
           end: {
-            line: 82,
+            line: 92,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 70,
+            line: 80,
             column: 9
           },
           end: {
-            line: 70,
+            line: 80,
             column: 34
           }
         }, {
           start: {
-            line: 71,
+            line: 81,
             column: 10
           },
           end: {
-            line: 81,
+            line: 91,
             column: 12
           }
         }],
-        line: 70
+        line: 80
       },
       "1": {
         loc: {
           start: {
-            line: 97,
+            line: 107,
             column: 11
           },
           end: {
-            line: 105,
+            line: 115,
             column: 11
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 97,
+            line: 107,
             column: 11
           },
           end: {
-            line: 97,
+            line: 107,
             column: 26
           }
         }, {
           start: {
-            line: 98,
+            line: 108,
             column: 12
           },
           end: {
-            line: 104,
+            line: 114,
             column: 14
           }
         }],
-        line: 97
+        line: 107
       },
       "2": {
         loc: {
           start: {
-            line: 108,
+            line: 118,
             column: 7
           },
           end: {
-            line: 115,
+            line: 125,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 108,
+            line: 118,
             column: 7
           },
           end: {
-            line: 108,
+            line: 118,
             column: 15
           }
         }, {
           start: {
-            line: 109,
+            line: 119,
             column: 8
           },
           end: {
-            line: 114,
+            line: 124,
             column: 14
           }
         }],
-        line: 108
+        line: 118
       }
     },
     s: {
@@ -4735,7 +4822,7 @@ function cov_2dkkhs5lzc() {
       "2": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "f0e6d385254b4decc14270b6dc576e0c9a49890a"
+    hash: "3c7da0a4a8f87f45ebea7e20c78fa1f656d8369b"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -4803,6 +4890,7 @@ var Form = function Form(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-between"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "send-to-input-label",
     lineHeight: "normal",
     style: "h4",
     weight: "semibold"
@@ -4827,10 +4915,12 @@ var Form = function Form(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React__default["default"].createElement(formik$1.Switch, {
+    "data-cy": "send-later-switch",
     "data-testid": "send-later-switch",
     name: "isSendLaterEnabled"
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     component: "span",
+    "data-cy": "send-later-label",
     lineHeight: "normal",
     style: "h4",
     weight: "semibold"
@@ -4883,7 +4973,7 @@ var Form = function Form(_ref) {
 
 function cov_1z3j0gxvbf() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/ShareViaEmail/index.jsx";
-  var hash = "fbc8e865f4d59d6d5bf081ed1550285f13ba7f8f";
+  var hash = "908a625dd9419370600d46df890fbd2e49e7037b";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -4895,7 +4985,7 @@ function cov_1z3j0gxvbf() {
           column: 22
         },
         end: {
-          line: 95,
+          line: 97,
           column: 1
         }
       },
@@ -4945,7 +5035,7 @@ function cov_1z3j0gxvbf() {
           column: 2
         },
         end: {
-          line: 94,
+          line: 96,
           column: 4
         }
       },
@@ -4955,7 +5045,7 @@ function cov_1z3j0gxvbf() {
           column: 12
         },
         end: {
-          line: 89,
+          line: 91,
           column: 18
         }
       }
@@ -4979,7 +5069,7 @@ function cov_1z3j0gxvbf() {
             column: 6
           },
           end: {
-            line: 95,
+            line: 97,
             column: 1
           }
         },
@@ -5051,7 +5141,7 @@ function cov_1z3j0gxvbf() {
             column: 12
           },
           end: {
-            line: 89,
+            line: 91,
             column: 18
           }
         },
@@ -5095,35 +5185,35 @@ function cov_1z3j0gxvbf() {
       "1": {
         loc: {
           start: {
-            line: 63,
+            line: 64,
             column: 19
           },
           end: {
-            line: 71,
+            line: 73,
             column: 19
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 63,
+            line: 64,
             column: 19
           },
           end: {
-            line: 63,
+            line: 64,
             column: 30
           }
         }, {
           start: {
-            line: 64,
+            line: 65,
             column: 20
           },
           end: {
-            line: 70,
+            line: 72,
             column: 33
           }
         }],
-        line: 63
+        line: 64
       }
     },
     s: {
@@ -5146,7 +5236,7 @@ function cov_1z3j0gxvbf() {
       "1": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "fbc8e865f4d59d6d5bf081ed1550285f13ba7f8f"
+    hash: "908a625dd9419370600d46df890fbd2e49e7037b"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -5221,11 +5311,13 @@ var ShareViaEmail = function ShareViaEmail(_ref) {
       className: "mb-6"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "mb-0.5",
+      "data-cy": "share-via-email-heading",
       lineHeight: "normal",
       style: "h2",
       weight: "semibold"
     }, t("neetoMolecules.shareViaEmail.title")), (cov_1z3j0gxvbf().b[1][0]++, description) && (cov_1z3j0gxvbf().b[1][1]++, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "neeto-ui-text-gray-700",
+      "data-cy": "share-via-email-sub-heading",
       lineHeight: "normal",
       style: "body2"
     }, description))), /*#__PURE__*/React__default["default"].createElement(Form, {
@@ -5233,7 +5325,7 @@ var ShareViaEmail = function ShareViaEmail(_ref) {
     }, children)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-span-7"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sticky top-10"
+      className: "sticky top-10 pt-10"
     }, /*#__PURE__*/React__default["default"].createElement(EmailPreview, {
       actionButtonText: values.actionButtonText,
       body: values.emailBody,