Update self create flow to remove creation of application account (#733)

- Removed the mention of 3N for widget account
- Directly added use of sputnik-dao for creation of treasury
- Updated links to navigate to react version instead of web4

Author: Megha-Dev-19

instances/treasury-factory.near/widget/components/SuccessPage.jsx

@@ -92,11 +92,6 @@ return (
     </div>
     <div className="card w-100 d-flex flex-column gap-4 border-0">
       <div className="border border-1 rounded-3 p-0">
-        <AccountDisplay
-          label={"NEAR"}
-          prefix=".near"
-          tooltipInfo="This NEAR account name will be used for the application's URL and other management purposes, not the actual account where the funds will be held."
-        />
         <AccountDisplay
           label={"Sputnik DAO"}
           prefix=".sputnik-dao.near"
@@ -107,7 +102,7 @@ return (
       <div className="d-flex gap-3 align-items-center">
         <a
           className="btn btn-primary w-100"
-          href={`https://${accountName}.near.page`}
+          href={`https://app.neartreasury.com/${accountName}.sputnik-dao.near`}
           target="_blank"
           rel="noopener noreferrer"
         >

instances/treasury-factory.near/widget/components/create-treasury/ConfirmWalletStep.jsx

@@ -4,7 +4,7 @@ const { getNearBalances } = VM.require(
 if (!getNearBalances) return <></>;
 
 const { setCurrentPage } = props;
-const REQUIRED_BALANCE = 9;
+const REQUIRED_BALANCE = 6;
 
 let balance = getNearBalances(context.accountId);
 balance = balance ? parseFloat(balance.availableParsed) : 0;
@@ -76,14 +76,6 @@ return (
             value={6}
             info="Estimated one-time costs to store info in SputnikDAO"
           />
-          <SummaryListItem
-            title="Frontend BOS Widget Hosting"
-            value={3}
-            info="Estimated one-time costs to store info in BOS"
-          />
-          <b>
-            <SummaryListItem title="Total" value={REQUIRED_BALANCE} />
-          </b>
         </ul>
       </div>
       {balance < REQUIRED_BALANCE && (

instances/treasury-factory.near/widget/components/create-treasury/CreateAppAccountStep.jsx

@@ -51,21 +51,20 @@ const checkAccountAvailability = async (accountId, postfix) => {
 };
 
 const validateInput = () => {
-  setAlertMsg({ ".near": null });
+  setAlertMsg({ ".sputnik-dao.near": null });
 
   const validation = nearAccountValidation(
     formFields.accountName,
     "Name",
     true
   );
   if (!validation.isValid) {
-    setAlertMsg({ ".near": validation.error });
+    setAlertMsg({ ".sputnik-dao.near": validation.error });
     return Promise.resolve(false);
   }
 
   // Check account availability
   return Promise.all([
-    checkAccountAvailability(formFields.accountName, ".near"),
     checkAccountAvailability(formFields.accountName, ".sputnik-dao.near"),
   ])
     .then((isValid) => {
@@ -122,7 +121,7 @@ const AccountDisplay = ({ label, prefix, tooltipInfo, noBorder }) => {
 return (
   <>
     <div>
-      <h3>Create Treasury Accounts</h3>
+      <h3>Create Treasury Account</h3>
       <p>
         Enter a name for your treasury. This will be used for both the
         application's URL and your treasury's Sputnik DAO account.
@@ -164,11 +163,6 @@ return (
     />
 
     <div className="d-flex flex-column gap-1 border border-1 rounded-3">
-      <AccountDisplay
-        label={"NEAR"}
-        prefix=".near"
-        tooltipInfo="This NEAR account name will be used for the application's URL and other management purposes, not the actual account where the funds will be held."
-      />
       <AccountDisplay
         label={"Sputnik DAO"}
         prefix=".sputnik-dao.near"
@@ -177,13 +171,13 @@ return (
       />
     </div>
 
-    {(alertMsg?.[".near"] || alertMsg?.[".sputnik-dao.near"]) && (
+    {alertMsg?.[".sputnik-dao.near"] && (
       <Widget
         loading=""
         src={`${REPL_BASE_DEPLOYMENT_ACCOUNT}/widget/components.Info`}
         props={{
           type: "alert",
-          text: alertMsg[".near"] || alertMsg[".sputnik-dao.near"],
+          text: alertMsg[".sputnik-dao.near"],
         }}
       />
     )}
@@ -209,10 +203,7 @@ return (
           classNames: {
             root: `btn btn-primary w-100`,
           },
-          disabled:
-            alertMsg?.[".near"] ||
-            alertMsg?.[".sputnik-dao.near"] ||
-            isValidating,
+          disabled: alertMsg?.[".sputnik-dao.near"] || isValidating,
           label: "Continue",
           onClick: handleContinue,
           loading: isValidating,