decentraland-dapps 13.58.0 → 13.59.0
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/containers/index.d.ts +1 -0
- package/dist/containers/index.js +3 -1
- package/dist/containers/index.js.map +1 -1
- package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.container.d.ts +4 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.container.js +33 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.container.js.map +1 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.d.ts +3 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.js +128 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.js.map +1 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.types.d.ts +54 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.types.js +31 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.types.js.map +1 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/index.d.ts +3 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/index.js +20 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/index.js.map +1 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/utils.d.ts +24 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/utils.js +147 -0
- package/dist/containers/withAuthorizedAction/AuthorizationModal/utils.js.map +1 -0
- package/dist/containers/withAuthorizedAction/index.d.ts +3 -0
- package/dist/containers/withAuthorizedAction/index.js +19 -0
- package/dist/containers/withAuthorizedAction/index.js.map +1 -0
- package/dist/containers/withAuthorizedAction/withAuthorizedAction.d.ts +5 -0
- package/dist/containers/withAuthorizedAction/withAuthorizedAction.js +130 -0
- package/dist/containers/withAuthorizedAction/withAuthorizedAction.js.map +1 -0
- package/dist/containers/withAuthorizedAction/withAuthorizedAction.types.d.ts +35 -0
- package/dist/containers/withAuthorizedAction/withAuthorizedAction.types.js +3 -0
- package/dist/containers/withAuthorizedAction/withAuthorizedAction.types.js.map +1 -0
- package/dist/modules/authorization/utils.d.ts +3 -0
- package/dist/modules/authorization/utils.js +13 -1
- package/dist/modules/authorization/utils.js.map +1 -1
- package/dist/modules/translation/defaults/en.json +65 -0
- package/dist/modules/translation/defaults/es.json +65 -0
- package/dist/modules/translation/defaults/fr.json +65 -0
- package/dist/modules/translation/defaults/ja.json +65 -0
- package/dist/modules/translation/defaults/ko.json +65 -0
- package/dist/modules/translation/defaults/zh.json +65 -0
- package/jest.config.js +1 -1
- package/package.json +5 -2
|
@@ -11,3 +11,4 @@ export { default as Profile } from './Profile';
|
|
|
11
11
|
export { default as SignInPage } from './SignInPage';
|
|
12
12
|
export { default as TransactionLink } from './TransactionLink';
|
|
13
13
|
export { default as UserMenu } from './UserMenu';
|
|
14
|
+
export { default as withAuthorizedAction } from './withAuthorizedAction';
|
package/dist/containers/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.UserMenu = exports.TransactionLink = exports.SignInPage = exports.Profile = exports.NetworkCheck = exports.NetworkButton = exports.Navbar = exports.Modal = exports.LoginModal = exports.Footer = exports.ChainProvider = exports.ChainCheck = exports.ChainButton = void 0;
|
|
6
|
+
exports.withAuthorizedAction = exports.UserMenu = exports.TransactionLink = exports.SignInPage = exports.Profile = exports.NetworkCheck = exports.NetworkButton = exports.Navbar = exports.Modal = exports.LoginModal = exports.Footer = exports.ChainProvider = exports.ChainCheck = exports.ChainButton = void 0;
|
|
7
7
|
var ChainButton_1 = require("./ChainButton");
|
|
8
8
|
Object.defineProperty(exports, "ChainButton", { enumerable: true, get: function () { return __importDefault(ChainButton_1).default; } });
|
|
9
9
|
var ChainCheck_1 = require("./ChainCheck");
|
|
@@ -30,4 +30,6 @@ var TransactionLink_1 = require("./TransactionLink");
|
|
|
30
30
|
Object.defineProperty(exports, "TransactionLink", { enumerable: true, get: function () { return __importDefault(TransactionLink_1).default; } });
|
|
31
31
|
var UserMenu_1 = require("./UserMenu");
|
|
32
32
|
Object.defineProperty(exports, "UserMenu", { enumerable: true, get: function () { return __importDefault(UserMenu_1).default; } });
|
|
33
|
+
var withAuthorizedAction_1 = require("./withAuthorizedAction");
|
|
34
|
+
Object.defineProperty(exports, "withAuthorizedAction", { enumerable: true, get: function () { return __importDefault(withAuthorizedAction_1).default; } });
|
|
33
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/containers/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAsD;AAA7C,2HAAA,OAAO,OAAe;AAC/B,2CAAoD;AAA3C,yHAAA,OAAO,OAAc;AAC9B,iDAA0D;AAAjD,+HAAA,OAAO,OAAiB;AACjC,mCAA4C;AAAnC,iHAAA,OAAO,OAAU;AAC1B,2CAAoD;AAA3C,yHAAA,OAAO,OAAc;AAC9B,iCAA0C;AAAjC,+GAAA,OAAO,OAAS;AACzB,mCAA4C;AAAnC,iHAAA,OAAO,OAAU;AAC1B,iDAA0D;AAAjD,+HAAA,OAAO,OAAiB;AACjC,+CAAwD;AAA/C,6HAAA,OAAO,OAAgB;AAChC,qCAA8C;AAArC,mHAAA,OAAO,OAAW;AAC3B,2CAAoD;AAA3C,yHAAA,OAAO,OAAc;AAC9B,qDAA8D;AAArD,mIAAA,OAAO,OAAmB;AACnC,uCAAgD;AAAvC,qHAAA,OAAO,OAAY"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/containers/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAsD;AAA7C,2HAAA,OAAO,OAAe;AAC/B,2CAAoD;AAA3C,yHAAA,OAAO,OAAc;AAC9B,iDAA0D;AAAjD,+HAAA,OAAO,OAAiB;AACjC,mCAA4C;AAAnC,iHAAA,OAAO,OAAU;AAC1B,2CAAoD;AAA3C,yHAAA,OAAO,OAAc;AAC9B,iCAA0C;AAAjC,+GAAA,OAAO,OAAS;AACzB,mCAA4C;AAAnC,iHAAA,OAAO,OAAU;AAC1B,iDAA0D;AAAjD,+HAAA,OAAO,OAAiB;AACjC,+CAAwD;AAA/C,6HAAA,OAAO,OAAgB;AAChC,qCAA8C;AAArC,mHAAA,OAAO,OAAW;AAC3B,2CAAoD;AAA3C,yHAAA,OAAO,OAAc;AAC9B,qDAA8D;AAArD,mIAAA,OAAO,OAAmB;AACnC,uCAAgD;AAAvC,qHAAA,OAAO,OAAY;AAC5B,+DAAwE;AAA/D,6IAAA,OAAO,OAAwB"}
|
package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.container.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AuthorizationModal } from './AuthorizationModal';
|
|
2
|
+
import { OwnProps } from './AuthorizationModal.types';
|
|
3
|
+
declare const _default: import("react-redux").ConnectedComponent<typeof AuthorizationModal, import("react-redux").Omit<import("./AuthorizationModal.types").Props, "error" | "onRevoke" | "onGrant" | "onFetchAuthorizations" | "confirmationStatus" | "grantStatus" | "revokeStatus" | "confirmationError"> & OwnProps>;
|
|
4
|
+
export default _default;
|
package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.container.js
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_redux_1 = require("react-redux");
|
|
4
|
+
const actions_1 = require("../../../modules/authorization/actions");
|
|
5
|
+
const types_1 = require("../../../modules/authorization/types");
|
|
6
|
+
const selectors_1 = require("../../../modules/authorization/selectors");
|
|
7
|
+
const AuthorizationModal_1 = require("./AuthorizationModal");
|
|
8
|
+
const AuthorizationModal_types_1 = require("./AuthorizationModal.types");
|
|
9
|
+
const utils_1 = require("./utils");
|
|
10
|
+
const mapState = (state, ownProps) => {
|
|
11
|
+
const { authorization, requiredAllowance, getConfirmationStatus, getConfirmationError } = ownProps;
|
|
12
|
+
return {
|
|
13
|
+
revokeStatus: (0, utils_1.getStepStatus)(state, types_1.AuthorizationAction.REVOKE, authorization, undefined),
|
|
14
|
+
grantStatus: (0, utils_1.getStepStatus)(state, types_1.AuthorizationAction.GRANT, authorization, requiredAllowance),
|
|
15
|
+
confirmationStatus: getConfirmationStatus
|
|
16
|
+
? getConfirmationStatus(state)
|
|
17
|
+
: AuthorizationModal_types_1.AuthorizationStepStatus.PENDING,
|
|
18
|
+
confirmationError: getConfirmationError
|
|
19
|
+
? getConfirmationError(state)
|
|
20
|
+
: null,
|
|
21
|
+
error: (0, selectors_1.getAuthorizationFlowError)(state) || (0, selectors_1.getError)(state) || ''
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
const mapDispatch = (dispatch, ownProps) => ({
|
|
25
|
+
onRevoke: () => dispatch((0, actions_1.authorizationFlowRequest)(ownProps.authorization, types_1.AuthorizationAction.REVOKE, '')),
|
|
26
|
+
onGrant: () => {
|
|
27
|
+
var _a;
|
|
28
|
+
return dispatch((0, actions_1.authorizationFlowRequest)(ownProps.authorization, types_1.AuthorizationAction.GRANT, ((_a = ownProps.requiredAllowance) === null || _a === void 0 ? void 0 : _a.toString()) || ''));
|
|
29
|
+
},
|
|
30
|
+
onFetchAuthorizations: () => dispatch((0, actions_1.fetchAuthorizationsRequest)([ownProps.authorization]))
|
|
31
|
+
});
|
|
32
|
+
exports.default = (0, react_redux_1.connect)(mapState, mapDispatch)(AuthorizationModal_1.AuthorizationModal);
|
|
33
|
+
//# sourceMappingURL=AuthorizationModal.container.js.map
|
package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.container.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthorizationModal.container.js","sourceRoot":"","sources":["../../../../src/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.container.ts"],"names":[],"mappings":";;AAAA,6CAAqD;AACrD,oEAG+C;AAC/C,gEAA0E;AAC1E,wEAGiD;AACjD,6DAAyD;AACzD,yEAMmC;AACnC,mCAAuC;AAEvC,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,QAAkB,EAAiB,EAAE;IAC5E,MAAM,EACJ,aAAa,EACb,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACrB,GAAG,QAAQ,CAAA;IACZ,OAAO;QACL,YAAY,EAAE,IAAA,qBAAa,EACzB,KAAK,EACL,2BAAmB,CAAC,MAAM,EAC1B,aAAa,EACb,SAAS,CACV;QACD,WAAW,EAAE,IAAA,qBAAa,EACxB,KAAK,EACL,2BAAmB,CAAC,KAAK,EACzB,aAAa,EACb,iBAAiB,CAClB;QACD,kBAAkB,EAAE,qBAAqB;YACvC,CAAC,CAAC,qBAAqB,CAAC,KAAK,CAAC;YAC9B,CAAC,CAAC,kDAAuB,CAAC,OAAO;QACnC,iBAAiB,EAAE,oBAAoB;YACrC,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC;YAC7B,CAAC,CAAC,IAAI;QACR,KAAK,EAAE,IAAA,qCAAyB,EAAC,KAAK,CAAC,IAAI,IAAA,oBAAQ,EAAC,KAAK,CAAC,IAAI,EAAE;KACjE,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAClB,QAAqB,EACrB,QAAkB,EACA,EAAE,CAAC,CAAC;IACtB,QAAQ,EAAE,GAAG,EAAE,CACb,QAAQ,CACN,IAAA,kCAAwB,EACtB,QAAQ,CAAC,aAAa,EACtB,2BAAmB,CAAC,MAAM,EAC1B,EAAE,CACH,CACF;IACH,OAAO,EAAE,GAAG,EAAE;;QACZ,OAAA,QAAQ,CACN,IAAA,kCAAwB,EACtB,QAAQ,CAAC,aAAa,EACtB,2BAAmB,CAAC,KAAK,EACzB,CAAA,MAAA,QAAQ,CAAC,iBAAiB,0CAAE,QAAQ,EAAE,KAAI,EAAE,CAC7C,CACF,CAAA;KAAA;IACH,qBAAqB,EAAE,GAAG,EAAE,CAC1B,QAAQ,CAAC,IAAA,oCAA0B,EAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;CACjE,CAAC,CAAA;AAEF,kBAAe,IAAA,qBAAO,EAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,uCAAkB,CAAC,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Props } from './AuthorizationModal.types';
|
|
3
|
+
export declare function AuthorizationModal({ authorization, requiredAllowance, currentAllowance, action, authorizationType, revokeStatus, grantStatus, confirmationStatus, error, confirmationError, network, authorizedContractLabel, onClose, onRevoke, onGrant, onAuthorized, onFetchAuthorizations }: Props): JSX.Element;
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.AuthorizationModal = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_2 = require("react");
|
|
9
|
+
const schemas_1 = require("@dcl/schemas");
|
|
10
|
+
const decentraland_ui_1 = require("decentraland-ui");
|
|
11
|
+
const utils_1 = require("../../../modules/translation/utils");
|
|
12
|
+
const AuthorizationModal_types_1 = require("./AuthorizationModal.types");
|
|
13
|
+
const utils_2 = require("./utils");
|
|
14
|
+
const LOADING_STATUS = [
|
|
15
|
+
AuthorizationModal_types_1.AuthorizationStepStatus.LOADING_INFO,
|
|
16
|
+
AuthorizationModal_types_1.AuthorizationStepStatus.PROCESSING,
|
|
17
|
+
AuthorizationModal_types_1.AuthorizationStepStatus.WAITING
|
|
18
|
+
];
|
|
19
|
+
function AuthorizationModal({ authorization, requiredAllowance, currentAllowance, action, authorizationType, revokeStatus, grantStatus, confirmationStatus, error, confirmationError, network, authorizedContractLabel, onClose, onRevoke, onGrant, onAuthorized, onFetchAuthorizations }) {
|
|
20
|
+
const [currentStep, setCurrentStep] = (0, react_2.useState)(0);
|
|
21
|
+
const [loading, setLoading] = (0, react_2.useState)();
|
|
22
|
+
const [shouldReauthorize, setShouldReauthorize] = (0, react_2.useState)(false);
|
|
23
|
+
(0, react_2.useEffect)(() => {
|
|
24
|
+
onFetchAuthorizations();
|
|
25
|
+
}, [onFetchAuthorizations]);
|
|
26
|
+
const handleRevokeToken = (0, react_2.useCallback)(() => {
|
|
27
|
+
onRevoke();
|
|
28
|
+
setLoading(AuthorizationModal_types_1.AuthorizationStepAction.REVOKE);
|
|
29
|
+
}, [onRevoke]);
|
|
30
|
+
const handleGrantToken = (0, react_2.useCallback)(() => {
|
|
31
|
+
onGrant();
|
|
32
|
+
setLoading(AuthorizationModal_types_1.AuthorizationStepAction.GRANT);
|
|
33
|
+
}, [onGrant]);
|
|
34
|
+
const handleAuthorized = (0, react_2.useCallback)(() => {
|
|
35
|
+
onAuthorized();
|
|
36
|
+
setLoading(AuthorizationModal_types_1.AuthorizationStepAction.CONFIRM);
|
|
37
|
+
}, [onAuthorized]);
|
|
38
|
+
const steps = (0, react_2.useMemo)(() => {
|
|
39
|
+
const authSteps = (0, utils_2.getSteps)({
|
|
40
|
+
authorizationType,
|
|
41
|
+
network,
|
|
42
|
+
requiredAllowance,
|
|
43
|
+
currentAllowance,
|
|
44
|
+
authorization,
|
|
45
|
+
authorizedContractLabel
|
|
46
|
+
});
|
|
47
|
+
return [
|
|
48
|
+
...authSteps,
|
|
49
|
+
{
|
|
50
|
+
title: (0, utils_1.t)('@dapps.authorization_modal.confirm_transaction.title', {
|
|
51
|
+
action: (0, utils_1.t)(`@dapps.authorization_modal.${action}.action`)
|
|
52
|
+
}),
|
|
53
|
+
action: (0, utils_1.t)('@dapps.authorization_modal.confirm_transaction.action'),
|
|
54
|
+
status: confirmationStatus,
|
|
55
|
+
actionType: AuthorizationModal_types_1.AuthorizationStepAction.CONFIRM,
|
|
56
|
+
error: confirmationError,
|
|
57
|
+
onActionClick: handleAuthorized
|
|
58
|
+
}
|
|
59
|
+
]
|
|
60
|
+
.map(step => {
|
|
61
|
+
if (step.actionType === AuthorizationModal_types_1.AuthorizationStepAction.GRANT) {
|
|
62
|
+
if (shouldReauthorize ||
|
|
63
|
+
(grantStatus === AuthorizationModal_types_1.AuthorizationStepStatus.ALLOWANCE_AMOUNT_ERROR &&
|
|
64
|
+
network === schemas_1.Network.ETHEREUM)) {
|
|
65
|
+
return Object.assign(Object.assign({}, step), { error: (0, utils_1.t)('@dapps.authorization_modal.insufficient_amount_error.message'), action: 'Revoke', status: revokeStatus, message: revokeStatus === AuthorizationModal_types_1.AuthorizationStepStatus.PENDING ||
|
|
66
|
+
revokeStatus === AuthorizationModal_types_1.AuthorizationStepStatus.DONE ? (react_1.default.createElement("div", { className: "authorization-error" }, (0, utils_1.t)('@dapps.authorization_modal.insufficient_amount_error.message'))) : (undefined), actionType: AuthorizationModal_types_1.AuthorizationStepAction.REVOKE, testId: 'reauthorize-step', onActionClick: handleRevokeToken });
|
|
67
|
+
}
|
|
68
|
+
return Object.assign(Object.assign({}, step), { action: grantStatus === AuthorizationModal_types_1.AuthorizationStepStatus.DONE
|
|
69
|
+
? undefined
|
|
70
|
+
: (0, utils_1.t)('@dapps.authorization_modal.set_cap.action'), error, status: grantStatus, onActionClick: handleGrantToken });
|
|
71
|
+
}
|
|
72
|
+
if (step.actionType === AuthorizationModal_types_1.AuthorizationStepAction.REVOKE) {
|
|
73
|
+
return Object.assign(Object.assign({}, step), { action: revokeStatus === AuthorizationModal_types_1.AuthorizationStepStatus.DONE
|
|
74
|
+
? undefined
|
|
75
|
+
: (0, utils_1.t)('@dapps.authorization_modal.revoke_cap.action'), error, status: revokeStatus, onActionClick: handleRevokeToken });
|
|
76
|
+
}
|
|
77
|
+
return step;
|
|
78
|
+
})
|
|
79
|
+
.map((step, index) => {
|
|
80
|
+
return Object.assign(Object.assign({}, step), { isLoading: index === currentStep && LOADING_STATUS.includes(step.status), message: 'message' in step && step.message
|
|
81
|
+
? step.message
|
|
82
|
+
: (0, utils_2.getStepMessage)(index, step.status, step.error, currentStep), testId: 'testId' in step ? step.testId : `${step.actionType}-step` });
|
|
83
|
+
});
|
|
84
|
+
}, [
|
|
85
|
+
grantStatus,
|
|
86
|
+
revokeStatus,
|
|
87
|
+
authorizationType,
|
|
88
|
+
requiredAllowance,
|
|
89
|
+
currentAllowance,
|
|
90
|
+
network,
|
|
91
|
+
action,
|
|
92
|
+
confirmationStatus,
|
|
93
|
+
confirmationError,
|
|
94
|
+
authorizedContractLabel,
|
|
95
|
+
shouldReauthorize,
|
|
96
|
+
currentStep,
|
|
97
|
+
error,
|
|
98
|
+
handleGrantToken,
|
|
99
|
+
handleRevokeToken,
|
|
100
|
+
handleAuthorized
|
|
101
|
+
]);
|
|
102
|
+
(0, react_2.useEffect)(() => {
|
|
103
|
+
const currentStepData = steps[currentStep];
|
|
104
|
+
if (currentStepData.status === AuthorizationModal_types_1.AuthorizationStepStatus.DONE &&
|
|
105
|
+
currentStepData.actionType === loading) {
|
|
106
|
+
if (shouldReauthorize) {
|
|
107
|
+
setShouldReauthorize(false);
|
|
108
|
+
}
|
|
109
|
+
else {
|
|
110
|
+
setCurrentStep(currentStep + 1);
|
|
111
|
+
setLoading(undefined);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
// We only want to run this when there is a change in the current steps status
|
|
115
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
116
|
+
}, [steps[currentStep].status]);
|
|
117
|
+
(0, react_2.useEffect)(() => {
|
|
118
|
+
if (grantStatus === AuthorizationModal_types_1.AuthorizationStepStatus.ALLOWANCE_AMOUNT_ERROR &&
|
|
119
|
+
network === schemas_1.Network.ETHEREUM) {
|
|
120
|
+
setShouldReauthorize(true);
|
|
121
|
+
}
|
|
122
|
+
}, [grantStatus, network, setShouldReauthorize]);
|
|
123
|
+
return (react_1.default.createElement(decentraland_ui_1.AuthorizationModal, { onClose: onClose, currentStep: currentStep, steps: steps, header: (0, utils_1.t)('@dapps.authorization_modal.title', {
|
|
124
|
+
action: (0, utils_1.t)(`@dapps.authorization_modal.${action}.title_action`)
|
|
125
|
+
}) }));
|
|
126
|
+
}
|
|
127
|
+
exports.AuthorizationModal = AuthorizationModal;
|
|
128
|
+
//# sourceMappingURL=AuthorizationModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthorizationModal.js","sourceRoot":"","sources":["../../../../src/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { Dispatch } from 'redux';
|
|
2
|
+
import { BigNumber } from 'ethers';
|
|
3
|
+
import { Network } from '@dcl/schemas';
|
|
4
|
+
import { RootStateOrAny } from 'react-redux';
|
|
5
|
+
import { authorizationFlowRequest, AuthorizationFlowRequestAction, fetchAuthorizationsRequest, FetchAuthorizationsRequestAction } from '../../../modules/authorization/actions';
|
|
6
|
+
import { Authorization, AuthorizationType } from '../../../modules/authorization/types';
|
|
7
|
+
export declare enum AuthorizedAction {
|
|
8
|
+
BID = "bid",
|
|
9
|
+
BUY = "buy",
|
|
10
|
+
MINT = "mint",
|
|
11
|
+
RENT = "rent",
|
|
12
|
+
CLAIM_NAME = "claim_name",
|
|
13
|
+
SWAP_MANA = "swap_mana",
|
|
14
|
+
SELL = "sell"
|
|
15
|
+
}
|
|
16
|
+
export declare enum AuthorizationStepStatus {
|
|
17
|
+
LOADING_INFO = "loading_info",
|
|
18
|
+
PENDING = "pending",
|
|
19
|
+
WAITING = "waiting",
|
|
20
|
+
PROCESSING = "processing",
|
|
21
|
+
ALLOWANCE_AMOUNT_ERROR = "allowance_amount_error",
|
|
22
|
+
ERROR = "error",
|
|
23
|
+
DONE = "done"
|
|
24
|
+
}
|
|
25
|
+
export declare enum AuthorizationStepAction {
|
|
26
|
+
REVOKE = "revoke",
|
|
27
|
+
GRANT = "grant",
|
|
28
|
+
CONFIRM = "confirm"
|
|
29
|
+
}
|
|
30
|
+
export declare type Props = {
|
|
31
|
+
authorization: Authorization;
|
|
32
|
+
requiredAllowance?: BigNumber;
|
|
33
|
+
currentAllowance?: BigNumber;
|
|
34
|
+
action: AuthorizedAction;
|
|
35
|
+
authorizationType: AuthorizationType;
|
|
36
|
+
confirmationStatus: AuthorizationStepStatus;
|
|
37
|
+
grantStatus: AuthorizationStepStatus;
|
|
38
|
+
revokeStatus: AuthorizationStepStatus;
|
|
39
|
+
error: string;
|
|
40
|
+
confirmationError: string | null;
|
|
41
|
+
network: Network;
|
|
42
|
+
authorizedContractLabel?: string;
|
|
43
|
+
getConfirmationStatus?: (state: RootStateOrAny) => AuthorizationStepStatus;
|
|
44
|
+
getConfirmationError?: (state: RootStateOrAny) => string | null;
|
|
45
|
+
onClose: () => void;
|
|
46
|
+
onAuthorized: () => void;
|
|
47
|
+
onRevoke: () => ReturnType<typeof authorizationFlowRequest>;
|
|
48
|
+
onGrant: () => ReturnType<typeof authorizationFlowRequest>;
|
|
49
|
+
onFetchAuthorizations: () => ReturnType<typeof fetchAuthorizationsRequest>;
|
|
50
|
+
};
|
|
51
|
+
export declare type MapDispatchProps = Pick<Props, 'onRevoke' | 'onGrant' | 'onFetchAuthorizations'>;
|
|
52
|
+
export declare type MapDispatch = Dispatch<AuthorizationFlowRequestAction | FetchAuthorizationsRequestAction>;
|
|
53
|
+
export declare type OwnProps = Pick<Props, 'authorization' | 'requiredAllowance' | 'getConfirmationStatus' | 'getConfirmationError'>;
|
|
54
|
+
export declare type MapStateProps = Pick<Props, 'revokeStatus' | 'grantStatus' | 'error' | 'confirmationStatus' | 'confirmationError'>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AuthorizationStepAction = exports.AuthorizationStepStatus = exports.AuthorizedAction = void 0;
|
|
4
|
+
// Action to perfom after authorization step is finished
|
|
5
|
+
var AuthorizedAction;
|
|
6
|
+
(function (AuthorizedAction) {
|
|
7
|
+
AuthorizedAction["BID"] = "bid";
|
|
8
|
+
AuthorizedAction["BUY"] = "buy";
|
|
9
|
+
AuthorizedAction["MINT"] = "mint";
|
|
10
|
+
AuthorizedAction["RENT"] = "rent";
|
|
11
|
+
AuthorizedAction["CLAIM_NAME"] = "claim_name";
|
|
12
|
+
AuthorizedAction["SWAP_MANA"] = "swap_mana";
|
|
13
|
+
AuthorizedAction["SELL"] = "sell";
|
|
14
|
+
})(AuthorizedAction = exports.AuthorizedAction || (exports.AuthorizedAction = {}));
|
|
15
|
+
var AuthorizationStepStatus;
|
|
16
|
+
(function (AuthorizationStepStatus) {
|
|
17
|
+
AuthorizationStepStatus["LOADING_INFO"] = "loading_info";
|
|
18
|
+
AuthorizationStepStatus["PENDING"] = "pending";
|
|
19
|
+
AuthorizationStepStatus["WAITING"] = "waiting";
|
|
20
|
+
AuthorizationStepStatus["PROCESSING"] = "processing";
|
|
21
|
+
AuthorizationStepStatus["ALLOWANCE_AMOUNT_ERROR"] = "allowance_amount_error";
|
|
22
|
+
AuthorizationStepStatus["ERROR"] = "error";
|
|
23
|
+
AuthorizationStepStatus["DONE"] = "done";
|
|
24
|
+
})(AuthorizationStepStatus = exports.AuthorizationStepStatus || (exports.AuthorizationStepStatus = {}));
|
|
25
|
+
var AuthorizationStepAction;
|
|
26
|
+
(function (AuthorizationStepAction) {
|
|
27
|
+
AuthorizationStepAction["REVOKE"] = "revoke";
|
|
28
|
+
AuthorizationStepAction["GRANT"] = "grant";
|
|
29
|
+
AuthorizationStepAction["CONFIRM"] = "confirm";
|
|
30
|
+
})(AuthorizationStepAction = exports.AuthorizationStepAction || (exports.AuthorizationStepAction = {}));
|
|
31
|
+
//# sourceMappingURL=AuthorizationModal.types.js.map
|
package/dist/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.types.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthorizationModal.types.js","sourceRoot":"","sources":["../../../../src/containers/withAuthorizedAction/AuthorizationModal/AuthorizationModal.types.ts"],"names":[],"mappings":";;;AAeA,wDAAwD;AACxD,IAAY,gBAQX;AARD,WAAY,gBAAgB;IAC1B,+BAAW,CAAA;IACX,+BAAW,CAAA;IACX,iCAAa,CAAA;IACb,iCAAa,CAAA;IACb,6CAAyB,CAAA;IACzB,2CAAuB,CAAA;IACvB,iCAAa,CAAA;AACf,CAAC,EARW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAQ3B;AAED,IAAY,uBAQX;AARD,WAAY,uBAAuB;IACjC,wDAA6B,CAAA;IAC7B,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,oDAAyB,CAAA;IACzB,4EAAiD,CAAA;IACjD,0CAAe,CAAA;IACf,wCAAa,CAAA;AACf,CAAC,EARW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAQlC;AAED,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,4CAAiB,CAAA;IACjB,0CAAe,CAAA;IACf,8CAAmB,CAAA;AACrB,CAAC,EAJW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAIlC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
+
};
|
|
15
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
+
exports.AuthorizationModal = void 0;
|
|
17
|
+
const AuthorizationModal_container_1 = __importDefault(require("./AuthorizationModal.container"));
|
|
18
|
+
exports.AuthorizationModal = AuthorizationModal_container_1.default;
|
|
19
|
+
__exportStar(require("./AuthorizationModal.types"), exports);
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/withAuthorizedAction/AuthorizationModal/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kGAA+D;AAEtD,6BAFF,sCAAkB,CAEE;AAD3B,6DAA0C"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { BigNumber } from 'ethers';
|
|
3
|
+
import { Network } from '@dcl/schemas';
|
|
4
|
+
import { RootStateOrAny } from 'react-redux';
|
|
5
|
+
import { Authorization, AuthorizationAction, AuthorizationType } from '../../../modules/authorization/types';
|
|
6
|
+
import { AuthorizationStepAction, AuthorizationStepStatus } from './AuthorizationModal.types';
|
|
7
|
+
export declare function getStepStatus(state: RootStateOrAny, authorizationAction: AuthorizationAction, authorization: Authorization, allowance: BigNumber | undefined): AuthorizationStepStatus;
|
|
8
|
+
export declare function getStepError(error: string | null): string | undefined;
|
|
9
|
+
export declare function getStepMessage(stepIndex: number, stepStatus: AuthorizationStepStatus, error: string | null, currentStep: number): string | JSX.Element | undefined;
|
|
10
|
+
export declare function getSteps({ authorization, authorizationType, network, requiredAllowance, authorizedContractLabel, currentAllowance }: {
|
|
11
|
+
authorization: Authorization;
|
|
12
|
+
authorizationType: AuthorizationType;
|
|
13
|
+
network: Network;
|
|
14
|
+
requiredAllowance?: BigNumber;
|
|
15
|
+
currentAllowance?: BigNumber;
|
|
16
|
+
authorizedContractLabel?: string;
|
|
17
|
+
}): {
|
|
18
|
+
title: string;
|
|
19
|
+
description: string;
|
|
20
|
+
actionType: AuthorizationStepAction;
|
|
21
|
+
}[] | {
|
|
22
|
+
title: string;
|
|
23
|
+
actionType: AuthorizationStepAction;
|
|
24
|
+
}[];
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.getSteps = exports.getStepMessage = exports.getStepError = exports.getStepStatus = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const ethers_1 = require("ethers");
|
|
9
|
+
const schemas_1 = require("@dcl/schemas");
|
|
10
|
+
const selectors_1 = require("../../../modules/authorization/selectors");
|
|
11
|
+
const types_1 = require("../../../modules/authorization/types");
|
|
12
|
+
const utils_1 = require("../../../modules/authorization/utils");
|
|
13
|
+
const __1 = require("../..");
|
|
14
|
+
const selectors_2 = require("../../../modules/loading/selectors");
|
|
15
|
+
const utils_2 = require("../../../modules/loading/utils");
|
|
16
|
+
const selectors_3 = require("../../../modules/transaction/selectors");
|
|
17
|
+
const utils_3 = require("../../../modules/transaction/utils");
|
|
18
|
+
const utils_4 = require("../../../modules/translation/utils");
|
|
19
|
+
const selectors_4 = require("../../../modules/authorization/selectors");
|
|
20
|
+
const actions_1 = require("../../../modules/authorization/actions");
|
|
21
|
+
const AuthorizationModal_types_1 = require("./AuthorizationModal.types");
|
|
22
|
+
function getStepStatus(state, authorizationAction, authorization, allowance) {
|
|
23
|
+
const actionType = authorizationAction === types_1.AuthorizationAction.REVOKE
|
|
24
|
+
? actions_1.REVOKE_TOKEN_REQUEST
|
|
25
|
+
: actions_1.GRANT_TOKEN_REQUEST;
|
|
26
|
+
if ((0, selectors_2.isLoadingType)((0, selectors_1.getLoading)(state), actionType)) {
|
|
27
|
+
return AuthorizationModal_types_1.AuthorizationStepStatus.WAITING;
|
|
28
|
+
}
|
|
29
|
+
const pendingActionTypeTransactions = (0, selectors_3.getTransactions)(state, authorization.address).filter(transaction => (0, utils_3.isPending)(transaction.status) &&
|
|
30
|
+
(0, utils_2.getType)({ type: actionType }) ===
|
|
31
|
+
(0, utils_2.getType)({ type: transaction.actionType }) &&
|
|
32
|
+
(0, utils_1.areEqual)(transaction.payload.authorization, authorization));
|
|
33
|
+
if (pendingActionTypeTransactions.length) {
|
|
34
|
+
return AuthorizationModal_types_1.AuthorizationStepStatus.PROCESSING;
|
|
35
|
+
}
|
|
36
|
+
const error = (0, selectors_1.getAuthorizationFlowError)(state);
|
|
37
|
+
if (error === utils_1.AuthorizationError.INSUFFICIENT_ALLOWANCE) {
|
|
38
|
+
return AuthorizationModal_types_1.AuthorizationStepStatus.ALLOWANCE_AMOUNT_ERROR;
|
|
39
|
+
}
|
|
40
|
+
if (error || (0, selectors_1.getError)(state)) {
|
|
41
|
+
return AuthorizationModal_types_1.AuthorizationStepStatus.ERROR;
|
|
42
|
+
}
|
|
43
|
+
let isDone = false;
|
|
44
|
+
const authorizations = (0, selectors_4.getData)(state);
|
|
45
|
+
if (authorization.type === types_1.AuthorizationType.ALLOWANCE) {
|
|
46
|
+
// If allowance is undefined, then the action is revoke
|
|
47
|
+
if (!allowance) {
|
|
48
|
+
isDone = !(0, utils_1.hasAuthorization)(authorizations, authorization);
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
// grant action
|
|
52
|
+
isDone = (0, utils_1.hasAuthorizationAndEnoughAllowance)(authorizations, authorization, allowance.toString());
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
isDone = (0, utils_1.hasAuthorization)(authorizations, authorization);
|
|
57
|
+
}
|
|
58
|
+
if (isDone) {
|
|
59
|
+
return AuthorizationModal_types_1.AuthorizationStepStatus.DONE;
|
|
60
|
+
}
|
|
61
|
+
if ((0, selectors_2.isLoadingType)((0, selectors_1.getLoading)(state), actions_1.AUTHORIZATION_FLOW_REQUEST) &&
|
|
62
|
+
(0, selectors_1.getLoading)(state).find(loadingAction => { var _a; return ((_a = loadingAction.payload) === null || _a === void 0 ? void 0 : _a.authorizationAction) === authorizationAction; })) {
|
|
63
|
+
return AuthorizationModal_types_1.AuthorizationStepStatus.LOADING_INFO;
|
|
64
|
+
}
|
|
65
|
+
return AuthorizationModal_types_1.AuthorizationStepStatus.PENDING;
|
|
66
|
+
}
|
|
67
|
+
exports.getStepStatus = getStepStatus;
|
|
68
|
+
function getStepError(error) {
|
|
69
|
+
if (!error) {
|
|
70
|
+
return undefined;
|
|
71
|
+
}
|
|
72
|
+
return error.length > 100
|
|
73
|
+
? (0, utils_4.t)('@dapps.authorization_modal.generic_error')
|
|
74
|
+
: error;
|
|
75
|
+
}
|
|
76
|
+
exports.getStepError = getStepError;
|
|
77
|
+
function getStepMessage(stepIndex, stepStatus, error, currentStep) {
|
|
78
|
+
if (stepIndex > currentStep) {
|
|
79
|
+
return '';
|
|
80
|
+
}
|
|
81
|
+
if (stepIndex < currentStep) {
|
|
82
|
+
return (0, utils_4.t)('@dapps.authorization_modal.done');
|
|
83
|
+
}
|
|
84
|
+
switch (stepStatus) {
|
|
85
|
+
case AuthorizationModal_types_1.AuthorizationStepStatus.WAITING:
|
|
86
|
+
return (0, utils_4.t)('@dapps.authorization_modal.waiting_wallet');
|
|
87
|
+
case AuthorizationModal_types_1.AuthorizationStepStatus.PROCESSING:
|
|
88
|
+
return (0, utils_4.t)('@dapps.authorization_modal.waiting_confirmation');
|
|
89
|
+
case AuthorizationModal_types_1.AuthorizationStepStatus.ERROR:
|
|
90
|
+
return react_1.default.createElement("div", { className: "authorization-error" }, getStepError(error));
|
|
91
|
+
case AuthorizationModal_types_1.AuthorizationStepStatus.ALLOWANCE_AMOUNT_ERROR:
|
|
92
|
+
return (react_1.default.createElement("div", { className: "authorization-error" }, (0, utils_4.t)('@dapps.authorization_modal.spending_cap_error')));
|
|
93
|
+
case AuthorizationModal_types_1.AuthorizationStepStatus.DONE:
|
|
94
|
+
return (0, utils_4.t)('@dapps.authorization_modal.done');
|
|
95
|
+
default:
|
|
96
|
+
return undefined;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
exports.getStepMessage = getStepMessage;
|
|
100
|
+
function getSteps({ authorization, authorizationType, network, requiredAllowance, authorizedContractLabel, currentAllowance }) {
|
|
101
|
+
const requiredAllowanceAsEth = requiredAllowance
|
|
102
|
+
? ethers_1.ethers.utils.formatEther(requiredAllowance)
|
|
103
|
+
: '';
|
|
104
|
+
if ((!currentAllowance || !currentAllowance.isZero()) &&
|
|
105
|
+
authorizationType === types_1.AuthorizationType.ALLOWANCE &&
|
|
106
|
+
network === schemas_1.Network.ETHEREUM) {
|
|
107
|
+
return [
|
|
108
|
+
{
|
|
109
|
+
title: (0, utils_4.t)('@dapps.authorization_modal.revoke_cap.title'),
|
|
110
|
+
description: (0, utils_4.t)('@dapps.authorization_modal.revoke_cap.description', {
|
|
111
|
+
price: requiredAllowanceAsEth
|
|
112
|
+
}),
|
|
113
|
+
actionType: AuthorizationModal_types_1.AuthorizationStepAction.REVOKE
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
title: (0, utils_4.t)('@dapps.authorization_modal.set_cap.title'),
|
|
117
|
+
description: (0, utils_4.t)('@dapps.authorization_modal.set_cap.description', {
|
|
118
|
+
price: requiredAllowanceAsEth
|
|
119
|
+
}),
|
|
120
|
+
actionType: AuthorizationModal_types_1.AuthorizationStepAction.GRANT
|
|
121
|
+
}
|
|
122
|
+
];
|
|
123
|
+
}
|
|
124
|
+
if (authorizationType === types_1.AuthorizationType.ALLOWANCE) {
|
|
125
|
+
return [
|
|
126
|
+
{
|
|
127
|
+
title: (0, utils_4.t)('@dapps.authorization_modal.authorize_mana.title', {
|
|
128
|
+
contract: () => (react_1.default.createElement(__1.TransactionLink, { address: authorization.authorizedAddress || '', chainId: authorization.chainId, txHash: "" }, authorizedContractLabel || authorization.authorizedAddress))
|
|
129
|
+
}),
|
|
130
|
+
description: (0, utils_4.t)('@dapps.authorization_modal.authorize_mana.description', {
|
|
131
|
+
price: requiredAllowanceAsEth
|
|
132
|
+
}),
|
|
133
|
+
actionType: AuthorizationModal_types_1.AuthorizationStepAction.GRANT
|
|
134
|
+
}
|
|
135
|
+
];
|
|
136
|
+
}
|
|
137
|
+
return [
|
|
138
|
+
{
|
|
139
|
+
title: (0, utils_4.t)('@dapps.authorization_modal.authorize_nft.title', {
|
|
140
|
+
contract: () => (react_1.default.createElement(__1.TransactionLink, { address: authorization.authorizedAddress || '', chainId: authorization.chainId, txHash: "" }, authorizedContractLabel || authorization.authorizedAddress))
|
|
141
|
+
}),
|
|
142
|
+
actionType: AuthorizationModal_types_1.AuthorizationStepAction.GRANT
|
|
143
|
+
}
|
|
144
|
+
];
|
|
145
|
+
}
|
|
146
|
+
exports.getSteps = getSteps;
|
|
147
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/containers/withAuthorizedAction/AuthorizationModal/utils.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
+
};
|
|
15
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
+
const withAuthorizedAction_1 = __importDefault(require("./withAuthorizedAction"));
|
|
17
|
+
exports.default = withAuthorizedAction_1.default;
|
|
18
|
+
__exportStar(require("./withAuthorizedAction.types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/withAuthorizedAction/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kFAAyD;AACzD,kBAAe,8BAAoB,CAAA;AAEnC,+DAA4C"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RootStateOrAny } from 'react-redux';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AuthorizationStepStatus, AuthorizedAction } from './AuthorizationModal';
|
|
4
|
+
import { WithAuthorizedActionProps } from './withAuthorizedAction.types';
|
|
5
|
+
export default function withAuthorizedAction<P extends WithAuthorizedActionProps>(WrappedComponent: React.ComponentType<P>, action: AuthorizedAction, getConfirmationStatus?: (state: RootStateOrAny) => AuthorizationStepStatus, getConfirmationError?: (state: RootStateOrAny) => string | null): React.ComponentType<Omit<P, keyof WithAuthorizedActionProps>>;
|