@stokr/components-library 2.3.43 → 2.3.44-beta.3

package/dist/components/AdminDashboard/Table/ReactTable.js

@@ -36,6 +36,7 @@ function ReactTable(props) {
     isSubTable = props.isSubTable,
     customTdStyles = props.customTdStyles,
     customThStyles = props.customThStyles,
+    customRowHoverStyles = props.customRowHoverStyles,
     calculateSubData = props.calculateSubData;
 
   // Use the state and functions returned from useTable to build UI
@@ -79,7 +80,11 @@ function ReactTable(props) {
     prepareRow(row);
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: row.id
-    }, /*#__PURE__*/_react.default.createElement(_Table.StyledReactTable.Tr, row.getRowProps(), row.cells.map(function (cell) {
+    }, /*#__PURE__*/_react.default.createElement(_Table.StyledReactTable.Tr, _extends({}, row.getRowProps(), {
+      customRowHoverStyles: customRowHoverStyles
+      // rowIndex={i}
+      // rowData={row.original}
+    }), row.cells.map(function (cell) {
       var cellStyles = customTdStyles ? customTdStyles(i, row.original) : {};
       return /*#__PURE__*/_react.default.createElement(_Table.StyledReactTable.Td, _extends({}, cell.row.getToggleRowExpandedProps(), cell.getCellProps({
         className: cell.column.collapse ? 'collapse' : '',
@@ -118,7 +123,8 @@ ReactTable.propTypes = {
   blue: _propTypes.default.bool,
   noPagination: _propTypes.default.bool,
   withSubTable: _propTypes.default.bool,
-  isSubTable: _propTypes.default.bool
+  isSubTable: _propTypes.default.bool,
+  customRowHoverStyles: _propTypes.default.func
 };
 ReactTable.defaultProps = {
   blue: false,

package/dist/components/AdminDashboard/Table/ReactTable.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WrapperWithSubTable = exports.WithoutPagination = exports.WithSubTable = exports.WithCustomStyling = exports.DefaultWrapper = exports.Default = exports.BlueWrapper = exports.BlueTable = void 0;
+exports.default = exports.WrapperWithSubTable = exports.WithoutPagination = exports.WithSubTable = exports.WithStatusBasedHover = exports.WithRowHover = exports.WithCustomStyling = exports.DefaultWrapper = exports.Default = exports.BlueWrapper = exports.BlueTable = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ReactTable = require("./ReactTable");
 var _ReactTableWrapper = require("./ReactTableWrapper");
@@ -46,6 +46,9 @@ var _default = {
     },
     customThStyles: {
       control: 'function'
+    },
+    customRowHoverStyles: {
+      control: 'function'
     }
   }
 }; // Sample columns and data for demonstration
@@ -152,6 +155,25 @@ var customThStyles = function customThStyles(column) {
   };
 };
 
+// Custom row hover styles function
+var customRowHoverStyles = function customRowHoverStyles(rowIndex, rowData) {
+  return "\n    background-color: #f0f8ff !important;\n    transform: scale(1.01);\n    transition: all 0.2s ease-in-out;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    \n    td {\n      background-color: #f0f8ff !important;\n      border-bottom-color: #0050ca !important;\n    }\n  ";
+};
+
+// Status-based hover styles
+var statusBasedHoverStyles = function statusBasedHoverStyles(rowIndex, rowData) {
+  switch (rowData.status) {
+    case 'Active':
+      return "\n        background-color: #e8f5e8 !important;\n        td {\n          background-color: #e8f5e8 !important;\n          border-bottom-color: #28a745 !important;\n        }\n      ";
+    case 'Inactive':
+      return "\n        background-color: #ffe8e8 !important;\n        td {\n          background-color: #ffe8e8 !important;\n          border-bottom-color: #dc3545 !important;\n        }\n      ";
+    case 'Pending':
+      return "\n        background-color: #fff3cd !important;\n        td {\n          background-color: #fff3cd !important;\n          border-bottom-color: #ffc107 !important;\n        }\n      ";
+    default:
+      return "\n        background-color: #f8f9fa !important;\n        td {\n          background-color: #f8f9fa !important;\n        }\n      ";
+  }
+};
+
 // Function to calculate sub data
 var calculateSubData = function calculateSubData(row) {
   return row.original.subData || [];
@@ -180,6 +202,16 @@ WithCustomStyling.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   customTdStyles: customTdStyles,
   customThStyles: customThStyles
 });
+var WithRowHover = Template.bind({});
+exports.WithRowHover = WithRowHover;
+WithRowHover.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  customRowHoverStyles: customRowHoverStyles
+});
+var WithStatusBasedHover = Template.bind({});
+exports.WithStatusBasedHover = WithStatusBasedHover;
+WithStatusBasedHover.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  customRowHoverStyles: statusBasedHoverStyles
+});
 var WithSubTable = Template.bind({});
 exports.WithSubTable = WithSubTable;
 WithSubTable.args = _objectSpread(_objectSpread({}, Default.args), {}, {

package/dist/components/AdminDashboard/Table/Table.styles.js

@@ -115,7 +115,9 @@ exports.StyledTd = StyledTd;
 var StyledTr = _styledComponents.default.tr.withConfig({
   displayName: "Tablestyles__StyledTr",
   componentId: "sc-pdcd6r-14"
-})([""]);
+})(["", ""], function (props) {
+  return props.customRowHoverStyles && "\n    &:hover {\n      ".concat(props.customRowHoverStyles(props.rowIndex, props.rowData), "\n    }\n  ");
+});
 exports.StyledTr = StyledTr;
 var StyledReactTable = _styledComponents.default.table.withConfig({
   displayName: "Tablestyles__StyledReactTable",

package/dist/components/Checklist/ChecklistCard.js

@@ -0,0 +1,105 @@
+"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.ChecklistCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Icon = require("../Icon/Icon.style");
+var _ChecklistCard = require("./ChecklistCard.styles");
+var _ToDoListTask = require("../ToDoList/ToDoListTask.styles");
+var _colors = _interopRequireDefault(require("../../styles/colors"));
+var _warningFilled = require("../../static/images/warning-filled.svg");
+var _excluded = ["iconState", "title", "description", "link", "onClick", "tooltip", "iconCopy", "disabled"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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 _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; }
+// Only three icon states: done, missing, in_progress
+var ICON_MAP = {
+  done: {
+    icon: _Icon.iconsMap.check,
+    color: _colors.default.freshGreen
+  },
+  missing: {
+    icon: /*#__PURE__*/_react.default.createElement(_warningFilled.ReactComponent, null),
+    color: _colors.default.warningYellow
+  },
+  in_progress: {
+    icon: _Icon.iconsMap.inProgress,
+    color: _colors.default.lightGrey
+  }
+};
+var ChecklistCard = function ChecklistCard(_ref) {
+  var _icon$props;
+  var _ref$iconState = _ref.iconState,
+    iconState = _ref$iconState === void 0 ? 'in_progress' : _ref$iconState,
+    title = _ref.title,
+    description = _ref.description,
+    link = _ref.link,
+    onClick = _ref.onClick,
+    tooltip = _ref.tooltip,
+    iconCopy = _ref.iconCopy,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // Fallback to in_progress if iconState is not recognized
+  var _ref2 = ICON_MAP[iconState] || ICON_MAP['in_progress'],
+    icon = _ref2.icon,
+    color = _ref2.color;
+
+  // Render font icon if string, or SVG if React element
+  var iconElement = typeof icon === 'string' ? /*#__PURE__*/_react.default.createElement(_ToDoListTask.Icon, {
+    icon: icon,
+    style: {
+      color: color,
+      display: 'block',
+      fontSize: 16
+    }
+  }) : /*#__PURE__*/_react.default.cloneElement(icon, {
+    style: _objectSpread({
+      color: color,
+      width: 20,
+      height: 20
+    }, (_icon$props = icon.props) === null || _icon$props === void 0 ? void 0 : _icon$props.style)
+  });
+  var content = /*#__PURE__*/_react.default.createElement(_ChecklistCard.CardContainer, _extends({
+    "aria-disabled": disabled,
+    tabIndex: disabled ? -1 : 0
+  }, onClick ? {
+    role: 'button',
+    onClick: onClick
+  } : {}, rest), /*#__PURE__*/_react.default.createElement(_ChecklistCard.IconBlock, null, iconElement, /*#__PURE__*/_react.default.createElement(_ChecklistCard.IconCopy, null, iconCopy)), /*#__PURE__*/_react.default.createElement(_ChecklistCard.CardTitle, null, title), /*#__PURE__*/_react.default.createElement(_ChecklistCard.CardDescription, null, description));
+  if (link && !onClick && !disabled) {
+    return /*#__PURE__*/_react.default.createElement("a", {
+      href: link,
+      tabIndex: 0,
+      "aria-disabled": disabled,
+      style: {
+        textDecoration: 'none',
+        color: 'inherit'
+      }
+    }, content);
+  }
+  return content;
+};
+exports.ChecklistCard = ChecklistCard;
+ChecklistCard.propTypes = {
+  iconState: _propTypes.default.oneOf(['done', 'missing', 'in_progress']),
+  title: _propTypes.default.string.isRequired,
+  description: _propTypes.default.string.isRequired,
+  link: _propTypes.default.string,
+  onClick: _propTypes.default.func,
+  tooltip: _propTypes.default.string,
+  iconCopy: _propTypes.default.string.isRequired,
+  disabled: _propTypes.default.bool
+};
+var _default = ChecklistCard;
+exports.default = _default;

package/dist/components/Checklist/ChecklistCard.stories.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithOnClick = exports.WithLink = exports.Missing = exports.InProgress = exports.GridOfCards = exports.DoneVerified = exports.DoneRegistered = exports.DoneApproved = exports.Disabled = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireDefault(require("react"));
+var _ChecklistCard = _interopRequireDefault(require("./ChecklistCard"));
+var _global = _interopRequireDefault(require("../../styles/global"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Adjust path as needed
+var _default = {
+  title: 'Checklist/ChecklistCard',
+  component: _ChecklistCard.default,
+  decorators: [function (Story) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(Story, null));
+  }]
+};
+exports.default = _default;
+var DoneRegistered = function DoneRegistered() {
+  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "done",
+    iconCopy: "REGISTERED",
+    title: "Country of Residence",
+    description: "We ask for your country of residence to ensure legal access to the right investment opportunities."
+  });
+};
+exports.DoneRegistered = DoneRegistered;
+var DoneVerified = function DoneVerified() {
+  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "done",
+    iconCopy: "VERIFIED",
+    title: "Verify Identity",
+    description: "KYC is required to confirm your identity before you can invest or trade."
+  });
+};
+exports.DoneVerified = DoneVerified;
+var DoneApproved = function DoneApproved() {
+  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "done",
+    iconCopy: "APPROVED",
+    title: "Tax ID",
+    description: "Some offers require you to provide your Tax ID before being able to invest in."
+  });
+};
+exports.DoneApproved = DoneApproved;
+var Missing = function Missing() {
+  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "missing",
+    iconCopy: "MISSING STEP",
+    title: "Liquid Address",
+    description: "This is your wallet address on the Liquid Network, required for token delivery."
+  });
+};
+exports.Missing = Missing;
+var InProgress = function InProgress() {
+  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "in_progress",
+    iconCopy: "IN PROGRESS",
+    title: "Verify Identity",
+    description: "Our anti-fraud squad is still working."
+  });
+};
+exports.InProgress = InProgress;
+var WithLink = function WithLink() {
+  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "missing",
+    iconCopy: "MISSING STEP",
+    title: "Liquid Address",
+    description: "Clicking this card will take you to the registration page.",
+    link: "/register-liquid"
+  });
+};
+exports.WithLink = WithLink;
+var WithOnClick = function WithOnClick() {
+  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "done",
+    iconCopy: "VERIFIED",
+    title: "Clickable Card",
+    description: "This card is clickable and calls an onClick handler.",
+    onClick: function onClick() {
+      return alert('Card clicked!');
+    }
+  });
+};
+exports.WithOnClick = WithOnClick;
+var Disabled = function Disabled() {
+  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "missing",
+    iconCopy: "MISSING STEP",
+    title: "Disabled Card",
+    description: "This card is disabled and not interactive.",
+    disabled: true
+  });
+};
+exports.Disabled = Disabled;
+var Grid = _styledComponents.default.div.withConfig({
+  displayName: "ChecklistCardstories__Grid",
+  componentId: "sc-no624-0"
+})(["display:grid;grid-template-columns:repeat(4,1fr);gap:32px;@media (max-width:900px){grid-template-columns:1fr;}"]);
+var GridOfCards = function GridOfCards() {
+  return /*#__PURE__*/_react.default.createElement(Grid, null, /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "done",
+    iconCopy: "REGISTERED",
+    title: "Country of Residence",
+    description: "We ask for your country of residence to ensure legal access to the right investment opportunities."
+  }), /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "done",
+    iconCopy: "VERIFIED",
+    title: "Verify Identity",
+    description: "KYC is required to confirm your identity before you can invest or trade."
+  }), /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "missing",
+    iconCopy: "MISSING STEP",
+    title: "Liquid Address",
+    description: "This is your wallet address on the Liquid Network, required for token delivery."
+  }), /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+    iconState: "in_progress",
+    iconCopy: "IN PROGRESS",
+    title: "Tax ID",
+    description: "Some offers require you to provide your Tax ID before being able to invest in."
+  }));
+};
+exports.GridOfCards = GridOfCards;

