@mygigsters/card-sdk 1.0.0 → 1.0.2

package/README.md

@@ -102,7 +102,6 @@ GET /api/v1/client/me
 
 | Environment | URL |
 |-------------|-----|
-| Local Development | `http://localhost:5000/api/v1/client/me` |
 | Demo / QA | `https://qa-payments.mygigsters.com.au/api/v1/client/me` |
 | Production | `https://prod-payments.mygigsters.com.au/api/v1/client/me` |
 
@@ -552,26 +551,61 @@ Runtime errors (Airwallex element failures, network issues, server rejections) a
 
 ## TypeScript
 
-Type definitions are included at `dist/index.d.ts`. Import the SDK as usual:
+Type definitions are included at `dist/index.d.ts`.
 
-```typescript
-import { MygigstersCardSDK, MygigstersCardConfig, CardSuccessResponse } from '@mygigsters/card-sdk';
+Import the SDK and its types:
 
-const config: MygigstersCardConfig = {
-  apiKey:      process.env.MYGIGSTERS_API_KEY!,
-  apiSecret:   process.env.MYGIGSTERS_API_SECRET!,
-  customerId:  'cus_hkdmcdjshhknkk4lc2t',
-  myGigsterId: '4407c3ba-10c9-4822-9f51-c2c96692f8d7',
-  containerId: 'mygigsters-card',
-  env:         'prod',
-  mode:        'dark',
-  onSuccess: (res: CardSuccessResponse) => {
-    console.log('Consent ID:', res.paymentConsentId);
-  },
-};
+```tsx
+import { useEffect } from 'react';
 
-const sdk = new MygigstersCardSDK();
-await sdk.init(config);
+import { MygigstersCardSDK } from '@mygigsters/card-sdk';
+
+import type {
+  MygigstersCardConfig,
+  CardSuccessResponse,
+} from '@mygigsters/card-sdk';
+
+function SaveCardForm() {
+  useEffect(() => {
+    const initializeSDK = async () => {
+      const config: MygigstersCardConfig = {
+        apiKey: 'YOUR_API_KEY',
+        apiSecret: 'YOUR_API_SECRET',
+
+        customerId: 'cus_hkdmcdjshhknkk4lc2t',
+        myGigsterId: '4407c3ba-10c9-4822-9f51-c2c96692f8d7',
+
+        containerId: 'mygigsters-card',
+
+        env: 'demo',
+        mode: 'dark',
+
+        onSuccess: (res: CardSuccessResponse) => {
+          console.log('Card saved!');
+          console.log('Consent ID:', res.paymentConsentId);
+        },
+
+        onError: (err) => {
+          console.error('Card SDK error:', err);
+        },
+
+        onClose: () => {
+          console.log('Card form closed');
+        },
+      };
+
+      const sdk = new MygigstersCardSDK();
+
+      await sdk.init(config);
+    };
+
+    initializeSDK();
+  }, []);
+
+  return <div id="mygigsters-card" />;
+}
+
+export default SaveCardForm;
 ```
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mygigsters/card-sdk",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "MyGigsters Card SDK - Embed a secure single-step card saving payment form into any website.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",