@ututrust/web-components 1.2.2 → 1.2.3

package/dist/index.js

@@ -9595,11 +9595,11 @@
 	var ATTR_ENDORSEMENT_NETWORK = "endorsement-network";
 	var ATTR_TRANSACTION_ID = "transaction-id"; // API BASE URLs
 
-	var UTU_API_BASE_URL_PRODUCTION = "https://api.ututrust.com/";
-	var UTU_API_BASE_URL_TEST = "https://stage-api.ututrust.com/";
-	var CORE_API_BASE = "core-api";
-	var UPLOADER_API_BASE = "uploader-api";
-	var VIDEO_PUBLISHED_BASE = "published-videos"; // API resource paths
+	var UTU_API_BASE_URL_PRODUCTION = "https://api.ututrust.com";
+	var UTU_API_BASE_URL_TEST = "https://stage-api.ututrust.com";
+	var CORE_API_BASE = "/core-api";
+	var UPLOADER_API_BASE = "/uploader-api";
+	var VIDEO_PUBLISHED_BASE = "/published-videos"; // API resource paths
 
 	var API_RANKING = "/ranking";
 	var API_FEEDBACK = "/feedback";
@@ -9610,10 +9610,14 @@
 	var EVENT_UTU_CONFIG = "utuConfig";
 	var EVENT_UTU_IDENTITY_DATA_READY = "utuIdentityDataReady"; // Local Storage Keys
 
-	var LOCAL_STORAGE_KEY_UTU_IDENTITY_DATA = "utu-identity-data"; // UTT Endorsement Contracts
+	var LOCAL_STORAGE_KEY_UTU_IDENTITY_DATA = "utu-identity-data"; // Supported UTT networks
 
-	var UTT_CONTRACT_ADDRESS_TEST = "0x19bc90FfBDCaD53c48eF0b08A67B0D2563AEE2a8";
-	var UTT_CONTRACT_ADDRESS_PRODUCTION = "0xbA6de5f4a98d2AEbb289d1136194D05Ee24C426f";
+	var NETWORK_NAME;
+
+	(function (NETWORK_NAME) {
+	  NETWORK_NAME["polygon_mainnet"] = "polygon_mainnet";
+	  NETWORK_NAME["polygon_mumbai"] = "polygon_mumbai";
+	})(NETWORK_NAME || (NETWORK_NAME = {}));
 
 	function e$1(e) {
 	  this.message = e;
@@ -25001,7 +25005,7 @@
 	  _defaultProvider: etcDefaultProvider("https://www.ethercluster.com/mordor", "classicMordor")
 	}; // See: https://chainlist.org
 
