feat(sandbox): allow setting GM package manually

examples/integration-tests/GumballMachine/DeployGumballMachineCard.tsx

@@ -37,6 +37,7 @@ export const DeployGumballMachineCard = () => {
     loading: boolean
     account?: string
     nftAddress?: string
+    nftCollectionAddress?: string
   }>({ loading: false })
 
   const exec = () => {

examples/integration-tests/GumballMachine/SetGumballMachinePackageCard.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react'
+import { Card } from '../../components/Card'
+import { setGumballMachineState, useGumballMachineState } from '../state'
+import { Button, FormControl, FormLabel, Input } from '@mui/joy'
+
+export const SetGumballMachinePackageCard = () => {
+  const [address, setAddress] = React.useState('')
+  const { gumballMachinePackageAddress } = useGumballMachineState()
+  return gumballMachinePackageAddress ? null : (
+    <Card title="Set Gumball Machine Package">
+      <FormControl>
+        <FormLabel>Gumball Machine Package Address</FormLabel>
+        <Input
+          size="sm"
+          placeholder="e.g. package_tdx_e_1pkdkzp9qs7pe9nd....."
+          onChange={(e) => {
+            setAddress(e.target.value)
+          }}
+        />
+      </FormControl>
+      <Button
+        sx={{ mt: 1 }}
+        disabled={!address}
+        onClick={() => {
+          setGumballMachineState({
+            gumballMachinePackageAddress: address,
+            components: {},
+          })
+        }}
+      >
+        Set Package Address
+      </Button>
+    </Card>
+  )
+}

examples/integration-tests/IntegrationTestsPage.tsx

@@ -4,6 +4,7 @@ import { DeployGumballMachineCard } from './GumballMachine/DeployGumballMachineC
 import { GumballMachineExamples } from './GumballMachine/GumballMachineExamples'
 import { useGumballMachineState } from './state'
 import { GumballMachineCard } from './GumballMachine/GumballMachineCard'
+import { SetGumballMachinePackageCard } from './GumballMachine/SetGumballMachinePackageCard'
 
 export const IntegrationTestsPage = () => {
   const { components } = useGumballMachineState()
@@ -23,9 +24,13 @@ export const IntegrationTestsPage = () => {
         gap: 2,
       }}
     >
+      <SetGumballMachinePackageCard />
       <DeployGumballMachineCard />
       {Object.values(components).map((component) => (
-        <GumballMachineCard key={component.address} {...component}></GumballMachineCard>
+        <GumballMachineCard
+          key={component.address}
+          {...component}
+        ></GumballMachineCard>
       ))}
       {GumballMachineExamples()}
     </Box>