@stokr/components-library 0.6.7 → 0.6.8

package/dist/components/RegisterAlgorand/AlgoAdressSelect.js

@@ -0,0 +1,444 @@
+"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 = exports.MemoAlgoAddressSelect = exports.Dots = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _RegisterEthereum = require("../RegisterEthereum");
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _RefreshButton = _interopRequireDefault(require("../RefreshButton/RefreshButton"));
+var _CryptoAddress = _interopRequireWildcard(require("../CryptoAddress/CryptoAddress"));
+var _CryptoAddressWrapper = _interopRequireDefault(require("../CryptoAddressWrapper/CryptoAddressWrapper"));
+var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
+var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
+var _Modal = require("../Modal/Modal.styles");
+var _StokrWeb = require("../../api/StokrWeb3");
+var _fetchData = _interopRequireDefault(require("../../api/fetchData"));
+var _StyledText = _interopRequireDefault(require("../Text/StyledText"));
+var _CryptoAddressWrapper2 = require("../CryptoAddressWrapper/CryptoAddressWrapper.styles");
+var _ToDoList = require("../ToDoList/ToDoList.styles");
+var _fetchDataPublic = _interopRequireDefault(require("../../api/fetchDataPublic"));
+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 _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 _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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var Dots = function Dots(props) {
+  return /*#__PURE__*/_react.default.createElement(_StyledText.default, _extends({
+    style: {
+      fontSize: 40
+    }
+  }, props), /*#__PURE__*/_react.default.createElement("span", {
+    "data-order": "0"
+  }, "."), /*#__PURE__*/_react.default.createElement("span", {
+    "data-order": "1"
+  }, "."), /*#__PURE__*/_react.default.createElement("span", {
+    "data-order": "2"
+  }, "."));
+};
+exports.Dots = Dots;
+var AlgoAdressSelect = function AlgoAdressSelect(props) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    correct = _useState2[0],
+    setcorrect = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    refresh = _useState4[0],
+    setrefresh = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    failed = _useState6[0],
+    setfailed = _useState6[1];
+  var _useState7 = (0, _react.useState)({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectedAdress = _useState8[0],
+    setselectedAdress = _useState8[1];
+  var _useState9 = (0, _react.useState)([{
+      address: '0x0000000000000000000000000000000000000000',
+      balance: 0
+    }]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    address = _useState10[0],
+    setaddress = _useState10[1];
+  (0, _react.useEffect)(function () {
+    function initWallet() {
+      return _initWallet.apply(this, arguments);
+    }
+    function _initWallet() {
+      _initWallet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(props.wallet === 'algosigner')) {
+                _context.next = 3;
+                break;
+              }
+              _context.next = 3;
+              return initAlgoSigner();
+            case 3:
+              if (!(props.wallet === 'myalgo')) {
+                _context.next = 6;
+                break;
+              }
+              _context.next = 6;
+              return initMyAlgoWallet();
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return _initWallet.apply(this, arguments);
+    }
+    initWallet();
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (refresh) {
+      setStateDelayed(false, 2000);
+    }
+  }, [refresh]);
+  (0, _react.useEffect)(function () {
+    if (props.verifiedAddress) {
+      props.changeStep();
+    }
+  }, [props.verifiedAddress]);
+
+  //get balance for each user address
+  var getBalanceData = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(addresses) {
+      var addressArr, data, optInStatus, algoPrice;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            addressArr = [];
+            addresses.forEach(function (address) {
+              addressArr.push(address.address);
+            });
+
+            //if algo balances fail
+            data = null;
+            _context2.prev = 3;
+            _context2.next = 6;
+            return (0, _fetchData.default)('user/algoBalances', {
+              accounts: addressArr
+            });
+          case 6:
+            data = _context2.sent;
+            _context2.next = 12;
+            break;
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](3);
+            console.log('🚀 ~ error in algoBalances', _context2.t0);
+          case 12:
+            _context2.next = 14;
+            return (0, _fetchData.default)('user/algoOptinStatus', {
+              accounts: addressArr,
+              assetId: props.projectAssetId
+            });
+          case 14:
+            optInStatus = _context2.sent;
+            _context2.prev = 15;
+            _context2.next = 18;
+            return (0, _fetchData.default)('investment/algoprice');
+          case 18:
+            algoPrice = _context2.sent;
+            _context2.next = 24;
+            break;
+          case 21:
+            _context2.prev = 21;
+            _context2.t1 = _context2["catch"](15);
+            console.log('🚀 ~ error in algoPrice', _context2.t1);
+          case 24:
+            if (data && algoPrice) {
+              data.forEach(function (account, index) {
+                addresses[index].balance = account.balance;
+                addresses[index].currentAlgoPrice = algoPrice.EUR; //-- in euros
+                addresses[index].eqUnit = '€';
+                addresses[index].optedIn = optInStatus[account.account];
+              });
+            } else {
+              addressArr && addressArr.forEach(function (account, index) {
+                addresses[index].optedIn = optInStatus[account];
+              });
+            }
+            checkforExistingAddress(addresses);
+          case 26:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[3, 9], [15, 21]]);
+    }));
+    return function getBalanceData(_x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  //check if user has already registered some address
+  //add the address title if exist
+  var checkforExistingAddress = function checkforExistingAddress(addresses) {
+    addresses.forEach(function (address) {
+      props.userAddresses && props.userAddresses.forEach(function (userAdd) {
+        if (address.address === userAdd.address) {
+          address.title = userAdd.name;
+        }
+      });
+    });
+  };
+  var onAddressChange = function onAddressChange(account) {
+    setselectedAdress(account);
+    props.setRegisteredAddress(account.title ? true : false);
+  };
+  var initAlgoSigner = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var _address;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!(0, _StokrWeb.isAlgoSignerInstalled)()) {
+              _context3.next = 19;
+              break;
+            }
+            _context3.prev = 1;
+            _context3.next = 4;
+            return (0, _StokrWeb.getAlgoSignerAddress)(props.network);
+          case 4:
+            _address = _context3.sent;
+            console.log('address: ', _address);
+            if (!_address) {
+              _context3.next = 12;
+              break;
+            }
+            _context3.next = 9;
+            return getBalanceData(_address);
+          case 9:
+            setfailed(false);
+            setcorrect(true);
+            setaddress(_address);
+          case 12:
+            _context3.next = 19;
+            break;
+          case 14:
+            _context3.prev = 14;
+            _context3.t0 = _context3["catch"](1);
+            console.log('eroor: ', _context3.t0);
+            setfailed(true);
+            setcorrect(false);
+          case 19:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[1, 14]]);
+    }));
+    return function initAlgoSigner() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var getAdressArr = function getAdressArr(addressArr) {
+    var newArr = [];
+    addressArr && addressArr.forEach(function (element) {
+      newArr.push({
+        address: element
+      });
+    });
+    return newArr;
+  };
+  var initMyAlgoWallet = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var _address2, addressArr;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.prev = 0;
+            _context4.next = 3;
+            return (0, _StokrWeb.getMyAlgoWalletAddress)();
+          case 3:
+            _address2 = _context4.sent;
+            if (!(_address2 && !_address2.includes('Error'))) {
+              _context4.next = 11;
+              break;
+            }
+            addressArr = getAdressArr(_address2);
+            _context4.next = 8;
+            return getBalanceData(addressArr);
+          case 8:
+            setaddress(addressArr);
+            setfailed(false);
+            setcorrect(true);
+          case 11:
+            _context4.next = 18;
+            break;
+          case 13:
+            _context4.prev = 13;
+            _context4.t0 = _context4["catch"](0);
+            console.log('eroor: ', _context4.t0);
+            setfailed(true);
+            setcorrect(false);
+          case 18:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[0, 13]]);
+    }));
+    return function initMyAlgoWallet() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var setStateDelayed = function setStateDelayed(newState, time) {
+    setTimeout(function () {
+      setrefresh(newState);
+    }, time);
+  };
+  var onRefreshClick = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            setrefresh(true);
+            if (!(props.wallet === 'algosigner')) {
+              _context5.next = 6;
+              break;
+            }
+            _context5.next = 4;
+            return initAlgoSigner();
+          case 4:
+            _context5.next = 8;
+            break;
+          case 6:
+            _context5.next = 8;
+            return initMyAlgoWallet();
+          case 8:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function onRefreshClick() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Algorand address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingVertical: true
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Select an Algorand address"), /*#__PURE__*/_react.default.createElement("p", null, "In order for the tokens to go to the right address, you need to choose the opted-in address for the tokens to be properly assigned to you."))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "YOUR CURRENT ADDRESS")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, correct ? /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper.default, {
+    refresh: refresh ? 'Refreshing' : '',
+    failed: failed ? "NO DICE. PLEASE CHECK ".concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', " IS CONNECTED, THEN HIT REFRESH.") : ''
+  }, address.map(function (account, i) {
+    var _account$balance;
+    return /*#__PURE__*/_react.default.createElement(_CryptoAddress.MemoCryptoAddress, {
+      key: account + i,
+      title: account.title || 'Not yet registered',
+      address: account.address,
+      data: {
+        value: (_account$balance = account.balance) === null || _account$balance === void 0 ? void 0 : _account$balance.toFixed(4),
+        unit: 'ALGO',
+        eqValue: account.balance ? (account.balance * account.currentAlgoPrice).toFixed(2) : null,
+        eqUnit: '€'
+      },
+      wrapped: true,
+      borderTop: true,
+      borderBottom: true,
+      sideOptions: props.isUpdatingUser && !props.error && selectedAdress.address === account.address ? /*#__PURE__*/_react.default.createElement(Dots, null) : props.error && selectedAdress.address === account.address ? /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper2.FailedIcon, {
+        red: true,
+        flex: true
+      }) : account.title && (props.verifiedAddress && !props.error && selectedAdress.address === account.address || account.optedIn) ? /*#__PURE__*/_react.default.createElement(_ToDoList.AllDoneIcon, {
+        green: true
+      }) : /*#__PURE__*/_react.default.createElement(_Button.default, {
+        secondary: selectedAdress.address === account.address ? false : true,
+        disabled: account.optedIn && account.title,
+        style: {
+          minWidth: 'max-content'
+        },
+        onClick: function onClick() {
+          //continue to naming step if already opted in address
+          props.setAddressToRegister(account.address);
+          if (!account.optedIn) {
+            props.handleOptIn(account.address, account.title);
+          }
+          onAddressChange(account);
+          if (account.optedIn && !account.title) {
+            props.setverifiedAddress(true);
+          }
+        }
+      }, "Select")
+    });
+  })) : /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper.default, {
+    refresh: !correct && !failed ? "We're fetching your registered address from your ".concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', ".") : '',
+    failed: failed ? "Our interface couldn't connect to ".concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', "  because you need to give permission to do so. Try again?") : ''
+  }, address.map(function (account, i) {
+    var _account$balance2;
+    return /*#__PURE__*/_react.default.createElement(_CryptoAddress.MemoCryptoAddress, {
+      key: account + i,
+      title: account.title || 'Not yet registered',
+      address: account.address,
+      data: {
+        value: (_account$balance2 = account.balance) === null || _account$balance2 === void 0 ? void 0 : _account$balance2.toFixed(4),
+        unit: 'ALGO',
+        eqValue: account.balance ? (account.balance * account.currentAlgoPrice).toFixed(2) : null,
+        eqUnit: '€'
+      },
+      wrapped: true,
+      borderTop: true,
+      borderBottom: true,
+      sideOptions: props.isUpdatingUser && !props.error && selectedAdress.address === account.address ? /*#__PURE__*/_react.default.createElement(Dots, null) : props.error && selectedAdress.address === account.address ? /*#__PURE__*/_react.default.createElement(_CryptoAddressWrapper2.FailedIcon, {
+        red: true,
+        flex: true
+      }) : account.title && (props.verifiedAddress && !props.error && selectedAdress.address === account.address || account.optedIn) ? /*#__PURE__*/_react.default.createElement(_ToDoList.AllDoneIcon, {
+        green: true
+      }) : /*#__PURE__*/_react.default.createElement(_Button.default, {
+        secondary: selectedAdress.address === account.address ? false : true,
+        disabled: account.optedIn && account.title,
+        style: {
+          minWidth: 'max-content'
+        },
+        onClick: function onClick() {
+          //continue to naming step if already opted in address
+          props.setAddressToRegister(account.address);
+          if (!account.optedIn) {
+            props.handleOptIn(account.address, account.title);
+          }
+          onAddressChange(account);
+          if (account.optedIn && !account.title) {
+            props.setverifiedAddress(true);
+          }
+        }
+      }, "Select")
+    });
+  }))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingBottom: true
+  }, /*#__PURE__*/_react.default.createElement(_RegisterEthereum.EthInfo, {
+    center: true
+  }, "To use a different ".concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', " address, select one from the ").concat(props.wallet === 'algosigner' ? 'Algosigner' : 'My Algo Wallet', " extension on your browser and press the \"TRY AGAIN\" button below."))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_RefreshButton.default, {
+    onClick: onRefreshClick
+  }, "TRY AGAIN")), /*#__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 address should I choose?',
+      content: "If you're planning to use the address to purchase tokens, choose one with sufficient funds or that you plan to top up. For your security and privacy, it's considered best practice to use more than one address for your crypto investments."
+    }]
+  }))));
+};
+AlgoAdressSelect.propTypes = {
+  changeStep: _propTypes.default.func.isRequired
+};
+var MemoAlgoAddressSelect = /*#__PURE__*/_react.default.memo(AlgoAdressSelect);
+exports.MemoAlgoAddressSelect = MemoAlgoAddressSelect;
+var _default = AlgoAdressSelect;
+exports.default = _default;

