intelicoreact 1.5.41 → 1.6.0

package/dist/Atomic/UI/WizardStepper/constructor.js

@@ -1,94 +1,132 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.mockData = exports.WIZARD_STEP_VARIANTS = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Status = _interopRequireDefault(require("../Status/Status"));
-const WIZARD_STEP_VARIANTS = exports.WIZARD_STEP_VARIANTS = Object.freeze({
-  DEFAULT: 'default',
-  DONE: 'done',
-  ACTIVE: 'active'
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    WIZARD_STEP_VARIANTS: function() {
+        return WIZARD_STEP_VARIANTS;
+    },
+    mockData: function() {
+        return mockData;
+    }
 });
-const JSXMockComponent = () => {
-  const arr = [{
-    title: 'Requested Amont',
-    value: '$15,000'
-  }, {
-    title: 'Repayment Amount',
-    value: '$15,001'
-  }, {
-    title: 'Repayment Date',
-    value: '12/12/2021'
-  }];
-  const textStyles = {
-    fontSize: '14px',
-    fontWeight: 400,
-    lineHeight: '20px',
-    letterSpacing: '0.2px'
-  };
-  return arr.map(row => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        maxWidth: '250px'
-      }
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      style: textStyles
-    }, row.title), /*#__PURE__*/_react.default.createElement("span", {
-      style: textStyles
-    }, row.value));
-  });
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Status = /*#__PURE__*/ _interop_require_default(require("../Status/Status"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const WIZARD_STEP_VARIANTS = Object.freeze({
+    DEFAULT: 'default',
+    DONE: 'done',
+    ACTIVE: 'active'
+});
+const JSXMockComponent = ()=>{
+    const arr = [
+        {
+            title: 'Requested Amont',
+            value: '$15,000'
+        },
+        {
+            title: 'Repayment Amount',
+            value: '$15,001'
+        },
+        {
+            title: 'Repayment Date',
+            value: '12/12/2021'
+        }
+    ];
+    const textStyles = {
+        fontSize: '14px',
+        fontWeight: 400,
+        lineHeight: '20px',
+        letterSpacing: '0.2px'
+    };
+    return arr.map((row)=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            style: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                maxWidth: '250px'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    style: textStyles,
+                    children: row.title
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    style: textStyles,
+                    children: row.value
+                })
+            ]
+        });
+    });
 };
-const mockData = exports.mockData = [{
-  key: 'businessInfo',
-  label: 'Provide Business Info',
-  description: 'This information will help us to evaluate your application',
-  isFinished: true
-}, {
-  key: 'principal',
-  label: 'Add Principal Information',
-  description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
-  isFinished: true,
-  isOptional: true
-}, {
-  key: 'coOwners',
-  label: 'Add Co-Owners',
-  description: '{merchantName} will receive that amount from {lenderNmae}',
-  isActive: true,
-  titleSlot: /*#__PURE__*/_react.default.createElement("span", {
-    className: "custom-title-slot"
-  }, "$15,001"),
-  contentSlot: /*#__PURE__*/_react.default.createElement(JSXMockComponent, null)
-}, {
-  key: 'bankAccount',
-  label: 'Add a Bank Account',
-  description: 'Your bank account information will be used to securely and automatically transfer the funds',
-  titleSlot: /*#__PURE__*/_react.default.createElement(_Status.default, {
-    label: "Some JSX",
-    status: "draft"
-  })
-}, {
-  key: 'documents',
-  label: 'Upload Documents',
-  description: 'Please upload the required documents'
-}, {
-  key: 'review',
-  label: 'Review & Submit',
-  description: 'Please review the information and submit your application'
-}, {
-  key: 'success',
-  label: 'Success',
-  description: 'Your application has been submitted successfully'
-}, {
-  key: 'failure',
-  label: 'Failure',
-  description: 'Your application has been failed'
-}, {
-  key: 'pending',
-  label: 'Pending',
-  description: 'Your application is under review'
-}];
+const mockData = [
+    {
+        key: 'businessInfo',
+        label: 'Provide Business Info',
+        description: 'This information will help us to evaluate your application',
+        isFinished: true
+    },
+    {
+        key: 'principal',
+        label: 'Add Principal Information',
+        description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
+        isFinished: true,
+        isOptional: true
+    },
+    {
+        key: 'coOwners',
+        label: 'Add Co-Owners',
+        description: '{merchantName} will receive that amount from {lenderNmae}',
+        isActive: true,
+        titleSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            className: "custom-title-slot",
+            children: "$15,001"
+        }),
+        contentSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)(JSXMockComponent, {})
+    },
+    {
+        key: 'bankAccount',
+        label: 'Add a Bank Account',
+        description: 'Your bank account information will be used to securely and automatically transfer the funds',
+        titleSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
+            label: "Some JSX",
+            status: "draft"
+        })
+    },
+    {
+        key: 'documents',
+        label: 'Upload Documents',
+        description: 'Please upload the required documents'
+    },
+    {
+        key: 'review',
+        label: 'Review & Submit',
+        description: 'Please review the information and submit your application'
+    },
+    {
+        key: 'success',
+        label: 'Success',
+        description: 'Your application has been submitted successfully'
+    },
+    {
+        key: 'failure',
+        label: 'Failure',
+        description: 'Your application has been failed'
+    },
+    {
+        key: 'pending',
+        label: 'Pending',
+        description: 'Your application is under review'
+    }
+];

