@stokr/components-library 0.5.6 → 0.5.7

package/dist/components/RegisterEthereum/EthConnectLedger.js

@@ -0,0 +1,194 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactCollapse = require("react-collapse");
+var _Text = _interopRequireDefault(require("components/Text/Text.styles"));
+var _Process = _interopRequireDefault(require("components/Process/Process.styles"));
+var _Button = _interopRequireDefault(require("components/Button/Button.styles"));
+var _SectionTitle = _interopRequireDefault(require("components/SectionTitle/SectionTitle.styles"));
+var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
+var _ComponentScroll = _interopRequireDefault(require("components/ComponentScroll/ComponentScroll"));
+var _Modal = require("components/Modal/Modal.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+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; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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 exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+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); } }
+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); }); }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+var isLedgerAvailable = function isLedgerAvailable() {};
+var processState = {
+  DEFAULT: '',
+  WAITING: 'waiting',
+  SUCCESS: 'success',
+  FAILED: 'failed'
+};
+var EthConnectLedger = /*#__PURE__*/function (_PureComponent) {
+  _inherits(EthConnectLedger, _PureComponent);
+  var _super = _createSuper(EthConnectLedger);
+  function EthConnectLedger() {
+    var _this;
+    _classCallCheck(this, EthConnectLedger);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      showRetry: false,
+      showContinue: false,
+      firstProcess: processState.WAITING,
+      secondProcess: processState.DEFAULT
+    });
+    _defineProperty(_assertThisInitialized(_this), "onRetryClick", function () {
+      _this.setState({
+        showRetry: false,
+        firstProcess: processState.WAITING,
+        secondProcess: processState.DEFAULT
+      });
+      _this.detectLedger();
+    });
+    _defineProperty(_assertThisInitialized(_this), "onContinueClick", function () {
+      var changeStep = _this.props.changeStep;
+      changeStep();
+    });
+    _defineProperty(_assertThisInitialized(_this), "setStateDelayed", function (newState, time) {
+      _this.timeout = setTimeout(function () {
+        _this.setState(newState);
+      }, time);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getProcessProps", function (stateName) {
+      return stateName ? _defineProperty({}, stateName, true) : {};
+    });
+    return _this;
+  }
+  _createClass(EthConnectLedger, [{
+    key: "detectLedger",
+    value: function () {
+      var _detectLedger = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return isLedgerAvailable();
+            case 2:
+              if (!_context.sent) {
+                _context.next = 6;
+                break;
+              }
+              this.setState({
+                firstProcess: processState.SUCCESS,
+                secondProcess: processState.SUCCESS,
+                showRetry: false,
+                showContinue: true
+              });
+              _context.next = 7;
+              break;
+            case 6:
+              this.setState({
+                firstProcess: processState.FAILED,
+                secondProcess: processState.FAILED,
+                showRetry: true,
+                showContinue: false
+              });
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function detectLedger() {
+        return _detectLedger.apply(this, arguments);
+      }
+      return detectLedger;
+    }()
+  }, {
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return this.detectLedger();
+            case 2:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+      return componentDidMount;
+    }()
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevState) {
+      var prevFirstProcess = prevState.firstProcess,
+        prevSecondProcess = prevState.secondProcess;
+      var _this$state = this.state,
+        firstProcess = _this$state.firstProcess,
+        secondProcess = _this$state.secondProcess;
+      if (firstProcess !== prevFirstProcess || secondProcess !== prevSecondProcess) {
+        clearTimeout(this.timeout);
+        if (firstProcess === processState.SUCCESS && secondProcess === processState.WAITING) {
+          this.setStateDelayed({
+            showContinue: true,
+            secondProcess: processState.SUCCESS
+          }, 2000);
+        }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state2 = this.state,
+        showRetry = _this$state2.showRetry,
+        showContinue = _this$state2.showContinue,
+        firstProcess = _this$state2.firstProcess;
+      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, {
+        noPaddingVertical: true
+      }, /*#__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, {
+        noPaddingBottom: true
+      }, /*#__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, {
+        isOpened: showRetry
+      }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        minWidth: "240px",
+        onClick: this.onRetryClick
+      }, "Retry"))), /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+        isOpened: showContinue
+      }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        minWidth: "240px",
+        onClick: this.onContinueClick
+      }, "Next")))));
+    }
+  }]);
+  return EthConnectLedger;
+}(_react.PureComponent);
+EthConnectLedger.propTypes = {
+  changeStep: _propTypes.default.func.isRequired
+};
+var _default = EthConnectLedger;
+exports.default = _default;

package/dist/components/RegisterEthereum/EthConnectMetamask.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Text = _interopRequireDefault(require("components/Text/Text.styles"));
+var _Button = _interopRequireDefault(require("components/Button/Button.styles"));
+var _SectionTitle = _interopRequireDefault(require("components/SectionTitle/SectionTitle.styles"));
+var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
+var _ComponentScroll = _interopRequireDefault(require("components/ComponentScroll/ComponentScroll"));
+var _Modal = require("components/Modal/Modal.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// import FAQ from "components/FAQ/FAQ";
+
+var isMetamaskInstalled = function isMetamaskInstalled() {};
+var EthConnectMetamask = function EthConnectMetamask(_ref) {
+  var changeStep = _ref.changeStep;
+  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, {
+    noPaddingVertical: true
+  }, /*#__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, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    minWidth: "240px",
+    onClick: changeStep,
+    disabled: !isMetamaskInstalled()
+  }, "Connect"))));
+};
+EthConnectMetamask.propTypes = {
+  changeStep: _propTypes.default.func.isRequired
+};
+var _default = EthConnectMetamask;
+exports.default = _default;

package/dist/components/RegisterEthereum/EthFinish.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _FAQ = _interopRequireDefault(require("components/FAQ/FAQ"));
+var _Text = _interopRequireDefault(require("components/Text/Text.styles"));
+var _Button = _interopRequireDefault(require("components/Button/Button.styles"));
+var _SectionTitle = _interopRequireDefault(require("components/SectionTitle/SectionTitle.styles"));
+var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
+var _ComponentScroll = _interopRequireDefault(require("components/ComponentScroll/ComponentScroll"));
+var _Modal = require("components/Modal/Modal.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var EthFinish = function EthFinish(_ref) {
+  var handleFinish = _ref.handleFinish,
+    addressToRegister = _ref.addressToRegister,
+    nameToRegister = _ref.nameToRegister;
+  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, {
+    noPaddingVertical: true
+  }, /*#__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, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    minWidth: "240px",
+    onClick: handleFinish
+  }, "Finish")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingBottom: true
+  }, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
+    items: [{
+      title: 'Why is it pending?',
+      content: 'We need to make sure that your Ethereum address has not been linked to illicit activities.'
+    }]
+  }))));
+};
+EthFinish.propTypes = {
+  handleFinish: _propTypes.default.func.isRequired
+};
+var _default = EthFinish;
+exports.default = _default;

package/dist/components/RegisterEthereum/EthIntro.js

@@ -0,0 +1,95 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Text = _interopRequireDefault(require("components/Text/Text.styles"));
+var _Button = _interopRequireDefault(require("components/Button/Button.styles"));
+var _FAQ = _interopRequireDefault(require("components/FAQ/FAQ"));
+var _SectionTitle = _interopRequireDefault(require("components/SectionTitle/SectionTitle.styles"));
+var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
+var _ComponentScroll = _interopRequireDefault(require("components/ComponentScroll/ComponentScroll"));
+var _DoubleButton = _interopRequireDefault(require("components/DoubleButton/DoubleButton.styles"));
+var _Modal = require("components/Modal/Modal.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+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; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+//import { supportsU2F, isMetamaskInstalled } from 'api/StokrWeb3'
+
+var isMetamaskInstalled = function isMetamaskInstalled() {
+  return false;
+};
+
+//import { graphql } from "gatsby";
+
+var EthIntro = function EthIntro(_ref) {
+  var data = _ref.data,
+    setWallet = _ref.setWallet,
+    changeStep = _ref.changeStep;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showRefreshButton = _useState2[0],
+    setShowRefreshButton = _useState2[1];
+  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, {
+    noPaddingVertical: true
+  }, /*#__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, {
+    onClick: function onClick() {
+      setWallet('ledger');
+      changeStep();
+    }
+    //disabled={!supportsU2F()}
+  }, "Ledger"), showRefreshButton ? /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: function onClick() {
+      window.location.reload();
+    }
+  }, "Refresh") : /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: function onClick() {
+      if (isMetamaskInstalled()) {
+        setWallet('metamask');
+        changeStep();
+      } else {
+        window.open('https://metamask.io', '_blank');
+        setShowRefreshButton(true);
+      }
+    }
+    // disabled={!isMetamaskInstalled()}
+  }, isMetamaskInstalled() ? 'Metamask' : 'Get Metamask'))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingBottom: true
+  }, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Frequently Asked Questions")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FAQ.default, {
+    items: [{
+      title: 'Which wallet should I use?',
+      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.'
+    }, {
+      title: "I don't have an Ethereum wallet, what now?",
+      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. '
+    }, {
+      title: 'What is a wallet?',
+      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. '
+    }]
+  }))));
+};
+EthIntro.propTypes = {
+  setWallet: _propTypes.default.func.isRequired,
+  changeStep: _propTypes.default.func.isRequired
+};
+var _default = EthIntro;
+/*
+export const query = graphql`
+  query CheckQuery {
+    check {
+      supportsU2F
+    }
+  }
+`;
+*/
+exports.default = _default;

package/dist/components/RegisterEthereum/_styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EthStep = exports.EthInfo = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _rwd = _interopRequireDefault(require("styles/rwd"));
+var _theme = _interopRequireDefault(require("styles/theme"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var EthStep = _styledComponents.default.div.withConfig({
+  displayName: "_styles__EthStep",
+  componentId: "sc-138eabt-0"
+})(["position:relative;height:100%;"]);
+exports.EthStep = EthStep;
+var EthInfo = _styledComponents.default.div.withConfig({
+  displayName: "_styles__EthInfo",
+  componentId: "sc-138eabt-1"
+})(["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) {
+  return _theme.default.cBlack;
+}, function (props) {
+  return props.center && 'text-align: center;';
+}, _rwd.default.Large(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 12px;\n  "]))), function (props) {
+  return _theme.default.cPrimary;
+});
+exports.EthInfo = EthInfo;

package/dist/components/RegisterEthereum/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EthAddressLedger", {
+  enumerable: true,
+  get: function get() {
+    return _EthAddressLedger.default;
+  }
+});
+Object.defineProperty(exports, "EthAddressMetamask", {
+  enumerable: true,
+  get: function get() {
+    return _EthAddressMetamask.default;
+  }
+});
+Object.defineProperty(exports, "EthAddressName", {
+  enumerable: true,
+  get: function get() {
+    return _EthAddressName.default;
+  }
+});
+Object.defineProperty(exports, "EthConnectLedger", {
+  enumerable: true,
+  get: function get() {
+    return _EthConnectLedger.default;
+  }
+});
+Object.defineProperty(exports, "EthConnectMetamask", {
+  enumerable: true,
+  get: function get() {
+    return _EthConnectMetamask.default;
+  }
+});
+Object.defineProperty(exports, "EthFinish", {
+  enumerable: true,
+  get: function get() {
+    return _EthFinish.default;
+  }
+});
+Object.defineProperty(exports, "EthInfo", {
+  enumerable: true,
+  get: function get() {
+    return _styles.EthInfo;
+  }
+});
+Object.defineProperty(exports, "EthIntro", {
+  enumerable: true,
+  get: function get() {
+    return _EthIntro.default;
+  }
+});
+Object.defineProperty(exports, "EthStep", {
+  enumerable: true,
+  get: function get() {
+    return _styles.EthStep;
+  }
+});
+var _EthIntro = _interopRequireDefault(require("./EthIntro"));
+var _EthConnectLedger = _interopRequireDefault(require("./EthConnectLedger"));
+var _EthConnectMetamask = _interopRequireDefault(require("./EthConnectMetamask"));
+var _EthAddressLedger = _interopRequireDefault(require("./EthAddressLedger"));
+var _EthAddressMetamask = _interopRequireDefault(require("./EthAddressMetamask"));
+var _EthAddressName = _interopRequireDefault(require("./EthAddressName"));
+var _EthFinish = _interopRequireDefault(require("./EthFinish"));
+var _styles = require("./_styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/RegisterLiquidSteps/RegisterLiquidSteps.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var scrollToElement = _interopRequireWildcard(require("scroll-to-element"));
+var _Text = _interopRequireDefault(require("components/Text/Text.styles"));
+var _RegisterLiquidSteps = require("./RegisterLiquidSteps.styles");
+var _nav_green = _interopRequireDefault(require("./assets/nav_green.svg"));
+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); }
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+var LiquidDescription = _styledComponents.default.div.withConfig({
+  displayName: "RegisterLiquidSteps__LiquidDescription",
+  componentId: "sc-1ks7rtk-0"
+})(["li{font-size:20px !important;line-height:1.5em;}img{vertical-align:middle;padding-bottom:2px;}"]);
+var RegisterLiquidSteps = /*#__PURE__*/function (_PureComponent) {
+  _inherits(RegisterLiquidSteps, _PureComponent);
+  var _super = _createSuper(RegisterLiquidSteps);
+  function RegisterLiquidSteps() {
+    var _this;
+    _classCallCheck(this, RegisterLiquidSteps);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      activeIndex: null
+    });
+    _defineProperty(_assertThisInitialized(_this), "onTitleClick", function (e, index) {
+      e.persist();
+      var activeIndex = _this.state.activeIndex;
+      var noScroll = _this.props.noScroll;
+      _this.setState({
+        activeIndex: activeIndex === index ? null : index
+      }, function () {
+        if (!noScroll) {
+          if (activeIndex === index) {
+            return;
+          }
+          scrollToElement(e.target.parentElement, {
+            duration: 300,
+            offset: 20
+          });
+        }
+      });
+    });
+    return _this;
+  }
+  _createClass(RegisterLiquidSteps, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      //const { items } = this.props
+      var activeIndex = this.state.activeIndex;
+      var items = [{
+        title: 'In case you do not have a Liquid Securities Account see our step by step guide here.'
+      }];
+      return /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqItems, null, items.map(function (item, index) {
+        return /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqItem, {
+          key: item.title
+        }, /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqTitle, {
+          isActive: activeIndex === index,
+          onClick: function onClick(e) {
+            return _this2.onTitleClick(e, index);
+          }
+        }, item.title, /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqDropdownIcon, null)), /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqContent, {
+          isOpened: activeIndex === index
+        }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement(LiquidDescription, null, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "Download the ", /*#__PURE__*/_react.default.createElement("img", {
+          src: _nav_green.default,
+          height: "25"
+        }), ' ', /*#__PURE__*/_react.default.createElement("a", {
+          href: "https://blockstream.com/green/",
+          target: "_blank"
+        }, "Green: Bitcoin Wallet"), ' ', "app on your mobile/desktop", ' '), /*#__PURE__*/_react.default.createElement("li", null, "Click on the ", /*#__PURE__*/_react.default.createElement("strong", null, "Liquid "), "button in the left window pane, then click the green", ' ', /*#__PURE__*/_react.default.createElement("strong", null, " CREATE NEW WALLET "), "button."), /*#__PURE__*/_react.default.createElement("li", null, "Hover over the ", /*#__PURE__*/_react.default.createElement("strong", null, "Wallet "), "drop down at the top of the app and then select", ' ', /*#__PURE__*/_react.default.createElement("strong", null, "Add New Account"), ". Be sure you are in your newly created Liquid wallet to access this selection."), /*#__PURE__*/_react.default.createElement("li", null, "Select ", /*#__PURE__*/_react.default.createElement("strong", null, "Managed Assets Account"), " to create and name it."), /*#__PURE__*/_react.default.createElement("li", null, "This is your assets account within the wallet. Copy the entire", /*#__PURE__*/_react.default.createElement("strong", null, " Account ID"), " which starts with the letters 'GA' on the right side of the app. You will use this ID to register the account with STOKR.")))))));
+      }));
+    }
+  }]);
+  return RegisterLiquidSteps;
+}(_react.PureComponent);
+RegisterLiquidSteps.propTypes = {
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    title: _propTypes.default.string.isRequired,
+    content: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired
+  })).isRequired
+};
+var _default = RegisterLiquidSteps;
+exports.default = _default;