package/dist/components/Checklist/ChecklistCard.styles.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconCopy = exports.IconBlock = exports.CardTitle = exports.CardDescription = exports.CardContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _rwd = _interopRequireDefault(require("../../styles/rwd"));
+var _templateObject, _templateObject2;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var CardContainer = _styledComponents.default.div.withConfig({
+  displayName: "ChecklistCardstyles__CardContainer",
+  componentId: "sc-rufrg1-0"
+})(["display:flex;flex-direction:column;align-items:flex-start;border:1px solid #eaeaea;border-radius:1px;background:#fff;padding:32px 32px 32px 32px;min-width:320px;min-height:220px;height:100%;box-sizing:border-box;transition:box-shadow 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.01);position:relative;cursor:pointer;&:hover{box-shadow:0 4px 16px rgba(0,0,0,0.04);}&[aria-disabled='true']{opacity:0.5;cursor:not-allowed;}"]);
+exports.CardContainer = CardContainer;
+var IconBlock = _styledComponents.default.div.withConfig({
+  displayName: "ChecklistCardstyles__IconBlock",
+  componentId: "sc-rufrg1-1"
+})(["display:flex;align-items:center;margin-bottom:64px;"]);
+exports.IconBlock = IconBlock;
+var IconCopy = _styledComponents.default.span.withConfig({
+  displayName: "ChecklistCardstyles__IconCopy",
+  componentId: "sc-rufrg1-2"
+})(["font-size:11px;font-weight:400;letter-spacing:2px;margin-left:8px;line-height:16px;text-transform:uppercase;"]);
+exports.IconCopy = IconCopy;
+var CardTitle = _styledComponents.default.div.withConfig({
+  displayName: "ChecklistCardstyles__CardTitle",
+  componentId: "sc-rufrg1-3"
+})(["margin-bottom:32px;text-transform:uppercase;color:#202020;font-weight:800;word-wrap:break-word;font-size:16px;line-height:24px;letter-spacing:0.6px;", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 22px;\n  letter-spacing: 0.8px;\n  line-height: 28px;\n"]))));
+exports.CardTitle = CardTitle;
+var CardDescription = _styledComponents.default.div.withConfig({
+  displayName: "ChecklistCardstyles__CardDescription",
+  componentId: "sc-rufrg1-4"
+})(["color:#202020;font-size:14px;font-weight:300;line-height:20px;letter-spacing:0.5px;word-wrap:break-word;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.8px;\n"]))));
+exports.CardDescription = CardDescription;

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