-	const networks$1 = {
+	const networks = {
 	  unspecified: {
 	    chainId: 0,
 	    name: "unspecified"
@@ -25113,8 +25117,8 @@
 	  }
 
 	  if (typeof network === "number") {
-	    for (const name in networks$1) {
-	      const standard = networks$1[name];
+	    for (const name in networks) {
+	      const standard = networks[name];
 
 	      if (standard.chainId === network) {
 	        return {
@@ -25133,7 +25137,7 @@
 	  }
 
 	  if (typeof network === "string") {
-	    const standard = networks$1[network];
+	    const standard = networks[network];
 
 	    if (standard == null) {
 	      return null;
@@ -25147,7 +25151,7 @@
 	    };
 	  }
 
-	  const standard = networks$1[network.name]; // Not a standard network; check that it is a valid network in general
+	  const standard = networks[network.name]; // Not a standard network; check that it is a valid network in general
 
 	  if (!standard) {
 	    if (typeof network.chainId !== "number") {
@@ -29970,6 +29974,111 @@
 
 	}
 
+	// eslint-disable-next-line es-x/no-object-assign -- safe
+
+
+	var $assign = Object.assign; // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+
+	var defineProperty$2 = Object.defineProperty;
+	var concat = functionUncurryThis([].concat); // `Object.assign` method
+	// https://tc39.es/ecma262/#sec-object.assign
+
+	var objectAssign$1 = !$assign || fails(function () {
+	  // should have correct order of operations (Edge bug)
+	  if (descriptors && $assign({
+	    b: 1
+	  }, $assign(defineProperty$2({}, 'a', {
+	    enumerable: true,
+	    get: function () {
+	      defineProperty$2(this, 'b', {
+	        value: 3,
+	        enumerable: false
+	      });
+	    }
+	  }), {
+	    b: 2
+	  })).b !== 1) return true; // should work with symbols and should have deterministic property order (V8 bug)
+
+	  var A = {};
+	  var B = {}; // eslint-disable-next-line es-x/no-symbol -- safe
+
+	  var symbol = Symbol();
+	  var alphabet = 'abcdefghijklmnopqrst';
+	  A[symbol] = 7;
+	  alphabet.split('').forEach(function (chr) {
+	    B[chr] = chr;
+	  });
+	  return $assign({}, A)[symbol] != 7 || objectKeys($assign({}, B)).join('') != alphabet;
+	}) ? function assign(target, source) {
+	  // eslint-disable-line no-unused-vars -- required for `.length`
+	  var T = toObject$1(target);
+	  var argumentsLength = arguments.length;
+	  var index = 1;
+	  var getOwnPropertySymbols = objectGetOwnPropertySymbols.f;
+	  var propertyIsEnumerable = objectPropertyIsEnumerable.f;
+
+	  while (argumentsLength > index) {
+	    var S = indexedObject(arguments[index++]);
+	    var keys = getOwnPropertySymbols ? concat(objectKeys(S), getOwnPropertySymbols(S)) : objectKeys(S);
+	    var length = keys.length;
+	    var j = 0;
+	    var key;
+
+	    while (length > j) {
+	      key = keys[j++];
+	      if (!descriptors || functionCall(propertyIsEnumerable, S, key)) T[key] = S[key];
+	    }
+	  }
+
+	  return T;
+	} : $assign;
+
+	// `Object.assign` method
+	// https://tc39.es/ecma262/#sec-object.assign
+	// eslint-disable-next-line es-x/no-object-assign -- required for testing
+
+
+	_export({
+	  target: 'Object',
+	  stat: true,
+	  arity: 2,
+	  forced: Object.assign !== objectAssign$1
+	}, {
+	  assign: objectAssign$1
+	});
+
+	var config = {
+	  production: false
+	};
+	window.addEventListener(EVENT_UTU_CONFIG, function (event) {
+	  console.log("UTU SDK received config:", JSON.stringify(event.detail));
+	  Object.assign(config, event.detail);
+	});
+	function getBaseProps(props, componentName) {
+	  var apiUrlDefault = config.production ? UTU_API_BASE_URL_PRODUCTION : UTU_API_BASE_URL_TEST;
+	  var apiUrl = props[ATTR_API_URL] || undefined || apiUrlDefault;
+
+	  if (!apiUrl) {
+	    throw new Error("".concat(ATTR_API_URL, " attribute of ").concat(componentName, " was not set"));
+	  }
+
+	  return {
+	    apiUrl: apiUrl
+	  };
+	}
+	function BaseComponent(_ref) {
+	  var children = _ref.children,
+	      forwardedRef = _ref.forwardedRef,
+	      className = _ref.className,
+	      style = _ref.style,
+	      excludeBootstrap = _ref.excludeBootstrap,
+	      excludeFonts = _ref.excludeFonts;
+	  return h$2("div", {
+	    ref: forwardedRef,
+	    className: className
+	  }, h$2("style", null, !excludeFonts && h$2(p$1, null, "@import \"https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap\";"), !excludeBootstrap && h$2(p$1, null, "@import \"https://getbootstrap.com/docs/5.0/dist/css/bootstrap-reboot.min.css\"; @import \"https://getbootstrap.com/docs/5.0/dist/css/bootstrap-grid.min.css\"; @import \"https://getbootstrap.com/docs/5.0/dist/css/bootstrap-utilities.min.css\";"), style), children);
+	}
+
 	function useAuth() {
 	  var _useState = p(getAccessTokenFromLocalStorage()),
 	      _useState2 = _slicedToArray(_useState, 2),
@@ -29991,16 +30100,18 @@
 	    accessToken: accessToken
 	  };
 	}
-	function addressSignatureVerification(_x) {
+	function addressSignatureVerification() {
 	  return _addressSignatureVerification.apply(this, arguments);
 	}
 
 	function _addressSignatureVerification() {
-	  _addressSignatureVerification = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(apiUrl) {
+	  _addressSignatureVerification = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
 	    var _window;
 
-	    var walletProvider,
+	    var overrideApiUrl,
+	        walletProvider,
 	        cookies,
+	        utuApiBase,
 	        provider,
 	        signer,
 	        address,
@@ -30013,48 +30124,50 @@
 	      while (1) {
 	        switch (_context.prev = _context.next) {
 	          case 0:
+	            overrideApiUrl = _args.length > 0 && _args[0] !== undefined ? _args[0] : null;
 	            walletProvider = _args.length > 1 && _args[1] !== undefined ? _args[1] : null;
 	            cookies = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
+	            utuApiBase = (overrideApiUrl !== null && overrideApiUrl !== void 0 ? overrideApiUrl : config.production) ? UTU_API_BASE_URL_PRODUCTION : UTU_API_BASE_URL_TEST; // @ts-ignore
 
 	            if (!(!((_window = window) !== null && _window !== void 0 && _window.ethereum) && !walletProvider)) {
-	              _context.next = 4;
+	              _context.next = 6;
 	              break;
 	            }
 
 	            return _context.abrupt("return", null);
 
-	          case 4:
+	          case 6:
 	            // @ts-ignore
 	            provider = new Web3Provider(walletProvider || window.ethereum);
 	            signer = provider.getSigner();
-	            _context.next = 8;
+	            _context.next = 10;
 	            return signer.getAddress();
 
-	          case 8:
+	          case 10:
 	            address = _context.sent;
-	            _context.next = 11;
+	            _context.next = 13;
 	            return signer.signMessage("Sign in at UTU");
 
-	          case 11:
+	          case 13:
 	            signature = _context.sent;
-	            _context.next = 14;
-	            return axios.post("".concat(apiUrl).concat(API_VERIFY_ADDRESS), {
+	            _context.next = 16;
+	            return axios.post("".concat(utuApiBase).concat(API_VERIFY_ADDRESS), {
 	              address: address,
 	              signature: signature
 	            }, {
 	              withCredentials: !!cookies
 	            });
 
-	          case 14:
+	          case 16:
 	            _yield$axios$post = _context.sent;
 	            data = _yield$axios$post.data;
-	            _context.next = 18;
+	            _context.next = 20;
 	            return localStorage.setItem(LOCAL_STORAGE_KEY_UTU_IDENTITY_DATA, JSON.stringify(data));
 
-	          case 18:
+	          case 20:
 	            return _context.abrupt("return", data);
 
-	          case 20:
+	          case 22:
 	          case "end":
 	            return _context.stop();
 	        }
@@ -30343,110 +30456,6 @@
 	  };
 	}
 
-	// eslint-disable-next-line es-x/no-object-assign -- safe
-
-
-	var $assign = Object.assign; // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
-
-	var defineProperty$2 = Object.defineProperty;
-	var concat = functionUncurryThis([].concat); // `Object.assign` method
-	// https://tc39.es/ecma262/#sec-object.assign
-
-	var objectAssign$1 = !$assign || fails(function () {
-	  // should have correct order of operations (Edge bug)
-	  if (descriptors && $assign({
-	    b: 1
-	  }, $assign(defineProperty$2({}, 'a', {
-	    enumerable: true,
-	    get: function () {
-	      defineProperty$2(this, 'b', {
-	        value: 3,
-	        enumerable: false
-	      });
-	    }
-	  }), {
-	    b: 2
-	  })).b !== 1) return true; // should work with symbols and should have deterministic property order (V8 bug)
-
-	  var A = {};
-	  var B = {}; // eslint-disable-next-line es-x/no-symbol -- safe
-
-	  var symbol = Symbol();
-	  var alphabet = 'abcdefghijklmnopqrst';
-	  A[symbol] = 7;
-	  alphabet.split('').forEach(function (chr) {
-	    B[chr] = chr;
-	  });
-	  return $assign({}, A)[symbol] != 7 || objectKeys($assign({}, B)).join('') != alphabet;
-	}) ? function assign(target, source) {
-	  // eslint-disable-line no-unused-vars -- required for `.length`
-	  var T = toObject$1(target);
-	  var argumentsLength = arguments.length;
-	  var index = 1;
-	  var getOwnPropertySymbols = objectGetOwnPropertySymbols.f;
-	  var propertyIsEnumerable = objectPropertyIsEnumerable.f;
-
-	  while (argumentsLength > index) {
-	    var S = indexedObject(arguments[index++]);
-	    var keys = getOwnPropertySymbols ? concat(objectKeys(S), getOwnPropertySymbols(S)) : objectKeys(S);
-	    var length = keys.length;
-	    var j = 0;
-	    var key;
-
-	    while (length > j) {
-	      key = keys[j++];
-	      if (!descriptors || functionCall(propertyIsEnumerable, S, key)) T[key] = S[key];
-	    }
-	  }
-
-	  return T;
-	} : $assign;
-
-	// `Object.assign` method
-	// https://tc39.es/ecma262/#sec-object.assign
-	// eslint-disable-next-line es-x/no-object-assign -- required for testing
-
-
-	_export({
-	  target: 'Object',
-	  stat: true,
-	  arity: 2,
-	  forced: Object.assign !== objectAssign$1
-	}, {
-	  assign: objectAssign$1
-	});
-
-	var config = {
-	  production: false
-	};
-	window.addEventListener(EVENT_UTU_CONFIG, function (event) {
-	  return Object.assign(config, event.detail);
-	});
-	function getBaseProps(props, componentName) {
-	  var apiUrlDefault = config.production ? UTU_API_BASE_URL_PRODUCTION : UTU_API_BASE_URL_TEST;
-	  var apiUrl = props[ATTR_API_URL] || undefined || apiUrlDefault;
-
-	  if (!apiUrl) {
-	    throw new Error("".concat(ATTR_API_URL, " attribute of ").concat(componentName, " was not set"));
-	  }
-
-	  return {
-	    apiUrl: apiUrl
-	  };
-	}
-	function BaseComponent(_ref) {
-	  var children = _ref.children,
-	      forwardedRef = _ref.forwardedRef,
-	      className = _ref.className,
-	      style = _ref.style,
-	      excludeBootstrap = _ref.excludeBootstrap,
-	      excludeFonts = _ref.excludeFonts;
-	  return h$2("div", {
-	    ref: forwardedRef,
-	    className: className
-	  }, h$2("style", null, !excludeFonts && h$2(p$1, null, "@import \"https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap\";"), !excludeBootstrap && h$2(p$1, null, "@import \"https://getbootstrap.com/docs/5.0/dist/css/bootstrap-reboot.min.css\"; @import \"https://getbootstrap.com/docs/5.0/dist/css/bootstrap-grid.min.css\"; @import \"https://getbootstrap.com/docs/5.0/dist/css/bootstrap-utilities.min.css\";"), style), children);
-	}
-
 	function styleInject(css, ref) {
 	  if (ref === void 0) ref = {};
 	  var insertAt = ref.insertAt;
@@ -33204,66 +33213,6 @@
 	  }, "Submit")));
 	}
 
-	// a string of all valid unicode whitespaces
-	var whitespaces = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' + '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
-
-	var replace = functionUncurryThis(''.replace);
-	var whitespace = '[' + whitespaces + ']';
-	var ltrim = RegExp('^' + whitespace + whitespace + '*');
-	var rtrim = RegExp(whitespace + whitespace + '*$'); // `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
-
-	var createMethod = function (TYPE) {
-	  return function ($this) {
-	    var string = toString$2(requireObjectCoercible($this));
-	    if (TYPE & 1) string = replace(string, ltrim, '');
-	    if (TYPE & 2) string = replace(string, rtrim, '');
-	    return string;
-	  };
-	};
-
-	var stringTrim = {
-	  // `String.prototype.{ trimLeft, trimStart }` methods
-	  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
-	  start: createMethod(1),
-	  // `String.prototype.{ trimRight, trimEnd }` methods
-	  // https://tc39.es/ecma262/#sec-string.prototype.trimend
-	  end: createMethod(2),
-	  // `String.prototype.trim` method
-	  // https://tc39.es/ecma262/#sec-string.prototype.trim
-	  trim: createMethod(3)
-	};
-
-	var PROPER_FUNCTION_NAME = functionName.PROPER;
-
-
-
-
-
-	var non = '\u200B\u0085\u180E'; // check that a method works with the correct list
-	// of whitespaces and has a correct name
-
-	var stringTrimForced = function (METHOD_NAME) {
-	  return fails(function () {
-	    return !!whitespaces[METHOD_NAME]() || non[METHOD_NAME]() !== non || PROPER_FUNCTION_NAME && whitespaces[METHOD_NAME].name !== METHOD_NAME;
-	  });
-	};
-
-	var $trim = stringTrim.trim;
-
-	 // `String.prototype.trim` method
-	// https://tc39.es/ecma262/#sec-string.prototype.trim
-
-
-	_export({
-	  target: 'String',
-	  proto: true,
-	  forced: stringTrimForced('trim')
-	}, {
-	  trim: function trim() {
-	    return $trim(this);
-	  }
-	});
-
 	var $includes = arrayIncludes.includes;
 
 
@@ -33334,6 +33283,192 @@
 	  }
 	});
 
+	var $String = String;
+	var $TypeError = TypeError;
+
+	var aPossiblePrototype = function (argument) {
+	  if (typeof argument == 'object' || isCallable(argument)) return argument;
+	  throw $TypeError("Can't set " + $String(argument) + ' as a prototype');
+	};
+
+	/* eslint-disable no-proto -- safe */
+
+	// `Object.setPrototypeOf` method
+	// https://tc39.es/ecma262/#sec-object.setprototypeof
+	// Works with __proto__ only. Old v8 can't work with null proto objects.
+	// eslint-disable-next-line es-x/no-object-setprototypeof -- safe
+
+
+	var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
+	  var CORRECT_SETTER = false;
+	  var test = {};
+	  var setter;
+
+	  try {
+	    // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+	    setter = functionUncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
+	    setter(test, []);
+	    CORRECT_SETTER = test instanceof Array;
+	  } catch (error) {
+	    /* empty */
+	  }
+
+	  return function setPrototypeOf(O, proto) {
+	    anObject(O);
+	    aPossiblePrototype(proto);
+	    if (CORRECT_SETTER) setter(O, proto);else O.__proto__ = proto;
+	    return O;
+	  };
+	}() : undefined);
+
+	// makes subclassing work correct for wrapped built-ins
+
+
+	var inheritIfRequired = function ($this, dummy, Wrapper) {
+	  var NewTarget, NewTargetPrototype;
+	  if ( // it can work only with native `setPrototypeOf`
+	  objectSetPrototypeOf && // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
+	  isCallable(NewTarget = dummy.constructor) && NewTarget !== Wrapper && isObject$2(NewTargetPrototype = NewTarget.prototype) && NewTargetPrototype !== Wrapper.prototype) objectSetPrototypeOf($this, NewTargetPrototype);
+	  return $this;
+	};
+
+	// `thisNumberValue` abstract operation
+	// https://tc39.es/ecma262/#sec-thisnumbervalue
+
+
+	var thisNumberValue = functionUncurryThis(1.0.valueOf);
+
+	// a string of all valid unicode whitespaces
+	var whitespaces = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' + '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
+
+	var replace = functionUncurryThis(''.replace);
+	var whitespace = '[' + whitespaces + ']';
+	var ltrim = RegExp('^' + whitespace + whitespace + '*');
+	var rtrim = RegExp(whitespace + whitespace + '*$'); // `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
+
+	var createMethod = function (TYPE) {
+	  return function ($this) {
+	    var string = toString$2(requireObjectCoercible($this));
+	    if (TYPE & 1) string = replace(string, ltrim, '');
+	    if (TYPE & 2) string = replace(string, rtrim, '');
+	    return string;
+	  };
+	};
+
+	var stringTrim = {
+	  // `String.prototype.{ trimLeft, trimStart }` methods
+	  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
+	  start: createMethod(1),
+	  // `String.prototype.{ trimRight, trimEnd }` methods
+	  // https://tc39.es/ecma262/#sec-string.prototype.trimend
+	  end: createMethod(2),
+	  // `String.prototype.trim` method
+	  // https://tc39.es/ecma262/#sec-string.prototype.trim
+	  trim: createMethod(3)
+	};
+
+	var getOwnPropertyNames = objectGetOwnPropertyNames.f;
+
+	var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+
+	var defineProperty = objectDefineProperty.f;
+
+
+
+	var trim = stringTrim.trim;
+
+	var NUMBER = 'Number';
+	var NativeNumber = global$1[NUMBER];
+	var NumberPrototype = NativeNumber.prototype;
+	var TypeError$1 = global$1.TypeError;
+	var arraySlice = functionUncurryThis(''.slice);
+	var charCodeAt = functionUncurryThis(''.charCodeAt); // `ToNumeric` abstract operation
+	// https://tc39.es/ecma262/#sec-tonumeric
+
+	var toNumeric = function (value) {
+	  var primValue = toPrimitive(value, 'number');
+	  return typeof primValue == 'bigint' ? primValue : toNumber(primValue);
+	}; // `ToNumber` abstract operation
+	// https://tc39.es/ecma262/#sec-tonumber
+
+
+	var toNumber = function (argument) {
+	  var it = toPrimitive(argument, 'number');
+	  var first, third, radix, maxCode, digits, length, index, code;
+	  if (isSymbol$1(it)) throw TypeError$1('Cannot convert a Symbol value to a number');
+
+	  if (typeof it == 'string' && it.length > 2) {
+	    it = trim(it);
+	    first = charCodeAt(it, 0);
+
+	    if (first === 43 || first === 45) {
+	      third = charCodeAt(it, 2);
+	      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix
+	    } else if (first === 48) {
+	      switch (charCodeAt(it, 1)) {
+	        case 66:
+	        case 98:
+	          radix = 2;
+	          maxCode = 49;
+	          break;
+	        // fast equal of /^0b[01]+$/i
+
+	        case 79:
+	        case 111:
+	          radix = 8;
+	          maxCode = 55;
+	          break;
+	        // fast equal of /^0o[0-7]+$/i
+
+	        default:
+	          return +it;
+	      }
+
+	      digits = arraySlice(it, 2);
+	      length = digits.length;
+
+	      for (index = 0; index < length; index++) {
+	        code = charCodeAt(digits, index); // parseInt parses a string to a first unavailable symbol
+	        // but ToNumber should return NaN if a string contains unavailable symbols
+
+	        if (code < 48 || code > maxCode) return NaN;
+	      }
+
+	      return parseInt(digits, radix);
+	    }
+	  }
+
+	  return +it;
+	}; // `Number` constructor
+	// https://tc39.es/ecma262/#sec-number-constructor
+
+
+	if (isForced_1(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'))) {
+	  var NumberWrapper = function Number(value) {
+	    var n = arguments.length < 1 ? 0 : NativeNumber(toNumeric(value));
+	    var dummy = this; // check on 1..constructor(foo) case
+
+	    return objectIsPrototypeOf(NumberPrototype, dummy) && fails(function () {
+	      thisNumberValue(dummy);
+	    }) ? inheritIfRequired(Object(n), dummy, NumberWrapper) : n;
+	  };
+
+	  for (var keys = descriptors ? getOwnPropertyNames(NativeNumber) : ( // ES3:
+	  'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' + // ES2015 (in case, if modules with ES2015 Number statics required before):
+	  'EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,' + // ESNext
+	  'fromString,range').split(','), j = 0, key; keys.length > j; j++) {
+	    if (hasOwnProperty_1(NativeNumber, key = keys[j]) && !hasOwnProperty_1(NumberWrapper, key)) {
+	      defineProperty(NumberWrapper, key, getOwnPropertyDescriptor(NativeNumber, key));
+	    }
+	  }
+
+	  NumberWrapper.prototype = NumberPrototype;
+	  NumberPrototype.constructor = NumberWrapper;
+	  defineBuiltIn(global$1, NUMBER, NumberWrapper, {
+	    constructor: true
+	  });
+	}
+
 	var abi = [
 		{
 			inputs: [
@@ -34201,46 +34336,109 @@
 	var css_248z$f = "body {\n  overflow: scroll;\n}\n\nh3 {\n  text-transform: capitalize;\n  font-weight: 500;\n  font-size: 14px;\n}\n\n.error {\n  color: #e80054;\n}\n\n:host {\n  margin: 0;\n  font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: #000000;\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n  border-bottom: 1px solid rgb(155, 152, 152);\n  background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n  border-bottom: 1px solid rgb(235, 232, 232);\n  background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n  background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n  background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n  background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n  background: #494949;\n}\n\n.btn {\n  padding: 12px;\n  border: none;\n  font-size: 14px;\n  font-weight: 500;\n  font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n  background-color: rgb(251, 201, 61);\n  color: #000000 !important;\n}\n.btn-dark {\n  background-color: rgb(251, 201, 61);\n  color: #000000 !important;\n}\n.btn-round {\n  color: \"white\" !important;\n}\n.btn-round-text {\n  color: \"white\" !important;\n}\n\n.icon-btn {\n  border: none;\n  background: none;\n  padding: 0;\n  font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-weight: 500;\n  font-size: 14px;\n}\n.icon-btn svg {\n  width: 60px;\n  height: 60px;\n}\n\nbutton.p {\n  color: \"white\";\n}\n\n.logo-position {\n  position: absolute;\n  top: -1rem;\n  right: 6rem;\n  z-index: 0;\n  width: 0.5rem;\n}\n.logo-position-details {\n  position: absolute;\n  top: -2rem;\n  right: 6rem;\n  z-index: 0;\n  width: 0.5rem;\n}\n.logo-position-player {\n  position: absolute;\n  bottom: -0.5rem;\n  left: 22rem;\n  z-index: 0;\n  display: none;\n  width: 0.5rem;\n}\n.logo-position-mobile {\n  position: absolute;\n  top: -1rem;\n  right: 4rem;\n  z-index: 2;\n  width: 0.5rem;\n}\n.logo-section {\n  position: relative;\n}\n.logo-section-mobile {\n  position: relative;\n}\n.logo-size {\n  width: 3rem;\n}\n.logo-video-section {\n  position: relative;\n}\n.logo-video-position {\n  position: absolute;\n  z-index: 0;\n  display: none;\n  width: 5rem;\n  left: 21rem;\n  top: 35.6rem;\n}\n\n.text-area {\n  resize: vertical;\n  min-height: 8rem;\n  border-radius: 10px;\n  border: none;\n  padding: 16px;\n  font-weight: 300;\n  font-size: 0.9rem;\n  background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n  width: 1.5rem;\n  height: 2.4rem;\n  padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n  fill: #000000;\n}\nsvg.video-icon-light {\n  fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n  .utu-section-light {\n    border-bottom: 0px;\n    background-color: #fcf8e5;\n  }\n  .utu-section-dark {\n    border-bottom: 0px;\n    background: rgb(36, 35, 35);\n    background-color: #3d3d3c;\n  }\n  .utu-section-no-border-light {\n    background-color: #fcf8e5;\n  }\n  .utu-section-no-border-dark {\n    background-color: #3d3d3c;\n  }\n  .utu-section-no-border-mid-light {\n    background-color: #fcf8e5;\n  }\n  .utu-section-no-border-mid-dark {\n    background-color: #3d3d3c;\n  }\n  .text-area {\n    background-color: rgb(253, 253, 253);\n  }\n  .logo-position-video {\n    top: 41.2rem;\n    position: absolute;\n    left: 21rem;\n  }\n  .logo-section {\n    position: relative;\n  }\n}\n.endor-input-form {\n  display: flex;\n  flex-direction: row;\n  justify-items: center;\n  justify-content: center;\n  align-items: center;\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n  width: 50%;\n}\n.endor-input-form-text-area {\n  height: 3rem;\n  width: 100%;\n  margin-right: 1rem;\n  border-radius: 10px;\n  border: none;\n  padding: 16px;\n  font-weight: 300;\n  font-size: 0.8rem;\n  align-items: center;\n  align-content: center;\n  background-color: #fcf8e5;\n  overflow: hidden;\n}\n.endor-input-section {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 1rem 2rem;\n  width: 100%;\n}\n.endor-text {\n  font-size: 1.5rem;\n  width: 50%;\n}\n.endor-text-light {\n  color: black;\n}\n.endor-text-dark {\n  color: white;\n}\n.endor-text-area {\n  display: flex;\n  flex-direction: row;\n}\n.endor-text-info {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgb(251, 201, 61);\n  width: 1rem;\n  height: 1rem;\n  margin-left: 1rem;\n  font-size: 0.8rem;\n  border-radius: 50%;\n  cursor: pointer;\n  margin-left: 0.5rem;\n  transition-timing-function: ease-in-out;\n  transition-duration: 2s;\n  transition: width 2s, height 4s;\n}\n.endor-text-body {\n  font-size: 1rem;\n}\n.endor-text-title {\n  font-size: 1rem;\n}\n.endor-btn {\n  border-radius: 10px;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n  .endor-input-section {\n    padding-left: 0rem;\n    padding-right: 0rem;\n  }\n  .endor-input-form {\n    width: 45%;\n    padding: 2rem;\n  }\n  .endor-input-form-text-area {\n    background-color: rgb(253, 253, 253);\n    font-size: 1rem;\n  }\n  .endor-input-form-section {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n  }\n  .endor-text {\n    padding: 2rem;\n    width: 45%;\n  }\n  .endor-text-info {\n    font-size: 1rem;\n  }\n}\n@media only screen and (min-width: 830px) {\n  .endor-input-form-text-area {\n    font-size: 1rem;\n  }\n}";
 	styleInject(css_248z$f);
 
-	var networks = {
-	  mainnet: {
-	    chainId: 1
-	  },
-	  matic: {
-	    chainId: 137,
-	    // 80001
-	    chainName: "Polygon",
-	    nativeCurrency: {
-	      name: "MATIC",
-	      symbol: "MATIC",
-	      decimals: 18
-	    },
-	    rpcUrls: ["https://polygon-rpc.com"],
-	    blockExplorerUrls: ["https://polygonscan.com"]
+	var _SWITCH_CHAIN_PARAMS, _ADD_CHAIN_PARAMS, _UTT_CONTRACT_ADDRESS;
+	/**
+	 * Parameter interface definition for wallet_addEthereumChain
+	 * Copied from https://docs.metamask.io/guide/rpc-api.html#unrestricted-methods
+	 */
+
+	/**
+	 * Convers a number to a 0x-prefixed hexadecimal string
+	 * @param n
+	 */
+	function toHexString(n) {
+	  return hexStripZeros(hexlify(n));
+	}
+
+	var SWITCH_CHAIN_PARAMS = (_SWITCH_CHAIN_PARAMS = {}, _defineProperty$2(_SWITCH_CHAIN_PARAMS, NETWORK_NAME.polygon_mainnet, {
+	  chainId: toHexString(137)
+	}), _defineProperty$2(_SWITCH_CHAIN_PARAMS, NETWORK_NAME.polygon_mumbai, {
+	  chainId: toHexString(80001)
+	}), _SWITCH_CHAIN_PARAMS);
+	var ADD_CHAIN_PARAMS = (_ADD_CHAIN_PARAMS = {}, _defineProperty$2(_ADD_CHAIN_PARAMS, NETWORK_NAME.polygon_mainnet, {
+	  chainId: SWITCH_CHAIN_PARAMS[NETWORK_NAME.polygon_mainnet].chainId,
+	  chainName: "Polygon",
+	  nativeCurrency: {
+	    name: "MATIC",
+	    symbol: "MATIC",
+	    decimals: 18
 	  },
-	  mumbai: {
-	    chainId: 80001,
-	    // 80001
-	    chainName: "Mumbai",
-	    nativeCurrency: {
-	      name: "MATIC",
-	      symbol: "MATIC",
-	      decimals: 18
-	    },
-	    rpcUrls: ["https://rpc-mumbai.maticvigil.com"],
-	    blockExplorerUrls: ["https://mumbai.polygonscan.com"]
+	  rpcUrls: ["https://polygon-rpc.com"],
+	  blockExplorerUrls: ["https://polygonscan.com"]
+	}), _defineProperty$2(_ADD_CHAIN_PARAMS, NETWORK_NAME.polygon_mumbai, {
+	  chainId: SWITCH_CHAIN_PARAMS[NETWORK_NAME.polygon_mumbai].chainId,
+	  chainName: "Mumbai",
+	  nativeCurrency: {
+	    name: "MATIC",
+	    symbol: "MATIC",
+	    decimals: 18
 	  },
-	  goerli: {
-	    chainId: 5
-	  }
-	};
-	var DEFAULT_NETWORK = "mumbai";
-	var getDefaultNetwork = function getDefaultNetwork() {
-	  return networks[config.production ? "matic" : "mumbai"];
-	};
-	var getUTTContractAddress = function getUTTContractAddress(chain) {
-	  if (chain !== "matic") return UTT_CONTRACT_ADDRESS_TEST;
-	  return UTT_CONTRACT_ADDRESS_PRODUCTION;
-	};
+	  rpcUrls: ["https://rpc-mumbai.maticvigil.com"],
+	  blockExplorerUrls: ["https://mumbai.polygonscan.com"]
+	}), _ADD_CHAIN_PARAMS);
+	var UTT_CONTRACT_ADDRESS = (_UTT_CONTRACT_ADDRESS = {}, _defineProperty$2(_UTT_CONTRACT_ADDRESS, NETWORK_NAME.polygon_mainnet, "0xbA6de5f4a98d2AEbb289d1136194D05Ee24C426f"), _defineProperty$2(_UTT_CONTRACT_ADDRESS, NETWORK_NAME.polygon_mumbai, "0x19bc90FfBDCaD53c48eF0b08A67B0D2563AEE2a8"), _UTT_CONTRACT_ADDRESS);
+	function addNetwork(_x, _x2) {
+	  return _addNetwork.apply(this, arguments);
+	}
+
+	function _addNetwork() {
+	  _addNetwork = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(provider, networkName) {
+	    var network;
+	    return _regeneratorRuntime().wrap(function _callee$(_context) {
+	      while (1) {
+	        switch (_context.prev = _context.next) {
+	          case 0:
+	            network = ADD_CHAIN_PARAMS[networkName];
+	            _context.next = 3;
+	            return provider.request({
+	              method: "wallet_addEthereumChain",
+	              params: [network]
+	            });
+
+	          case 3:
+	          case "end":
+	            return _context.stop();
+	        }
+	      }
+	    }, _callee);
+	  }));
+	  return _addNetwork.apply(this, arguments);
+	}
+
+	function requestNetworkChange(_x3, _x4) {
+	  return _requestNetworkChange.apply(this, arguments);
+	}
+
+	function _requestNetworkChange() {
+	  _requestNetworkChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(provider, networkName) {
+	    var network;
+	    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+	      while (1) {
+	        switch (_context2.prev = _context2.next) {
+	          case 0:
+	            network = SWITCH_CHAIN_PARAMS[networkName];
+	            _context2.next = 3;
+	            return provider.request({
+	              method: "wallet_switchEthereumChain",
+	              params: [network]
+	            });
+
+	          case 3:
+	          case "end":
+	            return _context2.stop();
+	        }
+	      }
+	    }, _callee2);
+	  }));
+	  return _requestNetworkChange.apply(this, arguments);
+	}
+
+	function getDefaultNetworkName() {
+	  return config.production ? NETWORK_NAME.polygon_mainnet : NETWORK_NAME.polygon_mumbai;
+	}
+	function getUTTContractAddress(networkName) {
+	  return UTT_CONTRACT_ADDRESS[networkName];
+	}
 
 	function EndorsementForm(props) {
 	  var _window, _window2;
@@ -34272,172 +34470,221 @@
 
 	  if (!((_window = window) !== null && _window !== void 0 && _window.ethereum || (_window2 = window) !== null && _window2 !== void 0 && _window2.web3 || window.utuWeb3Provider) || !props[ATTR_TARGET_UUID] || !isAddress(props[ATTR_TARGET_UUID]) || !props[ATTR_TRANSACTION_ID]) return null;
 
-	  var getProvider = function getProvider() {
+	  function getProvider() {
 	    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 	    // @ts-ignore
 	    return window.utuWeb3Provider || window.ethereum;
-	  };
+	  }
+	  /**
+	   * Determines which network to use for endorsements.
+	   */
+
 
-	  var requestNetworkChange = /*#__PURE__*/function () {
-	    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(provider, selectedNetwork) {
+	  function getEndorsementNetwork() {
+	    var _props$ATTR_ENDORSEME;
+
+	    return (_props$ATTR_ENDORSEME = props[ATTR_ENDORSEMENT_NETWORK]) !== null && _props$ATTR_ENDORSEME !== void 0 ? _props$ATTR_ENDORSEME : getDefaultNetworkName();
+	  }
+	  /**
+	   * Switches to the given network, adding it if necessary.
+	   */
+
+
+	  function switchNetwork(_x) {
+	    return _switchNetwork.apply(this, arguments);
+	  }
+	  /**
+	   * return the UTU contract instance on the given network
+	   */
+
+
+	  function _switchNetwork() {
+	    _switchNetwork = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(network) {
+	      var provider;
 	      return _regeneratorRuntime().wrap(function _callee$(_context) {
 	        while (1) {
 	          switch (_context.prev = _context.next) {
 	            case 0:
-	              _context.next = 2;
-	              return provider.request({
-	                method: "wallet_switchEthereumChain",
-	                params: [{
-	                  chainId: hexStripZeros(hexlify(selectedNetwork.chainId))
-	                }]
-	              });
+	              provider = getProvider();
+	              _context.prev = 1;
+	              _context.next = 4;
+	              return requestNetworkChange(provider, network);
 
-	            case 2:
+	            case 4:
+	              _context.next = 14;
+	              break;
+
+	            case 6:
+	              _context.prev = 6;
+	              _context.t0 = _context["catch"](1);
+	              console.log(_context.t0, _context.t0.message);
+
+	              if (!(_context.t0.code === 4902 || _context.t0.message.toLowerCase().includes("unrecognized"))) {
+	                _context.next = 14;
+	                break;
+	              }
+
+	              _context.next = 12;
+	              return addNetwork(provider, network);
+
+	            case 12:
+	              _context.next = 14;
+	              return requestNetworkChange(provider, network);
+
+	            case 14:
 	            case "end":
 	              return _context.stop();
 	          }
 	        }
-	      }, _callee);
+	      }, _callee, null, [[1, 6]]);
 	    }));
+	    return _switchNetwork.apply(this, arguments);
+	  }
 
