@stokr/components-library 2.3.64 → 2.3.65-beta.1

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");
-const _excluded = ["title", "html", "position", "noMargin", "noMarginLeft", "noMarginRight", "noIcon", "disabled", "fullWidth", "containerStyle"];
+const _excluded = ["title", "html", "position", "noMargin", "noMarginLeft", "noMarginRight", "noIcon", "disabled", "fullWidth", "outline", "containerStyle"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -24,6 +24,7 @@ const InfoIcon = _ref => {
       noIcon,
       disabled,
       fullWidth,
+      outline,
       containerStyle
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -43,7 +44,9 @@ const InfoIcon = _ref => {
     //  onRequestClose={() => console.log('request to close tooltip')}
     ,
     disabled: disabled
-  }), noIcon ? props.children : /*#__PURE__*/_react.default.createElement(_InfoIcon.Icon, null)));
+  }), noIcon ? props.children : /*#__PURE__*/_react.default.createElement(_InfoIcon.Icon, {
+    outline: outline
+  })));
 };
 exports.InfoIcon = InfoIcon;
 InfoIcon.propTypes = {
@@ -52,7 +55,8 @@ InfoIcon.propTypes = {
   position: _propTypes.default.oneOf(['top', 'bottom', 'left', 'right']),
   noMargin: _propTypes.default.bool,
   noMarginLeft: _propTypes.default.bool,
-  noMarginRight: _propTypes.default.bool
+  noMarginRight: _propTypes.default.bool,
+  outline: _propTypes.default.bool
 };
 InfoIcon.defaultProps = {
   title: null,
@@ -60,6 +64,7 @@ InfoIcon.defaultProps = {
   position: 'bottom',
   noMargin: false,
   noMarginLeft: false,
-  noMarginRight: false
+  noMarginRight: false,
+  outline: false
 };
 var _default = exports.default = InfoIcon;

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

@@ -11,9 +11,9 @@ const Container = exports.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;", "}"], props => props.noMargin && "\n    margin: 0;\n  ", props => props.noMarginLeft && "\n    margin-left: 0;\n  ", props => props.noMarginRight && "\n    margin-right: 0;\n  ", props => props.fullWidth && "\n    width: 100%;\n    height: 100%;\n  ", props => 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  ");
-const Icon = exports.Icon = _styledComponents.default.i.attrs({
-  className: 'ion ion-md-information-circle'
-}).withConfig({
+const Icon = exports.Icon = _styledComponents.default.i.attrs(props => ({
+  className: props.outline ? 'ion ion-md-information-circle-outline' : 'ion ion-md-information-circle'
+})).withConfig({
   displayName: "InfoIconstyles__Icon",
   componentId: "sc-d3sdn3-1"
 })(["position:relative;left:-0.4px;display:inline-block;vertical-align:middle;font-size:16px;line-height:16px;vertical-align:middle;color:", ";transition:color 0.2s;&:hover{color:", ";}"], props => _theme.default.cGrey2, props => _theme.default.cPrimary);

package/dist/components/Timeline/Timeline.js

@@ -12,7 +12,6 @@ const Timeline = _ref => {
   let {
     steps = [],
     maxWidth,
-    dateFormat,
     showInfoIcons = true,
     infoIconPosition = 'right',
     // Style props
@@ -41,7 +40,6 @@ const Timeline = _ref => {
       customIcon: step.customIcon,
       showInfoIcon: showInfoIcons,
       infoIconPosition: infoIconPosition,
-      dateFormat: dateFormat,
       stepStyle: step.stepStyle || stepStyle,
       iconStyle: step.iconStyle || iconStyle,
       contentStyle: step.contentStyle || contentStyle,

package/dist/context/Checkbox/CheckboxContext.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCheckboxes = exports.CheckboxProvider = void 0;
+exports.useCheckboxes = exports.useCheckboxActions = exports.CheckboxProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _fetchDataPublic = _interopRequireDefault(require("../../api/fetchDataPublic"));
+var _fetchData = _interopRequireDefault(require("../../api/fetchData"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -20,6 +21,7 @@ const CheckboxProvider = _ref => {
   } = _ref;
   const [checkboxes, setCheckboxes] = (0, _react.useState)({});
   const [loadingStates, setLoadingStates] = (0, _react.useState)({});
+  const [errorStates, setErrorStates] = (0, _react.useState)({});
   const fetchCheckboxes = async function (key) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const {
@@ -27,13 +29,18 @@ const CheckboxProvider = _ref => {
       labels
     } = options;
 
-    // Don't fetch if already loading or already fetched
-    if (loadingStates[key] || checkboxes[key]) {
+    // Don't fetch if already loading, already fetched, or previously failed
+    if (loadingStates[key] || checkboxes[key] !== undefined || errorStates[key]) {
       return;
     }
     setLoadingStates(prev => _objectSpread(_objectSpread({}, prev), {}, {
       [key]: true
     }));
+    setErrorStates(prev => {
+      const newState = _objectSpread({}, prev);
+      delete newState[key]; // Clear previous error if retrying
+      return newState;
+    });
     try {
       let response;
       if (group) {
@@ -54,6 +61,14 @@ const CheckboxProvider = _ref => {
       }));
     } catch (error) {
       console.error("Failed to fetch checkboxes for key: ".concat(key), error);
+      // Mark as failed to prevent infinite retries
+      setErrorStates(prev => _objectSpread(_objectSpread({}, prev), {}, {
+        [key]: error
+      }));
+      // Set checkboxes to null to indicate fetch was attempted but failed
+      setCheckboxes(prev => _objectSpread(_objectSpread({}, prev), {}, {
+        [key]: null
+      }));
     } finally {
       setLoadingStates(prev => _objectSpread(_objectSpread({}, prev), {}, {
         [key]: false
@@ -62,16 +77,56 @@ const CheckboxProvider = _ref => {
   };
   const getCheckboxes = function (key) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    // Auto-fetch if not already loaded
-    if (!checkboxes[key] && !loadingStates[key]) {
+    // Auto-fetch if not already loaded, not loading, and not in error state
+    if (checkboxes[key] === undefined && !loadingStates[key] && !errorStates[key]) {
       fetchCheckboxes(key, options);
     }
     return {
       checkboxes: checkboxes[key] || null,
       isLoading: loadingStates[key] || false,
-      refetch: () => fetchCheckboxes(key, options)
+      error: errorStates[key] || null,
+      refetch: () => {
+        // Clear error state to allow retry
+        setErrorStates(prev => {
+          const newState = _objectSpread({}, prev);
+          delete newState[key];
+          return newState;
+        });
+        setCheckboxes(prev => {
+          const newState = _objectSpread({}, prev);
+          delete newState[key];
+          return newState;
+        });
+        fetchCheckboxes(key, options);
+      }
     };
   };
+  const checkCheckbox = async function (checkboxId) {
+    let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const {
+      userId,
+      investmentId = '',
+      privateInvestorId = ''
+    } = data;
+    if (!userId) {
+      throw new Error('userId is required to check checkbox');
+    }
+    if (!checkboxId) {
+      throw new Error('checkboxId is required');
+    }
+    try {
+      const response = await (0, _fetchData.default)('compliance/check-checkbox', {
+        userId,
+        checkboxId,
+        investmentId,
+        privateInvestorId
+      });
+      return response;
+    } catch (error) {
+      console.error("Failed to check checkbox: ".concat(checkboxId), error);
+      throw error;
+    }
+  };
   const clearCheckboxes = key => {
     if (key) {
       // Clear specific key
@@ -85,14 +140,21 @@ const CheckboxProvider = _ref => {
         delete newState[key];
         return newState;
       });
+      setErrorStates(prev => {
+        const newState = _objectSpread({}, prev);
+        delete newState[key];
+        return newState;
+      });
     } else {
       // Clear all checkboxes
       setCheckboxes({});
       setLoadingStates({});
+      setErrorStates({});
     }
   };
   const value = {
     getCheckboxes,
+    checkCheckbox,
     clearCheckboxes
   };
   return /*#__PURE__*/_react.default.createElement(CheckboxContext.Provider, {
@@ -111,4 +173,16 @@ const useCheckboxes = function (key) {
   }
   return context.getCheckboxes(key, options);
 };
-exports.useCheckboxes = useCheckboxes;
+exports.useCheckboxes = useCheckboxes;
+const useCheckboxActions = () => {
+  const context = (0, _react.useContext)(CheckboxContext);
+  if (!context) {
+    throw new Error('useCheckboxActions must be used within CheckboxProvider');
+  }
+  return {
+    checkCheckbox: context.checkCheckbox,
+    uncheckCheckbox: context.uncheckCheckbox,
+    clearCheckboxes: context.clearCheckboxes
+  };
+};
+exports.useCheckboxActions = useCheckboxActions;

package/package.json

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