@flash-pay/react 0.1.0 → 2.0.0

package/dist/index.cjs.js

@@ -1,2 +1,75 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),b=require("@flash-pay/browser-sdk"),e=require("react");function j({transactionId:u,onSuccess:c,onFailure:n,onClose:s,showTitle:o,showDescription:f,showAmount:a,style:d,origin:R}){const t=e.useRef(null),i=e.useRef(c),l=e.useRef(n),y=e.useRef(s);return e.useEffect(()=>{i.current=c,l.current=n,y.current=s}),e.useEffect(()=>{if(!t.current)return;const k=b.checkout({transactionId:u,container:t.current,onSuccess:r=>i.current?.(r),onFailure:r=>l.current?.(r),onClose:r=>y.current?.(r),showTitle:o,showDescription:f,showAmount:a,style:d,origin:R});return()=>k.destroy()},[u,o,f,a,R]),S.jsx("div",{ref:t})}exports.FlashpayCheckout=j;
-//# sourceMappingURL=index.cjs.js.map
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  FlashpayCheckout: () => FlashpayCheckout
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/FlashpayCheckout.tsx
+var import_browser_sdk = require("@flash-pay/browser-sdk");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FlashpayCheckout({
+  transactionId,
+  onSuccess,
+  onFailure,
+  onClose,
+  showTitle = true,
+  showDescription = true,
+  showAmount = true,
+  style,
+  origin
+}) {
+  const containerRef = (0, import_react.useRef)(null);
+  const onSuccessRef = (0, import_react.useRef)(onSuccess);
+  const onFailureRef = (0, import_react.useRef)(onFailure);
+  const onCloseRef = (0, import_react.useRef)(onClose);
+  const styleRef = (0, import_react.useRef)(style);
+  (0, import_react.useEffect)(() => {
+    onSuccessRef.current = onSuccess;
+    onFailureRef.current = onFailure;
+    onCloseRef.current = onClose;
+    styleRef.current = style;
+  });
+  (0, import_react.useEffect)(() => {
+    if (!containerRef.current) return;
+    const instance = (0, import_browser_sdk.checkout)({
+      transactionId,
+      container: containerRef.current,
+      onSuccess: (data) => onSuccessRef.current?.(data),
+      onFailure: (data) => onFailureRef.current?.(data),
+      onClose: (data) => onCloseRef.current?.(data),
+      showTitle,
+      showDescription,
+      showAmount,
+      style: styleRef.current,
+      origin
+    });
+    return () => instance.destroy();
+  }, [transactionId, showTitle, showDescription, showAmount, origin]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FlashpayCheckout
+});
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/FlashpayCheckout.tsx"],"sourcesContent":["import { checkout } from \"@flash-pay/browser-sdk\";\nimport type { PaymentEventData, PaymentData } from \"@flash-pay/browser-sdk\";\nimport { useEffect, useRef } from \"react\";\n\nexport type { PaymentEventData, PaymentData };\n\nexport interface FlashpayCheckoutProps {\n  transactionId: string;\n  onSuccess?: (data: PaymentEventData) => void;\n  onFailure?: (data: PaymentEventData) => void;\n  onClose?: (data: PaymentEventData) => void;\n  showTitle?: boolean;\n  showDescription?: boolean;\n  showAmount?: boolean;\n  style?: Partial<CSSStyleDeclaration>;\n  origin?: string;\n}\n\nexport function FlashpayCheckout({\n  transactionId,\n  onSuccess,\n  onFailure,\n  onClose,\n  showTitle,\n  showDescription,\n  showAmount,\n  style,\n  origin,\n}: FlashpayCheckoutProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Stable refs so callback identity changes don't re-initialize the SDK\n  const onSuccessRef = useRef(onSuccess);\n  const onFailureRef = useRef(onFailure);\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onSuccessRef.current = onSuccess;\n    onFailureRef.current = onFailure;\n    onCloseRef.current = onClose;\n  });\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const instance = checkout({\n      transactionId,\n      container: containerRef.current,\n      onSuccess: (data) => onSuccessRef.current?.(data),\n      onFailure: (data) => onFailureRef.current?.(data),\n      onClose: (data) => onCloseRef.current?.(data),\n      showTitle,\n      showDescription,\n      showAmount,\n      style,\n      origin,\n    });\n    return () => instance.destroy();\n  }, [transactionId, showTitle, showDescription, showAmount, origin]);\n\n  return <div ref={containerRef} />;\n}\n"],"names":["FlashpayCheckout","transactionId","onSuccess","onFailure","onClose","showTitle","showDescription","showAmount","style","origin","containerRef","useRef","onSuccessRef","onFailureRef","onCloseRef","useEffect","instance","checkout","data","jsx"],"mappings":"4KAkBO,SAASA,EAAiB,CAC/B,cAAAC,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,MAAAC,EACA,OAAAC,CACF,EAA0B,CACxB,MAAMC,EAAeC,EAAAA,OAAuB,IAAI,EAG1CC,EAAeD,EAAAA,OAAOT,CAAS,EAC/BW,EAAeF,EAAAA,OAAOR,CAAS,EAC/BW,EAAaH,EAAAA,OAAOP,CAAO,EACjCW,OAAAA,EAAAA,UAAU,IAAM,CACdH,EAAa,QAAUV,EACvBW,EAAa,QAAUV,EACvBW,EAAW,QAAUV,CACvB,CAAC,EAEDW,EAAAA,UAAU,IAAM,CACd,GAAI,CAACL,EAAa,QAAS,OAC3B,MAAMM,EAAWC,EAAAA,SAAS,CACxB,cAAAhB,EACA,UAAWS,EAAa,QACxB,UAAYQ,GAASN,EAAa,UAAUM,CAAI,EAChD,UAAYA,GAASL,EAAa,UAAUK,CAAI,EAChD,QAAUA,GAASJ,EAAW,UAAUI,CAAI,EAC5C,UAAAb,EACA,gBAAAC,EACA,WAAAC,EACA,MAAAC,EACA,OAAAC,CAAA,CACD,EACD,MAAO,IAAMO,EAAS,QAAA,CACxB,EAAG,CAACf,EAAeI,EAAWC,EAAiBC,EAAYE,CAAM,CAAC,EAE3DU,EAAAA,IAAC,MAAA,CAAI,IAAKT,CAAA,CAAc,CACjC"}
+{"version":3,"sources":["../src/index.ts","../src/FlashpayCheckout.tsx"],"sourcesContent":["export { FlashpayCheckout } from \"./FlashpayCheckout\";\nexport type { FlashpayCheckoutProps, PaymentEventData, PaymentData } from \"./FlashpayCheckout\";\n","import { checkout } from \"@flash-pay/browser-sdk\";\nimport type { PaymentEventData, PaymentData } from \"@flash-pay/browser-sdk\";\nimport { useEffect, useRef } from \"react\";\n\nexport type { PaymentEventData, PaymentData };\n\nexport interface FlashpayCheckoutProps {\n  transactionId: string;\n  onSuccess?: (data: PaymentEventData) => void;\n  onFailure?: (data: PaymentEventData) => void;\n  onClose?: (data: PaymentEventData) => void;\n  showTitle?: boolean;\n  showDescription?: boolean;\n  showAmount?: boolean;\n  style?: Partial<CSSStyleDeclaration>;\n  origin?: string;\n}\n\nexport function FlashpayCheckout({\n  transactionId,\n  onSuccess,\n  onFailure,\n  onClose,\n  showTitle = true,\n  showDescription = true,\n  showAmount = true,\n  style,\n  origin,\n}: FlashpayCheckoutProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Stable refs so callback / style identity changes don't re-initialize the SDK\n  const onSuccessRef = useRef(onSuccess);\n  const onFailureRef = useRef(onFailure);\n  const onCloseRef = useRef(onClose);\n  const styleRef = useRef(style);\n  useEffect(() => {\n    onSuccessRef.current = onSuccess;\n    onFailureRef.current = onFailure;\n    onCloseRef.current = onClose;\n    styleRef.current = style;\n  });\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const instance = checkout({\n      transactionId,\n      container: containerRef.current,\n      onSuccess: (data) => onSuccessRef.current?.(data),\n      onFailure: (data) => onFailureRef.current?.(data),\n      onClose: (data) => onCloseRef.current?.(data),\n      showTitle,\n      showDescription,\n      showAmount,\n      style: styleRef.current,\n      origin,\n    });\n    return () => instance.destroy();\n  }, [transactionId, showTitle, showDescription, showAmount, origin]);\n\n  return <div ref={containerRef} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBAAyB;AAEzB,mBAAkC;AA0DzB;AA1CF,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,mBAAe,qBAAuB,IAAI;AAGhD,QAAM,mBAAe,qBAAO,SAAS;AACrC,QAAM,mBAAe,qBAAO,SAAS;AACrC,QAAM,iBAAa,qBAAO,OAAO;AACjC,QAAM,eAAW,qBAAO,KAAK;AAC7B,8BAAU,MAAM;AACd,iBAAa,UAAU;AACvB,iBAAa,UAAU;AACvB,eAAW,UAAU;AACrB,aAAS,UAAU;AAAA,EACrB,CAAC;AAED,8BAAU,MAAM;AACd,QAAI,CAAC,aAAa,QAAS;AAC3B,UAAM,eAAW,6BAAS;AAAA,MACxB;AAAA,MACA,WAAW,aAAa;AAAA,MACxB,WAAW,CAAC,SAAS,aAAa,UAAU,IAAI;AAAA,MAChD,WAAW,CAAC,SAAS,aAAa,UAAU,IAAI;AAAA,MAChD,SAAS,CAAC,SAAS,WAAW,UAAU,IAAI;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MAChB;AAAA,IACF,CAAC;AACD,WAAO,MAAM,SAAS,QAAQ;AAAA,EAChC,GAAG,CAAC,eAAe,WAAW,iBAAiB,YAAY,MAAM,CAAC;AAElE,SAAO,4CAAC,SAAI,KAAK,cAAc;AACjC;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PaymentEventData } from '@flash-pay/browser-sdk';
+export { PaymentData, PaymentEventData } from '@flash-pay/browser-sdk';
+
+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;
+}
+declare function FlashpayCheckout({ transactionId, onSuccess, onFailure, onClose, showTitle, showDescription, showAmount, style, origin, }: FlashpayCheckoutProps): react_jsx_runtime.JSX.Element;
+
+export { FlashpayCheckout, type FlashpayCheckoutProps };

package/dist/index.d.ts

@@ -1,2 +1,18 @@
-export { FlashpayCheckout } from './FlashpayCheckout';
-export type { FlashpayCheckoutProps, PaymentEventData, PaymentData } from './FlashpayCheckout';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PaymentEventData } from '@flash-pay/browser-sdk';
+export { PaymentData, PaymentEventData } from '@flash-pay/browser-sdk';
+
+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;
+}
+declare function FlashpayCheckout({ transactionId, onSuccess, onFailure, onClose, showTitle, showDescription, showAmount, style, origin, }: FlashpayCheckoutProps): react_jsx_runtime.JSX.Element;
+
+export { FlashpayCheckout, type FlashpayCheckoutProps };

