@bigbinary/neeto-molecules 1.0.82 → 1.0.84
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.
- package/README.md +1 -0
- package/dist/CustomDomain.cjs.js +10 -12
- package/dist/CustomDomain.cjs.js.map +1 -1
- package/dist/CustomDomain.js +7 -9
- package/dist/CustomDomain.js.map +1 -1
- package/dist/CustomDomainDashboard.cjs.js +11 -17
- package/dist/CustomDomainDashboard.cjs.js.map +1 -1
- package/dist/CustomDomainDashboard.js +9 -15
- package/dist/CustomDomainDashboard.js.map +1 -1
- package/dist/EmailForm.cjs.js +119 -56
- package/dist/EmailForm.cjs.js.map +1 -1
- package/dist/EmailForm.js +119 -56
- package/dist/EmailForm.js.map +1 -1
- package/dist/EmailPreview.cjs.js +107 -3
- package/dist/EmailPreview.cjs.js.map +1 -1
- package/dist/EmailPreview.js +107 -3
- package/dist/EmailPreview.js.map +1 -1
- package/dist/ShareViaEmail.cjs.js +113 -111
- package/dist/ShareViaEmail.cjs.js.map +1 -1
- package/dist/ShareViaEmail.js +113 -111
- package/dist/ShareViaEmail.js.map +1 -1
- package/dist/ShareViaLink.cjs.js +28 -58
- package/dist/ShareViaLink.cjs.js.map +1 -1
- package/dist/ShareViaLink.js +31 -61
- package/dist/ShareViaLink.js.map +1 -1
- package/package.json +3 -3
- package/src/translations/en.json +1 -3
- package/types/EmailForm.d.ts +1 -0
- package/types/EmailPreview.d.ts +1 -0
- package/types/ShareViaLink.d.ts +1 -1
package/dist/EmailPreview.cjs.js
CHANGED
|
@@ -10,6 +10,108 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
|
|
13
|
+
function _typeof(obj) {
|
|
14
|
+
"@babel/helpers - typeof";
|
|
15
|
+
|
|
16
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
17
|
+
return typeof obj;
|
|
18
|
+
} : function (obj) {
|
|
19
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
20
|
+
}, _typeof(obj);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
function _toPrimitive(input, hint) {
|
|
24
|
+
if (_typeof(input) !== "object" || input === null) return input;
|
|
25
|
+
var prim = input[Symbol.toPrimitive];
|
|
26
|
+
if (prim !== undefined) {
|
|
27
|
+
var res = prim.call(input, hint || "default");
|
|
28
|
+
if (_typeof(res) !== "object") return res;
|
|
29
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
30
|
+
}
|
|
31
|
+
return (hint === "string" ? String : Number)(input);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function _toPropertyKey(arg) {
|
|
35
|
+
var key = _toPrimitive(arg, "string");
|
|
36
|
+
return _typeof(key) === "symbol" ? key : String(key);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
function _defineProperty(obj, key, value) {
|
|
40
|
+
key = _toPropertyKey(key);
|
|
41
|
+
if (key in obj) {
|
|
42
|
+
Object.defineProperty(obj, key, {
|
|
43
|
+
value: value,
|
|
44
|
+
enumerable: true,
|
|
45
|
+
configurable: true,
|
|
46
|
+
writable: true
|
|
47
|
+
});
|
|
48
|
+
} else {
|
|
49
|
+
obj[key] = value;
|
|
50
|
+
}
|
|
51
|
+
return obj;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var classnames$1 = {exports: {}};
|
|
55
|
+
|
|
56
|
+
/*!
|
|
57
|
+
Copyright (c) 2018 Jed Watson.
|
|
58
|
+
Licensed under the MIT License (MIT), see
|
|
59
|
+
http://jedwatson.github.io/classnames
|
|
60
|
+
*/
|
|
61
|
+
|
|
62
|
+
(function (module) {
|
|
63
|
+
/* global define */
|
|
64
|
+
|
|
65
|
+
(function () {
|
|
66
|
+
|
|
67
|
+
var hasOwn = {}.hasOwnProperty;
|
|
68
|
+
|
|
69
|
+
function classNames() {
|
|
70
|
+
var classes = [];
|
|
71
|
+
|
|
72
|
+
for (var i = 0; i < arguments.length; i++) {
|
|
73
|
+
var arg = arguments[i];
|
|
74
|
+
if (!arg) continue;
|
|
75
|
+
|
|
76
|
+
var argType = typeof arg;
|
|
77
|
+
|
|
78
|
+
if (argType === 'string' || argType === 'number') {
|
|
79
|
+
classes.push(arg);
|
|
80
|
+
} else if (Array.isArray(arg)) {
|
|
81
|
+
if (arg.length) {
|
|
82
|
+
var inner = classNames.apply(null, arg);
|
|
83
|
+
if (inner) {
|
|
84
|
+
classes.push(inner);
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
} else if (argType === 'object') {
|
|
88
|
+
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
|
89
|
+
classes.push(arg.toString());
|
|
90
|
+
continue;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
for (var key in arg) {
|
|
94
|
+
if (hasOwn.call(arg, key) && arg[key]) {
|
|
95
|
+
classes.push(key);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
return classes.join(' ');
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
if (module.exports) {
|
|
105
|
+
classNames.default = classNames;
|
|
106
|
+
module.exports = classNames;
|
|
107
|
+
} else {
|
|
108
|
+
window.classNames = classNames;
|
|
109
|
+
}
|
|
110
|
+
}());
|
|
111
|
+
} (classnames$1));
|
|
112
|
+
|
|
113
|
+
var classnames = classnames$1.exports;
|
|
114
|
+
|
|
13
115
|
var MemoizedEditorContent = /*#__PURE__*/React__default["default"].memo(neetoEditor.EditorContent);
|
|
14
116
|
var EmailPreview = function EmailPreview(_ref) {
|
|
15
117
|
var _ref$to = _ref.to,
|
|
@@ -19,13 +121,15 @@ var EmailPreview = function EmailPreview(_ref) {
|
|
|
19
121
|
body = _ref.body,
|
|
20
122
|
productName = _ref.productName,
|
|
21
123
|
actionButtonText = _ref.actionButtonText,
|
|
22
|
-
logo = _ref.logo
|
|
124
|
+
logo = _ref.logo,
|
|
125
|
+
_ref$className = _ref.className,
|
|
126
|
+
className = _ref$className === void 0 ? "" : _ref$className;
|
|
23
127
|
var _useTranslation = reactI18next.useTranslation(),
|
|
24
128
|
t = _useTranslation.t;
|
|
25
129
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26
|
-
className: "neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border",
|
|
27
130
|
"data-cy": "email-preview-card",
|
|
28
|
-
"data-testid": "email-preview"
|
|
131
|
+
"data-testid": "email-preview",
|
|
132
|
+
className: classnames("neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border", _defineProperty({}, className, className))
|
|
29
133
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
30
134
|
className: "neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6"
|
|
31
135
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailPreview.cjs.js","sources":["../src/components/EmailForm/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty, isPresent } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst MemoizedEditorContent = React.memo(EditorContent);\n\nconst EmailPreview = ({\n to = [],\n from,\n subject,\n body,\n productName,\n actionButtonText,\n logo,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n data-cy=\"email-preview-card\"\n data-testid=\"email-preview\"\n >\n <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n <div\n className=\"flex gap-2\"\n data-cy=\"email-send-to-preview\"\n data-testid=\"email-to-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.to\")}:\n </Typography>\n {isPresent(to) && isNotEmpty(to) ? (\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {to.join(\", \")}\n </Typography>\n ) : (\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n )}\n </div>\n {from && (\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.from\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-send-from-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {from}\n </Typography>\n </div>\n )}\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.subject\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-subject-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {subject || (\n <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n )}\n </Typography>\n </div>\n </div>\n <div\n className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n data-cy=\"email-body-preview-container\"\n >\n {body ? (\n <MemoizedEditorContent content={body} />\n ) : (\n <div className=\"space-y-4\">\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n </div>\n )}\n {actionButtonText && (\n <div className=\"mt-6 flex w-full items-center justify-center\">\n <Button className=\"pointer-events-none\" label={actionButtonText} />\n </div>\n )}\n {logo && (\n <img\n alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n className=\"h-20 w-36 object-cover\"\n data-cy=\"company-logo-preview\"\n src={logo}\n />\n )}\n </div>\n {productName && (\n <div\n className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n data-testid=\"product-name-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-600 text-center leading-6\"\n style=\"body3\"\n >\n {t(\"neetoMolecules.emailPreview.poweredBy\")}\n <span className=\"neeto-ui-text-gray-800 font-medium\">\n {productName}\n </span>\n </Typography>\n </div>\n )}\n </div>\n );\n};\n\nEmailPreview.propTypes = {\n /**\n * The value of the send-to field.\n */\n to: PropTypes.arrayOf(PropTypes.string),\n /**\n * The value of the send-from field.\n */\n from: PropTypes.string,\n /**\n * The subject of the email.\n */\n subject: PropTypes.string,\n /**\n * The body of the email.\n */\n body: PropTypes.string,\n /**\n * The name of the neeto product to be previewed.\n */\n productName: PropTypes.string,\n /**\n * The text to be shown in the action button.\n */\n actionButtonText: PropTypes.string,\n /**\n * Source link for the company logo.\n */\n logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["MemoizedEditorContent","React","memo","EditorContent","EmailPreview","_ref","_ref$to","to","from","subject","body","productName","actionButtonText","logo","_useTranslation","useTranslation","t","createElement","className","Typography","lineHeight","style","isPresent","isNotEmpty","join","content","Button","label","alt","src"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,qBAAqB,gBAAGC,yBAAK,CAACC,IAAI,CAACC,yBAAa,CAAC,CAAA;AAEvD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAQZ;AAAA,EAAA,IAAAC,OAAA,GAAAD,IAAA,CAPJE,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,OAAA;IACPE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,IAAI,GAAAR,IAAA,CAAJQ,IAAI,CAAA;EAEJ,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;EAET,oBACEf,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,0FAA0F;AACpG,IAAA,SAAA,EAAQ,oBAAoB;IAC5B,aAAY,EAAA,eAAA;GAEZjB,eAAAA,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0EAAA;GACbjB,eAAAA,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,YAAY;AACtB,IAAA,SAAA,EAAQ,uBAAuB;IAC/B,aAAY,EAAA,gBAAA;AAAgB,GAAA,eAE5BjB,yBAAA,CAAAgB,aAAA,CAACE,kBAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,wBAAwB;AAClCE,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;GAELL,EAAAA,CAAC,CAAC,gCAAgC,CAAC,EAAC,GACvC,CAAa,EACZM,cAAS,CAACf,EAAE,CAAC,IAAIgB,eAAU,CAAChB,EAAE,CAAC,gBAC9BN,yBAAA,CAAAgB,aAAA,CAACE,kBAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,sDAAsD;AAChEE,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;GAELd,EAAAA,EAAE,CAACiB,IAAI,CAAC,IAAI,CAAC,CACH,gBAEbvB,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0DAAA;AAA0D,GAAA,CAC1E,CACG,EACLV,IAAI,iBACHP,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3CjB,yBAAA,CAAAgB,aAAA,CAACE,kBAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,wBAAwB;AAClCE,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZL,CAAC,CAAC,kCAAkC,CAAC,EAAC,GACzC,CAAa,eACbf,yBAAA,CAAAgB,aAAA,CAACE,kBAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,sDAAsD;AAChE,IAAA,SAAA,EAAQ,yBAAyB;AACjCE,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZb,IAAI,CACM,CAEhB,eACDP,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3CjB,yBAAA,CAAAgB,aAAA,CAACE,kBAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,wBAAwB;AAClCE,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZL,CAAC,CAAC,qCAAqC,CAAC,EAAC,GAC5C,CAAa,eACbf,yBAAA,CAAAgB,aAAA,CAACE,kBAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,sDAAsD;AAChE,IAAA,SAAA,EAAQ,uBAAuB;AAC/BE,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZZ,OAAO,iBACNR,yBAAA,CAAAgB,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,qDAAA;AAAqD,GAAA,CACtE,CACU,CACT,CACF,eACNjB,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,2GAA2G;IACrH,SAAQ,EAAA,8BAAA;AAA8B,GAAA,EAErCR,IAAI,gBACHT,yBAAA,CAAAgB,aAAA,CAACjB,qBAAqB,EAAA;AAACyB,IAAAA,OAAO,EAAEf,IAAAA;GAAQ,CAAA,gBAExCT,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAA;GACbjB,eAAAA,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qDAAA;GAAwD,CAAA,eACvEjB,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qDAAA;GAAwD,CAAA,eACvEjB,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qDAAA;AAAqD,GAAA,CAAG,CAE1E,EACAN,gBAAgB,iBACfX,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,8CAAA;AAA8C,GAAA,eAC3DjB,yBAAA,CAAAgB,aAAA,CAACS,cAAM,EAAA;AAACR,IAAAA,SAAS,EAAC,qBAAqB;AAACS,IAAAA,KAAK,EAAEf,gBAAAA;AAAiB,GAAA,CAAG,CAEtE,EACAC,IAAI,iBACHZ,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEW,IAAAA,GAAG,EAAEZ,CAAC,CAAC,yCAAyC,CAAE;AAClDE,IAAAA,SAAS,EAAC,wBAAwB;AAClC,IAAA,SAAA,EAAQ,sBAAsB;AAC9BW,IAAAA,GAAG,EAAEhB,IAAAA;AAAK,GAAA,CAEb,CACG,EACLF,WAAW,iBACVV,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,kCAAkC;IAC5C,aAAY,EAAA,oBAAA;AAAoB,GAAA,eAEhCjB,yBAAA,CAAAgB,aAAA,CAACE,kBAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,8CAA8C;AACxDG,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZL,CAAC,CAAC,uCAAuC,CAAC,eAC3Cf,yBAAA,CAAAgB,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,oCAAA;AAAoC,GAAA,EACjDP,WAAW,CACP,CACI,CAEhB,CACG,CAAA;AAEV;;;;"}
|
|
1
|
+
{"version":3,"file":"EmailPreview.cjs.js","sources":["../node_modules/@babel/runtime/helpers/esm/typeof.js","../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../node_modules/classnames/index.js","../src/components/EmailForm/EmailPreview.jsx"],"sourcesContent":["export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n var key = toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n key = toPropertyKey(key);\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst MemoizedEditorContent = React.memo(EditorContent);\n\nconst EmailPreview = ({\n to = [],\n from,\n subject,\n body,\n productName,\n actionButtonText,\n logo,\n className = \"\",\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n data-cy=\"email-preview-card\"\n data-testid=\"email-preview\"\n className={classnames(\n \"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\",\n { [className]: className }\n )}\n >\n <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n <div\n className=\"flex gap-2\"\n data-cy=\"email-send-to-preview\"\n data-testid=\"email-to-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.to\")}:\n </Typography>\n {isPresent(to) && isNotEmpty(to) ? (\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {to.join(\", \")}\n </Typography>\n ) : (\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n )}\n </div>\n {from && (\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.from\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-send-from-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {from}\n </Typography>\n </div>\n )}\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.subject\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-subject-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {subject || (\n <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n )}\n </Typography>\n </div>\n </div>\n <div\n className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n data-cy=\"email-body-preview-container\"\n >\n {body ? (\n <MemoizedEditorContent content={body} />\n ) : (\n <div className=\"space-y-4\">\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n </div>\n )}\n {actionButtonText && (\n <div className=\"mt-6 flex w-full items-center justify-center\">\n <Button className=\"pointer-events-none\" label={actionButtonText} />\n </div>\n )}\n {logo && (\n <img\n alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n className=\"h-20 w-36 object-cover\"\n data-cy=\"company-logo-preview\"\n src={logo}\n />\n )}\n </div>\n {productName && (\n <div\n className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n data-testid=\"product-name-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-600 text-center leading-6\"\n style=\"body3\"\n >\n {t(\"neetoMolecules.emailPreview.poweredBy\")}\n <span className=\"neeto-ui-text-gray-800 font-medium\">\n {productName}\n </span>\n </Typography>\n </div>\n )}\n </div>\n );\n};\n\nEmailPreview.propTypes = {\n /**\n * The value of the send-to field.\n */\n to: PropTypes.arrayOf(PropTypes.string),\n /**\n * The value of the send-from field.\n */\n from: PropTypes.string,\n /**\n * The subject of the email.\n */\n subject: PropTypes.string,\n /**\n * The body of the email.\n */\n body: PropTypes.string,\n /**\n * The name of the neeto product to be previewed.\n */\n productName: PropTypes.string,\n /**\n * The text to be shown in the action button.\n */\n actionButtonText: PropTypes.string,\n /**\n * Source link for the company logo.\n */\n logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["toPrimitive","toPropertyKey","MemoizedEditorContent","React","memo","EditorContent","EmailPreview","_ref","_ref$to","to","from","subject","body","productName","actionButtonText","logo","_ref$className","className","_useTranslation","useTranslation","t","createElement","classnames","_defineProperty","Typography","lineHeight","style","isPresent","isNotEmpty","join","content","Button","label","alt","src"],"mappings":";;;;;;;;;;;;AAAe,SAAS,OAAO,CAAC,GAAG,EAAE;AACrC,EAAE,yBAAyB,CAAC;AAC5B;AACA,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;AACtG,IAAI,OAAO,OAAO,GAAG,CAAC;AACtB,GAAG,GAAG,UAAU,GAAG,EAAE;AACrB,IAAI,OAAO,GAAG,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC;AAChI,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;AAClB;;ACPe,SAAS,YAAY,CAAC,KAAK,EAAE,IAAI,EAAE;AAClD,EAAE,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,KAAK,CAAC;AAClE,EAAE,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;AACvC,EAAE,IAAI,IAAI,KAAK,SAAS,EAAE;AAC1B,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC;AAClD,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,OAAO,GAAG,CAAC;AAC9C,IAAI,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC;AACxE,GAAG;AACH,EAAE,OAAO,CAAC,IAAI,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;AACtD;;ACRe,SAAS,cAAc,CAAC,GAAG,EAAE;AAC5C,EAAE,IAAI,GAAG,GAAGA,YAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AACvC,EAAE,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACvD;;ACJe,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;AACzD,EAAE,GAAG,GAAGC,cAAa,CAAC,GAAG,CAAC,CAAC;AAC3B,EAAE,IAAI,GAAG,IAAI,GAAG,EAAE;AAClB,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE;AACpC,MAAM,KAAK,EAAE,KAAK;AAClB,MAAM,UAAU,EAAE,IAAI;AACtB,MAAM,YAAY,EAAE,IAAI;AACxB,MAAM,QAAQ,EAAE,IAAI;AACpB,KAAK,CAAC,CAAC;AACP,GAAG,MAAM;AACT,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACrB,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;;;;;;;;;;ACTA;AACA;AACA,CAAA,CAAC,YAAY;AAEb;AACA,EAAC,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;AAEhC;EACC,SAAS,UAAU,GAAG;AACvB,GAAE,IAAI,OAAO,GAAG,EAAE,CAAC;AACnB;AACA,GAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,IAAG,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAC1B,IAAG,IAAI,CAAC,GAAG,EAAE,SAAS;AACtB;AACA,IAAG,IAAI,OAAO,GAAG,OAAO,GAAG,CAAC;AAC5B;IACG,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE;AACrD,KAAI,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAClB,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAClC,KAAI,IAAI,GAAG,CAAC,MAAM,EAAE;MACf,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;MACxC,IAAI,KAAK,EAAE;AAChB,OAAM,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;OACpB;MACD;AACL,KAAI,MAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;KAChC,IAAI,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,SAAS,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;MACrG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;AAClC,MAAK,SAAS;MACT;AACL;AACA,KAAI,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;AACzB,MAAK,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AAC5C,OAAM,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;OAClB;MACD;KACD;IACD;AACH;AACA,GAAE,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;GACzB;AACF;EACC,IAAqC,MAAM,CAAC,OAAO,EAAE;AACtD,GAAE,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;GAChC,MAAA,CAAA,OAAA,GAAiB,UAAU,CAAC;AAC9B,GAAE,MAKM;AACR,GAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;GAC/B;AACF,EAAC,EAAE,EAAA;;;;;AClDH,IAAMC,qBAAqB,gBAAGC,yBAAK,CAACC,IAAI,CAACC,yBAAa,CAAC,CAAA;AAEvD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EASZ;AAAA,EAAA,IAAAC,OAAA,GAAAD,IAAA,CARJE,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,OAAA;IACPE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IAAAC,cAAA,GAAAT,IAAA,CACJU,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;EAEd,IAAAE,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;EAET,oBACEjB,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAA,EAAQ,oBAAoB;AAC5B,IAAA,aAAA,EAAY,eAAe;IAC3BJ,SAAS,EAAEK,UAAU,CACnB,0FAA0F,EAAAC,eAAA,CAAA,EAAA,EACvFN,SAAS,EAAGA,SAAS,CAAA,CAAA;GAG1Bd,eAAAA,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,0EAAA;GACbd,eAAAA,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAC,YAAY;AACtB,IAAA,SAAA,EAAQ,uBAAuB;IAC/B,aAAY,EAAA,gBAAA;AAAgB,GAAA,eAE5Bd,yBAAA,CAAAkB,aAAA,CAACG,kBAAU,EAAA;AACTP,IAAAA,SAAS,EAAC,wBAAwB;AAClCQ,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;GAELN,EAAAA,CAAC,CAAC,gCAAgC,CAAC,EAAC,GACvC,CAAa,EACZO,cAAS,CAAClB,EAAE,CAAC,IAAImB,eAAU,CAACnB,EAAE,CAAC,gBAC9BN,yBAAA,CAAAkB,aAAA,CAACG,kBAAU,EAAA;AACTP,IAAAA,SAAS,EAAC,sDAAsD;AAChEQ,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;GAELjB,EAAAA,EAAE,CAACoB,IAAI,CAAC,IAAI,CAAC,CACH,gBAEb1B,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,0DAAA;AAA0D,GAAA,CAC1E,CACG,EACLP,IAAI,iBACHP,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Cd,yBAAA,CAAAkB,aAAA,CAACG,kBAAU,EAAA;AACTP,IAAAA,SAAS,EAAC,wBAAwB;AAClCQ,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZN,CAAC,CAAC,kCAAkC,CAAC,EAAC,GACzC,CAAa,eACbjB,yBAAA,CAAAkB,aAAA,CAACG,kBAAU,EAAA;AACTP,IAAAA,SAAS,EAAC,sDAAsD;AAChE,IAAA,SAAA,EAAQ,yBAAyB;AACjCQ,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZhB,IAAI,CACM,CAEhB,eACDP,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Cd,yBAAA,CAAAkB,aAAA,CAACG,kBAAU,EAAA;AACTP,IAAAA,SAAS,EAAC,wBAAwB;AAClCQ,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZN,CAAC,CAAC,qCAAqC,CAAC,EAAC,GAC5C,CAAa,eACbjB,yBAAA,CAAAkB,aAAA,CAACG,kBAAU,EAAA;AACTP,IAAAA,SAAS,EAAC,sDAAsD;AAChE,IAAA,SAAA,EAAQ,uBAAuB;AAC/BQ,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZf,OAAO,iBACNR,yBAAA,CAAAkB,aAAA,CAAA,MAAA,EAAA;AAAMJ,IAAAA,SAAS,EAAC,qDAAA;AAAqD,GAAA,CACtE,CACU,CACT,CACF,eACNd,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAC,2GAA2G;IACrH,SAAQ,EAAA,8BAAA;AAA8B,GAAA,EAErCL,IAAI,gBACHT,yBAAA,CAAAkB,aAAA,CAACnB,qBAAqB,EAAA;AAAC4B,IAAAA,OAAO,EAAElB,IAAAA;GAAQ,CAAA,gBAExCT,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,WAAA;GACbd,eAAAA,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,qDAAA;GAAwD,CAAA,eACvEd,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,qDAAA;GAAwD,CAAA,eACvEd,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,qDAAA;AAAqD,GAAA,CAAG,CAE1E,EACAH,gBAAgB,iBACfX,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,8CAAA;AAA8C,GAAA,eAC3Dd,yBAAA,CAAAkB,aAAA,CAACU,cAAM,EAAA;AAACd,IAAAA,SAAS,EAAC,qBAAqB;AAACe,IAAAA,KAAK,EAAElB,gBAAAA;AAAiB,GAAA,CAAG,CAEtE,EACAC,IAAI,iBACHZ,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AACEY,IAAAA,GAAG,EAAEb,CAAC,CAAC,yCAAyC,CAAE;AAClDH,IAAAA,SAAS,EAAC,wBAAwB;AAClC,IAAA,SAAA,EAAQ,sBAAsB;AAC9BiB,IAAAA,GAAG,EAAEnB,IAAAA;AAAK,GAAA,CAEb,CACG,EACLF,WAAW,iBACVV,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAC,kCAAkC;IAC5C,aAAY,EAAA,oBAAA;AAAoB,GAAA,eAEhCd,yBAAA,CAAAkB,aAAA,CAACG,kBAAU,EAAA;AACTP,IAAAA,SAAS,EAAC,8CAA8C;AACxDS,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZN,CAAC,CAAC,uCAAuC,CAAC,eAC3CjB,yBAAA,CAAAkB,aAAA,CAAA,MAAA,EAAA;AAAMJ,IAAAA,SAAS,EAAC,oCAAA;AAAoC,GAAA,EACjDJ,WAAW,CACP,CACI,CAEhB,CACG,CAAA;AAEV;;;;"}
|
package/dist/EmailPreview.js
CHANGED
|
@@ -4,6 +4,108 @@ import { EditorContent } from '@bigbinary/neeto-editor';
|
|
|
4
4
|
import { Typography, Button } from '@bigbinary/neetoui';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
6
|
|
|
7
|
+
function _typeof(obj) {
|
|
8
|
+
"@babel/helpers - typeof";
|
|
9
|
+
|
|
10
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
11
|
+
return typeof obj;
|
|
12
|
+
} : function (obj) {
|
|
13
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
14
|
+
}, _typeof(obj);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
function _toPrimitive(input, hint) {
|
|
18
|
+
if (_typeof(input) !== "object" || input === null) return input;
|
|
19
|
+
var prim = input[Symbol.toPrimitive];
|
|
20
|
+
if (prim !== undefined) {
|
|
21
|
+
var res = prim.call(input, hint || "default");
|
|
22
|
+
if (_typeof(res) !== "object") return res;
|
|
23
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
24
|
+
}
|
|
25
|
+
return (hint === "string" ? String : Number)(input);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function _toPropertyKey(arg) {
|
|
29
|
+
var key = _toPrimitive(arg, "string");
|
|
30
|
+
return _typeof(key) === "symbol" ? key : String(key);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
function _defineProperty(obj, key, value) {
|
|
34
|
+
key = _toPropertyKey(key);
|
|
35
|
+
if (key in obj) {
|
|
36
|
+
Object.defineProperty(obj, key, {
|
|
37
|
+
value: value,
|
|
38
|
+
enumerable: true,
|
|
39
|
+
configurable: true,
|
|
40
|
+
writable: true
|
|
41
|
+
});
|
|
42
|
+
} else {
|
|
43
|
+
obj[key] = value;
|
|
44
|
+
}
|
|
45
|
+
return obj;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
var classnames$1 = {exports: {}};
|
|
49
|
+
|
|
50
|
+
/*!
|
|
51
|
+
Copyright (c) 2018 Jed Watson.
|
|
52
|
+
Licensed under the MIT License (MIT), see
|
|
53
|
+
http://jedwatson.github.io/classnames
|
|
54
|
+
*/
|
|
55
|
+
|
|
56
|
+
(function (module) {
|
|
57
|
+
/* global define */
|
|
58
|
+
|
|
59
|
+
(function () {
|
|
60
|
+
|
|
61
|
+
var hasOwn = {}.hasOwnProperty;
|
|
62
|
+
|
|
63
|
+
function classNames() {
|
|
64
|
+
var classes = [];
|
|
65
|
+
|
|
66
|
+
for (var i = 0; i < arguments.length; i++) {
|
|
67
|
+
var arg = arguments[i];
|
|
68
|
+
if (!arg) continue;
|
|
69
|
+
|
|
70
|
+
var argType = typeof arg;
|
|
71
|
+
|
|
72
|
+
if (argType === 'string' || argType === 'number') {
|
|
73
|
+
classes.push(arg);
|
|
74
|
+
} else if (Array.isArray(arg)) {
|
|
75
|
+
if (arg.length) {
|
|
76
|
+
var inner = classNames.apply(null, arg);
|
|
77
|
+
if (inner) {
|
|
78
|
+
classes.push(inner);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
} else if (argType === 'object') {
|
|
82
|
+
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
|
83
|
+
classes.push(arg.toString());
|
|
84
|
+
continue;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
for (var key in arg) {
|
|
88
|
+
if (hasOwn.call(arg, key) && arg[key]) {
|
|
89
|
+
classes.push(key);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
return classes.join(' ');
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
if (module.exports) {
|
|
99
|
+
classNames.default = classNames;
|
|
100
|
+
module.exports = classNames;
|
|
101
|
+
} else {
|
|
102
|
+
window.classNames = classNames;
|
|
103
|
+
}
|
|
104
|
+
}());
|
|
105
|
+
} (classnames$1));
|
|
106
|
+
|
|
107
|
+
var classnames = classnames$1.exports;
|
|
108
|
+
|
|
7
109
|
var MemoizedEditorContent = /*#__PURE__*/React.memo(EditorContent);
|
|
8
110
|
var EmailPreview = function EmailPreview(_ref) {
|
|
9
111
|
var _ref$to = _ref.to,
|
|
@@ -13,13 +115,15 @@ var EmailPreview = function EmailPreview(_ref) {
|
|
|
13
115
|
body = _ref.body,
|
|
14
116
|
productName = _ref.productName,
|
|
15
117
|
actionButtonText = _ref.actionButtonText,
|
|
16
|
-
logo = _ref.logo
|
|
118
|
+
logo = _ref.logo,
|
|
119
|
+
_ref$className = _ref.className,
|
|
120
|
+
className = _ref$className === void 0 ? "" : _ref$className;
|
|
17
121
|
var _useTranslation = useTranslation(),
|
|
18
122
|
t = _useTranslation.t;
|
|
19
123
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: "neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border",
|
|
21
124
|
"data-cy": "email-preview-card",
|
|
22
|
-
"data-testid": "email-preview"
|
|
125
|
+
"data-testid": "email-preview",
|
|
126
|
+
className: classnames("neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border", _defineProperty({}, className, className))
|
|
23
127
|
}, /*#__PURE__*/React.createElement("div", {
|
|
24
128
|
className: "neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6"
|
|
25
129
|
}, /*#__PURE__*/React.createElement("div", {
|
package/dist/EmailPreview.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailPreview.js","sources":["../src/components/EmailForm/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty, isPresent } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst MemoizedEditorContent = React.memo(EditorContent);\n\nconst EmailPreview = ({\n to = [],\n from,\n subject,\n body,\n productName,\n actionButtonText,\n logo,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n data-cy=\"email-preview-card\"\n data-testid=\"email-preview\"\n >\n <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n <div\n className=\"flex gap-2\"\n data-cy=\"email-send-to-preview\"\n data-testid=\"email-to-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.to\")}:\n </Typography>\n {isPresent(to) && isNotEmpty(to) ? (\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {to.join(\", \")}\n </Typography>\n ) : (\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n )}\n </div>\n {from && (\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.from\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-send-from-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {from}\n </Typography>\n </div>\n )}\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.subject\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-subject-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {subject || (\n <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n )}\n </Typography>\n </div>\n </div>\n <div\n className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n data-cy=\"email-body-preview-container\"\n >\n {body ? (\n <MemoizedEditorContent content={body} />\n ) : (\n <div className=\"space-y-4\">\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n </div>\n )}\n {actionButtonText && (\n <div className=\"mt-6 flex w-full items-center justify-center\">\n <Button className=\"pointer-events-none\" label={actionButtonText} />\n </div>\n )}\n {logo && (\n <img\n alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n className=\"h-20 w-36 object-cover\"\n data-cy=\"company-logo-preview\"\n src={logo}\n />\n )}\n </div>\n {productName && (\n <div\n className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n data-testid=\"product-name-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-600 text-center leading-6\"\n style=\"body3\"\n >\n {t(\"neetoMolecules.emailPreview.poweredBy\")}\n <span className=\"neeto-ui-text-gray-800 font-medium\">\n {productName}\n </span>\n </Typography>\n </div>\n )}\n </div>\n );\n};\n\nEmailPreview.propTypes = {\n /**\n * The value of the send-to field.\n */\n to: PropTypes.arrayOf(PropTypes.string),\n /**\n * The value of the send-from field.\n */\n from: PropTypes.string,\n /**\n * The subject of the email.\n */\n subject: PropTypes.string,\n /**\n * The body of the email.\n */\n body: PropTypes.string,\n /**\n * The name of the neeto product to be previewed.\n */\n productName: PropTypes.string,\n /**\n * The text to be shown in the action button.\n */\n actionButtonText: PropTypes.string,\n /**\n * Source link for the company logo.\n */\n logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["MemoizedEditorContent","React","memo","EditorContent","EmailPreview","_ref","_ref$to","to","from","subject","body","productName","actionButtonText","logo","_useTranslation","useTranslation","t","createElement","className","Typography","lineHeight","style","isPresent","isNotEmpty","join","content","Button","label","alt","src"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"EmailPreview.js","sources":["../node_modules/@babel/runtime/helpers/esm/typeof.js","../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../node_modules/classnames/index.js","../src/components/EmailForm/EmailPreview.jsx"],"sourcesContent":["export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n var key = toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n key = toPropertyKey(key);\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst MemoizedEditorContent = React.memo(EditorContent);\n\nconst EmailPreview = ({\n to = [],\n from,\n subject,\n body,\n productName,\n actionButtonText,\n logo,\n className = \"\",\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n data-cy=\"email-preview-card\"\n data-testid=\"email-preview\"\n className={classnames(\n \"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\",\n { [className]: className }\n )}\n >\n <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n <div\n className=\"flex gap-2\"\n data-cy=\"email-send-to-preview\"\n data-testid=\"email-to-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.to\")}:\n </Typography>\n {isPresent(to) && isNotEmpty(to) ? (\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {to.join(\", \")}\n </Typography>\n ) : (\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n )}\n </div>\n {from && (\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.from\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-send-from-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {from}\n </Typography>\n </div>\n )}\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.subject\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-subject-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {subject || (\n <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n )}\n </Typography>\n </div>\n </div>\n <div\n className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n data-cy=\"email-body-preview-container\"\n >\n {body ? (\n <MemoizedEditorContent content={body} />\n ) : (\n <div className=\"space-y-4\">\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n </div>\n )}\n {actionButtonText && (\n <div className=\"mt-6 flex w-full items-center justify-center\">\n <Button className=\"pointer-events-none\" label={actionButtonText} />\n </div>\n )}\n {logo && (\n <img\n alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n className=\"h-20 w-36 object-cover\"\n data-cy=\"company-logo-preview\"\n src={logo}\n />\n )}\n </div>\n {productName && (\n <div\n className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n data-testid=\"product-name-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-600 text-center leading-6\"\n style=\"body3\"\n >\n {t(\"neetoMolecules.emailPreview.poweredBy\")}\n <span className=\"neeto-ui-text-gray-800 font-medium\">\n {productName}\n </span>\n </Typography>\n </div>\n )}\n </div>\n );\n};\n\nEmailPreview.propTypes = {\n /**\n * The value of the send-to field.\n */\n to: PropTypes.arrayOf(PropTypes.string),\n /**\n * The value of the send-from field.\n */\n from: PropTypes.string,\n /**\n * The subject of the email.\n */\n subject: PropTypes.string,\n /**\n * The body of the email.\n */\n body: PropTypes.string,\n /**\n * The name of the neeto product to be previewed.\n */\n productName: PropTypes.string,\n /**\n * The text to be shown in the action button.\n */\n actionButtonText: PropTypes.string,\n /**\n * Source link for the company logo.\n */\n logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["toPrimitive","toPropertyKey","MemoizedEditorContent","React","memo","EditorContent","EmailPreview","_ref","_ref$to","to","from","subject","body","productName","actionButtonText","logo","_ref$className","className","_useTranslation","useTranslation","t","createElement","classnames","_defineProperty","Typography","lineHeight","style","isPresent","isNotEmpty","join","content","Button","label","alt","src"],"mappings":"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"}
|
|
@@ -39,6 +39,110 @@ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
|
39
39
|
var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
|
|
40
40
|
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
41
41
|
|
|
42
|
+
function _typeof$1(obj) {
|
|
43
|
+
"@babel/helpers - typeof";
|
|
44
|
+
|
|
45
|
+
return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
46
|
+
return typeof obj;
|
|
47
|
+
} : function (obj) {
|
|
48
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
49
|
+
}, _typeof$1(obj);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
function _toPrimitive(input, hint) {
|
|
53
|
+
if (_typeof$1(input) !== "object" || input === null) return input;
|
|
54
|
+
var prim = input[Symbol.toPrimitive];
|
|
55
|
+
if (prim !== undefined) {
|
|
56
|
+
var res = prim.call(input, hint || "default");
|
|
57
|
+
if (_typeof$1(res) !== "object") return res;
|
|
58
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
59
|
+
}
|
|
60
|
+
return (hint === "string" ? String : Number)(input);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
function _toPropertyKey(arg) {
|
|
64
|
+
var key = _toPrimitive(arg, "string");
|
|
65
|
+
return _typeof$1(key) === "symbol" ? key : String(key);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
function _defineProperty(obj, key, value) {
|
|
69
|
+
key = _toPropertyKey(key);
|
|
70
|
+
if (key in obj) {
|
|
71
|
+
Object.defineProperty(obj, key, {
|
|
72
|
+
value: value,
|
|
73
|
+
enumerable: true,
|
|
74
|
+
configurable: true,
|
|
75
|
+
writable: true
|
|
76
|
+
});
|
|
77
|
+
} else {
|
|
78
|
+
obj[key] = value;
|
|
79
|
+
}
|
|
80
|
+
return obj;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
84
|
+
|
|
85
|
+
var classnames$1 = {exports: {}};
|
|
86
|
+
|
|
87
|
+
/*!
|
|
88
|
+
Copyright (c) 2018 Jed Watson.
|
|
89
|
+
Licensed under the MIT License (MIT), see
|
|
90
|
+
http://jedwatson.github.io/classnames
|
|
91
|
+
*/
|
|
92
|
+
|
|
93
|
+
(function (module) {
|
|
94
|
+
/* global define */
|
|
95
|
+
|
|
96
|
+
(function () {
|
|
97
|
+
|
|
98
|
+
var hasOwn = {}.hasOwnProperty;
|
|
99
|
+
|
|
100
|
+
function classNames() {
|
|
101
|
+
var classes = [];
|
|
102
|
+
|
|
103
|
+
for (var i = 0; i < arguments.length; i++) {
|
|
104
|
+
var arg = arguments[i];
|
|
105
|
+
if (!arg) continue;
|
|
106
|
+
|
|
107
|
+
var argType = typeof arg;
|
|
108
|
+
|
|
109
|
+
if (argType === 'string' || argType === 'number') {
|
|
110
|
+
classes.push(arg);
|
|
111
|
+
} else if (Array.isArray(arg)) {
|
|
112
|
+
if (arg.length) {
|
|
113
|
+
var inner = classNames.apply(null, arg);
|
|
114
|
+
if (inner) {
|
|
115
|
+
classes.push(inner);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
} else if (argType === 'object') {
|
|
119
|
+
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
|
120
|
+
classes.push(arg.toString());
|
|
121
|
+
continue;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
for (var key in arg) {
|
|
125
|
+
if (hasOwn.call(arg, key) && arg[key]) {
|
|
126
|
+
classes.push(key);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
return classes.join(' ');
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
if (module.exports) {
|
|
136
|
+
classNames.default = classNames;
|
|
137
|
+
module.exports = classNames;
|
|
138
|
+
} else {
|
|
139
|
+
window.classNames = classNames;
|
|
140
|
+
}
|
|
141
|
+
}());
|
|
142
|
+
} (classnames$1));
|
|
143
|
+
|
|
144
|
+
var classnames = classnames$1.exports;
|
|
145
|
+
|
|
42
146
|
var MemoizedEditorContent = /*#__PURE__*/React__default["default"].memo(neetoEditor.EditorContent);
|
|
43
147
|
var EmailPreview = function EmailPreview(_ref) {
|
|
44
148
|
var _ref$to = _ref.to,
|
|
@@ -48,13 +152,15 @@ var EmailPreview = function EmailPreview(_ref) {
|
|
|
48
152
|
body = _ref.body,
|
|
49
153
|
productName = _ref.productName,
|
|
50
154
|
actionButtonText = _ref.actionButtonText,
|
|
51
|
-
logo = _ref.logo
|
|
155
|
+
logo = _ref.logo,
|
|
156
|
+
_ref$className = _ref.className,
|
|
157
|
+
className = _ref$className === void 0 ? "" : _ref$className;
|
|
52
158
|
var _useTranslation = reactI18next.useTranslation(),
|
|
53
159
|
t = _useTranslation.t;
|
|
54
160
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
55
|
-
className: "neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border",
|
|
56
161
|
"data-cy": "email-preview-card",
|
|
57
|
-
"data-testid": "email-preview"
|
|
162
|
+
"data-testid": "email-preview",
|
|
163
|
+
className: classnames("neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border", _defineProperty({}, className, className))
|
|
58
164
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
59
165
|
className: "neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6"
|
|
60
166
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -215,11 +321,9 @@ function _asyncToGenerator(fn) {
|
|
|
215
321
|
};
|
|
216
322
|
}
|
|
217
323
|
|
|
218
|
-
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
219
|
-
|
|
220
324
|
var regeneratorRuntime$1 = {exports: {}};
|
|
221
325
|
|
|
222
|
-
var _typeof
|
|
326
|
+
var _typeof = {exports: {}};
|
|
223
327
|
|
|
224
328
|
(function (module) {
|
|
225
329
|
function _typeof(obj) {
|
|
@@ -232,10 +336,10 @@ var _typeof$1 = {exports: {}};
|
|
|
232
336
|
}, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
|
|
233
337
|
}
|
|
234
338
|
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
235
|
-
} (_typeof
|
|
339
|
+
} (_typeof));
|
|
236
340
|
|
|
237
341
|
(function (module) {
|
|
238
|
-
var _typeof = _typeof
|
|
342
|
+
var _typeof$1 = _typeof.exports["default"];
|
|
239
343
|
function _regeneratorRuntime() {
|
|
240
344
|
module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
|
|
241
345
|
return exports;
|
|
@@ -312,7 +416,7 @@ var _typeof$1 = {exports: {}};
|
|
|
312
416
|
if ("throw" !== record.type) {
|
|
313
417
|
var result = record.arg,
|
|
314
418
|
value = result.value;
|
|
315
|
-
return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
|
|
419
|
+
return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
|
|
316
420
|
invoke("next", value, resolve, reject);
|
|
317
421
|
}, function (err) {
|
|
318
422
|
invoke("throw", err, resolve, reject);
|
|
@@ -556,67 +660,6 @@ try {
|
|
|
556
660
|
}
|
|
557
661
|
}
|
|
558
662
|
|
|
559
|
-
var classnames$1 = {exports: {}};
|
|
560
|
-
|
|
561
|
-
/*!
|
|
562
|
-
Copyright (c) 2018 Jed Watson.
|
|
563
|
-
Licensed under the MIT License (MIT), see
|
|
564
|
-
http://jedwatson.github.io/classnames
|
|
565
|
-
*/
|
|
566
|
-
|
|
567
|
-
(function (module) {
|
|
568
|
-
/* global define */
|
|
569
|
-
|
|
570
|
-
(function () {
|
|
571
|
-
|
|
572
|
-
var hasOwn = {}.hasOwnProperty;
|
|
573
|
-
|
|
574
|
-
function classNames() {
|
|
575
|
-
var classes = [];
|
|
576
|
-
|
|
577
|
-
for (var i = 0; i < arguments.length; i++) {
|
|
578
|
-
var arg = arguments[i];
|
|
579
|
-
if (!arg) continue;
|
|
580
|
-
|
|
581
|
-
var argType = typeof arg;
|
|
582
|
-
|
|
583
|
-
if (argType === 'string' || argType === 'number') {
|
|
584
|
-
classes.push(arg);
|
|
585
|
-
} else if (Array.isArray(arg)) {
|
|
586
|
-
if (arg.length) {
|
|
587
|
-
var inner = classNames.apply(null, arg);
|
|
588
|
-
if (inner) {
|
|
589
|
-
classes.push(inner);
|
|
590
|
-
}
|
|
591
|
-
}
|
|
592
|
-
} else if (argType === 'object') {
|
|
593
|
-
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
|
594
|
-
classes.push(arg.toString());
|
|
595
|
-
continue;
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
for (var key in arg) {
|
|
599
|
-
if (hasOwn.call(arg, key) && arg[key]) {
|
|
600
|
-
classes.push(key);
|
|
601
|
-
}
|
|
602
|
-
}
|
|
603
|
-
}
|
|
604
|
-
}
|
|
605
|
-
|
|
606
|
-
return classes.join(' ');
|
|
607
|
-
}
|
|
608
|
-
|
|
609
|
-
if (module.exports) {
|
|
610
|
-
classNames.default = classNames;
|
|
611
|
-
module.exports = classNames;
|
|
612
|
-
} else {
|
|
613
|
-
window.classNames = classNames;
|
|
614
|
-
}
|
|
615
|
-
}());
|
|
616
|
-
} (classnames$1));
|
|
617
|
-
|
|
618
|
-
var classnames = classnames$1.exports;
|
|
619
|
-
|
|
620
663
|
var INITIAL_VALUES = {
|
|
621
664
|
sendFromEmail: "",
|
|
622
665
|
replyToEmail: "",
|
|
@@ -767,47 +810,6 @@ var FormikDatePicker = function FormikDatePicker(_ref) {
|
|
|
767
810
|
}));
|
|
768
811
|
};
|
|
769
812
|
|
|
770
|
-
function _typeof(obj) {
|
|
771
|
-
"@babel/helpers - typeof";
|
|
772
|
-
|
|
773
|
-
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
774
|
-
return typeof obj;
|
|
775
|
-
} : function (obj) {
|
|
776
|
-
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
777
|
-
}, _typeof(obj);
|
|
778
|
-
}
|
|
779
|
-
|
|
780
|
-
function _toPrimitive(input, hint) {
|
|
781
|
-
if (_typeof(input) !== "object" || input === null) return input;
|
|
782
|
-
var prim = input[Symbol.toPrimitive];
|
|
783
|
-
if (prim !== undefined) {
|
|
784
|
-
var res = prim.call(input, hint || "default");
|
|
785
|
-
if (_typeof(res) !== "object") return res;
|
|
786
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
787
|
-
}
|
|
788
|
-
return (hint === "string" ? String : Number)(input);
|
|
789
|
-
}
|
|
790
|
-
|
|
791
|
-
function _toPropertyKey(arg) {
|
|
792
|
-
var key = _toPrimitive(arg, "string");
|
|
793
|
-
return _typeof(key) === "symbol" ? key : String(key);
|
|
794
|
-
}
|
|
795
|
-
|
|
796
|
-
function _defineProperty(obj, key, value) {
|
|
797
|
-
key = _toPropertyKey(key);
|
|
798
|
-
if (key in obj) {
|
|
799
|
-
Object.defineProperty(obj, key, {
|
|
800
|
-
value: value,
|
|
801
|
-
enumerable: true,
|
|
802
|
-
configurable: true,
|
|
803
|
-
writable: true
|
|
804
|
-
});
|
|
805
|
-
} else {
|
|
806
|
-
obj[key] = value;
|
|
807
|
-
}
|
|
808
|
-
return obj;
|
|
809
|
-
}
|
|
810
|
-
|
|
811
813
|
var papaparse = {exports: {}};
|
|
812
814
|
|
|
813
815
|
/* @license
|