package/dist/components/RegisterAlgorand/AlgoConnectWallet.js

@@ -0,0 +1,47 @@
+"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("../Text/Text.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
+var _Modal = require("../Modal/Modal.styles");
+var _StokrWeb = require("../../api/StokrWeb3");
+var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// import FAQ from "components/FAQ/FAQ";
+
+var AlgoConnectWallet = function AlgoConnectWallet(_ref) {
+  var changeStep = _ref.changeStep,
+    wallet = _ref.wallet,
+    setWallet = _ref.setWallet;
+  return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Algorand address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingVertical: true
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, wallet === 'algosigner' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", null, "CONNECT AN ALGOSIGNER WALLET"), /*#__PURE__*/_react.default.createElement("p", null, "Please click on the 'CONNECT' button below. If you don't already have an Algosigner wallet, the link will take you through the registration process. Just follow the prompts when you are taken to the page. Once you finish creating the wallet, you can come back to this page and connect it."), /*#__PURE__*/_react.default.createElement("p", null, "If you already have an Algosigner wallet, please make sure the extension is enabled on your browser. There will be a pop-up that is presented asking for STOKR's permission to view your current wallet address.")), wallet === 'myalgo' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", null, "CONNECT A MY ALGO WALLET"), /*#__PURE__*/_react.default.createElement("p", null, "Please click on the 'CONNECT' button below. If you don't already have an My Algo wallet, the link will take you to a pop-up to create a wallet. Just follow the prompts. Once you finish creating the wallet, you can come back to this page and connect it."), /*#__PURE__*/_react.default.createElement("p", null, 'If you already have a My Algo wallet, you may need to log into it. If so, there will be a prompt for this.')))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    center: true
+  }, wallet === 'algosigner' && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    minWidth: "240px",
+    onClick: function onClick() {
+      setWallet('algosigner');
+      changeStep();
+    },
+    disabled: !(0, _StokrWeb.isAlgoSignerInstalled)()
+  }, "Connect"), wallet === 'myalgo' && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    minWidth: "240px",
+    onClick: function onClick() {
+      setWallet('myalgo');
+      changeStep();
+    }
+  }, "Connect"))));
+};
+AlgoConnectWallet.propTypes = {
+  changeStep: _propTypes.default.func.isRequired
+};
+var _default = AlgoConnectWallet;
+exports.default = _default;

