@ututrust/web-components 2.0.10 → 2.0.12

package/dist/index.js

@@ -43982,6 +43982,10 @@
 	    _useState4 = _slicedToArray(_useState3, 2),
 	    txError = _useState4[0],
 	    setTxError = _useState4[1];
+	  var _useState5 = p(SubmitStatus.idle),
+	    _useState6 = _slicedToArray(_useState5, 2),
+	    submitStatus = _useState6[0],
+	    setSubmitStatus = _useState6[1];
 	  if (props[ATTR_THEME_COLOR] === "dark") {
 	    setIsDark(true);
 	  }
@@ -44286,26 +44290,31 @@
 	            case 3:
 	              setTxError("");
 	              _context7.prev = 4;
-	              _context7.next = 7;
+	              setSubmitStatus(SubmitStatus.submitting);
+	              _context7.next = 8;
 	              return isWalletConnected();
-	            case 7:
-	              _context7.next = 9;
+	            case 8:
+	              _context7.next = 10;
 	              return endorse(props[ATTR_TARGET_UUID], amount, props[ATTR_TRANSACTION_ID]);
-	            case 9:
-	              _context7.next = 16;
+	            case 10:
+	              setSubmitStatus(SubmitStatus.success);
+	              resetSubmitStatusDelayed(setSubmitStatus);
+	              _context7.next = 21;
 	              break;
-	            case 11:
-	              _context7.prev = 11;
+	            case 14:
+	              _context7.prev = 14;
 	              _context7.t0 = _context7["catch"](4);
 	              console.log(_context7.t0);
 	              errorMessage = _context7.t0.data ? _context7.t0.data.message : _context7.t0.message;
 	              setTxError(errorMessage.length > 100 ? "".concat(errorMessage.substring(0, 100), "...") : errorMessage);
-	            case 16:
+	              setSubmitStatus(SubmitStatus.error);
+	              resetSubmitStatusDelayed(setSubmitStatus);
+	            case 21:
 	            case "end":
 	              return _context7.stop();
 	          }
 	        }
-	      }, _callee7, null, [[4, 11]]);
+	      }, _callee7, null, [[4, 14]]);
 	    }));
 	    return _onSubmit.apply(this, arguments);
 	  }
@@ -44371,13 +44380,15 @@
 	    className: "mt-1 x-utu-error"
 	  }, errors.amount && "* ".concat(showError(errors))), txError && v$2("div", {
 	    className: "mt-1 x-utu-error"
-	  }, txError)), v$2("div", null, v$2("button", {
+	  }, txError)), v$2("div", null, v$2(SubmitStatusView, {
+	    submitStatus: submitStatus
+	  }, v$2("button", {
 	    style: {
 	      backgroundColor: props[ATTR_BTN_COLOR] === undefined ? null : "".concat(props[ATTR_BTN_COLOR])
 	    },
 	    className: "endor-btn x-utu-btn x-utu-btn-".concat(envCondition),
 	    type: "submit"
-	  }, "Endorse")))));
+	  }, "Endorse"))))));
 	}
 
 	var reactStars = {};
@@ -46731,7 +46742,7 @@
 	    className: "placeholder-text-title"
 	  }, "No endorsements available"), v$2("div", {
 	    className: "placeholder-text-body"
-	  }, "when your people from your network endorse for this entity they will appear here."))) : displayEndorsements.map(function (i) {
+	  }, "When your people in your network endorse this entity they will appear here."))) : displayEndorsements.map(function (i) {
 	    var _i$endorsement;
 	    return v$2("div", {
 	      className: "endor-text endor-text-".concat(envCondition)
@@ -46782,7 +46793,7 @@
 	    className: "placeholder-text-title"
 	  }, "No star ratings available"), v$2("div", {
 	    className: "placeholder-text-body"
-	  }, "when your people from your network leave star ratings for this entity they will appear here."))) : v$2("section", {
+	  }, "When people in your network leave star ratings for this entity they will appear here."))) : v$2("section", {
 	    className: "stars-section x-utu-section-".concat(envCondition)
 	  }, v$2("div", {
 	    className: "stars-section-align"
@@ -56373,7 +56384,7 @@
 	    className: "placeholder-text-title"
 	  }, "No badges available"), v$2("div", {
 	    className: "placeholder-text-body"
-	  }, "when your people from your network leave badges for this entity they will appear here.")));
+	  }, "When people in your network leave badges for this entity they will appear here.")));
 	  return v$2(FeedbackDetailsShimmerAnimation, {
 	    submitStatus: props.submitStatus
 	  }, v$2(BaseComponent, {
@@ -56531,7 +56542,7 @@
 	    className: "placeholder-text-title"
 	  }, "No video reviews available"), v$2("div", {
 	    className: "placeholder-text-body"
-	  }, "when your people from your network leave video reviews for this entity they will appear here."))) : v$2("div", null, v$2("div", {
+	  }, "When people in your network leave video reviews for this entity they will appear here."))) : v$2("div", null, v$2("div", {
 	    className: "avatar-img-top-video-profile"
 	  }, profileImage ? videos.map(function (i) {
 	    return v$2(UserImageVideo, _extends$1({
@@ -56584,7 +56595,7 @@
 	    className: "placeholder-text-title"
 	  }, "No text reviews available"), v$2("div", {
 	    className: "placeholder-text-body"
-	  }, "when your people from your network leave text reviews for this entity they will appear here."))) : v$2("section", {
+	  }, "When people in your network leave text reviews for this entity they will appear here."))) : v$2("section", {
 	    style: {
 	      padding: "2rem 0"
 	    },