@@ -0,0 +1,456 @@
+"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.NewVentureModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formik = require("formik");
+var Yup = _interopRequireWildcard(require("yup"));
+var _fetchDataPublic = _interopRequireDefault(require("../../../api/fetchDataPublic"));
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+var _AuthContext = require("../../../context/AuthContext");
+var _globalVariables = require("../../../constants/globalVariables");
+var _Modal = require("../Modal");
+var _Grid = require("../../Grid/Grid.styles");
+var _Text = _interopRequireDefault(require("../../Text/Text.styles"));
+var _Form = _interopRequireWildcard(require("../../Form/Form"));
+var _ComponentWrapper = _interopRequireDefault(require("../../ComponentWrapper/ComponentWrapper.styles"));
+var _Input = _interopRequireDefault(require("../../Input/Input"));
+var _Checkbox = _interopRequireDefault(require("../../Checkbox/Checkbox"));
+var _Button = _interopRequireDefault(require("../../Button/Button.styles"));
+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 _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 _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); }); }; }
+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 _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 initialFormValues = {
+  email: '',
+  name: '',
+  mailingList: false,
+  mailingListDisabled: false,
+  mailingListText: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "You just want to be updated on the project. Subscribe here for further information going forward."),
+  privateInvestorList: false,
+  privateInvestorListDisabled: false,
+  privateInvestorListText: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "You are a professional investor or an investor willing to invest in private offerings. Subscribe here to be contacted by a dedicated team to help you confirm your eligibility for this investment.", /*#__PURE__*/_react.default.createElement("br", null), " ", /*#__PURE__*/_react.default.createElement("br", null), "You are seeking to invest on your own initiative and any potential investments arose as a result of your direct inquiry and outreach."),
+  optionalCheckBox: false,
+  optionalCheckBoxText: '',
+  optionalCheckBoxChecked: false
+};
+var NewVentureModal = /*#__PURE__*/(0, _react.memo)(function (props) {
+  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,
+    successMsg = props.successMsg,
+    errorMsg = props.errorMsg,
+    modalBotContent = props.modalBotContent;
+  var _useState = (0, _react.useState)(initialFormValues),
+    _useState2 = _slicedToArray(_useState, 2),
+    formValues = _useState2[0],
+    setformValues = _useState2[1];
+  var _useState3 = (0, _react.useState)(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    successMessage = _useState4[0],
+    setSuccessMessage = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    errorMessage = _useState6[0],
+    seterrorMessage = _useState6[1];
+  var _React$useContext = _react.default.useContext(_AuthContext.AuthContext),
+    user = _React$useContext.user,
+    setUser = _React$useContext.setUser,
+    checkIfPrivateInvestor = _React$useContext.checkIfPrivateInvestor,
+    checkIfUserSubscribed = _React$useContext.checkIfUserSubscribed;
+  var _useState7 = (0, _react.useState)(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    checkboxes = _useState8[0],
+    setcheckboxes = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    checkedCheckboxes = _useState10[0],
+    setcheckedCheckboxes = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isActionLoading = _useState12[0],
+    setisActionLoading = _useState12[1];
+  (0, _react.useEffect)(function () {
+    fecthCheckboxes();
+  }, []);
+  (0, _react.useEffect)(function () {
+    //we need to check if userData is subscribed for the selected project
+    //every time the userData or project is updated
+    //check only if these userData properties weren't checked already
+    var project = props.project;
+    if (!user || !user._id || !(project && project._id)) return;
+    if (user.isPrivateInvestor === undefined) {
+      checkIfPrivateInvestor(project);
+    }
+    if (user.isSubscribed === undefined) {
+      checkIfUserSubscribed(project);
+    }
+  }, [user, props.project]);
+  (0, _react.useEffect)(function () {
+    //when the checkboxes are fetched, set the text of the checkboxes
+    if (checkboxes) {
+      var formValuesCopy = _objectSpread({}, formValues);
+      Object.values(checkboxes).forEach(function (checkbox) {
+        if (checkbox.label === 'createPrivateInvestor') {
+          formValuesCopy.privateInvestorListText = (0, _htmlReactParser.default)(checkbox.agreementText);
+        } else if (checkbox.label === 'subscribeToProject') {
+          formValuesCopy.mailingListText = (0, _htmlReactParser.default)(checkbox.agreementText);
+        }
+      });
+      setformValues(formValuesCopy);
+    }
+
+    //change text of checkboxes if user is logged in and is already subscribed
+    if (user) {
+      var _formValuesCopy = _objectSpread({}, formValues);
+      _formValuesCopy.email = user.email;
+      _formValuesCopy.name = user.username;
+      if (user.isPrivateInvestor) {
+        _formValuesCopy.privateInvestorListText = 'You are already registered on the whitelist.';
+        _formValuesCopy.privateInvestorList = true;
+        _formValuesCopy.privateInvestorListDisabled = true;
+      } else if (user.privateInvestorStatus && user.privateInvestorStatus !== 'Admitted') {
+        //if private investor status is under review
+        _formValuesCopy.privateInvestorListText = 'Your profile is under review. An account manager will reach out to you to confirm your eligibility.';
+        _formValuesCopy.privateInvestorList = true;
+        _formValuesCopy.privateInvestorListDisabled = true;
+      }
+      if (user.isSubscribed) {
+        _formValuesCopy.mailingList = true;
+        _formValuesCopy.mailingListText = 'You already subscribed to the email notification list.';
+        _formValuesCopy.mailingListDisabled = true;
+      }
+      setformValues(_formValuesCopy);
+    }
+  }, [user, checkboxes]);
+  var fecthCheckboxes = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return (0, _fetchDataPublic.default)('compliance/get-checkbox-group', {
+              group: 'newVentureModal'
+            });
+          case 3:
+            response = _context.sent;
+            if (response != null) {
+              setcheckboxes(response);
+            }
+            _context.next = 10;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            console.log('🚀 ~ file: NewVentureModal.js:111 ~ error:', _context.t0);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+    return function fecthCheckboxes() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var 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')
+  });
+  var onSubmitButton = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
+      var project, dataToSend, response, userCopy, _error$response, _error$response$data, errorParsed;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            project = props.project;
+            dataToSend = {
+              email: values.email,
+              projectId: project._id,
+              name: values.name,
+              checkedCheckboxes: checkedCheckboxes,
+              salesChannel: salesChannel
+            };
+            setisActionLoading(true);
+            _context2.prev = 3;
+            if (values.privateInvestorList && !formValues.privateInvestorListDisabled) {
+              dataToSend.createPrivateInvestor = true;
+            }
+            if (values.mailingList && !formValues.mailingListDisabled) {
+              dataToSend.subscribeToProject = true;
+            }
+            _context2.next = 8;
+            return (0, _fetchDataPublic.default)('private-investor/public/create', dataToSend);
+          case 8:
+            response = _context2.sent;
+            setSuccessMessage(successMsg ? successMsg : "An account manager will reach out to you with further details on the offering and the investment procedure.");
+            userCopy = _objectSpread({}, user);
+            if (!userCopy.email) {
+              //add email and username when subscribing without being logged in
+              userCopy.email = values.email;
+              userCopy.username = values.name;
+            }
+            if (response !== null && response !== void 0 && response.privateInvestor) {
+              userCopy.privateInvestorStatus = response.privateInvestor.status;
+            }
+            if (response !== null && response !== void 0 && response.subscribedToProject) {
+              userCopy.isSubscribed = true;
+            }
+            setUser(userCopy);
+            _context2.next = 21;
+            break;
+          case 17:
+            _context2.prev = 17;
+            _context2.t0 = _context2["catch"](3);
+            console.log('🚀 ~ error', _context2.t0);
+            //show error message from BE only for 406 error
+            if ((_context2.t0 === null || _context2.t0 === void 0 || (_error$response = _context2.t0.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 406) {
+              errorParsed = (_error$response$data = _context2.t0.response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.substring(7);
+              seterrorMessage(errorMsg ? errorMsg : errorParsed);
+            } else {
+              seterrorMessage( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Something went wrong. Please try again a bit later or contact us at", ' ', /*#__PURE__*/_react.default.createElement("a", {
+                href: "mailto:support@stokr.io",
+                style: {
+                  color: 'inherit'
+                }
+              }, "support@stokr.io"), ' '));
+            }
+          case 21:
+            _context2.prev = 21;
+            setisActionLoading(false);
+            return _context2.finish(21);
+          case 24:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[3, 17, 21, 24]]);
+    }));
+    return function onSubmitButton(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+    isOpen: isModalOpen,
+    onClose: function onClose() {
+      setformValues(function (prevState) {
+        return _objectSpread(_objectSpread({}, prevState), {}, {
+          mailingList: false,
+          privateInvestorList: false,
+          optionalCheckBox: false
+        });
+      });
+      onModalClose();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 8
+  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+    modalTop: true
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, errorMessage ? 'OOPS..' : successMessage ? 'AWESOME!' : title), !(successMessage || errorMessage) && /*#__PURE__*/_react.default.createElement("p", null, description))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+    modalBot: true
+  }, modalBotContent)), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 8
+  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, successMessage || errorMessage ? /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, errorMessage ? errorMessage : successMessage)) : /*#__PURE__*/_react.default.createElement(_formik.Formik, {
+    initialValues: formValues,
+    validationSchema: validationSchema,
+    onSubmit: function onSubmit(values) {
+      onFormSend(values);
+      onSubmitButton(values);
+    },
+    id: "register-interest-form"
+  }, function (_ref3) {
+    var values = _ref3.values,
+      errors = _ref3.errors,
+      touched = _ref3.touched,
+      handleBlur = _ref3.handleBlur,
+      handleChange = _ref3.handleChange,
+      setFieldValue = _ref3.setFieldValue,
+      setFieldTouched = _ref3.setFieldTouched;
+    var onChangeWithTouch = function onChangeWithTouch(e) {
+      var field = e.target;
+      setFieldValue(field.name, field.value, false);
+      setFieldTouched(field.name);
+    };
+    var oneOfCheckbox = values.mailingList && !formValues.mailingListDisabled || values.privateInvestorList;
+    var optionalCheckBox = formValues.optionalCheckBox ? values.optionalCheckBoxChecked : true;
+    if (formValues.email && !values.email) {
+      setFieldValue('email', formValues.email);
+      setFieldTouched('email');
+    }
+    if (formValues.name && !values.name) {
+      setFieldValue('name', formValues.name);
+      setFieldTouched('name');
+    }
+    if (formValues.mailingList && !values.mailingList) {
+      setFieldValue('mailingList', formValues.mailingList);
+    }
+    if (formValues.privateInvestorList && !values.privateInvestorList) {
+      setFieldValue('privateInvestorList', formValues.privateInvestorList);
+    }
+
+    //create custom handleCheckboxChange to add the checkbox to the checkedCheckboxes array
+    var handleCheckboxChange = function 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) {
+        setcheckedCheckboxes([].concat(_toConsumableArray(checkedCheckboxes), [e.target.id]));
+      } else {
+        setcheckedCheckboxes(checkedCheckboxes.filter(function (item) {
+          return item !== e.target.id;
+        }));
+      }
+    };
+    var submitDisabled = !touched.email || !!errors.email || !touched.name || !!errors.name || isActionLoading || !oneOfCheckbox || !optionalCheckBox;
+    return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+      noPadding: true
+    }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, !user && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      id: "new-venture-email",
+      name: "email",
+      type: "email",
+      label: "Your email",
+      value: values.email,
+      onChange: onChangeWithTouch,
+      onBlur: handleBlur,
+      error: !!errors.email,
+      touched: !!touched.email
+    }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+      show: touched.email && errors.email
+    }, errors.email), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+      noPaddingHorizontal: true,
+      paddingVeticalHalf: true,
+      noPaddingBottom: true
+    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      id: "new-venture-name",
+      name: "name",
+      type: "text",
+      label: "Your name",
+      value: values.name,
+      onChange: onChangeWithTouch,
+      onBlur: handleBlur,
+      error: !!errors.name,
+      touched: !!touched.name
+    }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+      show: touched.name && errors.name
+    }, errors.name))), /*#__PURE__*/_react.default.createElement(_Form.FormField, {
+      style: {
+        marginTop: '1rem',
+        marginBottom: -5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+      id: 'createPrivateInvestor' //same as checkbox label
+      ,
+      name: "privateInvestorList",
+      text: formValues.privateInvestorListText,
+      checked: values.privateInvestorList,
+      disabled: formValues.privateInvestorListDisabled,
+      onChange: handleCheckboxChange,
+      onBlur: handleBlur
+    })), /*#__PURE__*/_react.default.createElement(_Form.FormField, {
+      style: {
+        marginTop: '2rem',
+        marginBottom: -5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+      id: "subscribeToProject",
+      name: "mailingList",
+      text: formValues.mailingListText,
+      checked: values.mailingList,
+      disabled: formValues.mailingListDisabled,
+      onChange: handleCheckboxChange,
+      onBlur: handleBlur
+    })), formValues.optionalCheckBox && /*#__PURE__*/_react.default.createElement(_Form.FormField, {
+      style: {
+        marginTop: '2rem',
+        marginBottom: -5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+      id: "optionalCheckBox",
+      name: "optionalCheckBoxChecked",
+      text: formValues.optionalCheckBoxText,
+      value: values.optionalCheckBoxChecked,
+      checked: values.optionalCheckBoxChecked,
+      onChange: handleChange,
+      onBlur: handleBlur
+    })), project.type === _globalVariables.ProjectTypes.FUND && /*#__PURE__*/_react.default.createElement(_Form.FormField, {
+      style: {
+        marginTop: '2rem',
+        marginBottom: -5
+      }
+    }, /*#__PURE__*/_react.default.createElement("p", {
+      style: {
+        margin: 0,
+        fontSize: 12
+      }
+    }, /*#__PURE__*/_react.default.createElement("strong", null, "The fund, as well as its fund manager(s) and affiliates, may not be subject to any registration or other local marketing or private placement laws in your jurisdiction."))))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+      noPaddingBottom: true,
+      noPaddingHorizontal: true,
+      center: true
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      type: "submit",
+      id: "private-investor-subscribe-button",
+      disabled: submitDisabled // fluid
+    }, "register")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+      paddingVeticalHalf: true,
+      noPaddingHorizontal: true
+    }, /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+      show: popupError
+    }, popupError)));
+  })))));
+});
+exports.NewVentureModal = NewVentureModal;
+NewVentureModal.propTypes = {
+  isModalOpen: _propTypes.default.bool.isRequired,
+  onModalClose: _propTypes.default.func.isRequired,
+  onFormSend: _propTypes.default.func.isRequired,
+  onModalSwitch: _propTypes.default.func,
+  title: _propTypes.default.string,
+  description: _propTypes.default.string,
+  popupError: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  project: _propTypes.default.object,
+  successMsg: _propTypes.default.node,
+  errorMsg: _propTypes.default.node,
+  modalBotContent: _propTypes.default.node
+};
+NewVentureModal.defaultProps = {
+  title: 'Register Your Interest',
+  description: 'Join us in this exciting investment opportunity.',
+  popupError: null,
+  project: {
+    _id: '',
+    name: '',
+    type: 'fund',
+    title: '',
+    description: ''
+  }
+};
+var _default = NewVentureModal;
+exports.default = _default;

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

