@huma-finance/widgets 0.0.61-beta.546 → 0.0.61-beta.547

package/dist/cjs/index.cjs

@@ -6291,8 +6291,8 @@ var STATE = /*#__PURE__*/function (STATE) {
   STATE["SignIn"] = "SignIn";
   STATE["Congrats"] = "Congrats";
   return STATE;
-}(STATE || {}); // const ERROR_MESSAGE =
-//   'Failed to update wallet points. Be assured that your points will be added later.'
+}(STATE || {});
+const ERROR_MESSAGE = 'Failed to update wallet points. Be assured that your points will be added later.';
 function PointsEarned(_ref) {
   let {
     transactionHash,
@@ -6303,6 +6303,7 @@ function PointsEarned(_ref) {
   const theme = material.useTheme();
   const isDev = shared.checkIsDev();
   const dispatch = reactRedux.useDispatch();
+  const reset = utils.useResetAtom(webShared.txAtom);
   const {
     account,
     chainId
@@ -6311,84 +6312,66 @@ function PointsEarned(_ref) {
   const hasPointsAccumulated = !shared.isEmpty(pointsAccumulated) && pointsAccumulated > 0;
   const lockupMonths = Math.round(lpConfig.withdrawalLockoutPeriodInDays / 30);
   const monthText = lockupMonths > 1 ? "".concat(lockupMonths, " months") : "".concat(lockupMonths, " month");
-
-  // const {
-  //   errorType,
-  //   setError: setAuthError,
-  //   isWalletOwnershipVerified,
-  //   isWalletOwnershipVerificationRequired,
-  // } = useAuthErrorHandling(isDev)
-  // const [walletOwnership, setWalletOwnership] = useState<boolean | undefined>()
+  const {
+    errorType,
+    setError: setAuthError,
+    isWalletOwnershipVerified,
+    isWalletOwnershipVerificationRequired
+  } = webShared.useAuthErrorHandling(isDev);
+  const [walletOwnership, setWalletOwnership] = React.useState();
   const [state, setState] = React.useState(STATE.Loading);
-
-  // useEffect(() => {
-  //   if (isWalletOwnershipVerificationRequired) {
-  //     setState(STATE.Loading)
-  //   }
-  // }, [isWalletOwnershipVerificationRequired])
-
-  // useEffect(() => {
-  //   if (isWalletOwnershipVerified) {
-  //     setWalletOwnership(true)
-  //   }
-  // }, [isWalletOwnershipVerified])
-
-  // useEffect(() => {
-  //   const checkWalletOwnership = async () => {
-  //     const ownership = await CampaignService.checkWalletOwnership(
-  //       account!,
-  //       isDev,
-  //       pointsTestnetExperience,
-  //     )
-  //     setWalletOwnership(ownership)
-  //     if (!ownership) {
-  //       setAuthError('WalletNotSignInException')
-  //     }
-  //   }
-  //   checkWalletOwnership()
-  // }, [account, isDev, pointsTestnetExperience, setAuthError])
-
-  // useEffect(() => {
-  //   if (errorType === 'NotSignedIn') {
-  //     setState(STATE.SignIn)
-  //   } else if (errorType === 'UserRejected') {
-  //     dispatch(
-  //       setError({
-  //         errorMessage: 'User has rejected the transaction.',
-  //       }),
-  //     )
-  //   } else if (errorType === 'Other') {
-  //     dispatch(
-  //       setError({
-  //         errorMessage: ERROR_MESSAGE,
-  //       }),
-  //     )
-  //   }
-  // }, [dispatch, errorType])
-
+  React.useEffect(() => {
+    if (isWalletOwnershipVerificationRequired) {
+      setState(STATE.Loading);
+    }
+  }, [isWalletOwnershipVerificationRequired]);
+  React.useEffect(() => {
+    if (isWalletOwnershipVerified) {
+      setWalletOwnership(true);
+    }
+  }, [isWalletOwnershipVerified]);
+  React.useEffect(() => {
+    const checkWalletOwnership = async () => {
+      const ownership = await shared.CampaignService.checkWalletOwnership(account, isDev, pointsTestnetExperience);
+      setWalletOwnership(ownership);
+      if (!ownership) {
+        setAuthError('WalletNotSignInException');
+      }
+    };
+    checkWalletOwnership();
+  }, [account, isDev, pointsTestnetExperience, setAuthError]);
+  React.useEffect(() => {
+    if (errorType === 'NotSignedIn') {
+      setState(STATE.SignIn);
+    } else if (errorType === 'UserRejected') {
+      dispatch(setError({
+        errorMessage: 'User has rejected the transaction.'
+      }));
+    } else if (errorType === 'Other') {
+      dispatch(setError({
+        errorMessage: ERROR_MESSAGE
+      }));
+    }
+  }, [dispatch, errorType]);
   React.useEffect(() => {
     const updateWalletPoints = async () => {
-      // if (walletOwnership) {
-      try {
-        // const result = await CampaignService.updateWalletPoints(
-        //   account!,
-        //   transactionHash,
-        //   chainId!,
-        //   isDev,
-        //   pointsTestnetExperience,
-        // )
-        // setPointsAccumulated(result.pointsAccumulated)
-        setPointsAccumulated(5000);
-        setState(STATE.Congrats);
-      } catch (error) {
-        console.error('Failed to update wallet points', error);
+      if (walletOwnership) {
+        try {
+          const result = await shared.CampaignService.updateWalletPoints(account, transactionHash, chainId, isDev, pointsTestnetExperience);
+          setPointsAccumulated(result.pointsAccumulated);
+          setState(STATE.Congrats);
+        } catch (error) {
+          console.error('Failed to update wallet points', error);
+        }
       }
-      // }
     };
     updateWalletPoints();
-  }, [account, chainId, dispatch, isDev, pointsTestnetExperience, transactionHash
-  // walletOwnership,
-  ]);
+  }, [account, chainId, dispatch, isDev, pointsTestnetExperience, transactionHash, walletOwnership]);
+  const handleCloseModal = React.useCallback(() => {
+    reset();
+    dispatch(resetState());
+    handleAction();
+  }, [dispatch, handleAction, reset]);
   const styles = {
     wrapper: material.css(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n      height: 518px;\n      position: relative;\n    "]))),
     congrats: material.css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n      margin: ", ";\n    "])), theme.spacing(-4, -4.5, 0, -4.5)),
@@ -6436,7 +6419,7 @@ function PointsEarned(_ref) {
         }), " for", ' ', monthText, " straight. Plus, If you keep your investment till after", ' ', monthText, ", you\u2019ll gain extra points daily."]
       }), jsxRuntime.jsx(BottomButton, {
         variant: "contained",
-        onClick: handleAction,
+        onClick: handleCloseModal,
         children: "GREAT"
       })]
     });