-	    return function requestNetworkChange(_x, _x2) {
-	      return _ref.apply(this, arguments);
-	    };
-	  }();
+	  function getContractInstance(_x2) {
+	    return _getContractInstance.apply(this, arguments);
+	  }
+	  /**
+	   * returns the current connected address
+	   */
 
-	  var addNetwork = /*#__PURE__*/function () {
-	    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(provider, selectedNetwork) {
+
+	  function _getContractInstance() {
+	    _getContractInstance = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(network) {
+	      var UTT_CONTRACT_ADDRESS, web3Provider, signer;
 	      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
 	        while (1) {
 	          switch (_context2.prev = _context2.next) {
 	            case 0:
-	              _context2.next = 2;
-	              return provider.request({
-	                method: "wallet_addEthereumChain",
-	                params: [_objectSpread2(_objectSpread2({}, selectedNetwork), {}, {
-	                  chainId: hexStripZeros(hexlify(selectedNetwork.chainId))
-	                })]
-	              });
+	              UTT_CONTRACT_ADDRESS = getUTTContractAddress(network);
+	              _context2.next = 3;
+	              return new Web3Provider(getProvider());
 
-	            case 2:
+	            case 3:
+	              web3Provider = _context2.sent;
+	              signer = web3Provider.getSigner();
+	              return _context2.abrupt("return", new Contract(UTT_CONTRACT_ADDRESS, abi, signer));
+
+	            case 6:
 	            case "end":
 	              return _context2.stop();
 	          }
 	        }
 	      }, _callee2);
 	    }));
