@bigbinary/neeto-molecules 1.0.8 → 1.0.10
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 +3 -0
- package/dist/BrowserSupport.cjs.js +2 -1462
- package/dist/BrowserSupport.js +2 -1456
- package/dist/Columns.cjs.js +1 -183
- package/dist/Columns.js +1 -177
- package/dist/CustomDomain.cjs.js +2 -753
- package/dist/CustomDomain.js +2 -727
- package/dist/DateFormat.cjs.js +1 -46
- package/dist/DateFormat.js +1 -40
- package/dist/DateRangeFilter.cjs.js +1 -234
- package/dist/DateRangeFilter.js +1 -227
- package/dist/DynamicVariables.cjs.js +1 -112
- package/dist/DynamicVariables.js +1 -106
- package/dist/EmailPreview.cjs.js +1 -89
- package/dist/EmailPreview.js +1 -83
- package/dist/ErrorPage.cjs.js +1 -189
- package/dist/ErrorPage.js +1 -165
- package/dist/IpRestriction.cjs.js +1 -3578
- package/dist/IpRestriction.js +1 -3552
- package/dist/KeyboardShortcuts.cjs.js +6 -2193
- package/dist/KeyboardShortcuts.js +6 -2186
- package/dist/LoginPage.cjs.js +1 -598
- package/dist/LoginPage.js +1 -573
- package/dist/NeetoWidget.cjs.js +3 -86957
- package/dist/NeetoWidget.js +3 -86931
- package/dist/PageLoader.cjs.js +1 -0
- package/dist/PageLoader.js +1 -0
- package/dist/PublishBlock.cjs.js +2 -184
- package/dist/PublishBlock.js +2 -178
- package/dist/Schedule.cjs.js +1 -950
- package/dist/Schedule.js +1 -919
- package/dist/ShareViaEmail.cjs.js +2 -2832
- package/dist/ShareViaEmail.js +2 -2805
- package/dist/ShareViaLink.cjs.js +2 -1243
- package/dist/ShareViaLink.js +2 -1237
- package/dist/Sidebar.cjs.js +30 -222
- package/dist/Sidebar.js +30 -195
- package/dist/TimeFormat.cjs.js +1 -11
- package/dist/TimeFormat.js +1 -5
- package/package.json +50 -33
- package/src/translations/en.json +0 -1
- package/types/ShareViaEmail.d.ts +9 -2
|
@@ -1,112 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var pure = require('@bigbinary/neeto-commons-frontend/pure');
|
|
5
|
-
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
6
|
-
var neetoui = require('@bigbinary/neetoui');
|
|
7
|
-
var ramda = require('ramda');
|
|
8
|
-
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
-
|
|
13
|
-
function _extends() {
|
|
14
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
15
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
16
|
-
var source = arguments[i];
|
|
17
|
-
for (var key in source) {
|
|
18
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
19
|
-
target[key] = source[key];
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
return target;
|
|
24
|
-
};
|
|
25
|
-
return _extends.apply(this, arguments);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
29
|
-
|
|
30
|
-
var css = ".neeto-molecules-dynamic-variables{max-width:360px;min-width:184px}.neeto-molecules-dynamic-variables button{border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-md);color:rgb(var(--neeto-ui-black));padding:6px;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-dynamic-variables button:focus,.neeto-molecules-dynamic-variables button:focus-visible,.neeto-molecules-dynamic-variables button:hover{border-color:rgb(var(--neeto-ui-primary-800));box-shadow:none;color:rgb(var(--neeto-ui-primary-800));outline:none}";
|
|
31
|
-
n(css,{});
|
|
32
|
-
|
|
33
|
-
var parseVariables = function parseVariables() {
|
|
34
|
-
var variableArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
35
|
-
var uncategorized = [];
|
|
36
|
-
var groupedVariables = [];
|
|
37
|
-
var categorySet = new Set();
|
|
38
|
-
variableArr.forEach(function (variable) {
|
|
39
|
-
var category = variable.category,
|
|
40
|
-
label = variable.label,
|
|
41
|
-
variables = variable.variables;
|
|
42
|
-
if (category && variables) {
|
|
43
|
-
var parsedVariables = variables.map(ramda.assoc("category", category));
|
|
44
|
-
if (!categorySet.has(category)) {
|
|
45
|
-
categorySet.add(category);
|
|
46
|
-
groupedVariables.push({
|
|
47
|
-
label: label,
|
|
48
|
-
variables: parsedVariables
|
|
49
|
-
});
|
|
50
|
-
} else {
|
|
51
|
-
var existingGroup = pure.findBy({
|
|
52
|
-
label: label
|
|
53
|
-
}, groupedVariables);
|
|
54
|
-
existingGroup.variables = ramda.uniqBy(ramda.prop("key"), existingGroup.variables.concat(parsedVariables));
|
|
55
|
-
}
|
|
56
|
-
} else {
|
|
57
|
-
uncategorized.push(variable);
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
if (!ramda.isEmpty(uncategorized)) {
|
|
61
|
-
groupedVariables.push({
|
|
62
|
-
label: !ramda.isEmpty(groupedVariables) ? "Others" : null,
|
|
63
|
-
variables: uncategorized
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
return groupedVariables;
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
var Menu = neetoui.Dropdown.Menu;
|
|
70
|
-
var DynamicVariables = function DynamicVariables(_ref) {
|
|
71
|
-
var _ref$onVariableClick = _ref.onVariableClick,
|
|
72
|
-
onVariableClick = _ref$onVariableClick === void 0 ? pure.noop : _ref$onVariableClick,
|
|
73
|
-
_ref$variables = _ref.variables,
|
|
74
|
-
variables = _ref$variables === void 0 ? [] : _ref$variables,
|
|
75
|
-
_ref$dropdownProps = _ref.dropdownProps,
|
|
76
|
-
dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps;
|
|
77
|
-
if (ramda.isEmpty(variables)) {
|
|
78
|
-
return null;
|
|
79
|
-
}
|
|
80
|
-
var parsedVariables = parseVariables(variables);
|
|
81
|
-
return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
|
|
82
|
-
buttonProps: {
|
|
83
|
-
"data-testid": "variables-dropdown"
|
|
84
|
-
},
|
|
85
|
-
buttonStyle: "secondary",
|
|
86
|
-
icon: neetoIcons.Braces,
|
|
87
|
-
strategy: "fixed"
|
|
88
|
-
}, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
89
|
-
className: "space-y-3 p-2 neeto-molecules-dynamic-variables",
|
|
90
|
-
"data-testid": "variables-list"
|
|
91
|
-
}, parsedVariables.map(function (_ref2) {
|
|
92
|
-
var label = _ref2.label,
|
|
93
|
-
variables = _ref2.variables;
|
|
94
|
-
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
|
|
95
|
-
key: label
|
|
96
|
-
}, label && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
97
|
-
className: "",
|
|
98
|
-
style: "h6"
|
|
99
|
-
}, label), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
100
|
-
className: "flex flex-wrap items-center gap-2"
|
|
101
|
-
}, variables.map(function (item) {
|
|
102
|
-
return /*#__PURE__*/React__default["default"].createElement("button", {
|
|
103
|
-
key: item.label,
|
|
104
|
-
onClick: function onClick() {
|
|
105
|
-
return onVariableClick(item);
|
|
106
|
-
}
|
|
107
|
-
}, item.label);
|
|
108
|
-
})));
|
|
109
|
-
}))));
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
module.exports = DynamicVariables;
|
|
1
|
+
"use strict";var e=require("react"),n=require("@bigbinary/neeto-commons-frontend/pure"),l=require("@bigbinary/neeto-icons"),t=require("@bigbinary/neetoui"),o=require("ramda");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var l=arguments[n];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t])}return e},c.apply(this,arguments)}var r=[],u=[];function s(){var e="/home/runner/work/neeto-molecules/neeto-molecules/src/components/DynamicVariables/utils.js",n=new Function("return this")(),l="__coverage__",t={path:"/home/runner/work/neeto-molecules/neeto-molecules/src/components/DynamicVariables/utils.js",statementMap:{0:{start:{line:4,column:30},end:{line:38,column:1}},1:{start:{line:5,column:24},end:{line:5,column:26}},2:{start:{line:6,column:27},end:{line:6,column:29}},3:{start:{line:7,column:22},end:{line:7,column:31}},4:{start:{line:9,column:2},end:{line:28,column:5}},5:{start:{line:10,column:43},end:{line:10,column:51}},6:{start:{line:11,column:4},end:{line:27,column:5}},7:{start:{line:12,column:30},end:{line:12,column:72}},8:{start:{line:14,column:6},end:{line:24,column:7}},9:{start:{line:15,column:8},end:{line:15,column:34}},10:{start:{line:16,column:8},end:{line:16,column:69}},11:{start:{line:18,column:30},end:{line:18,column:65}},12:{start:{line:20,column:8},end:{line:23,column:10}},13:{start:{line:26,column:6},end:{line:26,column:35}},14:{start:{line:30,column:2},end:{line:35,column:3}},15:{start:{line:31,column:4},end:{line:34,column:7}},16:{start:{line:37,column:2},end:{line:37,column:26}}},fnMap:{0:{name:"(anonymous_0)",decl:{start:{line:4,column:30},end:{line:4,column:31}},loc:{start:{line:4,column:52},end:{line:38,column:1}},line:4},1:{name:"(anonymous_1)",decl:{start:{line:9,column:22},end:{line:9,column:23}},loc:{start:{line:9,column:34},end:{line:28,column:3}},line:9}},branchMap:{0:{loc:{start:{line:4,column:31},end:{line:4,column:47}},type:"default-arg",locations:[{start:{line:4,column:45},end:{line:4,column:47}}],line:4},1:{loc:{start:{line:11,column:4},end:{line:27,column:5}},type:"if",locations:[{start:{line:11,column:4},end:{line:27,column:5}},{start:{line:25,column:11},end:{line:27,column:5}}],line:11},2:{loc:{start:{line:11,column:8},end:{line:11,column:29}},type:"binary-expr",locations:[{start:{line:11,column:8},end:{line:11,column:16}},{start:{line:11,column:20},end:{line:11,column:29}}],line:11},3:{loc:{start:{line:14,column:6},end:{line:24,column:7}},type:"if",locations:[{start:{line:14,column:6},end:{line:24,column:7}},{start:{line:17,column:13},end:{line:24,column:7}}],line:14},4:{loc:{start:{line:30,column:2},end:{line:35,column:3}},type:"if",locations:[{start:{line:30,column:2},end:{line:35,column:3}},{start:{line:void 0,column:void 0},end:{line:void 0,column:void 0}}],line:30},5:{loc:{start:{line:32,column:13},end:{line:32,column:57}},type:"cond-expr",locations:[{start:{line:32,column:42},end:{line:32,column:50}},{start:{line:32,column:53},end:{line:32,column:57}}],line:32}},s:{0:0,1:0,2:0,3:0,4:0,5:0,6:0,7:0,8:0,9:0,10:0,11:0,12:0,13:0,14:0,15:0,16:0},f:{0:0,1:0},b:{0:[0],1:[0,0],2:[0,0],3:[0,0],4:[0,0],5:[0,0]},_coverageSchema:"1a1c01bbd47fc00a2c39e90264f33305004495a9",hash:"4c574e2e70b123ce348682c763622977d3ae3704"},o=n[l]||(n[l]={});o[e]&&"4c574e2e70b123ce348682c763622977d3ae3704"===o[e].hash||(o[e]=t);var i=o[e];return s=function(){return i},i}!function(e,n){if(e&&"undefined"!=typeof document){var l,t=!0===n.prepend?"prepend":"append",o=!0===n.singleTag,i="string"==typeof n.container?document.querySelector(n.container):document.getElementsByTagName("head")[0];if(o){var a=r.indexOf(i);-1===a&&(a=r.push(i)-1,u[a]={}),l=u[a]&&u[a][t]?u[a][t]:u[a][t]=c()}else l=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),l.styleSheet?l.styleSheet.cssText+=e:l.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),n.attributes)for(var l=Object.keys(n.attributes),o=0;o<l.length;o++)e.setAttribute(l[o],n.attributes[l[o]]);var a="prepend"===t?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}(".neeto-molecules-dynamic-variables{max-width:360px;min-width:184px}.neeto-molecules-dynamic-variables button{border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-md);color:rgb(var(--neeto-ui-black));padding:6px;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-dynamic-variables button:focus,.neeto-molecules-dynamic-variables button:focus-visible,.neeto-molecules-dynamic-variables button:hover{border-color:rgb(var(--neeto-ui-primary-800));box-shadow:none;color:rgb(var(--neeto-ui-primary-800));outline:none}",{}),s(),s().s[0]++;function m(){var e="/home/runner/work/neeto-molecules/neeto-molecules/src/components/DynamicVariables/index.jsx",n=new Function("return this")(),l="__coverage__",t={path:"/home/runner/work/neeto-molecules/neeto-molecules/src/components/DynamicVariables/index.jsx",statementMap:{0:{start:{line:11,column:17},end:{line:11,column:25}},1:{start:{line:13,column:25},end:{line:60,column:1}},2:{start:{line:18,column:2},end:{line:20,column:3}},3:{start:{line:19,column:4},end:{line:19,column:16}},4:{start:{line:22,column:26},end:{line:22,column:51}},5:{start:{line:24,column:2},end:{line:59,column:4}},6:{start:{line:38,column:12},end:{line:54,column:23}},7:{start:{line:46,column:18},end:{line:51,column:27}},8:{start:{line:48,column:35},end:{line:48,column:56}}},fnMap:{0:{name:"(anonymous_0)",decl:{start:{line:13,column:25},end:{line:13,column:26}},loc:{start:{line:17,column:6},end:{line:60,column:1}},line:17},1:{name:"(anonymous_1)",decl:{start:{line:37,column:31},end:{line:37,column:32}},loc:{start:{line:38,column:12},end:{line:54,column:23}},line:38},2:{name:"(anonymous_2)",decl:{start:{line:45,column:31},end:{line:45,column:32}},loc:{start:{line:46,column:18},end:{line:51,column:27}},line:46},3:{name:"(anonymous_3)",decl:{start:{line:48,column:29},end:{line:48,column:30}},loc:{start:{line:48,column:35},end:{line:48,column:56}},line:48}},branchMap:{0:{loc:{start:{line:14,column:2},end:{line:14,column:24}},type:"default-arg",locations:[{start:{line:14,column:20},end:{line:14,column:24}}],line:14},1:{loc:{start:{line:15,column:2},end:{line:15,column:16}},type:"default-arg",locations:[{start:{line:15,column:14},end:{line:15,column:16}}],line:15},2:{loc:{start:{line:16,column:2},end:{line:16,column:20}},type:"default-arg",locations:[{start:{line:16,column:18},end:{line:16,column:20}}],line:16},3:{loc:{start:{line:18,column:2},end:{line:20,column:3}},type:"if",locations:[{start:{line:18,column:2},end:{line:20,column:3}},{start:{line:void 0,column:void 0},end:{line:void 0,column:void 0}}],line:18},4:{loc:{start:{line:39,column:15},end:{line:43,column:15}},type:"binary-expr",locations:[{start:{line:39,column:15},end:{line:39,column:20}},{start:{line:40,column:16},end:{line:42,column:29}}],line:39}},s:{0:0,1:0,2:0,3:0,4:0,5:0,6:0,7:0,8:0},f:{0:0,1:0,2:0,3:0},b:{0:[0],1:[0],2:[0],3:[0,0],4:[0,0]},_coverageSchema:"1a1c01bbd47fc00a2c39e90264f33305004495a9",hash:"da662a1f7259fc7021a11b355e3c4df1c651110f"},o=n[l]||(n[l]={});o[e]&&"da662a1f7259fc7021a11b355e3c4df1c651110f"===o[e].hash||(o[e]=t);var i=o[e];return m=function(){return i},i}m();var d=(m().s[0]++,t.Dropdown).Menu;m().s[1]++;module.exports=function(i){var r=i.onVariableClick,u=void 0===r?(m().b[0][0]++,n.noop):r,b=i.variables,p=void 0===b?(m().b[1][0]++,[]):b,f=i.dropdownProps,v=void 0===f?(m().b[2][0]++,{}):f;if(m().f[0]++,m().s[2]++,o.isEmpty(p))return m().b[3][0]++,m().s[3]++,null;m().b[3][1]++;var y=(m().s[4]++,function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:(s().b[0][0]++,[]);s().f[0]++;var l=(s().s[1]++,[]),t=(s().s[2]++,[]),i=(s().s[3]++,new Set);return s().s[4]++,e.forEach((function(e){s().f[1]++;var a=(s().s[5]++,e),c=a.category,r=a.label,u=a.variables;if(s().s[6]++,s().b[2][0]++,c&&(s().b[2][1]++,u)){s().b[1][0]++;var m=(s().s[7]++,u.map(o.assoc("category",c)));if(s().s[8]++,i.has(c)){s().b[3][1]++;var d=(s().s[11]++,n.findBy({label:r},t));s().s[12]++,d.variables=o.uniqBy(o.prop("key"),d.variables.concat(m))}else s().b[3][0]++,s().s[9]++,i.add(c),s().s[10]++,t.push({label:r,variables:m})}else s().b[1][1]++,s().s[13]++,l.push(e)})),s().s[14]++,o.isEmpty(l)?s().b[4][1]++:(s().b[4][0]++,s().s[15]++,t.push({label:o.isEmpty(t)?(s().b[5][1]++,null):(s().b[5][0]++,"Others"),variables:l})),s().s[16]++,t}(p));return m().s[5]++,a.default.createElement(t.Dropdown,c({buttonProps:{"data-testid":"variables-dropdown"},buttonStyle:"secondary",icon:l.Braces,strategy:"fixed"},v),a.default.createElement(d,null,a.default.createElement("div",{className:"neeto-molecules-dynamic-variables space-y-3 p-2","data-testid":"variables-list"},y.map((function(n){var l=n.label,o=n.variables;return m().f[1]++,m().s[6]++,a.default.createElement(e.Fragment,{key:l},(m().b[4][0]++,l&&(m().b[4][1]++,a.default.createElement(t.Typography,{className:"",style:"h6"},l))),a.default.createElement("div",{className:"flex flex-wrap items-center gap-2"},o.map((function(e){return m().f[2]++,m().s[7]++,a.default.createElement("button",{key:e.label,onClick:function(){return m().f[3]++,m().s[8]++,u(e)}},e.label)}))))})))))};
|
package/dist/DynamicVariables.js
CHANGED
|
@@ -1,106 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { findBy, noop } from '@bigbinary/neeto-commons-frontend/pure';
|
|
3
|
-
import { Braces } from '@bigbinary/neeto-icons';
|
|
4
|
-
import { Dropdown, Typography } from '@bigbinary/neetoui';
|
|
5
|
-
import { assoc, uniqBy, prop, isEmpty } from 'ramda';
|
|
6
|
-
|
|
7
|
-
function _extends() {
|
|
8
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
9
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
10
|
-
var source = arguments[i];
|
|
11
|
-
for (var key in source) {
|
|
12
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
13
|
-
target[key] = source[key];
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
return target;
|
|
18
|
-
};
|
|
19
|
-
return _extends.apply(this, arguments);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
23
|
-
|
|
24
|
-
var css = ".neeto-molecules-dynamic-variables{max-width:360px;min-width:184px}.neeto-molecules-dynamic-variables button{border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-md);color:rgb(var(--neeto-ui-black));padding:6px;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-dynamic-variables button:focus,.neeto-molecules-dynamic-variables button:focus-visible,.neeto-molecules-dynamic-variables button:hover{border-color:rgb(var(--neeto-ui-primary-800));box-shadow:none;color:rgb(var(--neeto-ui-primary-800));outline:none}";
|
|
25
|
-
n(css,{});
|
|
26
|
-
|
|
27
|
-
var parseVariables = function parseVariables() {
|
|
28
|
-
var variableArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
29
|
-
var uncategorized = [];
|
|
30
|
-
var groupedVariables = [];
|
|
31
|
-
var categorySet = new Set();
|
|
32
|
-
variableArr.forEach(function (variable) {
|
|
33
|
-
var category = variable.category,
|
|
34
|
-
label = variable.label,
|
|
35
|
-
variables = variable.variables;
|
|
36
|
-
if (category && variables) {
|
|
37
|
-
var parsedVariables = variables.map(assoc("category", category));
|
|
38
|
-
if (!categorySet.has(category)) {
|
|
39
|
-
categorySet.add(category);
|
|
40
|
-
groupedVariables.push({
|
|
41
|
-
label: label,
|
|
42
|
-
variables: parsedVariables
|
|
43
|
-
});
|
|
44
|
-
} else {
|
|
45
|
-
var existingGroup = findBy({
|
|
46
|
-
label: label
|
|
47
|
-
}, groupedVariables);
|
|
48
|
-
existingGroup.variables = uniqBy(prop("key"), existingGroup.variables.concat(parsedVariables));
|
|
49
|
-
}
|
|
50
|
-
} else {
|
|
51
|
-
uncategorized.push(variable);
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
if (!isEmpty(uncategorized)) {
|
|
55
|
-
groupedVariables.push({
|
|
56
|
-
label: !isEmpty(groupedVariables) ? "Others" : null,
|
|
57
|
-
variables: uncategorized
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
return groupedVariables;
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
var Menu = Dropdown.Menu;
|
|
64
|
-
var DynamicVariables = function DynamicVariables(_ref) {
|
|
65
|
-
var _ref$onVariableClick = _ref.onVariableClick,
|
|
66
|
-
onVariableClick = _ref$onVariableClick === void 0 ? noop : _ref$onVariableClick,
|
|
67
|
-
_ref$variables = _ref.variables,
|
|
68
|
-
variables = _ref$variables === void 0 ? [] : _ref$variables,
|
|
69
|
-
_ref$dropdownProps = _ref.dropdownProps,
|
|
70
|
-
dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps;
|
|
71
|
-
if (isEmpty(variables)) {
|
|
72
|
-
return null;
|
|
73
|
-
}
|
|
74
|
-
var parsedVariables = parseVariables(variables);
|
|
75
|
-
return /*#__PURE__*/React.createElement(Dropdown, _extends({
|
|
76
|
-
buttonProps: {
|
|
77
|
-
"data-testid": "variables-dropdown"
|
|
78
|
-
},
|
|
79
|
-
buttonStyle: "secondary",
|
|
80
|
-
icon: Braces,
|
|
81
|
-
strategy: "fixed"
|
|
82
|
-
}, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", {
|
|
83
|
-
className: "space-y-3 p-2 neeto-molecules-dynamic-variables",
|
|
84
|
-
"data-testid": "variables-list"
|
|
85
|
-
}, parsedVariables.map(function (_ref2) {
|
|
86
|
-
var label = _ref2.label,
|
|
87
|
-
variables = _ref2.variables;
|
|
88
|
-
return /*#__PURE__*/React.createElement(Fragment, {
|
|
89
|
-
key: label
|
|
90
|
-
}, label && /*#__PURE__*/React.createElement(Typography, {
|
|
91
|
-
className: "",
|
|
92
|
-
style: "h6"
|
|
93
|
-
}, label), /*#__PURE__*/React.createElement("div", {
|
|
94
|
-
className: "flex flex-wrap items-center gap-2"
|
|
95
|
-
}, variables.map(function (item) {
|
|
96
|
-
return /*#__PURE__*/React.createElement("button", {
|
|
97
|
-
key: item.label,
|
|
98
|
-
onClick: function onClick() {
|
|
99
|
-
return onVariableClick(item);
|
|
100
|
-
}
|
|
101
|
-
}, item.label);
|
|
102
|
-
})));
|
|
103
|
-
}))));
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
export { DynamicVariables as default };
|
|
1
|
+
import n,{Fragment as e}from"react";import{findBy as l,noop as t}from"@bigbinary/neeto-commons-frontend/pure";import{Braces as o}from"@bigbinary/neeto-icons";import{Dropdown as i,Typography as c}from"@bigbinary/neetoui";import{assoc as a,uniqBy as r,prop as u,isEmpty as s}from"ramda";function m(){return m=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var l=arguments[e];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(n[t]=l[t])}return n},m.apply(this,arguments)}var d=[],b=[];function p(){var n="/home/runner/work/neeto-molecules/neeto-molecules/src/components/DynamicVariables/utils.js",e=new Function("return this")(),l="__coverage__",t={path:"/home/runner/work/neeto-molecules/neeto-molecules/src/components/DynamicVariables/utils.js",statementMap:{0:{start:{line:4,column:30},end:{line:38,column:1}},1:{start:{line:5,column:24},end:{line:5,column:26}},2:{start:{line:6,column:27},end:{line:6,column:29}},3:{start:{line:7,column:22},end:{line:7,column:31}},4:{start:{line:9,column:2},end:{line:28,column:5}},5:{start:{line:10,column:43},end:{line:10,column:51}},6:{start:{line:11,column:4},end:{line:27,column:5}},7:{start:{line:12,column:30},end:{line:12,column:72}},8:{start:{line:14,column:6},end:{line:24,column:7}},9:{start:{line:15,column:8},end:{line:15,column:34}},10:{start:{line:16,column:8},end:{line:16,column:69}},11:{start:{line:18,column:30},end:{line:18,column:65}},12:{start:{line:20,column:8},end:{line:23,column:10}},13:{start:{line:26,column:6},end:{line:26,column:35}},14:{start:{line:30,column:2},end:{line:35,column:3}},15:{start:{line:31,column:4},end:{line:34,column:7}},16:{start:{line:37,column:2},end:{line:37,column:26}}},fnMap:{0:{name:"(anonymous_0)",decl:{start:{line:4,column:30},end:{line:4,column:31}},loc:{start:{line:4,column:52},end:{line:38,column:1}},line:4},1:{name:"(anonymous_1)",decl:{start:{line:9,column:22},end:{line:9,column:23}},loc:{start:{line:9,column:34},end:{line:28,column:3}},line:9}},branchMap:{0:{loc:{start:{line:4,column:31},end:{line:4,column:47}},type:"default-arg",locations:[{start:{line:4,column:45},end:{line:4,column:47}}],line:4},1:{loc:{start:{line:11,column:4},end:{line:27,column:5}},type:"if",locations:[{start:{line:11,column:4},end:{line:27,column:5}},{start:{line:25,column:11},end:{line:27,column:5}}],line:11},2:{loc:{start:{line:11,column:8},end:{line:11,column:29}},type:"binary-expr",locations:[{start:{line:11,column:8},end:{line:11,column:16}},{start:{line:11,column:20},end:{line:11,column:29}}],line:11},3:{loc:{start:{line:14,column:6},end:{line:24,column:7}},type:"if",locations:[{start:{line:14,column:6},end:{line:24,column:7}},{start:{line:17,column:13},end:{line:24,column:7}}],line:14},4:{loc:{start:{line:30,column:2},end:{line:35,column:3}},type:"if",locations:[{start:{line:30,column:2},end:{line:35,column:3}},{start:{line:void 0,column:void 0},end:{line:void 0,column:void 0}}],line:30},5:{loc:{start:{line:32,column:13},end:{line:32,column:57}},type:"cond-expr",locations:[{start:{line:32,column:42},end:{line:32,column:50}},{start:{line:32,column:53},end:{line:32,column:57}}],line:32}},s:{0:0,1:0,2:0,3:0,4:0,5:0,6:0,7:0,8:0,9:0,10:0,11:0,12:0,13:0,14:0,15:0,16:0},f:{0:0,1:0},b:{0:[0],1:[0,0],2:[0,0],3:[0,0],4:[0,0],5:[0,0]},_coverageSchema:"1a1c01bbd47fc00a2c39e90264f33305004495a9",hash:"4c574e2e70b123ce348682c763622977d3ae3704"},o=e[l]||(e[l]={});o[n]&&"4c574e2e70b123ce348682c763622977d3ae3704"===o[n].hash||(o[n]=t);var i=o[n];return p=function(){return i},i}!function(n,e){if(n&&"undefined"!=typeof document){var l,t=!0===e.prepend?"prepend":"append",o=!0===e.singleTag,i="string"==typeof e.container?document.querySelector(e.container):document.getElementsByTagName("head")[0];if(o){var c=d.indexOf(i);-1===c&&(c=d.push(i)-1,b[c]={}),l=b[c]&&b[c][t]?b[c][t]:b[c][t]=a()}else l=a();65279===n.charCodeAt(0)&&(n=n.substring(1)),l.styleSheet?l.styleSheet.cssText+=n:l.appendChild(document.createTextNode(n))}function a(){var n=document.createElement("style");if(n.setAttribute("type","text/css"),e.attributes)for(var l=Object.keys(e.attributes),o=0;o<l.length;o++)n.setAttribute(l[o],e.attributes[l[o]]);var c="prepend"===t?"afterbegin":"beforeend";return i.insertAdjacentElement(c,n),n}}(".neeto-molecules-dynamic-variables{max-width:360px;min-width:184px}.neeto-molecules-dynamic-variables button{border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-md);color:rgb(var(--neeto-ui-black));padding:6px;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-dynamic-variables button:focus,.neeto-molecules-dynamic-variables button:focus-visible,.neeto-molecules-dynamic-variables button:hover{border-color:rgb(var(--neeto-ui-primary-800));box-shadow:none;color:rgb(var(--neeto-ui-primary-800));outline:none}",{}),p(),p().s[0]++;function f(){var n="/home/runner/work/neeto-molecules/neeto-molecules/src/components/DynamicVariables/index.jsx",e=new Function("return this")(),l="__coverage__",t={path:"/home/runner/work/neeto-molecules/neeto-molecules/src/components/DynamicVariables/index.jsx",statementMap:{0:{start:{line:11,column:17},end:{line:11,column:25}},1:{start:{line:13,column:25},end:{line:60,column:1}},2:{start:{line:18,column:2},end:{line:20,column:3}},3:{start:{line:19,column:4},end:{line:19,column:16}},4:{start:{line:22,column:26},end:{line:22,column:51}},5:{start:{line:24,column:2},end:{line:59,column:4}},6:{start:{line:38,column:12},end:{line:54,column:23}},7:{start:{line:46,column:18},end:{line:51,column:27}},8:{start:{line:48,column:35},end:{line:48,column:56}}},fnMap:{0:{name:"(anonymous_0)",decl:{start:{line:13,column:25},end:{line:13,column:26}},loc:{start:{line:17,column:6},end:{line:60,column:1}},line:17},1:{name:"(anonymous_1)",decl:{start:{line:37,column:31},end:{line:37,column:32}},loc:{start:{line:38,column:12},end:{line:54,column:23}},line:38},2:{name:"(anonymous_2)",decl:{start:{line:45,column:31},end:{line:45,column:32}},loc:{start:{line:46,column:18},end:{line:51,column:27}},line:46},3:{name:"(anonymous_3)",decl:{start:{line:48,column:29},end:{line:48,column:30}},loc:{start:{line:48,column:35},end:{line:48,column:56}},line:48}},branchMap:{0:{loc:{start:{line:14,column:2},end:{line:14,column:24}},type:"default-arg",locations:[{start:{line:14,column:20},end:{line:14,column:24}}],line:14},1:{loc:{start:{line:15,column:2},end:{line:15,column:16}},type:"default-arg",locations:[{start:{line:15,column:14},end:{line:15,column:16}}],line:15},2:{loc:{start:{line:16,column:2},end:{line:16,column:20}},type:"default-arg",locations:[{start:{line:16,column:18},end:{line:16,column:20}}],line:16},3:{loc:{start:{line:18,column:2},end:{line:20,column:3}},type:"if",locations:[{start:{line:18,column:2},end:{line:20,column:3}},{start:{line:void 0,column:void 0},end:{line:void 0,column:void 0}}],line:18},4:{loc:{start:{line:39,column:15},end:{line:43,column:15}},type:"binary-expr",locations:[{start:{line:39,column:15},end:{line:39,column:20}},{start:{line:40,column:16},end:{line:42,column:29}}],line:39}},s:{0:0,1:0,2:0,3:0,4:0,5:0,6:0,7:0,8:0},f:{0:0,1:0,2:0,3:0},b:{0:[0],1:[0],2:[0],3:[0,0],4:[0,0]},_coverageSchema:"1a1c01bbd47fc00a2c39e90264f33305004495a9",hash:"da662a1f7259fc7021a11b355e3c4df1c651110f"},o=e[l]||(e[l]={});o[n]&&"da662a1f7259fc7021a11b355e3c4df1c651110f"===o[n].hash||(o[n]=t);var i=o[n];return f=function(){return i},i}f();var v=(f().s[0]++,i).Menu;f().s[1]++;var y=function(d){var b=d.onVariableClick,y=void 0===b?(f().b[0][0]++,t):b,h=d.variables,g=void 0===h?(f().b[1][0]++,[]):h,x=d.dropdownProps,_=void 0===x?(f().b[2][0]++,{}):x;if(f().f[0]++,f().s[2]++,s(g))return f().b[3][0]++,f().s[3]++,null;f().b[3][1]++;var w=(f().s[4]++,function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:(p().b[0][0]++,[]);p().f[0]++;var e=(p().s[1]++,[]),t=(p().s[2]++,[]),o=(p().s[3]++,new Set);return p().s[4]++,n.forEach((function(n){p().f[1]++;var i=(p().s[5]++,n),c=i.category,s=i.label,m=i.variables;if(p().s[6]++,p().b[2][0]++,c&&(p().b[2][1]++,m)){p().b[1][0]++;var d=(p().s[7]++,m.map(a("category",c)));if(p().s[8]++,o.has(c)){p().b[3][1]++;var b=(p().s[11]++,l({label:s},t));p().s[12]++,b.variables=r(u("key"),b.variables.concat(d))}else p().b[3][0]++,p().s[9]++,o.add(c),p().s[10]++,t.push({label:s,variables:d})}else p().b[1][1]++,p().s[13]++,e.push(n)})),p().s[14]++,s(e)?p().b[4][1]++:(p().b[4][0]++,p().s[15]++,t.push({label:s(t)?(p().b[5][1]++,null):(p().b[5][0]++,"Others"),variables:e})),p().s[16]++,t}(g));return f().s[5]++,n.createElement(i,m({buttonProps:{"data-testid":"variables-dropdown"},buttonStyle:"secondary",icon:o,strategy:"fixed"},_),n.createElement(v,null,n.createElement("div",{className:"neeto-molecules-dynamic-variables space-y-3 p-2","data-testid":"variables-list"},w.map((function(l){var t=l.label,o=l.variables;return f().f[1]++,f().s[6]++,n.createElement(e,{key:t},(f().b[4][0]++,t&&(f().b[4][1]++,n.createElement(c,{className:"",style:"h6"},t))),n.createElement("div",{className:"flex flex-wrap items-center gap-2"},o.map((function(e){return f().f[2]++,f().s[7]++,n.createElement("button",{key:e.label,onClick:function(){return f().f[3]++,f().s[8]++,y(e)}},e.label)}))))})))))};export{y as default};
|
package/dist/EmailPreview.cjs.js
CHANGED
|
@@ -1,89 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var neetoEditor = require('@bigbinary/neeto-editor');
|
|
5
|
-
var neetoui = require('@bigbinary/neetoui');
|
|
6
|
-
var reactI18next = require('react-i18next');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
-
|
|
12
|
-
var EmailPreview = function EmailPreview(_ref) {
|
|
13
|
-
var to = _ref.to,
|
|
14
|
-
from = _ref.from,
|
|
15
|
-
subject = _ref.subject,
|
|
16
|
-
body = _ref.body,
|
|
17
|
-
productName = _ref.productName,
|
|
18
|
-
actionButtonText = _ref.actionButtonText,
|
|
19
|
-
logo = _ref.logo;
|
|
20
|
-
var _useTranslation = reactI18next.useTranslation(),
|
|
21
|
-
t = _useTranslation.t;
|
|
22
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
23
|
-
className: "border neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col"
|
|
24
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25
|
-
className: "border-b neeto-ui-border-gray-300 divide-y divide-gray-200 p-6 space-y-3"
|
|
26
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27
|
-
className: "flex items-center gap-2",
|
|
28
|
-
"data-testid": "email-to-block"
|
|
29
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
30
|
-
className: "neeto-ui-text-gray-500",
|
|
31
|
-
lineHeight: "normal",
|
|
32
|
-
style: "body2"
|
|
33
|
-
}, t("neetoMolecules.emailPreview.to"), ":"), (to === null || to === void 0 ? void 0 : to.join(", ")) || /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34
|
-
className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
|
|
35
|
-
})), from && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36
|
-
className: "flex items-center gap-2 pt-3"
|
|
37
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
38
|
-
className: "neeto-ui-text-gray-500",
|
|
39
|
-
lineHeight: "normal",
|
|
40
|
-
style: "body2"
|
|
41
|
-
}, t("neetoMolecules.emailPreview.from"), ":"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
42
|
-
className: "neeto-ui-text-gray-800",
|
|
43
|
-
lineHeight: "normal",
|
|
44
|
-
style: "body2"
|
|
45
|
-
}, from)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
46
|
-
className: "flex items-center gap-2 pt-3"
|
|
47
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
48
|
-
className: "neeto-ui-text-gray-500",
|
|
49
|
-
lineHeight: "normal",
|
|
50
|
-
style: "body2"
|
|
51
|
-
}, t("neetoMolecules.emailPreview.subject"), ":"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
52
|
-
className: "neeto-ui-text-gray-800",
|
|
53
|
-
lineHeight: "normal",
|
|
54
|
-
style: "body2"
|
|
55
|
-
}, subject || /*#__PURE__*/React__default["default"].createElement("span", {
|
|
56
|
-
className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
|
|
57
|
-
})))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
58
|
-
className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed"
|
|
59
|
-
}, body ? /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
|
|
60
|
-
content: body
|
|
61
|
-
}) : /*#__PURE__*/React__default["default"].createElement("div", {
|
|
62
|
-
className: "space-y-4"
|
|
63
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
64
|
-
className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
|
|
65
|
-
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
66
|
-
className: "neeto-ui-bg-gray-300 h-2 w-72 rounded-full"
|
|
67
|
-
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
68
|
-
className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
|
|
69
|
-
})), actionButtonText && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
70
|
-
className: "mt-6 flex w-full items-center justify-center"
|
|
71
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
72
|
-
className: "pointer-events-none",
|
|
73
|
-
label: actionButtonText
|
|
74
|
-
})), logo && /*#__PURE__*/React__default["default"].createElement("img", {
|
|
75
|
-
alt: t("neetoMolecules.emailPreview.logoAltText"),
|
|
76
|
-
className: "h-20 w-36 object-cover",
|
|
77
|
-
src: logo
|
|
78
|
-
})), productName && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
79
|
-
className: "neeto-ui-bg-gray-100 mt-auto p-2",
|
|
80
|
-
"data-testid": "product-name-block"
|
|
81
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
82
|
-
className: "neeto-ui-text-gray-600 text-center leading-6",
|
|
83
|
-
style: "body3"
|
|
84
|
-
}, t("neetoMolecules.emailPreview.poweredBy"), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
85
|
-
className: "neeto-ui-text-gray-800 font-medium"
|
|
86
|
-
}, productName))));
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
module.exports = EmailPreview;
|
|
1
|
+
"use strict";var e=require("react"),l=require("@bigbinary/neeto-editor"),n=require("@bigbinary/neetoui"),t=require("react-i18next");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e);function c(){var e="/home/runner/work/neeto-molecules/neeto-molecules/src/components/EmailPreview.jsx",l=new Function("return this")(),n="__coverage__",t=l[n]||(l[n]={});t[e]&&"6d8c4987f4972dc0b6e4e31697101950d270429d"===t[e].hash||(t[e]={path:"/home/runner/work/neeto-molecules/neeto-molecules/src/components/EmailPreview.jsx",statementMap:{0:{start:{line:7,column:21},end:{line:111,column:1}},1:{start:{line:16,column:16},end:{line:16,column:32}},2:{start:{line:18,column:2},end:{line:110,column:4}}},fnMap:{0:{name:"(anonymous_0)",decl:{start:{line:7,column:21},end:{line:7,column:22}},loc:{start:{line:15,column:6},end:{line:111,column:1}},line:15}},branchMap:{0:{loc:{start:{line:29,column:11},end:{line:31,column:11}},type:"binary-expr",locations:[{start:{line:29,column:11},end:{line:29,column:25}},{start:{line:30,column:12},end:{line:30,column:74}}],line:29},1:{loc:{start:{line:33,column:9},end:{line:50,column:9}},type:"binary-expr",locations:[{start:{line:33,column:9},end:{line:33,column:13}},{start:{line:34,column:10},end:{line:49,column:16}}],line:33},2:{loc:{start:{line:64,column:13},end:{line:66,column:13}},type:"binary-expr",locations:[{start:{line:64,column:13},end:{line:64,column:20}},{start:{line:65,column:14},end:{line:65,column:77}}],line:64},3:{loc:{start:{line:71,column:9},end:{line:79,column:9}},type:"cond-expr",locations:[{start:{line:72,column:10},end:{line:72,column:42}},{start:{line:74,column:10},end:{line:78,column:16}}],line:71},4:{loc:{start:{line:80,column:9},end:{line:84,column:9}},type:"binary-expr",locations:[{start:{line:80,column:9},end:{line:80,column:25}},{start:{line:81,column:10},end:{line:83,column:16}}],line:80},5:{loc:{start:{line:85,column:9},end:{line:91,column:9}},type:"binary-expr",locations:[{start:{line:85,column:9},end:{line:85,column:13}},{start:{line:86,column:10},end:{line:90,column:12}}],line:85},6:{loc:{start:{line:93,column:7},end:{line:108,column:7}},type:"binary-expr",locations:[{start:{line:93,column:7},end:{line:93,column:18}},{start:{line:94,column:8},end:{line:107,column:14}}],line:93}},s:{0:0,1:0,2:0},f:{0:0},b:{0:[0,0],1:[0,0],2:[0,0],3:[0,0],4:[0,0],5:[0,0],6:[0,0]},_coverageSchema:"1a1c01bbd47fc00a2c39e90264f33305004495a9",hash:"6d8c4987f4972dc0b6e4e31697101950d270429d"});var a=t[e];return c=function(){return a},a}c(),c().s[0]++;module.exports=function(e){var a=e.to,i=e.from,r=e.subject,u=e.body,m=e.productName,s=e.actionButtonText,d=e.logo;c().f[0]++;var y=(c().s[1]++,t.useTranslation()).t;return c().s[2]++,o.default.createElement("div",{className:"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border"},o.default.createElement("div",{className:"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6"},o.default.createElement("div",{className:"flex items-center gap-2","data-testid":"email-to-block"},o.default.createElement(n.Typography,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},y("neetoMolecules.emailPreview.to"),":"),(c().b[0][0]++,(null==a?void 0:a.join(", "))||(c().b[0][1]++,o.default.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-40 rounded-full"})))),(c().b[1][0]++,i&&(c().b[1][1]++,o.default.createElement("div",{className:"flex items-center gap-2 pt-3"},o.default.createElement(n.Typography,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},y("neetoMolecules.emailPreview.from"),":"),o.default.createElement(n.Typography,{className:"neeto-ui-text-gray-800",lineHeight:"normal",style:"body2"},i)))),o.default.createElement("div",{className:"flex items-center gap-2 pt-3"},o.default.createElement(n.Typography,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},y("neetoMolecules.emailPreview.subject"),":"),o.default.createElement(n.Typography,{className:"neeto-ui-text-gray-800",lineHeight:"normal",style:"body2"},(c().b[2][0]++,r||(c().b[2][1]++,o.default.createElement("span",{className:"neeto-ui-bg-gray-300 h-2 w-40 rounded-full"})))))),o.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"},u?(c().b[3][0]++,o.default.createElement(l.EditorContent,{content:u})):(c().b[3][1]++,o.default.createElement("div",{className:"space-y-4"},o.default.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-80 rounded-full"}),o.default.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-72 rounded-full"}),o.default.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-80 rounded-full"}))),(c().b[4][0]++,s&&(c().b[4][1]++,o.default.createElement("div",{className:"mt-6 flex w-full items-center justify-center"},o.default.createElement(n.Button,{className:"pointer-events-none",label:s})))),(c().b[5][0]++,d&&(c().b[5][1]++,o.default.createElement("img",{alt:y("neetoMolecules.emailPreview.logoAltText"),className:"h-20 w-36 object-cover",src:d})))),(c().b[6][0]++,m&&(c().b[6][1]++,o.default.createElement("div",{className:"neeto-ui-bg-gray-100 mt-auto p-2","data-testid":"product-name-block"},o.default.createElement(n.Typography,{className:"neeto-ui-text-gray-600 text-center leading-6",style:"body3"},y("neetoMolecules.emailPreview.poweredBy"),o.default.createElement("span",{className:"neeto-ui-text-gray-800 font-medium"},m))))))};
|
package/dist/EmailPreview.js
CHANGED
|
@@ -1,83 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { EditorContent } from '@bigbinary/neeto-editor';
|
|
3
|
-
import { Typography, Button } from '@bigbinary/neetoui';
|
|
4
|
-
import { useTranslation } from 'react-i18next';
|
|
5
|
-
|
|
6
|
-
var EmailPreview = function EmailPreview(_ref) {
|
|
7
|
-
var to = _ref.to,
|
|
8
|
-
from = _ref.from,
|
|
9
|
-
subject = _ref.subject,
|
|
10
|
-
body = _ref.body,
|
|
11
|
-
productName = _ref.productName,
|
|
12
|
-
actionButtonText = _ref.actionButtonText,
|
|
13
|
-
logo = _ref.logo;
|
|
14
|
-
var _useTranslation = useTranslation(),
|
|
15
|
-
t = _useTranslation.t;
|
|
16
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
17
|
-
className: "border neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col"
|
|
18
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
19
|
-
className: "border-b neeto-ui-border-gray-300 divide-y divide-gray-200 p-6 space-y-3"
|
|
20
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
21
|
-
className: "flex items-center gap-2",
|
|
22
|
-
"data-testid": "email-to-block"
|
|
23
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
24
|
-
className: "neeto-ui-text-gray-500",
|
|
25
|
-
lineHeight: "normal",
|
|
26
|
-
style: "body2"
|
|
27
|
-
}, t("neetoMolecules.emailPreview.to"), ":"), (to === null || to === void 0 ? void 0 : to.join(", ")) || /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
|
|
29
|
-
})), from && /*#__PURE__*/React.createElement("div", {
|
|
30
|
-
className: "flex items-center gap-2 pt-3"
|
|
31
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
32
|
-
className: "neeto-ui-text-gray-500",
|
|
33
|
-
lineHeight: "normal",
|
|
34
|
-
style: "body2"
|
|
35
|
-
}, t("neetoMolecules.emailPreview.from"), ":"), /*#__PURE__*/React.createElement(Typography, {
|
|
36
|
-
className: "neeto-ui-text-gray-800",
|
|
37
|
-
lineHeight: "normal",
|
|
38
|
-
style: "body2"
|
|
39
|
-
}, from)), /*#__PURE__*/React.createElement("div", {
|
|
40
|
-
className: "flex items-center gap-2 pt-3"
|
|
41
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
42
|
-
className: "neeto-ui-text-gray-500",
|
|
43
|
-
lineHeight: "normal",
|
|
44
|
-
style: "body2"
|
|
45
|
-
}, t("neetoMolecules.emailPreview.subject"), ":"), /*#__PURE__*/React.createElement(Typography, {
|
|
46
|
-
className: "neeto-ui-text-gray-800",
|
|
47
|
-
lineHeight: "normal",
|
|
48
|
-
style: "body2"
|
|
49
|
-
}, subject || /*#__PURE__*/React.createElement("span", {
|
|
50
|
-
className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
|
|
51
|
-
})))), /*#__PURE__*/React.createElement("div", {
|
|
52
|
-
className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed"
|
|
53
|
-
}, body ? /*#__PURE__*/React.createElement(EditorContent, {
|
|
54
|
-
content: body
|
|
55
|
-
}) : /*#__PURE__*/React.createElement("div", {
|
|
56
|
-
className: "space-y-4"
|
|
57
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
58
|
-
className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
|
|
59
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
60
|
-
className: "neeto-ui-bg-gray-300 h-2 w-72 rounded-full"
|
|
61
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
62
|
-
className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
|
|
63
|
-
})), actionButtonText && /*#__PURE__*/React.createElement("div", {
|
|
64
|
-
className: "mt-6 flex w-full items-center justify-center"
|
|
65
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
66
|
-
className: "pointer-events-none",
|
|
67
|
-
label: actionButtonText
|
|
68
|
-
})), logo && /*#__PURE__*/React.createElement("img", {
|
|
69
|
-
alt: t("neetoMolecules.emailPreview.logoAltText"),
|
|
70
|
-
className: "h-20 w-36 object-cover",
|
|
71
|
-
src: logo
|
|
72
|
-
})), productName && /*#__PURE__*/React.createElement("div", {
|
|
73
|
-
className: "neeto-ui-bg-gray-100 mt-auto p-2",
|
|
74
|
-
"data-testid": "product-name-block"
|
|
75
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
76
|
-
className: "neeto-ui-text-gray-600 text-center leading-6",
|
|
77
|
-
style: "body3"
|
|
78
|
-
}, t("neetoMolecules.emailPreview.poweredBy"), /*#__PURE__*/React.createElement("span", {
|
|
79
|
-
className: "neeto-ui-text-gray-800 font-medium"
|
|
80
|
-
}, productName))));
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
export { EmailPreview as default };
|
|
1
|
+
import e from"react";import{EditorContent as n}from"@bigbinary/neeto-editor";import{Typography as l,Button as t}from"@bigbinary/neetoui";import{useTranslation as a}from"react-i18next";function o(){var e="/home/runner/work/neeto-molecules/neeto-molecules/src/components/EmailPreview.jsx",n=new Function("return this")(),l="__coverage__",t=n[l]||(n[l]={});t[e]&&"6d8c4987f4972dc0b6e4e31697101950d270429d"===t[e].hash||(t[e]={path:"/home/runner/work/neeto-molecules/neeto-molecules/src/components/EmailPreview.jsx",statementMap:{0:{start:{line:7,column:21},end:{line:111,column:1}},1:{start:{line:16,column:16},end:{line:16,column:32}},2:{start:{line:18,column:2},end:{line:110,column:4}}},fnMap:{0:{name:"(anonymous_0)",decl:{start:{line:7,column:21},end:{line:7,column:22}},loc:{start:{line:15,column:6},end:{line:111,column:1}},line:15}},branchMap:{0:{loc:{start:{line:29,column:11},end:{line:31,column:11}},type:"binary-expr",locations:[{start:{line:29,column:11},end:{line:29,column:25}},{start:{line:30,column:12},end:{line:30,column:74}}],line:29},1:{loc:{start:{line:33,column:9},end:{line:50,column:9}},type:"binary-expr",locations:[{start:{line:33,column:9},end:{line:33,column:13}},{start:{line:34,column:10},end:{line:49,column:16}}],line:33},2:{loc:{start:{line:64,column:13},end:{line:66,column:13}},type:"binary-expr",locations:[{start:{line:64,column:13},end:{line:64,column:20}},{start:{line:65,column:14},end:{line:65,column:77}}],line:64},3:{loc:{start:{line:71,column:9},end:{line:79,column:9}},type:"cond-expr",locations:[{start:{line:72,column:10},end:{line:72,column:42}},{start:{line:74,column:10},end:{line:78,column:16}}],line:71},4:{loc:{start:{line:80,column:9},end:{line:84,column:9}},type:"binary-expr",locations:[{start:{line:80,column:9},end:{line:80,column:25}},{start:{line:81,column:10},end:{line:83,column:16}}],line:80},5:{loc:{start:{line:85,column:9},end:{line:91,column:9}},type:"binary-expr",locations:[{start:{line:85,column:9},end:{line:85,column:13}},{start:{line:86,column:10},end:{line:90,column:12}}],line:85},6:{loc:{start:{line:93,column:7},end:{line:108,column:7}},type:"binary-expr",locations:[{start:{line:93,column:7},end:{line:93,column:18}},{start:{line:94,column:8},end:{line:107,column:14}}],line:93}},s:{0:0,1:0,2:0},f:{0:0},b:{0:[0,0],1:[0,0],2:[0,0],3:[0,0],4:[0,0],5:[0,0],6:[0,0]},_coverageSchema:"1a1c01bbd47fc00a2c39e90264f33305004495a9",hash:"6d8c4987f4972dc0b6e4e31697101950d270429d"});var a=t[e];return o=function(){return a},a}o(),o().s[0]++;var c=function(c){var i=c.to,r=c.from,m=c.subject,s=c.body,u=c.productName,d=c.actionButtonText,b=c.logo;o().f[0]++;var y=(o().s[1]++,a()).t;return o().s[2]++,e.createElement("div",{className:"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border"},e.createElement("div",{className:"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6"},e.createElement("div",{className:"flex items-center gap-2","data-testid":"email-to-block"},e.createElement(l,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},y("neetoMolecules.emailPreview.to"),":"),(o().b[0][0]++,(null==i?void 0:i.join(", "))||(o().b[0][1]++,e.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-40 rounded-full"})))),(o().b[1][0]++,r&&(o().b[1][1]++,e.createElement("div",{className:"flex items-center gap-2 pt-3"},e.createElement(l,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},y("neetoMolecules.emailPreview.from"),":"),e.createElement(l,{className:"neeto-ui-text-gray-800",lineHeight:"normal",style:"body2"},r)))),e.createElement("div",{className:"flex items-center gap-2 pt-3"},e.createElement(l,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},y("neetoMolecules.emailPreview.subject"),":"),e.createElement(l,{className:"neeto-ui-text-gray-800",lineHeight:"normal",style:"body2"},(o().b[2][0]++,m||(o().b[2][1]++,e.createElement("span",{className:"neeto-ui-bg-gray-300 h-2 w-40 rounded-full"})))))),e.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"},s?(o().b[3][0]++,e.createElement(n,{content:s})):(o().b[3][1]++,e.createElement("div",{className:"space-y-4"},e.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-80 rounded-full"}),e.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-72 rounded-full"}),e.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-80 rounded-full"}))),(o().b[4][0]++,d&&(o().b[4][1]++,e.createElement("div",{className:"mt-6 flex w-full items-center justify-center"},e.createElement(t,{className:"pointer-events-none",label:d})))),(o().b[5][0]++,b&&(o().b[5][1]++,e.createElement("img",{alt:y("neetoMolecules.emailPreview.logoAltText"),className:"h-20 w-36 object-cover",src:b})))),(o().b[6][0]++,u&&(o().b[6][1]++,e.createElement("div",{className:"neeto-ui-bg-gray-100 mt-auto p-2","data-testid":"product-name-block"},e.createElement(l,{className:"neeto-ui-text-gray-600 text-center leading-6",style:"body3"},y("neetoMolecules.emailPreview.poweredBy"),e.createElement("span",{className:"neeto-ui-text-gray-800 font-medium"},u))))))};export{c as default};
|