@flash-pay/vue 0.1.0

package/dist/FlashpayCheckout.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/FlashpayCheckout.vue.d.ts

@@ -0,0 +1,9 @@
+import { FlashpayCheckoutProps } from './types';
+declare const _default: import('vue').DefineComponent<FlashpayCheckoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FlashpayCheckoutProps> & Readonly<{}>, {
+    showTitle: boolean;
+    showDescription: boolean;
+    showAmount: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),i=require("@flash-pay/browser-sdk"),f=o.defineComponent({__name:"FlashpayCheckout",props:{transactionId:{},onSuccess:{},onFailure:{},onClose:{},showTitle:{type:Boolean,default:!1},showDescription:{type:Boolean,default:!1},showAmount:{type:Boolean,default:!1},style:{},origin:{}},setup(u){const e=u,s=o.ref(null);let t=null;const l=o.ref(e.onSuccess),a=o.ref(e.onFailure),c=o.ref(e.onClose);o.watch(()=>e.onSuccess,n=>{l.value=n}),o.watch(()=>e.onFailure,n=>{a.value=n}),o.watch(()=>e.onClose,n=>{c.value=n});function r(){t?.destroy(),t=null,s.value&&(t=i.checkout({transactionId:e.transactionId,container:s.value,showTitle:e.showTitle,showDescription:e.showDescription,showAmount:e.showAmount,style:e.style,origin:e.origin,onSuccess:n=>l.value?.(n),onFailure:n=>a.value?.(n),onClose:n=>c.value?.(n)}))}return o.onMounted(r),o.watch(()=>e.transactionId,r),o.onUnmounted(()=>{t?.destroy(),t=null}),(n,h)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"containerRef",ref:s},null,512))}});exports.FlashpayCheckout=f;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FlashpayCheckout } from './FlashpayCheckout.vue';
+export type { FlashpayCheckoutProps } from './types';
+export type { PaymentEventData, PaymentData } from '@flash-pay/browser-sdk';

package/dist/index.es.js

@@ -0,0 +1,51 @@
+import { defineComponent as f, ref as t, watch as s, onMounted as p, onUnmounted as h, openBlock as d, createElementBlock as m } from "vue";
+import { checkout as y } from "@flash-pay/browser-sdk";
+const F = /* @__PURE__ */ f({
+  __name: "FlashpayCheckout",
+  props: {
+    transactionId: {},
+    onSuccess: {},
+    onFailure: {},
+    onClose: {},
+    showTitle: { type: Boolean, default: !1 },
+    showDescription: { type: Boolean, default: !1 },
+    showAmount: { type: Boolean, default: !1 },
+    style: {},
+    origin: {}
+  },
+  setup(r) {
+    const e = r, l = t(null);
+    let n = null;
+    const a = t(e.onSuccess), c = t(e.onFailure), u = t(e.onClose);
+    s(() => e.onSuccess, (o) => {
+      a.value = o;
+    }), s(() => e.onFailure, (o) => {
+      c.value = o;
+    }), s(() => e.onClose, (o) => {
+      u.value = o;
+    });
+    function i() {
+      n?.destroy(), n = null, l.value && (n = y({
+        transactionId: e.transactionId,
+        container: l.value,
+        showTitle: e.showTitle,
+        showDescription: e.showDescription,
+        showAmount: e.showAmount,
+        style: e.style,
+        origin: e.origin,
+        onSuccess: (o) => a.value?.(o),
+        onFailure: (o) => c.value?.(o),
+        onClose: (o) => u.value?.(o)
+      }));
+    }
+    return p(i), s(() => e.transactionId, i), h(() => {
+      n?.destroy(), n = null;
+    }), (o, w) => (d(), m("div", {
+      ref_key: "containerRef",
+      ref: l
+    }, null, 512));
+  }
+});
+export {
+  F as FlashpayCheckout
+};

package/dist/types.d.ts

@@ -0,0 +1,12 @@
+import { PaymentEventData } from '@flash-pay/browser-sdk';
+export interface FlashpayCheckoutProps {
+    transactionId: string;
+    onSuccess?: (data: PaymentEventData) => void;
+    onFailure?: (data: PaymentEventData) => void;
+    onClose?: (data: PaymentEventData) => void;
+    showTitle?: boolean;
+    showDescription?: boolean;
+    showAmount?: boolean;
+    style?: Partial<CSSStyleDeclaration>;
+    origin?: string;
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@flash-pay/vue",
+  "version": "0.1.0",
+  "description": "Vue 3 component for Flashpay checkout",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "sideEffects": false,
+  "files": ["dist"],
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3",
+    "@flash-pay/browser-sdk": "*"
+  },
+  "devDependencies": {
+    "@flash-pay/browser-sdk": "workspace:*",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vue/test-utils": "^2.4.6",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4",
+    "jsdom": "^26.1.0",
+    "vue": "^3.5.17",
+    "typescript": "^5"
+  }
+}