+	    return _getContractInstance.apply(this, arguments);
+	  }
 
-	    return function addNetwork(_x3, _x4) {
-	      return _ref2.apply(this, arguments);
-	    };
-	  }();
+	  function getConnectedAddress() {
+	    return _getConnectedAddress.apply(this, arguments);
+	  }
+	  /**
+	   * Creates an endorsement transaction
+	   * @param address the target address of the endorsement
+	   * @param amount the amount of UTT to stake on the endorsement
+	   * @param transactionId the business transaction id (might or might not be an Ethereum tx id) to record with the
+	   *      endorsement, if any
+	   */
 
-	  var CURRENT_NETWORK = String(props[ATTR_ENDORSEMENT_NETWORK]).toLowerCase().trim();
 
-	  var switchNetwork = /*#__PURE__*/function () {
-	    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-	      var provider, selectedNetwork;
+	  function _getConnectedAddress() {
+	    _getConnectedAddress = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+	      var web3Provider, signer;
 	      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
 	        while (1) {
 	          switch (_context3.prev = _context3.next) {
 	            case 0:
-	              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-	              // @ts-ignore
-	              provider = getProvider();
-	              selectedNetwork = networks[CURRENT_NETWORK] || getDefaultNetwork();
-	              _context3.prev = 2;
-	              _context3.next = 5;
-	              return requestNetworkChange(provider, selectedNetwork);
-
-	            case 5:
-	              _context3.next = 15;
-	              break;
-
-	            case 7:
-	              _context3.prev = 7;
-	              _context3.t0 = _context3["catch"](2);
-	              console.log(_context3.t0, _context3.t0.message);
-
-	              if (!(_context3.t0.code === 4902 || _context3.t0.message.toLowerCase().includes("unrecognized"))) {
-	                _context3.next = 15;
-	                break;
-	              }
-
-	              _context3.next = 13;
-	              return addNetwork(provider, selectedNetwork);
+	              _context3.next = 2;
+	              return new Web3Provider(getProvider());
 
-	            case 13:
-	              _context3.next = 15;
-	              return requestNetworkChange(provider, selectedNetwork);
+	            case 2:
+	              web3Provider = _context3.sent;
+	              signer = web3Provider.getSigner();
+	              return _context3.abrupt("return", signer.getAddress());
 
-	            case 15:
+	            case 5:
 	            case "end":
 	              return _context3.stop();
 	          }
 	        }
-	      }, _callee3, null, [[2, 7]]);
+	      }, _callee3);
 	    }));
