{"_id":"@bank78/vue","_rev":"2-ddce80313c69d91c9eae44dbd646f2ae","name":"@bank78/vue","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@bank78/vue","version":"1.0.0","keywords":["checkout","payment","bank78","vue","nigeria","fintech"],"license":"MIT","_id":"@bank78/vue@1.0.0","maintainers":[{"name":"divineogbonna","email":"ojaspar@gmail.com"},{"name":"bank78engineering","email":"engineering@bank78.co"}],"homepage":"https://github.com/78financials-bank78/bank78-checkout#readme","bugs":{"url":"https://github.com/78financials-bank78/bank78-checkout/issues"},"dist":{"shasum":"59de0d499a827e20dd75e13779c05aa7be50d77a","tarball":"https://registry.npmjs.org/@bank78/vue/-/vue-1.0.0.tgz","fileCount":8,"integrity":"sha512-NZhltRtWAMb74txPK/7nksuKFPl7jY3TXDzIT1xuCsC4Yh4GIsW8aXrHa/lVdqCfDiIz89gNvTt4o1hTa17HRQ==","signatures":[{"sig":"MEYCIQChAoy95/y28iFU3reNCrnRlLO8caZAM9kyDslig5ZB9wIhAIzwnt0Dh5E5qHKBxBVZ+A3BcsY4RKgbnSN2PIip1tE0","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":63436},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"gitHead":"24c47097ab929e2b318d7d59e8260ea2a96aa16d","scripts":{"dev":"tsup --watch","lint":"tsc --noEmit","build":"tsup"},"_npmUser":{"name":"bank78engineering","email":"engineering@bank78.co"},"repository":{"url":"git+https://github.com/78financials-bank78/bank78-checkout.git","type":"git","directory":"packages/vue"},"_npmVersion":"11.14.1","description":"Drop-in payment checkout for Vue 3 — powered by Bank78","directories":{},"_nodeVersion":"22.21.0","dependencies":{"@bank78/checkout":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.0","tsup":"^8.1.0","typescript":"^5.5.3"},"peerDependencies":{"vue":">=3"},"_npmOperationalInternal":{"tmp":"tmp/vue_1.0.0_1785589628270_0.04503970191165463","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bank78/vue","version":"1.0.1","type":"module","description":"Drop-in payment checkout for Vue 3 — powered by Bank78","keywords":["checkout","payment","bank78","vue","nigeria","fintech"],"license":"MIT","homepage":"https://github.com/78financials-bank78/bank78-checkout#readme","repository":{"type":"git","url":"git+https://github.com/78financials-bank78/bank78-checkout.git","directory":"packages/vue"},"publishConfig":{"access":"public"},"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"scripts":{"build":"tsup","dev":"tsup --watch","lint":"tsc --noEmit"},"peerDependencies":{"vue":">=3"},"dependencies":{"@bank78/checkout":"1.2.0"},"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.3","vue":"^3.4.0"},"gitHead":"8a2f3fff340ba4fc3b5e45c32f7e1219155270bb","_id":"@bank78/vue@1.0.1","bugs":{"url":"https://github.com/78financials-bank78/bank78-checkout/issues"},"_nodeVersion":"22.21.0","_npmVersion":"11.14.1","dist":{"integrity":"sha512-Y7j/NpgZdyTyveW1VyPgX8rArSaj+guQPsJOyZVkO5X9VZxI7Q1T0kRAQuLxR3todSV6BrTc11jMaZR7YScSRQ==","shasum":"806f51d2857b11551d60acca1158a43020e45bef","tarball":"https://registry.npmjs.org/@bank78/vue/-/vue-1.0.1.tgz","fileCount":8,"unpackedSize":63436,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICaIk7ybTbNv7uLHBtc1y2oZDYnO2e3fm+XNw/TrzBn+AiEArBLWfxYJ1gl4Fny8hjX3Y0eniIPgBHk6pGuIPUSRFmo="}]},"_npmUser":{"name":"bank78engineering","email":"engineering@bank78.co"},"directories":{},"maintainers":[{"name":"divineogbonna","email":"ojaspar@gmail.com"},{"name":"bank78engineering","email":"engineering@bank78.co"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue_1.0.1_1786639278473_0.9961503980099264"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-01T13:07:08.147Z","modified":"2026-08-13T16:41:18.921Z","1.0.0":"2026-08-01T13:07:08.422Z","1.0.1":"2026-08-13T16:41:18.635Z"},"bugs":{"url":"https://github.com/78financials-bank78/bank78-checkout/issues"},"license":"MIT","homepage":"https://github.com/78financials-bank78/bank78-checkout#readme","keywords":["checkout","payment","bank78","vue","nigeria","fintech"],"repository":{"type":"git","url":"git+https://github.com/78financials-bank78/bank78-checkout.git","directory":"packages/vue"},"description":"Drop-in payment checkout for Vue 3 — powered by Bank78","maintainers":[{"name":"divineogbonna","email":"ojaspar@gmail.com"},{"name":"bank78engineering","email":"engineering@bank78.co"}],"readme":"# @bank78/vue\n\nDrop-in payment checkout for **Vue 3** — card, bank transfer, and Pay with Bank78 — with end-to-end encrypted payloads, built-in 3DS/redirect handling, and a themeable UI.\n\nThin Vue wrappers around the same battle-tested checkout that powers `@bank78/checkout`.\n\n```bash\nnpm install @bank78/vue vue\n```\n\n## Quick start\n\n```vue\n<script setup lang=\"ts\">\nimport { PaymentLinkCheckout } from '@bank78/vue';\n\nfunction onSuccess(result: unknown) {\n  console.log('paid', result);\n}\n</script>\n\n<template>\n  <PaymentLinkCheckout\n    api-base-url=\"https://checkout.bank78.co\"\n    :api-key=\"apiKey\"\n    :linkref=\"linkref\"\n    @success=\"onSuccess\"\n    @cancel=\"() => console.log('cancelled')\"\n    @error=\"(e) => console.error(e)\"\n  />\n</template>\n```\n\nThat's the whole payment-link flow — card / bank-transfer / Pay-with-Bank78, 3DS redirects and app hand-offs included.\n\n### Hosted checkout session\n\nWhen your backend pre-creates a session, render it by reference:\n\n```vue\n<HostedSessionCheckout\n  api-base-url=\"https://checkout.bank78.co\"\n  :api-key=\"apiKey\"\n  session-reference=\"chk-...\"\n  @success=\"onSuccess\"\n/>\n```\n\n> Create the session on **your server** — never expose secret keys in the browser.\n\n## Props\n\nBoth components share:\n\n| Prop | Type | Description |\n| --- | --- | --- |\n| `apiBaseUrl` | `string` (required) | Checkout API base URL |\n| `apiKey` | `string?` | Your API key — sent as `X-Api-Key` |\n| `publicKey` | `string?` | Optional publishable key (`pk_…`) |\n| `inline` | `boolean` (default `true`) | Render inline vs. full-screen |\n\nPlus one identifier each:\n\n| Component | Prop |\n| --- | --- |\n| `PaymentLinkCheckout` | `linkref` |\n| `HostedSessionCheckout` | `sessionReference` |\n\n## Events\n\n| Event | Payload |\n| --- | --- |\n| `success` | the charge result |\n| `cancel` | — |\n| `error` | the error |\n\n## Notes\n\n- **Vue `>= 3`** is a peer dependency.\n- The checkout UI itself is React-based and fully bundled inside this package — your Vue app doesn't need React installed or configured.\n- **Publishable keys only** in client code — never a secret key.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}