@jolibox/demos 0.0.1 → 1.3.3-beta.1

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jolibox/demos",
   "description": "This project is common demos for development",
-  "version": "0.0.1",
+  "version": "1.3.3-beta.1",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "license": "MIT",
   "type": "module",
   "dependencies": {
-    "@jolibox/sdk": "1.1.52-beta.1",
-    "@jolibox/implement": "1.1.52-beta.1",
+    "@jolibox/sdk": "1.3.3-beta.1",
+    "@jolibox/implement": "1.3.3-beta.1",
     "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.7",
+    "@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

@@ -76,9 +76,18 @@ export const App = () => {
       setCallbackResult(`${JSON.stringify(ev)}`);
     });
 
-    joliboxSDK2.lifecycle.onReady((ev) => {
+    joliboxSDK2.lifecycle.onReady(async (ev) => {
       console.log('----receive on ready22', ev);
       setCallbackResult(`${JSON.stringify(ev)}`);
+
+      const res = await joliboxSDK2.track({
+        event: 'testReport',
+        eventType: 0,
+        params: {
+          test: 'test'
+        }
+      });
+      console.log('----track res', res);
     });
 
     jolibox.lifecycle.onJoliboxShow(() => {
@@ -302,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>
       {/* 测试音频播放器 */}
@@ -325,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>
@@ -406,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>
   );