@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/Modal/NewVentureModal/NewVentureModal.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,64 +18,57 @@ var _ComponentWrapper = _interopRequireDefault(require("../../ComponentWrapper/C
 var _Input = _interopRequireDefault(require("../../Input/Input"));
 var _Checkbox = _interopRequireDefault(require("../../Checkbox/Checkbox"));
 var _Button = _interopRequireDefault(require("../../Button/Button.styles"));
-var _useNewVentureForm2 = require("../../../hooks/useNewVentureForm");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-var NewVentureModal = function NewVentureModal(props) {
-  var _useContext = (0, _react.useContext)(_AuthContext.AuthContext),
-    user = _useContext.user;
-  var title = props.title,
-    description = props.description,
-    isModalOpen = props.isModalOpen,
-    onModalClose = props.onModalClose,
-    onFormSend = props.onFormSend,
-    popupError = props.popupError,
-    project = props.project,
-    _props$salesChannel = props.salesChannel,
-    salesChannel = _props$salesChannel === void 0 ? 'investor' : _props$salesChannel,
-    modalBotContent = props.modalBotContent,
-    onSuccessMessageBtnClick = props.onSuccessMessageBtnClick,
-    customSuccessMessage = props.customSuccessMessage;
-  var _useNewVentureForm = (0, _useNewVentureForm2.useNewVentureForm)({
-      project: props.project,
-      user: user,
-      salesChannel: salesChannel,
-      customSuccessMessage: customSuccessMessage
-    }),
-    email = _useNewVentureForm.email,
-    name = _useNewVentureForm.name,
-    mailingList = _useNewVentureForm.mailingList,
-    privateInvestorList = _useNewVentureForm.privateInvestorList,
-    mailingListText = _useNewVentureForm.mailingListText,
-    privateInvestorListText = _useNewVentureForm.privateInvestorListText,
-    mailingListDisabled = _useNewVentureForm.mailingListDisabled,
-    privateInvestorListDisabled = _useNewVentureForm.privateInvestorListDisabled,
-    optionalCheckBox = _useNewVentureForm.optionalCheckBox,
-    optionalCheckBoxText = _useNewVentureForm.optionalCheckBoxText,
-    optionalCheckBoxChecked = _useNewVentureForm.optionalCheckBoxChecked,
-    checkedCheckboxes = _useNewVentureForm.checkedCheckboxes,
-    isSubmitting = _useNewVentureForm.isSubmitting,
-    successMessage = _useNewVentureForm.successMessage,
-    errorMessage = _useNewVentureForm.errorMessage,
-    handleSubmit = _useNewVentureForm.handleSubmit,
-    updateCheckedCheckboxes = _useNewVentureForm.updateCheckedCheckboxes;
-  var validationSchema = Yup.object().shape({
+var _useNewVentureForm = require("../../../hooks/useNewVentureForm");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const NewVentureModal = props => {
+  const {
+    user
+  } = (0, _react.useContext)(_AuthContext.AuthContext);
+  const {
+    title,
+    description,
+    isModalOpen,
+    onModalClose,
+    onFormSend,
+    popupError,
+    project,
+    salesChannel = 'investor',
+    modalBotContent,
+    onSuccessMessageBtnClick,
+    customSuccessMessage
+  } = props;
+  const {
+    email,
+    name,
+    mailingList,
+    privateInvestorList,
+    mailingListText,
+    privateInvestorListText,
+    mailingListDisabled,
+    privateInvestorListDisabled,
+    optionalCheckBox,
+    optionalCheckBoxText,
+    optionalCheckBoxChecked,
+    checkedCheckboxes,
+    isSubmitting,
+    successMessage,
+    errorMessage,
+    handleSubmit,
+    updateCheckedCheckboxes
+  } = (0, _useNewVentureForm.useNewVentureForm)({
+    project: props.project,
+    user,
+    salesChannel,
+    customSuccessMessage
+  });
+  const validationSchema = Yup.object().shape({
     email: Yup.string().matches(_globalVariables.emailRegex, "Oops, that's not a valid address").required("Oops, this can't be blank"),
     name: Yup.string().required("Oops, this can't be blank")
   });
   return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     isOpen: isModalOpen,
-    onClose: function onClose(e) {
+    onClose: e => {
       onModalClose(e);
     }
   }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
@@ -92,7 +84,7 @@ var NewVentureModal = function NewVentureModal(props) {
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     fluid: true,
     id: "private-investor-success-button",
-    onClick: function onClick() {
+    onClick: () => {
       if (onSuccessMessageBtnClick) {
         onSuccessMessageBtnClick();
       } else {
@@ -112,43 +104,28 @@ var NewVentureModal = function NewVentureModal(props) {
       optionalCheckBoxChecked: optionalCheckBoxChecked || false
     },
     validationSchema: validationSchema,
-    onSubmit: function onSubmit(values) {
+    onSubmit: values => {
       onFormSend(values);
       handleSubmit(values);
     },
     id: "register-interest-form"
-  }, function (_ref) {
-    var values = _ref.values,
-      errors = _ref.errors,
-      touched = _ref.touched,
-      handleBlur = _ref.handleBlur,
-      handleChange = _ref.handleChange,
-      setFieldValue = _ref.setFieldValue,
-      setFieldTouched = _ref.setFieldTouched;
-    var onChangeWithTouch = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-        var field;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              field = e.target;
-              _context.next = 3;
-              return setFieldValue(field.name, field.value, false);
-            case 3:
-              _context.next = 5;
-              return setFieldTouched(field.name);
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function onChangeWithTouch(_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    var oneOfCheckbox = values.mailingList && !mailingListDisabled || values.privateInvestorList && !privateInvestorListDisabled;
-    var optionalCheckBoxForm = optionalCheckBox ? values.optionalCheckBoxChecked : true;
+  }, _ref => {
+    let {
+      values,
+      errors,
+      touched,
+      handleBlur,
+      handleChange,
+      setFieldValue,
+      setFieldTouched
+    } = _ref;
+    const onChangeWithTouch = async e => {
+      const field = e.target;
+      await setFieldValue(field.name, field.value, false);
+      await setFieldTouched(field.name);
+    };
+    const oneOfCheckbox = values.mailingList && !mailingListDisabled || values.privateInvestorList && !privateInvestorListDisabled;
+    const optionalCheckBoxForm = optionalCheckBox ? values.optionalCheckBoxChecked : true;
     if (email && !values.email) {
       setFieldValue('email', email);
       setFieldTouched('email');
@@ -165,16 +142,14 @@ var NewVentureModal = function NewVentureModal(props) {
     }
 
     //create custom handleCheckboxChange to add the checkbox to the checkedCheckboxes array
-    var handleCheckboxChange = function handleCheckboxChange(e) {
+    const handleCheckboxChange = e => {
       handleChange(e);
 
       //we set id of the checkbox to be the same string as checkbox label, so we can identify the checkbox
       if (e.target.checked) {
-        updateCheckedCheckboxes([].concat(_toConsumableArray(checkedCheckboxes), [e.target.id]));
+        updateCheckedCheckboxes([...checkedCheckboxes, e.target.id]);
       } else {
-        updateCheckedCheckboxes(checkedCheckboxes.filter(function (item) {
-          return item !== e.target.id;
-        }));
+        updateCheckedCheckboxes(checkedCheckboxes.filter(item => item !== e.target.id));
       }
     };
     var submitDisabled = !touched.email || !!errors.email || !touched.name || !!errors.name || isSubmitting || !oneOfCheckbox || !optionalCheckBoxForm;
@@ -300,5 +275,4 @@ NewVentureModal.defaultProps = {
     description: ''
   }
 };
-var _default = NewVentureModal;
-exports.default = _default;
+var _default = exports.default = NewVentureModal;

package/dist/components/Modal/NewVentureModal/NewVentureModal.stories.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,22 +10,15 @@ var _global = _interopRequireDefault(require("../../../styles/global"));
 var _AuthContext = require("../../../context/AuthContext");
 var _reactRouterDom = require("react-router-dom");
 var _CheckboxContext = require("../../../context/Checkbox/CheckboxContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = {
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _default = exports.default = {
   title: 'Components Library/Modal/NewVentureModal',
   component: _NewVentureModal.NewVentureModal,
   parameters: {
@@ -69,40 +61,34 @@ var _default = {
     }
   }
 }; // Sample project data
-exports.default = _default;
-var sampleProject = {
+const sampleProject = {
   _id: 'project-123',
   name: 'aquarius',
   type: 'fund',
   title: 'Aquarius Fund',
   description: 'A revolutionary investment opportunity in sustainable technology.'
 };
-var sampleTokenProject = {
+const sampleTokenProject = {
   _id: 'project-456',
   name: 'tech-token',
   type: 'token',
   title: 'Tech Token',
   description: 'Invest in the future of technology with our innovative token offering.'
 };
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)(args.isModalOpen || false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var handleModalClose = function handleModalClose() {
+const Template = args => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(args.isModalOpen || false);
+  const handleModalClose = () => {
     var _args$onModalClose;
     setIsOpen(false);
     (_args$onModalClose = args.onModalClose) === null || _args$onModalClose === void 0 || _args$onModalClose.call(args);
   };
-  var handleFormSend = function handleFormSend(values) {
+  const handleFormSend = values => {
     var _args$onFormSend;
     console.log('Form submitted with values:', values);
     (_args$onFormSend = args.onFormSend) === null || _args$onFormSend === void 0 || _args$onFormSend.call(args, values);
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("button", {
-    onClick: function onClick() {
-      return setIsOpen(true);
-    },
+    onClick: () => setIsOpen(true),
     style: {
       padding: '10px 20px'
     }
@@ -112,52 +98,45 @@ var Template = function Template(args) {
     onFormSend: handleFormSend
   }))))));
 };
-var Default = Template.bind({});
-exports.Default = Default;
+const Default = exports.Default = Template.bind({});
 Default.args = {
   title: 'Register Your Interest',
   description: 'Join us in this exciting investment opportunity. Fill out the form below to get started.',
   project: sampleProject,
   popupError: null
 };
-var WithTokenProject = Template.bind({});
-exports.WithTokenProject = WithTokenProject;
+const WithTokenProject = exports.WithTokenProject = Template.bind({});
 WithTokenProject.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   project: sampleTokenProject,
   title: 'Token Investment Opportunity',
   description: 'Get early access to our innovative token offering.'
 });
-var WithError = Template.bind({});
-exports.WithError = WithError;
+const WithError = exports.WithError = Template.bind({});
 WithError.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   popupError: 'This email is already registered. Please try a different email address.'
 });
-var WithCustomTitle = Template.bind({});
-exports.WithCustomTitle = WithCustomTitle;
+const WithCustomTitle = exports.WithCustomTitle = Template.bind({});
 WithCustomTitle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   title: 'Join the Innovation Revolution',
   description: 'Be part of the next big thing in sustainable technology investments.'
 });
-var WithLongDescription = Template.bind({});
-exports.WithLongDescription = WithLongDescription;
+const WithLongDescription = exports.WithLongDescription = Template.bind({});
 WithLongDescription.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   title: 'Comprehensive Investment Opportunity',
   description: 'This is a detailed description of the investment opportunity that provides comprehensive information about the project, its goals, potential returns, and the team behind it. Investors can learn about the technology, market potential, and strategic vision.'
 });
 
 // Interactive example with form submission handling
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
+const Interactive = exports.Interactive = Template.bind({});
 Interactive.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  onFormSend: function onFormSend(values) {
+  onFormSend: values => {
     console.log('Interactive form submitted:', values);
     alert("Form submitted successfully!\nEmail: ".concat(values.email, "\nName: ").concat(values.name, "\nPrivate Investor: ").concat(values.privateInvestorList, "\nMailing List: ").concat(values.mailingList));
   }
 });
 
 // Example with different project types
-var EquityProject = Template.bind({});
-exports.EquityProject = EquityProject;
+const EquityProject = exports.EquityProject = Template.bind({});
 EquityProject.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   project: {
     _id: 'project-789',

package/dist/components/Modal/PaymentModal.js

@@ -1,12 +1,11 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PaymentModal = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _qrcode = _interopRequireDefault(require("qrcode.react"));
+var _qrcode = require("qrcode.react");
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _Modal = require("./Modal");
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
@@ -18,66 +17,57 @@ var _formatCurrencyValue = require("../../utils/formatCurrencyValue");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _Icon = _interopRequireWildcard(require("../Icon/Icon.style"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _excluded = ["data", "user", "isModalOpen", "onModalClose", "onCTAClick", "isRedemption", "noCTA", "CTAText", "additionalInfoRight", "withTimer", "error", "secondsRemaining", "modalTitle", "txTextInRed", "sendTokenTextRight", "numberOfSecuritiesText", "formatAmountInLink"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var WarningBox = _styledComponents.default.div.withConfig({
+const _excluded = ["data", "user", "isModalOpen", "onModalClose", "onCTAClick", "isRedemption", "noCTA", "CTAText", "additionalInfoRight", "withTimer", "error", "secondsRemaining", "modalTitle", "txTextInRed", "sendTokenTextRight", "numberOfSecuritiesText", "formatAmountInLink"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const WarningBox = _styledComponents.default.div.withConfig({
   displayName: "PaymentModal__WarningBox",
   componentId: "sc-17n3hz3-0"
 })(["background:", ";border-radius:4px;padding:10px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:9;"], _theme.default.cWarning);
-var BlurBox = _styledComponents.default.div.withConfig({
+const BlurBox = _styledComponents.default.div.withConfig({
   displayName: "PaymentModal__BlurBox",
   componentId: "sc-17n3hz3-1"
 })(["filter:blur(4px);position:absolute;top:0px;left:50%;transform:translate(-50%,0px);"]);
-var PaymentModal = function PaymentModal(_ref) {
-  var _ref$data = _ref.data,
-    data = _ref$data === void 0 ? {} : _ref$data,
-    user = _ref.user,
-    isModalOpen = _ref.isModalOpen,
-    _ref$onModalClose = _ref.onModalClose,
-    onModalClose = _ref$onModalClose === void 0 ? function () {} : _ref$onModalClose,
-    _ref$onCTAClick = _ref.onCTAClick,
-    onCTAClick = _ref$onCTAClick === void 0 ? function () {} : _ref$onCTAClick,
-    isRedemption = _ref.isRedemption,
-    _ref$noCTA = _ref.noCTA,
-    noCTA = _ref$noCTA === void 0 ? false : _ref$noCTA,
-    _ref$CTAText = _ref.CTAText,
-    CTAText = _ref$CTAText === void 0 ? 'Done' : _ref$CTAText,
-    additionalInfoRight = _ref.additionalInfoRight,
-    _ref$withTimer = _ref.withTimer,
-    withTimer = _ref$withTimer === void 0 ? false : _ref$withTimer,
-    error = _ref.error,
-    secondsRemaining = _ref.secondsRemaining,
-    _ref$modalTitle = _ref.modalTitle,
-    modalTitle = _ref$modalTitle === void 0 ? "SEND YOUR ".concat(data === null || data === void 0 ? void 0 : data.tokenSymbolToSend) : _ref$modalTitle,
-    _ref$txTextInRed = _ref.txTextInRed,
-    txTextInRed = _ref$txTextInRed === void 0 ? true : _ref$txTextInRed,
-    _ref$sendTokenTextRig = _ref.sendTokenTextRight,
-    sendTokenTextRight = _ref$sendTokenTextRig === void 0 ? /*#__PURE__*/_react.default.createElement("p", null, "Send your ", data === null || data === void 0 ? void 0 : data.tokenSymbolToSend, " to the treasury wallet below.") : _ref$sendTokenTextRig,
-    _ref$numberOfSecuriti = _ref.numberOfSecuritiesText,
-    numberOfSecuritiesText = _ref$numberOfSecuriti === void 0 ? 'Redeem securities' : _ref$numberOfSecuriti,
-    _ref$formatAmountInLi = _ref.formatAmountInLink,
-    formatAmountInLink = _ref$formatAmountInLi === void 0 ? true : _ref$formatAmountInLi,
+const PaymentModal = _ref => {
+  let {
+      data = {},
+      user,
+      isModalOpen,
+      onModalClose = () => {},
+      onCTAClick = () => {},
+      isRedemption,
+      noCTA = false,
+      CTAText = 'Done',
+      additionalInfoRight,
+      withTimer = false,
+      error,
+      secondsRemaining,
+      modalTitle = "SEND YOUR ".concat(data === null || data === void 0 ? void 0 : data.tokenSymbolToSend),
+      txTextInRed = true,
+      sendTokenTextRight = /*#__PURE__*/_react.default.createElement("p", null, "Send your ", data === null || data === void 0 ? void 0 : data.tokenSymbolToSend, " to the treasury wallet below."),
+      numberOfSecuritiesText = 'Redeem securities',
+      formatAmountInLink = true
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  var projectData = data.projectData,
-    tokenAmount = data.tokenAmount,
-    tokenSymbolToSend = data.tokenSymbolToSend,
-    tokenSymbol = data.tokenSymbol,
-    createdAt = data.createdAt,
-    _data$tokenDecimals = data.tokenDecimals,
-    tokenDecimals = _data$tokenDecimals === void 0 ? 2 : _data$tokenDecimals,
-    GAID = data.GAID,
-    currencyType = data.currencyType;
-  var newTokenAmount = tokenAmount;
+  const {
+    projectData,
+    tokenAmount,
+    tokenSymbolToSend,
+    tokenSymbol,
+    createdAt,
+    tokenDecimals = 2,
+    GAID,
+    currencyType
+  } = data;
+  let newTokenAmount = tokenAmount;
   if (formatAmountInLink) {
     //https://github.com/ElementsProject/elements/issues/805
     newTokenAmount = (tokenAmount * Math.pow(10, tokenDecimals - 8)).toFixed(8);
   }
   var paymentlink = "liquidnetwork:".concat(projectData === null || projectData === void 0 ? void 0 : projectData.companyWallet, "?amount=").concat(newTokenAmount, "&assetid=").concat(projectData === null || projectData === void 0 ? void 0 : projectData.secondaryAssetId);
-  var isKYCVerified = (user === null || user === void 0 ? void 0 : user.kyc_status) === 'Accepted';
+  const isKYCVerified = (user === null || user === void 0 ? void 0 : user.kyc_status) === 'Accepted';
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     isOpen: isModalOpen,
     onClose: onModalClose
@@ -126,7 +116,7 @@ var PaymentModal = function PaymentModal(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true,
     noPaddingBottom: true
-  }, /*#__PURE__*/_react.default.createElement(_qrcode.default, {
+  }, /*#__PURE__*/_react.default.createElement(_qrcode.QRCodeSVG, {
     value: paymentlink,
     size: 150
   }))) : /*#__PURE__*/_react.default.createElement("div", {
@@ -149,11 +139,10 @@ var PaymentModal = function PaymentModal(_ref) {
   }, "compliance@stokr.io"))), /*#__PURE__*/_react.default.createElement(BlurBox, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true,
     noPaddingBottom: true
-  }, /*#__PURE__*/_react.default.createElement(_qrcode.default, {
+  }, /*#__PURE__*/_react.default.createElement(_qrcode.QRCodeSVG, {
     value: paymentlink,
     size: 150
   })))), additionalInfoRight && additionalInfoRight)))))));
 };
 exports.PaymentModal = PaymentModal;
-var _default = PaymentModal;
-exports.default = _default;
+var _default = exports.default = PaymentModal;

package/dist/components/Modal/PaymentModal.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _PaymentModal = require("./PaymentModal");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Modal',
   component: _PaymentModal.PaymentModal,
   argTypes: {
@@ -27,12 +27,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_PaymentModal.PaymentModal, args)));
-};
-var PaymentModalOpen = Template.bind({});
-exports.PaymentModalOpen = PaymentModalOpen;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_PaymentModal.PaymentModal, args)));
+const PaymentModalOpen = exports.PaymentModalOpen = Template.bind({});
 PaymentModalOpen.args = {
   //children: 'I am the Child Element',
   isModalOpen: true,