@stokr/components-library 2.3.54 → 2.3.55

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

@@ -17,7 +17,7 @@ exports.CardContainer = CardContainer;
 var IconBlock = _styledComponents.default.div.withConfig({
   displayName: "ChecklistCardstyles__IconBlock",
   componentId: "sc-rufrg1-1"
-})(["display:flex;align-items:center;margin-bottom:64px;"]);
+})(["display:flex;align-items:center;margin-bottom:32px;"]);
 exports.IconBlock = IconBlock;
 var IconCopy = _styledComponents.default.span.withConfig({
   displayName: "ChecklistCardstyles__IconCopy",

package/dist/components/Checklist/UserChecklist.js

@@ -148,20 +148,20 @@ var getVerifyIdentityChecklist = function getVerifyIdentityChecklist(isFromAllow
   var state;
   var hasLink = false;
   if (!isFromAllowedCountry) {
-    message = 'Sorry, you are living in a country where this is not available';
+    message = 'Sorry, you are living in a country where this is not available.';
     state = _ToDoList.ToDoTaskState.NOT_AVAILABLE;
   } else if (!kyc_status || kyc_status.toUpperCase() === 'DRAFT') {
-    message = user_type === _globalVariables.UserTypes.investor_entity ? 'Upload your entity documents to get verified' : 'Scan your ID to get the green light from the anti-fraud squad';
+    message = user_type === _globalVariables.UserTypes.investor_entity ? 'Submit your entity documents for verification.' : 'Submit identity verification for compliance clearance.';
     state = _ToDoList.ToDoTaskState.SKIPPED;
     hasLink = true;
   } else if (kyc_status.toUpperCase() === 'REJECTED' || kyc_status.toUpperCase() === 'ESCALATED' || kyc_status.toUpperCase() === 'IN PROGRESS' || kyc_status.toUpperCase() === 'INCONCLUSIVE' || kyc_status.toUpperCase() === 'APPROVED' || kyc_status.toUpperCase() === 'DENIED') {
-    message = 'Our anti-fraud squad is still working';
+    message = 'Identity verification is in progress.';
     state = _ToDoList.ToDoTaskState.IN_PROGRESS;
   } else if (kyc_status.toUpperCase() === 'ACCEPTED') {
-    message = user_type === _globalVariables.UserTypes.investor_entity ? 'Your entity is verified' : 'Your ID is verified';
+    message = user_type === _globalVariables.UserTypes.investor_entity ? 'Entity verification complete.' : 'Identity verification complete.';
     state = _ToDoList.ToDoTaskState.APPROVED;
   } else if (kyc_status.toUpperCase() === 'REAPPLY' || kyc_status.toUpperCase() === 'CANCELLED') {
-    message = user_type === _globalVariables.UserTypes.investor_entity ? 'Please verify again your entity' : 'Please verify again your identity';
+    message = user_type === _globalVariables.UserTypes.investor_entity ? 'Please re-verify your entity documentation.' : 'Please re-verify your identity.';
     state = _ToDoList.ToDoTaskState.DENIED;
     hasLink = true;
   }

package/dist/components/Modal/Modal.js

@@ -79,8 +79,9 @@ var Modal = function Modal(_ref) {
     onClose = _ref.onClose,
     className = _ref.className,
     isRegisterEntity = _ref.isRegisterEntity,
-    modalLogin = _ref.modalLogin,
-    background = _ref.background;
+    background = _ref.background,
+    maxHeight = _ref.maxHeight,
+    boxStyles = _ref.boxStyles;
   (0, _react.useEffect)(function () {
     //if modal open, disable scroll on the background
     if (isOpen) {
@@ -115,7 +116,9 @@ var Modal = function Modal(_ref) {
       kyc: kyc,
       fullscreen: fullscreen,
       thin: thin,
-      isRegisterEntity: isRegisterEntity
+      isRegisterEntity: isRegisterEntity,
+      style: boxStyles,
+      maxHeight: maxHeight
     }, /*#__PURE__*/_react.default.createElement(_Modal.ModalClose, {
       onClick: onClose
     }), children)));
@@ -130,7 +133,8 @@ Modal.propTypes = {
   thin: _propTypes.default.bool,
   isOpen: _propTypes.default.bool.isRequired,
   onClose: _propTypes.default.func.isRequired,
-  background: _propTypes.default.string
+  background: _propTypes.default.string,
+  boxStyle: _propTypes.default.object
 };
 Modal.defaultProps = {
   className: '',

package/dist/components/Modal/Modal.styles.js

@@ -32,7 +32,9 @@ exports.Dimmer = Dimmer;
 var Box = _styledComponents.default.div.withConfig({
   displayName: "Modalstyles__Box",
   componentId: "sc-9hc271-2"
-})(["display:inline-block;vertical-align:middle;position:relative;left:0;top:0;width:100%;background-color:", ";font-size:10px;text-align:left;box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);", " ", " ", " ", " @media screen and (max-width:767px){min-height:100vh;}", ""], _colors.default.white, function (props) {
+})(["display:inline-block;vertical-align:middle;position:relative;left:0;top:0;width:100%;background-color:", ";font-size:10px;text-align:left;box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);max-height:", ";", " ", " ", " ", " @media screen and (max-width:767px){min-height:100vh;}", ""], _colors.default.white, function (props) {
+  return props.maxHeight || 'auto';
+}, function (props) {
   return props.fullscreen && "\n    height: 90vh;\n  ";
 }, function (props) {
   return props.kyc && "\n    width: 100vw;\n    height: 100vh;\n    max-width: 1024px!important;\n    max-height: 768px!important;\n  ";

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

@@ -45,8 +45,9 @@ var NewVentureModal = function NewVentureModal(props) {
     _props$salesChannel = props.salesChannel,
     salesChannel = _props$salesChannel === void 0 ? 'investor' : _props$salesChannel,
     modalBotContent = props.modalBotContent,
-    onSuccessMessageBtnClick = props.onSuccessMessageBtnClick;
-  var _useNewVentureForm = (0, _useNewVentureForm2.useNewVentureForm)(props.project, user, salesChannel),
+    onSuccessMessageBtnClick = props.onSuccessMessageBtnClick,
+    customSuccessMessage = props.customSuccessMessage;
+  var _useNewVentureForm = (0, _useNewVentureForm2.useNewVentureForm)(props.project, user, salesChannel, customSuccessMessage),
     email = _useNewVentureForm.email,
     name = _useNewVentureForm.name,
     mailingList = _useNewVentureForm.mailingList,

package/dist/hooks/useNewVentureForm.js

@@ -107,7 +107,11 @@ var updateUserSubscription = function updateUserSubscription(user, project, upda
   // Single project mode
   return _objectSpread(_objectSpread({}, user), updates);
 };
-var useNewVentureForm = function useNewVentureForm(project, user, salesChannel) {
+var useNewVentureForm = function useNewVentureForm(_ref) {
+  var project = _ref.project,
+    user = _ref.user,
+    salesChannel = _ref.salesChannel,
+    customSuccessMessage = _ref.customSuccessMessage;
   var _useState = (0, _react.useState)(initialState),
     _useState2 = _slicedToArray(_useState, 2),
     formValues = _useState2[0],
@@ -162,7 +166,7 @@ var useNewVentureForm = function useNewVentureForm(project, user, salesChannel)
     setFormValues(formValuesCopy);
   }, [user, checkboxes, project === null || project === void 0 ? void 0 : project._id]);
   var handleSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
       var dataToSend, response, updates, updatedUser, _error$response, errorMessage, _error$response$data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -204,7 +208,7 @@ var useNewVentureForm = function useNewVentureForm(project, user, salesChannel)
             setUser(updatedUser);
             setFormValues(function (prev) {
               return _objectSpread(_objectSpread({}, prev), {}, {
-                successMessage: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Please continue onboarding, an account manager will reach out to you.", /*#__PURE__*/_react.default.createElement("br", null), "If you are an existing account holder, kindly log in and make sure your account is fully verified."),
+                successMessage: customSuccessMessage ? customSuccessMessage : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Please continue onboarding, an account manager will reach out to you.", /*#__PURE__*/_react.default.createElement("br", null), "If you are an existing account holder, kindly log in and make sure your account is fully verified."),
                 errorMessage: null,
                 isSubmitting: false
               });
@@ -214,7 +218,7 @@ var useNewVentureForm = function useNewVentureForm(project, user, salesChannel)
             _context.prev = 17;
             _context.t0 = _context["catch"](1);
             if ((_context.t0 === null || _context.t0 === void 0 || (_error$response = _context.t0.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 406) {
-              errorMessage = (project === null || project === void 0 ? void 0 : project.name) === 'microstrategy' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "You are already added to this project.", /*#__PURE__*/_react.default.createElement("br", null), " ", /*#__PURE__*/_react.default.createElement("br", null)) : ((_error$response$data = _context.t0.response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.substring(7)) || 'You are already added to this project.';
+              errorMessage = ((_error$response$data = _context.t0.response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.substring(7)) || 'You are already added to this project.';
             } else {
               errorMessage = /*#__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",
@@ -238,11 +242,11 @@ var useNewVentureForm = function useNewVentureForm(project, user, salesChannel)
       }, _callee, null, [[1, 17]]);
     }));
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }(), [project, formValues.checkedCheckboxes, formValues.privateInvestorListDisabled, formValues.mailingListDisabled, user, setUser]);
   var checkUserProjectStatus = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var promises, projectSubscription, needsPrivateInvestorData, needsSubscriptionData, results, updatedUser;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -289,7 +293,7 @@ var useNewVentureForm = function useNewVentureForm(project, user, salesChannel)
       }, _callee2, null, [[8, 17]]);
     }));
     return function checkUserProjectStatus() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
 

package/dist/utils/customHooks.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMobileView = exports.useCooldown = exports.cooldownHOC = void 0;
+exports.useMobileView = exports.useCooldown = exports.useContainerSize = exports.cooldownHOC = void 0;
 exports.usePrevious = usePrevious;
 var _react = _interopRequireWildcard(require("react"));
 var _rwd = _interopRequireWildcard(require("../styles/rwd"));
@@ -45,7 +45,35 @@ var useMobileView = function useMobileView() {
   };
   return isMobile;
 };
+
+// Custom hook for container size detection
 exports.useMobileView = useMobileView;
+var useContainerSize = function useContainerSize(ref) {
+  var breakpoint = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isMobile = _useState2[0],
+    setIsMobile = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (!ref.current) return;
+
+    // Initial check
+    checkSize();
+    var resizeObserver = new ResizeObserver(function () {
+      checkSize();
+    });
+    resizeObserver.observe(ref.current);
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, [breakpoint]);
+  var checkSize = function checkSize() {
+    var width = ref.current.offsetWidth;
+    setIsMobile(width < breakpoint);
+  };
+  return isMobile;
+};
+exports.useContainerSize = useContainerSize;
 function usePrevious(value) {
   var ref = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -56,18 +84,18 @@ function usePrevious(value) {
 
 //use this hook when you need timer functionality
 var useCooldown = function useCooldown(cooldownInSeconds) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDisabled = _useState2[0],
-    setIsDisabled = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    hasTimerFinished = _useState4[0],
-    sethasTimerFinished = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
+    isDisabled = _useState4[0],
+    setIsDisabled = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    secondsRemaining = _useState6[0],
-    setSecondsRemaining = _useState6[1];
+    hasTimerFinished = _useState6[0],
+    sethasTimerFinished = _useState6[1];
+  var _useState7 = (0, _react.useState)(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    secondsRemaining = _useState8[0],
+    setSecondsRemaining = _useState8[1];
   var lastCalled = (0, _react.useRef)(null);
   var startCooldown = function startCooldown(actionCallback) {
     if (!isDisabled) {

package/package.json

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