@ututrust/web-components 1.1.29 → 1.2.1

package/dist/index.js

@@ -9613,7 +9613,7 @@
 	var LOCAL_STORAGE_KEY_UTU_IDENTITY_DATA = "utu-identity-data"; // UTT Endorsement Contracts
 
 	var UTT_CONTRACT_ADDRESS_TEST = "0x19bc90FfBDCaD53c48eF0b08A67B0D2563AEE2a8";
-	var UTT_CONTRACT_ADDRESS_PRODUCTION = "0x16BB94096149F69E520E1108DfdC8FfCD8F96Cd8";
+	var UTT_CONTRACT_ADDRESS_PRODUCTION = "0xD86E6bFe6Fe788f4973F7510130214bE81be4D2C";
 
 	function e$1(e) {
 	  this.message = e;
@@ -45953,7 +45953,7 @@
 	  }
 	});
 
-	var css_248z$7 = "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-avatar {\n  width: 2rem;\n}\n\n.endorsement-body {\n  display: flex;\n}\n\n.endor-text {\n  width: 100%;\n  justify-content: space-around;\n  padding-left: 3rem;\n  padding-right: 3rem;\n  font-size: 1rem;\n  align-items: center;\n}\n.endor-text-light {\n  color: black;\n}\n.endor-text-dark {\n  color: white;\n}\n.endor-text-section {\n  width: 100%;\n  padding-top: 2.5rem;\n  padding-bottom: 2.5rem;\n  align-items: center;\n}\n.endor-text-stakes-item {\n  font-size: 1.5rem;\n}\n.endor-text-stakes-item-light {\n  color: black;\n}\n.endor-text-stakes-item-dark {\n  color: white;\n}\n.endor-text-stakes-item-2 {\n  font-size: 1rem;\n}\n.endor-text-stakes-item-2-light {\n  color: black;\n}\n.endor-text-stakes-item-2-dark {\n  color: white;\n}\n.endor-text-contacts-section {\n  align-items: center;\n  margin-top: 1rem;\n  padding-left: 3rem;\n  padding-right: 3rem;\n  font-size: 0.7rem;\n}\n.endor-text-contacts-section-light {\n  color: black;\n}\n.endor-text-contacts-section-dark {\n  color: white;\n}\n.endor-text-contacts-body {\n  font-size: 1rem;\n  text-align: start;\n  margin-bottom: 0;\n}\n.endor-text-image-item {\n  margin-left: -15px;\n  height: 4rem;\n  border-radius: 50%;\n}\n.endor-text-image-item-light {\n  border: 2px solid rgb(251, 201, 61);\n}\n.endor-text-image-item-dark {\n  border: 2px solid rgb(251, 201, 61);\n}";
+	var css_248z$7 = "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-avatar {\n  width: 2rem;\n}\n\n.endorsement-body {\n  display: flex;\n}\n\n.truncate-text {\n  display: inline-block;\n  width: 5rem;\n  margin: -5px 5px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.endor-text {\n  width: 100%;\n  justify-content: space-around;\n  padding-left: 3rem;\n  padding-right: 3rem;\n  font-size: 1rem;\n  align-items: center;\n}\n.endor-text-light {\n  color: black;\n}\n.endor-text-dark {\n  color: white;\n}\n.endor-text-section {\n  width: 100%;\n  padding-top: 2.5rem;\n  padding-bottom: 2.5rem;\n  align-items: center;\n}\n.endor-text-stakes-item {\n  font-size: 1.5rem;\n}\n.endor-text-stakes-item-light {\n  color: black;\n}\n.endor-text-stakes-item-dark {\n  color: white;\n}\n.endor-text-stakes-item-2 {\n  font-size: 1rem;\n}\n.endor-text-stakes-item-2-light {\n  color: black;\n}\n.endor-text-stakes-item-2-dark {\n  color: white;\n}\n.endor-text-contacts-section {\n  align-items: center;\n  margin-top: 1rem;\n  padding-left: 3rem;\n  padding-right: 3rem;\n  font-size: 0.7rem;\n}\n.endor-text-contacts-section-light {\n  color: black;\n}\n.endor-text-contacts-section-dark {\n  color: white;\n}\n.endor-text-contacts-body {\n  font-size: 1rem;\n  text-align: start;\n  margin-bottom: 0;\n}\n.endor-text-image-item {\n  margin-left: -15px;\n  height: 4rem;\n  border-radius: 50%;\n}\n.endor-text-image-item-light {\n  border: 2px solid rgb(251, 201, 61);\n}\n.endor-text-image-item-dark {\n  border: 2px solid rgb(251, 201, 61);\n}";
 	styleInject(css_248z$7);
 
 	// const minLength = 5;
@@ -46013,7 +46013,7 @@
 
 	    return (_i$source3 = i.source) === null || _i$source3 === void 0 ? void 0 : _i$source3.name.slice(-3);
 	  });
-	  var endorName = nameFirst === null || nameFirst === void 0 ? void 0 : nameFirst.concat(nameSec); // stake
+	  nameFirst === null || nameFirst === void 0 ? void 0 : nameFirst.concat(nameSec); // stake
 	  // const endorStk = endorsements.map(i => i.endorsement?.value)
 
 	  return h$2(BaseComponent, {
@@ -46026,7 +46026,7 @@
 	  }, h$2("div", {
 	    className: "endor-text endor-text-".concat(envCondition)
 	  }, endorsements.map(function (i) {
-	    var _i$endorsement, _i$endorsement2;
+	    var _i$source4, _i$endorsement, _i$endorsement2;
 
 	    return h$2("div", {
 	      className: "py-3 px-5 endorsement-body"
@@ -46035,10 +46035,12 @@
 	    }, endorImg()), h$2("div", {
 	      className: "endor-text-contacts-section"
 	    }, h$2("p", {
-	      className: "endor-text-contacts-body"
-	    }, "Your connection ", h$2("b", {
-	      className: "mx-1"
-	    }, endorName), "has endorsed ", h$2("b", {
+	      className: "endor-text-contacts-body "
+	    }, "Your connection ", h$2("span", {
+	      className: "truncate-text"
+	    }, h$2("b", {
+	      className: ""
+	    }, (_i$source4 = i.source) === null || _i$source4 === void 0 ? void 0 : _i$source4.name)), "has endorsed ", h$2("b", {
 	      className: "mx-1"
 	    }, (_i$endorsement = i.endorsement) === null || _i$endorsement === void 0 ? void 0 : _i$endorsement.value, " UTT "), " ")), h$2("div", {
 	      className: "endor-text-stakes"