@reevit/vue 0.3.2 → 0.3.4

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

@@ -1,4 +1,4 @@
-import { MobileMoneyFormData } from '../../../core/dist/index.d.ts';
+import { MobileMoneyFormData } from '../../../core/src/index.ts';
 type __VLS_Props = {
     initialPhone?: string;
     loading?: boolean;

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

@@ -1,4 +1,4 @@
-import { PaymentMethod } from '../../../core/dist/index.d.ts';
+import { PaymentMethod } from '../../../core/src/index.ts';
 type __VLS_Props = {
     methods: PaymentMethod[];
     selected: PaymentMethod | null;

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

@@ -1,4 +1,4 @@
-import { ReevitTheme } from '../../../core/dist/index.d.ts';
+import { ReevitTheme } from '../../../core/src/index.ts';
 type __VLS_Props = {
     publicKey: string;
     amount: number;

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":"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"}
+{"version":3,"file":"ReevitCheckout.vue.d.ts","sourceRoot":"","sources":["../../src/components/ReevitCheckout.vue"],"names":[],"mappings":"AAiTA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAahD,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;AAoLF,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

@@ -1,4 +1,4 @@
-import { ReevitCheckoutConfig, CheckoutState, PaymentMethod, PaymentResult, PaymentError, PSPType } from '../../../core/dist/index.d.ts';
+import { ReevitCheckoutConfig, CheckoutState, PaymentMethod, PaymentResult, PaymentError, PSPType } from '../../../core/src/index.ts';
 interface UseReevitOptions {
     config: ReevitCheckoutConfig;
     onSuccess?: (result: PaymentResult) => void;
@@ -76,6 +76,9 @@ export declare function useReevit(options: UseReevitOptions): {
         readonly metadata?: {
             readonly [x: string]: Readonly<unknown>;
         } | undefined;
+        readonly source?: import('../../../core/src/index.ts').PaymentSource | undefined;
+        readonly sourceId?: string | undefined;
+        readonly sourceDescription?: string | undefined;
     } | null, {
         readonly paymentId: string;
         readonly reference: string;
@@ -88,6 +91,9 @@ export declare function useReevit(options: UseReevitOptions): {
         readonly metadata?: {
             readonly [x: string]: Readonly<unknown>;
         } | undefined;
+        readonly source?: import('../../../core/src/index.ts').PaymentSource | undefined;
+        readonly sourceId?: string | undefined;
+        readonly sourceDescription?: string | undefined;
     } | null>>;
     initialize: (method?: PaymentMethod) => Promise<void>;
     selectMethod: (method: PaymentMethod) => void;

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;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"}
+{"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.d.ts

@@ -2,7 +2,7 @@ export { default as ReevitCheckout } from './components/ReevitCheckout.vue';
 export { default as PaymentMethodSelector } from './components/PaymentMethodSelector.vue';
 export { default as MobileMoneyForm } from './components/MobileMoneyForm.vue';
 export { useReevit } from './composables';
-export type { PaymentMethod, MobileMoneyNetwork, ReevitCheckoutConfig, ReevitCheckoutCallbacks, CheckoutState, PaymentResult, PaymentError, ReevitTheme, MobileMoneyFormData, PaymentIntent, PSPType, } from '../../core/dist/index.d.ts';
-export { formatAmount, validatePhone, detectNetwork, formatPhone, detectCountryFromCurrency, cn, ReevitAPIClient, createReevitClient, } from '../../core/dist/index.d.ts';
+export type { PaymentMethod, MobileMoneyNetwork, ReevitCheckoutConfig, ReevitCheckoutCallbacks, CheckoutState, PaymentResult, PaymentError, ReevitTheme, MobileMoneyFormData, PaymentIntent, PSPType, PaymentSource, } from '../../core/src/index.ts';
+export { formatAmount, validatePhone, detectNetwork, formatPhone, detectCountryFromCurrency, cn, ReevitAPIClient, createReevitClient, } from '../../core/src/index.ts';
 export { loadPaystackScript, loadHubtelScript, loadFlutterwaveScript, loadStripeScript, loadMonnifyScript, openPaystackPopup, openHubtelPopup, openFlutterwaveModal, createStripeInstance, confirmStripePayment, openMonnifyModal, initiateMPesaSTKPush, type PaystackConfig, type HubtelConfig, type FlutterwaveConfig, type StripeConfig, type MonnifyConfig, type MPesaConfig, type MPesaSTKPushResult, } from './bridges';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAG9E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,yBAAyB,EACzB,EAAE,EACF,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAEL,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EAGjB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EAGpB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAG9E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,OAAO,EACP,aAAa,GACd,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,yBAAyB,EACzB,EAAE,EACF,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAEL,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EAGjB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EAGpB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("@reevit/core");function X(t){const s=t.toLowerCase();return s.includes("paystack")?"paystack":s.includes("hubtel")?"hubtel":s.includes("flutterwave")?"flutterwave":"paystack"}function Z(t,s){return{id:t.id,clientSecret:t.client_secret,pspPublicKey:t.psp_public_key,amount:t.amount,currency:t.currency,status:t.status,recommendedPsp:X(t.provider),availableMethods:s.paymentMethods||["card","mobile_money"],reference:t.reference||s.reference,connectionId:t.connection_id,provider:t.provider,feeAmount:t.fee_amount,feeCurrency:t.fee_currency,netAmount:t.net_amount,metadata:s.metadata}}function F(t){const{config:s,onSuccess:n,onError:i,onClose:p,onStateChange:l,apiBaseUrl:u}=t,a=e.ref(d.createInitialState());if(s.initialPaymentIntent){const r=s.initialPaymentIntent;a.value={...a.value,status:"ready",paymentIntent:r,selectedMethod:r.availableMethods?.length===1?r.availableMethods[0]:null}}const b=new d.ReevitAPIClient({publicKey:s.publicKey,baseUrl:u}),m=r=>{a.value=d.reevitReducer(a.value,r)};e.watch(()=>a.value.status,r=>{l?.(r)});const y=async r=>{m({type:"INIT_START"});try{const o=s.reference||d.generateReference(),c=d.detectCountryFromCurrency(s.currency),E=r||s.paymentMethods?.[0]||"card",{data:f,error:O}=await b.createPaymentIntent({...s,reference:o},E,c);if(O){m({type:"INIT_ERROR",payload:O}),i?.(O);return}if(!f){const $={code:"INIT_FAILED",message:"No data received from API",recoverable:!0};m({type:"INIT_ERROR",payload:$}),i?.($);return}const W=Z(f,{...s,reference:o});m({type:"INIT_SUCCESS",payload:W})}catch(o){const c={code:"INIT_FAILED",message:o instanceof Error?o.message:"Failed to initialize checkout",recoverable:!0,originalError:o};m({type:"INIT_ERROR",payload:c}),i?.(c)}},h=r=>{m({type:"SELECT_METHOD",payload:r})},k=async r=>{if(!(!a.value.paymentIntent||!a.value.selectedMethod)){m({type:"PROCESS_START"});try{let o;if(a.value.paymentIntent.clientSecret){const{data:E,error:f}=await b.confirmPaymentIntent(a.value.paymentIntent.id,a.value.paymentIntent.clientSecret);if(f){m({type:"PROCESS_ERROR",payload:f}),i?.(f);return}o=E}else{const{data:E,error:f}=await b.confirmPayment(a.value.paymentIntent.id);if(f){m({type:"PROCESS_ERROR",payload:f}),i?.(f);return}o=E}const c={paymentId:a.value.paymentIntent.id,reference:r.reference||a.value.paymentIntent.reference||a.value.paymentIntent.metadata?.reference||"",amount:a.value.paymentIntent.amount,currency:a.value.paymentIntent.currency,paymentMethod:a.value.selectedMethod,psp:a.value.paymentIntent.recommendedPsp,pspReference:r.pspReference||o?.provider_ref_id||"",status:"success",metadata:r};m({type:"PROCESS_SUCCESS",payload:c}),n?.(c)}catch(o){const c={code:"PAYMENT_FAILED",message:o instanceof Error?o.message:"Payment failed",recoverable:!0,originalError:o};m({type:"PROCESS_ERROR",payload:c}),i?.(c)}}},S=async r=>{await k(r)},V=r=>{m({type:"PROCESS_ERROR",payload:r}),i?.(r)},P=()=>{m({type:"RESET"})},M=async()=>{if(a.value.paymentIntent&&a.value.status!=="success")try{await b.cancelPaymentIntent(a.value.paymentIntent.id)}catch{}m({type:"CLOSE"}),p?.()},w=e.computed(()=>a.value.status),B=e.computed(()=>a.value.paymentIntent),C=e.computed(()=>a.value.selectedMethod),g=e.computed(()=>a.value.error),v=e.computed(()=>a.value.result),R=e.computed(()=>a.value.status==="loading"||a.value.status==="processing"),_=e.computed(()=>a.value.status==="ready"||a.value.status==="method_selected"||a.value.status==="processing"),N=e.computed(()=>a.value.status==="success"),T=e.computed(()=>a.value.error?.recoverable??!1);return{status:e.readonly(w),paymentIntent:e.readonly(B),selectedMethod:e.readonly(C),error:e.readonly(g),result:e.readonly(v),initialize:y,selectMethod:h,processPayment:k,handlePspSuccess:S,handlePspError:V,reset:P,close:M,isLoading:e.readonly(R),isReady:e.readonly(_),isComplete:e.readonly(N),canRetry:e.readonly(T)}}const ee={class:"reevit-method-selector"},te={class:"reevit-amount-display"},ne={class:"reevit-methods-grid"},oe=["onClick"],ae={class:"reevit-method-icon"},re={class:"reevit-method-info"},se={class:"reevit-method-name"},le={class:"reevit-method-description"},ce={class:"reevit-method-radio"},ie={key:0,class:"reevit-radio-inner"},K=e.defineComponent({__name:"PaymentMethodSelector",props:{methods:{},selected:{},amount:{},currency:{}},emits:["select"],setup(t,{emit:s}){const n=t,i=s,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(l=>n.methods.includes(l.id)));return(l,u)=>(e.openBlock(),e.createElementBlock("div",ee,[u[0]||(u[0]=e.createElementVNode("h3",{class:"reevit-section-title"},"Select Payment Method",-1)),e.createElementVNode("p",te," Pay "+e.toDisplayString(e.unref(d.formatAmount)(t.amount,t.currency)),1),e.createElementVNode("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,a=>(e.openBlock(),e.createElementBlock("button",{key:a.id,type:"button",class:e.normalizeClass(e.unref(d.cn)("reevit-method-card",t.selected===a.id&&"reevit-method-card--selected")),onClick:b=>i("select",a.id)},[e.createElementVNode("span",ae,e.toDisplayString(a.icon),1),e.createElementVNode("div",re,[e.createElementVNode("span",se,e.toDisplayString(a.name),1),e.createElementVNode("span",le,e.toDisplayString(a.description),1)]),e.createElementVNode("div",ce,[t.selected===a.id?(e.openBlock(),e.createElementBlock("div",ie)):e.createCommentVNode("",!0)])],10,oe))),128))])]))}}),ue={class:"reevit-form-group"},de=["disabled"],me={class:"reevit-network-selector"},pe={class:"reevit-networks-grid"},ye=["onClick","disabled"],ve={key:0,class:"reevit-error-message"},he=["disabled"],fe={key:0,class:"reevit-spinner"},be={key:1},j=e.defineComponent({__name:"MobileMoneyForm",props:{initialPhone:{},loading:{type:Boolean}},emits:["submit"],setup(t,{emit:s}){const n=t,i=s,p=e.ref(n.initialPhone||""),l=e.ref(null),u=e.ref(null);e.watch(p,m=>{const y=d.detectNetwork(m);y&&(l.value=y),u.value&&(u.value=null)});const a=()=>{if(!d.validatePhone(p.value)){u.value="Please enter a valid phone number";return}if(!l.value){u.value="Please select your mobile network";return}i("submit",{phone:p.value,network:l.value})},b=[{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(a,["prevent"])},[e.createElementVNode("div",ue,[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,de),[[e.vModelText,p.value]])]),e.createElementVNode("div",me,[y[2]||(y[2]=e.createElementVNode("label",{class:"reevit-label"},"Select Network",-1)),e.createElementVNode("div",pe,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(b,h=>e.createElementVNode("button",{key:h.id,type:"button",class:e.normalizeClass(e.unref(d.cn)("reevit-network-btn",l.value===h.id&&"reevit-network-btn--selected")),onClick:k=>l.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,ye)),64))])]),u.value?(e.openBlock(),e.createElementBlock("p",ve,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",fe)):(e.openBlock(),e.createElementBlock("span",be,"Continue"))],8,he),y[3]||(y[3]=e.createElementVNode("p",{class:"reevit-secure-text"}," 🔒 Secure mobile money payment via Reevit ",-1))],32))}}),D=new Map;function I(t,s){const n=D.get(s);if(n)return n;const i=new Promise((p,l)=>{if(document.getElementById(s)){p();return}const u=document.createElement("script");u.id=s,u.src=t,u.async=!0,u.onload=()=>p(),u.onerror=()=>l(new Error(`Failed to load ${s} script`)),document.head.appendChild(u)});return D.set(s,i),i}function A(){return I("https://js.paystack.co/v1/inline.js","paystack-script")}function L(){return I("https://checkout-v3.hubtel.com/js/checkout.js","hubtel-script")}function U(){return I("https://checkout.flutterwave.com/v3.js","flutterwave-script")}function z(){return I("https://js.stripe.com/v3/","stripe-script")}function x(){return I("https://sdk.monnify.com/plugin/monnify.js","monnify-script")}async function H(t){if(await A(),!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 U(),!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 z(),!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 J(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:s=>{s.status==="SUCCESS"?t.onSuccess({transactionReference:s.transactionReference,paymentReference:s.paymentReference,...s}):t.onError?.({message:s.message||"Payment failed"})},onClose:t.onClose})}async function Q(t,s){t.onInitiated();try{const n=await fetch(s,{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 l=(await n.json().catch(()=>({}))).message||"Failed to initiate M-Pesa payment";return t.onError({message:l}),{status:"failed",message:l}}const i=await n.json();return{status:"initiated",message:"Please check your phone and enter your M-Pesa PIN to complete the payment.",transactionId:i.checkout_request_id||i.transaction_id}}catch(n){const i=n instanceof Error?n.message:"Network error";return t.onError({message:i}),{status:"failed",message:i}}}const Ee=["disabled"],Pe={key:0,class:"reevit-spinner"},Se={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:s}){const n=t,i=s,{status:p,paymentIntent:l,selectedMethod:u,error:a,isLoading:b,isReady:m,initialize:y,selectMethod:h,handlePspSuccess:k,handlePspError:S,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=>i("success",r),onError:r=>i("error",r),onClose:()=>i("close")}),P=e.ref(n.isOpen??!1);e.watch(()=>n.isOpen,r=>{r!==void 0&&(P.value=r)});const M=()=>{P.value=!0,!l.value&&p.value==="idle"&&y()};e.watch([P,l,u],([r,o,c])=>{r&&o&&c&&c==="card"&&C(null)});const w=()=>{P.value=!1,V()},B=r=>{h(r)},C=async r=>{if(!l.value)return;const o=l.value.recommendedPsp;try{if(o==="paystack")await H({key:n.publicKey,email:n.email||"",amount:n.amount,currency:n.currency,ref:l.value.id,onSuccess:c=>k(c),onClose:()=>{}});else if(o==="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=>k(c),onClose:()=>{}});else if(o==="flutterwave")await Y({public_key:n.publicKey,tx_ref:l.value.id,amount:n.amount,currency:n.currency,customer:{email:n.email||"",phone_number:r?.phone||n.phone},callback:c=>k(c),onclose:()=>{}});else if(o==="monnify")await J({apiKey:l.value.pspPublicKey||n.publicKey,contractCode:n.metadata?.contract_code||n.publicKey,amount:n.amount,currency:n.currency,reference:l.value.reference||l.value.id,customerName:n.metadata?.customer_name||n.email||"",customerEmail:n.email||"",customerPhone:r?.phone||n.phone,metadata:n.metadata,onSuccess:c=>k(c),onClose:()=>{}});else if(o==="mpesa"){const c=`${n.apiBaseUrl||"https://api.reevit.io"}/v1/payments/${l.value.id}/mpesa`;await Q({phoneNumber:r?.phone||n.phone||"",amount:n.amount,reference:l.value.reference||l.value.id,description:`Payment ${l.value.reference||""}`,onInitiated:()=>{},onSuccess:E=>k(E),onError:E=>S({code:"MPESA_ERROR",message:E.message})},c)}else S(o==="stripe"?{code:"STRIPE_NOT_IMPLEMENTED",message:"Stripe integration requires custom Elements setup. Please use the React SDK or implement custom Stripe Elements."}:{code:"UNSUPPORTED_PSP",message:`Payment provider "${o}" is not supported in this checkout.`})}catch(c){S({code:"BRIDGE_ERROR",message:c instanceof Error?c.message:"Failed to open payment gateway"})}},g=e.computed(()=>d.createThemeVariables(n.theme||{}));e.watch(P,r=>{r?document.body.style.overflow="hidden":document.body.style.overflow=""}),e.onUnmounted(()=>{document.body.style.overflow=""});const v=e.computed(()=>p.value),R=e.computed(()=>a.value),_=e.computed(()=>u.value),N=e.computed(()=>b.value),T=e.computed(()=>m.value);return(r,o)=>(e.openBlock(),e.createElementBlock("div",{class:"reevit-sdk-container",style:e.normalizeStyle(g.value)},[e.renderSlot(r.$slots,"default",{open:M,isLoading:N.value},()=>[e.createElementVNode("button",{type:"button",class:"reevit-pay-button",onClick:M,disabled:N.value},[N.value?(e.openBlock(),e.createElementBlock("span",Pe)):e.renderSlot(r.$slots,"button-text",{key:1},()=>[o[1]||(o[1]=e.createTextVNode("Pay Now",-1))])],8,Ee)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[P.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"reevit-modal-overlay",onClick:e.withModifiers(w,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["reevit-modal-content",{"reevit-modal--dark":n.theme?.darkMode}])},[e.createElementVNode("button",{class:"reevit-modal-close",onClick:w,"aria-label":"Close"}," × "),o[9]||(o[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",Se,[v.value==="loading"?(e.openBlock(),e.createElementBlock("div",we,[...o[2]||(o[2]=[e.createElementVNode("div",{class:"reevit-spinner reevit-spinner--large"},null,-1),e.createElementVNode("p",null,"Initializing payment...",-1)])])):v.value==="failed"&&R.value?(e.openBlock(),e.createElementBlock("div",Ce,[o[3]||(o[3]=e.createElementVNode("div",{class:"reevit-error-icon"},"⚠️",-1)),o[4]||(o[4]=e.createElementVNode("h3",null,"Payment Failed",-1)),e.createElementVNode("p",null,e.toDisplayString(R.value.message),1),e.createElementVNode("button",{class:"reevit-retry-btn",onClick:o[0]||(o[0]=c=>e.unref(y)())},"Retry")])):v.value==="success"?(e.openBlock(),e.createElementBlock("div",_e,[o[5]||(o[5]=e.createElementVNode("div",{class:"reevit-success-icon"},"✅",-1)),o[6]||(o[6]=e.createElementVNode("h3",null,"Payment Successful",-1)),o[7]||(o[7]=e.createElementVNode("p",null,"Thank you for your payment.",-1)),e.createElementVNode("button",{class:"reevit-done-btn",onClick:w},"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(K,{key:0,methods:n.paymentMethods||["card","mobile_money"],selected:_.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")&&_.value==="mobile_money"?(e.openBlock(),e.createElementBlock("div",Ne,[e.createVNode(j,{"initial-phone":n.phone,loading:v.value==="processing",onSubmit:C},null,8,["initial-phone","loading"])])):e.createCommentVNode("",!0),(v.value==="method_selected"||v.value==="processing")&&_.value==="card"?(e.openBlock(),e.createElementBlock("div",Ie,[o[8]||(o[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:C,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)]),o[10]||(o[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=j;exports.PaymentMethodSelector=K;exports.ReevitCheckout=Be;exports.confirmStripePayment=ke;exports.createStripeInstance=G;exports.initiateMPesaSTKPush=Q;exports.loadFlutterwaveScript=U;exports.loadHubtelScript=L;exports.loadMonnifyScript=x;exports.loadPaystackScript=A;exports.loadStripeScript=z;exports.openFlutterwaveModal=Y;exports.openHubtelPopup=q;exports.openMonnifyModal=J;exports.openPaystackPopup=H;exports.useReevit=F;

package/dist/index.mjs

@@ -1,6 +1,6 @@
-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 { ref as g, watch as O, computed as h, readonly as _, defineComponent as z, createElementBlock as m, openBlock as d, createElementVNode as r, toDisplayString as I, unref as D, Fragment as H, renderList as W, normalizeClass as U, createCommentVNode as E, 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 ft, detectNetwork as bt, 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 St, formatPhone as Pt, validatePhone as kt } from "@reevit/core";
 function he(e) {
   const s = e.toLowerCase();
   return s.includes("paystack") ? "paystack" : s.includes("hubtel") ? "hubtel" : s.includes("flutterwave") ? "flutterwave" : "paystack";
@@ -25,148 +25,148 @@ function fe(e, s) {
   };
 }
 function be(e) {
-  const { config: s, onSuccess: t, onError: i, onClose: y, onStateChange: c, apiBaseUrl: u } = e, n = N(le());
+  const { config: s, onSuccess: t, onError: c, onClose: y, onStateChange: i, apiBaseUrl: u } = e, a = g(le());
   if (s.initialPaymentIntent) {
-    const r = s.initialPaymentIntent;
-    n.value = {
-      ...n.value,
+    const o = s.initialPaymentIntent;
+    a.value = {
+      ...a.value,
       status: "ready",
-      paymentIntent: r,
-      selectedMethod: r.availableMethods?.length === 1 ? r.availableMethods[0] : null
+      paymentIntent: o,
+      selectedMethod: o.availableMethods?.length === 1 ? o.availableMethods[0] : null
     };
   }
-  const w = new ce({
+  const P = new ce({
     publicKey: s.publicKey,
     baseUrl: u
-  }), p = (r) => {
-    n.value = me(n.value, r);
+  }), p = (o) => {
+    a.value = me(a.value, o);
   };
-  g(
-    () => n.value.status,
-    (r) => {
-      c?.(r);
+  O(
+    () => a.value.status,
+    (o) => {
+      i?.(o);
     }
   );
-  const v = async (r) => {
+  const v = async (o) => {
     p({ type: "INIT_START" });
     try {
-      const a = s.reference || ue(), l = de(s.currency), $ = r || s.paymentMethods?.[0] || "card", { data: k, error: V } = await w.createPaymentIntent(
-        { ...s, reference: a },
-        $,
+      const n = s.reference || ue(), l = de(s.currency), w = o || s.paymentMethods?.[0] || "card", { data: S, error: V } = await P.createPaymentIntent(
+        { ...s, reference: n },
+        w,
         l
       );
       if (V) {
-        p({ type: "INIT_ERROR", payload: V }), i?.(V);
+        p({ type: "INIT_ERROR", payload: V }), c?.(V);
         return;
       }
-      if (!k) {
+      if (!S) {
         const q = {
           code: "INIT_FAILED",
           message: "No data received from API",
           recoverable: !0
         };
-        p({ type: "INIT_ERROR", payload: q }), i?.(q);
+        p({ type: "INIT_ERROR", payload: q }), c?.(q);
         return;
       }
-      const ne = fe(k, { ...s, reference: a });
+      const ne = fe(S, { ...s, reference: n });
       p({ type: "INIT_SUCCESS", payload: ne });
-    } catch (a) {
+    } catch (n) {
       const l = {
         code: "INIT_FAILED",
-        message: a instanceof Error ? a.message : "Failed to initialize checkout",
+        message: n instanceof Error ? n.message : "Failed to initialize checkout",
         recoverable: !0,
-        originalError: a
+        originalError: n
       };
-      p({ type: "INIT_ERROR", payload: l }), i?.(l);
+      p({ type: "INIT_ERROR", payload: l }), c?.(l);
     }
-  }, b = (r) => {
-    p({ type: "SELECT_METHOD", payload: r });
-  }, _ = async (r) => {
-    if (!(!n.value.paymentIntent || !n.value.selectedMethod)) {
+  }, b = (o) => {
+    p({ type: "SELECT_METHOD", payload: o });
+  }, k = async (o) => {
+    if (!(!a.value.paymentIntent || !a.value.selectedMethod)) {
       p({ type: "PROCESS_START" });
       try {
-        let a;
-        if (n.value.paymentIntent.clientSecret) {
-          const { data: $, error: k } = await w.confirmPaymentIntent(
-            n.value.paymentIntent.id,
-            n.value.paymentIntent.clientSecret
+        let n;
+        if (a.value.paymentIntent.clientSecret) {
+          const { data: w, error: S } = await P.confirmPaymentIntent(
+            a.value.paymentIntent.id,
+            a.value.paymentIntent.clientSecret
           );
-          if (k) {
-            p({ type: "PROCESS_ERROR", payload: k }), i?.(k);
+          if (S) {
+            p({ type: "PROCESS_ERROR", payload: S }), c?.(S);
             return;
           }
-          a = $;
+          n = w;
         } else {
-          const { data: $, error: k } = await w.confirmPayment(n.value.paymentIntent.id);
-          if (k) {
-            p({ type: "PROCESS_ERROR", payload: k }), i?.(k);
+          const { data: w, error: S } = await P.confirmPayment(a.value.paymentIntent.id);
+          if (S) {
+            p({ type: "PROCESS_ERROR", payload: S }), c?.(S);
             return;
           }
-          a = $;
+          n = w;
         }
         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 || "",
+          paymentId: a.value.paymentIntent.id,
+          reference: o.reference || a.value.paymentIntent.reference || a.value.paymentIntent.metadata?.reference || "",
+          amount: a.value.paymentIntent.amount,
+          currency: a.value.paymentIntent.currency,
+          paymentMethod: a.value.selectedMethod,
+          psp: a.value.paymentIntent.recommendedPsp,
+          pspReference: o.pspReference || n?.provider_ref_id || "",
           status: "success",
-          metadata: r
+          metadata: o
         };
         p({ type: "PROCESS_SUCCESS", payload: l }), t?.(l);
-      } catch (a) {
+      } catch (n) {
         const l = {
           code: "PAYMENT_FAILED",
-          message: a instanceof Error ? a.message : "Payment failed",
+          message: n instanceof Error ? n.message : "Payment failed",
           recoverable: !0,
-          originalError: a
+          originalError: n
         };
-        p({ type: "PROCESS_ERROR", payload: l }), i?.(l);
+        p({ type: "PROCESS_ERROR", payload: l }), c?.(l);
       }
     }
-  }, L = async (r) => {
-    await _(r);
-  }, U = (r) => {
-    p({ type: "PROCESS_ERROR", payload: r }), i?.(r);
-  }, P = () => {
+  }, R = async (o) => {
+    await k(o);
+  }, L = (o) => {
+    p({ type: "PROCESS_ERROR", payload: o }), c?.(o);
+  }, C = () => {
     p({ type: "RESET" });
-  }, D = async () => {
-    if (n.value.paymentIntent && n.value.status !== "success")
+  }, F = async () => {
+    if (a.value.paymentIntent && a.value.status !== "success")
       try {
-        await w.cancelPaymentIntent(n.value.paymentIntent.id);
+        await P.cancelPaymentIntent(a.value.paymentIntent.id);
       } catch {
       }
     p({ type: "CLOSE" }), y?.();
-  }, 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);
+  }, M = h(() => a.value.status), B = h(() => a.value.paymentIntent), T = h(() => a.value.selectedMethod), j = h(() => a.value.error), f = h(() => a.value.result), A = h(
+    () => a.value.status === "loading" || a.value.status === "processing"
+  ), $ = h(
+    () => a.value.status === "ready" || a.value.status === "method_selected" || a.value.status === "processing"
+  ), N = h(() => a.value.status === "success"), x = h(() => a.value.error?.recoverable ?? !1);
   return {
     // State (readonly refs)
-    status: S(E),
-    paymentIntent: S(B),
-    selectedMethod: S(R),
-    error: S(j),
-    result: S(f),
+    status: _(M),
+    paymentIntent: _(B),
+    selectedMethod: _(T),
+    error: _(j),
+    result: _(f),
     // Actions
     initialize: v,
     selectMethod: b,
-    processPayment: _,
-    handlePspSuccess: L,
-    handlePspError: U,
-    reset: P,
-    close: D,
+    processPayment: k,
+    handlePspSuccess: R,
+    handlePspError: L,
+    reset: C,
+    close: F,
     // Computed
-    isLoading: S(K),
-    isReady: S(M),
-    isComplete: S(T),
-    canRetry: S(x)
+    isLoading: _(A),
+    isReady: _($),
+    isComplete: _(N),
+    canRetry: _(x)
   };
 }
-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 = {
+const Se = { class: "reevit-method-selector" }, Pe = { class: "reevit-amount-display" }, ke = { class: "reevit-methods-grid" }, we = ["onClick"], _e = { class: "reevit-method-icon" }, Ce = { class: "reevit-method-info" }, Ee = { class: "reevit-method-name" }, Ie = { class: "reevit-method-description" }, Re = { class: "reevit-method-radio" }, Me = {
   key: 0,
   class: "reevit-radio-inner"
 }, Te = /* @__PURE__ */ z({
@@ -179,7 +179,7 @@ const ke = { class: "reevit-method-selector" }, we = { class: "reevit-amount-dis
   },
   emits: ["select"],
   setup(e, { emit: s }) {
-    const t = e, i = s, y = h(() => [
+    const t = e, c = s, y = h(() => [
       {
         id: "card",
         name: "Card",
@@ -198,36 +198,36 @@ const ke = { class: "reevit-method-selector" }, we = { class: "reevit-amount-dis
         description: "Transfer directly from your bank",
         icon: "🏦"
       }
-    ].filter((c) => t.methods.includes(c.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,
+    ].filter((i) => t.methods.includes(i.id)));
+    return (i, u) => (d(), m("div", Se, [
+      u[0] || (u[0] = r("h3", { class: "reevit-section-title" }, "Select Payment Method", -1)),
+      r("p", Pe, " Pay " + I(D(pe)(e.amount, e.currency)), 1),
+      r("div", ke, [
+        (d(!0), m(H, null, W(y.value, (a) => (d(), m("button", {
+          key: a.id,
           type: "button",
-          class: A(O(te)("reevit-method-card", e.selected === n.id && "reevit-method-card--selected")),
-          onClick: (w) => i("select", n.id)
+          class: U(D(te)("reevit-method-card", e.selected === a.id && "reevit-method-card--selected")),
+          onClick: (P) => c("select", a.id)
         }, [
-          o("span", _e, I(n.icon), 1),
-          o("div", Ce, [
-            o("span", Ie, I(n.name), 1),
-            o("span", Ee, I(n.description), 1)
+          r("span", _e, I(a.icon), 1),
+          r("div", Ce, [
+            r("span", Ee, I(a.name), 1),
+            r("span", Ie, I(a.description), 1)
           ]),
-          o("div", Re, [
-            e.selected === n.id ? (d(), m("div", Me)) : C("", !0)
+          r("div", Re, [
+            e.selected === a.id ? (d(), m("div", Me)) : E("", !0)
           ])
-        ], 10, Pe))), 128))
+        ], 10, we))), 128))
       ])
     ]));
   }
-}), $e = { class: "reevit-form-group" }, Ne = ["disabled"], ge = { class: "reevit-network-selector" }, Oe = { class: "reevit-networks-grid" }, Fe = ["onClick", "disabled"], De = {
+}), $e = { class: "reevit-form-group" }, Ne = ["disabled"], ge = { class: "reevit-network-selector" }, Oe = { class: "reevit-networks-grid" }, De = ["onClick", "disabled"], Ke = {
   key: 0,
   class: "reevit-error-message"
-}, Ke = ["disabled"], Ae = {
+}, Fe = ["disabled"], Ae = {
   key: 0,
   class: "reevit-spinner"
-}, Le = { key: 1 }, Ue = /* @__PURE__ */ z({
+}, Ue = { key: 1 }, Le = /* @__PURE__ */ z({
   __name: "MobileMoneyForm",
   props: {
     initialPhone: {},
@@ -235,43 +235,43 @@ const ke = { class: "reevit-method-selector" }, we = { class: "reevit-amount-dis
   },
   emits: ["submit"],
   setup(e, { emit: s }) {
-    const t = e, i = s, y = N(t.initialPhone || ""), c = N(null), u = N(null);
-    g(y, (p) => {
+    const t = e, c = s, y = g(t.initialPhone || ""), i = g(null), u = g(null);
+    O(y, (p) => {
       const v = ye(p);
-      v && (c.value = v), u.value && (u.value = null);
+      v && (i.value = v), u.value && (u.value = null);
     });
-    const n = () => {
+    const a = () => {
       if (!J(y.value)) {
         u.value = "Please enter a valid phone number";
         return;
       }
-      if (!c.value) {
+      if (!i.value) {
         u.value = "Please select your mobile network";
         return;
       }
-      i("submit", {
+      c("submit", {
         phone: y.value,
-        network: c.value
+        network: i.value
       });
-    }, w = [
+    }, P = [
       { id: "mtn", name: "MTN", color: "#FFCC00" },
       { id: "vodafone", name: "Vodafone", color: "#E60000" },
       { id: "airteltigo", name: "AirtelTigo", color: "#005596" }
     ];
     return (p, v) => (d(), m("form", {
       class: "reevit-momo-form",
-      onSubmit: X(n, ["prevent"])
+      onSubmit: X(a, ["prevent"])
     }, [
-      o("div", $e, [
-        v[1] || (v[1] = o("label", {
+      r("div", $e, [
+        v[1] || (v[1] = r("label", {
           class: "reevit-label",
           for: "reevit-phone"
         }, "Phone Number", -1)),
-        ae(o("input", {
+        ae(r("input", {
           id: "reevit-phone",
           "onUpdate:modelValue": v[0] || (v[0] = (b) => y.value = b),
           type: "tel",
-          class: A(["reevit-input", { "reevit-input--error": u.value && !O(J)(y.value) }]),
+          class: U(["reevit-input", { "reevit-input--error": u.value && !D(J)(y.value) }]),
           placeholder: "e.g. 024 123 4567",
           disabled: e.loading,
           autocomplete: "tel"
@@ -279,63 +279,63 @@ const ke = { class: "reevit-method-selector" }, we = { class: "reevit-amount-dis
           [oe, y.value]
         ])
       ]),
-      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", {
+      r("div", ge, [
+        v[2] || (v[2] = r("label", { class: "reevit-label" }, "Select Network", -1)),
+        r("div", Oe, [
+          (d(), m(H, null, W(P, (b) => r("button", {
             key: b.id,
             type: "button",
-            class: A(O(te)("reevit-network-btn", c.value === b.id && "reevit-network-btn--selected")),
-            onClick: (_) => c.value = b.id,
+            class: U(D(te)("reevit-network-btn", i.value === b.id && "reevit-network-btn--selected")),
+            onClick: (k) => i.value = b.id,
             disabled: e.loading
           }, [
-            o("div", {
+            r("div", {
               class: "reevit-network-dot",
               style: ee({ backgroundColor: b.color })
             }, null, 4),
             Z(" " + I(b.name), 1)
-          ], 10, Fe)), 64))
+          ], 10, De)), 64))
         ])
       ]),
-      u.value ? (d(), m("p", De, I(u.value), 1)) : C("", !0),
-      o("button", {
+      u.value ? (d(), m("p", Ke, I(u.value), 1)) : E("", !0),
+      r("button", {
         type: "submit",
         class: "reevit-submit-btn",
         disabled: e.loading || !y.value
       }, [
-        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))
+        e.loading ? (d(), m("span", Ae)) : (d(), m("span", Ue, "Continue"))
+      ], 8, Fe),
+      v[3] || (v[3] = r("p", { class: "reevit-secure-text" }, " 🔒 Secure mobile money payment via Reevit ", -1))
     ], 32));
   }
 }), Q = /* @__PURE__ */ new Map();
-function F(e, s) {
+function K(e, s) {
   const t = Q.get(s);
   if (t) return t;
-  const i = new Promise((y, c) => {
+  const c = new Promise((y, i) => {
     if (document.getElementById(s)) {
       y();
       return;
     }
     const u = document.createElement("script");
-    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);
+    u.id = s, u.src = e, u.async = !0, u.onload = () => y(), u.onerror = () => i(new Error(`Failed to load ${s} script`)), document.head.appendChild(u);
   });
-  return Q.set(s, i), i;
+  return Q.set(s, c), c;
 }
 function Be() {
-  return F("https://js.paystack.co/v1/inline.js", "paystack-script");
+  return K("https://js.paystack.co/v1/inline.js", "paystack-script");
 }
 function je() {
-  return F("https://checkout.hubtel.com/js/hubtel-checkout.js", "hubtel-script");
+  return K("https://checkout-v3.hubtel.com/js/checkout.js", "hubtel-script");
 }
 function xe() {
-  return F("https://checkout.flutterwave.com/v3.js", "flutterwave-script");
+  return K("https://checkout.flutterwave.com/v3.js", "flutterwave-script");
 }
 function Ve() {
-  return F("https://js.stripe.com/v3/", "stripe-script");
+  return K("https://js.stripe.com/v3/", "stripe-script");
 }
 function ze() {
-  return F("https://sdk.monnify.com/plugin/monnify.js", "monnify-script");
+  return K("https://sdk.monnify.com/plugin/monnify.js", "monnify-script");
 }
 async function He(e) {
   if (await Be(), !window.PaystackPop)
@@ -385,7 +385,7 @@ async function Ge(e) {
     throw new Error("Stripe.js not loaded");
   return window.Stripe(e);
 }
-async function lt(e) {
+async function ut(e) {
   const t = await (await Ge(e.publishableKey)).confirmPayment({
     elements: e.elements,
     clientSecret: e.clientSecret,
@@ -396,7 +396,7 @@ async function lt(e) {
     status: t.paymentIntent.status
   });
 }
-async function ct(e) {
+async function Je(e) {
   if (await ze(), !window.MonnifySDK)
     throw new Error("Monnify SDK not loaded");
   window.MonnifySDK.initialize({
@@ -421,7 +421,7 @@ async function ct(e) {
     onClose: e.onClose
   });
 }
-async function ut(e, s) {
+async function Qe(e, s) {
   e.onInitiated();
   try {
     const t = await fetch(s, {
@@ -435,42 +435,42 @@ async function ut(e, s) {
       })
     });
     if (!t.ok) {
-      const c = (await t.json().catch(() => ({}))).message || "Failed to initiate M-Pesa payment";
-      return e.onError({ message: c }), { status: "failed", message: c };
+      const i = (await t.json().catch(() => ({}))).message || "Failed to initiate M-Pesa payment";
+      return e.onError({ message: i }), { status: "failed", message: i };
     }
-    const i = await t.json();
+    const c = await t.json();
     return {
       status: "initiated",
       message: "Please check your phone and enter your M-Pesa PIN to complete the payment.",
-      transactionId: i.checkout_request_id || i.transaction_id
+      transactionId: c.checkout_request_id || c.transaction_id
     };
   } catch (t) {
-    const i = t instanceof Error ? t.message : "Network error";
-    return e.onError({ message: i }), { status: "failed", message: i };
+    const c = t instanceof Error ? t.message : "Network error";
+    return e.onError({ message: c }), { status: "failed", message: c };
   }
 }
-const Je = ["disabled"], Qe = {
+const We = ["disabled"], Xe = {
   key: 0,
   class: "reevit-spinner"
-}, We = { class: "reevit-modal-body" }, Xe = {
+}, Ze = { class: "reevit-modal-body" }, et = {
   key: 0,
   class: "reevit-loading-state"
-}, Ze = {
+}, tt = {
   key: 1,
   class: "reevit-error-state"
-}, et = {
+}, nt = {
   key: 2,
   class: "reevit-success-state"
-}, tt = {
+}, at = {
   key: 1,
   class: "reevit-method-form-container"
-}, nt = {
+}, ot = {
   key: 2,
   class: "reevit-card-info"
-}, at = ["disabled"], ot = {
+}, rt = ["disabled"], st = {
   key: 0,
   class: "reevit-spinner"
-}, rt = { key: 1 }, dt = /* @__PURE__ */ z({
+}, it = { key: 1 }, dt = /* @__PURE__ */ z({
   __name: "ReevitCheckout",
   props: {
     publicKey: {},
@@ -488,18 +488,18 @@ const Je = ["disabled"], Qe = {
   },
   emits: ["success", "error", "close"],
   setup(e, { emit: s }) {
-    const t = e, i = s, {
+    const t = e, c = s, {
       status: y,
-      paymentIntent: c,
+      paymentIntent: i,
       selectedMethod: u,
-      error: n,
-      isLoading: w,
+      error: a,
+      isLoading: P,
       isReady: p,
       initialize: v,
       selectMethod: b,
-      handlePspSuccess: _,
-      handlePspError: L,
-      close: U
+      handlePspSuccess: k,
+      handlePspError: R,
+      close: L
     } = be({
       config: {
         publicKey: t.publicKey,
@@ -513,186 +513,225 @@ const Je = ["disabled"], Qe = {
         initialPaymentIntent: t.initialPaymentIntent
       },
       apiBaseUrl: t.apiBaseUrl,
-      onSuccess: (r) => i("success", r),
-      onError: (r) => i("error", r),
-      onClose: () => i("close")
-    }), P = N(t.isOpen ?? !1);
-    g(() => t.isOpen, (r) => {
-      r !== void 0 && (P.value = r);
+      onSuccess: (o) => c("success", o),
+      onError: (o) => c("error", o),
+      onClose: () => c("close")
+    }), C = g(t.isOpen ?? !1);
+    O(() => t.isOpen, (o) => {
+      o !== void 0 && (C.value = o);
     });
-    const D = () => {
-      P.value = !0, !c.value && y.value === "idle" && v();
+    const F = () => {
+      C.value = !0, !i.value && y.value === "idle" && v();
     };
-    g([P, c, u], ([r, a, l]) => {
-      r && a && l && l === "card" && R(null);
+    O([C, i, u], ([o, n, l]) => {
+      o && n && l && l === "card" && T(null);
     });
-    const E = () => {
-      P.value = !1, U();
-    }, B = (r) => {
-      b(r);
-    }, R = async (r) => {
-      if (!c.value) return;
-      const a = c.value.recommendedPsp;
+    const M = () => {
+      C.value = !1, L();
+    }, B = (o) => {
+      b(o);
+    }, T = async (o) => {
+      if (!i.value) return;
+      const n = i.value.recommendedPsp;
       try {
-        a === "paystack" ? await He({
-          key: t.publicKey,
-          email: t.email || "",
-          amount: t.amount,
-          currency: t.currency,
-          ref: c.value.id,
-          onSuccess: (l) => _(l),
-          onClose: () => {
-          }
-        }) : a === "hubtel" ? await qe({
-          clientId: t.publicKey,
-          purchaseDescription: `Payment for ${t.amount} ${t.currency}`,
-          amount: t.amount,
-          customerPhone: r?.phone || t.phone,
-          customerEmail: t.email,
-          onSuccess: (l) => _(l),
-          onClose: () => {
-          }
-        }) : a === "flutterwave" && await Ye({
-          public_key: t.publicKey,
-          tx_ref: c.value.id,
-          amount: t.amount,
-          currency: t.currency,
-          customer: {
+        if (n === "paystack")
+          await He({
+            key: t.publicKey,
             email: t.email || "",
-            phone_number: r?.phone || t.phone
-          },
-          callback: (l) => _(l),
-          onclose: () => {
-          }
+            amount: t.amount,
+            currency: t.currency,
+            ref: i.value.id,
+            onSuccess: (l) => k(l),
+            onClose: () => {
+            }
+          });
+        else if (n === "hubtel")
+          await qe({
+            clientId: t.publicKey,
+            purchaseDescription: `Payment for ${t.amount} ${t.currency}`,
+            amount: t.amount,
+            customerPhone: o?.phone || t.phone,
+            customerEmail: t.email,
+            onSuccess: (l) => k(l),
+            onClose: () => {
+            }
+          });
+        else if (n === "flutterwave")
+          await Ye({
+            public_key: t.publicKey,
+            tx_ref: i.value.id,
+            amount: t.amount,
+            currency: t.currency,
+            customer: {
+              email: t.email || "",
+              phone_number: o?.phone || t.phone
+            },
+            callback: (l) => k(l),
+            onclose: () => {
+            }
+          });
+        else if (n === "monnify")
+          await Je({
+            apiKey: i.value.pspPublicKey || t.publicKey,
+            contractCode: t.metadata?.contract_code || t.publicKey,
+            amount: t.amount,
+            currency: t.currency,
+            reference: i.value.reference || i.value.id,
+            customerName: t.metadata?.customer_name || t.email || "",
+            customerEmail: t.email || "",
+            customerPhone: o?.phone || t.phone,
+            metadata: t.metadata,
+            onSuccess: (l) => k(l),
+            onClose: () => {
+            }
+          });
+        else if (n === "mpesa") {
+          const l = `${t.apiBaseUrl || "https://api.reevit.io"}/v1/payments/${i.value.id}/mpesa`;
+          await Qe({
+            phoneNumber: o?.phone || t.phone || "",
+            amount: t.amount,
+            reference: i.value.reference || i.value.id,
+            description: `Payment ${i.value.reference || ""}`,
+            onInitiated: () => {
+            },
+            onSuccess: (w) => k(w),
+            onError: (w) => R({ code: "MPESA_ERROR", message: w.message })
+          }, l);
+        } else R(n === "stripe" ? {
+          code: "STRIPE_NOT_IMPLEMENTED",
+          message: "Stripe integration requires custom Elements setup. Please use the React SDK or implement custom Stripe Elements."
+        } : {
+          code: "UNSUPPORTED_PSP",
+          message: `Payment provider "${n}" is not supported in this checkout.`
         });
       } catch (l) {
-        L({
+        R({
           code: "BRIDGE_ERROR",
           message: l instanceof Error ? l.message : "Failed to open payment gateway"
         });
       }
     }, j = h(() => ve(t.theme || {}));
-    g(P, (r) => {
-      r ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    O(C, (o) => {
+      o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
     }), re(() => {
       document.body.style.overflow = "";
     });
-    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", {
+    const f = h(() => y.value), A = h(() => a.value), $ = h(() => u.value), N = h(() => P.value), x = h(() => p.value);
+    return (o, n) => (d(), m("div", {
       class: "reevit-sdk-container",
       style: ee(j.value)
     }, [
-      Y(r.$slots, "default", {
-        open: D,
-        isLoading: T.value
+      Y(o.$slots, "default", {
+        open: F,
+        isLoading: N.value
       }, () => [
-        o("button", {
+        r("button", {
           type: "button",
           class: "reevit-pay-button",
-          onClick: D,
-          disabled: T.value
+          onClick: F,
+          disabled: N.value
         }, [
-          T.value ? (d(), m("span", Qe)) : Y(r.$slots, "button-text", { key: 1 }, () => [
-            a[1] || (a[1] = Z("Pay Now", -1))
+          N.value ? (d(), m("span", Xe)) : Y(o.$slots, "button-text", { key: 1 }, () => [
+            n[1] || (n[1] = Z("Pay Now", -1))
           ])
-        ], 8, Je)
+        ], 8, We)
       ]),
       (d(), G(se, { to: "body" }, [
-        P.value ? (d(), m("div", {
+        C.value ? (d(), m("div", {
           key: 0,
           class: "reevit-modal-overlay",
-          onClick: X(E, ["self"])
+          onClick: X(M, ["self"])
         }, [
-          o("div", {
-            class: A(["reevit-modal-content", { "reevit-modal--dark": t.theme?.darkMode }])
+          r("div", {
+            class: U(["reevit-modal-content", { "reevit-modal--dark": t.theme?.darkMode }])
           }, [
-            o("button", {
+            r("button", {
               class: "reevit-modal-close",
-              onClick: E,
+              onClick: M,
               "aria-label": "Close"
             }, " × "),
-            a[9] || (a[9] = o("div", { class: "reevit-modal-header" }, [
-              o("img", {
+            n[9] || (n[9] = r("div", { class: "reevit-modal-header" }, [
+              r("img", {
                 src: "https://i.imgur.com/bzUR5Lm.png",
                 alt: "Reevit",
                 class: "reevit-modal__logo"
               })
             ], -1)),
-            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", {
+            r("div", Ze, [
+              f.value === "loading" ? (d(), m("div", et, [...n[2] || (n[2] = [
+                r("div", { class: "reevit-spinner reevit-spinner--large" }, null, -1),
+                r("p", null, "Initializing payment...", -1)
+              ])])) : f.value === "failed" && A.value ? (d(), m("div", tt, [
+                n[3] || (n[3] = r("div", { class: "reevit-error-icon" }, "⚠️", -1)),
+                n[4] || (n[4] = r("h3", null, "Payment Failed", -1)),
+                r("p", null, I(A.value.message), 1),
+                r("button", {
                   class: "reevit-retry-btn",
-                  onClick: a[0] || (a[0] = (l) => O(v)())
+                  onClick: n[0] || (n[0] = (l) => D(v)())
                 }, "Retry")
-              ])) : 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", {
+              ])) : f.value === "success" ? (d(), m("div", nt, [
+                n[5] || (n[5] = r("div", { class: "reevit-success-icon" }, "✅", -1)),
+                n[6] || (n[6] = r("h3", null, "Payment Successful", -1)),
+                n[7] || (n[7] = r("p", null, "Thank you for your payment.", -1)),
+                r("button", {
                   class: "reevit-done-btn",
-                  onClick: E
+                  onClick: M
                 }, "Done")
               ])) : 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: M.value,
+                  selected: $.value,
                   amount: t.amount,
                   currency: t.currency,
                   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, {
+                }, null, 8, ["methods", "selected", "amount", "currency"])) : E("", !0),
+                (f.value === "method_selected" || f.value === "processing") && $.value === "mobile_money" ? (d(), m("div", at, [
+                  ie(Le, {
                     "initial-phone": t.phone,
                     loading: f.value === "processing",
-                    onSubmit: R
+                    onSubmit: T
                   }, null, 8, ["initial-phone", "loading"])
-                ])) : 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", {
+                ])) : E("", !0),
+                (f.value === "method_selected" || f.value === "processing") && $.value === "card" ? (d(), m("div", ot, [
+                  n[8] || (n[8] = r("p", { class: "reevit-info-text" }, "You will be redirected to our secure payment partner to complete your card payment.", -1)),
+                  r("button", {
                     class: "reevit-submit-btn",
-                    onClick: R,
+                    onClick: T,
                     disabled: f.value === "processing"
                   }, [
-                    f.value === "processing" ? (d(), m("span", ot)) : (d(), m("span", rt, "Proceed to Card Payment"))
-                  ], 8, at)
-                ])) : C("", !0)
-              ], 64)) : C("", !0)
+                    f.value === "processing" ? (d(), m("span", st)) : (d(), m("span", it, "Proceed to Card Payment"))
+                  ], 8, rt)
+                ])) : E("", !0)
+              ], 64)) : E("", !0)
             ]),
-            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")
+            n[10] || (n[10] = r("div", { class: "reevit-modal-footer" }, [
+              r("div", { class: "reevit-trust-badges" }, [
+                r("span", null, "PCI DSS Compliant"),
+                r("span", null, "•"),
+                r("span", null, "SSL Secure")
               ])
             ], -1))
           ], 2)
-        ])) : C("", !0)
+        ])) : E("", !0)
       ]))
     ], 4));
   }
 });
 export {
-  Ue as MobileMoneyForm,
+  Le as MobileMoneyForm,
   Te as PaymentMethodSelector,
   yt as ReevitAPIClient,
   dt as ReevitCheckout,
   vt as cn,
-  lt as confirmStripePayment,
+  ut as confirmStripePayment,
   ht as createReevitClient,
   Ge as createStripeInstance,
   ft as detectCountryFromCurrency,
   bt as detectNetwork,
-  kt as formatAmount,
-  wt as formatPhone,
-  ut as initiateMPesaSTKPush,
+  St as formatAmount,
+  Pt as formatPhone,
+  Qe as initiateMPesaSTKPush,
   xe as loadFlutterwaveScript,
   je as loadHubtelScript,
   ze as loadMonnifyScript,
@@ -700,8 +739,8 @@ export {
   Ve as loadStripeScript,
   Ye as openFlutterwaveModal,
   qe as openHubtelPopup,
-  ct as openMonnifyModal,
+  Je as openMonnifyModal,
   He as openPaystackPopup,
   be as useReevit,
-  St as validatePhone
+  kt as validatePhone
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reevit/vue",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "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.3.2"
+    "@reevit/core": "^0.3.3"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",