@bigbinary/neeto-molecules 1.0.7 → 1.0.9

package/dist/DynamicVariables.cjs.js

@@ -1,112 +1 @@
-'use strict';
-
-var React = require('react');
-var pure = require('@bigbinary/neeto-commons-frontend/pure');
-var neetoIcons = require('@bigbinary/neeto-icons');
-var neetoui = require('@bigbinary/neetoui');
-var ramda = require('ramda');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-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}}
-
-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}";
-n(css,{});
-
-var parseVariables = function parseVariables() {
-  var variableArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var uncategorized = [];
-  var groupedVariables = [];
-  var categorySet = new Set();
-  variableArr.forEach(function (variable) {
-    var category = variable.category,
-      label = variable.label,
-      variables = variable.variables;
-    if (category && variables) {
-      var parsedVariables = variables.map(ramda.assoc("category", category));
-      if (!categorySet.has(category)) {
-        categorySet.add(category);
-        groupedVariables.push({
-          label: label,
-          variables: parsedVariables
-        });
-      } else {
-        var existingGroup = pure.findBy({
-          label: label
-        }, groupedVariables);
-        existingGroup.variables = ramda.uniqBy(ramda.prop("key"), existingGroup.variables.concat(parsedVariables));
-      }
-    } else {
-      uncategorized.push(variable);
-    }
-  });
-  if (!ramda.isEmpty(uncategorized)) {
-    groupedVariables.push({
-      label: !ramda.isEmpty(groupedVariables) ? "Others" : null,
-      variables: uncategorized
-    });
-  }
-  return groupedVariables;
-};
-
-var Menu = neetoui.Dropdown.Menu;
-var DynamicVariables = function DynamicVariables(_ref) {
-  var _ref$onVariableClick = _ref.onVariableClick,
-    onVariableClick = _ref$onVariableClick === void 0 ? pure.noop : _ref$onVariableClick,
-    _ref$variables = _ref.variables,
-    variables = _ref$variables === void 0 ? [] : _ref$variables,
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps;
-  if (ramda.isEmpty(variables)) {
-    return null;
-  }
-  var parsedVariables = parseVariables(variables);
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
-    buttonProps: {
-      "data-testid": "variables-dropdown"
-    },
-    buttonStyle: "secondary",
-    icon: neetoIcons.Braces,
-    strategy: "fixed"
-  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-3 p-2 neeto-molecules-dynamic-variables",
-    "data-testid": "variables-list"
-  }, parsedVariables.map(function (_ref2) {
-    var label = _ref2.label,
-      variables = _ref2.variables;
-    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
-      key: label
-    }, label && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      className: "",
-      style: "h6"
-    }, label), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "flex flex-wrap items-center gap-2"
-    }, variables.map(function (item) {
-      return /*#__PURE__*/React__default["default"].createElement("button", {
-        key: item.label,
-        onClick: function onClick() {
-          return onVariableClick(item);
-        }
-      }, item.label);
-    })));
-  }))));
-};
-
-module.exports = DynamicVariables;
+"use strict";var e=require("react"),t=require("@bigbinary/neeto-commons-frontend/pure"),r=require("@bigbinary/neeto-icons"),a=require("@bigbinary/neetoui"),n=require("ramda");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var s=[],u=[];!function(e,t){if(e&&"undefined"!=typeof document){var r,a=!0===t.prepend?"prepend":"append",n=!0===t.singleTag,o="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(n){var i=s.indexOf(o);-1===i&&(i=s.push(o)-1,u[i]={}),r=u[i]&&u[i][a]?u[i][a]:u[i][a]=l()}else r=l();65279===e.charCodeAt(0)&&(e=e.substring(1)),r.styleSheet?r.styleSheet.cssText+=e:r.appendChild(document.createTextNode(e))}function l(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var r=Object.keys(t.attributes),n=0;n<r.length;n++)e.setAttribute(r[n],t.attributes[r[n]]);var i="prepend"===a?"afterbegin":"beforeend";return o.insertAdjacentElement(i,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}",{});var c=a.Dropdown.Menu;module.exports=function(o){var s=o.onVariableClick,u=void 0===s?t.noop:s,d=o.variables,b=void 0===d?[]:d,p=o.dropdownProps,m=void 0===p?{}:p;if(n.isEmpty(b))return null;var v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=[],a=[],o=new Set;return e.forEach((function(e){var i=e.category,l=e.label,s=e.variables;if(i&&s){var u=s.map(n.assoc("category",i));if(o.has(i)){var c=t.findBy({label:l},a);c.variables=n.uniqBy(n.prop("key"),c.variables.concat(u))}else o.add(i),a.push({label:l,variables:u})}else r.push(e)})),n.isEmpty(r)||a.push({label:n.isEmpty(a)?null:"Others",variables:r}),a}(b);return i.default.createElement(a.Dropdown,l({buttonProps:{"data-testid":"variables-dropdown"},buttonStyle:"secondary",icon:r.Braces,strategy:"fixed"},m),i.default.createElement(c,null,i.default.createElement("div",{className:"space-y-3 p-2 neeto-molecules-dynamic-variables","data-testid":"variables-list"},v.map((function(t){var r=t.label,n=t.variables;return i.default.createElement(e.Fragment,{key:r},r&&i.default.createElement(a.Typography,{className:"",style:"h6"},r),i.default.createElement("div",{className:"flex flex-wrap items-center gap-2"},n.map((function(e){return i.default.createElement("button",{key:e.label,onClick:function(){return u(e)}},e.label)}))))})))))};

package/dist/DynamicVariables.js

