@pabgw/vue 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PabPayment } from './PabPayment.vue';
+export { usePabPayment } from './usePabPayment';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { default as PabPayment } from './PabPayment.vue';
+export { usePabPayment } from './usePabPayment';

package/dist/usePabPayment.d.ts

@@ -0,0 +1,12 @@
+export declare function usePabPayment(): {
+    mount: (config: {
+        token?: string;
+        session?: string;
+        container: HTMLElement | string;
+        method?: string;
+        locale?: string;
+        baseUrl?: string;
+    }) => Promise<any>;
+    destroy: () => void;
+    pab: import("vue").Ref<any, any>;
+};

package/dist/usePabPayment.js

@@ -0,0 +1,30 @@
+import { ref, onUnmounted } from 'vue';
+const PAB_SDK_URL = 'https://quick2pay.pabgw.com/assets/sdk/v1/pabgw.js';
+function loadPabSdk() {
+    if (window.PABGW)
+        return Promise.resolve();
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = PAB_SDK_URL;
+        script.onload = () => resolve();
+        script.onerror = () => reject(new Error('Failed to load PAB SDK'));
+        document.head.appendChild(script);
+    });
+}
+export function usePabPayment() {
+    const pabInstance = ref(null);
+    async function mount(config) {
+        await loadPabSdk();
+        const pab = new window.PABGW(config);
+        pabInstance.value = pab;
+        return pab;
+    }
+    function destroy() {
+        if (pabInstance.value) {
+            pabInstance.value.destroy();
+            pabInstance.value = null;
+        }
+    }
+    onUnmounted(() => destroy());
+    return { mount, destroy, pab: pabInstance };
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@pabgw/vue",
+  "version": "1.0.0",
+  "description": "PAB Gateway Payment Form — Vue 3 component",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "vue-tsc --noEmit && tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "vue": ">=3.0.0"
+  },
+  "devDependencies": {
+    "vue": "^3.4.0",
+    "vue-tsc": "^2.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": ["pab", "payment", "gateway", "vue", "vue3", "stripe-elements-alternative"],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://dev.azure.com/pabgw/PAB-Gateway"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}