@stokr/components-library 2.3.65-beta.10 → 2.3.65-beta.12
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/Chips/Chip.styles.js +3 -2
- package/dist/components/Input/MultiSelect.js +10 -8
- package/dist/components/Input/TableFilterDropdown.js +210 -0
- package/dist/components/Payment/PaymentDetailsCard.js +5 -2
- package/dist/components/Snackbar/Snackbar.js +3 -0
- package/dist/components/Snackbar/Snackbar.styles.js +18 -9
- package/dist/components/StatusTag/StatusTag.js +19 -9
- package/dist/components/StatusTag/StatusTag.styles.js +4 -4
- package/dist/components/Timeline/Timeline.styles.js +1 -1
- package/dist/components/Timeline/TimelineStep.js +0 -1
- package/dist/static/images/filter-icon.svg +6 -0
- 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 -162
- package/dist/components/AccountBalance/AccountBalance.stories.js +0 -83
- package/dist/components/AdminDashboard/Table/ReactTable.stories.js +0 -913
- 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/Icon/Icon.stories.js +0 -108
- 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 -217
- package/dist/components/Input/InputPassword.stories.js +0 -80
- package/dist/components/Input/InputWithButton.stories.js +0 -75
- package/dist/components/Input/MultiSelect.stories.js +0 -264
- package/dist/components/Input/OtpInput.stories.js +0 -57
- package/dist/components/Input/RangeInput.stories.js +0 -58
- package/dist/components/Input/SearchInput.stories.js +0 -366
- package/dist/components/Input/Select.stories.js +0 -478
- 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/Modal/SideModal.stories.js +0 -342
- 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/PaymentDetailsCard.stories.js +0 -198
- 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/Snackbar/Snackbar.stories.js +0 -292
- package/dist/components/StatusTag/StatusTag.stories.js +0 -262
- package/dist/components/StepController/StepController.stories.js +0 -60
- package/dist/components/StepController/StepControllerProgress.stories.js +0 -49
- package/dist/components/StepsProgress/StepIndicator.stories.js +0 -153
- 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/TextLink/TextLink.stories.js +0 -35
- 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/logo/Logo.stories.js +0 -260
- package/dist/components/taxId/TaxId.stories.js +0 -50
- package/dist/components/video/Video.stories.js +0 -52
|
@@ -1,194 +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 _Process = _interopRequireDefault(require("../Process/Process.styles"));
|
|
12
|
-
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
|
|
13
|
-
var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
|
|
14
|
-
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
15
|
-
var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
|
|
16
|
-
var _Modal = require("../Modal/Modal.styles");
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
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); }
|
|
19
|
-
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; }
|
|
20
|
-
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); }
|
|
21
|
-
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; }
|
|
22
|
-
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); } }
|
|
23
|
-
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); }); }; }
|
|
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); } // import FAQ from '../FAQ/FAQ'
|
|
37
|
-
var isLedgerAvailable = function isLedgerAvailable() {};
|
|
38
|
-
var processState = {
|
|
39
|
-
DEFAULT: '',
|
|
40
|
-
WAITING: 'waiting',
|
|
41
|
-
SUCCESS: 'success',
|
|
42
|
-
FAILED: 'failed'
|
|
43
|
-
};
|
|
44
|
-
var EthConnectLedger = /*#__PURE__*/function (_PureComponent) {
|
|
45
|
-
_inherits(EthConnectLedger, _PureComponent);
|
|
46
|
-
var _super = _createSuper(EthConnectLedger);
|
|
47
|
-
function EthConnectLedger() {
|
|
48
|
-
var _this;
|
|
49
|
-
_classCallCheck(this, EthConnectLedger);
|
|
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
|
-
showRetry: false,
|
|
56
|
-
showContinue: false,
|
|
57
|
-
firstProcess: processState.WAITING,
|
|
58
|
-
secondProcess: processState.DEFAULT
|
|
59
|
-
});
|
|
60
|
-
_defineProperty(_assertThisInitialized(_this), "onRetryClick", function () {
|
|
61
|
-
_this.setState({
|
|
62
|
-
showRetry: false,
|
|
63
|
-
firstProcess: processState.WAITING,
|
|
64
|
-
secondProcess: processState.DEFAULT
|
|
65
|
-
});
|
|
66
|
-
_this.detectLedger();
|
|
67
|
-
});
|
|
68
|
-
_defineProperty(_assertThisInitialized(_this), "onContinueClick", function () {
|
|
69
|
-
var changeStep = _this.props.changeStep;
|
|
70
|
-
changeStep();
|
|
71
|
-
});
|
|
72
|
-
_defineProperty(_assertThisInitialized(_this), "setStateDelayed", function (newState, time) {
|
|
73
|
-
_this.timeout = setTimeout(function () {
|
|
74
|
-
_this.setState(newState);
|
|
75
|
-
}, time);
|
|
76
|
-
});
|
|
77
|
-
_defineProperty(_assertThisInitialized(_this), "getProcessProps", function (stateName) {
|
|
78
|
-
return stateName ? _defineProperty({}, stateName, true) : {};
|
|
79
|
-
});
|
|
80
|
-
return _this;
|
|
81
|
-
}
|
|
82
|
-
_createClass(EthConnectLedger, [{
|
|
83
|
-
key: "detectLedger",
|
|
84
|
-
value: function () {
|
|
85
|
-
var _detectLedger = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
86
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
87
|
-
while (1) switch (_context.prev = _context.next) {
|
|
88
|
-
case 0:
|
|
89
|
-
_context.next = 2;
|
|
90
|
-
return isLedgerAvailable();
|
|
91
|
-
case 2:
|
|
92
|
-
if (!_context.sent) {
|
|
93
|
-
_context.next = 6;
|
|
94
|
-
break;
|
|
95
|
-
}
|
|
96
|
-
this.setState({
|
|
97
|
-
firstProcess: processState.SUCCESS,
|
|
98
|
-
secondProcess: processState.SUCCESS,
|
|
99
|
-
showRetry: false,
|
|
100
|
-
showContinue: true
|
|
101
|
-
});
|
|
102
|
-
_context.next = 7;
|
|
103
|
-
break;
|
|
104
|
-
case 6:
|
|
105
|
-
this.setState({
|
|
106
|
-
firstProcess: processState.FAILED,
|
|
107
|
-
secondProcess: processState.FAILED,
|
|
108
|
-
showRetry: true,
|
|
109
|
-
showContinue: false
|
|
110
|
-
});
|
|
111
|
-
case 7:
|
|
112
|
-
case "end":
|
|
113
|
-
return _context.stop();
|
|
114
|
-
}
|
|
115
|
-
}, _callee, this);
|
|
116
|
-
}));
|
|
117
|
-
function detectLedger() {
|
|
118
|
-
return _detectLedger.apply(this, arguments);
|
|
119
|
-
}
|
|
120
|
-
return detectLedger;
|
|
121
|
-
}()
|
|
122
|
-
}, {
|
|
123
|
-
key: "componentDidMount",
|
|
124
|
-
value: function () {
|
|
125
|
-
var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
126
|
-
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
127
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
128
|
-
case 0:
|
|
129
|
-
_context2.next = 2;
|
|
130
|
-
return this.detectLedger();
|
|
131
|
-
case 2:
|
|
132
|
-
case "end":
|
|
133
|
-
return _context2.stop();
|
|
134
|
-
}
|
|
135
|
-
}, _callee2, this);
|
|
136
|
-
}));
|
|
137
|
-
function componentDidMount() {
|
|
138
|
-
return _componentDidMount.apply(this, arguments);
|
|
139
|
-
}
|
|
140
|
-
return componentDidMount;
|
|
141
|
-
}()
|
|
142
|
-
}, {
|
|
143
|
-
key: "componentDidUpdate",
|
|
144
|
-
value: function componentDidUpdate(prevState) {
|
|
145
|
-
var prevFirstProcess = prevState.firstProcess,
|
|
146
|
-
prevSecondProcess = prevState.secondProcess;
|
|
147
|
-
var _this$state = this.state,
|
|
148
|
-
firstProcess = _this$state.firstProcess,
|
|
149
|
-
secondProcess = _this$state.secondProcess;
|
|
150
|
-
if (firstProcess !== prevFirstProcess || secondProcess !== prevSecondProcess) {
|
|
151
|
-
clearTimeout(this.timeout);
|
|
152
|
-
if (firstProcess === processState.SUCCESS && secondProcess === processState.WAITING) {
|
|
153
|
-
this.setStateDelayed({
|
|
154
|
-
showContinue: true,
|
|
155
|
-
secondProcess: processState.SUCCESS
|
|
156
|
-
}, 2000);
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
}, {
|
|
161
|
-
key: "render",
|
|
162
|
-
value: function render() {
|
|
163
|
-
var _this$state2 = this.state,
|
|
164
|
-
showRetry = _this$state2.showRetry,
|
|
165
|
-
showContinue = _this$state2.showContinue,
|
|
166
|
-
firstProcess = _this$state2.firstProcess;
|
|
167
|
-
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, {
|
|
168
|
-
noPaddingVertical: true
|
|
169
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "PLUG IN YOUR DEVICE"), /*#__PURE__*/_react.default.createElement("p", null, "Psst... using a different hardware wallet? No dice. At the moment, we only support Ledger, but we're working on it."))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
170
|
-
noPaddingBottom: true
|
|
171
|
-
}, /*#__PURE__*/_react.default.createElement(_Process.default, this.getProcessProps(firstProcess), "1. PLUG IN YOUR DEVICE", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, "Grab that USB cable and get your computer and cryptovault connected."), "2. ENTER YOUR PIN", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, "Use the buttons on your device to enter and confirm your pin."), "3. SELECT ETHEREUM APP", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, "Navigate to the Ethereum app on your Ledger and select it by pressing both buttons at once."))), /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
|
|
172
|
-
isOpened: showRetry
|
|
173
|
-
}, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
174
|
-
center: true
|
|
175
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
176
|
-
minWidth: "240px",
|
|
177
|
-
onClick: this.onRetryClick
|
|
178
|
-
}, "Retry"))), /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
|
|
179
|
-
isOpened: showContinue
|
|
180
|
-
}, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
181
|
-
center: true
|
|
182
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
183
|
-
minWidth: "240px",
|
|
184
|
-
onClick: this.onContinueClick
|
|
185
|
-
}, "Next")))));
|
|
186
|
-
}
|
|
187
|
-
}]);
|
|
188
|
-
return EthConnectLedger;
|
|
189
|
-
}(_react.PureComponent);
|
|
190
|
-
EthConnectLedger.propTypes = {
|
|
191
|
-
changeStep: _propTypes.default.func.isRequired
|
|
192
|
-
};
|
|
193
|
-
var _default = EthConnectLedger;
|
|
194
|
-
exports.default = _default;
|
|
@@ -1,35 +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
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
// import FAQ from "components/FAQ/FAQ";
|
|
17
|
-
|
|
18
|
-
var isMetamaskInstalled = function isMetamaskInstalled() {};
|
|
19
|
-
var EthConnectMetamask = function EthConnectMetamask(_ref) {
|
|
20
|
-
var changeStep = _ref.changeStep;
|
|
21
|
-
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, {
|
|
22
|
-
noPaddingVertical: true
|
|
23
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Connect to metamask"), /*#__PURE__*/_react.default.createElement("p", null, 'Ensure your MetaMask extension is enabled in your browser. Then click ‘Connect to Metamask’. In the pop up that is presented please give STOKR permission to view your current account address.'))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
24
|
-
center: true
|
|
25
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
26
|
-
minWidth: "240px",
|
|
27
|
-
onClick: changeStep,
|
|
28
|
-
disabled: !isMetamaskInstalled()
|
|
29
|
-
}, "Connect"))));
|
|
30
|
-
};
|
|
31
|
-
EthConnectMetamask.propTypes = {
|
|
32
|
-
changeStep: _propTypes.default.func.isRequired
|
|
33
|
-
};
|
|
34
|
-
var _default = EthConnectMetamask;
|
|
35
|
-
exports.default = _default;
|
|
@@ -1,41 +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 _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
|
|
10
|
-
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
11
|
-
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
|
|
12
|
-
var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
|
|
13
|
-
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
14
|
-
var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
|
|
15
|
-
var _Modal = require("../Modal/Modal.styles");
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
var EthFinish = function EthFinish(_ref) {
|
|
18
|
-
var handleFinish = _ref.handleFinish,
|
|
19
|
-
addressToRegister = _ref.addressToRegister,
|
|
20
|
-
nameToRegister = _ref.nameToRegister;
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "SUCCESS. YOU CONNECTED YOUR ETHEREUM ADDRESS")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
22
|
-
noPaddingVertical: true
|
|
23
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "The address ".concat(addressToRegister, " (").concat(nameToRegister, ") is being linked to your STOKR account and will be ready to use soon. You can register more addresses at any time from your dashboard.")))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
24
|
-
center: true
|
|
25
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
26
|
-
minWidth: "240px",
|
|
27
|
-
onClick: handleFinish
|
|
28
|
-
}, "Finish")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
29
|
-
noPaddingBottom: true
|
|
30
|
-
}, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
|
|
31
|
-
items: [{
|
|
32
|
-
title: 'Why is it pending?',
|
|
33
|
-
content: 'We need to make sure that your Ethereum address has not been linked to illicit activities.'
|
|
34
|
-
}]
|
|
35
|
-
}))));
|
|
36
|
-
};
|
|
37
|
-
EthFinish.propTypes = {
|
|
38
|
-
handleFinish: _propTypes.default.func.isRequired
|
|
39
|
-
};
|
|
40
|
-
var _default = EthFinish;
|
|
41
|
-
exports.default = _default;
|
|
@@ -1,95 +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 = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
11
|
-
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
|
|
12
|
-
var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
|
|
13
|
-
var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
|
|
14
|
-
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
15
|
-
var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
|
|
16
|
-
var _DoubleButton = _interopRequireDefault(require("../DoubleButton/DoubleButton.styles"));
|
|
17
|
-
var _Modal = require("../Modal/Modal.styles");
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
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); }
|
|
20
|
-
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; }
|
|
21
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
22
|
-
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."); }
|
|
23
|
-
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); }
|
|
24
|
-
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; }
|
|
25
|
-
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; } }
|
|
26
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
//import { supportsU2F, isMetamaskInstalled } from '../../api/StokrWeb3'
|
|
28
|
-
|
|
29
|
-
var isMetamaskInstalled = function isMetamaskInstalled() {
|
|
30
|
-
return false;
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
//import { graphql } from "gatsby";
|
|
34
|
-
|
|
35
|
-
var EthIntro = function EthIntro(_ref) {
|
|
36
|
-
var data = _ref.data,
|
|
37
|
-
setWallet = _ref.setWallet,
|
|
38
|
-
changeStep = _ref.changeStep;
|
|
39
|
-
var _useState = (0, _react.useState)(false),
|
|
40
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
41
|
-
showRefreshButton = _useState2[0],
|
|
42
|
-
setShowRefreshButton = _useState2[1];
|
|
43
|
-
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, {
|
|
44
|
-
noPaddingVertical: true
|
|
45
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Choose your wallet"), /*#__PURE__*/_react.default.createElement("p", null, 'In the next couple of steps we’ll guide you through registering an Ethereum address from your Ledger or MetaMask wallet.'), /*#__PURE__*/_react.default.createElement("p", null, 'Before chosing your wallet please make sure you are using the right browser and have the right plug-ins installed. Please have a look at the FAQs below for more information.'))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_DoubleButton.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
46
|
-
onClick: function onClick() {
|
|
47
|
-
setWallet('ledger');
|
|
48
|
-
changeStep();
|
|
49
|
-
}
|
|
50
|
-
//disabled={!supportsU2F()}
|
|
51
|
-
}, "Ledger"), showRefreshButton ? /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
52
|
-
onClick: function onClick() {
|
|
53
|
-
window.location.reload();
|
|
54
|
-
}
|
|
55
|
-
}, "Refresh") : /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
56
|
-
onClick: function onClick() {
|
|
57
|
-
if (isMetamaskInstalled()) {
|
|
58
|
-
setWallet('metamask');
|
|
59
|
-
changeStep();
|
|
60
|
-
} else {
|
|
61
|
-
window.open('https://metamask.io', '_blank');
|
|
62
|
-
setShowRefreshButton(true);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
// disabled={!isMetamaskInstalled()}
|
|
66
|
-
}, isMetamaskInstalled() ? 'Metamask' : 'Get Metamask'))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
67
|
-
noPaddingBottom: true
|
|
68
|
-
}, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
|
|
69
|
-
items: [{
|
|
70
|
-
title: 'Which wallet should I use?',
|
|
71
|
-
content: 'Metamask is a software wallet in the form of a browser extension that can be installed on a compatible browser on the spot. Hardware wallets like Ledger are considered more secure for being physical devices that store your private key(s) offline.'
|
|
72
|
-
}, {
|
|
73
|
-
title: "I don't have an Ethereum wallet, what now?",
|
|
74
|
-
content: 'You can install the MetaMask wallet and create an Ethereum address in minutes. Just go to metamask.io and download the browser extension to set-up your wallet. (Chrome, Firefox, Opera or Brave browser required). Afterwards, you will need to refresh this page to proceed. '
|
|
75
|
-
}, {
|
|
76
|
-
title: 'What is a wallet?',
|
|
77
|
-
content: 'A wallet is a hardware device or browser interface to manage and protect your private key and as a result the transactions you are making on the blockchain. '
|
|
78
|
-
}]
|
|
79
|
-
}))));
|
|
80
|
-
};
|
|
81
|
-
EthIntro.propTypes = {
|
|
82
|
-
setWallet: _propTypes.default.func.isRequired,
|
|
83
|
-
changeStep: _propTypes.default.func.isRequired
|
|
84
|
-
};
|
|
85
|
-
var _default = EthIntro;
|
|
86
|
-
/*
|
|
87
|
-
export const query = graphql`
|
|
88
|
-
query CheckQuery {
|
|
89
|
-
check {
|
|
90
|
-
supportsU2F
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
`;
|
|
94
|
-
*/
|
|
95
|
-
exports.default = _default;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.EthStep = exports.EthInfo = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
|
|
9
|
-
var _theme = _interopRequireDefault(require("../../styles/theme"));
|
|
10
|
-
var _templateObject;
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
13
|
-
var EthStep = _styledComponents.default.div.withConfig({
|
|
14
|
-
displayName: "_styles__EthStep",
|
|
15
|
-
componentId: "sc-138eabt-0"
|
|
16
|
-
})(["position:relative;height:100%;"]);
|
|
17
|
-
exports.EthStep = EthStep;
|
|
18
|
-
var EthInfo = _styledComponents.default.div.withConfig({
|
|
19
|
-
displayName: "_styles__EthInfo",
|
|
20
|
-
componentId: "sc-138eabt-1"
|
|
21
|
-
})(["font-family:'Open Sans';font-weight:300;font-size:9px;line-height:1.78em;letter-spacing:0.4px;color:", ";opacity:0.5;", " ", " a{text-decoration:underline;transition:color 0.2s;&:hover{color:", ";}}"], function (props) {
|
|
22
|
-
return _theme.default.cBlack;
|
|
23
|
-
}, function (props) {
|
|
24
|
-
return props.center && 'text-align: center;';
|
|
25
|
-
}, _rwd.default.Large(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: 12px;\n "]))), function (props) {
|
|
26
|
-
return _theme.default.cPrimary;
|
|
27
|
-
});
|
|
28
|
-
exports.EthInfo = EthInfo;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "EthAddressLedger", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _EthAddressLedger.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "EthAddressMetamask", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _EthAddressMetamask.default;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "EthAddressName", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _EthAddressName.default;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "EthConnectLedger", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function get() {
|
|
27
|
-
return _EthConnectLedger.default;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "EthConnectMetamask", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function get() {
|
|
33
|
-
return _EthConnectMetamask.default;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "EthFinish", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function get() {
|
|
39
|
-
return _EthFinish.default;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(exports, "EthInfo", {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function get() {
|
|
45
|
-
return _styles.EthInfo;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(exports, "EthIntro", {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
get: function get() {
|
|
51
|
-
return _EthIntro.default;
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
Object.defineProperty(exports, "EthStep", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function get() {
|
|
57
|
-
return _styles.EthStep;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
var _EthIntro = _interopRequireDefault(require("./EthIntro"));
|
|
61
|
-
var _EthConnectLedger = _interopRequireDefault(require("./EthConnectLedger"));
|
|
62
|
-
var _EthConnectMetamask = _interopRequireDefault(require("./EthConnectMetamask"));
|
|
63
|
-
var _EthAddressLedger = _interopRequireDefault(require("./EthAddressLedger"));
|
|
64
|
-
var _EthAddressMetamask = _interopRequireDefault(require("./EthAddressMetamask"));
|
|
65
|
-
var _EthAddressName = _interopRequireDefault(require("./EthAddressName"));
|
|
66
|
-
var _EthFinish = _interopRequireDefault(require("./EthFinish"));
|
|
67
|
-
var _styles = require("./_styles");
|
|
68
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.RegisterModalDefault = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _RegisterModal = require("./RegisterModal");
|
|
9
|
-
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
|
|
10
|
-
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
11
|
-
var _reactRouterDom = require("react-router-dom");
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
var _default = exports.default = {
|
|
14
|
-
title: 'Components Library/Register Modal',
|
|
15
|
-
component: _RegisterModal.RegisterModal,
|
|
16
|
-
argTypes: {
|
|
17
|
-
isModalOpen: {
|
|
18
|
-
type: 'boolean',
|
|
19
|
-
defaultValue: true,
|
|
20
|
-
required: true
|
|
21
|
-
},
|
|
22
|
-
onModalClose: {
|
|
23
|
-
type: 'function',
|
|
24
|
-
action: 'onModalClose',
|
|
25
|
-
required: true
|
|
26
|
-
},
|
|
27
|
-
onFormSend: {
|
|
28
|
-
type: 'function',
|
|
29
|
-
action: 'onFormSend',
|
|
30
|
-
required: true
|
|
31
|
-
},
|
|
32
|
-
onModalSwitch: {
|
|
33
|
-
type: 'function',
|
|
34
|
-
action: 'onModalSwitch',
|
|
35
|
-
required: true
|
|
36
|
-
},
|
|
37
|
-
popupError: {}
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_RegisterModal.RegisterModal, args))));
|
|
41
|
-
const RegisterModalDefault = exports.RegisterModalDefault = Template.bind({});
|
|
42
|
-
RegisterModalDefault.args = {
|
|
43
|
-
popupError: {},
|
|
44
|
-
clearPopupError: () => {},
|
|
45
|
-
isModalOpen: true
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
//doublecheck:
|
|
49
|
-
// here story input works, why not on other inputs?
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.RequestDataBoxExample = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _RequestDataBox = _interopRequireDefault(require("./RequestDataBox"));
|
|
9
|
-
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
|
|
10
|
-
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
var _default = exports.default = {
|
|
13
|
-
title: 'Components Library/RequestDataBox',
|
|
14
|
-
component: _RequestDataBox.default,
|
|
15
|
-
argTypes: {
|
|
16
|
-
title: {
|
|
17
|
-
type: 'string',
|
|
18
|
-
defaultValue: '',
|
|
19
|
-
required: true
|
|
20
|
-
},
|
|
21
|
-
subtitle: {
|
|
22
|
-
type: 'string',
|
|
23
|
-
defaultValue: '',
|
|
24
|
-
required: true
|
|
25
|
-
},
|
|
26
|
-
onClick: {
|
|
27
|
-
type: 'function',
|
|
28
|
-
action: 'onClick'
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_RequestDataBox.default, args)));
|
|
33
|
-
const RequestDataBoxExample = exports.RequestDataBoxExample = Template.bind({});
|
|
34
|
-
RequestDataBoxExample.args = {
|
|
35
|
-
title: 'A Title',
|
|
36
|
-
subtitle: 'A Subtitle'
|
|
37
|
-
};
|