wip

stellar · Jan 7, 2025 · f0db9a0 · f0db9a0
1 parent 203063e
commit f0db9a0
Show file tree

Hide file tree

Showing 6 changed files with 98 additions and 28 deletions.
diff --git a/src/app/(sidebar)/transaction/build/components/Operations.tsx b/src/app/(sidebar)/transaction/build/components/Operations.tsx
@@ -60,6 +60,7 @@ export const Operations = () => {
 
   const [operationsError, setOperationsError] = useState<OperationError[]>([]);
   const [isSaveTxnModalVisible, setIsSaveTxnModalVisible] = useState(false);
+  const [isSorobanOperation, setIsSorobanOperation] = useState(false);
 
   const INITIAL_OPERATION: TxnOperation = {
     operation_type: "",
@@ -218,6 +219,14 @@ export const Operations = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [txnOperations, operationsError, setBuildOperationsError]);
 
+  useEffect(() => {
+    const isSorobanOp = txnOperations.some((op) =>
+      op.operation_type.includes("restore_footprint"),
+    );
+
+    setIsSorobanOperation(isSorobanOp);
+  }, [txnOperations]);
+
   const missingSelectedAssetFields = (
     param: string,
     value: any,
@@ -784,6 +793,13 @@ export const Operations = () => {
     return null;
   };
 
+  const renderSorobanNote = () => (
+    <Notification variant="warning" title="Only One Operation Allowed">
+      Note that Soroban transactions can only contain one operation per
+      transaction.
+    </Notification>
+  );
+
   const OperationTypeSelector = ({
     index,
     operationType,
@@ -886,7 +902,7 @@ export const Operations = () => {
           <option value="end_sponsoring_future_reserves">
             End Sponsoring Future Reserves
           </option>
-          <option value="restore_footprint">Restore Footprint</option>
+          <option value="restore_footprint">Restore Footprint (Soroban)</option>
           <option value="revoke_sponsorship">Revoke Sponsorship</option>
           <option value="clawback">Clawback</option>
           <option value="clawback_claimable_balance">
@@ -1176,6 +1192,10 @@ export const Operations = () => {
             ))}
           </>
 
+          <Box gap="sm" direction="row" align="center">
+            {isSorobanOperation ? renderSorobanNote() : null}
+          </Box>
+
           {/* Operations bottom buttons */}
           <Box
             gap="lg"
@@ -1188,13 +1208,16 @@ export const Operations = () => {
               <Button
                 size="md"
                 variant="tertiary"
-                disabled={true}
+                disabled={isSorobanOperation}
                 icon={<Icon.PlusCircle />}
                 onClick={() => {
+                  // classic operation
                   updateOptionParamAndError({
                     type: "add",
                     item: INITIAL_OPERATION,
                   });
+
+                  // todo: soroban operation
                 }}
               >
                 Add Operation

diff --git a/src/components/FormElements/XdrLedgerKeyPicker.tsx b/src/components/FormElements/XdrLedgerKeyPicker.tsx
@@ -82,7 +82,7 @@ const ledgerKeyFields: {
   {
     id: "contract_data",
     label: "Contract Data",
-    templates: "contract,key,durability",
+    templates: "contract,storageKey,durability",
   },
   {
     id: "contract_code",

diff --git a/src/components/formComponentTemplateEndpoints.tsx b/src/components/formComponentTemplateEndpoints.tsx
@@ -255,7 +255,7 @@ export const formComponentTemplateEndpoints = (
           <TextPicker
             key={id}
             id={id}
-            label="Contract"
+            label="Contract ID"
             placeholder="Ex: CDLZFC3SYJYDZT7K67VZ75HPJVIEUVNIXF47ZG2FB2RMQQVU2HHGCYSC"
             value={templ.value || ""}
             error={templ.error}
@@ -447,31 +447,35 @@ export const formComponentTemplateEndpoints = (
         ),
         validate: null,
       };
-    // contract key
-    case "key":
+    // contract data key
+    case "storageKey":
       return {
         render: (templ: {
           value: string | undefined;
           error: string | undefined;
           onChange: (val: any) => void;
-        }) => (
-          <Textarea
-            fieldSize="md"
-            key={id}
-            id={id}
-            label="Key"
-            placeholder="Ex: 67260c4c1807b262ff851b0a3fe141194936bb0215b2f77447f1df11998eabb9"
-            // @TODO we should display an input for each value
-            // hotfix: sanitizing value from backlashes and extra quotes
-            value={
-              JSON.stringify(templ.value)
-                .replace(/\\/g, "")
-                .replace(/^"+|"+$/g, "") || ""
-            }
-            error={templ.error}
-            onChange={templ.onChange}
-          />
-        ),
+        }) => {
+          console.log("templ: ", templ.value);
+
+          return (
+            <Textarea
+              fieldSize="md"
+              key={id}
+              id={id}
+              label="Key (Storage Key)"
+              placeholder='ex: {"string":"Counter"}'
+              // @TODO we should display an input for each value
+              // hotfix: sanitizing value from backlashes and extra quotes
+              value={
+                JSON.stringify(templ.value)
+                  .replace(/\\/g, "")
+                  .replace(/^"+|"+$/g, "") || ""
+              }
+              error={templ.error}
+              onChange={templ.onChange}
+            />
+          );
+        },
         validate: null,
       };
     case "ledger":

diff --git a/src/components/formComponentTemplateTxnOps.tsx b/src/components/formComponentTemplateTxnOps.tsx
@@ -271,6 +271,25 @@ export const formComponentTemplateTxnOps = ({
         ),
         validate: null,
       };
+    case "contract":
+      return {
+        render: (templ: {
+          value: string | undefined;
+          error: string | undefined;
+          onChange: (val: any) => void;
+        }) => (
+          <TextPicker
+            key={id}
+            id={id}
+            label="Contract ID"
+            placeholder="Ex: CDLZFC3SYJYDZT7K67VZ75HPJVIEUVNIXF47ZG2FB2RMQQVU2HHGCYSC"
+            value={templ.value || ""}
+            error={templ.error}
+            onChange={templ.onChange}
+          />
+        ),
+        validate: validate.getContractIdError,
+      };
     case "data_name":
       return {
         render: (templ: TemplateRenderProps) => (
@@ -375,6 +394,23 @@ export const formComponentTemplateTxnOps = ({
         ),
         validate: validate.getPublicKeyError,
       };
+    case "key_xdr":
+      return {
+        render: (templ: TemplateRenderProps) => (
+          <TextPicker
+            key={id}
+            id={id}
+            label="(Storage) Key in ScVal XDR Type"
+            placeholder="Ex: AAAAEAAAAAEAAAACAAAADwAAAAdDb3VudGVyAAAAABIAAAAAAAAAAHkOSeQVxNP4zqcstl6AA+PwtKrnRwrp7+LGt4xqEnTC"
+            labelSuffix={!templ.isRequired ? "optional" : undefined}
+            value={templ.value || ""}
+            error={templ.error}
+            onChange={templ.onChange}
+          />
+        ),
+        // validate: validate.getXdrError,
+        validate: validate.getPublicKeyError,
+      };
     case "limit":
       return {
         render: (templ: TemplateRenderProps) => (

diff --git a/src/constants/transactionOperations.tsx b/src/constants/transactionOperations.tsx
@@ -338,10 +338,17 @@ export const TRANSACTION_OPERATIONS: { [key: string]: TransactionOperation } = {
       "https://developers.stellar.org/docs/learn/fundamentals/transactions/list-of-operations#clawback",
     params: ["asset", "from", "amount"],
     requiredParams: ["asset", "from", "amount"],
+  },
+  restore_footprint: {
+    label: "Restore Footprint",
+    description:
+      "Make archived Soroban smart contract entries accessible again by restoring them.",
+    docsUrl:
+      "https://developers.stellar.org/docs/learn/fundamentals/transactions/list-of-operations#restore-footprint",
+    params: ["contract", "key_xdr"],
+    requiredParams: ["contract", "key_xdr"],
     custom: {
-      asset: {
-        includeNative: false,
-      },
+      isSorobanTx: true,
     },
   },
   revoke_sponsorship: {

diff --git a/src/types/types.ts b/src/types/types.ts
@@ -259,7 +259,7 @@ export type FiltersObject = {
   topics: string[];
 };
 
-export type XdrType = "TransactionEnvelope" | "LedgerKey";
+export type XdrType = "TransactionEnvelope" | "LedgerKey" | "ScVal";
 
 export type LedgerKeyType =
   | "account"