package/dist/components/RegisterAlgorand/AlgoSuccess.js

@@ -0,0 +1,38 @@
+"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("../Text/Text.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
+var _Modal = require("../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; }
+var AlgoSuccess = function AlgoSuccess(_ref) {
+  var _onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Register Algorand address")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingVertical: true
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "YOU successfully opted in your address"), /*#__PURE__*/_react.default.createElement("p", null, "All Algorand addresses are checked to prevent money laundering on STOKR. We'll let you know as soon as yours is on the whitelist."))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingHorizontal: true,
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    minWidth: "240px",
+    onClick: function onClick() {
+      // deleteRedirectCookieAndNavigate()
+      _onClick();
+    }
+  }, "Continue"))));
+};
+AlgoSuccess.propTypes = {
+  changeStep: _propTypes.default.func.isRequired
+};
+var _default = AlgoSuccess;
+exports.default = _default;

package/dist/components/RegisterAlgorand/Algorand.stories.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.algoFlowWithoutProject = exports.AlgoFlowWithMemo = exports.AlgoFlowWallet = exports.AlgoFlowProject = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _flow = _interopRequireDefault(require("./flow"));
+var _flowWithMemo = _interopRequireDefault(require("./flowWithMemo"));
+var _AuthContext = require("../context/AuthContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// import { AlgoAdressSelect } from 'index'
+var _default = {
+  title: 'Components Library/Algorand',
+  component: _flow.default,
+  argTypes: {
+    showFlow: {
+      type: 'boolean',
+      defaultValue: true
+    },
+    setShowFlow: {},
+    setShowPending: {},
+    withSuccessPage: {
+      type: 'boolean',
+      defaultValue: false
+    },
+    project: {},
+    wallet: {}
+  }
+};
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_flow.default, args));
+};
+var algoFlowWithoutProject = function algoFlowWithoutProject() {
+  return /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_flow.default, {
+    showFlow: {
+      type: 'boolean',
+      defaultValue: true
+    },
+    setShowFlow: function setShowFlow() {},
+    withSuccessPage: true
+    //  project={{ title: 'Algorand Test', primaryAssetId: '20918100' }}
+  }));
+};
+exports.algoFlowWithoutProject = algoFlowWithoutProject;
+var AlgoFlowWithMemo = function AlgoFlowWithMemo() {
+  return /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_flowWithMemo.default, {
+    showFlow: true,
+    setShowFlow: {}
+  }));
+};
+// export const headerUserWithoutAvatar = () => <Header user={{}} />
+exports.AlgoFlowWithMemo = AlgoFlowWithMemo;
+var AlgoFlowProject = Template.bind({});
+exports.AlgoFlowProject = AlgoFlowProject;
+AlgoFlowProject.args = {
+  project: {
+    title: 'Algorand Test',
+    name: 'Algorand',
+    primaryAssetId: '20918100'
+  }
+};
+var AlgoFlowWallet = Template.bind({});
+exports.AlgoFlowWallet = AlgoFlowWallet;
+AlgoFlowWallet.args = {
+  project: {
+    title: 'Algorand Test',
+    name: 'Algorand',
+    primaryAssetId: '20918100'
+  },
+  wallet: {
+    setverifiedAddress: true
+  }
+};
+algoFlowWithoutProject.story = {
+  //decorators: [withKnobs],
+};