@bigbinary/neeto-molecules 1.0.16 → 1.0.17

package/dist/ShareViaEmail.js

@@ -3,6 +3,7 @@ import { Upload, LeftArrow } from '@bigbinary/neeto-icons';
 import { Typography, Button, DatePicker, Label } from '@bigbinary/neetoui';
 import { MultiEmailInput, Input, Switch, ActionBlock, Form as Form$1 } from '@bigbinary/neetoui/formik';
 import { useTranslation } from 'react-i18next';
+import { isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
 import { EditorContent, FormikEditor, isEditorEmpty } from '@bigbinary/neeto-editor';
 import { useField, useFormikContext } from 'formik';
 import dayjs from 'dayjs';
@@ -14,7 +15,7 @@ import { string } from '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 = {
@@ -22,31 +23,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
         }
       }
@@ -56,258 +57,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: {
@@ -328,7 +329,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) {
@@ -358,18 +359,24 @@ var EmailPreview = function EmailPreview(_ref) {
     t = _ref2.t;
   cov_1dl40tmc3s().s[2]++;
   return /*#__PURE__*/React.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.createElement("div", {
     className: "neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6"
   }, /*#__PURE__*/React.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.createElement(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.createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
+  }, t("neetoMolecules.emailPreview.to"), ":"), isNotEmpty(to) ? (cov_1dl40tmc3s().b[0][0]++, /*#__PURE__*/React.createElement(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.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.createElement("div", {
     className: "flex items-center gap-2 pt-3"
   }, /*#__PURE__*/React.createElement(Typography, {
@@ -377,7 +384,8 @@ var EmailPreview = function EmailPreview(_ref) {
     lineHeight: "normal",
     style: "body2"
   }, t("neetoMolecules.emailPreview.from"), ":"), /*#__PURE__*/React.createElement(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.createElement("div", {
@@ -387,23 +395,25 @@ var EmailPreview = function EmailPreview(_ref) {
     lineHeight: "normal",
     style: "body2"
   }, t("neetoMolecules.emailPreview.subject"), ":"), /*#__PURE__*/React.createElement(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.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.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.createElement(EditorContent, {
     content: body
   })) : (cov_1dl40tmc3s().b[3][1]++, /*#__PURE__*/React.createElement("div", {
     className: "space-y-4"
   }, /*#__PURE__*/React.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.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.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.createElement("div", {
     className: "mt-6 flex w-full items-center justify-center"
   }, /*#__PURE__*/React.createElement(Button, {
@@ -412,6 +422,7 @@ var EmailPreview = function EmailPreview(_ref) {
   }))), (cov_1dl40tmc3s().b[5][0]++, logo) && (cov_1dl40tmc3s().b[5][1]++, /*#__PURE__*/React.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.createElement("div", {
     className: "neeto-ui-bg-gray-100 mt-auto p-2",
@@ -1608,7 +1619,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 = {
@@ -1643,6 +1654,16 @@ function cov_73oanf0pa() {
           line: 17,
           column: 4
         }
+      },
+      "3": {
+        start: {
+          line: 13,
+          column: 24
+        },
+        end: {
+          line: 13,
+          column: 51
+        }
       }
     },
     fnMap: {
@@ -1669,20 +1690,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) {
@@ -1710,7 +1793,11 @@ var FormikDatePicker = function FormikDatePicker(_ref) {
     setValue = _ref3[2].setValue;
   cov_73oanf0pa().s[2]++;
   return /*#__PURE__*/React.createElement(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"
   }));
@@ -4404,7 +4491,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 = {
@@ -4416,7 +4503,7 @@ function cov_2dkkhs5lzc() {
           column: 13
         },
         end: {
-          line: 130,
+          line: 140,
           column: 1
         }
       },
@@ -4506,7 +4593,7 @@ function cov_2dkkhs5lzc() {
           column: 2
         },
         end: {
-          line: 129,
+          line: 139,
           column: 4
         }
       }
@@ -4530,7 +4617,7 @@ function cov_2dkkhs5lzc() {
             column: 47
           },
           end: {
-            line: 130,
+            line: 140,
             column: 1
           }
         },
@@ -4589,101 +4676,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: {
@@ -4709,7 +4796,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) {
@@ -4777,6 +4864,7 @@ var Form = function Form(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex items-center justify-between"
   }, /*#__PURE__*/React.createElement(Typography, {
+    "data-cy": "send-to-input-label",
     lineHeight: "normal",
     style: "h4",
     weight: "semibold"
@@ -4801,10 +4889,12 @@ var Form = function Form(_ref) {
   }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Label, {
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React.createElement(Switch, {
+    "data-cy": "send-later-switch",
     "data-testid": "send-later-switch",
     name: "isSendLaterEnabled"
   }), /*#__PURE__*/React.createElement(Typography, {
     component: "span",
+    "data-cy": "send-later-label",
     lineHeight: "normal",
     style: "h4",
     weight: "semibold"
@@ -4857,7 +4947,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 = {
@@ -4869,7 +4959,7 @@ function cov_1z3j0gxvbf() {
           column: 22
         },
         end: {
-          line: 95,
+          line: 97,
           column: 1
         }
       },
@@ -4919,7 +5009,7 @@ function cov_1z3j0gxvbf() {
           column: 2
         },
         end: {
-          line: 94,
+          line: 96,
           column: 4
         }
       },
@@ -4929,7 +5019,7 @@ function cov_1z3j0gxvbf() {
           column: 12
         },
         end: {
-          line: 89,
+          line: 91,
           column: 18
         }
       }
@@ -4953,7 +5043,7 @@ function cov_1z3j0gxvbf() {
             column: 6
           },
           end: {
-            line: 95,
+            line: 97,
             column: 1
           }
         },
@@ -5025,7 +5115,7 @@ function cov_1z3j0gxvbf() {
             column: 12
           },
           end: {
-            line: 89,
+            line: 91,
             column: 18
           }
         },
@@ -5069,35 +5159,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: {
@@ -5120,7 +5210,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) {
@@ -5195,11 +5285,13 @@ var ShareViaEmail = function ShareViaEmail(_ref) {
       className: "mb-6"
     }, /*#__PURE__*/React.createElement(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.createElement(Typography, {
       className: "neeto-ui-text-gray-700",
+      "data-cy": "share-via-email-sub-heading",
       lineHeight: "normal",
       style: "body2"
     }, description))), /*#__PURE__*/React.createElement(Form, {
@@ -5207,7 +5299,7 @@ var ShareViaEmail = function ShareViaEmail(_ref) {
     }, children)), /*#__PURE__*/React.createElement("div", {
       className: "col-span-7"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "sticky top-10"
+      className: "sticky top-10 pt-10"
     }, /*#__PURE__*/React.createElement(EmailPreview, {
       actionButtonText: values.actionButtonText,
       body: values.emailBody,