package/dist/Atomic/UI/WizardStepper/index.js

@@ -1,9 +1,17 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _ui = _interopRequireDefault(require("./ui"));
-var _default = exports.default = _ui.default;
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _ui = /*#__PURE__*/ _interop_require_default(require("./ui"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _ui.default;

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js

@@ -1,59 +1,61 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.StateIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+Object.defineProperty(exports, "StateIcon", {
+    enumerable: true,
+    get: function() {
+        return StateIcon;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 require("./StateIcon.scss");
-var _constructor = require("../../constructor");
-const DefaultPoint = () => {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "8",
-    cy: "8",
-    r: "4"
-  }));
+const _constructor = require("../../constructor");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const DefaultPoint = ()=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
+            cx: "8",
+            cy: "8",
+            r: "4"
+        })
+    });
 };
-const DonePoint = () => {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M12.5 5L7 10.5L4 7.5",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
+const DonePoint = ()=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+            d: "M12.5 5L7 10.5L4 7.5",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        })
+    });
 };
 const RC = 'state-icon';
-const {
-  ACTIVE,
-  DEFAULT,
-  DONE
-} = _constructor.WIZARD_STEP_VARIANTS;
-const StateIcon = _ref => {
-  let {
-    variant = DEFAULT,
-    className
-  } = _ref;
-  const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
-  const Inner = {
-    [DEFAULT]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
-    [ACTIVE]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
-    // with styles bg
-    [DONE]: /*#__PURE__*/_react.default.createElement(DonePoint, null)
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, `${RC}--${computedState}`, className)
-  }, Inner[computedState]);
+const { ACTIVE, DEFAULT, DONE } = _constructor.WIZARD_STEP_VARIANTS;
+const StateIcon = ({ variant = DEFAULT, className })=>{
+    const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
+    const Inner = {
+        [DEFAULT]: /*#__PURE__*/ (0, _jsxruntime.jsx)(DefaultPoint, {}),
+        [ACTIVE]: /*#__PURE__*/ (0, _jsxruntime.jsx)(DefaultPoint, {}),
+        [DONE]: /*#__PURE__*/ (0, _jsxruntime.jsx)(DonePoint, {})
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)(RC, `${RC}--${computedState}`, className),
+        children: Inner[computedState]
+    });
 };
-exports.StateIcon = StateIcon;

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.scss

@@ -1,33 +1,37 @@
 .state-icon {
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 
   width: 20px;
   height: 20px;
+
   border-radius: 16px;
 
   svg {
-    stroke: #656E7A;
-    fill:  #656E7A;
+    stroke: #656e7a;
+
+    fill: #656e7a;
   }
 
   &--done,
   &--active {
-    background-color: #EAF2FF;
+    background-color: #eaf2ff;
   }
 
   &--done {
     svg {
-      stroke: #1F7499;
-      fill:  none;
+      stroke: #1f7499;
+
+      fill: none;
     }
   }
 
   &--active {
     svg {
       stroke: #000;
-      fill:  #000;
+
+      fill: #000;
     }
   }
 }

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js

@@ -1,8 +1,12 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _StateIcon = require("./StateIcon");
-var _default = exports.default = _StateIcon.StateIcon;
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _StateIcon = require("./StateIcon");
+const _default = _StateIcon.StateIcon;

package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js