@@ -1,106 +1 @@
-import React, { Fragment } from 'react';
-import { findBy, noop } from '@bigbinary/neeto-commons-frontend/pure';
-import { Braces } from '@bigbinary/neeto-icons';
-import { Dropdown, Typography } from '@bigbinary/neetoui';
-import { assoc, uniqBy, prop, isEmpty } from 'ramda';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-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}}
-
-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}";
-n(css,{});
-
-var parseVariables = function parseVariables() {
-  var variableArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var uncategorized = [];
-  var groupedVariables = [];
-  var categorySet = new Set();
-  variableArr.forEach(function (variable) {
-    var category = variable.category,
-      label = variable.label,
-      variables = variable.variables;
-    if (category && variables) {
-      var parsedVariables = variables.map(assoc("category", category));
-      if (!categorySet.has(category)) {
-        categorySet.add(category);
-        groupedVariables.push({
-          label: label,
-          variables: parsedVariables
-        });
-      } else {
-        var existingGroup = findBy({
-          label: label
-        }, groupedVariables);
-        existingGroup.variables = uniqBy(prop("key"), existingGroup.variables.concat(parsedVariables));
-      }
-    } else {
-      uncategorized.push(variable);
-    }
-  });
-  if (!isEmpty(uncategorized)) {
-    groupedVariables.push({
-      label: !isEmpty(groupedVariables) ? "Others" : null,
-      variables: uncategorized
-    });
-  }
-  return groupedVariables;
-};
-
-var Menu = Dropdown.Menu;
-var DynamicVariables = function DynamicVariables(_ref) {
-  var _ref$onVariableClick = _ref.onVariableClick,
-    onVariableClick = _ref$onVariableClick === void 0 ? noop : _ref$onVariableClick,
-    _ref$variables = _ref.variables,
-    variables = _ref$variables === void 0 ? [] : _ref$variables,
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps;
-  if (isEmpty(variables)) {
-    return null;
-  }
-  var parsedVariables = parseVariables(variables);
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({
-    buttonProps: {
-      "data-testid": "variables-dropdown"
-    },
-    buttonStyle: "secondary",
-    icon: Braces,
-    strategy: "fixed"
-  }, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", {
-    className: "space-y-3 p-2 neeto-molecules-dynamic-variables",
-    "data-testid": "variables-list"
-  }, parsedVariables.map(function (_ref2) {
-    var label = _ref2.label,
-      variables = _ref2.variables;
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: label
-    }, label && /*#__PURE__*/React.createElement(Typography, {
-      className: "",
-      style: "h6"
-    }, label), /*#__PURE__*/React.createElement("div", {
-      className: "flex flex-wrap items-center gap-2"
-    }, variables.map(function (item) {
-      return /*#__PURE__*/React.createElement("button", {
-        key: item.label,
-        onClick: function onClick() {
-          return onVariableClick(item);
-        }
-      }, item.label);
-    })));
-  }))));
-};
-
-export { DynamicVariables as default };
+import e,{Fragment as t}from"react";import{findBy as r,noop as a}from"@bigbinary/neeto-commons-frontend/pure";import{Braces as n}from"@bigbinary/neeto-icons";import{Dropdown as o,Typography as i}from"@bigbinary/neetoui";import{assoc as l,uniqBy as s,prop as c,isEmpty as u}from"ramda";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},b.apply(this,arguments)}var d=[],m=[];!function(e,t){if(e&&"undefined"!=typeof document){var r,a=!0===t.prepend?"prepend":"append",n=!0===t.singleTag,o="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(n){var i=d.indexOf(o);-1===i&&(i=d.push(o)-1,m[i]={}),r=m[i]&&m[i][a]?m[i][a]:m[i][a]=l()}else r=l();65279===e.charCodeAt(0)&&(e=e.substring(1)),r.styleSheet?r.styleSheet.cssText+=e:r.appendChild(document.createTextNode(e))}function l(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var r=Object.keys(t.attributes),n=0;n<r.length;n++)e.setAttribute(r[n],t.attributes[r[n]]);var i="prepend"===a?"afterbegin":"beforeend";return o.insertAdjacentElement(i,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}",{});var p=o.Menu,v=function(d){var m=d.onVariableClick,v=void 0===m?a:m,f=d.variables,y=void 0===f?[]:f,g=d.dropdownProps,h=void 0===g?{}:g;if(u(y))return null;var x=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=[],a=[],n=new Set;return e.forEach((function(e){var o=e.category,i=e.label,u=e.variables;if(o&&u){var b=u.map(l("category",o));if(n.has(o)){var d=r({label:i},a);d.variables=s(c("key"),d.variables.concat(b))}else n.add(o),a.push({label:i,variables:b})}else t.push(e)})),u(t)||a.push({label:u(a)?null:"Others",variables:t}),a}(y);return e.createElement(o,b({buttonProps:{"data-testid":"variables-dropdown"},buttonStyle:"secondary",icon:n,strategy:"fixed"},h),e.createElement(p,null,e.createElement("div",{className:"space-y-3 p-2 neeto-molecules-dynamic-variables","data-testid":"variables-list"},x.map((function(r){var a=r.label,n=r.variables;return e.createElement(t,{key:a},a&&e.createElement(i,{className:"",style:"h6"},a),e.createElement("div",{className:"flex flex-wrap items-center gap-2"},n.map((function(t){return e.createElement("button",{key:t.label,onClick:function(){return v(t)}},t.label)}))))})))))};export{v as default};

package/dist/EmailPreview.cjs.js

