update playground

Author: spencerstock

examples/testapp/src/pages/subscribe-playground/constants/index.ts

@@ -2,6 +2,7 @@ export {
   DEFAULT_GET_SUBSCRIPTION_STATUS_CODE,
   DEFAULT_SUBSCRIBE_CODE,
   GET_SUBSCRIPTION_STATUS_QUICK_TIPS,
+  SUBSCRIBE_CODE_WITH_MINIMUM_BALANCE_FALSE,
   SUBSCRIBE_CODE_WITH_TEST_PERIOD,
   SUBSCRIBE_QUICK_TIPS,
 } from './playground';

examples/testapp/src/pages/subscribe-playground/constants/playground.ts

@@ -30,6 +30,23 @@ try {
   throw error;
 }`;
 
+export const SUBSCRIBE_CODE_WITH_MINIMUM_BALANCE_FALSE = `import { base } from '@base-org/account'
+
+try {
+  const subscription = await base.subscription.subscribe({
+    recurringCharge: "10.50",
+    subscriptionOwner: "0xFe21034794A5a574B94fE4fDfD16e005F1C96e51", // Your app's address
+    periodInDays: 30,
+    minimumBalance: false, // Don't require minimum balance check
+    testnet: true
+  })
+  
+  return subscription;
+} catch (error) {
+  console.error('Subscription failed:', error.message);
+  throw error;
+}`;
+
 export const DEFAULT_GET_SUBSCRIPTION_STATUS_CODE = `import { base } from '@base-org/account'
 
 try {

examples/testapp/src/pages/subscribe-playground/index.page.tsx

@@ -4,14 +4,17 @@ import {
   DEFAULT_GET_SUBSCRIPTION_STATUS_CODE,
   DEFAULT_SUBSCRIBE_CODE,
   GET_SUBSCRIPTION_STATUS_QUICK_TIPS,
+  SUBSCRIBE_CODE_WITH_MINIMUM_BALANCE_FALSE,
   SUBSCRIBE_CODE_WITH_TEST_PERIOD,
   SUBSCRIBE_QUICK_TIPS,
 } from './constants';
 import { useCodeExecution } from './hooks';
 import styles from './styles/Home.module.css';
 
 function SubscribePlayground() {
-  const [subscribeVariant, setSubscribeVariant] = useState<'default' | 'test'>('default');
+  const [subscribeVariant, setSubscribeVariant] = useState<'default' | 'test' | 'minimumBalance'>(
+    'default'
+  );
   const [subscribeCode, setSubscribeCode] = useState(DEFAULT_SUBSCRIBE_CODE);
   const [getSubscriptionStatusCode, setGetSubscriptionStatusCode] = useState(
     DEFAULT_GET_SUBSCRIPTION_STATUS_CODE
@@ -30,11 +33,13 @@ function SubscribePlayground() {
     subscribeExecution.reset();
   };
 
-  const handleSubscribeVariantChange = (variant: 'default' | 'test') => {
+  const handleSubscribeVariantChange = (variant: 'default' | 'test' | 'minimumBalance') => {
     setSubscribeVariant(variant);
     let newCode = DEFAULT_SUBSCRIBE_CODE;
     if (variant === 'test') {
       newCode = SUBSCRIBE_CODE_WITH_TEST_PERIOD;
+    } else if (variant === 'minimumBalance') {
+      newCode = SUBSCRIBE_CODE_WITH_MINIMUM_BALANCE_FALSE;
     }
     setSubscribeCode(newCode);
     subscribeExecution.reset();
@@ -105,6 +110,16 @@ try {
               />
               Test Mode (5-minute period)
             </label>
+            <label>
+              <input
+                type="radio"
+                name="subscribeVariant"
+                value="minimumBalance"
+                checked={subscribeVariant === 'minimumBalance'}
+                onChange={() => handleSubscribeVariantChange('minimumBalance')}
+              />
+              No Balance Check
+            </label>
           </div>
 
           <div className={styles.playground}>