@jolibox/demos 1.2.5-beta.3 → 1.3.3

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jolibox/demos",
   "description": "This project is common demos for development",
-  "version": "1.2.5-beta.3",
+  "version": "1.3.3",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "license": "MIT",
   "type": "module",
   "dependencies": {
-    "@jolibox/sdk": "1.2.5-beta.3",
-    "@jolibox/implement": "1.2.5-beta.3",
+    "@jolibox/sdk": "1.3.3",
+    "@jolibox/implement": "1.3.3",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -17,7 +17,7 @@
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
     "typescript": "5.7.3",
-    "@jolibox/eslint-config": "1.0.1-beta.11",
+    "@jolibox/eslint-config": "1.0.1-beta.16",
     "@types/jest": "28.1.1",
     "rimraf": "6.0.1",
     "vite": "5.1.4",

package/src/App.tsx

@@ -311,6 +311,33 @@ export const App = () => {
     }
   };
 
+  const getSubscriptionPlans = useCallback(async () => {
+    try {
+      const res = await jolibox.payment.getSubscriptionPlans();
+      setResult(JSON.stringify(res ?? {}));
+    } catch (error) {
+      setResult(JSON.stringify(error ?? {}));
+    }
+  }, [jolibox]);
+
+  const flushSubInfoCache = useCallback(async () => {
+    try {
+      const res = await jolibox.payment.flushSubInfoCache();
+      setResult(JSON.stringify(res ?? {}));
+    } catch (error) {
+      setResult(JSON.stringify(error ?? {}));
+    }
+  }, [jolibox]);
+
+  const subscribe = useCallback(async () => {
+    try {
+      const res = await jolibox.payment.subscribe({ productId: 'P32477113212850250733691206557' });
+      setResult(JSON.stringify(res ?? {}));
+    } catch (error) {
+      setResult(JSON.stringify(error ?? {}));
+    }
+  }, [jolibox]);
+
   return (
     <div>
       {/* 测试音频播放器 */}
@@ -334,10 +361,10 @@ export const App = () => {
           >
             Test isNativeSupport API
           </button>
-          <button onClick={isNativeSupportAPI.bind(this, { versionCode: 1020100 })}>
+          <button onClick={isNativeSupportAPI.bind(this, { version: '1.2.1' })}>
             Test isNativeSupport versionCode
           </button>
-          <button onClick={callHostMethod.bind(this, 'getABTest')}>Test callHostMethod</button>
+          <button onClick={callHostMethod.bind(this, 'openMiniapp')}>Test callHostMethod</button>
           <p style={{ whiteSpace: 'pre-wrap' }}>{result}</p>
           <p style={{ whiteSpace: 'pre-wrap' }}>Lifecycle callback: {callbackResult}</p>
         </div>
@@ -415,6 +442,16 @@ export const App = () => {
             navigate Value: <span style={{ color: '#666' }}>{`${navigateValue}`}</span>
           </p>
         </div>
+        {/* payment */}
+        <div style={{ marginTop: '20px', borderTop: '1px solid #eee', paddingTop: '20px' }}>
+          <h3>navigate</h3>
+          <button onClick={getSubscriptionPlans}>getSubscriptionPlans</button>
+          <button onClick={subscribe}>subscribe</button>
+          <button onClick={flushSubInfoCache}>flushSubInfoCache</button>
+          <p>
+            navigate Value: <span style={{ color: '#666' }}>{`${navigateValue}`}</span>
+          </p>
+        </div>
       </div>
     </div>
   );