@reevit/vue 0.2.5 → 0.3.2

package/dist/components/ReevitCheckout.vue.d.ts

@@ -11,6 +11,7 @@ type __VLS_Props = {
     theme?: ReevitTheme;
     isOpen?: boolean;
     apiBaseUrl?: string;
+    initialPaymentIntent?: any;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/ReevitCheckout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReevitCheckout.vue.d.ts","sourceRoot":"","sources":["../../src/components/ReevitCheckout.vue"],"names":[],"mappings":"AAyPA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKhD,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,cAAc,GAAG,eAAe,CAAC,EAAE,CAAC;IAC/D,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAqIF,iBAAS,cAAc;WAqNT,OAAO,IAA6B;;;;;YAXrB,GAAG;+BACG,GAAG;;;;EAerC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ReevitCheckout.vue.d.ts","sourceRoot":"","sources":["../../src/components/ReevitCheckout.vue"],"names":[],"mappings":"AAoQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKhD,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,cAAc,GAAG,eAAe,CAAC,EAAE,CAAC;IAC/D,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,GAAG,CAAC;CAC5B,CAAC;AA+IF,iBAAS,cAAc;WAqNT,OAAO,IAA6B;;;;;YAXrB,GAAG;+BACG,GAAG;;;;EAerC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/composables/useReevit.d.ts

@@ -12,11 +12,13 @@ export declare function useReevit(options: UseReevitOptions): {
     paymentIntent: Readonly<import('vue').Ref<{
         readonly id: string;
         readonly clientSecret: string;
+        readonly pspPublicKey?: string | undefined;
         readonly amount: number;
         readonly currency: string;
         readonly status: "pending" | "processing" | "succeeded" | "failed" | "cancelled";
         readonly recommendedPsp: PSPType;
         readonly availableMethods: readonly PaymentMethod[];
+        readonly reference?: string | undefined;
         readonly connectionId?: string | undefined;
         readonly provider?: string | undefined;
         readonly feeAmount?: number | undefined;
@@ -28,11 +30,13 @@ export declare function useReevit(options: UseReevitOptions): {
     } | null, {
         readonly id: string;
         readonly clientSecret: string;
+        readonly pspPublicKey?: string | undefined;
         readonly amount: number;
         readonly currency: string;
         readonly status: "pending" | "processing" | "succeeded" | "failed" | "cancelled";
         readonly recommendedPsp: PSPType;
         readonly availableMethods: readonly PaymentMethod[];
+        readonly reference?: string | undefined;
         readonly connectionId?: string | undefined;
         readonly provider?: string | undefined;
         readonly feeAmount?: number | undefined;

package/dist/composables/useReevit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReevit.d.ts","sourceRoot":"","sources":["../../src/composables/useReevit.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,YAAY,EAKjB,KAAK,OAAO,EACb,MAAM,cAAc,CAAC;AAEtB,UAAU,gBAAgB;IACxB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAqCD,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0Bd,aAAa;2BA8ClB,aAAa;kCAKA,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;gCA6CzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;4BAKjC,YAAY;;;;;;;EAgE5C"}
+{"version":3,"file":"useReevit.d.ts","sourceRoot":"","sources":["../../src/composables/useReevit.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,YAAY,EAKjB,KAAK,OAAO,EACb,MAAM,cAAc,CAAC;AAEtB,UAAU,gBAAgB;IACxB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAuCD,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAwCd,aAAa;2BA8ClB,aAAa;kCAKA,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;gCA8DzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;4BAKjC,YAAY;;;;;;;EAgE5C"}

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("@reevit/core");function Q(t){const a=t.toLowerCase();return a.includes("paystack")?"paystack":a.includes("hubtel")?"hubtel":a.includes("flutterwave")?"flutterwave":"paystack"}function W(t,a){return{id:t.id,clientSecret:t.client_secret,amount:t.amount,currency:t.currency,status:t.status,recommendedPsp:Q(t.provider),availableMethods:a.paymentMethods||["card","mobile_money"],connectionId:t.connection_id,provider:t.provider,feeAmount:t.fee_amount,feeCurrency:t.fee_currency,netAmount:t.net_amount,metadata:a.metadata}}function D(t){const{config:a,onSuccess:n,onError:l,onClose:p,onStateChange:c,apiBaseUrl:i}=t,o=e.ref(u.createInitialState()),k=new u.ReevitAPIClient({publicKey:a.publicKey,baseUrl:i}),m=s=>{o.value=u.reevitReducer(o.value,s)};e.watch(()=>o.value.status,s=>{c?.(s)});const y=async s=>{m({type:"INIT_START"});try{const r=a.reference||u.generateReference(),d=u.detectCountryFromCurrency(a.currency),M=s||a.paymentMethods?.[0]||"card",{data:O,error:T}=await k.createPaymentIntent({...a,reference:r},M,d);if(T){m({type:"INIT_ERROR",payload:T}),l?.(T);return}if(!O){const $={code:"INIT_FAILED",message:"No data received from API",recoverable:!0};m({type:"INIT_ERROR",payload:$}),l?.($);return}const J=W(O,{...a,reference:r});m({type:"INIT_SUCCESS",payload:J})}catch(r){const d={code:"INIT_FAILED",message:r instanceof Error?r.message:"Failed to initialize checkout",recoverable:!0,originalError:r};m({type:"INIT_ERROR",payload:d}),l?.(d)}},h=s=>{m({type:"SELECT_METHOD",payload:s})},b=async s=>{if(!(!o.value.paymentIntent||!o.value.selectedMethod)){m({type:"PROCESS_START"});try{const{data:r,error:d}=await k.confirmPayment(o.value.paymentIntent.id);if(d){m({type:"PROCESS_ERROR",payload:d}),l?.(d);return}const M={paymentId:o.value.paymentIntent.id,reference:s.reference||o.value.paymentIntent.metadata?.reference||"",amount:o.value.paymentIntent.amount,currency:o.value.paymentIntent.currency,paymentMethod:o.value.selectedMethod,psp:o.value.paymentIntent.recommendedPsp,pspReference:s.pspReference||r?.provider_ref_id||"",status:"success",metadata:s};m({type:"PROCESS_SUCCESS",payload:M}),n?.(M)}catch(r){const d={code:"PAYMENT_FAILED",message:r instanceof Error?r.message:"Payment failed",recoverable:!0,originalError:r};m({type:"PROCESS_ERROR",payload:d}),l?.(d)}}},I=async s=>{await b(s)},V=s=>{m({type:"PROCESS_ERROR",payload:s}),l?.(s)},f=()=>{m({type:"RESET"})},C=async()=>{if(o.value.paymentIntent&&o.value.status!=="success")try{await k.cancelPaymentIntent(o.value.paymentIntent.id)}catch{}m({type:"CLOSE"}),p?.()},E=e.computed(()=>o.value.status),R=e.computed(()=>o.value.paymentIntent),N=e.computed(()=>o.value.selectedMethod),B=e.computed(()=>o.value.error),v=e.computed(()=>o.value.result),_=e.computed(()=>o.value.status==="loading"||o.value.status==="processing"),S=e.computed(()=>o.value.status==="ready"||o.value.status==="method_selected"||o.value.status==="processing"),P=e.computed(()=>o.value.status==="success"),g=e.computed(()=>o.value.error?.recoverable??!1);return{status:e.readonly(E),paymentIntent:e.readonly(R),selectedMethod:e.readonly(N),error:e.readonly(B),result:e.readonly(v),initialize:y,selectMethod:h,processPayment:b,handlePspSuccess:I,handlePspError:V,reset:f,close:C,isLoading:e.readonly(_),isReady:e.readonly(S),isComplete:e.readonly(P),canRetry:e.readonly(g)}}const X={class:"reevit-method-selector"},Z={class:"reevit-amount-display"},ee={class:"reevit-methods-grid"},te=["onClick"],ne={class:"reevit-method-icon"},oe={class:"reevit-method-info"},re={class:"reevit-method-name"},ae={class:"reevit-method-description"},se={class:"reevit-method-radio"},le={key:0,class:"reevit-radio-inner"},j=e.defineComponent({__name:"PaymentMethodSelector",props:{methods:{},selected:{},amount:{},currency:{}},emits:["select"],setup(t,{emit:a}){const n=t,l=a,p=e.computed(()=>[{id:"card",name:"Card",description:"Visa, Mastercard, Maestro",icon:"💳"},{id:"mobile_money",name:"Mobile Money",description:"MTN, Vodafone, AirtelTigo",icon:"📱"},{id:"bank_transfer",name:"Bank Transfer",description:"Transfer directly from your bank",icon:"🏦"}].filter(c=>n.methods.includes(c.id)));return(c,i)=>(e.openBlock(),e.createElementBlock("div",X,[i[0]||(i[0]=e.createElementVNode("h3",{class:"reevit-section-title"},"Select Payment Method",-1)),e.createElementVNode("p",Z," Pay "+e.toDisplayString(e.unref(u.formatAmount)(t.amount,t.currency)),1),e.createElementVNode("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,o=>(e.openBlock(),e.createElementBlock("button",{key:o.id,type:"button",class:e.normalizeClass(e.unref(u.cn)("reevit-method-card",t.selected===o.id&&"reevit-method-card--selected")),onClick:k=>l("select",o.id)},[e.createElementVNode("span",ne,e.toDisplayString(o.icon),1),e.createElementVNode("div",oe,[e.createElementVNode("span",re,e.toDisplayString(o.name),1),e.createElementVNode("span",ae,e.toDisplayString(o.description),1)]),e.createElementVNode("div",se,[t.selected===o.id?(e.openBlock(),e.createElementBlock("div",le)):e.createCommentVNode("",!0)])],10,te))),128))])]))}}),ce={class:"reevit-form-group"},ie=["disabled"],de={class:"reevit-network-selector"},ue={class:"reevit-networks-grid"},me=["onClick","disabled"],pe={key:0,class:"reevit-error-message"},ye=["disabled"],ve={key:0,class:"reevit-spinner"},he={key:1},A=e.defineComponent({__name:"MobileMoneyForm",props:{initialPhone:{},loading:{type:Boolean}},emits:["submit"],setup(t,{emit:a}){const n=t,l=a,p=e.ref(n.initialPhone||""),c=e.ref(null),i=e.ref(null);e.watch(p,m=>{const y=u.detectNetwork(m);y&&(c.value=y),i.value&&(i.value=null)});const o=()=>{if(!u.validatePhone(p.value)){i.value="Please enter a valid phone number";return}if(!c.value){i.value="Please select your mobile network";return}l("submit",{phone:p.value,network:c.value})},k=[{id:"mtn",name:"MTN",color:"#FFCC00"},{id:"vodafone",name:"Vodafone",color:"#E60000"},{id:"airteltigo",name:"AirtelTigo",color:"#005596"}];return(m,y)=>(e.openBlock(),e.createElementBlock("form",{class:"reevit-momo-form",onSubmit:e.withModifiers(o,["prevent"])},[e.createElementVNode("div",ce,[y[1]||(y[1]=e.createElementVNode("label",{class:"reevit-label",for:"reevit-phone"},"Phone Number",-1)),e.withDirectives(e.createElementVNode("input",{id:"reevit-phone","onUpdate:modelValue":y[0]||(y[0]=h=>p.value=h),type:"tel",class:e.normalizeClass(["reevit-input",{"reevit-input--error":i.value&&!e.unref(u.validatePhone)(p.value)}]),placeholder:"e.g. 024 123 4567",disabled:t.loading,autocomplete:"tel"},null,10,ie),[[e.vModelText,p.value]])]),e.createElementVNode("div",de,[y[2]||(y[2]=e.createElementVNode("label",{class:"reevit-label"},"Select Network",-1)),e.createElementVNode("div",ue,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(k,h=>e.createElementVNode("button",{key:h.id,type:"button",class:e.normalizeClass(e.unref(u.cn)("reevit-network-btn",c.value===h.id&&"reevit-network-btn--selected")),onClick:b=>c.value=h.id,disabled:t.loading},[e.createElementVNode("div",{class:"reevit-network-dot",style:e.normalizeStyle({backgroundColor:h.color})},null,4),e.createTextVNode(" "+e.toDisplayString(h.name),1)],10,me)),64))])]),i.value?(e.openBlock(),e.createElementBlock("p",pe,e.toDisplayString(i.value),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"submit",class:"reevit-submit-btn",disabled:t.loading||!p.value},[t.loading?(e.openBlock(),e.createElementBlock("span",ve)):(e.openBlock(),e.createElementBlock("span",he,"Continue"))],8,ye),y[3]||(y[3]=e.createElementVNode("p",{class:"reevit-secure-text"}," 🔒 Secure mobile money payment via Reevit ",-1))],32))}}),F=new Map;function w(t,a){const n=F.get(a);if(n)return n;const l=new Promise((p,c)=>{if(document.getElementById(a)){p();return}const i=document.createElement("script");i.id=a,i.src=t,i.async=!0,i.onload=()=>p(),i.onerror=()=>c(new Error(`Failed to load ${a} script`)),document.head.appendChild(i)});return F.set(a,l),l}function K(){return w("https://js.paystack.co/v1/inline.js","paystack-script")}function L(){return w("https://checkout.hubtel.com/js/hubtel-checkout.js","hubtel-script")}function z(){return w("https://checkout.flutterwave.com/v3.js","flutterwave-script")}function U(){return w("https://js.stripe.com/v3/","stripe-script")}function x(){return w("https://sdk.monnify.com/plugin/monnify.js","monnify-script")}async function H(t){if(await K(),!window.PaystackPop)throw new Error("Paystack script not loaded");window.PaystackPop.setup({key:t.key,email:t.email,amount:t.amount,currency:t.currency,ref:t.ref,metadata:t.metadata,callback:t.onSuccess,onClose:t.onClose}).openIframe()}async function q(t){if(await L(),!window.HubtelCheckout)throw new Error("Hubtel script not loaded");window.HubtelCheckout.initPay({clientId:t.clientId,purchaseDescription:t.purchaseDescription,amount:t.amount,callbackUrl:t.callbackUrl,customerPhone:t.customerPhone,customerEmail:t.customerEmail,onSuccess:t.onSuccess,onClose:t.onClose})}async function Y(t){if(await z(),!window.FlutterwaveCheckout)throw new Error("Flutterwave script not loaded");window.FlutterwaveCheckout({public_key:t.public_key,tx_ref:t.tx_ref,amount:t.amount,currency:t.currency,customer:t.customer,payment_options:t.payment_options,customizations:t.customizations,callback:t.callback,onclose:t.onclose})}async function G(t){if(await U(),!window.Stripe)throw new Error("Stripe.js not loaded");return window.Stripe(t)}async function ke(t){const n=await(await G(t.publishableKey)).confirmPayment({elements:t.elements,clientSecret:t.clientSecret,redirect:"if_required"});n.error?t.onError({message:n.error.message||"Payment failed"}):n.paymentIntent&&t.onSuccess({paymentIntentId:n.paymentIntent.id,status:n.paymentIntent.status})}async function be(t){if(await x(),!window.MonnifySDK)throw new Error("Monnify SDK not loaded");window.MonnifySDK.initialize({amount:t.amount,currency:t.currency,reference:t.reference,customerName:t.customerName,customerEmail:t.customerEmail,customerMobileNumber:t.customerPhone,apiKey:t.apiKey,contractCode:t.contractCode,paymentDescription:t.paymentDescription||"Payment",isTestMode:t.isTestMode??!1,metadata:t.metadata,onComplete:a=>{a.status==="SUCCESS"?t.onSuccess({transactionReference:a.transactionReference,paymentReference:a.paymentReference,...a}):t.onError?.({message:a.message||"Payment failed"})},onClose:t.onClose})}async function fe(t,a){t.onInitiated();try{const n=await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({phone_number:t.phoneNumber,amount:t.amount,reference:t.reference,description:t.description})});if(!n.ok){const c=(await n.json().catch(()=>({}))).message||"Failed to initiate M-Pesa payment";return t.onError({message:c}),{status:"failed",message:c}}const l=await n.json();return{status:"initiated",message:"Please check your phone and enter your M-Pesa PIN to complete the payment.",transactionId:l.checkout_request_id||l.transaction_id}}catch(n){const l=n instanceof Error?n.message:"Network error";return t.onError({message:l}),{status:"failed",message:l}}}const Ee=["disabled"],Se={key:0,class:"reevit-spinner"},Pe={class:"reevit-modal-body"},we={key:0,class:"reevit-loading-state"},Ce={key:1,class:"reevit-error-state"},Ne={key:2,class:"reevit-success-state"},_e={key:1,class:"reevit-method-form-container"},Me={key:2,class:"reevit-card-info"},Ie=["disabled"],Ve={key:0,class:"reevit-spinner"},Re={key:1},Be=e.defineComponent({__name:"ReevitCheckout",props:{publicKey:{},amount:{},currency:{},email:{},phone:{},reference:{},metadata:{},paymentMethods:{},theme:{},isOpen:{type:Boolean},apiBaseUrl:{}},emits:["success","error","close"],setup(t,{emit:a}){const n=t,l=a,{status:p,paymentIntent:c,selectedMethod:i,error:o,isLoading:k,isReady:m,initialize:y,selectMethod:h,handlePspSuccess:b,handlePspError:I,close:V}=D({config:{publicKey:n.publicKey,amount:n.amount,currency:n.currency,email:n.email,phone:n.phone,reference:n.reference,metadata:n.metadata,paymentMethods:n.paymentMethods},apiBaseUrl:n.apiBaseUrl,onSuccess:s=>l("success",s),onError:s=>l("error",s),onClose:()=>l("close")}),f=e.ref(n.isOpen??!1);e.watch(()=>n.isOpen,s=>{s!==void 0&&(f.value=s)});const C=()=>{f.value=!0,c.value||y()},E=()=>{f.value=!1,V()},R=s=>{h(s)},N=async s=>{if(!c.value)return;const r=c.value.recommendedPsp;try{r==="paystack"?await H({key:n.publicKey,email:n.email||"",amount:n.amount,currency:n.currency,ref:c.value.id,onSuccess:d=>b(d),onClose:()=>{}}):r==="hubtel"?await q({clientId:n.publicKey,purchaseDescription:`Payment for ${n.amount} ${n.currency}`,amount:n.amount,customerPhone:s?.phone||n.phone,customerEmail:n.email,onSuccess:d=>b(d),onClose:()=>{}}):r==="flutterwave"&&await Y({public_key:n.publicKey,tx_ref:c.value.id,amount:n.amount,currency:n.currency,customer:{email:n.email||"",phone_number:s?.phone||n.phone},callback:d=>b(d),onclose:()=>{}})}catch(d){I({code:"BRIDGE_ERROR",message:d instanceof Error?d.message:"Failed to open payment gateway"})}},B=e.computed(()=>u.createThemeVariables(n.theme||{}));e.watch(f,s=>{s?document.body.style.overflow="hidden":document.body.style.overflow=""}),e.onUnmounted(()=>{document.body.style.overflow=""});const v=e.computed(()=>p.value),_=e.computed(()=>o.value),S=e.computed(()=>i.value),P=e.computed(()=>k.value),g=e.computed(()=>m.value);return(s,r)=>(e.openBlock(),e.createElementBlock("div",{class:"reevit-sdk-container",style:e.normalizeStyle(B.value)},[e.renderSlot(s.$slots,"default",{open:C,isLoading:P.value},()=>[e.createElementVNode("button",{type:"button",class:"reevit-pay-button",onClick:C,disabled:P.value},[P.value?(e.openBlock(),e.createElementBlock("span",Se)):e.renderSlot(s.$slots,"button-text",{key:1},()=>[r[1]||(r[1]=e.createTextVNode("Pay Now",-1))])],8,Ee)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[f.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"reevit-modal-overlay",onClick:e.withModifiers(E,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["reevit-modal-content",{"reevit-modal--dark":n.theme?.darkMode}])},[e.createElementVNode("button",{class:"reevit-modal-close",onClick:E,"aria-label":"Close"}," × "),r[9]||(r[9]=e.createElementVNode("div",{class:"reevit-modal-header"},[e.createElementVNode("img",{src:"https://i.imgur.com/bzUR5Lm.png",alt:"Reevit",class:"reevit-modal__logo"})],-1)),e.createElementVNode("div",Pe,[v.value==="loading"?(e.openBlock(),e.createElementBlock("div",we,[...r[2]||(r[2]=[e.createElementVNode("div",{class:"reevit-spinner reevit-spinner--large"},null,-1),e.createElementVNode("p",null,"Initializing payment...",-1)])])):v.value==="failed"&&_.value?(e.openBlock(),e.createElementBlock("div",Ce,[r[3]||(r[3]=e.createElementVNode("div",{class:"reevit-error-icon"},"⚠️",-1)),r[4]||(r[4]=e.createElementVNode("h3",null,"Payment Failed",-1)),e.createElementVNode("p",null,e.toDisplayString(_.value.message),1),e.createElementVNode("button",{class:"reevit-retry-btn",onClick:r[0]||(r[0]=d=>e.unref(y)())},"Retry")])):v.value==="success"?(e.openBlock(),e.createElementBlock("div",Ne,[r[5]||(r[5]=e.createElementVNode("div",{class:"reevit-success-icon"},"✅",-1)),r[6]||(r[6]=e.createElementVNode("h3",null,"Payment Successful",-1)),r[7]||(r[7]=e.createElementVNode("p",null,"Thank you for your payment.",-1)),e.createElementVNode("button",{class:"reevit-done-btn",onClick:E},"Done")])):g.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[v.value==="ready"||v.value==="method_selected"||v.value==="processing"?(e.openBlock(),e.createBlock(j,{key:0,methods:n.paymentMethods||["card","mobile_money"],selected:S.value,amount:n.amount,currency:n.currency,onSelect:R},null,8,["methods","selected","amount","currency"])):e.createCommentVNode("",!0),(v.value==="method_selected"||v.value==="processing")&&S.value==="mobile_money"?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(A,{"initial-phone":n.phone,loading:v.value==="processing",onSubmit:N},null,8,["initial-phone","loading"])])):e.createCommentVNode("",!0),(v.value==="method_selected"||v.value==="processing")&&S.value==="card"?(e.openBlock(),e.createElementBlock("div",Me,[r[8]||(r[8]=e.createElementVNode("p",{class:"reevit-info-text"},"You will be redirected to our secure payment partner to complete your card payment.",-1)),e.createElementVNode("button",{class:"reevit-submit-btn",onClick:N,disabled:v.value==="processing"},[v.value==="processing"?(e.openBlock(),e.createElementBlock("span",Ve)):(e.openBlock(),e.createElementBlock("span",Re,"Proceed to Card Payment"))],8,Ie)])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]),r[10]||(r[10]=e.createElementVNode("div",{class:"reevit-modal-footer"},[e.createElementVNode("div",{class:"reevit-trust-badges"},[e.createElementVNode("span",null,"PCI DSS Compliant"),e.createElementVNode("span",null,"•"),e.createElementVNode("span",null,"SSL Secure")])],-1))],2)])):e.createCommentVNode("",!0)]))],4))}});Object.defineProperty(exports,"ReevitAPIClient",{enumerable:!0,get:()=>u.ReevitAPIClient});Object.defineProperty(exports,"cn",{enumerable:!0,get:()=>u.cn});Object.defineProperty(exports,"createReevitClient",{enumerable:!0,get:()=>u.createReevitClient});Object.defineProperty(exports,"detectCountryFromCurrency",{enumerable:!0,get:()=>u.detectCountryFromCurrency});Object.defineProperty(exports,"detectNetwork",{enumerable:!0,get:()=>u.detectNetwork});Object.defineProperty(exports,"formatAmount",{enumerable:!0,get:()=>u.formatAmount});Object.defineProperty(exports,"formatPhone",{enumerable:!0,get:()=>u.formatPhone});Object.defineProperty(exports,"validatePhone",{enumerable:!0,get:()=>u.validatePhone});exports.MobileMoneyForm=A;exports.PaymentMethodSelector=j;exports.ReevitCheckout=Be;exports.confirmStripePayment=ke;exports.createStripeInstance=G;exports.initiateMPesaSTKPush=fe;exports.loadFlutterwaveScript=z;exports.loadHubtelScript=L;exports.loadMonnifyScript=x;exports.loadPaystackScript=K;exports.loadStripeScript=U;exports.openFlutterwaveModal=Y;exports.openHubtelPopup=q;exports.openMonnifyModal=be;exports.openPaystackPopup=H;exports.useReevit=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("@reevit/core");function Q(t){const l=t.toLowerCase();return l.includes("paystack")?"paystack":l.includes("hubtel")?"hubtel":l.includes("flutterwave")?"flutterwave":"paystack"}function W(t,l){return{id:t.id,clientSecret:t.client_secret,pspPublicKey:t.psp_public_key,amount:t.amount,currency:t.currency,status:t.status,recommendedPsp:Q(t.provider),availableMethods:l.paymentMethods||["card","mobile_money"],reference:t.reference||l.reference,connectionId:t.connection_id,provider:t.provider,feeAmount:t.fee_amount,feeCurrency:t.fee_currency,netAmount:t.net_amount,metadata:l.metadata}}function F(t){const{config:l,onSuccess:n,onError:s,onClose:p,onStateChange:i,apiBaseUrl:u}=t,o=e.ref(d.createInitialState());if(l.initialPaymentIntent){const r=l.initialPaymentIntent;o.value={...o.value,status:"ready",paymentIntent:r,selectedMethod:r.availableMethods?.length===1?r.availableMethods[0]:null}}const k=new d.ReevitAPIClient({publicKey:l.publicKey,baseUrl:u}),m=r=>{o.value=d.reevitReducer(o.value,r)};e.watch(()=>o.value.status,r=>{i?.(r)});const y=async r=>{m({type:"INIT_START"});try{const a=l.reference||d.generateReference(),c=d.detectCountryFromCurrency(l.currency),_=r||l.paymentMethods?.[0]||"card",{data:f,error:O}=await k.createPaymentIntent({...l,reference:a},_,c);if(O){m({type:"INIT_ERROR",payload:O}),s?.(O);return}if(!f){const $={code:"INIT_FAILED",message:"No data received from API",recoverable:!0};m({type:"INIT_ERROR",payload:$}),s?.($);return}const J=W(f,{...l,reference:a});m({type:"INIT_SUCCESS",payload:J})}catch(a){const c={code:"INIT_FAILED",message:a instanceof Error?a.message:"Failed to initialize checkout",recoverable:!0,originalError:a};m({type:"INIT_ERROR",payload:c}),s?.(c)}},h=r=>{m({type:"SELECT_METHOD",payload:r})},E=async r=>{if(!(!o.value.paymentIntent||!o.value.selectedMethod)){m({type:"PROCESS_START"});try{let a;if(o.value.paymentIntent.clientSecret){const{data:_,error:f}=await k.confirmPaymentIntent(o.value.paymentIntent.id,o.value.paymentIntent.clientSecret);if(f){m({type:"PROCESS_ERROR",payload:f}),s?.(f);return}a=_}else{const{data:_,error:f}=await k.confirmPayment(o.value.paymentIntent.id);if(f){m({type:"PROCESS_ERROR",payload:f}),s?.(f);return}a=_}const c={paymentId:o.value.paymentIntent.id,reference:r.reference||o.value.paymentIntent.reference||o.value.paymentIntent.metadata?.reference||"",amount:o.value.paymentIntent.amount,currency:o.value.paymentIntent.currency,paymentMethod:o.value.selectedMethod,psp:o.value.paymentIntent.recommendedPsp,pspReference:r.pspReference||a?.provider_ref_id||"",status:"success",metadata:r};m({type:"PROCESS_SUCCESS",payload:c}),n?.(c)}catch(a){const c={code:"PAYMENT_FAILED",message:a instanceof Error?a.message:"Payment failed",recoverable:!0,originalError:a};m({type:"PROCESS_ERROR",payload:c}),s?.(c)}}},R=async r=>{await E(r)},V=r=>{m({type:"PROCESS_ERROR",payload:r}),s?.(r)},b=()=>{m({type:"RESET"})},I=async()=>{if(o.value.paymentIntent&&o.value.status!=="success")try{await k.cancelPaymentIntent(o.value.paymentIntent.id)}catch{}m({type:"CLOSE"}),p?.()},S=e.computed(()=>o.value.status),B=e.computed(()=>o.value.paymentIntent),P=e.computed(()=>o.value.selectedMethod),g=e.computed(()=>o.value.error),v=e.computed(()=>o.value.result),M=e.computed(()=>o.value.status==="loading"||o.value.status==="processing"),w=e.computed(()=>o.value.status==="ready"||o.value.status==="method_selected"||o.value.status==="processing"),C=e.computed(()=>o.value.status==="success"),T=e.computed(()=>o.value.error?.recoverable??!1);return{status:e.readonly(S),paymentIntent:e.readonly(B),selectedMethod:e.readonly(P),error:e.readonly(g),result:e.readonly(v),initialize:y,selectMethod:h,processPayment:E,handlePspSuccess:R,handlePspError:V,reset:b,close:I,isLoading:e.readonly(M),isReady:e.readonly(w),isComplete:e.readonly(C),canRetry:e.readonly(T)}}const X={class:"reevit-method-selector"},Z={class:"reevit-amount-display"},ee={class:"reevit-methods-grid"},te=["onClick"],ne={class:"reevit-method-icon"},oe={class:"reevit-method-info"},ae={class:"reevit-method-name"},re={class:"reevit-method-description"},le={class:"reevit-method-radio"},se={key:0,class:"reevit-radio-inner"},j=e.defineComponent({__name:"PaymentMethodSelector",props:{methods:{},selected:{},amount:{},currency:{}},emits:["select"],setup(t,{emit:l}){const n=t,s=l,p=e.computed(()=>[{id:"card",name:"Card",description:"Visa, Mastercard, Maestro",icon:"💳"},{id:"mobile_money",name:"Mobile Money",description:"MTN, Vodafone, AirtelTigo",icon:"📱"},{id:"bank_transfer",name:"Bank Transfer",description:"Transfer directly from your bank",icon:"🏦"}].filter(i=>n.methods.includes(i.id)));return(i,u)=>(e.openBlock(),e.createElementBlock("div",X,[u[0]||(u[0]=e.createElementVNode("h3",{class:"reevit-section-title"},"Select Payment Method",-1)),e.createElementVNode("p",Z," Pay "+e.toDisplayString(e.unref(d.formatAmount)(t.amount,t.currency)),1),e.createElementVNode("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,o=>(e.openBlock(),e.createElementBlock("button",{key:o.id,type:"button",class:e.normalizeClass(e.unref(d.cn)("reevit-method-card",t.selected===o.id&&"reevit-method-card--selected")),onClick:k=>s("select",o.id)},[e.createElementVNode("span",ne,e.toDisplayString(o.icon),1),e.createElementVNode("div",oe,[e.createElementVNode("span",ae,e.toDisplayString(o.name),1),e.createElementVNode("span",re,e.toDisplayString(o.description),1)]),e.createElementVNode("div",le,[t.selected===o.id?(e.openBlock(),e.createElementBlock("div",se)):e.createCommentVNode("",!0)])],10,te))),128))])]))}}),ce={class:"reevit-form-group"},ie=["disabled"],ue={class:"reevit-network-selector"},de={class:"reevit-networks-grid"},me=["onClick","disabled"],pe={key:0,class:"reevit-error-message"},ye=["disabled"],ve={key:0,class:"reevit-spinner"},he={key:1},A=e.defineComponent({__name:"MobileMoneyForm",props:{initialPhone:{},loading:{type:Boolean}},emits:["submit"],setup(t,{emit:l}){const n=t,s=l,p=e.ref(n.initialPhone||""),i=e.ref(null),u=e.ref(null);e.watch(p,m=>{const y=d.detectNetwork(m);y&&(i.value=y),u.value&&(u.value=null)});const o=()=>{if(!d.validatePhone(p.value)){u.value="Please enter a valid phone number";return}if(!i.value){u.value="Please select your mobile network";return}s("submit",{phone:p.value,network:i.value})},k=[{id:"mtn",name:"MTN",color:"#FFCC00"},{id:"vodafone",name:"Vodafone",color:"#E60000"},{id:"airteltigo",name:"AirtelTigo",color:"#005596"}];return(m,y)=>(e.openBlock(),e.createElementBlock("form",{class:"reevit-momo-form",onSubmit:e.withModifiers(o,["prevent"])},[e.createElementVNode("div",ce,[y[1]||(y[1]=e.createElementVNode("label",{class:"reevit-label",for:"reevit-phone"},"Phone Number",-1)),e.withDirectives(e.createElementVNode("input",{id:"reevit-phone","onUpdate:modelValue":y[0]||(y[0]=h=>p.value=h),type:"tel",class:e.normalizeClass(["reevit-input",{"reevit-input--error":u.value&&!e.unref(d.validatePhone)(p.value)}]),placeholder:"e.g. 024 123 4567",disabled:t.loading,autocomplete:"tel"},null,10,ie),[[e.vModelText,p.value]])]),e.createElementVNode("div",ue,[y[2]||(y[2]=e.createElementVNode("label",{class:"reevit-label"},"Select Network",-1)),e.createElementVNode("div",de,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(k,h=>e.createElementVNode("button",{key:h.id,type:"button",class:e.normalizeClass(e.unref(d.cn)("reevit-network-btn",i.value===h.id&&"reevit-network-btn--selected")),onClick:E=>i.value=h.id,disabled:t.loading},[e.createElementVNode("div",{class:"reevit-network-dot",style:e.normalizeStyle({backgroundColor:h.color})},null,4),e.createTextVNode(" "+e.toDisplayString(h.name),1)],10,me)),64))])]),u.value?(e.openBlock(),e.createElementBlock("p",pe,e.toDisplayString(u.value),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"submit",class:"reevit-submit-btn",disabled:t.loading||!p.value},[t.loading?(e.openBlock(),e.createElementBlock("span",ve)):(e.openBlock(),e.createElementBlock("span",he,"Continue"))],8,ye),y[3]||(y[3]=e.createElementVNode("p",{class:"reevit-secure-text"}," 🔒 Secure mobile money payment via Reevit ",-1))],32))}}),D=new Map;function N(t,l){const n=D.get(l);if(n)return n;const s=new Promise((p,i)=>{if(document.getElementById(l)){p();return}const u=document.createElement("script");u.id=l,u.src=t,u.async=!0,u.onload=()=>p(),u.onerror=()=>i(new Error(`Failed to load ${l} script`)),document.head.appendChild(u)});return D.set(l,s),s}function K(){return N("https://js.paystack.co/v1/inline.js","paystack-script")}function L(){return N("https://checkout.hubtel.com/js/hubtel-checkout.js","hubtel-script")}function z(){return N("https://checkout.flutterwave.com/v3.js","flutterwave-script")}function U(){return N("https://js.stripe.com/v3/","stripe-script")}function x(){return N("https://sdk.monnify.com/plugin/monnify.js","monnify-script")}async function H(t){if(await K(),!window.PaystackPop)throw new Error("Paystack script not loaded");window.PaystackPop.setup({key:t.key,email:t.email,amount:t.amount,currency:t.currency,ref:t.ref,metadata:t.metadata,callback:t.onSuccess,onClose:t.onClose}).openIframe()}async function q(t){if(await L(),!window.HubtelCheckout)throw new Error("Hubtel script not loaded");window.HubtelCheckout.initPay({clientId:t.clientId,purchaseDescription:t.purchaseDescription,amount:t.amount,callbackUrl:t.callbackUrl,customerPhone:t.customerPhone,customerEmail:t.customerEmail,onSuccess:t.onSuccess,onClose:t.onClose})}async function Y(t){if(await z(),!window.FlutterwaveCheckout)throw new Error("Flutterwave script not loaded");window.FlutterwaveCheckout({public_key:t.public_key,tx_ref:t.tx_ref,amount:t.amount,currency:t.currency,customer:t.customer,payment_options:t.payment_options,customizations:t.customizations,callback:t.callback,onclose:t.onclose})}async function G(t){if(await U(),!window.Stripe)throw new Error("Stripe.js not loaded");return window.Stripe(t)}async function fe(t){const n=await(await G(t.publishableKey)).confirmPayment({elements:t.elements,clientSecret:t.clientSecret,redirect:"if_required"});n.error?t.onError({message:n.error.message||"Payment failed"}):n.paymentIntent&&t.onSuccess({paymentIntentId:n.paymentIntent.id,status:n.paymentIntent.status})}async function ke(t){if(await x(),!window.MonnifySDK)throw new Error("Monnify SDK not loaded");window.MonnifySDK.initialize({amount:t.amount,currency:t.currency,reference:t.reference,customerName:t.customerName,customerEmail:t.customerEmail,customerMobileNumber:t.customerPhone,apiKey:t.apiKey,contractCode:t.contractCode,paymentDescription:t.paymentDescription||"Payment",isTestMode:t.isTestMode??!1,metadata:t.metadata,onComplete:l=>{l.status==="SUCCESS"?t.onSuccess({transactionReference:l.transactionReference,paymentReference:l.paymentReference,...l}):t.onError?.({message:l.message||"Payment failed"})},onClose:t.onClose})}async function be(t,l){t.onInitiated();try{const n=await fetch(l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({phone_number:t.phoneNumber,amount:t.amount,reference:t.reference,description:t.description})});if(!n.ok){const i=(await n.json().catch(()=>({}))).message||"Failed to initiate M-Pesa payment";return t.onError({message:i}),{status:"failed",message:i}}const s=await n.json();return{status:"initiated",message:"Please check your phone and enter your M-Pesa PIN to complete the payment.",transactionId:s.checkout_request_id||s.transaction_id}}catch(n){const s=n instanceof Error?n.message:"Network error";return t.onError({message:s}),{status:"failed",message:s}}}const Ee=["disabled"],Se={key:0,class:"reevit-spinner"},Pe={class:"reevit-modal-body"},we={key:0,class:"reevit-loading-state"},Ce={key:1,class:"reevit-error-state"},_e={key:2,class:"reevit-success-state"},Ne={key:1,class:"reevit-method-form-container"},Ie={key:2,class:"reevit-card-info"},Me=["disabled"],Re={key:0,class:"reevit-spinner"},Ve={key:1},Be=e.defineComponent({__name:"ReevitCheckout",props:{publicKey:{},amount:{},currency:{},email:{},phone:{},reference:{},metadata:{},paymentMethods:{},theme:{},isOpen:{type:Boolean},apiBaseUrl:{},initialPaymentIntent:{}},emits:["success","error","close"],setup(t,{emit:l}){const n=t,s=l,{status:p,paymentIntent:i,selectedMethod:u,error:o,isLoading:k,isReady:m,initialize:y,selectMethod:h,handlePspSuccess:E,handlePspError:R,close:V}=F({config:{publicKey:n.publicKey,amount:n.amount,currency:n.currency,email:n.email,phone:n.phone,reference:n.reference,metadata:n.metadata,paymentMethods:n.paymentMethods,initialPaymentIntent:n.initialPaymentIntent},apiBaseUrl:n.apiBaseUrl,onSuccess:r=>s("success",r),onError:r=>s("error",r),onClose:()=>s("close")}),b=e.ref(n.isOpen??!1);e.watch(()=>n.isOpen,r=>{r!==void 0&&(b.value=r)});const I=()=>{b.value=!0,!i.value&&p.value==="idle"&&y()};e.watch([b,i,u],([r,a,c])=>{r&&a&&c&&c==="card"&&P(null)});const S=()=>{b.value=!1,V()},B=r=>{h(r)},P=async r=>{if(!i.value)return;const a=i.value.recommendedPsp;try{a==="paystack"?await H({key:n.publicKey,email:n.email||"",amount:n.amount,currency:n.currency,ref:i.value.id,onSuccess:c=>E(c),onClose:()=>{}}):a==="hubtel"?await q({clientId:n.publicKey,purchaseDescription:`Payment for ${n.amount} ${n.currency}`,amount:n.amount,customerPhone:r?.phone||n.phone,customerEmail:n.email,onSuccess:c=>E(c),onClose:()=>{}}):a==="flutterwave"&&await Y({public_key:n.publicKey,tx_ref:i.value.id,amount:n.amount,currency:n.currency,customer:{email:n.email||"",phone_number:r?.phone||n.phone},callback:c=>E(c),onclose:()=>{}})}catch(c){R({code:"BRIDGE_ERROR",message:c instanceof Error?c.message:"Failed to open payment gateway"})}},g=e.computed(()=>d.createThemeVariables(n.theme||{}));e.watch(b,r=>{r?document.body.style.overflow="hidden":document.body.style.overflow=""}),e.onUnmounted(()=>{document.body.style.overflow=""});const v=e.computed(()=>p.value),M=e.computed(()=>o.value),w=e.computed(()=>u.value),C=e.computed(()=>k.value),T=e.computed(()=>m.value);return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:"reevit-sdk-container",style:e.normalizeStyle(g.value)},[e.renderSlot(r.$slots,"default",{open:I,isLoading:C.value},()=>[e.createElementVNode("button",{type:"button",class:"reevit-pay-button",onClick:I,disabled:C.value},[C.value?(e.openBlock(),e.createElementBlock("span",Se)):e.renderSlot(r.$slots,"button-text",{key:1},()=>[a[1]||(a[1]=e.createTextVNode("Pay Now",-1))])],8,Ee)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[b.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"reevit-modal-overlay",onClick:e.withModifiers(S,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["reevit-modal-content",{"reevit-modal--dark":n.theme?.darkMode}])},[e.createElementVNode("button",{class:"reevit-modal-close",onClick:S,"aria-label":"Close"}," × "),a[9]||(a[9]=e.createElementVNode("div",{class:"reevit-modal-header"},[e.createElementVNode("img",{src:"https://i.imgur.com/bzUR5Lm.png",alt:"Reevit",class:"reevit-modal__logo"})],-1)),e.createElementVNode("div",Pe,[v.value==="loading"?(e.openBlock(),e.createElementBlock("div",we,[...a[2]||(a[2]=[e.createElementVNode("div",{class:"reevit-spinner reevit-spinner--large"},null,-1),e.createElementVNode("p",null,"Initializing payment...",-1)])])):v.value==="failed"&&M.value?(e.openBlock(),e.createElementBlock("div",Ce,[a[3]||(a[3]=e.createElementVNode("div",{class:"reevit-error-icon"},"⚠️",-1)),a[4]||(a[4]=e.createElementVNode("h3",null,"Payment Failed",-1)),e.createElementVNode("p",null,e.toDisplayString(M.value.message),1),e.createElementVNode("button",{class:"reevit-retry-btn",onClick:a[0]||(a[0]=c=>e.unref(y)())},"Retry")])):v.value==="success"?(e.openBlock(),e.createElementBlock("div",_e,[a[5]||(a[5]=e.createElementVNode("div",{class:"reevit-success-icon"},"✅",-1)),a[6]||(a[6]=e.createElementVNode("h3",null,"Payment Successful",-1)),a[7]||(a[7]=e.createElementVNode("p",null,"Thank you for your payment.",-1)),e.createElementVNode("button",{class:"reevit-done-btn",onClick:S},"Done")])):T.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[v.value==="ready"||v.value==="method_selected"||v.value==="processing"?(e.openBlock(),e.createBlock(j,{key:0,methods:n.paymentMethods||["card","mobile_money"],selected:w.value,amount:n.amount,currency:n.currency,onSelect:B},null,8,["methods","selected","amount","currency"])):e.createCommentVNode("",!0),(v.value==="method_selected"||v.value==="processing")&&w.value==="mobile_money"?(e.openBlock(),e.createElementBlock("div",Ne,[e.createVNode(A,{"initial-phone":n.phone,loading:v.value==="processing",onSubmit:P},null,8,["initial-phone","loading"])])):e.createCommentVNode("",!0),(v.value==="method_selected"||v.value==="processing")&&w.value==="card"?(e.openBlock(),e.createElementBlock("div",Ie,[a[8]||(a[8]=e.createElementVNode("p",{class:"reevit-info-text"},"You will be redirected to our secure payment partner to complete your card payment.",-1)),e.createElementVNode("button",{class:"reevit-submit-btn",onClick:P,disabled:v.value==="processing"},[v.value==="processing"?(e.openBlock(),e.createElementBlock("span",Re)):(e.openBlock(),e.createElementBlock("span",Ve,"Proceed to Card Payment"))],8,Me)])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]),a[10]||(a[10]=e.createElementVNode("div",{class:"reevit-modal-footer"},[e.createElementVNode("div",{class:"reevit-trust-badges"},[e.createElementVNode("span",null,"PCI DSS Compliant"),e.createElementVNode("span",null,"•"),e.createElementVNode("span",null,"SSL Secure")])],-1))],2)])):e.createCommentVNode("",!0)]))],4))}});Object.defineProperty(exports,"ReevitAPIClient",{enumerable:!0,get:()=>d.ReevitAPIClient});Object.defineProperty(exports,"cn",{enumerable:!0,get:()=>d.cn});Object.defineProperty(exports,"createReevitClient",{enumerable:!0,get:()=>d.createReevitClient});Object.defineProperty(exports,"detectCountryFromCurrency",{enumerable:!0,get:()=>d.detectCountryFromCurrency});Object.defineProperty(exports,"detectNetwork",{enumerable:!0,get:()=>d.detectNetwork});Object.defineProperty(exports,"formatAmount",{enumerable:!0,get:()=>d.formatAmount});Object.defineProperty(exports,"formatPhone",{enumerable:!0,get:()=>d.formatPhone});Object.defineProperty(exports,"validatePhone",{enumerable:!0,get:()=>d.validatePhone});exports.MobileMoneyForm=A;exports.PaymentMethodSelector=j;exports.ReevitCheckout=Be;exports.confirmStripePayment=fe;exports.createStripeInstance=G;exports.initiateMPesaSTKPush=be;exports.loadFlutterwaveScript=z;exports.loadHubtelScript=L;exports.loadMonnifyScript=x;exports.loadPaystackScript=K;exports.loadStripeScript=U;exports.openFlutterwaveModal=Y;exports.openHubtelPopup=q;exports.openMonnifyModal=ke;exports.openPaystackPopup=H;exports.useReevit=F;

package/dist/index.mjs

@@ -1,53 +1,65 @@
-import { ref as R, watch as D, computed as h, readonly as k, defineComponent as V, createElementBlock as m, openBlock as l, createElementVNode as n, toDisplayString as C, unref as T, Fragment as z, renderList as W, normalizeClass as A, createCommentVNode as P, withModifiers as X, withDirectives as oe, vModelText as ae, createTextVNode as Z, normalizeStyle as ee, onUnmounted as re, renderSlot as Y, createBlock as G, Teleport as se, createVNode as ie } from "vue";
+import { ref as N, watch as g, computed as h, readonly as S, defineComponent as z, createElementBlock as m, openBlock as d, createElementVNode as o, toDisplayString as I, unref as O, Fragment as H, renderList as W, normalizeClass as A, createCommentVNode as C, withModifiers as X, withDirectives as ae, vModelText as oe, createTextVNode as Z, normalizeStyle as ee, onUnmounted as re, renderSlot as Y, createBlock as G, Teleport as se, createVNode as ie } from "vue";
 import { createInitialState as le, ReevitAPIClient as ce, generateReference as ue, detectCountryFromCurrency as de, reevitReducer as me, formatAmount as pe, cn as te, detectNetwork as ye, validatePhone as J, createThemeVariables as ve } from "@reevit/core";
-import { ReevitAPIClient as yt, cn as vt, createReevitClient as ht, detectCountryFromCurrency as bt, detectNetwork as ft, formatAmount as kt, formatPhone as wt, validatePhone as St } from "@reevit/core";
+import { ReevitAPIClient as yt, cn as vt, createReevitClient as ht, detectCountryFromCurrency as ft, detectNetwork as bt, formatAmount as kt, formatPhone as wt, validatePhone as St } from "@reevit/core";
 function he(e) {
-  const r = e.toLowerCase();
-  return r.includes("paystack") ? "paystack" : r.includes("hubtel") ? "hubtel" : r.includes("flutterwave") ? "flutterwave" : "paystack";
+  const s = e.toLowerCase();
+  return s.includes("paystack") ? "paystack" : s.includes("hubtel") ? "hubtel" : s.includes("flutterwave") ? "flutterwave" : "paystack";
 }
-function be(e, r) {
+function fe(e, s) {
   return {
     id: e.id,
     clientSecret: e.client_secret,
+    pspPublicKey: e.psp_public_key,
     amount: e.amount,
     currency: e.currency,
     status: e.status,
     recommendedPsp: he(e.provider),
-    availableMethods: r.paymentMethods || ["card", "mobile_money"],
+    availableMethods: s.paymentMethods || ["card", "mobile_money"],
+    reference: e.reference || s.reference,
     connectionId: e.connection_id,
     provider: e.provider,
     feeAmount: e.fee_amount,
     feeCurrency: e.fee_currency,
     netAmount: e.net_amount,
-    metadata: r.metadata
+    metadata: s.metadata
   };
 }
-function fe(e) {
-  const { config: r, onSuccess: t, onError: i, onClose: y, onStateChange: c, apiBaseUrl: u } = e, o = R(le()), w = new ce({
-    publicKey: r.publicKey,
+function be(e) {
+  const { config: s, onSuccess: t, onError: i, onClose: y, onStateChange: c, apiBaseUrl: u } = e, n = N(le());
+  if (s.initialPaymentIntent) {
+    const r = s.initialPaymentIntent;
+    n.value = {
+      ...n.value,
+      status: "ready",
+      paymentIntent: r,
+      selectedMethod: r.availableMethods?.length === 1 ? r.availableMethods[0] : null
+    };
+  }
+  const w = new ce({
+    publicKey: s.publicKey,
     baseUrl: u
-  }), p = (s) => {
-    o.value = me(o.value, s);
+  }), p = (r) => {
+    n.value = me(n.value, r);
   };
-  D(
-    () => o.value.status,
-    (s) => {
-      c?.(s);
+  g(
+    () => n.value.status,
+    (r) => {
+      c?.(r);
     }
   );
-  const v = async (s) => {
+  const v = async (r) => {
     p({ type: "INIT_START" });
     try {
-      const a = r.reference || ue(), d = de(r.currency), O = s || r.paymentMethods?.[0] || "card", { data: H, error: x } = await w.createPaymentIntent(
-        { ...r, reference: a },
-        O,
-        d
+      const a = s.reference || ue(), l = de(s.currency), $ = r || s.paymentMethods?.[0] || "card", { data: k, error: V } = await w.createPaymentIntent(
+        { ...s, reference: a },
+        $,
+        l
       );
-      if (x) {
-        p({ type: "INIT_ERROR", payload: x }), i?.(x);
+      if (V) {
+        p({ type: "INIT_ERROR", payload: V }), i?.(V);
         return;
       }
-      if (!H) {
+      if (!k) {
         const q = {
           code: "INIT_FAILED",
           message: "No data received from API",
@@ -56,94 +68,108 @@ function fe(e) {
         p({ type: "INIT_ERROR", payload: q }), i?.(q);
         return;
       }
-      const ne = be(H, { ...r, reference: a });
+      const ne = fe(k, { ...s, reference: a });
       p({ type: "INIT_SUCCESS", payload: ne });
     } catch (a) {
-      const d = {
+      const l = {
         code: "INIT_FAILED",
         message: a instanceof Error ? a.message : "Failed to initialize checkout",
         recoverable: !0,
         originalError: a
       };
-      p({ type: "INIT_ERROR", payload: d }), i?.(d);
+      p({ type: "INIT_ERROR", payload: l }), i?.(l);
     }
-  }, f = (s) => {
-    p({ type: "SELECT_METHOD", payload: s });
-  }, S = async (s) => {
-    if (!(!o.value.paymentIntent || !o.value.selectedMethod)) {
+  }, b = (r) => {
+    p({ type: "SELECT_METHOD", payload: r });
+  }, _ = async (r) => {
+    if (!(!n.value.paymentIntent || !n.value.selectedMethod)) {
       p({ type: "PROCESS_START" });
       try {
-        const { data: a, error: d } = await w.confirmPayment(o.value.paymentIntent.id);
-        if (d) {
-          p({ type: "PROCESS_ERROR", payload: d }), i?.(d);
-          return;
+        let a;
+        if (n.value.paymentIntent.clientSecret) {
+          const { data: $, error: k } = await w.confirmPaymentIntent(
+            n.value.paymentIntent.id,
+            n.value.paymentIntent.clientSecret
+          );
+          if (k) {
+            p({ type: "PROCESS_ERROR", payload: k }), i?.(k);
+            return;
+          }
+          a = $;
+        } else {
+          const { data: $, error: k } = await w.confirmPayment(n.value.paymentIntent.id);
+          if (k) {
+            p({ type: "PROCESS_ERROR", payload: k }), i?.(k);
+            return;
+          }
+          a = $;
         }
-        const O = {
-          paymentId: o.value.paymentIntent.id,
-          reference: s.reference || o.value.paymentIntent.metadata?.reference || "",
-          amount: o.value.paymentIntent.amount,
-          currency: o.value.paymentIntent.currency,
-          paymentMethod: o.value.selectedMethod,
-          psp: o.value.paymentIntent.recommendedPsp,
-          pspReference: s.pspReference || a?.provider_ref_id || "",
+        const l = {
+          paymentId: n.value.paymentIntent.id,
+          reference: r.reference || n.value.paymentIntent.reference || n.value.paymentIntent.metadata?.reference || "",
+          amount: n.value.paymentIntent.amount,
+          currency: n.value.paymentIntent.currency,
+          paymentMethod: n.value.selectedMethod,
+          psp: n.value.paymentIntent.recommendedPsp,
+          pspReference: r.pspReference || a?.provider_ref_id || "",
           status: "success",
-          metadata: s
+          metadata: r
         };
-        p({ type: "PROCESS_SUCCESS", payload: O }), t?.(O);
+        p({ type: "PROCESS_SUCCESS", payload: l }), t?.(l);
       } catch (a) {
-        const d = {
+        const l = {
           code: "PAYMENT_FAILED",
           message: a instanceof Error ? a.message : "Payment failed",
           recoverable: !0,
           originalError: a
         };
-        p({ type: "PROCESS_ERROR", payload: d }), i?.(d);
+        p({ type: "PROCESS_ERROR", payload: l }), i?.(l);
       }
     }
-  }, K = async (s) => {
-    await S(s);
-  }, L = (s) => {
-    p({ type: "PROCESS_ERROR", payload: s }), i?.(s);
-  }, _ = () => {
+  }, L = async (r) => {
+    await _(r);
+  }, U = (r) => {
+    p({ type: "PROCESS_ERROR", payload: r }), i?.(r);
+  }, P = () => {
     p({ type: "RESET" });
-  }, N = async () => {
-    if (o.value.paymentIntent && o.value.status !== "success")
+  }, D = async () => {
+    if (n.value.paymentIntent && n.value.status !== "success")
       try {
-        await w.cancelPaymentIntent(o.value.paymentIntent.id);
+        await w.cancelPaymentIntent(n.value.paymentIntent.id);
       } catch {
       }
     p({ type: "CLOSE" }), y?.();
-  }, E = h(() => o.value.status), U = h(() => o.value.paymentIntent), g = h(() => o.value.selectedMethod), B = h(() => o.value.error), b = h(() => o.value.result), F = h(
-    () => o.value.status === "loading" || o.value.status === "processing"
-  ), I = h(
-    () => o.value.status === "ready" || o.value.status === "method_selected" || o.value.status === "processing"
-  ), M = h(() => o.value.status === "success"), j = h(() => o.value.error?.recoverable ?? !1);
+  }, E = h(() => n.value.status), B = h(() => n.value.paymentIntent), R = h(() => n.value.selectedMethod), j = h(() => n.value.error), f = h(() => n.value.result), K = h(
+    () => n.value.status === "loading" || n.value.status === "processing"
+  ), M = h(
+    () => n.value.status === "ready" || n.value.status === "method_selected" || n.value.status === "processing"
+  ), T = h(() => n.value.status === "success"), x = h(() => n.value.error?.recoverable ?? !1);
   return {
     // State (readonly refs)
-    status: k(E),
-    paymentIntent: k(U),
-    selectedMethod: k(g),
-    error: k(B),
-    result: k(b),
+    status: S(E),
+    paymentIntent: S(B),
+    selectedMethod: S(R),
+    error: S(j),
+    result: S(f),
     // Actions
     initialize: v,
-    selectMethod: f,
-    processPayment: S,
-    handlePspSuccess: K,
-    handlePspError: L,
-    reset: _,
-    close: N,
+    selectMethod: b,
+    processPayment: _,
+    handlePspSuccess: L,
+    handlePspError: U,
+    reset: P,
+    close: D,
     // Computed
-    isLoading: k(F),
-    isReady: k(I),
-    isComplete: k(M),
-    canRetry: k(j)
+    isLoading: S(K),
+    isReady: S(M),
+    isComplete: S(T),
+    canRetry: S(x)
   };
 }
-const ke = { class: "reevit-method-selector" }, we = { class: "reevit-amount-display" }, Se = { class: "reevit-methods-grid" }, _e = ["onClick"], Pe = { class: "reevit-method-icon" }, Ce = { class: "reevit-method-info" }, Ee = { class: "reevit-method-name" }, Ie = { class: "reevit-method-description" }, Me = { class: "reevit-method-radio" }, Re = {
+const ke = { class: "reevit-method-selector" }, we = { class: "reevit-amount-display" }, Se = { class: "reevit-methods-grid" }, Pe = ["onClick"], _e = { class: "reevit-method-icon" }, Ce = { class: "reevit-method-info" }, Ie = { class: "reevit-method-name" }, Ee = { class: "reevit-method-description" }, Re = { class: "reevit-method-radio" }, Me = {
   key: 0,
   class: "reevit-radio-inner"
-}, Te = /* @__PURE__ */ V({
+}, Te = /* @__PURE__ */ z({
   __name: "PaymentMethodSelector",
   props: {
     methods: {},
@@ -152,8 +178,8 @@ const ke = { class: "reevit-method-selector" }, we = { class: "reevit-amount-dis
     currency: {}
   },
   emits: ["select"],
-  setup(e, { emit: r }) {
-    const t = e, i = r, y = h(() => [
+  setup(e, { emit: s }) {
+    const t = e, i = s, y = h(() => [
       {
         id: "card",
         name: "Card",
@@ -173,48 +199,48 @@ const ke = { class: "reevit-method-selector" }, we = { class: "reevit-amount-dis
         icon: "🏦"
       }
     ].filter((c) => t.methods.includes(c.id)));
-    return (c, u) => (l(), m("div", ke, [
-      u[0] || (u[0] = n("h3", { class: "reevit-section-title" }, "Select Payment Method", -1)),
-      n("p", we, " Pay " + C(T(pe)(e.amount, e.currency)), 1),
-      n("div", Se, [
-        (l(!0), m(z, null, W(y.value, (o) => (l(), m("button", {
-          key: o.id,
+    return (c, u) => (d(), m("div", ke, [
+      u[0] || (u[0] = o("h3", { class: "reevit-section-title" }, "Select Payment Method", -1)),
+      o("p", we, " Pay " + I(O(pe)(e.amount, e.currency)), 1),
+      o("div", Se, [
+        (d(!0), m(H, null, W(y.value, (n) => (d(), m("button", {
+          key: n.id,
           type: "button",
-          class: A(T(te)("reevit-method-card", e.selected === o.id && "reevit-method-card--selected")),
-          onClick: (w) => i("select", o.id)
+          class: A(O(te)("reevit-method-card", e.selected === n.id && "reevit-method-card--selected")),
+          onClick: (w) => i("select", n.id)
         }, [
-          n("span", Pe, C(o.icon), 1),
-          n("div", Ce, [
-            n("span", Ee, C(o.name), 1),
-            n("span", Ie, C(o.description), 1)
+          o("span", _e, I(n.icon), 1),
+          o("div", Ce, [
+            o("span", Ie, I(n.name), 1),
+            o("span", Ee, I(n.description), 1)
           ]),
-          n("div", Me, [
-            e.selected === o.id ? (l(), m("div", Re)) : P("", !0)
+          o("div", Re, [
+            e.selected === n.id ? (d(), m("div", Me)) : C("", !0)
           ])
-        ], 10, _e))), 128))
+        ], 10, Pe))), 128))
       ])
     ]));
   }
-}), $e = { class: "reevit-form-group" }, Ne = ["disabled"], ge = { class: "reevit-network-selector" }, Fe = { class: "reevit-networks-grid" }, Oe = ["onClick", "disabled"], De = {
+}), $e = { class: "reevit-form-group" }, Ne = ["disabled"], ge = { class: "reevit-network-selector" }, Oe = { class: "reevit-networks-grid" }, Fe = ["onClick", "disabled"], De = {
   key: 0,
   class: "reevit-error-message"
-}, Ae = ["disabled"], Ke = {
+}, Ke = ["disabled"], Ae = {
   key: 0,
   class: "reevit-spinner"
-}, Le = { key: 1 }, Ue = /* @__PURE__ */ V({
+}, Le = { key: 1 }, Ue = /* @__PURE__ */ z({
   __name: "MobileMoneyForm",
   props: {
     initialPhone: {},
     loading: { type: Boolean }
   },
   emits: ["submit"],
-  setup(e, { emit: r }) {
-    const t = e, i = r, y = R(t.initialPhone || ""), c = R(null), u = R(null);
-    D(y, (p) => {
+  setup(e, { emit: s }) {
+    const t = e, i = s, y = N(t.initialPhone || ""), c = N(null), u = N(null);
+    g(y, (p) => {
       const v = ye(p);
       v && (c.value = v), u.value && (u.value = null);
     });
-    const o = () => {
+    const n = () => {
       if (!J(y.value)) {
         u.value = "Please enter a valid phone number";
         return;
@@ -232,84 +258,84 @@ const ke = { class: "reevit-method-selector" }, we = { class: "reevit-amount-dis
       { id: "vodafone", name: "Vodafone", color: "#E60000" },
       { id: "airteltigo", name: "AirtelTigo", color: "#005596" }
     ];
-    return (p, v) => (l(), m("form", {
+    return (p, v) => (d(), m("form", {
       class: "reevit-momo-form",
-      onSubmit: X(o, ["prevent"])
+      onSubmit: X(n, ["prevent"])
     }, [
-      n("div", $e, [
-        v[1] || (v[1] = n("label", {
+      o("div", $e, [
+        v[1] || (v[1] = o("label", {
           class: "reevit-label",
           for: "reevit-phone"
         }, "Phone Number", -1)),
-        oe(n("input", {
+        ae(o("input", {
           id: "reevit-phone",
-          "onUpdate:modelValue": v[0] || (v[0] = (f) => y.value = f),
+          "onUpdate:modelValue": v[0] || (v[0] = (b) => y.value = b),
           type: "tel",
-          class: A(["reevit-input", { "reevit-input--error": u.value && !T(J)(y.value) }]),
+          class: A(["reevit-input", { "reevit-input--error": u.value && !O(J)(y.value) }]),
           placeholder: "e.g. 024 123 4567",
           disabled: e.loading,
           autocomplete: "tel"
         }, null, 10, Ne), [
-          [ae, y.value]
+          [oe, y.value]
         ])
       ]),
-      n("div", ge, [
-        v[2] || (v[2] = n("label", { class: "reevit-label" }, "Select Network", -1)),
-        n("div", Fe, [
-          (l(), m(z, null, W(w, (f) => n("button", {
-            key: f.id,
+      o("div", ge, [
+        v[2] || (v[2] = o("label", { class: "reevit-label" }, "Select Network", -1)),
+        o("div", Oe, [
+          (d(), m(H, null, W(w, (b) => o("button", {
+            key: b.id,
             type: "button",
-            class: A(T(te)("reevit-network-btn", c.value === f.id && "reevit-network-btn--selected")),
-            onClick: (S) => c.value = f.id,
+            class: A(O(te)("reevit-network-btn", c.value === b.id && "reevit-network-btn--selected")),
+            onClick: (_) => c.value = b.id,
             disabled: e.loading
           }, [
-            n("div", {
+            o("div", {
               class: "reevit-network-dot",
-              style: ee({ backgroundColor: f.color })
+              style: ee({ backgroundColor: b.color })
             }, null, 4),
-            Z(" " + C(f.name), 1)
-          ], 10, Oe)), 64))
+            Z(" " + I(b.name), 1)
+          ], 10, Fe)), 64))
         ])
       ]),
-      u.value ? (l(), m("p", De, C(u.value), 1)) : P("", !0),
-      n("button", {
+      u.value ? (d(), m("p", De, I(u.value), 1)) : C("", !0),
+      o("button", {
         type: "submit",
         class: "reevit-submit-btn",
         disabled: e.loading || !y.value
       }, [
-        e.loading ? (l(), m("span", Ke)) : (l(), m("span", Le, "Continue"))
-      ], 8, Ae),
-      v[3] || (v[3] = n("p", { class: "reevit-secure-text" }, " 🔒 Secure mobile money payment via Reevit ", -1))
+        e.loading ? (d(), m("span", Ae)) : (d(), m("span", Le, "Continue"))
+      ], 8, Ke),
+      v[3] || (v[3] = o("p", { class: "reevit-secure-text" }, " 🔒 Secure mobile money payment via Reevit ", -1))
     ], 32));
   }
 }), Q = /* @__PURE__ */ new Map();
-function $(e, r) {
-  const t = Q.get(r);
+function F(e, s) {
+  const t = Q.get(s);
   if (t) return t;
   const i = new Promise((y, c) => {
-    if (document.getElementById(r)) {
+    if (document.getElementById(s)) {
       y();
       return;
     }
     const u = document.createElement("script");
-    u.id = r, u.src = e, u.async = !0, u.onload = () => y(), u.onerror = () => c(new Error(`Failed to load ${r} script`)), document.head.appendChild(u);
+    u.id = s, u.src = e, u.async = !0, u.onload = () => y(), u.onerror = () => c(new Error(`Failed to load ${s} script`)), document.head.appendChild(u);
   });
-  return Q.set(r, i), i;
+  return Q.set(s, i), i;
 }
 function Be() {
-  return $("https://js.paystack.co/v1/inline.js", "paystack-script");
+  return F("https://js.paystack.co/v1/inline.js", "paystack-script");
 }
 function je() {
-  return $("https://checkout.hubtel.com/js/hubtel-checkout.js", "hubtel-script");
+  return F("https://checkout.hubtel.com/js/hubtel-checkout.js", "hubtel-script");
 }
 function xe() {
-  return $("https://checkout.flutterwave.com/v3.js", "flutterwave-script");
+  return F("https://checkout.flutterwave.com/v3.js", "flutterwave-script");
 }
 function Ve() {
-  return $("https://js.stripe.com/v3/", "stripe-script");
+  return F("https://js.stripe.com/v3/", "stripe-script");
 }
 function ze() {
-  return $("https://sdk.monnify.com/plugin/monnify.js", "monnify-script");
+  return F("https://sdk.monnify.com/plugin/monnify.js", "monnify-script");
 }
 async function He(e) {
   if (await Be(), !window.PaystackPop)
@@ -385,20 +411,20 @@ async function ct(e) {
     paymentDescription: e.paymentDescription || "Payment",
     isTestMode: e.isTestMode ?? !1,
     metadata: e.metadata,
-    onComplete: (r) => {
-      r.status === "SUCCESS" ? e.onSuccess({
-        transactionReference: r.transactionReference,
-        paymentReference: r.paymentReference,
-        ...r
-      }) : e.onError?.({ message: r.message || "Payment failed" });
+    onComplete: (s) => {
+      s.status === "SUCCESS" ? e.onSuccess({
+        transactionReference: s.transactionReference,
+        paymentReference: s.paymentReference,
+        ...s
+      }) : e.onError?.({ message: s.message || "Payment failed" });
     },
     onClose: e.onClose
   });
 }
-async function ut(e, r) {
+async function ut(e, s) {
   e.onInitiated();
   try {
-    const t = await fetch(r, {
+    const t = await fetch(s, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({
@@ -441,10 +467,10 @@ const Je = ["disabled"], Qe = {
 }, nt = {
   key: 2,
   class: "reevit-card-info"
-}, ot = ["disabled"], at = {
+}, at = ["disabled"], ot = {
   key: 0,
   class: "reevit-spinner"
-}, rt = { key: 1 }, dt = /* @__PURE__ */ V({
+}, rt = { key: 1 }, dt = /* @__PURE__ */ z({
   __name: "ReevitCheckout",
   props: {
     publicKey: {},
@@ -457,23 +483,24 @@ const Je = ["disabled"], Qe = {
     paymentMethods: {},
     theme: {},
     isOpen: { type: Boolean },
-    apiBaseUrl: {}
+    apiBaseUrl: {},
+    initialPaymentIntent: {}
   },
   emits: ["success", "error", "close"],
-  setup(e, { emit: r }) {
-    const t = e, i = r, {
+  setup(e, { emit: s }) {
+    const t = e, i = s, {
       status: y,
       paymentIntent: c,
       selectedMethod: u,
-      error: o,
+      error: n,
       isLoading: w,
       isReady: p,
       initialize: v,
-      selectMethod: f,
-      handlePspSuccess: S,
-      handlePspError: K,
-      close: L
-    } = fe({
+      selectMethod: b,
+      handlePspSuccess: _,
+      handlePspError: L,
+      close: U
+    } = be({
       config: {
         publicKey: t.publicKey,
         amount: t.amount,
@@ -482,23 +509,28 @@ const Je = ["disabled"], Qe = {
         phone: t.phone,
         reference: t.reference,
         metadata: t.metadata,
-        paymentMethods: t.paymentMethods
+        paymentMethods: t.paymentMethods,
+        initialPaymentIntent: t.initialPaymentIntent
       },
       apiBaseUrl: t.apiBaseUrl,
-      onSuccess: (s) => i("success", s),
-      onError: (s) => i("error", s),
+      onSuccess: (r) => i("success", r),
+      onError: (r) => i("error", r),
       onClose: () => i("close")
-    }), _ = R(t.isOpen ?? !1);
-    D(() => t.isOpen, (s) => {
-      s !== void 0 && (_.value = s);
+    }), P = N(t.isOpen ?? !1);
+    g(() => t.isOpen, (r) => {
+      r !== void 0 && (P.value = r);
+    });
+    const D = () => {
+      P.value = !0, !c.value && y.value === "idle" && v();
+    };
+    g([P, c, u], ([r, a, l]) => {
+      r && a && l && l === "card" && R(null);
     });
-    const N = () => {
-      _.value = !0, c.value || v();
-    }, E = () => {
-      _.value = !1, L();
-    }, U = (s) => {
-      f(s);
-    }, g = async (s) => {
+    const E = () => {
+      P.value = !1, U();
+    }, B = (r) => {
+      b(r);
+    }, R = async (r) => {
       if (!c.value) return;
       const a = c.value.recommendedPsp;
       try {
@@ -508,16 +540,16 @@ const Je = ["disabled"], Qe = {
           amount: t.amount,
           currency: t.currency,
           ref: c.value.id,
-          onSuccess: (d) => S(d),
+          onSuccess: (l) => _(l),
           onClose: () => {
           }
         }) : a === "hubtel" ? await qe({
           clientId: t.publicKey,
           purchaseDescription: `Payment for ${t.amount} ${t.currency}`,
           amount: t.amount,
-          customerPhone: s?.phone || t.phone,
+          customerPhone: r?.phone || t.phone,
           customerEmail: t.email,
-          onSuccess: (d) => S(d),
+          onSuccess: (l) => _(l),
           onClose: () => {
           }
         }) : a === "flutterwave" && await Ye({
@@ -527,122 +559,122 @@ const Je = ["disabled"], Qe = {
           currency: t.currency,
           customer: {
             email: t.email || "",
-            phone_number: s?.phone || t.phone
+            phone_number: r?.phone || t.phone
           },
-          callback: (d) => S(d),
+          callback: (l) => _(l),
           onclose: () => {
           }
         });
-      } catch (d) {
-        K({
+      } catch (l) {
+        L({
           code: "BRIDGE_ERROR",
-          message: d instanceof Error ? d.message : "Failed to open payment gateway"
+          message: l instanceof Error ? l.message : "Failed to open payment gateway"
         });
       }
-    }, B = h(() => ve(t.theme || {}));
-    D(_, (s) => {
-      s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }, j = h(() => ve(t.theme || {}));
+    g(P, (r) => {
+      r ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
     }), re(() => {
       document.body.style.overflow = "";
     });
-    const b = h(() => y.value), F = h(() => o.value), I = h(() => u.value), M = h(() => w.value), j = h(() => p.value);
-    return (s, a) => (l(), m("div", {
+    const f = h(() => y.value), K = h(() => n.value), M = h(() => u.value), T = h(() => w.value), x = h(() => p.value);
+    return (r, a) => (d(), m("div", {
       class: "reevit-sdk-container",
-      style: ee(B.value)
+      style: ee(j.value)
     }, [
-      Y(s.$slots, "default", {
-        open: N,
-        isLoading: M.value
+      Y(r.$slots, "default", {
+        open: D,
+        isLoading: T.value
       }, () => [
-        n("button", {
+        o("button", {
           type: "button",
           class: "reevit-pay-button",
-          onClick: N,
-          disabled: M.value
+          onClick: D,
+          disabled: T.value
         }, [
-          M.value ? (l(), m("span", Qe)) : Y(s.$slots, "button-text", { key: 1 }, () => [
+          T.value ? (d(), m("span", Qe)) : Y(r.$slots, "button-text", { key: 1 }, () => [
             a[1] || (a[1] = Z("Pay Now", -1))
           ])
         ], 8, Je)
       ]),
-      (l(), G(se, { to: "body" }, [
-        _.value ? (l(), m("div", {
+      (d(), G(se, { to: "body" }, [
+        P.value ? (d(), m("div", {
           key: 0,
           class: "reevit-modal-overlay",
           onClick: X(E, ["self"])
         }, [
-          n("div", {
+          o("div", {
             class: A(["reevit-modal-content", { "reevit-modal--dark": t.theme?.darkMode }])
           }, [
-            n("button", {
+            o("button", {
               class: "reevit-modal-close",
               onClick: E,
               "aria-label": "Close"
             }, " × "),
-            a[9] || (a[9] = n("div", { class: "reevit-modal-header" }, [
-              n("img", {
+            a[9] || (a[9] = o("div", { class: "reevit-modal-header" }, [
+              o("img", {
                 src: "https://i.imgur.com/bzUR5Lm.png",
                 alt: "Reevit",
                 class: "reevit-modal__logo"
               })
             ], -1)),
-            n("div", We, [
-              b.value === "loading" ? (l(), m("div", Xe, [...a[2] || (a[2] = [
-                n("div", { class: "reevit-spinner reevit-spinner--large" }, null, -1),
-                n("p", null, "Initializing payment...", -1)
-              ])])) : b.value === "failed" && F.value ? (l(), m("div", Ze, [
-                a[3] || (a[3] = n("div", { class: "reevit-error-icon" }, "⚠️", -1)),
-                a[4] || (a[4] = n("h3", null, "Payment Failed", -1)),
-                n("p", null, C(F.value.message), 1),
-                n("button", {
+            o("div", We, [
+              f.value === "loading" ? (d(), m("div", Xe, [...a[2] || (a[2] = [
+                o("div", { class: "reevit-spinner reevit-spinner--large" }, null, -1),
+                o("p", null, "Initializing payment...", -1)
+              ])])) : f.value === "failed" && K.value ? (d(), m("div", Ze, [
+                a[3] || (a[3] = o("div", { class: "reevit-error-icon" }, "⚠️", -1)),
+                a[4] || (a[4] = o("h3", null, "Payment Failed", -1)),
+                o("p", null, I(K.value.message), 1),
+                o("button", {
                   class: "reevit-retry-btn",
-                  onClick: a[0] || (a[0] = (d) => T(v)())
+                  onClick: a[0] || (a[0] = (l) => O(v)())
                 }, "Retry")
-              ])) : b.value === "success" ? (l(), m("div", et, [
-                a[5] || (a[5] = n("div", { class: "reevit-success-icon" }, "✅", -1)),
-                a[6] || (a[6] = n("h3", null, "Payment Successful", -1)),
-                a[7] || (a[7] = n("p", null, "Thank you for your payment.", -1)),
-                n("button", {
+              ])) : f.value === "success" ? (d(), m("div", et, [
+                a[5] || (a[5] = o("div", { class: "reevit-success-icon" }, "✅", -1)),
+                a[6] || (a[6] = o("h3", null, "Payment Successful", -1)),
+                a[7] || (a[7] = o("p", null, "Thank you for your payment.", -1)),
+                o("button", {
                   class: "reevit-done-btn",
                   onClick: E
                 }, "Done")
-              ])) : j.value ? (l(), m(z, { key: 3 }, [
-                b.value === "ready" || b.value === "method_selected" || b.value === "processing" ? (l(), G(Te, {
+              ])) : x.value ? (d(), m(H, { key: 3 }, [
+                f.value === "ready" || f.value === "method_selected" || f.value === "processing" ? (d(), G(Te, {
                   key: 0,
                   methods: t.paymentMethods || ["card", "mobile_money"],
-                  selected: I.value,
+                  selected: M.value,
                   amount: t.amount,
                   currency: t.currency,
-                  onSelect: U
-                }, null, 8, ["methods", "selected", "amount", "currency"])) : P("", !0),
-                (b.value === "method_selected" || b.value === "processing") && I.value === "mobile_money" ? (l(), m("div", tt, [
+                  onSelect: B
+                }, null, 8, ["methods", "selected", "amount", "currency"])) : C("", !0),
+                (f.value === "method_selected" || f.value === "processing") && M.value === "mobile_money" ? (d(), m("div", tt, [
                   ie(Ue, {
                     "initial-phone": t.phone,
-                    loading: b.value === "processing",
-                    onSubmit: g
+                    loading: f.value === "processing",
+                    onSubmit: R
                   }, null, 8, ["initial-phone", "loading"])
-                ])) : P("", !0),
-                (b.value === "method_selected" || b.value === "processing") && I.value === "card" ? (l(), m("div", nt, [
-                  a[8] || (a[8] = n("p", { class: "reevit-info-text" }, "You will be redirected to our secure payment partner to complete your card payment.", -1)),
-                  n("button", {
+                ])) : C("", !0),
+                (f.value === "method_selected" || f.value === "processing") && M.value === "card" ? (d(), m("div", nt, [
+                  a[8] || (a[8] = o("p", { class: "reevit-info-text" }, "You will be redirected to our secure payment partner to complete your card payment.", -1)),
+                  o("button", {
                     class: "reevit-submit-btn",
-                    onClick: g,
-                    disabled: b.value === "processing"
+                    onClick: R,
+                    disabled: f.value === "processing"
                   }, [
-                    b.value === "processing" ? (l(), m("span", at)) : (l(), m("span", rt, "Proceed to Card Payment"))
-                  ], 8, ot)
-                ])) : P("", !0)
-              ], 64)) : P("", !0)
+                    f.value === "processing" ? (d(), m("span", ot)) : (d(), m("span", rt, "Proceed to Card Payment"))
+                  ], 8, at)
+                ])) : C("", !0)
+              ], 64)) : C("", !0)
             ]),
-            a[10] || (a[10] = n("div", { class: "reevit-modal-footer" }, [
-              n("div", { class: "reevit-trust-badges" }, [
-                n("span", null, "PCI DSS Compliant"),
-                n("span", null, "•"),
-                n("span", null, "SSL Secure")
+            a[10] || (a[10] = o("div", { class: "reevit-modal-footer" }, [
+              o("div", { class: "reevit-trust-badges" }, [
+                o("span", null, "PCI DSS Compliant"),
+                o("span", null, "•"),
+                o("span", null, "SSL Secure")
               ])
             ], -1))
           ], 2)
-        ])) : P("", !0)
+        ])) : C("", !0)
       ]))
     ], 4));
   }
@@ -656,8 +688,8 @@ export {
   lt as confirmStripePayment,
   ht as createReevitClient,
   Ge as createStripeInstance,
-  bt as detectCountryFromCurrency,
-  ft as detectNetwork,
+  ft as detectCountryFromCurrency,
+  bt as detectNetwork,
   kt as formatAmount,
   wt as formatPhone,
   ut as initiateMPesaSTKPush,
@@ -670,6 +702,6 @@ export {
   qe as openHubtelPopup,
   ct as openMonnifyModal,
   He as openPaystackPopup,
-  fe as useReevit,
+  be as useReevit,
   St as validatePhone
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reevit/vue",
-  "version": "0.2.5",
+  "version": "0.3.2",
   "description": "Unified Payment Widget for Vue 3 Applications",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -44,7 +44,7 @@
     "vue": "^3.3.0"
   },
   "dependencies": {
-    "@reevit/core": "^0.2.5"
+    "@reevit/core": "^0.3.2"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",