@@ -0,0 +1,170 @@
+"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.WithTokenProject = exports.WithLongDescription = exports.WithError = exports.WithCustomTitle = exports.Interactive = exports.EquityProject = exports.Default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _NewVentureModal = require("./NewVentureModal");
+var _global = _interopRequireDefault(require("../../../styles/global"));
+var _AuthContext = require("../../../context/AuthContext");
+var _reactRouterDom = require("react-router-dom");
+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 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 = {
+  title: 'Components Library/Modal/NewVentureModal',
+  component: _NewVentureModal.NewVentureModal,
+  parameters: {
+    docs: {
+      description: {
+        component: 'A modal component for new venture registration with form validation, checkbox management, and user authentication integration.'
+      }
+    }
+  },
+  argTypes: {
+    isModalOpen: {
+      control: 'boolean'
+    },
+    title: {
+      control: 'text'
+    },
+    description: {
+      control: 'text'
+    },
+    popupError: {
+      control: 'text'
+    },
+    project: {
+      control: 'object'
+    },
+    successMsg: {
+      control: 'text'
+    },
+    errorMsg: {
+      control: 'text'
+    },
+    modalBotContent: {
+      control: 'text'
+    },
+    onModalClose: {
+      action: 'modal closed'
+    },
+    onFormSend: {
+      action: 'form submitted'
+    }
+  }
+}; // Sample project data
+exports.default = _default;
+var sampleProject = {
+  _id: 'project-123',
+  name: 'aquarius',
+  type: 'fund',
+  title: 'Aquarius Fund',
+  description: 'A revolutionary investment opportunity in sustainable technology.'
+};
+var 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() {
+    var _args$onModalClose;
+    setIsOpen(false);
+    (_args$onModalClose = args.onModalClose) === null || _args$onModalClose === void 0 || _args$onModalClose.call(args);
+  };
+  var handleFormSend = function 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);
+    },
+    style: {
+      padding: '10px 20px'
+    }
+  }, "Open New Venture Modal"), /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_NewVentureModal.NewVentureModal, _extends({}, args, {
+    isModalOpen: isOpen,
+    onModalClose: handleModalClose,
+    onFormSend: handleFormSend
+  })))));
+};
+var Default = Template.bind({});
+exports.Default = Default;
+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;
+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;
+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;
+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;
+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;
+Interactive.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  onFormSend: function 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;
+EquityProject.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  project: {
+    _id: 'project-789',
+    name: 'startup-equity',
+    type: 'equity',
+    title: 'Startup Equity Investment',
+    description: 'Invest in early-stage startup with high growth potential.'
+  },
+  title: 'Equity Investment Opportunity',
+  description: 'Get equity in a promising startup and be part of their growth journey.'
+});