@@ -1,73 +1,90 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _StateIcon = _interopRequireDefault(require("../StateIcon"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _StateIcon = /*#__PURE__*/ _interop_require_default(require("../StateIcon"));
 require("./StepRow.scss");
-var _constructor = require("../../constructor");
-var _Status = _interopRequireDefault(require("../../../Status/Status"));
-// import Status from '../../../../../../Components/Atomic/Status/Status';
-
+const _constructor = require("../../constructor");
+const _Status = /*#__PURE__*/ _interop_require_default(require("../../../Status/Status"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const RC = 'step-row';
-const {
-  DEFAULT,
-  ACTIVE,
-  DONE
-} = _constructor.WIZARD_STEP_VARIANTS;
-const StepRow = _ref => {
-  let {
-    label,
-    description,
-    className,
-    isOptional,
-    isFinished,
-    isActive,
-    titleSlot,
-    contentSlot,
-    customIcons
-  } = _ref;
-  const title = label;
-  const rowVariant = (() => {
-    if (isActive) return ACTIVE;
-    if (isFinished) return DONE;
-    return DEFAULT;
-  })();
-  const alternaviteIconFromProps = (() => {
-    if (isActive) return customIcons?.activeIcon;
-    if (isFinished) return customIcons?.doneIcon;
-    return customIcons?.defaultIcon;
-  })();
-  const CorrectIcon = () => !customIcons || Object?.values(customIcons)?.every(icon => !icon) ? /*#__PURE__*/_react.default.createElement(_StateIcon.default, {
-    variant: rowVariant
-  }) : alternaviteIconFromProps;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, `${RC}--${rowVariant}`)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__state-point ${RC}__state-point--${rowVariant}`)
-  }, /*#__PURE__*/_react.default.createElement(CorrectIcon, null)), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__content`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__title`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__title-left`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__title-text`, {
-      'text-muted': rowVariant === DEFAULT
-    })
-  }, title), isOptional && /*#__PURE__*/_react.default.createElement(_Status.default, {
-    label: 'Optional',
-    status: "draft"
-  })), titleSlot && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__title-right`
-  }, titleSlot)), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__description`
-  }, description), contentSlot && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__body`
-  }, contentSlot)));
+const { DEFAULT, ACTIVE, DONE } = _constructor.WIZARD_STEP_VARIANTS;
+const StepRow = ({ label, description, className, isOptional, isFinished, isActive, titleSlot, contentSlot, customIcons })=>{
+    const title = label;
+    const rowVariant = (()=>{
+        if (isActive) return ACTIVE;
+        if (isFinished) return DONE;
+        return DEFAULT;
+    })();
+    const alternaviteIconFromProps = (()=>{
+        if (isActive) return customIcons === null || customIcons === void 0 ? void 0 : customIcons.activeIcon;
+        if (isFinished) return customIcons === null || customIcons === void 0 ? void 0 : customIcons.doneIcon;
+        return customIcons === null || customIcons === void 0 ? void 0 : customIcons.defaultIcon;
+    })();
+    const CorrectIcon = ()=>{
+        var _Object_values, _Object;
+        return !customIcons || ((_Object = Object) === null || _Object === void 0 ? void 0 : (_Object_values = _Object.values(customIcons)) === null || _Object_values === void 0 ? void 0 : _Object_values.every((icon)=>!icon)) ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_StateIcon.default, {
+            variant: rowVariant
+        }) : alternaviteIconFromProps;
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(RC, `${RC}--${rowVariant}`),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__state-point ${RC}__state-point--${rowVariant}`),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CorrectIcon, {})
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: `${RC}__content`,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: `${RC}__title`,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                                className: `${RC}__title-left`,
+                                children: [
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                        className: (0, _classnames.default)(`${RC}__title-text`, {
+                                            'text-muted': rowVariant === DEFAULT
+                                        }),
+                                        children: title
+                                    }),
+                                    isOptional && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
+                                        label: 'Optional',
+                                        status: "draft"
+                                    })
+                                ]
+                            }),
+                            titleSlot && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: `${RC}__title-right`,
+                                children: titleSlot
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: `${RC}__description`,
+                        children: description
+                    }),
+                    contentSlot && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: `${RC}__body`,
+                        children: contentSlot
+                    })
+                ]
+            })
+        ]
+    });
 };
-var _default = exports.default = StepRow;
+const _default = StepRow;

package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.scss

@@ -1,4 +1,4 @@
-$line-color: #E1E4EB;
+$line-color: #e1e4eb;
 
 .step-row {
   position: relative;
@@ -10,15 +10,17 @@ $line-color: #E1E4EB;
   padding-left: 26px;
 
   &::after {
-    content: '';
     position: absolute;
     left: -1px;
+
     width: 2px;
     height: calc(100% + 16px);
+
+    content: "";
+
     background-color: $line-color;
   }
 
-
   &__state-point {
     position: absolute;
     z-index: 2;
@@ -26,10 +28,11 @@ $line-color: #E1E4EB;
   }
 
   &__content {
-    width: 100%;
     display: flex;
     flex-direction: column;
     row-gap: 4px;
+
+    width: 100%;
   }
 
   &__title {
@@ -56,20 +59,23 @@ $line-color: #E1E4EB;
     font-weight: 400;
     line-height: 18px;
     letter-spacing: 0.2px;
-    color: #656E7A;
+
+    color: #656e7a;
   }
 }
 
 .step-row:first-child {
   &::after {
-    height: 100%;
     bottom: -50%;
+
+    height: 100%;
   }
 }
 
 .step-row:last-child {
   &::after {
-    height: 100%;
     bottom: 50%;
+
+    height: 100%;
   }
 }