@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,226 +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 _reactCollapse = require("react-collapse");
|
|
10
|
-
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
11
|
-
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
|
|
12
|
-
var _TextLink = _interopRequireDefault(require("../TextLink/TextLink.styles"));
|
|
13
|
-
var _CryptoAddress = _interopRequireDefault(require("../CryptoAddress/CryptoAddress"));
|
|
14
|
-
var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
|
|
15
|
-
var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
|
|
16
|
-
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
17
|
-
var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
|
|
18
|
-
var _CryptoAddressWrapper = _interopRequireDefault(require("../CryptoAddressWrapper/CryptoAddressWrapper"));
|
|
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 _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; }
|
|
25
|
-
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); } }
|
|
26
|
-
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); }); }; }
|
|
27
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
28
|
-
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); } }
|
|
29
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
30
|
-
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); }
|
|
31
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
32
|
-
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); }; }
|
|
33
|
-
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); }
|
|
34
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
35
|
-
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; } }
|
|
36
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
37
|
-
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; }
|
|
38
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
39
|
-
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); }
|
|
40
|
-
// import Config from '../../api/StokrWeb3Config.json'
|
|
41
|
-
|
|
42
|
-
var getLedgerAddresses = function getLedgerAddresses() {};
|
|
43
|
-
var EthAddressLedger = /*#__PURE__*/function (_PureComponent) {
|
|
44
|
-
_inherits(EthAddressLedger, _PureComponent);
|
|
45
|
-
var _super = _createSuper(EthAddressLedger);
|
|
46
|
-
function EthAddressLedger() {
|
|
47
|
-
var _this;
|
|
48
|
-
_classCallCheck(this, EthAddressLedger);
|
|
49
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
50
|
-
args[_key] = arguments[_key];
|
|
51
|
-
}
|
|
52
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
53
|
-
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
54
|
-
selectedAddress: null,
|
|
55
|
-
showAll: false,
|
|
56
|
-
addressPool: undefined
|
|
57
|
-
});
|
|
58
|
-
_defineProperty(_assertThisInitialized(_this), "onAddressChange", function (e) {
|
|
59
|
-
_this.setState({
|
|
60
|
-
selectedAddress: e.target.value
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
_defineProperty(_assertThisInitialized(_this), "onRegisterClick", function () {
|
|
64
|
-
var _this$state = _this.state,
|
|
65
|
-
addressPool = _this$state.addressPool,
|
|
66
|
-
selectedAddress = _this$state.selectedAddress;
|
|
67
|
-
var _this$props = _this.props,
|
|
68
|
-
changeStep = _this$props.changeStep,
|
|
69
|
-
setAddressToRegister = _this$props.setAddressToRegister;
|
|
70
|
-
for (var i in addressPool) {
|
|
71
|
-
if (addressPool[i].radioId === selectedAddress) {
|
|
72
|
-
setAddressToRegister(addressPool[i].address);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
selectedAddress && changeStep && changeStep();
|
|
76
|
-
});
|
|
77
|
-
_defineProperty(_assertThisInitialized(_this), "toggleShowAll", function () {
|
|
78
|
-
var showAll = _this.state.showAll;
|
|
79
|
-
_this.setState({
|
|
80
|
-
showAll: !showAll
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
return _this;
|
|
84
|
-
}
|
|
85
|
-
_createClass(EthAddressLedger, [{
|
|
86
|
-
key: "componentDidMount",
|
|
87
|
-
value: function () {
|
|
88
|
-
var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
89
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
90
|
-
while (1) switch (_context.prev = _context.next) {
|
|
91
|
-
case 0:
|
|
92
|
-
_context.t0 = this;
|
|
93
|
-
_context.next = 3;
|
|
94
|
-
return getLedgerAddresses();
|
|
95
|
-
case 3:
|
|
96
|
-
_context.t1 = _context.sent;
|
|
97
|
-
_context.t2 = {
|
|
98
|
-
addressPool: _context.t1
|
|
99
|
-
};
|
|
100
|
-
_context.t0.setState.call(_context.t0, _context.t2);
|
|
101
|
-
case 6:
|
|
102
|
-
case "end":
|
|
103
|
-
return _context.stop();
|
|
104
|
-
}
|
|
105
|
-
}, _callee, this);
|
|
106
|
-
}));
|
|
107
|
-
function componentDidMount() {
|
|
108
|
-
return _componentDidMount.apply(this, arguments);
|
|
109
|
-
}
|
|
110
|
-
return componentDidMount;
|
|
111
|
-
}()
|
|
112
|
-
}, {
|
|
113
|
-
key: "render",
|
|
114
|
-
value: function render() {
|
|
115
|
-
var _this2 = this;
|
|
116
|
-
var _this$state2 = this.state,
|
|
117
|
-
selectedAddress = _this$state2.selectedAddress,
|
|
118
|
-
showAll = _this$state2.showAll,
|
|
119
|
-
addressPool = _this$state2.addressPool;
|
|
120
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Ethereum address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
121
|
-
noPaddingTop: true
|
|
122
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Select an ethereum address"), /*#__PURE__*/_react.default.createElement("p", null, 'On this address you will receive your security tokens. You can also use it to purchase security tokens using Ether, Gemini or Tether. '))), addressPool ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
123
|
-
noPadding: true
|
|
124
|
-
}, addressPool
|
|
125
|
-
// .slice(
|
|
126
|
-
// Config.ledger.showAccountSlice[0],
|
|
127
|
-
// Config.ledger.showAccountSlice[1],
|
|
128
|
-
// )
|
|
129
|
-
.map(function (account, i) {
|
|
130
|
-
return /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, {
|
|
131
|
-
key: account + i,
|
|
132
|
-
title: account.title,
|
|
133
|
-
address: account.address,
|
|
134
|
-
data: {
|
|
135
|
-
value: account.ether,
|
|
136
|
-
unit: 'ETH',
|
|
137
|
-
eqValue: account.euro,
|
|
138
|
-
eqUnit: '€'
|
|
139
|
-
},
|
|
140
|
-
radio: {
|
|
141
|
-
id: account.id,
|
|
142
|
-
name: 'address',
|
|
143
|
-
value: account.radioId,
|
|
144
|
-
checked: selectedAddress === account.radioId,
|
|
145
|
-
onChange: _this2.onAddressChange,
|
|
146
|
-
onBlur: function onBlur() {}
|
|
147
|
-
},
|
|
148
|
-
wrapped: true,
|
|
149
|
-
borderTop: true
|
|
150
|
-
});
|
|
151
|
-
})), /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
|
|
152
|
-
isOpened: showAll
|
|
153
|
-
}, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
154
|
-
noPadding: true
|
|
155
|
-
}, addressPool
|
|
156
|
-
// .slice(
|
|
157
|
-
// Config.ledger.showAdditionalSlice[0],
|
|
158
|
-
// Config.ledger.showAdditionalSlice[1],
|
|
159
|
-
// )
|
|
160
|
-
.map(function (account, i) {
|
|
161
|
-
return /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, {
|
|
162
|
-
key: account + i,
|
|
163
|
-
title: account.title,
|
|
164
|
-
address: account.address,
|
|
165
|
-
data: {
|
|
166
|
-
value: account.ether,
|
|
167
|
-
unit: 'ETH',
|
|
168
|
-
eqValue: account.euro,
|
|
169
|
-
eqUnit: '€'
|
|
170
|
-
},
|
|
171
|
-
radio: {
|
|
172
|
-
id: account.id,
|
|
173
|
-
name: 'address',
|
|
174
|
-
value: account.radioId,
|
|
175
|
-
checked: selectedAddress === account.radioId,
|
|
176
|
-
onChange: _this2.onAddressChange,
|
|
177
|
-
onBlur: function onBlur() {}
|
|
178
|
-
},
|
|
179
|
-
wrapped: true,
|
|
180
|
-
borderTop: true
|
|
181
|
-
});
|
|
182
|
-
}))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
183
|
-
noPaddingHorizontal: true,
|
|
184
|
-
noPaddingBottom: true,
|
|
185
|
-
borderTop: true
|
|
186
|
-
}, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
187
|
-
noPaddingBottom: true,
|
|
188
|
-
center: true
|
|
189
|
-
}, /*#__PURE__*/_react.default.createElement(_TextLink.default, {
|
|
190
|
-
as: "button",
|
|
191
|
-
onClick: this.toggleShowAll
|
|
192
|
-
}, showAll ? 'view less' : 'view more')), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
193
|
-
center: true
|
|
194
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
195
|
-
minWidth: "240px",
|
|
196
|
-
onClick: this.onRegisterClick,
|
|
197
|
-
disabled: selectedAddress === null
|
|
198
|
-
}, "Register selected address")))) : /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
199
|
-
borderTop: true,
|
|
200
|
-
borderBottom: true,
|
|
201
|
-
center: true
|
|
202
|
-
}, /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper.default, {
|
|
203
|
-
refresh: 'Please wait while we connect to your Ledger'
|
|
204
|
-
}, /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, {
|
|
205
|
-
title: "ethereum address",
|
|
206
|
-
address: '',
|
|
207
|
-
data: {
|
|
208
|
-
value: ''
|
|
209
|
-
}
|
|
210
|
-
}))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
211
|
-
noPaddingBottom: true
|
|
212
|
-
}, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
|
|
213
|
-
items: [{
|
|
214
|
-
title: 'Which address should I choose?',
|
|
215
|
-
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."
|
|
216
|
-
}]
|
|
217
|
-
}))));
|
|
218
|
-
}
|
|
219
|
-
}]);
|
|
220
|
-
return EthAddressLedger;
|
|
221
|
-
}(_react.PureComponent);
|
|
222
|
-
EthAddressLedger.propTypes = {
|
|
223
|
-
changeStep: _propTypes.default.func.isRequired
|
|
224
|
-
};
|
|
225
|
-
var _default = EthAddressLedger;
|
|
226
|
-
exports.default = _default;
|
|
@@ -1,204 +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 _RegisterEthereum = require("../RegisterEthereum");
|
|
10
|
-
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
11
|
-
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
|
|
12
|
-
var _RefreshButton = _interopRequireDefault(require("../RefreshButton/RefreshButton"));
|
|
13
|
-
var _CryptoAddress = _interopRequireDefault(require("../CryptoAddress/CryptoAddress"));
|
|
14
|
-
var _CryptoAddressWrapper = _interopRequireDefault(require("../CryptoAddressWrapper/CryptoAddressWrapper"));
|
|
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
|
-
// import {
|
|
38
|
-
// getBalance,
|
|
39
|
-
// getBalanceInEther,
|
|
40
|
-
// getEtherInEuro,
|
|
41
|
-
// isMetamaskInstalled,
|
|
42
|
-
// getMetamaskAddress,
|
|
43
|
-
// } from '../../api/StokrWeb3'
|
|
44
|
-
var EthAddressMetamask = /*#__PURE__*/function (_PureComponent) {
|
|
45
|
-
_inherits(EthAddressMetamask, _PureComponent);
|
|
46
|
-
var _super = _createSuper(EthAddressMetamask);
|
|
47
|
-
function EthAddressMetamask() {
|
|
48
|
-
var _this;
|
|
49
|
-
_classCallCheck(this, EthAddressMetamask);
|
|
50
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
51
|
-
args[_key] = arguments[_key];
|
|
52
|
-
}
|
|
53
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
54
|
-
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
55
|
-
correct: false,
|
|
56
|
-
refresh: false,
|
|
57
|
-
failed: false,
|
|
58
|
-
address: '0x0000000000000000000000000000000000000000',
|
|
59
|
-
data: {
|
|
60
|
-
value: '0',
|
|
61
|
-
unit: 'ETH',
|
|
62
|
-
eqValue: '0',
|
|
63
|
-
eqUnit: '€'
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
return _this;
|
|
67
|
-
}
|
|
68
|
-
_createClass(EthAddressMetamask, [{
|
|
69
|
-
key: "render",
|
|
70
|
-
value:
|
|
71
|
-
// async getBalanceData() {
|
|
72
|
-
// const mmAddress = await getMetamaskAddress()
|
|
73
|
-
// const wei = await getBalance(mmAddress)
|
|
74
|
-
|
|
75
|
-
// const ether = getBalanceInEther(wei, 4)
|
|
76
|
-
// const euro = await getEtherInEuro(ether, 2)
|
|
77
|
-
|
|
78
|
-
// const data = {
|
|
79
|
-
// value: ether,
|
|
80
|
-
// unit: 'ETH',
|
|
81
|
-
// eqValue: euro,
|
|
82
|
-
// eqUnit: '€',
|
|
83
|
-
// }
|
|
84
|
-
|
|
85
|
-
// this.setState({ data: data })
|
|
86
|
-
// }
|
|
87
|
-
|
|
88
|
-
// async initMetamask() {
|
|
89
|
-
// if (isMetamaskInstalled()) {
|
|
90
|
-
// try {
|
|
91
|
-
// const address = await getMetamaskAddress()
|
|
92
|
-
// if (address) {
|
|
93
|
-
// await this.getBalanceData()
|
|
94
|
-
|
|
95
|
-
// this.setState({ failed: false, correct: true, address: address })
|
|
96
|
-
|
|
97
|
-
// window.ethereum.on('accountsChanged', async (accounts) => {
|
|
98
|
-
// const address = await getMetamaskAddress()
|
|
99
|
-
// this.setState({ address: address })
|
|
100
|
-
// await this.getBalanceData()
|
|
101
|
-
|
|
102
|
-
// this.setState({ refresh: true }, () => {
|
|
103
|
-
// this.setStateDelayed({ refresh: false }, 2000)
|
|
104
|
-
// })
|
|
105
|
-
// })
|
|
106
|
-
// }
|
|
107
|
-
// } catch (error) {
|
|
108
|
-
// console.log(error)
|
|
109
|
-
// this.setState({ failed: true, correct: false })
|
|
110
|
-
// }
|
|
111
|
-
// }
|
|
112
|
-
// }
|
|
113
|
-
|
|
114
|
-
// async componentDidMount() {
|
|
115
|
-
// await this.initMetamask()
|
|
116
|
-
// }
|
|
117
|
-
|
|
118
|
-
// setStateDelayed = (newState, time) => {
|
|
119
|
-
// this.timeout = setTimeout(() => {
|
|
120
|
-
// this.setState(newState)
|
|
121
|
-
// }, time)
|
|
122
|
-
// }
|
|
123
|
-
|
|
124
|
-
// onRefreshClick = async () => {
|
|
125
|
-
// await this.initMetamask()
|
|
126
|
-
|
|
127
|
-
// this.setState(
|
|
128
|
-
// {
|
|
129
|
-
// //correct: false,
|
|
130
|
-
// refresh: true,
|
|
131
|
-
// //failed: false
|
|
132
|
-
// },
|
|
133
|
-
// () => {
|
|
134
|
-
// this.setStateDelayed({ refresh: false }, 2000)
|
|
135
|
-
// },
|
|
136
|
-
// )
|
|
137
|
-
// }
|
|
138
|
-
|
|
139
|
-
// onRegisterClick = () => {
|
|
140
|
-
// const { correct, address } = this.state
|
|
141
|
-
// const { changeStep, setAddressToRegister } = this.props
|
|
142
|
-
|
|
143
|
-
// setAddressToRegister(address)
|
|
144
|
-
|
|
145
|
-
// correct && changeStep()
|
|
146
|
-
// }
|
|
147
|
-
function render() {
|
|
148
|
-
var _this$state = this.state,
|
|
149
|
-
correct = _this$state.correct,
|
|
150
|
-
refresh = _this$state.refresh,
|
|
151
|
-
failed = _this$state.failed,
|
|
152
|
-
address = _this$state.address,
|
|
153
|
-
data = _this$state.data;
|
|
154
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Ethereum address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
155
|
-
noPaddingVertical: true
|
|
156
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Select an ethereum address"), /*#__PURE__*/_react.default.createElement("p", null, 'On this address you will receive your security tokens. You can also use it to purchase security tokens using Ether, Gemini or Tether.'))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "YOUR CURRENT ADDRESS")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
157
|
-
borderTop: true,
|
|
158
|
-
borderBottom: true
|
|
159
|
-
}, correct ? /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper.default, {
|
|
160
|
-
refresh: refresh ? 'Refreshing' : '',
|
|
161
|
-
failed: failed ? 'NO DICE. PLEASE CHECK METAMASK IS CONNECTED, THEN HIT REFRESH.' : ''
|
|
162
|
-
}, /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, {
|
|
163
|
-
title: "ethereum address",
|
|
164
|
-
address: address,
|
|
165
|
-
data: data
|
|
166
|
-
})) : /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper.default, {
|
|
167
|
-
refresh: !correct && !failed ? "We're fetching your registered address from your MetaMask." : '',
|
|
168
|
-
failed: failed ? "Our interface couldn't connect to MetaMask because you need to give permission to do so. Try again?" : ''
|
|
169
|
-
}, /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, {
|
|
170
|
-
title: "ethereum address",
|
|
171
|
-
address: address,
|
|
172
|
-
data: data
|
|
173
|
-
}))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
174
|
-
noPaddingBottom: true
|
|
175
|
-
}, /*#__PURE__*/_react.default.createElement(_RegisterEthereum.EthInfo, {
|
|
176
|
-
center: true
|
|
177
|
-
}, 'To use a different MetaMask address, select one from the MetaMask extension on your browser and press the refresh button below.')), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
178
|
-
center: true
|
|
179
|
-
}, /*#__PURE__*/_react.default.createElement(_RefreshButton.default, {
|
|
180
|
-
onClick: this.onRefreshClick
|
|
181
|
-
}, "TRY AGAIN")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
182
|
-
noPaddingTop: true,
|
|
183
|
-
center: true
|
|
184
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
185
|
-
minWidth: "300px",
|
|
186
|
-
onClick: this.onRegisterClick,
|
|
187
|
-
disabled: !correct
|
|
188
|
-
}, "REGISTER THIS ADDRESS")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
189
|
-
noPaddingBottom: true
|
|
190
|
-
}, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
|
|
191
|
-
items: [{
|
|
192
|
-
title: 'Which address should I choose?',
|
|
193
|
-
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."
|
|
194
|
-
}]
|
|
195
|
-
}))));
|
|
196
|
-
}
|
|
197
|
-
}]);
|
|
198
|
-
return EthAddressMetamask;
|
|
199
|
-
}(_react.PureComponent);
|
|
200
|
-
EthAddressMetamask.propTypes = {
|
|
201
|
-
changeStep: _propTypes.default.func.isRequired
|
|
202
|
-
};
|
|
203
|
-
var _default = EthAddressMetamask;
|
|
204
|
-
exports.default = _default;
|
|
@@ -1,135 +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 EthAddressName = /*#__PURE__*/function (_PureComponent) {
|
|
38
|
-
_inherits(EthAddressName, _PureComponent);
|
|
39
|
-
var _super = _createSuper(EthAddressName);
|
|
40
|
-
function EthAddressName() {
|
|
41
|
-
var _this;
|
|
42
|
-
_classCallCheck(this, EthAddressName);
|
|
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(EthAddressName, [{
|
|
60
|
-
key: "render",
|
|
61
|
-
value: function render() {
|
|
62
|
-
var _this2 = this;
|
|
63
|
-
var _this$props = this.props,
|
|
64
|
-
error = _this$props.error,
|
|
65
|
-
isUpdatingUser = _this$props.isUpdatingUser;
|
|
66
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Ethereum address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
67
|
-
noPaddingVertical: true
|
|
68
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Name your ethereum 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, {
|
|
69
|
-
noPaddingBottom: true
|
|
70
|
-
}, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
|
|
71
|
-
items: [{
|
|
72
|
-
title: 'Why should I name my Ethereum address?',
|
|
73
|
-
content: "If you're following best practice and spreading your crypto investments over different addresses, a name makes it easier to manage your portfolio."
|
|
74
|
-
}]
|
|
75
|
-
})), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
|
|
76
|
-
initialValues: this.initialValues,
|
|
77
|
-
validationSchema: this.validationSchema,
|
|
78
|
-
onSubmit: this.onSubmit
|
|
79
|
-
}, function (_ref) {
|
|
80
|
-
var values = _ref.values,
|
|
81
|
-
errors = _ref.errors,
|
|
82
|
-
touched = _ref.touched,
|
|
83
|
-
handleBlur = _ref.handleBlur,
|
|
84
|
-
setFieldValue = _ref.setFieldValue,
|
|
85
|
-
setFieldTouched = _ref.setFieldTouched;
|
|
86
|
-
var onChangeWithTouch = function onChangeWithTouch(e) {
|
|
87
|
-
var setNameToRegister = _this2.props.setNameToRegister;
|
|
88
|
-
var field = e.target;
|
|
89
|
-
setFieldValue(field.name, field.value, false);
|
|
90
|
-
setFieldTouched(field.name);
|
|
91
|
-
setNameToRegister(field.value);
|
|
92
|
-
};
|
|
93
|
-
var submitDisabled = !touched.name || !!errors.name || isUpdatingUser;
|
|
94
|
-
return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
95
|
-
noPadding: true
|
|
96
|
-
}, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
97
|
-
id: "register-eth-name",
|
|
98
|
-
name: "name",
|
|
99
|
-
label: "Address name",
|
|
100
|
-
value: values.name,
|
|
101
|
-
onChange: onChangeWithTouch,
|
|
102
|
-
onBlur: handleBlur,
|
|
103
|
-
error: !!errors.name,
|
|
104
|
-
touched: !!touched.name
|
|
105
|
-
}), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
|
|
106
|
-
show: errors.name && touched.name
|
|
107
|
-
}, errors.name))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
108
|
-
noPaddingHorizontal: true,
|
|
109
|
-
noPaddingBottom: true,
|
|
110
|
-
center: true
|
|
111
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
112
|
-
type: "submit",
|
|
113
|
-
minWidth: "240px",
|
|
114
|
-
disabled: submitDisabled
|
|
115
|
-
}, "Use this name"), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
|
|
116
|
-
withTopSpacing: true,
|
|
117
|
-
show: error
|
|
118
|
-
}, error), "`"));
|
|
119
|
-
})), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
120
|
-
noPaddingBottom: true
|
|
121
|
-
}, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
|
|
122
|
-
items: [{
|
|
123
|
-
title: 'Why should I name my Ethereum address?',
|
|
124
|
-
content: "If you're following best practice and spreading your crypto investments over different addresses, a name makes it easier to manage your portfolio."
|
|
125
|
-
}]
|
|
126
|
-
}))));
|
|
127
|
-
}
|
|
128
|
-
}]);
|
|
129
|
-
return EthAddressName;
|
|
130
|
-
}(_react.PureComponent);
|
|
131
|
-
EthAddressName.propTypes = {
|
|
132
|
-
changeStep: _propTypes.default.func.isRequired
|
|
133
|
-
};
|
|
134
|
-
var _default = EthAddressName;
|
|
135
|
-
exports.default = _default;
|