+	    return _getConnectedAddress.apply(this, arguments);
+	  }
 
-	    return function switchNetwork() {
-	      return _ref3.apply(this, arguments);
-	    };
-	  }();
+	  function endorse(_x3, _x4, _x5) {
+	    return _endorse.apply(this, arguments);
+	  }
 
-	  var sendTransaction = /*#__PURE__*/function () {
-	    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(address, amount, transactionId) {
-	      var UTT_CONTRACT_ADDRESS, web3Provider, signer, contract, transaction;
+	  function _endorse() {
+	    _endorse = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(address, amount, transactionId) {
+	      var network, contract, connectedAddress, utuBalance, transaction;
 	      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
 	        while (1) {
 	          switch (_context4.prev = _context4.next) {
 	            case 0:
-	              _context4.next = 2;
-	              return switchNetwork();
+	              network = getEndorsementNetwork();
+	              _context4.next = 3;
+	              return switchNetwork(network);
 
-	            case 2:
-	              UTT_CONTRACT_ADDRESS = getUTTContractAddress(CURRENT_NETWORK || DEFAULT_NETWORK);
+	            case 3:
 	              _context4.next = 5;
-	              return new Web3Provider(getProvider());
+	              return getContractInstance(network);
 
 	            case 5:
-	              web3Provider = _context4.sent;
-	              signer = web3Provider.getSigner();
-	              contract = new Contract(UTT_CONTRACT_ADDRESS, abi, signer);
-	              _context4.next = 10;
+	              contract = _context4.sent;
+	              _context4.next = 8;
+	              return getConnectedAddress();
+
+	            case 8:
+	              connectedAddress = _context4.sent;
+	              _context4.next = 11;
+	              return contract.balanceOf(connectedAddress);
+
+	            case 11:
+	              utuBalance = _context4.sent;
+
+	              if (!(Number(utuBalance) < Number(amount))) {
+	                _context4.next = 14;
+	                break;
+	              }
+
+	              throw new Error("Insufficient UTU tokens");
+
+	            case 14:
+	              _context4.next = 16;
 	              return contract.endorse(address, String(amount), transactionId);
 
-	            case 10:
+	            case 16:
 	              transaction = _context4.sent;
-	              _context4.next = 13;
+	              _context4.next = 19;
 	              return transaction.wait();
 
-	            case 13:
+	            case 19:
 	              return _context4.abrupt("return", transaction);
 
-	            case 14:
+	            case 20:
 	            case "end":
 	              return _context4.stop();
 	          }
 	        }
 	      }, _callee4);
 	    }));