@@ -1,89 +1 @@
-'use strict';
-
-var React = require('react');
-var neetoEditor = require('@bigbinary/neeto-editor');
-var neetoui = require('@bigbinary/neetoui');
-var reactI18next = require('react-i18next');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var EmailPreview = function EmailPreview(_ref) {
-  var to = _ref.to,
-    from = _ref.from,
-    subject = _ref.subject,
-    body = _ref.body,
-    productName = _ref.productName,
-    actionButtonText = _ref.actionButtonText,
-    logo = _ref.logo;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "border neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "border-b neeto-ui-border-gray-300 divide-y divide-gray-200 p-6 space-y-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-2",
-    "data-testid": "email-to-block"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-500",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.emailPreview.to"), ":"), (to === null || to === void 0 ? void 0 : to.join(", ")) || /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
-  })), from && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-2 pt-3"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-500",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.emailPreview.from"), ":"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800",
-    lineHeight: "normal",
-    style: "body2"
-  }, from)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-2 pt-3"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-500",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.emailPreview.subject"), ":"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800",
-    lineHeight: "normal",
-    style: "body2"
-  }, subject || /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed"
-  }, body ? /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
-    content: body
-  }) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-4"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-72 rounded-full"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
-  })), actionButtonText && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mt-6 flex w-full items-center justify-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    className: "pointer-events-none",
-    label: actionButtonText
-  })), logo && /*#__PURE__*/React__default["default"].createElement("img", {
-    alt: t("neetoMolecules.emailPreview.logoAltText"),
-    className: "h-20 w-36 object-cover",
-    src: logo
-  })), productName && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-gray-100 mt-auto p-2",
-    "data-testid": "product-name-block"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-600 text-center leading-6",
-    style: "body3"
-  }, t("neetoMolecules.emailPreview.poweredBy"), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-ui-text-gray-800 font-medium"
-  }, productName))));
-};
-
-module.exports = EmailPreview;
+"use strict";var e=require("react"),t=require("@bigbinary/neeto-editor"),a=require("@bigbinary/neetoui"),l=require("react-i18next");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);module.exports=function(e){var r=e.to,o=e.from,i=e.subject,u=e.body,s=e.productName,c=e.actionButtonText,d=e.logo,m=l.useTranslation().t;return n.default.createElement("div",{className:"border neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col"},n.default.createElement("div",{className:"border-b neeto-ui-border-gray-300 divide-y divide-gray-200 p-6 space-y-3"},n.default.createElement("div",{className:"flex items-center gap-2","data-testid":"email-to-block"},n.default.createElement(a.Typography,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},m("neetoMolecules.emailPreview.to"),":"),(null==r?void 0:r.join(", "))||n.default.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-40 rounded-full"})),o&&n.default.createElement("div",{className:"flex items-center gap-2 pt-3"},n.default.createElement(a.Typography,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},m("neetoMolecules.emailPreview.from"),":"),n.default.createElement(a.Typography,{className:"neeto-ui-text-gray-800",lineHeight:"normal",style:"body2"},o)),n.default.createElement("div",{className:"flex items-center gap-2 pt-3"},n.default.createElement(a.Typography,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},m("neetoMolecules.emailPreview.subject"),":"),n.default.createElement(a.Typography,{className:"neeto-ui-text-gray-800",lineHeight:"normal",style:"body2"},i||n.default.createElement("span",{className:"neeto-ui-bg-gray-300 h-2 w-40 rounded-full"})))),n.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?n.default.createElement(t.EditorContent,{content:u}):n.default.createElement("div",{className:"space-y-4"},n.default.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-80 rounded-full"}),n.default.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-72 rounded-full"}),n.default.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-80 rounded-full"})),c&&n.default.createElement("div",{className:"mt-6 flex w-full items-center justify-center"},n.default.createElement(a.Button,{className:"pointer-events-none",label:c})),d&&n.default.createElement("img",{alt:m("neetoMolecules.emailPreview.logoAltText"),className:"h-20 w-36 object-cover",src:d})),s&&n.default.createElement("div",{className:"neeto-ui-bg-gray-100 mt-auto p-2","data-testid":"product-name-block"},n.default.createElement(a.Typography,{className:"neeto-ui-text-gray-600 text-center leading-6",style:"body3"},m("neetoMolecules.emailPreview.poweredBy"),n.default.createElement("span",{className:"neeto-ui-text-gray-800 font-medium"},s))))};

package/dist/EmailPreview.js

@@ -1,83 +1 @@
-import React from 'react';
-import { EditorContent } from '@bigbinary/neeto-editor';
-import { Typography, Button } from '@bigbinary/neetoui';
-import { useTranslation } from 'react-i18next';
-
-var EmailPreview = function EmailPreview(_ref) {
-  var to = _ref.to,
-    from = _ref.from,
-    subject = _ref.subject,
-    body = _ref.body,
-    productName = _ref.productName,
-    actionButtonText = _ref.actionButtonText,
-    logo = _ref.logo;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "border neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "border-b neeto-ui-border-gray-300 divide-y divide-gray-200 p-6 space-y-3"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-2",
-    "data-testid": "email-to-block"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-500",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.emailPreview.to"), ":"), (to === null || to === void 0 ? void 0 : to.join(", ")) || /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
-  })), from && /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-2 pt-3"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-500",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.emailPreview.from"), ":"), /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-800",
-    lineHeight: "normal",
-    style: "body2"
-  }, from)), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-2 pt-3"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-500",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.emailPreview.subject"), ":"), /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-800",
-    lineHeight: "normal",
-    style: "body2"
-  }, subject || /*#__PURE__*/React.createElement("span", {
-    className: "neeto-ui-bg-gray-300 h-2 w-40 rounded-full"
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed"
-  }, body ? /*#__PURE__*/React.createElement(EditorContent, {
-    content: body
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: "space-y-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-72 rounded-full"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-2 w-80 rounded-full"
-  })), actionButtonText && /*#__PURE__*/React.createElement("div", {
-    className: "mt-6 flex w-full items-center justify-center"
-  }, /*#__PURE__*/React.createElement(Button, {
-    className: "pointer-events-none",
-    label: actionButtonText
-  })), logo && /*#__PURE__*/React.createElement("img", {
-    alt: t("neetoMolecules.emailPreview.logoAltText"),
-    className: "h-20 w-36 object-cover",
-    src: logo
-  })), productName && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-100 mt-auto p-2",
-    "data-testid": "product-name-block"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-600 text-center leading-6",
-    style: "body3"
-  }, t("neetoMolecules.emailPreview.poweredBy"), /*#__PURE__*/React.createElement("span", {
-    className: "neeto-ui-text-gray-800 font-medium"
-  }, productName))));
-};
-
-export { EmailPreview as default };
+import e from"react";import{EditorContent as t}from"@bigbinary/neeto-editor";import{Typography as a,Button as l}from"@bigbinary/neetoui";import{useTranslation as r}from"react-i18next";var n=function(n){var o=n.to,i=n.from,m=n.subject,c=n.body,s=n.productName,d=n.actionButtonText,u=n.logo,g=r().t;return e.createElement("div",{className:"border neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col"},e.createElement("div",{className:"border-b neeto-ui-border-gray-300 divide-y divide-gray-200 p-6 space-y-3"},e.createElement("div",{className:"flex items-center gap-2","data-testid":"email-to-block"},e.createElement(a,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},g("neetoMolecules.emailPreview.to"),":"),(null==o?void 0:o.join(", "))||e.createElement("div",{className:"neeto-ui-bg-gray-300 h-2 w-40 rounded-full"})),i&&e.createElement("div",{className:"flex items-center gap-2 pt-3"},e.createElement(a,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},g("neetoMolecules.emailPreview.from"),":"),e.createElement(a,{className:"neeto-ui-text-gray-800",lineHeight:"normal",style:"body2"},i)),e.createElement("div",{className:"flex items-center gap-2 pt-3"},e.createElement(a,{className:"neeto-ui-text-gray-500",lineHeight:"normal",style:"body2"},g("neetoMolecules.emailPreview.subject"),":"),e.createElement(a,{className:"neeto-ui-text-gray-800",lineHeight:"normal",style:"body2"},m||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"},c?e.createElement(t,{content:c}):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"})),d&&e.createElement("div",{className:"mt-6 flex w-full items-center justify-center"},e.createElement(l,{className:"pointer-events-none",label:d})),u&&e.createElement("img",{alt:g("neetoMolecules.emailPreview.logoAltText"),className:"h-20 w-36 object-cover",src:u})),s&&e.createElement("div",{className:"neeto-ui-bg-gray-100 mt-auto p-2","data-testid":"product-name-block"},e.createElement(a,{className:"neeto-ui-text-gray-600 text-center leading-6",style:"body3"},g("neetoMolecules.emailPreview.poweredBy"),e.createElement("span",{className:"neeto-ui-text-gray-800 font-medium"},s))))};export{n as default};