package/dist/index.es.js

@@ -1,38 +1,48 @@
-import { jsx as y } from "react/jsx-runtime";
-import { checkout as C } from "@flash-pay/browser-sdk";
-import { useRef as e, useEffect as p } from "react";
-function v({
-  transactionId: t,
-  onSuccess: c,
-  onFailure: u,
-  onClose: o,
-  showTitle: f,
-  showDescription: s,
-  showAmount: m,
-  style: k,
-  origin: R
+// src/FlashpayCheckout.tsx
+import { checkout } from "@flash-pay/browser-sdk";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+function FlashpayCheckout({
+  transactionId,
+  onSuccess,
+  onFailure,
+  onClose,
+  showTitle = true,
+  showDescription = true,
+  showAmount = true,
+  style,
+  origin
 }) {
-  const n = e(null), a = e(c), i = e(u), l = e(o);
-  return p(() => {
-    a.current = c, i.current = u, l.current = o;
-  }), p(() => {
-    if (!n.current) return;
-    const x = C({
-      transactionId: t,
-      container: n.current,
-      onSuccess: (r) => a.current?.(r),
-      onFailure: (r) => i.current?.(r),
-      onClose: (r) => l.current?.(r),
-      showTitle: f,
-      showDescription: s,
-      showAmount: m,
-      style: k,
-      origin: R
+  const containerRef = useRef(null);
+  const onSuccessRef = useRef(onSuccess);
+  const onFailureRef = useRef(onFailure);
+  const onCloseRef = useRef(onClose);
+  const styleRef = useRef(style);
+  useEffect(() => {
+    onSuccessRef.current = onSuccess;
+    onFailureRef.current = onFailure;
+    onCloseRef.current = onClose;
+    styleRef.current = style;
+  });
+  useEffect(() => {
+    if (!containerRef.current) return;
+    const instance = checkout({
+      transactionId,
+      container: containerRef.current,
+      onSuccess: (data) => onSuccessRef.current?.(data),
+      onFailure: (data) => onFailureRef.current?.(data),
+      onClose: (data) => onCloseRef.current?.(data),
+      showTitle,
+      showDescription,
+      showAmount,
+      style: styleRef.current,
+      origin
     });
-    return () => x.destroy();
-  }, [t, f, s, m, R]), /* @__PURE__ */ y("div", { ref: n });
+    return () => instance.destroy();
+  }, [transactionId, showTitle, showDescription, showAmount, origin]);
+  return /* @__PURE__ */ jsx("div", { ref: containerRef });
 }
 export {
-  v as FlashpayCheckout
+  FlashpayCheckout
 };
-//# sourceMappingURL=index.es.js.map
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/FlashpayCheckout.tsx"],"sourcesContent":["import { checkout } from \"@flash-pay/browser-sdk\";\nimport type { PaymentEventData, PaymentData } from \"@flash-pay/browser-sdk\";\nimport { useEffect, useRef } from \"react\";\n\nexport type { PaymentEventData, PaymentData };\n\nexport interface FlashpayCheckoutProps {\n  transactionId: string;\n  onSuccess?: (data: PaymentEventData) => void;\n  onFailure?: (data: PaymentEventData) => void;\n  onClose?: (data: PaymentEventData) => void;\n  showTitle?: boolean;\n  showDescription?: boolean;\n  showAmount?: boolean;\n  style?: Partial<CSSStyleDeclaration>;\n  origin?: string;\n}\n\nexport function FlashpayCheckout({\n  transactionId,\n  onSuccess,\n  onFailure,\n  onClose,\n  showTitle,\n  showDescription,\n  showAmount,\n  style,\n  origin,\n}: FlashpayCheckoutProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Stable refs so callback identity changes don't re-initialize the SDK\n  const onSuccessRef = useRef(onSuccess);\n  const onFailureRef = useRef(onFailure);\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onSuccessRef.current = onSuccess;\n    onFailureRef.current = onFailure;\n    onCloseRef.current = onClose;\n  });\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const instance = checkout({\n      transactionId,\n      container: containerRef.current,\n      onSuccess: (data) => onSuccessRef.current?.(data),\n      onFailure: (data) => onFailureRef.current?.(data),\n      onClose: (data) => onCloseRef.current?.(data),\n      showTitle,\n      showDescription,\n      showAmount,\n      style,\n      origin,\n    });\n    return () => instance.destroy();\n  }, [transactionId, showTitle, showDescription, showAmount, origin]);\n\n  return <div ref={containerRef} />;\n}\n"],"names":["FlashpayCheckout","transactionId","onSuccess","onFailure","onClose","showTitle","showDescription","showAmount","style","origin","containerRef","useRef","onSuccessRef","onFailureRef","onCloseRef","useEffect","instance","checkout","data","jsx"],"mappings":";;;AAkBO,SAASA,EAAiB;AAAA,EAC/B,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACF,GAA0B;AACxB,QAAMC,IAAeC,EAAuB,IAAI,GAG1CC,IAAeD,EAAOT,CAAS,GAC/BW,IAAeF,EAAOR,CAAS,GAC/BW,IAAaH,EAAOP,CAAO;AACjC,SAAAW,EAAU,MAAM;AACd,IAAAH,EAAa,UAAUV,GACvBW,EAAa,UAAUV,GACvBW,EAAW,UAAUV;AAAA,EACvB,CAAC,GAEDW,EAAU,MAAM;AACd,QAAI,CAACL,EAAa,QAAS;AAC3B,UAAMM,IAAWC,EAAS;AAAA,MACxB,eAAAhB;AAAA,MACA,WAAWS,EAAa;AAAA,MACxB,WAAW,CAACQ,MAASN,EAAa,UAAUM,CAAI;AAAA,MAChD,WAAW,CAACA,MAASL,EAAa,UAAUK,CAAI;AAAA,MAChD,SAAS,CAACA,MAASJ,EAAW,UAAUI,CAAI;AAAA,MAC5C,WAAAb;AAAA,MACA,iBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,CACD;AACD,WAAO,MAAMO,EAAS,QAAA;AAAA,EACxB,GAAG,CAACf,GAAeI,GAAWC,GAAiBC,GAAYE,CAAM,CAAC,GAE3D,gBAAAU,EAAC,OAAA,EAAI,KAAKT,EAAA,CAAc;AACjC;"}
+{"version":3,"sources":["../src/FlashpayCheckout.tsx"],"sourcesContent":["import { checkout } from \"@flash-pay/browser-sdk\";\nimport type { PaymentEventData, PaymentData } from \"@flash-pay/browser-sdk\";\nimport { useEffect, useRef } from \"react\";\n\nexport type { PaymentEventData, PaymentData };\n\nexport interface FlashpayCheckoutProps {\n  transactionId: string;\n  onSuccess?: (data: PaymentEventData) => void;\n  onFailure?: (data: PaymentEventData) => void;\n  onClose?: (data: PaymentEventData) => void;\n  showTitle?: boolean;\n  showDescription?: boolean;\n  showAmount?: boolean;\n  style?: Partial<CSSStyleDeclaration>;\n  origin?: string;\n}\n\nexport function FlashpayCheckout({\n  transactionId,\n  onSuccess,\n  onFailure,\n  onClose,\n  showTitle = true,\n  showDescription = true,\n  showAmount = true,\n  style,\n  origin,\n}: FlashpayCheckoutProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Stable refs so callback / style identity changes don't re-initialize the SDK\n  const onSuccessRef = useRef(onSuccess);\n  const onFailureRef = useRef(onFailure);\n  const onCloseRef = useRef(onClose);\n  const styleRef = useRef(style);\n  useEffect(() => {\n    onSuccessRef.current = onSuccess;\n    onFailureRef.current = onFailure;\n    onCloseRef.current = onClose;\n    styleRef.current = style;\n  });\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const instance = checkout({\n      transactionId,\n      container: containerRef.current,\n      onSuccess: (data) => onSuccessRef.current?.(data),\n      onFailure: (data) => onFailureRef.current?.(data),\n      onClose: (data) => onCloseRef.current?.(data),\n      showTitle,\n      showDescription,\n      showAmount,\n      style: styleRef.current,\n      origin,\n    });\n    return () => instance.destroy();\n  }, [transactionId, showTitle, showDescription, showAmount, origin]);\n\n  return <div ref={containerRef} />;\n}\n"],"mappings":";AAAA,SAAS,gBAAgB;AAEzB,SAAS,WAAW,cAAc;AA0DzB;AA1CF,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,eAAe,OAAuB,IAAI;AAGhD,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,aAAa,OAAO,OAAO;AACjC,QAAM,WAAW,OAAO,KAAK;AAC7B,YAAU,MAAM;AACd,iBAAa,UAAU;AACvB,iBAAa,UAAU;AACvB,eAAW,UAAU;AACrB,aAAS,UAAU;AAAA,EACrB,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,QAAS;AAC3B,UAAM,WAAW,SAAS;AAAA,MACxB;AAAA,MACA,WAAW,aAAa;AAAA,MACxB,WAAW,CAAC,SAAS,aAAa,UAAU,IAAI;AAAA,MAChD,WAAW,CAAC,SAAS,aAAa,UAAU,IAAI;AAAA,MAChD,SAAS,CAAC,SAAS,WAAW,UAAU,IAAI;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MAChB;AAAA,IACF,CAAC;AACD,WAAO,MAAM,SAAS,QAAQ;AAAA,EAChC,GAAG,CAAC,eAAe,WAAW,iBAAiB,YAAY,MAAM,CAAC;AAElE,SAAO,oBAAC,SAAI,KAAK,cAAc;AACjC;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flash-pay/react",
-  "version": "0.1.0",
+  "version": "2.0.0",
   "description": "Flashpay React component wrapper",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -8,36 +8,37 @@
   "sideEffects": false,
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs.js"
     }
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch",
+    "build": "tsup",
+    "dev": "tsup --watch",
     "test": "vitest run",
     "test:watch": "vitest"
   },
   "peerDependencies": {
-    "@flash-pay/browser-sdk": ">=0.1.0",
+    "@flash-pay/browser-sdk": ">=2.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
     "@flash-pay/browser-sdk": "workspace:*",
     "@testing-library/react": "^16.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.0.0",
     "ajv": "^8.18.0",
     "jsdom": "^26.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.5.0",
     "typescript": "^5.3.3",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.0.0"
   }
 }

package/dist/FlashpayCheckout.d.ts

@@ -1,14 +0,0 @@
-import { PaymentEventData, PaymentData } from '@flash-pay/browser-sdk';
-export type { PaymentEventData, PaymentData };
-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;
-}
-export declare function FlashpayCheckout({ transactionId, onSuccess, onFailure, onClose, showTitle, showDescription, showAmount, style, origin, }: FlashpayCheckoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/FlashpayCheckout.test.d.ts

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