@stokr/components-library 2.2.3 → 2.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Checklist/UserChecklist.stories.js +2 -1
- package/dist/components/Modal/Modal.styles.js +5 -5
- package/dist/components/ToDoList/ToDoList.stories.js +3 -1
- package/dist/components/taxId/TaxId.stories.js +2 -2
- package/dist/components/taxId/flow.js +2 -1
- package/dist/components/taxId/register-taxid.js +3 -4
- package/dist/index.js +11 -0
- package/dist/styles/reactTippy.js +1 -1
- package/dist/utils/customHooks.js +1 -0
- package/dist/utils/formatCurrencyValue.js +4 -2
- package/package.json +1 -1
|
@@ -9,6 +9,7 @@ var _reactRouterDom = require("react-router-dom");
|
|
|
9
9
|
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
|
|
10
10
|
var _UserChecklist = _interopRequireDefault(require("./UserChecklist"));
|
|
11
11
|
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
12
|
+
var _AuthContext = require("../../context/AuthContext");
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
14
|
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); }
|
|
14
15
|
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; }
|
|
@@ -49,7 +50,7 @@ var _default = {
|
|
|
49
50
|
};
|
|
50
51
|
exports.default = _default;
|
|
51
52
|
var Template = function Template(args) {
|
|
52
|
-
return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_UserChecklist.default, args)));
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_UserChecklist.default, args))));
|
|
53
54
|
};
|
|
54
55
|
var userDev = {
|
|
55
56
|
_id: '61851acd5b9a890013297b12',
|
|
@@ -32,14 +32,14 @@ exports.Dimmer = Dimmer;
|
|
|
32
32
|
var Box = _styledComponents.default.div.withConfig({
|
|
33
33
|
displayName: "Modalstyles__Box",
|
|
34
34
|
componentId: "sc-9hc271-2"
|
|
35
|
-
})(["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;}
|
|
35
|
+
})(["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) {
|
|
36
36
|
return props.fullscreen && "\n height: 90vh;\n ";
|
|
37
37
|
}, function (props) {
|
|
38
38
|
return props.kyc && "\n width: 100vw;\n height: 100vh;\n max-width: 1024px!important;\n max-height: 768px!important;\n ";
|
|
39
39
|
}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n max-width: ", ";\n\n ", "\n "])), (0, _grid.default)(12), function (props) {
|
|
40
40
|
return props.thin && "\n max-width: ".concat((0, _grid.default)(8), ";\n ");
|
|
41
|
-
}), _rwd.default.XLarge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n max-width: ", ";\n\n ", "\n "])), (0, _grid.default)(
|
|
42
|
-
return props.thin && "\n max-width: ".concat((0, _grid.default)(
|
|
41
|
+
}), _rwd.default.XLarge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n max-width: ", ";\n\n ", "\n "])), (0, _grid.default)(10), function (props) {
|
|
42
|
+
return props.thin && "\n max-width: ".concat((0, _grid.default)(8), ";\n ");
|
|
43
43
|
}), function (_ref) {
|
|
44
44
|
var isRegisterEntity = _ref.isRegisterEntity;
|
|
45
45
|
return isRegisterEntity && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n max-width: 55% !important;\n height: 65vh;\n "])));
|
|
@@ -87,8 +87,8 @@ var ModalInner = _styledComponents.default.div.withConfig({
|
|
|
87
87
|
return props.left && "\n padding: 88px ".concat((0, _grid.default)(1, 12), ";\n ");
|
|
88
88
|
}, function (props) {
|
|
89
89
|
return props.modalTop && "\n padding-bottom: 43px;\n border-right: 1px solid ".concat(_colors.default.grey, ";\n ");
|
|
90
|
-
}), _rwd.default.XLarge(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding: 53px ", ";\n\n ", "\n\n ", "\n\n /* missing tiny */\n "])), (0, _grid.default)(1,
|
|
91
|
-
return props.left && "\n padding: 88px ".concat((0, _grid.default)(1,
|
|
90
|
+
}), _rwd.default.XLarge(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding: 53px ", ";\n\n ", "\n\n ", "\n\n /* missing tiny */\n "])), (0, _grid.default)(1, 10), function (props) {
|
|
91
|
+
return props.left && "\n padding: 88px ".concat((0, _grid.default)(1, 10), ";\n ");
|
|
92
92
|
}, function (props) {
|
|
93
93
|
return props.modalTop && "\n padding-bottom: 53px;\n ";
|
|
94
94
|
}), function (props) {
|
|
@@ -8,6 +8,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _ToDoList = _interopRequireDefault(require("./ToDoList"));
|
|
9
9
|
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
|
|
10
10
|
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
11
|
+
var _AuthContext = require("../../context/AuthContext");
|
|
12
|
+
var _reactRouterDom = require("react-router-dom");
|
|
11
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
14
|
var _default = {
|
|
13
15
|
title: 'Components Library/ToDoList/ToDoList',
|
|
@@ -54,7 +56,7 @@ var _default = {
|
|
|
54
56
|
};
|
|
55
57
|
exports.default = _default;
|
|
56
58
|
var Template = function Template(args) {
|
|
57
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ToDoList.default, args)));
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ToDoList.default, args)))));
|
|
58
60
|
};
|
|
59
61
|
var ToDoListMixedOverview = Template.bind({});
|
|
60
62
|
exports.ToDoListMixedOverview = ToDoListMixedOverview;
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.TaxIdModalFlow = exports.TaxIdFlowWithBackButton = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _flow = _interopRequireDefault(require("./flow"));
|
|
9
|
-
var _AuthContext = require("../../context/AuthContext");
|
|
10
|
-
var _reactRouterDom = require("react-router-dom");
|
|
11
9
|
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
10
|
+
var _reactRouterDom = require("react-router-dom");
|
|
11
|
+
var _AuthContext = require("../../context/AuthContext");
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
// import { AlgoAdressSelect } from 'index'
|
|
14
14
|
var _default = {
|
|
@@ -52,7 +52,8 @@ var RegisterTaxIdFlow = function RegisterTaxIdFlow(_ref) {
|
|
|
52
52
|
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
|
|
53
53
|
noPaddingHorizontal: true
|
|
54
54
|
}, /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, {
|
|
55
|
-
handleScroll: handleScroll
|
|
55
|
+
handleScroll: handleScroll,
|
|
56
|
+
fullHeight: true
|
|
56
57
|
}, showComplete ? /*#__PURE__*/_react.default.createElement(_complete.default, {
|
|
57
58
|
showBackButton: showBackButton,
|
|
58
59
|
onClick: function onClick() {
|
|
@@ -8,6 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactRouterDom = require("react-router-dom");
|
|
11
|
+
var _AuthContext = require("../../context/AuthContext");
|
|
11
12
|
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
12
13
|
var Yup = _interopRequireWildcard(require("yup"));
|
|
13
14
|
var _formik = require("formik");
|
|
@@ -23,7 +24,6 @@ var _CryptoAddressWrapper = _interopRequireDefault(require("../CryptoAddressWrap
|
|
|
23
24
|
var _RefreshButton = _interopRequireDefault(require("../RefreshButton/RefreshButton"));
|
|
24
25
|
var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
|
|
25
26
|
var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
|
|
26
|
-
var _AuthContext = require("../../context/AuthContext");
|
|
27
27
|
var _deleteRedirectCookieAndNavigate = _interopRequireDefault(require("../../utils/delete-redirect-cookie-and-navigate"));
|
|
28
28
|
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); }
|
|
29
29
|
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; }
|
|
@@ -52,10 +52,9 @@ var RegisterTaxId = function RegisterTaxId(_ref) {
|
|
|
52
52
|
var navigate = (0, _reactRouterDom.useNavigate)();
|
|
53
53
|
var _useContext = (0, _react.useContext)(_AuthContext.AuthContext),
|
|
54
54
|
_useContext$user = _useContext.user,
|
|
55
|
-
user = _useContext$user === void 0 ? {} : _useContext$user
|
|
55
|
+
user = _useContext$user === void 0 ? {} : _useContext$user,
|
|
56
|
+
updateUser = _useContext.updateUser;
|
|
56
57
|
var taxId = user.taxId;
|
|
57
|
-
var _useContext2 = (0, _react.useContext)(_AuthContext.AuthContext),
|
|
58
|
-
updateUser = _useContext2.updateUser;
|
|
59
58
|
var _useState = (0, _react.useState)(false),
|
|
60
59
|
_useState2 = _slicedToArray(_useState, 2),
|
|
61
60
|
isUpdatingUser = _useState2[0],
|
package/dist/index.js
CHANGED
|
@@ -608,6 +608,17 @@ Object.keys(_Modal).forEach(function (key) {
|
|
|
608
608
|
}
|
|
609
609
|
});
|
|
610
610
|
});
|
|
611
|
+
var _PaymentModal = require("./components/Modal/PaymentModal");
|
|
612
|
+
Object.keys(_PaymentModal).forEach(function (key) {
|
|
613
|
+
if (key === "default" || key === "__esModule") return;
|
|
614
|
+
if (key in exports && exports[key] === _PaymentModal[key]) return;
|
|
615
|
+
Object.defineProperty(exports, key, {
|
|
616
|
+
enumerable: true,
|
|
617
|
+
get: function get() {
|
|
618
|
+
return _PaymentModal[key];
|
|
619
|
+
}
|
|
620
|
+
});
|
|
621
|
+
});
|
|
611
622
|
var _MultiProgressBar = require("./components/MultiProgressBar/MultiProgressBar");
|
|
612
623
|
Object.keys(_MultiProgressBar).forEach(function (key) {
|
|
613
624
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -7,6 +7,6 @@ exports.default = void 0;
|
|
|
7
7
|
var _styledComponents = require("styled-components");
|
|
8
8
|
var _colors = _interopRequireDefault(require("./colors"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
var reactTippyStyle = (0, _styledComponents.css)([".tippy-popper{.tippy-tooltip{border-radius:10px;font-size:11px;line-height:14px;letter-spacing:0.4px;padding:12px;}.tippy-tooltip.light-theme{box-shadow:0 0 12px 8px rgba(0,0,0,0.03),0 0 6px 3px rgba(0,0,0,0.02);}&[x-placement^='top'] [x-arrow]{border-top-color:", "!important;}&[x-placement^='bottom'] [x-arrow]{border-bottom-color:", "!important;}&[x-placement^='left'] [x-arrow]{border-left-color:", "!important;}&[x-placement^='right'] [x-arrow]{border-right-color:", "!important;}}"], _colors.default.blue, _colors.default.blue, _colors.default.blue, _colors.default.blue);
|
|
10
|
+
var reactTippyStyle = (0, _styledComponents.css)([".tippy-popper{.tippy-tooltip{border-radius:10px;font-size:11px;line-height:14px;letter-spacing:0.4px;padding:12px;word-break:break-word;}.tippy-tooltip.light-theme{box-shadow:0 0 12px 8px rgba(0,0,0,0.03),0 0 6px 3px rgba(0,0,0,0.02);}&[x-placement^='top'] [x-arrow]{border-top-color:", "!important;}&[x-placement^='bottom'] [x-arrow]{border-bottom-color:", "!important;}&[x-placement^='left'] [x-arrow]{border-left-color:", "!important;}&[x-placement^='right'] [x-arrow]{border-right-color:", "!important;}}"], _colors.default.blue, _colors.default.blue, _colors.default.blue, _colors.default.blue);
|
|
11
11
|
var _default = reactTippyStyle;
|
|
12
12
|
exports.default = _default;
|
|
@@ -72,6 +72,7 @@ var useCooldown = function useCooldown(cooldownInSeconds) {
|
|
|
72
72
|
var startCooldown = function startCooldown(actionCallback) {
|
|
73
73
|
if (!isDisabled) {
|
|
74
74
|
setIsDisabled(true);
|
|
75
|
+
sethasTimerFinished(false);
|
|
75
76
|
setSecondsRemaining(cooldownInSeconds);
|
|
76
77
|
lastCalled.current = Date.now();
|
|
77
78
|
if (actionCallback) {
|
|
@@ -25,7 +25,8 @@ var formatCurrencyValue = function formatCurrencyValue(currency, value) {
|
|
|
25
25
|
euro: ['EUR', 2],
|
|
26
26
|
lusdt: ['USDT', 2],
|
|
27
27
|
'bitcoin-private': ['EUR', 2],
|
|
28
|
-
'lbtc-private': ['BTC', 6]
|
|
28
|
+
'lbtc-private': ['BTC', 6],
|
|
29
|
+
bmn1: ['BMN1', 2]
|
|
29
30
|
}[currency] || [currency, tokenDecimals],
|
|
30
31
|
_ref2 = _slicedToArray(_ref, 2),
|
|
31
32
|
symbol = _ref2[0],
|
|
@@ -43,7 +44,8 @@ var getCurrencySymbol = function getCurrencySymbol(currencySelected) {
|
|
|
43
44
|
lusdt: 'USDT',
|
|
44
45
|
'lusdt-bfx': 'USDT',
|
|
45
46
|
'lbtc-bfx': 'LBTC',
|
|
46
|
-
'btc-bfx': 'BTC'
|
|
47
|
+
'btc-bfx': 'BTC',
|
|
48
|
+
bmn1: 'BMN1'
|
|
47
49
|
}[currencySelected] || currencySelected;
|
|
48
50
|
};
|
|
49
51
|
exports.getCurrencySymbol = getCurrencySymbol;
|