@stokr/components-library 2.3.65-beta.1 → 2.3.65-beta.11
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/2FA/main-flow.js +28 -7
- package/dist/components/AdminDashboard/Table/ReactTable.js +123 -7
- package/dist/components/Chips/Chip.js +1 -2
- package/dist/components/Chips/Chip.styles.js +3 -2
- package/dist/components/Input/Input.js +33 -33
- package/dist/components/Input/MultiSelect.js +319 -0
- package/dist/components/Input/SearchInput.js +78 -0
- package/dist/components/Input/SearchInput.styles.js +25 -0
- package/dist/components/Input/Select.js +51 -28
- package/dist/components/Modal/SideModal.js +82 -0
- package/dist/components/Modal/SideModal.styles.js +21 -0
- package/dist/components/Payment/PaymentDetailsCard.js +189 -0
- package/dist/components/Payment/PaymentDisplay.js +2 -12
- package/dist/components/ProfileBox/ProfileBox.js +2 -1
- package/dist/components/Snackbar/Snackbar.js +193 -0
- package/dist/components/Snackbar/Snackbar.styles.js +97 -0
- package/dist/components/Snackbar/SnackbarProvider.js +81 -0
- package/dist/components/Snackbar/index.js +32 -0
- package/dist/components/Snackbar/useSnackbar.js +43 -0
- package/dist/components/StatusTag/StatusTag.js +175 -0
- package/dist/components/StatusTag/StatusTag.styles.js +37 -0
- package/dist/components/StepsProgress/StepIndicator.js +59 -0
- package/dist/components/StepsProgress/StepIndicator.styles.js +30 -0
- package/dist/components/TextLink/TextLink.styles.js +1 -1
- package/dist/components/Timeline/TimelineStep.js +2 -2
- package/dist/constants/globalVariables.js +41 -2
- package/dist/context/Checkbox/CheckboxContext.js +0 -1
- package/dist/index.js +66 -0
- package/dist/static/images/bmn2-logo.svg +9 -0
- package/dist/static/images/document-icon.svg +3 -0
- package/dist/static/images/plus-icon.svg +4 -0
- package/dist/static/images/search-icon.svg +3 -0
- package/dist/static/images/sent-icon.svg +10 -0
- package/dist/static/images/transfer-icon.svg +10 -0
- package/dist/utils/formatCurrencyValue.js +43 -3
- package/package.json +3 -2
- package/dist/components/2FA/EnterCode.stories.js +0 -35
- package/dist/components/2FA/disable-2fa-flow.stories.js +0 -31
- package/dist/components/2FA/enable-2fa-flow.stories.js +0 -31
- package/dist/components/2FA/login-with-otp-flow.stories.js +0 -31
- package/dist/components/2FA/main-flow.stories.js +0 -33
- package/dist/components/AccountBalance/AccountBalance.stories.js +0 -83
- package/dist/components/AdminDashboard/Table/ReactTable.stories.js +0 -406
- package/dist/components/AgreementItem/AgreementItem.stories.js +0 -105
- package/dist/components/AnalyticGraphs/Analytic.js +0 -541
- package/dist/components/AnalyticGraphs/Analytic.styles.js +0 -25
- package/dist/components/BackButton/BackButton.stories.js +0 -32
- package/dist/components/Background/Background.stories.js +0 -75
- package/dist/components/BarChart/BarChart.js +0 -263
- package/dist/components/BarChart/BarChart.stories.js +0 -66
- package/dist/components/BarChart/BarChart.styles.js +0 -26
- package/dist/components/BarChartLegend/BarChartLegend.js +0 -79
- package/dist/components/BarChartLegend/BarChartLegend.styles.js +0 -21
- package/dist/components/BasicTable/BasicTable.stories.js +0 -59
- package/dist/components/BlogPost/BlogPost.stories.js +0 -160
- package/dist/components/Button/Button.stories.js +0 -146
- package/dist/components/Button/GlareButton.stories.js +0 -132
- package/dist/components/CapitalRaisedSummary/CapitalRaisedSummery.stories.js +0 -42
- package/dist/components/ChartBox/ChartBox.js +0 -41
- package/dist/components/ChartBox/ChartBox.stories.js +0 -17
- package/dist/components/ChartBox/ChartBox.styles.js +0 -27
- package/dist/components/ChartBox/ChartBoxDistribution.js +0 -27
- package/dist/components/ChartBox/ChartBoxDistribution.stories.js +0 -18
- package/dist/components/ChartLegend/ChartLegend.stories.js +0 -90
- package/dist/components/Checkbox/Checkbox.stories.js +0 -88
- package/dist/components/Checklist/ChecklistCard.stories.js +0 -102
- package/dist/components/Checklist/UserChecklist.js +0 -184
- package/dist/components/Checklist/UserChecklist.stories.js +0 -317
- package/dist/components/Chips/Chip.stories.js +0 -36
- package/dist/components/Chips/ChipsWrapper.stories.js +0 -47
- package/dist/components/ComponentScroll/ComponentScroll.stories.js +0 -111
- package/dist/components/CryptoAddress/CryptoAddress.stories.js +0 -205
- package/dist/components/CryptoAddressDetails/CryptoAddressDetails.stories.js +0 -70
- package/dist/components/DonutChart/DonutChart.stories.js +0 -54
- package/dist/components/FAQ/FAQ.stories.js +0 -76
- package/dist/components/Footer/Footer.stories.js +0 -49
- package/dist/components/Footer/FooterLayout.stories.js +0 -26
- package/dist/components/Footer/FooterMenu.stories.js +0 -113
- package/dist/components/Footer/mangopay.png +0 -0
- package/dist/components/Footer/mangopay.svg +0 -20
- package/dist/components/ForgotPasswordModal/ForgotPasswordModal.stories.js +0 -69
- package/dist/components/Form/Form.stories.js +0 -32
- package/dist/components/FullscreenCard/FullscreenCard.styles.js +0 -27
- package/dist/components/Header/Header.stories.js +0 -192
- package/dist/components/InfoIcon/InfoIcon.stories.js +0 -299
- package/dist/components/InfoPanel/InfoPanel.js +0 -124
- package/dist/components/Input/DatePickerInput.stories.js +0 -87
- package/dist/components/Input/Input.stories.js +0 -142
- package/dist/components/Input/InputPassword.stories.js +0 -80
- package/dist/components/Input/InputWithButton.stories.js +0 -75
- package/dist/components/Input/OtpInput.stories.js +0 -57
- package/dist/components/Input/RangeInput.stories.js +0 -58
- package/dist/components/Input/Select.stories.js +0 -139
- package/dist/components/InvestCalculator/InvestCalculator.stories.js +0 -135
- package/dist/components/InvestmentStat/InvestmentStat.stories.js +0 -52
- package/dist/components/KYCFlow/BasicInfo.js +0 -448
- package/dist/components/KYCFlow/Confirmation.js +0 -46
- package/dist/components/KYCFlow/DocumentFileUpload.js +0 -263
- package/dist/components/KYCFlow/DocumentScan.js +0 -75
- package/dist/components/KYCFlow/DocumentScanUpload.js +0 -251
- package/dist/components/KYCFlow/DocumentSelect.js +0 -118
- package/dist/components/KYCFlow/DocumentSuccess.js +0 -63
- package/dist/components/KYCFlow/DocumentUpload.js +0 -53
- package/dist/components/KYCFlow/DocumentVerificationType.js +0 -131
- package/dist/components/KYCFlow/FaceScan.js +0 -54
- package/dist/components/KYCFlow/FaceScanRecognition.js +0 -61
- package/dist/components/KYCFlow/FaceScanSuccess.js +0 -56
- package/dist/components/KYCFlow/Terms.js +0 -119
- package/dist/components/KYCFlow/_styles.js +0 -111
- package/dist/components/KYCFlow/index.js +0 -97
- package/dist/components/KYCSelectBox/KYCSelectBox.styles.js +0 -29
- package/dist/components/LatestUpdate/LatestUpdate.stories.js +0 -58
- package/dist/components/Layout/Layout.stories.js +0 -60
- package/dist/components/LearnMoreCarousel/LearnMoreCarousel.stories.js +0 -66
- package/dist/components/LearnMorePage/LearnMore.stories.js +0 -48
- package/dist/components/LearnMorePage/LearnMoreItem.stories.js +0 -62
- package/dist/components/LearnMoreSection/LearnMore.stories.js +0 -30
- package/dist/components/LearnMoreSection/LearnMoreItem.stories.js +0 -59
- package/dist/components/LoginModal/LoginModal.stories.js +0 -74
- package/dist/components/MatomoConnect/Matomo.js +0 -228
- package/dist/components/MatomoConnect/Matomo_fuckup.js +0 -387
- package/dist/components/Modal/Modal.stories.js +0 -75
- package/dist/components/Modal/NewVentureModal/NewVentureModal.stories.js +0 -150
- package/dist/components/Modal/PaymentModal.stories.js +0 -57
- package/dist/components/MultiProgressBar/MultiProgressBar.stories.js +0 -67
- package/dist/components/Newsletter/Newsletter.stories.js +0 -16
- package/dist/components/NotificationContext/NotificationContext.js +0 -141
- package/dist/components/Number/Number.stories.js +0 -92
- package/dist/components/Pagination/Pagination.stories.js +0 -83
- package/dist/components/Pagination/PaginationControls.stories.js +0 -112
- package/dist/components/Payment/PaymentDisplay.stories.js +0 -302
- package/dist/components/Payment/TimerComponent.stories.js +0 -236
- package/dist/components/Process/Process.stories.js +0 -42
- package/dist/components/ProfileBadge/ProfileBadge.stories.js +0 -45
- package/dist/components/ProfileBox/ProfileBox.stories.js +0 -35
- package/dist/components/ProfileHeader/ProfileHeader.js +0 -252
- package/dist/components/ProfileHeader/ProfileHeader.styles.js +0 -65
- package/dist/components/ProfileStat/ProfileStat.stories.js +0 -66
- package/dist/components/ProofOfAddress/ProofOfAddress.styles.js +0 -53
- package/dist/components/QRCode/QRCode.stories.js +0 -104
- package/dist/components/Radio/Radio.stories.js +0 -73
- package/dist/components/RefreshButton/RefreshButton.stories.js +0 -38
- package/dist/components/RegisterAlgorand/AlgoAddressName.js +0 -138
- package/dist/components/RegisterAlgorand/AlgoAdressSelect.js +0 -443
- package/dist/components/RegisterAlgorand/AlgoConnectWallet.js +0 -47
- package/dist/components/RegisterAlgorand/AlgoSuccess.js +0 -38
- package/dist/components/RegisterAlgorand/Algorand.stories.js +0 -80
- package/dist/components/RegisterAlgorand/ChooseWallet.js +0 -97
- package/dist/components/RegisterAlgorand/SelectProject.js +0 -89
- package/dist/components/RegisterAlgorand/_styles.js +0 -28
- package/dist/components/RegisterAlgorand/flow.js +0 -409
- package/dist/components/RegisterAlgorand/flowWithMemo.js +0 -410
- package/dist/components/RegisterAlgorand/index.js +0 -48
- package/dist/components/RegisterConfirmModal/RegisterConfirmModal.stories.js +0 -41
- package/dist/components/RegisterEthereum/EthAddressLedger.js +0 -226
- package/dist/components/RegisterEthereum/EthAddressMetamask.js +0 -204
- package/dist/components/RegisterEthereum/EthAddressName.js +0 -135
- package/dist/components/RegisterEthereum/EthConnectLedger.js +0 -194
- package/dist/components/RegisterEthereum/EthConnectMetamask.js +0 -35
- package/dist/components/RegisterEthereum/EthFinish.js +0 -41
- package/dist/components/RegisterEthereum/EthIntro.js +0 -95
- package/dist/components/RegisterEthereum/_styles.js +0 -28
- package/dist/components/RegisterEthereum/index.js +0 -68
- package/dist/components/RegisterModal/RegisterModal.stories.js +0 -49
- package/dist/components/RequestDataBox/RequestDataBox.stories.js +0 -37
- package/dist/components/RiskQuestionnaire/RiskQuestionnaireContext.js +0 -185
- package/dist/components/RiskQuestionnaire/_styles.js +0 -15
- package/dist/components/SEO/SEO.stories.js +0 -60
- package/dist/components/SideLine/SideLine.stories.js +0 -28
- package/dist/components/SigningSubflow/SignSubAddressMetamask.js +0 -137
- package/dist/components/SigningSubflow/SignSubConnectLedger.js +0 -150
- package/dist/components/SigningSubflow/SignSubConnectMetamask.js +0 -137
- package/dist/components/SigningSubflow/SignSubIntro.js +0 -55
- package/dist/components/SigningSubflow/SignSubSendLedger.js +0 -150
- package/dist/components/SigningSubflow/SignSubSendMetamask.js +0 -62
- package/dist/components/SigningSubflow/SignSubTransactionLedger.js +0 -161
- package/dist/components/SigningSubflow/SignSubTransactionMetamask.js +0 -166
- package/dist/components/SigningSubflow/_styles.js +0 -34
- package/dist/components/SigningSubflow/index.js +0 -32
- package/dist/components/Slider/Slider.stories.js +0 -68
- package/dist/components/StepController/StepController.stories.js +0 -60
- package/dist/components/StepController/StepControllerProgress.stories.js +0 -49
- package/dist/components/StepsProgress/StepsProgress.stories.js +0 -49
- package/dist/components/Switch/Switch.stories.js +0 -81
- package/dist/components/Tabs/Tabs.stories.js +0 -36
- package/dist/components/TabsNav/TabNav.stories.js +0 -40
- package/dist/components/TabsNav/TabsNav.stories.js +0 -37
- package/dist/components/TeamOverview/TeamOverview.stories.js +0 -76
- package/dist/components/TermsModal/TermsModal.stories.js +0 -31
- package/dist/components/Text/Headline.stories.js +0 -48
- package/dist/components/Text/Text.stories.js +0 -70
- package/dist/components/Timeline/Timeline.stories.js +0 -393
- package/dist/components/ToDoList/ToDoList.stories.js +0 -133
- package/dist/components/ToDoList/ToDoListTask.stories.js +0 -70
- package/dist/components/TransactionDetails/TransactionDetails.stories.js +0 -55
- package/dist/components/TransactionDetails/TransactionDetailsTable.stories.js +0 -305
- package/dist/components/TransactionInfo/TransactionInfo.stories.js +0 -61
- package/dist/components/TwoFactorModal/TwoFactorModal.js +0 -100
- package/dist/components/VerifyEmailModal/VerifyEmailModal.stories.js +0 -59
- package/dist/components/headerHo/HeaderHo.stories.js +0 -35
- package/dist/components/icons/Arrow.stories.js +0 -42
- package/dist/components/icons/ArrowSimple.stories.js +0 -48
- package/dist/components/icons/Check.stories.js +0 -22
- package/dist/components/icons/Facebook.stories.js +0 -21
- package/dist/components/icons/Facebook_Logo.png +0 -0
- package/dist/components/icons/Info.stories.js +0 -16
- package/dist/components/icons/Instagram.stories.js +0 -21
- package/dist/components/icons/LI-In-Bug.png +0 -0
- package/dist/components/icons/LinkIcon.stories.js +0 -21
- package/dist/components/icons/LinkedIn.stories.js +0 -16
- package/dist/components/icons/Medium.stories.js +0 -16
- package/dist/components/icons/Reddit.stories.js +0 -21
- package/dist/components/icons/Share.stories.js +0 -16
- package/dist/components/icons/Telegram-Logo.png +0 -0
- package/dist/components/icons/Telegram.stories.js +0 -16
- package/dist/components/icons/Twitter.stories.js +0 -21
- package/dist/components/icons/X-logo-black.png +0 -0
- package/dist/components/icons/X.stories.js +0 -16
- package/dist/components/icons/Youtube.stories.js +0 -21
- package/dist/components/icons/youtube_social_circle_red.png +0 -0
- package/dist/components/taxId/TaxId.stories.js +0 -50
- package/dist/components/video/Video.stories.js +0 -52
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _formik = require("formik");
|
|
10
|
-
var Yup = _interopRequireWildcard(require("yup"));
|
|
11
|
-
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
12
|
-
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
|
|
13
|
-
var _Form = _interopRequireWildcard(require("../Form/Form"));
|
|
14
|
-
var _Input = _interopRequireDefault(require("../Input/Input"));
|
|
15
|
-
var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
|
|
16
|
-
var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
|
|
17
|
-
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
18
|
-
var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
|
|
19
|
-
var _Modal = require("../Modal/Modal.styles");
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
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); }
|
|
22
|
-
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; }
|
|
23
|
-
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); }
|
|
24
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
26
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
27
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
28
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
29
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
30
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
31
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
32
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
33
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
34
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
35
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
36
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
37
|
-
var AlgoAdressName = /*#__PURE__*/function (_PureComponent) {
|
|
38
|
-
_inherits(AlgoAdressName, _PureComponent);
|
|
39
|
-
var _super = _createSuper(AlgoAdressName);
|
|
40
|
-
function AlgoAdressName() {
|
|
41
|
-
var _this;
|
|
42
|
-
_classCallCheck(this, AlgoAdressName);
|
|
43
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
44
|
-
args[_key] = arguments[_key];
|
|
45
|
-
}
|
|
46
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
47
|
-
_defineProperty(_assertThisInitialized(_this), "initialValues", {
|
|
48
|
-
name: ''
|
|
49
|
-
});
|
|
50
|
-
_defineProperty(_assertThisInitialized(_this), "validationSchema", Yup.object().shape({
|
|
51
|
-
name: Yup.string().required('Address name is required')
|
|
52
|
-
}));
|
|
53
|
-
_defineProperty(_assertThisInitialized(_this), "onSubmit", function () {
|
|
54
|
-
var changeStep = _this.props.changeStep;
|
|
55
|
-
changeStep();
|
|
56
|
-
});
|
|
57
|
-
return _this;
|
|
58
|
-
}
|
|
59
|
-
_createClass(AlgoAdressName, [{
|
|
60
|
-
key: "componentDidMount",
|
|
61
|
-
value: function componentDidMount() {
|
|
62
|
-
var _this$props = this.props,
|
|
63
|
-
registeredAddress = _this$props.registeredAddress,
|
|
64
|
-
changeStep = _this$props.changeStep;
|
|
65
|
-
if (registeredAddress) {
|
|
66
|
-
changeStep();
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}, {
|
|
70
|
-
key: "render",
|
|
71
|
-
value: function render() {
|
|
72
|
-
var _this2 = this;
|
|
73
|
-
var _this$props2 = this.props,
|
|
74
|
-
error = _this$props2.error,
|
|
75
|
-
isUpdatingUser = _this$props2.isUpdatingUser;
|
|
76
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Algorand address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
77
|
-
noPaddingVertical: true
|
|
78
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Name your Algorand address"), /*#__PURE__*/_react.default.createElement("p", null, "Give your address a name that reflects what it will store. Remember Satoshi's recommendation to spread your crypto investments over different addresses. "))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
|
|
79
|
-
initialValues: this.initialValues,
|
|
80
|
-
validationSchema: this.validationSchema,
|
|
81
|
-
onSubmit: this.onSubmit
|
|
82
|
-
}, function (_ref) {
|
|
83
|
-
var values = _ref.values,
|
|
84
|
-
errors = _ref.errors,
|
|
85
|
-
touched = _ref.touched,
|
|
86
|
-
handleBlur = _ref.handleBlur,
|
|
87
|
-
setFieldValue = _ref.setFieldValue,
|
|
88
|
-
setFieldTouched = _ref.setFieldTouched;
|
|
89
|
-
var onChangeWithTouch = function onChangeWithTouch(e) {
|
|
90
|
-
var setNameToRegister = _this2.props.setNameToRegister;
|
|
91
|
-
var field = e.target;
|
|
92
|
-
setFieldValue(field.name, field.value, false);
|
|
93
|
-
setFieldTouched(field.name);
|
|
94
|
-
setNameToRegister(field.value);
|
|
95
|
-
};
|
|
96
|
-
var submitDisabled = !touched.name || !!errors.name || isUpdatingUser;
|
|
97
|
-
return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
98
|
-
noPadding: true
|
|
99
|
-
}, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
100
|
-
id: "register-algo-name",
|
|
101
|
-
name: "name",
|
|
102
|
-
label: "Address name",
|
|
103
|
-
value: values.name,
|
|
104
|
-
onChange: onChangeWithTouch,
|
|
105
|
-
onBlur: handleBlur,
|
|
106
|
-
error: !!errors.name,
|
|
107
|
-
touched: !!touched.name
|
|
108
|
-
}), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
|
|
109
|
-
show: errors.name && touched.name
|
|
110
|
-
}, errors.name))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
111
|
-
noPaddingHorizontal: true,
|
|
112
|
-
noPaddingBottom: true,
|
|
113
|
-
center: true
|
|
114
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
115
|
-
type: "submit",
|
|
116
|
-
minWidth: "240px",
|
|
117
|
-
disabled: submitDisabled
|
|
118
|
-
}, "Use this name"), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
|
|
119
|
-
withTopSpacing: true,
|
|
120
|
-
show: error
|
|
121
|
-
}, error)));
|
|
122
|
-
})), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
123
|
-
noPaddingBottom: true
|
|
124
|
-
}, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
|
|
125
|
-
items: [{
|
|
126
|
-
title: 'Why should I name my Algorand address?',
|
|
127
|
-
content: "If you're following best practice and spreading your crypto investments over different addresses, a name makes it easier to manage your portfolio."
|
|
128
|
-
}]
|
|
129
|
-
}))));
|
|
130
|
-
}
|
|
131
|
-
}]);
|
|
132
|
-
return AlgoAdressName;
|
|
133
|
-
}(_react.PureComponent);
|
|
134
|
-
AlgoAdressName.propTypes = {
|
|
135
|
-
changeStep: _propTypes.default.func.isRequired
|
|
136
|
-
};
|
|
137
|
-
var _default = AlgoAdressName;
|
|
138
|
-
exports.default = _default;
|
|
@@ -1,443 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = exports.MemoAlgoAddressSelect = exports.Dots = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _RegisterEthereum = require("../RegisterEthereum");
|
|
11
|
-
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
12
|
-
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
|
|
13
|
-
var _RefreshButton = _interopRequireDefault(require("../RefreshButton/RefreshButton"));
|
|
14
|
-
var _CryptoAddress = _interopRequireWildcard(require("../CryptoAddress/CryptoAddress"));
|
|
15
|
-
var _CryptoAddressWrapper = _interopRequireDefault(require("../CryptoAddressWrapper/CryptoAddressWrapper"));
|
|
16
|
-
var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
|
|
17
|
-
var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
|
|
18
|
-
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
19
|
-
var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
|
|
20
|
-
var _Modal = require("../Modal/Modal.styles");
|
|
21
|
-
var _StokrWeb = require("../../api/StokrWeb3");
|
|
22
|
-
var _fetchData = _interopRequireDefault(require("../../api/fetchData"));
|
|
23
|
-
var _StyledText = _interopRequireDefault(require("../Text/StyledText"));
|
|
24
|
-
var _CryptoAddressWrapper2 = require("../CryptoAddressWrapper/CryptoAddressWrapper.styles");
|
|
25
|
-
var _ToDoList = require("../ToDoList/ToDoList.styles");
|
|
26
|
-
var _fetchDataPublic = _interopRequireDefault(require("../../api/fetchDataPublic"));
|
|
27
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
|
-
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; }
|
|
30
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
31
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
32
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
33
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
34
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
35
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
36
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
37
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
38
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
39
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
40
|
-
var Dots = function Dots(props) {
|
|
41
|
-
return /*#__PURE__*/_react.default.createElement(_StyledText.default, _extends({
|
|
42
|
-
style: {
|
|
43
|
-
fontSize: 40
|
|
44
|
-
}
|
|
45
|
-
}, props), /*#__PURE__*/_react.default.createElement("span", {
|
|
46
|
-
"data-order": "0"
|
|
47
|
-
}, "."), /*#__PURE__*/_react.default.createElement("span", {
|
|
48
|
-
"data-order": "1"
|
|
49
|
-
}, "."), /*#__PURE__*/_react.default.createElement("span", {
|
|
50
|
-
"data-order": "2"
|
|
51
|
-
}, "."));
|
|
52
|
-
};
|
|
53
|
-
exports.Dots = Dots;
|
|
54
|
-
var AlgoAdressSelect = function AlgoAdressSelect(props) {
|
|
55
|
-
var _useState = (0, _react.useState)(false),
|
|
56
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
57
|
-
correct = _useState2[0],
|
|
58
|
-
setcorrect = _useState2[1];
|
|
59
|
-
var _useState3 = (0, _react.useState)(false),
|
|
60
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
61
|
-
refresh = _useState4[0],
|
|
62
|
-
setrefresh = _useState4[1];
|
|
63
|
-
var _useState5 = (0, _react.useState)(false),
|
|
64
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
65
|
-
failed = _useState6[0],
|
|
66
|
-
setfailed = _useState6[1];
|
|
67
|
-
var _useState7 = (0, _react.useState)({}),
|
|
68
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
69
|
-
selectedAdress = _useState8[0],
|
|
70
|
-
setselectedAdress = _useState8[1];
|
|
71
|
-
var _useState9 = (0, _react.useState)([{
|
|
72
|
-
address: '0x0000000000000000000000000000000000000000',
|
|
73
|
-
balance: 0
|
|
74
|
-
}]),
|
|
75
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
76
|
-
address = _useState10[0],
|
|
77
|
-
setaddress = _useState10[1];
|
|
78
|
-
(0, _react.useEffect)(function () {
|
|
79
|
-
function initWallet() {
|
|
80
|
-
return _initWallet.apply(this, arguments);
|
|
81
|
-
}
|
|
82
|
-
function _initWallet() {
|
|
83
|
-
_initWallet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
84
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
85
|
-
while (1) switch (_context.prev = _context.next) {
|
|
86
|
-
case 0:
|
|
87
|
-
if (!(props.wallet === 'algosigner')) {
|
|
88
|
-
_context.next = 3;
|
|
89
|
-
break;
|
|
90
|
-
}
|
|
91
|
-
_context.next = 3;
|
|
92
|
-
return initAlgoSigner();
|
|
93
|
-
case 3:
|
|
94
|
-
if (!(props.wallet === 'myalgo')) {
|
|
95
|
-
_context.next = 6;
|
|
96
|
-
break;
|
|
97
|
-
}
|
|
98
|
-
_context.next = 6;
|
|
99
|
-
return initMyAlgoWallet();
|
|
100
|
-
case 6:
|
|
101
|
-
case "end":
|
|
102
|
-
return _context.stop();
|
|
103
|
-
}
|
|
104
|
-
}, _callee);
|
|
105
|
-
}));
|
|
106
|
-
return _initWallet.apply(this, arguments);
|
|
107
|
-
}
|
|
108
|
-
initWallet();
|
|
109
|
-
}, []);
|
|
110
|
-
(0, _react.useEffect)(function () {
|
|
111
|
-
if (refresh) {
|
|
112
|
-
setStateDelayed(false, 2000);
|
|
113
|
-
}
|
|
114
|
-
}, [refresh]);
|
|
115
|
-
(0, _react.useEffect)(function () {
|
|
116
|
-
if (props.verifiedAddress) {
|
|
117
|
-
props.changeStep();
|
|
118
|
-
}
|
|
119
|
-
}, [props.verifiedAddress]);
|
|
120
|
-
|
|
121
|
-
//get balance for each user address
|
|
122
|
-
var getBalanceData = /*#__PURE__*/function () {
|
|
123
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(addresses) {
|
|
124
|
-
var addressArr, data, optInStatus, algoPrice;
|
|
125
|
-
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
126
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
127
|
-
case 0:
|
|
128
|
-
addressArr = [];
|
|
129
|
-
addresses.forEach(function (address) {
|
|
130
|
-
addressArr.push(address.address);
|
|
131
|
-
});
|
|
132
|
-
|
|
133
|
-
//if algo balances fail
|
|
134
|
-
data = null;
|
|
135
|
-
_context2.prev = 3;
|
|
136
|
-
_context2.next = 6;
|
|
137
|
-
return (0, _fetchData.default)('wallet/algoBalances', {
|
|
138
|
-
accounts: addressArr
|
|
139
|
-
});
|
|
140
|
-
case 6:
|
|
141
|
-
data = _context2.sent;
|
|
142
|
-
_context2.next = 12;
|
|
143
|
-
break;
|
|
144
|
-
case 9:
|
|
145
|
-
_context2.prev = 9;
|
|
146
|
-
_context2.t0 = _context2["catch"](3);
|
|
147
|
-
console.log('🚀 ~ error in algoBalances', _context2.t0);
|
|
148
|
-
case 12:
|
|
149
|
-
_context2.next = 14;
|
|
150
|
-
return (0, _fetchData.default)('user/algoOptinStatus', {
|
|
151
|
-
accounts: addressArr,
|
|
152
|
-
assetId: props.projectAssetId
|
|
153
|
-
});
|
|
154
|
-
case 14:
|
|
155
|
-
optInStatus = _context2.sent;
|
|
156
|
-
_context2.prev = 15;
|
|
157
|
-
_context2.next = 18;
|
|
158
|
-
return (0, _fetchData.default)('investment/algoprice');
|
|
159
|
-
case 18:
|
|
160
|
-
algoPrice = _context2.sent;
|
|
161
|
-
_context2.next = 24;
|
|
162
|
-
break;
|
|
163
|
-
case 21:
|
|
164
|
-
_context2.prev = 21;
|
|
165
|
-
_context2.t1 = _context2["catch"](15);
|
|
166
|
-
console.log('🚀 ~ error in algoPrice', _context2.t1);
|
|
167
|
-
case 24:
|
|
168
|
-
if (data && algoPrice) {
|
|
169
|
-
data.forEach(function (account, index) {
|
|
170
|
-
addresses[index].balance = account.balance;
|
|
171
|
-
addresses[index].currentAlgoPrice = algoPrice.EUR; //-- in euros
|
|
172
|
-
addresses[index].eqUnit = '€';
|
|
173
|
-
addresses[index].optedIn = optInStatus[account.account];
|
|
174
|
-
});
|
|
175
|
-
} else {
|
|
176
|
-
addressArr && addressArr.forEach(function (account, index) {
|
|
177
|
-
addresses[index].optedIn = optInStatus[account];
|
|
178
|
-
});
|
|
179
|
-
}
|
|
180
|
-
checkforExistingAddress(addresses);
|
|
181
|
-
case 26:
|
|
182
|
-
case "end":
|
|
183
|
-
return _context2.stop();
|
|
184
|
-
}
|
|
185
|
-
}, _callee2, null, [[3, 9], [15, 21]]);
|
|
186
|
-
}));
|
|
187
|
-
return function getBalanceData(_x) {
|
|
188
|
-
return _ref.apply(this, arguments);
|
|
189
|
-
};
|
|
190
|
-
}();
|
|
191
|
-
|
|
192
|
-
//check if user has already registered some address
|
|
193
|
-
//add the address title if exist
|
|
194
|
-
var checkforExistingAddress = function checkforExistingAddress(addresses) {
|
|
195
|
-
addresses.forEach(function (address) {
|
|
196
|
-
props.userAddresses && props.userAddresses.forEach(function (userAdd) {
|
|
197
|
-
if (address.address === userAdd.address) {
|
|
198
|
-
address.title = userAdd.name;
|
|
199
|
-
}
|
|
200
|
-
});
|
|
201
|
-
});
|
|
202
|
-
};
|
|
203
|
-
var onAddressChange = function onAddressChange(account) {
|
|
204
|
-
setselectedAdress(account);
|
|
205
|
-
props.setRegisteredAddress(account.title ? true : false);
|
|
206
|
-
};
|
|
207
|
-
var initAlgoSigner = /*#__PURE__*/function () {
|
|
208
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
|
|
209
|
-
var _address;
|
|
210
|
-
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
211
|
-
while (1) switch (_context3.prev = _context3.next) {
|
|
212
|
-
case 0:
|
|
213
|
-
if (!(0, _StokrWeb.isAlgoSignerInstalled)()) {
|
|
214
|
-
_context3.next = 18;
|
|
215
|
-
break;
|
|
216
|
-
}
|
|
217
|
-
_context3.prev = 1;
|
|
218
|
-
_context3.next = 4;
|
|
219
|
-
return (0, _StokrWeb.getAlgoSignerAddress)(props.network);
|
|
220
|
-
case 4:
|
|
221
|
-
_address = _context3.sent;
|
|
222
|
-
if (!_address) {
|
|
223
|
-
_context3.next = 11;
|
|
224
|
-
break;
|
|
225
|
-
}
|
|
226
|
-
_context3.next = 8;
|
|
227
|
-
return getBalanceData(_address);
|
|
228
|
-
case 8:
|
|
229
|
-
setfailed(false);
|
|
230
|
-
setcorrect(true);
|
|
231
|
-
setaddress(_address);
|
|
232
|
-
case 11:
|
|
233
|
-
_context3.next = 18;
|
|
234
|
-
break;
|
|
235
|
-
case 13:
|
|
236
|
-
_context3.prev = 13;
|
|
237
|
-
_context3.t0 = _context3["catch"](1);
|
|
238
|
-
console.log('eroor: ', _context3.t0);
|
|
239
|
-
setfailed(true);
|
|
240
|
-
setcorrect(false);
|
|
241
|
-
case 18:
|
|
242
|
-
case "end":
|
|
243
|
-
return _context3.stop();
|
|
244
|
-
}
|
|
245
|
-
}, _callee3, null, [[1, 13]]);
|
|
246
|
-
}));
|
|
247
|
-
return function initAlgoSigner() {
|
|
248
|
-
return _ref2.apply(this, arguments);
|
|
249
|
-
};
|
|
250
|
-
}();
|
|
251
|
-
var getAdressArr = function getAdressArr(addressArr) {
|
|
252
|
-
var newArr = [];
|
|
253
|
-
addressArr && addressArr.forEach(function (element) {
|
|
254
|
-
newArr.push({
|
|
255
|
-
address: element
|
|
256
|
-
});
|
|
257
|
-
});
|
|
258
|
-
return newArr;
|
|
259
|
-
};
|
|
260
|
-
var initMyAlgoWallet = /*#__PURE__*/function () {
|
|
261
|
-
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
|
|
262
|
-
var _address2, addressArr;
|
|
263
|
-
return _regeneratorRuntime().wrap(function _callee4$(_context4) {
|
|
264
|
-
while (1) switch (_context4.prev = _context4.next) {
|
|
265
|
-
case 0:
|
|
266
|
-
_context4.prev = 0;
|
|
267
|
-
_context4.next = 3;
|
|
268
|
-
return (0, _StokrWeb.getMyAlgoWalletAddress)();
|
|
269
|
-
case 3:
|
|
270
|
-
_address2 = _context4.sent;
|
|
271
|
-
if (!(_address2 && !_address2.includes('Error'))) {
|
|
272
|
-
_context4.next = 11;
|
|
273
|
-
break;
|
|
274
|
-
}
|
|
275
|
-
addressArr = getAdressArr(_address2);
|
|
276
|
-
_context4.next = 8;
|
|
277
|
-
return getBalanceData(addressArr);
|
|
278
|
-
case 8:
|
|
279
|
-
setaddress(addressArr);
|
|
280
|
-
setfailed(false);
|
|
281
|
-
setcorrect(true);
|
|
282
|
-
case 11:
|
|
283
|
-
_context4.next = 18;
|
|
284
|
-
break;
|
|
285
|
-
case 13:
|
|
286
|
-
_context4.prev = 13;
|
|
287
|
-
_context4.t0 = _context4["catch"](0);
|
|
288
|
-
console.log('eroor: ', _context4.t0);
|
|
289
|
-
setfailed(true);
|
|
290
|
-
setcorrect(false);
|
|
291
|
-
case 18:
|
|
292
|
-
case "end":
|
|
293
|
-
return _context4.stop();
|
|
294
|
-
}
|
|
295
|
-
}, _callee4, null, [[0, 13]]);
|
|
296
|
-
}));
|
|
297
|
-
return function initMyAlgoWallet() {
|
|
298
|
-
return _ref3.apply(this, arguments);
|
|
299
|
-
};
|
|
300
|
-
}();
|
|
301
|
-
var setStateDelayed = function setStateDelayed(newState, time) {
|
|
302
|
-
setTimeout(function () {
|
|
303
|
-
setrefresh(newState);
|
|
304
|
-
}, time);
|
|
305
|
-
};
|
|
306
|
-
var onRefreshClick = /*#__PURE__*/function () {
|
|
307
|
-
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
|
|
308
|
-
return _regeneratorRuntime().wrap(function _callee5$(_context5) {
|
|
309
|
-
while (1) switch (_context5.prev = _context5.next) {
|
|
310
|
-
case 0:
|
|
311
|
-
setrefresh(true);
|
|
312
|
-
if (!(props.wallet === 'algosigner')) {
|
|
313
|
-
_context5.next = 6;
|
|
314
|
-
break;
|
|
315
|
-
}
|
|
316
|
-
_context5.next = 4;
|
|
317
|
-
return initAlgoSigner();
|
|
318
|
-
case 4:
|
|
319
|
-
_context5.next = 8;
|
|
320
|
-
break;
|
|
321
|
-
case 6:
|
|
322
|
-
_context5.next = 8;
|
|
323
|
-
return initMyAlgoWallet();
|
|
324
|
-
case 8:
|
|
325
|
-
case "end":
|
|
326
|
-
return _context5.stop();
|
|
327
|
-
}
|
|
328
|
-
}, _callee5);
|
|
329
|
-
}));
|
|
330
|
-
return function onRefreshClick() {
|
|
331
|
-
return _ref4.apply(this, arguments);
|
|
332
|
-
};
|
|
333
|
-
}();
|
|
334
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Algorand address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
335
|
-
noPaddingVertical: true
|
|
336
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Select an Algorand address"), /*#__PURE__*/_react.default.createElement("p", null, "In order for the tokens to go to the right address, you need to choose the opted-in address for the tokens to be properly assigned to you."))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "YOUR CURRENT ADDRESS")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, correct ? /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper.default, {
|
|
337
|
-
refresh: refresh ? 'Refreshing' : '',
|
|
338
|
-
failed: failed ? "NO DICE. PLEASE CHECK ".concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', " IS CONNECTED, THEN HIT REFRESH.") : ''
|
|
339
|
-
}, address.map(function (account, i) {
|
|
340
|
-
var _account$balance;
|
|
341
|
-
return /*#__PURE__*/_react.default.createElement(_CryptoAddress.MemoCryptoAddress, {
|
|
342
|
-
key: account + i,
|
|
343
|
-
title: account.title || 'Not yet registered',
|
|
344
|
-
address: account.address,
|
|
345
|
-
data: {
|
|
346
|
-
value: (_account$balance = account.balance) === null || _account$balance === void 0 ? void 0 : _account$balance.toFixed(4),
|
|
347
|
-
unit: 'ALGO',
|
|
348
|
-
eqValue: account.balance ? (account.balance * account.currentAlgoPrice).toFixed(2) : null,
|
|
349
|
-
eqUnit: '€'
|
|
350
|
-
},
|
|
351
|
-
wrapped: true,
|
|
352
|
-
borderTop: true,
|
|
353
|
-
borderBottom: true,
|
|
354
|
-
sideOptions: props.isUpdatingUser && !props.error && selectedAdress.address === account.address ? /*#__PURE__*/_react.default.createElement(Dots, null) : props.error && selectedAdress.address === account.address ? /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper2.FailedIcon, {
|
|
355
|
-
red: true,
|
|
356
|
-
flex: true
|
|
357
|
-
}) : account.title && (props.verifiedAddress && !props.error && selectedAdress.address === account.address || account.optedIn) ? /*#__PURE__*/_react.default.createElement(_ToDoList.AllDoneIcon, {
|
|
358
|
-
green: true
|
|
359
|
-
}) : /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
360
|
-
secondary: selectedAdress.address === account.address ? false : true,
|
|
361
|
-
disabled: account.optedIn && account.title,
|
|
362
|
-
style: {
|
|
363
|
-
minWidth: 'max-content'
|
|
364
|
-
},
|
|
365
|
-
onClick: function onClick() {
|
|
366
|
-
//continue to naming step if already opted in address
|
|
367
|
-
props.setAddressToRegister(account.address);
|
|
368
|
-
if (!account.optedIn) {
|
|
369
|
-
props.handleOptIn(account.address, account.title);
|
|
370
|
-
}
|
|
371
|
-
onAddressChange(account);
|
|
372
|
-
if (account.optedIn && !account.title) {
|
|
373
|
-
props.setverifiedAddress(true);
|
|
374
|
-
}
|
|
375
|
-
}
|
|
376
|
-
}, "Select")
|
|
377
|
-
});
|
|
378
|
-
})) : /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper.default, {
|
|
379
|
-
refresh: !correct && !failed ? "We're fetching your registered address from your ".concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', ".") : '',
|
|
380
|
-
failed: failed ? "Our interface couldn't connect to ".concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', " because you need to give permission to do so. Try again?") : ''
|
|
381
|
-
}, address.map(function (account, i) {
|
|
382
|
-
var _account$balance2;
|
|
383
|
-
return /*#__PURE__*/_react.default.createElement(_CryptoAddress.MemoCryptoAddress, {
|
|
384
|
-
key: account + i,
|
|
385
|
-
title: account.title || 'Not yet registered',
|
|
386
|
-
address: account.address,
|
|
387
|
-
data: {
|
|
388
|
-
value: (_account$balance2 = account.balance) === null || _account$balance2 === void 0 ? void 0 : _account$balance2.toFixed(4),
|
|
389
|
-
unit: 'ALGO',
|
|
390
|
-
eqValue: account.balance ? (account.balance * account.currentAlgoPrice).toFixed(2) : null,
|
|
391
|
-
eqUnit: '€'
|
|
392
|
-
},
|
|
393
|
-
wrapped: true,
|
|
394
|
-
borderTop: true,
|
|
395
|
-
borderBottom: true,
|
|
396
|
-
sideOptions: props.isUpdatingUser && !props.error && selectedAdress.address === account.address ? /*#__PURE__*/_react.default.createElement(Dots, null) : props.error && selectedAdress.address === account.address ? /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper2.FailedIcon, {
|
|
397
|
-
red: true,
|
|
398
|
-
flex: true
|
|
399
|
-
}) : account.title && (props.verifiedAddress && !props.error && selectedAdress.address === account.address || account.optedIn) ? /*#__PURE__*/_react.default.createElement(_ToDoList.AllDoneIcon, {
|
|
400
|
-
green: true
|
|
401
|
-
}) : /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
402
|
-
secondary: selectedAdress.address === account.address ? false : true,
|
|
403
|
-
disabled: account.optedIn && account.title,
|
|
404
|
-
style: {
|
|
405
|
-
minWidth: 'max-content'
|
|
406
|
-
},
|
|
407
|
-
onClick: function onClick() {
|
|
408
|
-
//continue to naming step if already opted in address
|
|
409
|
-
props.setAddressToRegister(account.address);
|
|
410
|
-
if (!account.optedIn) {
|
|
411
|
-
props.handleOptIn(account.address, account.title);
|
|
412
|
-
}
|
|
413
|
-
onAddressChange(account);
|
|
414
|
-
if (account.optedIn && !account.title) {
|
|
415
|
-
props.setverifiedAddress(true);
|
|
416
|
-
}
|
|
417
|
-
}
|
|
418
|
-
}, "Select")
|
|
419
|
-
});
|
|
420
|
-
}))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
421
|
-
noPaddingBottom: true
|
|
422
|
-
}, /*#__PURE__*/_react.default.createElement(_RegisterEthereum.EthInfo, {
|
|
423
|
-
center: true
|
|
424
|
-
}, "To use a different ".concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', " address, select one from the ").concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', " extension on your browser and press the \"TRY AGAIN\" button below."))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
425
|
-
center: true
|
|
426
|
-
}, /*#__PURE__*/_react.default.createElement(_RefreshButton.default, {
|
|
427
|
-
onClick: onRefreshClick
|
|
428
|
-
}, "TRY AGAIN")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
429
|
-
noPaddingBottom: true
|
|
430
|
-
}, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
|
|
431
|
-
items: [{
|
|
432
|
-
title: 'Which address should I choose?',
|
|
433
|
-
content: "If you're planning to use the address to purchase tokens, choose one with sufficient funds or that you plan to top up. For your security and privacy, it's considered best practice to use more than one address for your crypto investments."
|
|
434
|
-
}]
|
|
435
|
-
}))));
|
|
436
|
-
};
|
|
437
|
-
AlgoAdressSelect.propTypes = {
|
|
438
|
-
changeStep: _propTypes.default.func.isRequired
|
|
439
|
-
};
|
|
440
|
-
var MemoAlgoAddressSelect = /*#__PURE__*/_react.default.memo(AlgoAdressSelect);
|
|
441
|
-
exports.MemoAlgoAddressSelect = MemoAlgoAddressSelect;
|
|
442
|
-
var _default = AlgoAdressSelect;
|
|
443
|
-
exports.default = _default;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
10
|
-
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
|
|
11
|
-
var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
|
|
12
|
-
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
13
|
-
var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
|
|
14
|
-
var _Modal = require("../Modal/Modal.styles");
|
|
15
|
-
var _StokrWeb = require("../../api/StokrWeb3");
|
|
16
|
-
var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
// import FAQ from "components/FAQ/FAQ";
|
|
19
|
-
|
|
20
|
-
var AlgoConnectWallet = function AlgoConnectWallet(_ref) {
|
|
21
|
-
var changeStep = _ref.changeStep,
|
|
22
|
-
wallet = _ref.wallet,
|
|
23
|
-
setWallet = _ref.setWallet;
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Algorand address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
25
|
-
noPaddingVertical: true
|
|
26
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, wallet === 'algosigner' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", null, "CONNECT AN ALGOSIGNER WALLET"), /*#__PURE__*/_react.default.createElement("p", null, "Please click on the 'CONNECT' button below. If you don't already have an Algosigner wallet, the link will take you through the registration process. Just follow the prompts when you are taken to the page. Once you finish creating the wallet, you can come back to this page and connect it."), /*#__PURE__*/_react.default.createElement("p", null, "If you already have an Algosigner wallet, please make sure the extension is enabled on your browser. There will be a pop-up that is presented asking for STOKR's permission to view your current wallet address.")), wallet === 'myalgo' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", null, "CONNECT A MY ALGO WALLET"), /*#__PURE__*/_react.default.createElement("p", null, "Please click on the 'CONNECT' button below. If you don't already have an My Algo wallet, the link will take you to a pop-up to create a wallet. Just follow the prompts. Once you finish creating the wallet, you can come back to this page and connect it."), /*#__PURE__*/_react.default.createElement("p", null, 'If you already have a My Algo wallet, you may need to log into it. If so, there will be a prompt for this.')))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
27
|
-
center: true
|
|
28
|
-
}, wallet === 'algosigner' && /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
29
|
-
minWidth: "240px",
|
|
30
|
-
onClick: function onClick() {
|
|
31
|
-
setWallet('algosigner');
|
|
32
|
-
changeStep();
|
|
33
|
-
},
|
|
34
|
-
disabled: !(0, _StokrWeb.isAlgoSignerInstalled)()
|
|
35
|
-
}, "Connect"), wallet === 'myalgo' && /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
36
|
-
minWidth: "240px",
|
|
37
|
-
onClick: function onClick() {
|
|
38
|
-
setWallet('myalgo');
|
|
39
|
-
changeStep();
|
|
40
|
-
}
|
|
41
|
-
}, "Connect"))));
|
|
42
|
-
};
|
|
43
|
-
AlgoConnectWallet.propTypes = {
|
|
44
|
-
changeStep: _propTypes.default.func.isRequired
|
|
45
|
-
};
|
|
46
|
-
var _default = AlgoConnectWallet;
|
|
47
|
-
exports.default = _default;
|