From 90feb96b0f6f7fc1dddb2576dd15018998ffec60 Mon Sep 17 00:00:00 2001
From: Prakash Maheshwaran
 <73785492+Prakashmaheshwaran@users.noreply.github.com>
Date: Wed, 11 Jun 2025 23:07:16 -0400
Subject: [PATCH] reorder credit card form fields to show collection ID before
 item ID (#2652)

---
 .../editor/panels/WorkflowParameterAddPanel.tsx    | 14 +++++++-------
 .../editor/panels/WorkflowParameterEditPanel.tsx   | 14 +++++++-------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx
index d8fbce86..f9b81d81 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx
@@ -275,6 +275,13 @@ function WorkflowParameterAddPanel({ type, onClose, onSave }: Props) {
           )}
           {type === "creditCardData" && (
             <>
+              <div className="space-y-1">
+                <Label className="text-xs text-slate-300">Collection ID</Label>
+                <Input
+                  value={bitwardenCollectionId}
+                  onChange={(e) => setBitwardenCollectionId(e.target.value)}
+                />
+              </div>
               <div className="space-y-1">
                 <Label className="text-xs text-slate-300">Item ID</Label>
                 <Input
@@ -284,13 +291,6 @@ function WorkflowParameterAddPanel({ type, onClose, onSave }: Props) {
                   }
                 />
               </div>
-              <div className="space-y-1">
-                <Label className="text-xs text-slate-300">Collection ID</Label>
-                <Input
-                  value={bitwardenCollectionId}
-                  onChange={(e) => setBitwardenCollectionId(e.target.value)}
-                />
-              </div>
             </>
           )}
           {
diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
index faaa94de..64e6a8d1 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
@@ -331,13 +331,6 @@ function WorkflowParameterEditPanel({
           )}
           {type === "creditCardData" && (
             <>
-              <div className="space-y-1">
-                <Label className="text-xs text-slate-300">Item ID</Label>
-                <Input
-                  value={itemId}
-                  onChange={(e) => setItemId(e.target.value)}
-                />
-              </div>
               <div className="space-y-1">
                 <Label className="text-xs text-slate-300">Collection ID</Label>
                 <Input
@@ -345,6 +338,13 @@ function WorkflowParameterEditPanel({
                   onChange={(e) => setCollectionId(e.target.value)}
                 />
               </div>
+              <div className="space-y-1">
+                <Label className="text-xs text-slate-300">Item ID</Label>
+                <Input
+                  value={itemId}
+                  onChange={(e) => setItemId(e.target.value)}
+                />
+              </div>
             </>
           )}
           {