package/dist/ErrorPage.cjs.js

@@ -1,189 +1 @@
-'use strict';
-
-var React = require('react');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var neetoui = require('@bigbinary/neetoui');
-var ramda = require('ramda');
-var reactHelmet = require('react-helmet');
-var reactI18next = require('react-i18next');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function shallow(objA, objB) {
-  if (Object.is(objA, objB)) {
-    return true;
-  }
-  if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
-    return false;
-  }
-  if (objA instanceof Map && objB instanceof Map) {
-    if (objA.size !== objB.size)
-      return false;
-    for (const [key, value] of objA) {
-      if (!Object.is(value, objB.get(key))) {
-        return false;
-      }
-    }
-    return true;
-  }
-  if (objA instanceof Set && objB instanceof Set) {
-    if (objA.size !== objB.size)
-      return false;
-    for (const value of objA) {
-      if (!objB.has(value)) {
-        return false;
-      }
-    }
-    return true;
-  }
-  const keysA = Object.keys(objA);
-  if (keysA.length !== Object.keys(objB).length) {
-    return false;
-  }
-  for (let i = 0; i < keysA.length; i++) {
-    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {
-      return false;
-    }
-  }
-  return true;
-}
-
-var _path$2, _path2$2;
-function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
-var SvgInternalServerError = function SvgInternalServerError(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
-    width: 120,
-    height: 120,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",
-    fill: "#1D1D1F"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M30.602 107.562c2.343 0 4.421-.484 6.234-1.453 1.812-.984 3.234-2.343 4.266-4.078 1.03-1.734 1.546-3.726 1.546-5.976v-.047c0-2.172-.484-4.094-1.453-5.766a10.432 10.432 0 0 0-3.96-3.984c-1.672-.969-3.594-1.453-5.766-1.453-1.094 0-2.125.132-3.094.398a9.096 9.096 0 0 0-2.625 1.172 7.204 7.204 0 0 0-1.969 1.922h-.093l1.148-11.367h15.89v-3.75H21.368l-1.734 19.289h3.726c.22-.39.461-.75.727-1.078.281-.329.57-.633.867-.914a7.185 7.185 0 0 1 2.578-1.524c.985-.344 2.047-.516 3.188-.516 1.5 0 2.828.329 3.984.985a7.101 7.101 0 0 1 2.719 2.719c.672 1.14 1.008 2.453 1.008 3.937v.047c0 1.516-.328 2.86-.985 4.031a7.056 7.056 0 0 1-2.742 2.719c-1.172.656-2.523.984-4.055.984-1.343 0-2.554-.257-3.632-.773-1.078-.516-1.953-1.219-2.625-2.109a6.34 6.34 0 0 1-1.22-3.024l-.023-.187H19l.023.257c.172 1.829.766 3.461 1.782 4.899 1.015 1.437 2.36 2.57 4.03 3.398 1.688.828 3.61 1.242 5.767 1.242ZM58.844 107.562c2.593 0 4.82-.71 6.68-2.132 1.859-1.422 3.28-3.438 4.265-6.047 1-2.61 1.5-5.703 1.5-9.281v-.047c0-3.578-.5-6.672-1.5-9.282-.984-2.609-2.406-4.617-4.266-6.023-1.859-1.422-4.085-2.133-6.68-2.133-2.593 0-4.82.711-6.679 2.133-1.844 1.406-3.258 3.414-4.242 6.023-.984 2.61-1.477 5.704-1.477 9.282v.047c0 3.578.492 6.671 1.477 9.28.984 2.61 2.398 4.626 4.242 6.048 1.86 1.422 4.086 2.132 6.68 2.132Zm0-3.679c-1.719 0-3.188-.555-4.407-1.664-1.218-1.125-2.148-2.719-2.789-4.781-.64-2.063-.96-4.508-.96-7.336v-.047c0-2.828.32-5.266.96-7.313.641-2.062 1.57-3.648 2.79-4.758 1.218-1.109 2.687-1.664 4.406-1.664 1.718 0 3.187.555 4.406 1.664 1.234 1.11 2.172 2.696 2.813 4.758.656 2.047.984 4.485.984 7.313v.047c0 2.828-.328 5.273-.984 7.335-.641 2.063-1.579 3.657-2.813 4.782-1.219 1.109-2.688 1.664-4.406 1.664ZM87.953 107.562c2.594 0 4.82-.71 6.68-2.132 1.86-1.422 3.281-3.438 4.265-6.047 1-2.61 1.5-5.703 1.5-9.281v-.047c0-3.578-.5-6.672-1.5-9.282-.984-2.609-2.406-4.617-4.265-6.023-1.86-1.422-4.086-2.133-6.68-2.133-2.594 0-4.82.711-6.68 2.133-1.843 1.406-3.257 3.414-4.242 6.023-.984 2.61-1.476 5.704-1.476 9.282v.047c0 3.578.492 6.671 1.476 9.28.985 2.61 2.399 4.626 4.242 6.048 1.86 1.422 4.086 2.132 6.68 2.132Zm0-3.679c-1.719 0-3.187-.555-4.406-1.664-1.219-1.125-2.149-2.719-2.79-4.781-.64-2.063-.96-4.508-.96-7.336v-.047c0-2.828.32-5.266.96-7.313.641-2.062 1.571-3.648 2.79-4.758 1.219-1.109 2.687-1.664 4.406-1.664 1.719 0 3.188.555 4.406 1.664 1.235 1.11 2.172 2.696 2.813 4.758.656 2.047.984 4.485.984 7.313v.047c0 2.828-.328 5.273-.984 7.335-.64 2.063-1.578 3.657-2.813 4.782-1.218 1.109-2.687 1.664-4.406 1.664Z",
-    fill: "#fff"
-  })));
-};
-
-var _path$1, _path2$1;
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
-var SvgPageNotFound = function SvgPageNotFound(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
-    width: 121,
-    height: 120,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M120.5 60c0-33.137-26.863-60-60-60H.5v120h120V60Z",
-    fill: "#1D1D1F"
-  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M35.501 106.909h3.164v-7.838h5.154v-2.876h-5.154V72.32h-4.77a2440.935 2440.935 0 0 1-3.188 4.77 823.85 823.85 0 0 0-3.188 4.746 2487.114 2487.114 0 0 1-3.188 4.77l-3.212 4.747c-1.055 1.582-2.11 3.172-3.164 4.77v2.948h17.546v7.838ZM21.24 96.195v-.072a945.042 945.042 0 0 1 2.828-4.195l2.829-4.17 2.828-4.172c.943-1.39 1.886-2.772 2.829-4.147.943-1.39 1.886-2.788 2.828-4.194h.12v20.95H21.24ZM59.879 107.461c2.605 0 4.842-.719 6.712-2.158 1.87-1.454 3.3-3.507 4.29-6.16 1.007-2.669 1.51-5.833 1.51-9.492v-.072c0-3.644-.503-6.8-1.51-9.468-.99-2.669-2.42-4.723-4.29-6.16-1.87-1.455-4.107-2.182-6.712-2.182-2.605 0-4.842.727-6.712 2.181-1.853 1.438-3.284 3.492-4.29 6.16-.991 2.653-1.487 5.81-1.487 9.469v.072c0 3.643.496 6.8 1.487 9.468 1.006 2.653 2.437 4.706 4.29 6.16 1.87 1.455 4.107 2.182 6.712 2.182Zm0-2.877c-1.934 0-3.588-.607-4.962-1.822-1.374-1.214-2.429-2.94-3.164-5.177-.72-2.237-1.079-4.882-1.079-7.934v-.072c0-3.052.36-5.697 1.079-7.934.735-2.237 1.79-3.963 3.164-5.178 1.374-1.214 3.028-1.822 4.962-1.822 1.934 0 3.587.608 4.962 1.822 1.39 1.215 2.453 2.94 3.188 5.178.735 2.221 1.102 4.866 1.102 7.934v.072c0 3.052-.367 5.697-1.102 7.934-.735 2.237-1.798 3.963-3.188 5.177-1.375 1.215-3.028 1.822-4.962 1.822ZM93.893 106.909h3.164v-7.838h5.153v-2.876h-5.153V72.32h-4.77a2487.163 2487.163 0 0 1-3.189 4.77 829.054 829.054 0 0 0-3.188 4.746 2534.647 2534.647 0 0 1-3.188 4.77c-1.07 1.583-2.14 3.165-3.212 4.747-1.054 1.582-2.109 3.172-3.164 4.77v2.948h17.547v7.838ZM79.63 96.195v-.072a953.801 953.801 0 0 1 2.829-4.195l2.828-4.17 2.829-4.172c.943-1.39 1.885-2.772 2.828-4.147.943-1.39 1.886-2.788 2.829-4.194h.12v20.95H79.63Z",
-    fill: "#fff"
-  })));
-};
-
-var _path, _path2;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var SvgUnauthorized = function SvgUnauthorized(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    width: 120,
-    height: 120,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",
-    fill: "#1D1D1F"
-  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M32.913 105.236h4.205v-7.143h4.873v-3.846h-4.873V70.764h-6.283a569.118 569.118 0 0 0-2.962 4.515 396.499 396.499 0 0 0-3.01 4.659 611.785 611.785 0 0 0-3.01 4.73l-2.963 4.777a3496.03 3496.03 0 0 1-2.89 4.73v3.918h16.913v7.143ZM20.348 94.271v-.24c.78-1.29 1.576-2.587 2.389-3.893l2.484-3.966a843.046 843.046 0 0 1 2.532-3.941l2.485-3.846c.828-1.274 1.64-2.508 2.436-3.703h.263v19.589h-12.59ZM59.716 106c2.58 0 4.786-.733 6.617-2.198 1.832-1.465 3.241-3.543 4.228-6.235.988-2.691 1.481-5.876 1.481-9.555v-.048c0-3.679-.493-6.856-1.48-9.531-.988-2.692-2.397-4.77-4.229-6.235C64.502 70.733 62.296 70 59.716 70c-2.564 0-4.762.733-6.593 2.198-1.816 1.465-3.217 3.543-4.205 6.235-.971 2.675-1.457 5.852-1.457 9.531v.048c0 3.679.486 6.864 1.457 9.555.988 2.692 2.39 4.77 4.205 6.235 1.831 1.465 4.029 2.198 6.593 2.198Zm0-3.75c-1.656 0-3.082-.582-4.276-1.744-1.179-1.163-2.086-2.803-2.723-4.921-.621-2.134-.932-4.659-.932-7.573v-.048c0-2.914.31-5.43.932-7.549.637-2.118 1.544-3.75 2.723-4.897 1.194-1.162 2.62-1.744 4.276-1.744 1.688 0 3.121.582 4.3 1.744 1.194 1.147 2.11 2.78 2.747 4.897.637 2.118.956 4.635.956 7.55v.047c0 2.914-.319 5.439-.956 7.573-.637 2.118-1.553 3.758-2.747 4.921-1.179 1.162-2.612 1.744-4.3 1.744ZM90.341 105.809c2.31 0 4.364-.43 6.163-1.29 1.8-.876 3.217-2.07 4.252-3.583 1.036-1.513 1.553-3.225 1.553-5.136v-.048c0-2.453-.78-4.42-2.34-5.9-1.546-1.498-3.576-2.35-6.092-2.557V87.2c1.433-.303 2.699-.82 3.798-1.553 1.099-.733 1.959-1.648 2.58-2.747.621-1.1.931-2.357.931-3.775v-.047c0-1.752-.453-3.289-1.361-4.61-.892-1.339-2.158-2.382-3.799-3.13-1.624-.765-3.535-1.147-5.733-1.147-2.15 0-4.053.39-5.71 1.17-1.64.781-2.961 1.872-3.965 3.273-.987 1.402-1.576 3.042-1.767 4.921l-.024.24h4.133l.023-.24c.128-1.162.51-2.166 1.147-3.01.637-.844 1.481-1.489 2.532-1.934 1.067-.462 2.278-.693 3.631-.693 1.402 0 2.588.223 3.56.669.987.445 1.736 1.09 2.245 1.935.51.844.765 1.87.765 3.081v.048c0 1.147-.295 2.174-.884 3.082-.59.891-1.41 1.6-2.46 2.126-1.052.51-2.262.764-3.632.764h-4.133v3.631h4.324c2.421 0 4.332.573 5.734 1.72 1.417 1.13 2.126 2.755 2.126 4.873v.048c0 1.21-.319 2.285-.956 3.225-.637.924-1.529 1.648-2.675 2.174-1.131.526-2.453.788-3.966.788-1.529 0-2.874-.239-4.037-.716-1.163-.494-2.094-1.171-2.795-2.03a5.723 5.723 0 0 1-1.218-2.987l-.024-.239h-4.133l.024.287c.16 1.815.748 3.432 1.768 4.849 1.035 1.418 2.436 2.532 4.204 3.345 1.768.812 3.838 1.218 6.211 1.218Z",
-    fill: "#fff"
-  })));
-};
-
-var ERRORS = {
-  404: {
-    Image: SvgPageNotFound,
-    errorKey: "neetoMolecules.errorPage.cantBeFound",
-    titleKey: "neetoMolecules.errorPage.title.cantBeFound"
-  },
-  403: {
-    Image: SvgUnauthorized,
-    errorKey: "neetoMolecules.errorPage.unauthorized",
-    titleKey: "neetoMolecules.errorPage.title.unauthorized"
-  },
-  500: {
-    Image: SvgInternalServerError,
-    errorKey: "neetoMolecules.errorPage.internalServerError",
-    titleKey: "neetoMolecules.errorPage.title.internalServerError"
-  }
-};
-
-var ErrorPage = function ErrorPage(_ref) {
-  var _ref$homeUrl = _ref.homeUrl,
-    homeUrl = _ref$homeUrl === void 0 ? "/" : _ref$homeUrl,
-    status = _ref.status;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useErrorDisplayStore = reactUtils.useErrorDisplayStore(ramda.pick(["statusCode", "showErrorPage"]), shallow),
-    storeStatusCode = _useErrorDisplayStore.statusCode,
-    showErrorPage = _useErrorDisplayStore.showErrorPage;
-  status = status || storeStatusCode;
-  var _ref2 = ERRORS[status] || ERRORS[404],
-    Image = _ref2.Image,
-    errorKey = _ref2.errorKey,
-    titleKey = _ref2.titleKey;
-  React.useEffect(function () {
-    var onBackButtonPress = function onBackButtonPress() {
-      if (showErrorPage) {
-        reactUtils.useErrorDisplayStore.setState({
-          showErrorPage: false
-        });
-      }
-    };
-    window.addEventListener("popstate", onBackButtonPress);
-    return function () {
-      window.removeEventListener("popstate", onBackButtonPress);
-    };
-  }, []);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex min-h-screen w-full flex-col items-center justify-center",
-    "data-cy": "error-page-container"
-  }, /*#__PURE__*/React__default["default"].createElement(reactHelmet.Helmet, null, /*#__PURE__*/React__default["default"].createElement("title", null, t(titleKey))), /*#__PURE__*/React__default["default"].createElement(Image, {
-    className: "mb-8",
-    "data-cy": "error-image"
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "mb-6 text-center",
-    "data-cy": "title",
-    style: "h2",
-    weight: "semibold"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: errorKey
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    href: homeUrl,
-    label: t("neetoMolecules.errorPage.backToHome"),
-    size: "large",
-    style: "primary"
-  }));
-};
-
-module.exports = ErrorPage;
+"use strict";var e=require("react"),t=require("@bigbinary/neeto-commons-frontend/react-utils"),r=require("@bigbinary/neetoui"),n=require("ramda"),c=require("react-helmet"),a=require("react-i18next");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i,s,u=o(e),f=l(e);function v(e,t){if(Object.is(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(const[r,n]of e)if(!Object.is(n,t.get(r)))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(const r of e)if(!t.has(r))return!1;return!0}const r=Object.keys(e);if(r.length!==Object.keys(t).length)return!1;for(let n=0;n<r.length;n++)if(!Object.prototype.hasOwnProperty.call(t,r[n])||!Object.is(e[r[n]],t[r[n]]))return!1;return!0}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}var g,m;function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}var d,y;function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},b.apply(this,arguments)}var w={404:{Image:function(e){return u.createElement("svg",p({width:121,height:120,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),g||(g=u.createElement("path",{d:"M120.5 60c0-33.137-26.863-60-60-60H.5v120h120V60Z",fill:"#1D1D1F"})),m||(m=u.createElement("path",{d:"M35.501 106.909h3.164v-7.838h5.154v-2.876h-5.154V72.32h-4.77a2440.935 2440.935 0 0 1-3.188 4.77 823.85 823.85 0 0 0-3.188 4.746 2487.114 2487.114 0 0 1-3.188 4.77l-3.212 4.747c-1.055 1.582-2.11 3.172-3.164 4.77v2.948h17.546v7.838ZM21.24 96.195v-.072a945.042 945.042 0 0 1 2.828-4.195l2.829-4.17 2.828-4.172c.943-1.39 1.886-2.772 2.829-4.147.943-1.39 1.886-2.788 2.828-4.194h.12v20.95H21.24ZM59.879 107.461c2.605 0 4.842-.719 6.712-2.158 1.87-1.454 3.3-3.507 4.29-6.16 1.007-2.669 1.51-5.833 1.51-9.492v-.072c0-3.644-.503-6.8-1.51-9.468-.99-2.669-2.42-4.723-4.29-6.16-1.87-1.455-4.107-2.182-6.712-2.182-2.605 0-4.842.727-6.712 2.181-1.853 1.438-3.284 3.492-4.29 6.16-.991 2.653-1.487 5.81-1.487 9.469v.072c0 3.643.496 6.8 1.487 9.468 1.006 2.653 2.437 4.706 4.29 6.16 1.87 1.455 4.107 2.182 6.712 2.182Zm0-2.877c-1.934 0-3.588-.607-4.962-1.822-1.374-1.214-2.429-2.94-3.164-5.177-.72-2.237-1.079-4.882-1.079-7.934v-.072c0-3.052.36-5.697 1.079-7.934.735-2.237 1.79-3.963 3.164-5.178 1.374-1.214 3.028-1.822 4.962-1.822 1.934 0 3.587.608 4.962 1.822 1.39 1.215 2.453 2.94 3.188 5.178.735 2.221 1.102 4.866 1.102 7.934v.072c0 3.052-.367 5.697-1.102 7.934-.735 2.237-1.798 3.963-3.188 5.177-1.375 1.215-3.028 1.822-4.962 1.822ZM93.893 106.909h3.164v-7.838h5.153v-2.876h-5.153V72.32h-4.77a2487.163 2487.163 0 0 1-3.189 4.77 829.054 829.054 0 0 0-3.188 4.746 2534.647 2534.647 0 0 1-3.188 4.77c-1.07 1.583-2.14 3.165-3.212 4.747-1.054 1.582-2.109 3.172-3.164 4.77v2.948h17.547v7.838ZM79.63 96.195v-.072a953.801 953.801 0 0 1 2.829-4.195l2.828-4.17 2.829-4.172c.943-1.39 1.885-2.772 2.828-4.147.943-1.39 1.886-2.788 2.829-4.194h.12v20.95H79.63Z",fill:"#fff"})))},errorKey:"neetoMolecules.errorPage.cantBeFound",titleKey:"neetoMolecules.errorPage.title.cantBeFound"},403:{Image:function(e){return u.createElement("svg",b({width:120,height:120,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d||(d=u.createElement("path",{d:"M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",fill:"#1D1D1F"})),y||(y=u.createElement("path",{d:"M32.913 105.236h4.205v-7.143h4.873v-3.846h-4.873V70.764h-6.283a569.118 569.118 0 0 0-2.962 4.515 396.499 396.499 0 0 0-3.01 4.659 611.785 611.785 0 0 0-3.01 4.73l-2.963 4.777a3496.03 3496.03 0 0 1-2.89 4.73v3.918h16.913v7.143ZM20.348 94.271v-.24c.78-1.29 1.576-2.587 2.389-3.893l2.484-3.966a843.046 843.046 0 0 1 2.532-3.941l2.485-3.846c.828-1.274 1.64-2.508 2.436-3.703h.263v19.589h-12.59ZM59.716 106c2.58 0 4.786-.733 6.617-2.198 1.832-1.465 3.241-3.543 4.228-6.235.988-2.691 1.481-5.876 1.481-9.555v-.048c0-3.679-.493-6.856-1.48-9.531-.988-2.692-2.397-4.77-4.229-6.235C64.502 70.733 62.296 70 59.716 70c-2.564 0-4.762.733-6.593 2.198-1.816 1.465-3.217 3.543-4.205 6.235-.971 2.675-1.457 5.852-1.457 9.531v.048c0 3.679.486 6.864 1.457 9.555.988 2.692 2.39 4.77 4.205 6.235 1.831 1.465 4.029 2.198 6.593 2.198Zm0-3.75c-1.656 0-3.082-.582-4.276-1.744-1.179-1.163-2.086-2.803-2.723-4.921-.621-2.134-.932-4.659-.932-7.573v-.048c0-2.914.31-5.43.932-7.549.637-2.118 1.544-3.75 2.723-4.897 1.194-1.162 2.62-1.744 4.276-1.744 1.688 0 3.121.582 4.3 1.744 1.194 1.147 2.11 2.78 2.747 4.897.637 2.118.956 4.635.956 7.55v.047c0 2.914-.319 5.439-.956 7.573-.637 2.118-1.553 3.758-2.747 4.921-1.179 1.162-2.612 1.744-4.3 1.744ZM90.341 105.809c2.31 0 4.364-.43 6.163-1.29 1.8-.876 3.217-2.07 4.252-3.583 1.036-1.513 1.553-3.225 1.553-5.136v-.048c0-2.453-.78-4.42-2.34-5.9-1.546-1.498-3.576-2.35-6.092-2.557V87.2c1.433-.303 2.699-.82 3.798-1.553 1.099-.733 1.959-1.648 2.58-2.747.621-1.1.931-2.357.931-3.775v-.047c0-1.752-.453-3.289-1.361-4.61-.892-1.339-2.158-2.382-3.799-3.13-1.624-.765-3.535-1.147-5.733-1.147-2.15 0-4.053.39-5.71 1.17-1.64.781-2.961 1.872-3.965 3.273-.987 1.402-1.576 3.042-1.767 4.921l-.024.24h4.133l.023-.24c.128-1.162.51-2.166 1.147-3.01.637-.844 1.481-1.489 2.532-1.934 1.067-.462 2.278-.693 3.631-.693 1.402 0 2.588.223 3.56.669.987.445 1.736 1.09 2.245 1.935.51.844.765 1.87.765 3.081v.048c0 1.147-.295 2.174-.884 3.082-.59.891-1.41 1.6-2.46 2.126-1.052.51-2.262.764-3.632.764h-4.133v3.631h4.324c2.421 0 4.332.573 5.734 1.72 1.417 1.13 2.126 2.755 2.126 4.873v.048c0 1.21-.319 2.285-.956 3.225-.637.924-1.529 1.648-2.675 2.174-1.131.526-2.453.788-3.966.788-1.529 0-2.874-.239-4.037-.716-1.163-.494-2.094-1.171-2.795-2.03a5.723 5.723 0 0 1-1.218-2.987l-.024-.239h-4.133l.024.287c.16 1.815.748 3.432 1.768 4.849 1.035 1.418 2.436 2.532 4.204 3.345 1.768.812 3.838 1.218 6.211 1.218Z",fill:"#fff"})))},errorKey:"neetoMolecules.errorPage.unauthorized",titleKey:"neetoMolecules.errorPage.title.unauthorized"},500:{Image:function(e){return u.createElement("svg",h({width:120,height:120,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i||(i=u.createElement("path",{d:"M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",fill:"#1D1D1F"})),s||(s=u.createElement("path",{d:"M30.602 107.562c2.343 0 4.421-.484 6.234-1.453 1.812-.984 3.234-2.343 4.266-4.078 1.03-1.734 1.546-3.726 1.546-5.976v-.047c0-2.172-.484-4.094-1.453-5.766a10.432 10.432 0 0 0-3.96-3.984c-1.672-.969-3.594-1.453-5.766-1.453-1.094 0-2.125.132-3.094.398a9.096 9.096 0 0 0-2.625 1.172 7.204 7.204 0 0 0-1.969 1.922h-.093l1.148-11.367h15.89v-3.75H21.368l-1.734 19.289h3.726c.22-.39.461-.75.727-1.078.281-.329.57-.633.867-.914a7.185 7.185 0 0 1 2.578-1.524c.985-.344 2.047-.516 3.188-.516 1.5 0 2.828.329 3.984.985a7.101 7.101 0 0 1 2.719 2.719c.672 1.14 1.008 2.453 1.008 3.937v.047c0 1.516-.328 2.86-.985 4.031a7.056 7.056 0 0 1-2.742 2.719c-1.172.656-2.523.984-4.055.984-1.343 0-2.554-.257-3.632-.773-1.078-.516-1.953-1.219-2.625-2.109a6.34 6.34 0 0 1-1.22-3.024l-.023-.187H19l.023.257c.172 1.829.766 3.461 1.782 4.899 1.015 1.437 2.36 2.57 4.03 3.398 1.688.828 3.61 1.242 5.767 1.242ZM58.844 107.562c2.593 0 4.82-.71 6.68-2.132 1.859-1.422 3.28-3.438 4.265-6.047 1-2.61 1.5-5.703 1.5-9.281v-.047c0-3.578-.5-6.672-1.5-9.282-.984-2.609-2.406-4.617-4.266-6.023-1.859-1.422-4.085-2.133-6.68-2.133-2.593 0-4.82.711-6.679 2.133-1.844 1.406-3.258 3.414-4.242 6.023-.984 2.61-1.477 5.704-1.477 9.282v.047c0 3.578.492 6.671 1.477 9.28.984 2.61 2.398 4.626 4.242 6.048 1.86 1.422 4.086 2.132 6.68 2.132Zm0-3.679c-1.719 0-3.188-.555-4.407-1.664-1.218-1.125-2.148-2.719-2.789-4.781-.64-2.063-.96-4.508-.96-7.336v-.047c0-2.828.32-5.266.96-7.313.641-2.062 1.57-3.648 2.79-4.758 1.218-1.109 2.687-1.664 4.406-1.664 1.718 0 3.187.555 4.406 1.664 1.234 1.11 2.172 2.696 2.813 4.758.656 2.047.984 4.485.984 7.313v.047c0 2.828-.328 5.273-.984 7.335-.641 2.063-1.579 3.657-2.813 4.782-1.219 1.109-2.688 1.664-4.406 1.664ZM87.953 107.562c2.594 0 4.82-.71 6.68-2.132 1.86-1.422 3.281-3.438 4.265-6.047 1-2.61 1.5-5.703 1.5-9.281v-.047c0-3.578-.5-6.672-1.5-9.282-.984-2.609-2.406-4.617-4.265-6.023-1.86-1.422-4.086-2.133-6.68-2.133-2.594 0-4.82.711-6.68 2.133-1.843 1.406-3.257 3.414-4.242 6.023-.984 2.61-1.476 5.704-1.476 9.282v.047c0 3.578.492 6.671 1.476 9.28.985 2.61 2.399 4.626 4.242 6.048 1.86 1.422 4.086 2.132 6.68 2.132Zm0-3.679c-1.719 0-3.187-.555-4.406-1.664-1.219-1.125-2.149-2.719-2.79-4.781-.64-2.063-.96-4.508-.96-7.336v-.047c0-2.828.32-5.266.96-7.313.641-2.062 1.571-3.648 2.79-4.758 1.219-1.109 2.687-1.664 4.406-1.664 1.719 0 3.188.555 4.406 1.664 1.235 1.11 2.172 2.696 2.813 4.758.656 2.047.984 4.485.984 7.313v.047c0 2.828-.328 5.273-.984 7.335-.64 2.063-1.578 3.657-2.813 4.782-1.218 1.109-2.687 1.664-4.406 1.664Z",fill:"#fff"})))},errorKey:"neetoMolecules.errorPage.internalServerError",titleKey:"neetoMolecules.errorPage.title.internalServerError"}};module.exports=function(l){var o=l.homeUrl,i=void 0===o?"/":o,s=l.status,u=a.useTranslation().t,h=t.useErrorDisplayStore(n.pick(["statusCode","showErrorPage"]),v),g=h.statusCode,m=h.showErrorPage,p=w[s=s||g]||w[404],d=p.Image,y=p.errorKey,b=p.titleKey;return e.useEffect((function(){var e=function(){m&&t.useErrorDisplayStore.setState({showErrorPage:!1})};return window.addEventListener("popstate",e),function(){window.removeEventListener("popstate",e)}}),[]),f.default.createElement("div",{className:"flex min-h-screen w-full flex-col items-center justify-center","data-cy":"error-page-container"},f.default.createElement(c.Helmet,null,f.default.createElement("title",null,u(b))),f.default.createElement(d,{className:"mb-8","data-cy":"error-image"}),f.default.createElement(r.Typography,{className:"mb-6 text-center","data-cy":"title",style:"h2",weight:"semibold"},f.default.createElement(a.Trans,{i18nKey:y})),f.default.createElement(r.Button,{href:i,label:u("neetoMolecules.errorPage.backToHome"),size:"large",style:"primary"}))};