@stokr/components-library 2.3.44-beta.1 → 2.3.44-beta.4

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

@@ -36,8 +36,16 @@ function ReactTable(props) {
     isSubTable = props.isSubTable,
     customTdStyles = props.customTdStyles,
     customThStyles = props.customThStyles,
+    customRowHoverStyles = props.customRowHoverStyles,
+    customRowHoverContent = props.customRowHoverContent,
     calculateSubData = props.calculateSubData;
 
+  // State to track which row is being hovered
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    hoveredRowIndex = _useState2[0],
+    setHoveredRowIndex = _useState2[1];
+
   // Use the state and functions returned from useTable to build UI
   var _useTable = (0, _reactTable.useTable)({
       columns: columns,
@@ -58,13 +66,24 @@ function ReactTable(props) {
     _useTable$state = _useTable.state,
     pageIndex = _useTable$state.pageIndex,
     pageSize = _useTable$state.pageSize;
-  var _useState = (0, _react.useState)(isSubTable ? 10000 : 10),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputPageSize = _useState2[0],
-    setInputPageSize = _useState2[1];
+  var _useState3 = (0, _react.useState)(isSubTable ? 10000 : 10),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputPageSize = _useState4[0],
+    setInputPageSize = _useState4[1];
   _react.default.useEffect(function () {
     setInputPageSize(pageSize);
   }, [pageSize]);
+
+  // Function to render cell content with hover support
+  var renderCellContent = function renderCellContent(cell, rowIndex, rowData) {
+    if (customRowHoverContent && hoveredRowIndex === rowIndex) {
+      var hoverContent = customRowHoverContent(cell.column.id, rowIndex, rowData);
+      if (hoverContent !== undefined) {
+        return hoverContent;
+      }
+    }
+    return cell.render('Cell');
+  };
   return /*#__PURE__*/_react.default.createElement(_Table.Styles, null, /*#__PURE__*/_react.default.createElement(_Table.TableWrap, null, /*#__PURE__*/_react.default.createElement(_Table.StyledReactTable, getTableProps(), /*#__PURE__*/_react.default.createElement("thead", null, headerGroups.map(function (headerGroup) {
     return /*#__PURE__*/_react.default.createElement(_Table.StyledReactTable.Tr, headerGroup.getHeaderGroupProps(), headerGroup.headers.map(function (column) {
       var cellStyles = customThStyles ? customThStyles(column) : {};
@@ -72,21 +91,37 @@ function ReactTable(props) {
         className: column.collapse ? 'collapse' : '',
         style: _objectSpread({}, cellStyles)
       }), {
-        blue: blue
+        blue: blue,
+        width: column.width,
+        minWidth: column.minWidth,
+        maxWidth: column.maxWidth
       }), column.render('Header'));
     }));
   })), /*#__PURE__*/_react.default.createElement("tbody", getTableBodyProps(), page.map(function (row, i) {
     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,
+      onMouseEnter: function onMouseEnter() {
+        return setHoveredRowIndex(i);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setHoveredRowIndex(null);
+      }
+    }), 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' : '',
         style: _objectSpread({}, cellStyles)
       }), {
-        blue: blue
-      }), cell.render('Cell'));
+        blue: blue,
+        width: cell.column.width,
+        minWidth: cell.column.minWidth,
+        maxWidth: cell.column.maxWidth
+      }), renderCellContent(cell, i, row.original));
     })), withSubTable && row.isExpanded && /*#__PURE__*/_react.default.createElement(_Table.StyledReactTable.Tr, {
       key: "".concat(row.id, "-").concat(i)
     }, /*#__PURE__*/_react.default.createElement(_Table.StyledReactTable.Td, {
@@ -118,7 +153,9 @@ 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,
+  customRowHoverContent: _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.WithRowSpecificHover = exports.WithRowHover = exports.WithHoverStylesAndContent = exports.WithHoverContent = exports.WithFixedColumnWidths = 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,35 +46,57 @@ var _default = {
     },
     customThStyles: {
       control: 'function'
+    },
+    customRowHoverStyles: {
+      control: 'function'
+    },
+    customRowHoverContent: {
+      control: 'function'
     }
   }
 }; // Sample columns and data for demonstration
 exports.default = _default;
 var columns = [{
   Header: 'ID',
-  accessor: 'id'
+  accessor: 'id',
+  width: '10%',
+  minWidth: '80px'
 }, {
   Header: 'Name',
-  accessor: 'name'
+  accessor: 'name',
+  width: '30%',
+  minWidth: '150px'
 }, {
   Header: 'Status',
-  accessor: 'status'
+  accessor: 'status',
+  width: '20%',
+  minWidth: '100px'
 }, {
   Header: '',
-  accessor: 'dropdown'
+  accessor: 'dropdown',
+  width: '40%',
+  minWidth: '120px'
 }];
 var columnsWrapper = [{
   label: 'ID',
-  key: 'id'
+  key: 'id',
+  width: '10%',
+  minWidth: '80px'
 }, {
   label: 'Name',
-  key: 'name'
+  key: 'name',
+  width: '30%',
+  minWidth: '150px'
 }, {
   label: 'Status',
-  key: 'status'
+  key: 'status',
+  width: '20%',
+  minWidth: '100px'
 }, {
   label: '',
-  key: 'dropdown'
+  key: 'dropdown',
+  width: '40%',
+  minWidth: '120px'
 }];
 var subColumns = [{
   Header: 'Detail ID',
@@ -152,6 +174,115 @@ 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  ";
+};
+
+// Custom row hover content function
+var customRowHoverContent = function customRowHoverContent(columnId, rowIndex, rowData) {
+  switch (columnId) {
+    case 'name':
+      // Show underlined link on hover
+      return /*#__PURE__*/_react.default.createElement("a", {
+        href: "/user/".concat(rowData.id),
+        style: {
+          textDecoration: 'underline',
+          color: '#0050ca',
+          fontWeight: 'bold'
+        }
+      }, rowData.name);
+    case 'dropdown':
+      // Show action buttons on hover
+      return /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          display: 'flex',
+          gap: '8px'
+        }
+      }, /*#__PURE__*/_react.default.createElement("button", {
+        style: {
+          padding: '4px 8px',
+          fontSize: '12px',
+          backgroundColor: '#0050ca',
+          color: 'white',
+          border: 'none',
+          borderRadius: '4px',
+          cursor: 'pointer'
+        },
+        onClick: function onClick() {
+          return alert("Edit ".concat(rowData.name));
+        }
+      }, "Edit"), /*#__PURE__*/_react.default.createElement("button", {
+        style: {
+          padding: '4px 8px',
+          fontSize: '12px',
+          backgroundColor: '#dc3545',
+          color: 'white',
+          border: 'none',
+          borderRadius: '4px',
+          cursor: 'pointer'
+        },
+        onClick: function onClick() {
+          return alert("Delete ".concat(rowData.name));
+        }
+      }, "Delete"));
+    case 'status':
+      // Show status with icon on hover
+      var statusColors = {
+        Active: '#28a745',
+        Inactive: '#dc3545',
+        Pending: '#ffc107'
+      };
+      return /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: '4px'
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          width: '8px',
+          height: '8px',
+          borderRadius: '50%',
+          backgroundColor: statusColors[rowData.status] || '#6c757d'
+        }
+      }), rowData.status);
+    default:
+      return undefined;
+    // Return undefined to use default content
+  }
+};
+
+// 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      ";
+  }
+};
+
+// Row-specific hover styles (example: different styles for first and last rows)
+var rowSpecificHoverStyles = function rowSpecificHoverStyles(rowIndex, rowData) {
+  // Special styling for first row
+  if (rowIndex === 0) {
+    return "\n      background-color: #e3f2fd !important;\n      transform: scale(1.02);\n      box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);\n      td {\n        background-color: #e3f2fd !important;\n        border-bottom-color: #2196f3 !important;\n        font-weight: bold;\n      }\n    ";
+  }
+
+  // Special styling for last row
+  if (rowIndex === data.length - 1) {
+    return "\n      background-color: #f3e5f5 !important;\n      transform: scale(1.02);\n      box-shadow: 0 4px 12px rgba(156, 39, 176, 0.3);\n      td {\n        background-color: #f3e5f5 !important;\n        border-bottom-color: #9c27b0 !important;\n        font-weight: bold;\n      }\n    ";
+  }
+
+  // Default styling for other rows
+  return "\n    background-color: #f0f8ff !important;\n    transform: scale(1.01);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    td {\n      background-color: #f0f8ff !important;\n      border-bottom-color: #0050ca !important;\n    }\n  ";
+};
+
 // Function to calculate sub data
 var calculateSubData = function calculateSubData(row) {
   return row.original.subData || [];
@@ -180,6 +311,38 @@ 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 WithHoverContent = Template.bind({});
+exports.WithHoverContent = WithHoverContent;
+WithHoverContent.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  customRowHoverContent: customRowHoverContent
+});
+var WithHoverStylesAndContent = Template.bind({});
+exports.WithHoverStylesAndContent = WithHoverStylesAndContent;
+WithHoverStylesAndContent.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  customRowHoverStyles: customRowHoverStyles,
+  customRowHoverContent: customRowHoverContent
+});
+var WithStatusBasedHover = Template.bind({});
+exports.WithStatusBasedHover = WithStatusBasedHover;
+WithStatusBasedHover.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  customRowHoverStyles: statusBasedHoverStyles
+});
+var WithRowSpecificHover = Template.bind({});
+exports.WithRowSpecificHover = WithRowSpecificHover;
+WithRowSpecificHover.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  customRowHoverStyles: rowSpecificHoverStyles
+});
+var WithFixedColumnWidths = Template.bind({});
+exports.WithFixedColumnWidths = WithFixedColumnWidths;
+WithFixedColumnWidths.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  customRowHoverContent: customRowHoverContent,
+  customRowHoverStyles: customRowHoverStyles
+});
 var WithSubTable = Template.bind({});
 exports.WithSubTable = WithSubTable;
 WithSubTable.args = _objectSpread(_objectSpread({}, Default.args), {}, {

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

@@ -99,23 +99,37 @@ exports.TableWrap = TableWrap;
 var StyledTh = _styledComponents.default.th.withConfig({
   displayName: "Tablestyles__StyledTh",
   componentId: "sc-pdcd6r-12"
-})(["text-transform:uppercase;padding:10px;font-size:11px;letter-spacing:1.6px;font-weight:600;background-color:white;color:#000000de;border-bottom:1px solid #e1e1e1;line-height:20px;", ""], function (props) {
+})(["text-transform:uppercase;padding:10px;font-size:11px;letter-spacing:1.6px;font-weight:600;background-color:white;color:#000000de;border-bottom:1px solid #e1e1e1;line-height:20px;", " ", " ", " ", ""], function (props) {
   return props.blue && "\n      background-color: #0050ca;\n      color: #ffffff;\n      border:none;\n  ";
+}, function (props) {
+  return props.width && "\n      width: ".concat(props.width, ";\n      min-width: ").concat(props.width, ";\n      max-width: ").concat(props.width, ";\n  ");
+}, function (props) {
+  return props.minWidth && "\n      min-width: ".concat(props.minWidth, ";\n  ");
+}, function (props) {
+  return props.maxWidth && "\n      max-width: ".concat(props.maxWidth, ";\n  ");
 });
 exports.StyledTh = StyledTh;
 var StyledTd = _styledComponents.default.td.withConfig({
   displayName: "Tablestyles__StyledTd",
   componentId: "sc-pdcd6r-13"
-})(["padding:26px 15px;border-bottom:1px solid #e1e1e1;font-size:14px;", " ", ""], function (props) {
+})(["padding:26px 15px;border-bottom:1px solid #e1e1e1;font-size:14px;", " ", " ", " ", " ", ""], function (props) {
   return props.blue && "\n      background-color: #004bb7;\n    color: #ffffff;\n  ";
 }, function (props) {
   return props.subTable && "\n     padding: 0;\n      &:last-child {\n        border-bottom: 0;\n      }\n  ";
+}, function (props) {
+  return props.width && "\n      width: ".concat(props.width, ";\n      min-width: ").concat(props.width, ";\n      max-width: ").concat(props.width, ";\n  ");
+}, function (props) {
+  return props.minWidth && "\n      min-width: ".concat(props.minWidth, ";\n  ");
+}, function (props) {
+  return props.maxWidth && "\n      max-width: ".concat(props.maxWidth, ";\n  ");
 });
 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.styles.js

@@ -12,7 +12,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 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;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;}"]);
+})(["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",

package/dist/components/InfoIcon/InfoIcon.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTippy = require("react-tippy");
 var _InfoIcon = require("./InfoIcon.styles");
-var _excluded = ["title", "html", "position", "noMargin", "noMarginLeft", "noMarginRight", "noIcon", "disabled"];
+var _excluded = ["title", "html", "position", "noMargin", "noMarginLeft", "noMarginRight", "noIcon", "disabled", "fullWidth"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -21,11 +21,13 @@ var InfoIcon = function InfoIcon(_ref) {
     noMarginRight = _ref.noMarginRight,
     noIcon = _ref.noIcon,
     disabled = _ref.disabled,
+    fullWidth = _ref.fullWidth,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_InfoIcon.Container, {
     noMargin: noMargin,
     noMarginLeft: noMarginLeft,
-    noMarginRight: noMarginRight
+    noMarginRight: noMarginRight,
+    fullWidth: fullWidth
   }, /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
     position: position,
     title: title,

package/dist/components/InfoIcon/InfoIcon.styles.js

@@ -10,12 +10,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var Container = _styledComponents.default.div.withConfig({
   displayName: "InfoIconstyles__Container",
   componentId: "sc-d3sdn3-0"
-})(["display:inline-block;vertical-align:middle;margin:0 12px;font-size:0;line-height:0;", " ", " ", " & > div{position:relative;display:inline-block!important;}"], function (props) {
+})(["display:inline-block;vertical-align:middle;margin:0 12px;font-size:0;line-height:0;", " ", " ", " ", " & > div{position:relative;display:inline-block !important;", "}"], function (props) {
   return props.noMargin && "\n    margin: 0;\n  ";
 }, function (props) {
   return props.noMarginLeft && "\n    margin-left: 0;\n  ";
 }, function (props) {
   return props.noMarginRight && "\n    margin-right: 0;\n  ";
+}, function (props) {
+  return props.fullWidth && "\n    width: 100%;\n    height: 100%;\n  ";
+}, function (props) {
+  return props.fullWidth && "\n      width: 100%;\n      height: 100%;\n      display: flex !important;\n      align-content: center;\n      flex-wrap: wrap;\n      justify-content: center;\n  ";
 });
 exports.Container = Container;
 var Icon = _styledComponents.default.i.attrs({

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;

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.44-beta.1",
+  "version": "2.3.44-beta.4",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",