package/dist/constants/globalVariables.js

@@ -15,7 +15,8 @@ exports.walletTypes = walletTypes;
 var ProjectTypes = {
   FUND: 'fund',
   COMPANY: 'company',
-  TRANCHES: 'tranches'
+  TRANCHES: 'tranches',
+  EQUITY: 'equity'
 };
 exports.ProjectTypes = ProjectTypes;
 var ProjectStatus = {

package/dist/index.js

@@ -630,6 +630,17 @@ Object.keys(_PaymentModal).forEach(function (key) {
     }
   });
 });
+var _NewVentureModal = require("./components/Modal/NewVentureModal/NewVentureModal");
+Object.keys(_NewVentureModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NewVentureModal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NewVentureModal[key];
+    }
+  });
+});
 var _MultiProgressBar = require("./components/MultiProgressBar/MultiProgressBar");
 Object.keys(_MultiProgressBar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1377,4 +1388,15 @@ Object.keys(_ChipWrapper).forEach(function (key) {
       return _ChipWrapper[key];
     }
   });
+});
+var _ChecklistCard = require("./components/Checklist/ChecklistCard");
+Object.keys(_ChecklistCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChecklistCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChecklistCard[key];
+    }
+  });
 });

package/dist/static/images/warning-filled.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.78444 1.69789C10.017 1.83078 10.2097 2.0235 10.3426 2.25605L16.7578 13.4827C17.1688 14.202 16.9189 15.1183 16.1997 15.5293C15.973 15.6588 15.7165 15.7269 15.4555 15.7269H2.625C1.79657 15.7269 1.125 15.0553 1.125 14.2269C1.125 13.9659 1.19312 13.7093 1.32264 13.4827L7.73787 2.25605C8.14888 1.53677 9.06516 1.28688 9.78444 1.69789ZM9 11.0625C8.46429 11.0625 8.0625 11.4585 8.0625 11.9865C8.0625 12.5385 8.45211 12.9345 9 12.9345C9.53571 12.9345 9.9375 12.5385 9.9375 11.9985C9.9375 11.4585 9.53571 11.0625 9 11.0625ZM9.75 5.25H8.25V9.75H9.75V5.25Z" fill="#F19112"/>
+</svg>

package/dist/styles/colors.js

@@ -51,7 +51,8 @@ var colors = {
   grey3: '#f8f8f8',
   grey4: '#DCDCDC',
   midRed: '#e3210d',
-  warningYellow: '#facc33'
+  warningYellow: '#facc33',
+  darkRed: '#D2200D'
 };
 exports.colors = colors;
 var _default = colors;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.43",
+  "version": "2.3.44-beta.3",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",