@cashub/ui 0.10.7 → 0.11.0

package/image/UploadImage.js

@@ -15,11 +15,9 @@ var _fa = require("react-icons/fa");
 
 var _md = require("react-icons/md");
 
-var _reactToastify = require("react-toastify");
-
 var _utils = require("@cashub/utils");
 
-var _MessageContainer = _interopRequireDefault(require("../toast/MessageContainer"));
+var _toast = require("../toast");
 
 var _HiddenFileInput = _interopRequireDefault(require("../file/HiddenFileInput"));
 
@@ -117,22 +115,20 @@ var UploadImage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         } else {
           ref.current.value = '';
           restoreFile();
-
-          _reactToastify.toast.error( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+          (0, _toast.showErrorMessage)({
             title: t('error:Upload'),
             message: t('error:UploadSize', {
               size: '2MB'
             })
-          }));
+          });
         }
       } else {
         ref.current.value = '';
         restoreFile();
-
-        _reactToastify.toast.error( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+        (0, _toast.showErrorMessage)({
           title: t('error:Upload'),
           message: t('error:LogoMerchantFileType')
-        }));
+        });
       }
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.10.7",
+  "version": "0.11.0",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",
@@ -32,6 +32,7 @@
     "react-outside-click-handler": "^1.3.0",
     "react-popper": "^2.3.0",
     "react-router-dom": "^5.2.0",
+    "react-toastify": "^7.0.4",
     "styled-components": "^5.3.0"
   },
   "peerDependencies": {

package/toast/MessageContainer.js

@@ -36,7 +36,7 @@ var MessageContainer = function MessageContainer(_ref) {
 
 var Title = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0;\n  margin-bottom: 0.25rem;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 500;\n"])));
 
-var Message = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0;\n  font-size: 0.9rem;\n  line-height: 1.2rem;\n\n  ul {\n    margin-left: 1rem;\n\n    li {\n      list-style: disc;\n    }\n  }\n"])));
+var Message = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0;\n  font-size: 0.9rem;\n  line-height: 1.2rem;\n  word-break: break-word;\n  white-space: pre-wrap;\n\n  ul {\n    margin-left: 1rem;\n\n    li {\n      list-style: disc;\n    }\n  }\n"])));
 
 var _default = MessageContainer;
 exports.default = _default;

package/toast/index.js

@@ -3,6 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  CustomToastContainer: true,
+  MessageContainer: true
+};
 Object.defineProperty(exports, "CustomToastContainer", {
   enumerable: true,
   get: function get() {
@@ -20,4 +24,18 @@ var _CustomToastContainer = _interopRequireDefault(require("./CustomToastContain
 
 var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
 
+var _show = require("./show");
+
+Object.keys(_show).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _show[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _show[key];
+    }
+  });
+});
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/toast/show.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showWarningMessage = exports.showSuccessMessage = exports.showErrorMessage = void 0;
+
+var _reactToastify = require("react-toastify");
+
+var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var showSuccessMessage = function showSuccessMessage(_ref) {
+  var title = _ref.title,
+      message = _ref.message,
+      _ref$containHTML = _ref.containHTML,
+      containHTML = _ref$containHTML === void 0 ? false : _ref$containHTML;
+
+  _reactToastify.toast.success( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+    title: title,
+    message: message,
+    containHTML: containHTML
+  }));
+};
+
+exports.showSuccessMessage = showSuccessMessage;
+
+var showErrorMessage = function showErrorMessage(_ref2) {
+  var title = _ref2.title,
+      message = _ref2.message,
+      _ref2$containHTML = _ref2.containHTML,
+      containHTML = _ref2$containHTML === void 0 ? false : _ref2$containHTML;
+
+  _reactToastify.toast.error( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+    title: title,
+    message: message,
+    containHTML: containHTML
+  }));
+};
+
+exports.showErrorMessage = showErrorMessage;
+
+var showWarningMessage = function showWarningMessage(_ref3) {
+  var title = _ref3.title,
+      message = _ref3.message,
+      _ref3$containHTML = _ref3.containHTML,
+      containHTML = _ref3$containHTML === void 0 ? false : _ref3$containHTML;
+
+  _reactToastify.toast.warning( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+    title: title,
+    message: message,
+    containHTML: containHTML
+  }));
+};
+
+exports.showWarningMessage = showWarningMessage;

package/toast/style.css

@@ -0,0 +1 @@
+@import 'react-toastify/dist/ReactToastify.css';