+	    return _endorse.apply(this, arguments);
+	  }
 
-	    return function sendTransaction(_x5, _x6, _x7) {
-	      return _ref4.apply(this, arguments);
-	    };
-	  }();
-
-	  function onSubmit(_x8) {
+	  function onSubmit(_x6) {
 	    return _onSubmit.apply(this, arguments);
 	  }
 
 	  function _onSubmit() {
-	    _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref5) {
+	    _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref) {
 	      var amount;
 	      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
 	        while (1) {
 	          switch (_context5.prev = _context5.next) {
 	            case 0:
-	              amount = _ref5.amount;
+	              amount = _ref.amount;
 
 	              if (amount) {
 	                _context5.next = 3;
@@ -34450,7 +34697,7 @@
 	              setTxError("");
 	              _context5.prev = 4;
 	              _context5.next = 7;
-	              return sendTransaction(props[ATTR_TARGET_UUID], amount, props[ATTR_TRANSACTION_ID]);
+	              return endorse(props[ATTR_TARGET_UUID], amount, props[ATTR_TRANSACTION_ID]);
 
 	            case 7:
 	              _context5.next = 13;
@@ -34472,8 +34719,8 @@
 	    return _onSubmit.apply(this, arguments);
 	  }
 
-	  var showError = function showError(_ref6) {
-	    var amount = _ref6.amount;
+	  var showError = function showError(_ref2) {
+	    var amount = _ref2.amount;
 
 	    switch (amount === null || amount === void 0 ? void 0 : amount.type) {
 	      case "required":
@@ -34506,7 +34753,7 @@
 	  }, "Would you like to Endorse ?"), h$2("p", {
 	    className: "endor-text-info",
 	    "data-bs-toggle": "tooltip",
-	    title: " To endorse, you need to have some UTT  in your account. Make sure you have a  sufficient balance in your account"
+	    title: " To endorse, you need to have some UTT in your account. Make sure you have a sufficient balance in your account"
 	  }, "i")), h$2("p", {
 	    className: "endor-text-body"
 	  }, "When you endorse a platform, it means you have personally had a good experience and want to back your rating by staking an amount of UTT (UTU trust token) on the platform.")), h$2("form", {
@@ -45187,163 +45434,6 @@
 	  }));
 	}
 
-	var $String = String;
-	var $TypeError = TypeError;
-
-	var aPossiblePrototype = function (argument) {
-	  if (typeof argument == 'object' || isCallable(argument)) return argument;
-	  throw $TypeError("Can't set " + $String(argument) + ' as a prototype');
-	};
-
-	/* eslint-disable no-proto -- safe */
-
-	// `Object.setPrototypeOf` method
-	// https://tc39.es/ecma262/#sec-object.setprototypeof
-	// Works with __proto__ only. Old v8 can't work with null proto objects.
-	// eslint-disable-next-line es-x/no-object-setprototypeof -- safe
-
-
-	var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
-	  var CORRECT_SETTER = false;
-	  var test = {};
-	  var setter;
-
-	  try {
-	    // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
-	    setter = functionUncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
-	    setter(test, []);
-	    CORRECT_SETTER = test instanceof Array;
-	  } catch (error) {
-	    /* empty */
-	  }
-
-	  return function setPrototypeOf(O, proto) {
-	    anObject(O);
-	    aPossiblePrototype(proto);
-	    if (CORRECT_SETTER) setter(O, proto);else O.__proto__ = proto;
-	    return O;
-	  };
-	}() : undefined);
-
-	// makes subclassing work correct for wrapped built-ins
-
-
-	var inheritIfRequired = function ($this, dummy, Wrapper) {
-	  var NewTarget, NewTargetPrototype;
-	  if ( // it can work only with native `setPrototypeOf`
-	  objectSetPrototypeOf && // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
-	  isCallable(NewTarget = dummy.constructor) && NewTarget !== Wrapper && isObject$2(NewTargetPrototype = NewTarget.prototype) && NewTargetPrototype !== Wrapper.prototype) objectSetPrototypeOf($this, NewTargetPrototype);
-	  return $this;
-	};
-
-	// `thisNumberValue` abstract operation
-	// https://tc39.es/ecma262/#sec-thisnumbervalue
-
-
-	var thisNumberValue = functionUncurryThis(1.0.valueOf);
-
-	var getOwnPropertyNames = objectGetOwnPropertyNames.f;
-
-	var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-
-	var defineProperty = objectDefineProperty.f;
-
-
-
-	var trim = stringTrim.trim;
-
-	var NUMBER = 'Number';
-	var NativeNumber = global$1[NUMBER];
-	var NumberPrototype = NativeNumber.prototype;
-	var TypeError$1 = global$1.TypeError;
-	var arraySlice = functionUncurryThis(''.slice);
-	var charCodeAt = functionUncurryThis(''.charCodeAt); // `ToNumeric` abstract operation
-	// https://tc39.es/ecma262/#sec-tonumeric
-
-	var toNumeric = function (value) {
-	  var primValue = toPrimitive(value, 'number');
-	  return typeof primValue == 'bigint' ? primValue : toNumber(primValue);
-	}; // `ToNumber` abstract operation
-	// https://tc39.es/ecma262/#sec-tonumber
-
-
-	var toNumber = function (argument) {
-	  var it = toPrimitive(argument, 'number');
-	  var first, third, radix, maxCode, digits, length, index, code;
-	  if (isSymbol$1(it)) throw TypeError$1('Cannot convert a Symbol value to a number');
-
-	  if (typeof it == 'string' && it.length > 2) {
-	    it = trim(it);
-	    first = charCodeAt(it, 0);
-
-	    if (first === 43 || first === 45) {
-	      third = charCodeAt(it, 2);
-	      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix
-	    } else if (first === 48) {
-	      switch (charCodeAt(it, 1)) {
-	        case 66:
-	        case 98:
-	          radix = 2;
-	          maxCode = 49;
-	          break;
-	        // fast equal of /^0b[01]+$/i
-
-	        case 79:
-	        case 111:
-	          radix = 8;
-	          maxCode = 55;
-	          break;
-	        // fast equal of /^0o[0-7]+$/i
-
-	        default:
-	          return +it;
-	      }
-
-	      digits = arraySlice(it, 2);
-	      length = digits.length;
-
-	      for (index = 0; index < length; index++) {
-	        code = charCodeAt(digits, index); // parseInt parses a string to a first unavailable symbol
-	        // but ToNumber should return NaN if a string contains unavailable symbols
-
-	        if (code < 48 || code > maxCode) return NaN;
-	      }
-
-	      return parseInt(digits, radix);
-	    }
-	  }
-
-	  return +it;
-	}; // `Number` constructor
-	// https://tc39.es/ecma262/#sec-number-constructor
-
-
-	if (isForced_1(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'))) {
-	  var NumberWrapper = function Number(value) {
-	    var n = arguments.length < 1 ? 0 : NativeNumber(toNumeric(value));
-	    var dummy = this; // check on 1..constructor(foo) case
-
-	    return objectIsPrototypeOf(NumberPrototype, dummy) && fails(function () {
-	      thisNumberValue(dummy);
-	    }) ? inheritIfRequired(Object(n), dummy, NumberWrapper) : n;
-	  };
-
-	  for (var keys = descriptors ? getOwnPropertyNames(NativeNumber) : ( // ES3:
-	  'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' + // ES2015 (in case, if modules with ES2015 Number statics required before):
-	  'EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,' + // ESNext
-	  'fromString,range').split(','), j = 0, key; keys.length > j; j++) {
-	    if (hasOwnProperty_1(NativeNumber, key = keys[j]) && !hasOwnProperty_1(NumberWrapper, key)) {
-	      defineProperty(NumberWrapper, key, getOwnPropertyDescriptor(NativeNumber, key));
-	    }
-	  }
-
-	  NumberWrapper.prototype = NumberPrototype;
-	  NumberPrototype.constructor = NumberWrapper;
-	  defineBuiltIn(global$1, NUMBER, NumberWrapper, {
-	    constructor: true
-	  });
-	}
-
 	var css_248z$b = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\n.trust-video {\n  border: none;\n  width: 100%;\n  height: auto;\n  transform: rotateY(180deg);\n  -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n  -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n  width: 100%;\n  margin-top: -80%;\n  align-items: center;\n}\n.trust-video-wrapper:hover .trust-video-controls {\n  visibility: visible;\n  opacity: 1;\n}\n.trust-video-msg {\n  display: flex;\n  align-items: center;\n}\n.trust-video-controls {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  margin-top: 35%;\n  transform: translate(0, -50%);\n  padding-left: 36px;\n  border-radius: 10px;\n  height: 4em;\n  align-items: center;\n  justify-content: space-between;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 0.25s ease-out;\n  display: none;\n}\n.trust-video-controls.show {\n  display: flex;\n}\n.trust-video-play {\n  border-color: transparent;\n  transition: 0.3s;\n  font-size: 3em;\n  margin: auto;\n  line-height: 1.5em;\n  width: 3em;\n  height: 3em;\n  padding: 0;\n  cursor: pointer;\n  opacity: 1;\n  background-color: #ffdd33;\n  border-radius: 50%;\n  font: normal normal normal 18px/1 FontAwesome;\n}\n.trust-video-play:before {\n  content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n  content: \"\\f04c\";\n}\n.trust-video-volume {\n  border-color: transparent;\n  color: rgba(43, 51, 63, 0.7);\n  font-size: 3em;\n  border-radius: 20%;\n  line-height: 1.5em;\n  width: 2em;\n  height: 1.5em;\n  font: normal normal normal 18px/1 FontAwesome;\n  background-color: rgba(255, 221, 51, 0.7);\n  left: 20px;\n}\n.trust-video-volume:before {\n  content: \"\\f028\";\n}\n.trust-video-volume.off:before {\n  content: \"\\f026\";\n}\n.trust-video-fullscreen {\n  border-color: transparent;\n  color: rgba(43, 51, 63, 0.7);\n  font-size: 3em;\n  line-height: 2.5rem;\n  width: 3em;\n  border-radius: 20%;\n  height: 2.5rem;\n  margin-right: 5%;\n  font: normal normal normal 18px/1 FontAwesome;\n  background-color: rgba(255, 221, 51, 0.7);\n  right: 20px;\n}\n.trust-video-fullscreen:before {\n  content: \"\\f065\";\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n  .trust-video-wrapper {\n    margin-top: 20%;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .trust-video {\n    border: none;\n    width: 70%;\n  }\n}";
 	styleInject(css_248z$b);