@reevit/vue 0.3.6 → 0.3.7

package/dist/bridges/index.d.ts

@@ -1,2 +1 @@
 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 './loaders';
-//# sourceMappingURL=index.d.ts.map

package/dist/bridges/loaders.d.ts

@@ -102,6 +102,7 @@ export interface HubtelConfig {
     callbackUrl?: string;
     customerPhone?: string;
     customerEmail?: string;
+    basicAuth?: string;
     onSuccess: (response: Record<string, unknown>) => void;
     onClose: () => void;
 }
@@ -222,4 +223,3 @@ export interface MPesaSTKPushResult {
  */
 export declare function initiateMPesaSTKPush(config: MPesaConfig, apiEndpoint: string): Promise<MPesaSTKPushResult>;
 export {};
-//# sourceMappingURL=loaders.d.ts.map

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

@@ -9,4 +9,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onSubmit?: ((data: MobileMoneyFormData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
 export default _default;
-//# sourceMappingURL=MobileMoneyForm.vue.d.ts.map

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

@@ -11,4 +11,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onSelect?: ((method: PaymentMethod) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PaymentMethodSelector.vue.d.ts.map

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

@@ -42,4 +42,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=ReevitCheckout.vue.d.ts.map

package/dist/composables/index.d.ts

@@ -1,2 +1 @@
 export { useReevit } from './useReevit';
-//# sourceMappingURL=index.d.ts.map

package/dist/composables/useReevit.d.ts

@@ -13,6 +13,11 @@ export declare function useReevit(options: UseReevitOptions): {
         readonly id: string;
         readonly clientSecret: string;
         readonly pspPublicKey?: string | undefined;
+        readonly pspCredentials?: {
+            readonly [x: string]: Readonly<unknown>;
+            readonly merchantAccount?: string | number | undefined;
+            readonly basicAuth?: string | undefined;
+        } | undefined;
         readonly amount: number;
         readonly currency: string;
         readonly status: "pending" | "processing" | "succeeded" | "failed" | "cancelled";
@@ -31,6 +36,11 @@ export declare function useReevit(options: UseReevitOptions): {
         readonly id: string;
         readonly clientSecret: string;
         readonly pspPublicKey?: string | undefined;
+        readonly pspCredentials?: {
+            readonly [x: string]: Readonly<unknown>;
+            readonly merchantAccount?: string | number | undefined;
+            readonly basicAuth?: string | undefined;
+        } | undefined;
         readonly amount: number;
         readonly currency: string;
         readonly status: "pending" | "processing" | "succeeded" | "failed" | "cancelled";
@@ -108,4 +118,3 @@ export declare function useReevit(options: UseReevitOptions): {
     canRetry: Readonly<import('vue').Ref<boolean, boolean>>;
 };
 export {};
-//# sourceMappingURL=useReevit.d.ts.map

package/dist/index.d.ts

@@ -5,4 +5,3 @@ export { useReevit } from './composables';
 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.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("@reevit/core");function Q(t){const o=t.toLowerCase();return o.includes("paystack")?"paystack":o.includes("hubtel")?"hubtel":o.includes("flutterwave")?"flutterwave":"paystack"}function X(t,o){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:o.paymentMethods||["card","mobile_money"],reference:t.reference||o.reference,connectionId:t.connection_id,provider:t.provider,feeAmount:t.fee_amount,feeCurrency:t.fee_currency,netAmount:t.net_amount,metadata:o.metadata}}function U(t){const{config:o,onSuccess:n,onError:c,onClose:a,onStateChange:i,apiBaseUrl:u}=t,r=e.ref(v.createInitialState());if(o.initialPaymentIntent){const d=o.initialPaymentIntent;r.value={...r.value,status:"ready",paymentIntent:d,selectedMethod:d.availableMethods?.length===1?d.availableMethods[0]:null}}const y=new v.ReevitAPIClient({publicKey:o.publicKey,baseUrl:u}),m=d=>{r.value=v.reevitReducer(r.value,d)};e.watch(()=>r.value.status,d=>{i?.(d)});const l=async d=>{m({type:"INIT_START"});try{const s=o.reference||v.generateReference(),p=v.detectCountryFromCurrency(o.currency),k=d||o.paymentMethods?.[0]||"card",{data:b,error:T}=await y.createPaymentIntent({...o,reference:s},k,p);if(T){m({type:"INIT_ERROR",payload:T}),c?.(T);return}if(!b){const O={code:"INIT_FAILED",message:"No data received from API",recoverable:!0};m({type:"INIT_ERROR",payload:O}),c?.(O);return}const J=X(b,{...o,reference:s});m({type:"INIT_SUCCESS",payload:J})}catch(s){const p={code:"INIT_FAILED",message:s instanceof Error?s.message:"Failed to initialize checkout",recoverable:!0,originalError:s};m({type:"INIT_ERROR",payload:p}),c?.(p)}},h=d=>{m({type:"SELECT_METHOD",payload:d})},E=async d=>{if(!(!r.value.paymentIntent||!r.value.selectedMethod)){m({type:"PROCESS_START"});try{let s;if(r.value.paymentIntent.clientSecret){const{data:k,error:b}=await y.confirmPaymentIntent(r.value.paymentIntent.id,r.value.paymentIntent.clientSecret);if(b){m({type:"PROCESS_ERROR",payload:b}),c?.(b);return}s=k}else{const{data:k,error:b}=await y.confirmPayment(r.value.paymentIntent.id);if(b){m({type:"PROCESS_ERROR",payload:b}),c?.(b);return}s=k}const p={paymentId:r.value.paymentIntent.id,reference:d.reference||r.value.paymentIntent.reference||r.value.paymentIntent.metadata?.reference||"",amount:r.value.paymentIntent.amount,currency:r.value.paymentIntent.currency,paymentMethod:r.value.selectedMethod,psp:r.value.paymentIntent.recommendedPsp,pspReference:d.pspReference||s?.provider_ref_id||"",status:"success",metadata:d};m({type:"PROCESS_SUCCESS",payload:p}),n?.(p)}catch(s){const p={code:"PAYMENT_FAILED",message:s instanceof Error?s.message:"Payment failed",recoverable:!0,originalError:s};m({type:"PROCESS_ERROR",payload:p}),c?.(p)}}},w=async d=>{await E(d)},R=d=>{m({type:"PROCESS_ERROR",payload:d}),c?.(d)},P=()=>{m({type:"RESET"})},I=async()=>{if(r.value.paymentIntent&&r.value.status!=="success")try{await y.cancelPaymentIntent(r.value.paymentIntent.id)}catch{}m({type:"CLOSE"}),a?.()},C=e.computed(()=>r.value.status),V=e.computed(()=>r.value.paymentIntent),S=e.computed(()=>r.value.selectedMethod),B=e.computed(()=>r.value.error),f=e.computed(()=>r.value.result),N=e.computed(()=>r.value.status==="loading"||r.value.status==="processing"),g=e.computed(()=>r.value.status==="ready"||r.value.status==="method_selected"||r.value.status==="processing"),_=e.computed(()=>r.value.status==="success"),x=e.computed(()=>r.value.error?.recoverable??!1);return{status:e.readonly(C),paymentIntent:e.readonly(V),selectedMethod:e.readonly(S),error:e.readonly(B),result:e.readonly(f),initialize:l,selectMethod:h,processPayment:E,handlePspSuccess:w,handlePspError:R,reset:P,close:I,isLoading:e.readonly(N),isReady:e.readonly(g),isComplete:e.readonly(_),canRetry:e.readonly(x)}}const Z={class:"reevit-method-selector"},ee={class:"reevit-amount-display"},te={class:"reevit-methods-grid"},ne=["onClick"],oe={class:"reevit-method-icon"},re={class:"reevit-method-info"},ae={class:"reevit-method-name"},se={class:"reevit-method-description"},ie={class:"reevit-method-radio"},le={key:0,class:"reevit-radio-inner"},D=e.defineComponent({__name:"PaymentMethodSelector",props:{methods:{},selected:{},amount:{},currency:{}},emits:["select"],setup(t,{emit:o}){const n=t,c=o,a=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",Z,[u[0]||(u[0]=e.createElementVNode("h3",{class:"reevit-section-title"},"Select Payment Method",-1)),e.createElementVNode("p",ee," Pay "+e.toDisplayString(e.unref(v.formatAmount)(t.amount,t.currency)),1),e.createElementVNode("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,r=>(e.openBlock(),e.createElementBlock("button",{key:r.id,type:"button",class:e.normalizeClass(e.unref(v.cn)("reevit-method-card",t.selected===r.id&&"reevit-method-card--selected")),onClick:y=>c("select",r.id)},[e.createElementVNode("span",oe,e.toDisplayString(r.icon),1),e.createElementVNode("div",re,[e.createElementVNode("span",ae,e.toDisplayString(r.name),1),e.createElementVNode("span",se,e.toDisplayString(r.description),1)]),e.createElementVNode("div",ie,[t.selected===r.id?(e.openBlock(),e.createElementBlock("div",le)):e.createCommentVNode("",!0)])],10,ne))),128))])]))}}),ce={class:"reevit-form-group"},de=["disabled"],ue={class:"reevit-network-selector"},me={class:"reevit-networks-grid"},pe=["onClick","disabled"],ye={key:0,class:"reevit-error-message"},ve=["disabled"],he={key:0,class:"reevit-spinner"},fe={key:1},L=e.defineComponent({__name:"MobileMoneyForm",props:{initialPhone:{},loading:{type:Boolean}},emits:["submit"],setup(t,{emit:o}){const n=t,c=o,a=e.ref(n.initialPhone||""),i=e.ref(null),u=e.ref(null);e.watch(a,m=>{const l=v.detectNetwork(m);l&&(i.value=l),u.value&&(u.value=null)});const r=()=>{if(!v.validatePhone(a.value)){u.value="Please enter a valid phone number";return}if(!i.value){u.value="Please select your mobile network";return}c("submit",{phone:a.value,network:i.value})},y=[{id:"mtn",name:"MTN",color:"#FFCC00"},{id:"vodafone",name:"Vodafone",color:"#E60000"},{id:"airteltigo",name:"AirtelTigo",color:"#005596"}];return(m,l)=>(e.openBlock(),e.createElementBlock("form",{class:"reevit-momo-form",onSubmit:e.withModifiers(r,["prevent"])},[e.createElementVNode("div",ce,[l[1]||(l[1]=e.createElementVNode("label",{class:"reevit-label",for:"reevit-phone"},"Phone Number",-1)),e.withDirectives(e.createElementVNode("input",{id:"reevit-phone","onUpdate:modelValue":l[0]||(l[0]=h=>a.value=h),type:"tel",class:e.normalizeClass(["reevit-input",{"reevit-input--error":u.value&&!e.unref(v.validatePhone)(a.value)}]),placeholder:"e.g. 024 123 4567",disabled:t.loading,autocomplete:"tel"},null,10,de),[[e.vModelText,a.value]])]),e.createElementVNode("div",ue,[l[2]||(l[2]=e.createElementVNode("label",{class:"reevit-label"},"Select Network",-1)),e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(y,h=>e.createElementVNode("button",{key:h.id,type:"button",class:e.normalizeClass(e.unref(v.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,pe)),64))])]),u.value?(e.openBlock(),e.createElementBlock("p",ye,e.toDisplayString(u.value),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"submit",class:"reevit-submit-btn",disabled:t.loading||!a.value},[t.loading?(e.openBlock(),e.createElementBlock("span",he)):(e.openBlock(),e.createElementBlock("span",fe,"Continue"))],8,ve),l[3]||(l[3]=e.createElementVNode("p",{class:"reevit-secure-text"}," 🔒 Secure mobile money payment via Reevit ",-1))],32))}});class be{constructor(o){this.baseUrl="https://unified-pay.hubtel.com",this.messageHandler=null,this.stylesInjected=!1,o&&(this.baseUrl=o)}redirect({purchaseInfo:o,config:n}){const c=this.createCheckoutUrl(o,n),a=window.open(c);if(!a||a.closed||typeof a.closed>"u")throw new Error("Popup was blocked by the browser. Please allow popups for this site.")}initIframe({purchaseInfo:o,callBacks:n,config:c,iframeStyle:a}){var i,u,r;this.registerEvents(n);const y=document.getElementById("hubtel-checkout-iframe");if(!y)throw new Error('Container element with id "hubtel-checkout-iframe" not found in the DOM.');y.innerHTML="";const m=document.createElement("div");m.textContent="Loading...",y.appendChild(m);const l=document.createElement("iframe");l.setAttribute("id","hubtel-iframe-element"),l.src=this.createCheckoutUrl(o,c),l.style.display="none",l.style.width=(i=a?.width)!==null&&i!==void 0?i:"100%",l.style.height=(u=a?.height)!==null&&u!==void 0?u:"100%",l.style.minHeight=a?.minHeight||"400px",l.style.border=(r=a?.border)!==null&&r!==void 0?r:"none",l.onload=()=>{var h;y.removeChild(m),l.style.display="block",(h=n.onLoad)===null||h===void 0||h.call(n)},y.appendChild(l)}openModal({purchaseInfo:o,callBacks:n,config:c}){this.injectStyles(),this.createIframe(),this.handleBackButton(),this.registerEvents(n),this.renderWebpageInPopup(this.createCheckoutUrl(o,c),n.onClose,n.onLoad)}createCheckoutUrl(o,n){const c=Object.assign(Object.assign({},o),n),a=Object.keys(c).reduce((m,l)=>(c[l]!==null&&c[l]!==void 0&&(m[l]=c[l]),m),{}),i=Object.keys(a).map(m=>`${m}=${encodeURIComponent(a[m])}`).join("&"),u=this.encodeBase64(i),r=encodeURIComponent(u);return`${a?.branding==="disabled"?`${this.baseUrl}/pay/direct`:`${this.baseUrl}/pay`}?p=${r}`}encodeBase64(o){return btoa(unescape(encodeURIComponent(o)))}handleBackButton(){window.addEventListener("popstate",()=>{this.closePopUp()})}createIframe(){const o=document.createElement("div");o.setAttribute("id","backdrop"),o.classList.add("backdrop");const n=document.createElement("span");n.classList.add("checkout-loader"),o.appendChild(n),document.body.appendChild(o)}registerEvents(o){this.messageHandler&&window.removeEventListener("message",this.messageHandler,!1);const n=c=>{var a,i,u,r,y,m;if(c.origin!==this.baseUrl)return;const{data:l}=c;if(l.success===!0)(a=o.onPaymentSuccess)===null||a===void 0||a.call(o,l);else if(l.success===!1)(i=o.onPaymentFailure)===null||i===void 0||i.call(o,l);else if(l.initialized)(u=o.init)===null||u===void 0||u.call(o,l),(r=o.onInit)===null||r===void 0||r.call(o,l);else if(l.feesChanged)(y=o.onFeesChanged)===null||y===void 0||y.call(o,l.fees);else if(l.resize){const h=document.getElementById("hubtel-iframe-element");h&&(h.style.height=l.height+"px"),(m=o?.onResize)===null||m===void 0||m.call(o,l)}};this.messageHandler=n,window.addEventListener("message",n,!1)}destroy(){this.messageHandler&&(window.removeEventListener("message",this.messageHandler,!1),this.messageHandler=null)}renderWebpageInPopup(o,n,c){const a=document.createElement("div");a.classList.add("checkout-modal");const i=document.createElement("div");i.setAttribute("id","checkout-close-icon"),i.innerHTML="×",i.classList.add("close-icon"),i.addEventListener("click",()=>{this.closePopUp(),n?.()}),a.appendChild(i);const u=document.createElement("iframe");u.src=o,history.pushState({modalOpen:!0},""),u.classList.add("iframe"),a.appendChild(u),document.body.appendChild(a),a.style.opacity="0",u.addEventListener("load",()=>{a.style.opacity="1",c?.()})}closePopUp(){const o=document.querySelector(".backdrop"),n=document.querySelector(".checkout-modal");o&&document.body.removeChild(o),n&&document.body.removeChild(n),history.replaceState(null,""),window.removeEventListener("popstate",this.closePopUp)}injectStyles(){if(this.stylesInjected)return;const o=document.createElement("style");o.type="text/css",o.setAttribute("data-hubtel-checkout","true"),o.innerHTML=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("@reevit/core");function Q(t){const o=t.toLowerCase();return o.includes("paystack")?"paystack":o.includes("hubtel")?"hubtel":o.includes("flutterwave")?"flutterwave":"paystack"}function X(t,o){return{id:t.id,clientSecret:t.client_secret,pspPublicKey:t.psp_public_key,pspCredentials:t.psp_credentials,amount:t.amount,currency:t.currency,status:t.status,recommendedPsp:Q(t.provider),availableMethods:o.paymentMethods||["card","mobile_money"],reference:t.reference||o.reference,connectionId:t.connection_id,provider:t.provider,feeAmount:t.fee_amount,feeCurrency:t.fee_currency,netAmount:t.net_amount,metadata:o.metadata}}function U(t){const{config:o,onSuccess:n,onError:l,onClose:a,onStateChange:u,apiBaseUrl:d}=t,r=e.ref(v.createInitialState());if(o.initialPaymentIntent){const c=o.initialPaymentIntent;r.value={...r.value,status:"ready",paymentIntent:c,selectedMethod:c.availableMethods?.length===1?c.availableMethods[0]:null}}const y=new v.ReevitAPIClient({publicKey:o.publicKey,baseUrl:d}),m=c=>{r.value=v.reevitReducer(r.value,c)};e.watch(()=>r.value.status,c=>{u?.(c)});const i=async c=>{m({type:"INIT_START"});try{const s=o.reference||v.generateReference(),p=v.detectCountryFromCurrency(o.currency),f=c||o.paymentMethods?.[0]||"card",{data:E,error:T}=await y.createPaymentIntent({...o,reference:s},f,p);if(T){m({type:"INIT_ERROR",payload:T}),l?.(T);return}if(!E){const O={code:"INIT_FAILED",message:"No data received from API",recoverable:!0};m({type:"INIT_ERROR",payload:O}),l?.(O);return}const J=X(E,{...o,reference:s});m({type:"INIT_SUCCESS",payload:J})}catch(s){const p={code:"INIT_FAILED",message:s instanceof Error?s.message:"Failed to initialize checkout",recoverable:!0,originalError:s};m({type:"INIT_ERROR",payload:p}),l?.(p)}},h=c=>{m({type:"SELECT_METHOD",payload:c})},k=async c=>{if(!(!r.value.paymentIntent||!r.value.selectedMethod)){m({type:"PROCESS_START"});try{let s;if(r.value.paymentIntent.clientSecret){const{data:f,error:E}=await y.confirmPaymentIntent(r.value.paymentIntent.id,r.value.paymentIntent.clientSecret);if(E){m({type:"PROCESS_ERROR",payload:E}),l?.(E);return}s=f}else{const{data:f,error:E}=await y.confirmPayment(r.value.paymentIntent.id);if(E){m({type:"PROCESS_ERROR",payload:E}),l?.(E);return}s=f}const p={paymentId:r.value.paymentIntent.id,reference:c.reference||r.value.paymentIntent.reference||r.value.paymentIntent.metadata?.reference||"",amount:r.value.paymentIntent.amount,currency:r.value.paymentIntent.currency,paymentMethod:r.value.selectedMethod,psp:r.value.paymentIntent.recommendedPsp,pspReference:c.pspReference||s?.provider_ref_id||"",status:"success",metadata:c};m({type:"PROCESS_SUCCESS",payload:p}),n?.(p)}catch(s){const p={code:"PAYMENT_FAILED",message:s instanceof Error?s.message:"Payment failed",recoverable:!0,originalError:s};m({type:"PROCESS_ERROR",payload:p}),l?.(p)}}},w=async c=>{await k(c)},R=c=>{m({type:"PROCESS_ERROR",payload:c}),l?.(c)},P=()=>{m({type:"RESET"})},I=async()=>{if(r.value.paymentIntent&&r.value.status!=="success")try{await y.cancelPaymentIntent(r.value.paymentIntent.id)}catch{}m({type:"CLOSE"}),a?.()},C=e.computed(()=>r.value.status),V=e.computed(()=>r.value.paymentIntent),S=e.computed(()=>r.value.selectedMethod),B=e.computed(()=>r.value.error),b=e.computed(()=>r.value.result),N=e.computed(()=>r.value.status==="loading"||r.value.status==="processing"),g=e.computed(()=>r.value.status==="ready"||r.value.status==="method_selected"||r.value.status==="processing"),_=e.computed(()=>r.value.status==="success"),x=e.computed(()=>r.value.error?.recoverable??!1);return{status:e.readonly(C),paymentIntent:e.readonly(V),selectedMethod:e.readonly(S),error:e.readonly(B),result:e.readonly(b),initialize:i,selectMethod:h,processPayment:k,handlePspSuccess:w,handlePspError:R,reset:P,close:I,isLoading:e.readonly(N),isReady:e.readonly(g),isComplete:e.readonly(_),canRetry:e.readonly(x)}}const Z={class:"reevit-method-selector"},ee={class:"reevit-amount-display"},te={class:"reevit-methods-grid"},ne=["onClick"],oe={class:"reevit-method-icon"},re={class:"reevit-method-info"},ae={class:"reevit-method-name"},se={class:"reevit-method-description"},ie={class:"reevit-method-radio"},le={key:0,class:"reevit-radio-inner"},D=e.defineComponent({__name:"PaymentMethodSelector",props:{methods:{},selected:{},amount:{},currency:{}},emits:["select"],setup(t,{emit:o}){const n=t,l=o,a=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(u=>n.methods.includes(u.id)));return(u,d)=>(e.openBlock(),e.createElementBlock("div",Z,[d[0]||(d[0]=e.createElementVNode("h3",{class:"reevit-section-title"},"Select Payment Method",-1)),e.createElementVNode("p",ee," Pay "+e.toDisplayString(e.unref(v.formatAmount)(t.amount,t.currency)),1),e.createElementVNode("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,r=>(e.openBlock(),e.createElementBlock("button",{key:r.id,type:"button",class:e.normalizeClass(e.unref(v.cn)("reevit-method-card",t.selected===r.id&&"reevit-method-card--selected")),onClick:y=>l("select",r.id)},[e.createElementVNode("span",oe,e.toDisplayString(r.icon),1),e.createElementVNode("div",re,[e.createElementVNode("span",ae,e.toDisplayString(r.name),1),e.createElementVNode("span",se,e.toDisplayString(r.description),1)]),e.createElementVNode("div",ie,[t.selected===r.id?(e.openBlock(),e.createElementBlock("div",le)):e.createCommentVNode("",!0)])],10,ne))),128))])]))}}),ce={class:"reevit-form-group"},de=["disabled"],ue={class:"reevit-network-selector"},me={class:"reevit-networks-grid"},pe=["onClick","disabled"],ye={key:0,class:"reevit-error-message"},ve=["disabled"],he={key:0,class:"reevit-spinner"},fe={key:1},L=e.defineComponent({__name:"MobileMoneyForm",props:{initialPhone:{},loading:{type:Boolean}},emits:["submit"],setup(t,{emit:o}){const n=t,l=o,a=e.ref(n.initialPhone||""),u=e.ref(null),d=e.ref(null);e.watch(a,m=>{const i=v.detectNetwork(m);i&&(u.value=i),d.value&&(d.value=null)});const r=()=>{if(!v.validatePhone(a.value)){d.value="Please enter a valid phone number";return}if(!u.value){d.value="Please select your mobile network";return}l("submit",{phone:a.value,network:u.value})},y=[{id:"mtn",name:"MTN",color:"#FFCC00"},{id:"vodafone",name:"Vodafone",color:"#E60000"},{id:"airteltigo",name:"AirtelTigo",color:"#005596"}];return(m,i)=>(e.openBlock(),e.createElementBlock("form",{class:"reevit-momo-form",onSubmit:e.withModifiers(r,["prevent"])},[e.createElementVNode("div",ce,[i[1]||(i[1]=e.createElementVNode("label",{class:"reevit-label",for:"reevit-phone"},"Phone Number",-1)),e.withDirectives(e.createElementVNode("input",{id:"reevit-phone","onUpdate:modelValue":i[0]||(i[0]=h=>a.value=h),type:"tel",class:e.normalizeClass(["reevit-input",{"reevit-input--error":d.value&&!e.unref(v.validatePhone)(a.value)}]),placeholder:"e.g. 024 123 4567",disabled:t.loading,autocomplete:"tel"},null,10,de),[[e.vModelText,a.value]])]),e.createElementVNode("div",ue,[i[2]||(i[2]=e.createElementVNode("label",{class:"reevit-label"},"Select Network",-1)),e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(y,h=>e.createElementVNode("button",{key:h.id,type:"button",class:e.normalizeClass(e.unref(v.cn)("reevit-network-btn",u.value===h.id&&"reevit-network-btn--selected")),onClick:k=>u.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,pe)),64))])]),d.value?(e.openBlock(),e.createElementBlock("p",ye,e.toDisplayString(d.value),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"submit",class:"reevit-submit-btn",disabled:t.loading||!a.value},[t.loading?(e.openBlock(),e.createElementBlock("span",he)):(e.openBlock(),e.createElementBlock("span",fe,"Continue"))],8,ve),i[3]||(i[3]=e.createElementVNode("p",{class:"reevit-secure-text"}," 🔒 Secure mobile money payment via Reevit ",-1))],32))}});class be{constructor(o){this.baseUrl="https://unified-pay.hubtel.com",this.messageHandler=null,this.stylesInjected=!1,o&&(this.baseUrl=o)}redirect({purchaseInfo:o,config:n}){const l=this.createCheckoutUrl(o,n),a=window.open(l);if(!a||a.closed||typeof a.closed>"u")throw new Error("Popup was blocked by the browser. Please allow popups for this site.")}initIframe({purchaseInfo:o,callBacks:n,config:l,iframeStyle:a}){var u,d,r;this.registerEvents(n);const y=document.getElementById("hubtel-checkout-iframe");if(!y)throw new Error('Container element with id "hubtel-checkout-iframe" not found in the DOM.');y.innerHTML="";const m=document.createElement("div");m.textContent="Loading...",y.appendChild(m);const i=document.createElement("iframe");i.setAttribute("id","hubtel-iframe-element"),i.src=this.createCheckoutUrl(o,l),i.style.display="none",i.style.width=(u=a?.width)!==null&&u!==void 0?u:"100%",i.style.height=(d=a?.height)!==null&&d!==void 0?d:"100%",i.style.minHeight=a?.minHeight||"400px",i.style.border=(r=a?.border)!==null&&r!==void 0?r:"none",i.onload=()=>{var h;y.removeChild(m),i.style.display="block",(h=n.onLoad)===null||h===void 0||h.call(n)},y.appendChild(i)}openModal({purchaseInfo:o,callBacks:n,config:l}){this.injectStyles(),this.createIframe(),this.handleBackButton(),this.registerEvents(n),this.renderWebpageInPopup(this.createCheckoutUrl(o,l),n.onClose,n.onLoad)}createCheckoutUrl(o,n){const l=Object.assign(Object.assign({},o),n),a=Object.keys(l).reduce((m,i)=>(l[i]!==null&&l[i]!==void 0&&(m[i]=l[i]),m),{}),u=Object.keys(a).map(m=>`${m}=${encodeURIComponent(a[m])}`).join("&"),d=this.encodeBase64(u),r=encodeURIComponent(d);return`${a?.branding==="disabled"?`${this.baseUrl}/pay/direct`:`${this.baseUrl}/pay`}?p=${r}`}encodeBase64(o){return btoa(unescape(encodeURIComponent(o)))}handleBackButton(){window.addEventListener("popstate",()=>{this.closePopUp()})}createIframe(){const o=document.createElement("div");o.setAttribute("id","backdrop"),o.classList.add("backdrop");const n=document.createElement("span");n.classList.add("checkout-loader"),o.appendChild(n),document.body.appendChild(o)}registerEvents(o){this.messageHandler&&window.removeEventListener("message",this.messageHandler,!1);const n=l=>{var a,u,d,r,y,m;if(l.origin!==this.baseUrl)return;const{data:i}=l;if(i.success===!0)(a=o.onPaymentSuccess)===null||a===void 0||a.call(o,i);else if(i.success===!1)(u=o.onPaymentFailure)===null||u===void 0||u.call(o,i);else if(i.initialized)(d=o.init)===null||d===void 0||d.call(o,i),(r=o.onInit)===null||r===void 0||r.call(o,i);else if(i.feesChanged)(y=o.onFeesChanged)===null||y===void 0||y.call(o,i.fees);else if(i.resize){const h=document.getElementById("hubtel-iframe-element");h&&(h.style.height=i.height+"px"),(m=o?.onResize)===null||m===void 0||m.call(o,i)}};this.messageHandler=n,window.addEventListener("message",n,!1)}destroy(){this.messageHandler&&(window.removeEventListener("message",this.messageHandler,!1),this.messageHandler=null)}renderWebpageInPopup(o,n,l){const a=document.createElement("div");a.classList.add("checkout-modal");const u=document.createElement("div");u.setAttribute("id","checkout-close-icon"),u.innerHTML="×",u.classList.add("close-icon"),u.addEventListener("click",()=>{this.closePopUp(),n?.()}),a.appendChild(u);const d=document.createElement("iframe");d.src=o,history.pushState({modalOpen:!0},""),d.classList.add("iframe"),a.appendChild(d),document.body.appendChild(a),a.style.opacity="0",d.addEventListener("load",()=>{a.style.opacity="1",l?.()})}closePopUp(){const o=document.querySelector(".backdrop"),n=document.querySelector(".checkout-modal");o&&document.body.removeChild(o),n&&document.body.removeChild(n),history.replaceState(null,""),window.removeEventListener("popstate",this.closePopUp)}injectStyles(){if(this.stylesInjected)return;const o=document.createElement("style");o.type="text/css",o.setAttribute("data-hubtel-checkout","true"),o.innerHTML=`
         .backdrop {
             position: fixed;
             left: 0;
@@ -98,4 +98,4 @@
 
         }
       }
-    `,document.head.appendChild(o),this.stylesInjected=!0}}const $=new Map;function M(t,o){const n=$.get(o);if(n)return n;const c=new Promise((a,i)=>{if(document.getElementById(o)){a();return}const u=document.createElement("script");u.id=o,u.src=t,u.async=!0,u.onload=()=>a(),u.onerror=()=>i(new Error(`Failed to load ${o} script`)),document.head.appendChild(u)});return $.set(o,c),c}function F(){return M("https://js.paystack.co/v1/inline.js","paystack-script")}function Ee(){return Promise.resolve()}function j(){return M("https://checkout.flutterwave.com/v3.js","flutterwave-script")}function A(){return M("https://js.stripe.com/v3/","stripe-script")}function z(){return M("https://sdk.monnify.com/plugin/monnify.js","monnify-script")}async function K(t){if(await F(),!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 H(t){const o=new be,n={amount:t.amount,purchaseDescription:t.purchaseDescription,customerPhoneNumber:t.customerPhone||"",clientReference:`hubtel_${Date.now()}`},c={branding:"enabled",callbackUrl:t.callbackUrl||(typeof window<"u"?window.location.href:""),merchantAccount:typeof t.clientId=="string"?parseInt(t.clientId,10):t.clientId,basicAuth:""};o.openModal({purchaseInfo:n,config:c,callBacks:{onPaymentSuccess:a=>{t.onSuccess(a),o.closePopUp()},onPaymentFailure:()=>{t.onClose()},onClose:()=>{t.onClose()}}})}async function q(t){if(await j(),!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 Y(t){if(await A(),!window.Stripe)throw new Error("Stripe.js not loaded");return window.Stripe(t)}async function ke(t){const n=await(await Y(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 W(t){if(await z(),!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:o=>{o.status==="SUCCESS"?t.onSuccess({transactionReference:o.transactionReference,paymentReference:o.paymentReference,...o}):t.onError?.({message:o.message||"Payment failed"})},onClose:t.onClose})}async function G(t,o){t.onInitiated();try{const n=await fetch(o,{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 c=await n.json();return{status:"initiated",message:"Please check your phone and enter your M-Pesa PIN to complete the payment.",transactionId:c.checkout_request_id||c.transaction_id}}catch(n){const c=n instanceof Error?n.message:"Network error";return t.onError({message:c}),{status:"failed",message:c}}}const Pe=["disabled"],we={key:0,class:"reevit-spinner"},Ce={class:"reevit-modal-body"},Se={key:0,class:"reevit-loading-state"},ge={key:1,class:"reevit-error-state"},_e={key:2,class:"reevit-success-state"},Ie={key:1,class:"reevit-method-form-container"},Ne={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:o}){const n=t,c=o,{status:a,paymentIntent:i,selectedMethod:u,error:r,isLoading:y,isReady:m,initialize:l,selectMethod:h,handlePspSuccess:E,handlePspError:w,close:R}=U({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:d=>c("success",d),onError:d=>c("error",d),onClose:()=>c("close")}),P=e.ref(n.isOpen??!1);e.watch(()=>n.isOpen,d=>{d!==void 0&&(P.value=d)});const I=()=>{P.value=!0,!i.value&&a.value==="idle"&&l()};e.watch([P,i,u],([d,s,p])=>{d&&s&&p&&p==="card"&&S(null)});const C=()=>{P.value=!1,R()},V=d=>{h(d)},S=async d=>{if(!i.value)return;const s=i.value.recommendedPsp;try{if(s==="paystack")await K({key:n.publicKey,email:n.email||"",amount:n.amount,currency:n.currency,ref:i.value.id,onSuccess:p=>E(p),onClose:()=>{}});else if(s==="hubtel")await H({clientId:n.publicKey,purchaseDescription:`Payment for ${n.amount} ${n.currency}`,amount:n.amount,customerPhone:d?.phone||n.phone,customerEmail:n.email,onSuccess:p=>E(p),onClose:()=>{}});else if(s==="flutterwave")await q({public_key:n.publicKey,tx_ref:i.value.id,amount:n.amount,currency:n.currency,customer:{email:n.email||"",phone_number:d?.phone||n.phone},callback:p=>E(p),onclose:()=>{}});else if(s==="monnify")await W({apiKey:i.value.pspPublicKey||n.publicKey,contractCode:n.metadata?.contract_code||n.publicKey,amount:n.amount,currency:n.currency,reference:i.value.reference||i.value.id,customerName:n.metadata?.customer_name||n.email||"",customerEmail:n.email||"",customerPhone:d?.phone||n.phone,metadata:n.metadata,onSuccess:p=>E(p),onClose:()=>{}});else if(s==="mpesa"){const p=`${n.apiBaseUrl||"https://api.reevit.io"}/v1/payments/${i.value.id}/mpesa`;await G({phoneNumber:d?.phone||n.phone||"",amount:n.amount,reference:i.value.reference||i.value.id,description:`Payment ${i.value.reference||""}`,onInitiated:()=>{},onSuccess:k=>E(k),onError:k=>w({code:"MPESA_ERROR",message:k.message})},p)}else w(s==="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 "${s}" is not supported in this checkout.`})}catch(p){w({code:"BRIDGE_ERROR",message:p instanceof Error?p.message:"Failed to open payment gateway"})}},B=e.computed(()=>v.createThemeVariables(n.theme||{}));e.watch(P,d=>{d?document.body.style.overflow="hidden":document.body.style.overflow=""}),e.onUnmounted(()=>{document.body.style.overflow=""});const f=e.computed(()=>a.value),N=e.computed(()=>r.value),g=e.computed(()=>u.value),_=e.computed(()=>y.value),x=e.computed(()=>m.value);return(d,s)=>(e.openBlock(),e.createElementBlock("div",{class:"reevit-sdk-container",style:e.normalizeStyle(B.value)},[e.renderSlot(d.$slots,"default",{open:I,isLoading:_.value},()=>[e.createElementVNode("button",{type:"button",class:"reevit-pay-button",onClick:I,disabled:_.value},[_.value?(e.openBlock(),e.createElementBlock("span",we)):e.renderSlot(d.$slots,"button-text",{key:1},()=>[s[1]||(s[1]=e.createTextVNode("Pay Now",-1))])],8,Pe)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[P.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"reevit-modal-overlay",onClick:e.withModifiers(C,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["reevit-modal-content",{"reevit-modal--dark":n.theme?.darkMode}])},[e.createElementVNode("button",{class:"reevit-modal-close",onClick:C,"aria-label":"Close"}," × "),s[9]||(s[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",Ce,[f.value==="loading"?(e.openBlock(),e.createElementBlock("div",Se,[...s[2]||(s[2]=[e.createElementVNode("div",{class:"reevit-spinner reevit-spinner--large"},null,-1),e.createElementVNode("p",null,"Initializing payment...",-1)])])):f.value==="failed"&&N.value?(e.openBlock(),e.createElementBlock("div",ge,[s[3]||(s[3]=e.createElementVNode("div",{class:"reevit-error-icon"},"⚠️",-1)),s[4]||(s[4]=e.createElementVNode("h3",null,"Payment Failed",-1)),e.createElementVNode("p",null,e.toDisplayString(N.value.message),1),e.createElementVNode("button",{class:"reevit-retry-btn",onClick:s[0]||(s[0]=p=>e.unref(l)())},"Retry")])):f.value==="success"?(e.openBlock(),e.createElementBlock("div",_e,[s[5]||(s[5]=e.createElementVNode("div",{class:"reevit-success-icon"},"✅",-1)),s[6]||(s[6]=e.createElementVNode("h3",null,"Payment Successful",-1)),s[7]||(s[7]=e.createElementVNode("p",null,"Thank you for your payment.",-1)),e.createElementVNode("button",{class:"reevit-done-btn",onClick:C},"Done")])):x.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[f.value==="ready"||f.value==="method_selected"||f.value==="processing"?(e.openBlock(),e.createBlock(D,{key:0,methods:n.paymentMethods||["card","mobile_money"],selected:g.value,amount:n.amount,currency:n.currency,onSelect:V},null,8,["methods","selected","amount","currency"])):e.createCommentVNode("",!0),(f.value==="method_selected"||f.value==="processing")&&g.value==="mobile_money"?(e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(L,{"initial-phone":n.phone,loading:f.value==="processing",onSubmit:S},null,8,["initial-phone","loading"])])):e.createCommentVNode("",!0),(f.value==="method_selected"||f.value==="processing")&&g.value==="card"?(e.openBlock(),e.createElementBlock("div",Ne,[s[8]||(s[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:S,disabled:f.value==="processing"},[f.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)]),s[10]||(s[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:()=>v.ReevitAPIClient});Object.defineProperty(exports,"cn",{enumerable:!0,get:()=>v.cn});Object.defineProperty(exports,"createReevitClient",{enumerable:!0,get:()=>v.createReevitClient});Object.defineProperty(exports,"detectCountryFromCurrency",{enumerable:!0,get:()=>v.detectCountryFromCurrency});Object.defineProperty(exports,"detectNetwork",{enumerable:!0,get:()=>v.detectNetwork});Object.defineProperty(exports,"formatAmount",{enumerable:!0,get:()=>v.formatAmount});Object.defineProperty(exports,"formatPhone",{enumerable:!0,get:()=>v.formatPhone});Object.defineProperty(exports,"validatePhone",{enumerable:!0,get:()=>v.validatePhone});exports.MobileMoneyForm=L;exports.PaymentMethodSelector=D;exports.ReevitCheckout=Be;exports.confirmStripePayment=ke;exports.createStripeInstance=Y;exports.initiateMPesaSTKPush=G;exports.loadFlutterwaveScript=j;exports.loadHubtelScript=Ee;exports.loadMonnifyScript=z;exports.loadPaystackScript=F;exports.loadStripeScript=A;exports.openFlutterwaveModal=q;exports.openHubtelPopup=H;exports.openMonnifyModal=W;exports.openPaystackPopup=K;exports.useReevit=U;
+    `,document.head.appendChild(o),this.stylesInjected=!0}}const $=new Map;function M(t,o){const n=$.get(o);if(n)return n;const l=new Promise((a,u)=>{if(document.getElementById(o)){a();return}const d=document.createElement("script");d.id=o,d.src=t,d.async=!0,d.onload=()=>a(),d.onerror=()=>u(new Error(`Failed to load ${o} script`)),document.head.appendChild(d)});return $.set(o,l),l}function F(){return M("https://js.paystack.co/v1/inline.js","paystack-script")}function Ee(){return Promise.resolve()}function j(){return M("https://checkout.flutterwave.com/v3.js","flutterwave-script")}function A(){return M("https://js.stripe.com/v3/","stripe-script")}function z(){return M("https://sdk.monnify.com/plugin/monnify.js","monnify-script")}async function K(t){if(await F(),!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 H(t){const o=new be,n={amount:t.amount,purchaseDescription:t.purchaseDescription,customerPhoneNumber:t.customerPhone||"",clientReference:`hubtel_${Date.now()}`},l={branding:"enabled",callbackUrl:t.callbackUrl||(typeof window<"u"?window.location.href:""),merchantAccount:typeof t.clientId=="string"?parseInt(t.clientId,10):t.clientId,basicAuth:t.basicAuth||""};o.openModal({purchaseInfo:n,config:l,callBacks:{onPaymentSuccess:a=>{t.onSuccess(a),o.closePopUp()},onPaymentFailure:()=>{t.onClose()},onClose:()=>{t.onClose()}}})}async function q(t){if(await j(),!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 Y(t){if(await A(),!window.Stripe)throw new Error("Stripe.js not loaded");return window.Stripe(t)}async function ke(t){const n=await(await Y(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 W(t){if(await z(),!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:o=>{o.status==="SUCCESS"?t.onSuccess({transactionReference:o.transactionReference,paymentReference:o.paymentReference,...o}):t.onError?.({message:o.message||"Payment failed"})},onClose:t.onClose})}async function G(t,o){t.onInitiated();try{const n=await fetch(o,{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 u=(await n.json().catch(()=>({}))).message||"Failed to initiate M-Pesa payment";return t.onError({message:u}),{status:"failed",message:u}}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 Pe=["disabled"],we={key:0,class:"reevit-spinner"},Ce={class:"reevit-modal-body"},Se={key:0,class:"reevit-loading-state"},ge={key:1,class:"reevit-error-state"},_e={key:2,class:"reevit-success-state"},Ie={key:1,class:"reevit-method-form-container"},Ne={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:o}){const n=t,l=o,{status:a,paymentIntent:u,selectedMethod:d,error:r,isLoading:y,isReady:m,initialize:i,selectMethod:h,handlePspSuccess:k,handlePspError:w,close:R}=U({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:c=>l("success",c),onError:c=>l("error",c),onClose:()=>l("close")}),P=e.ref(n.isOpen??!1);e.watch(()=>n.isOpen,c=>{c!==void 0&&(P.value=c)});const I=()=>{P.value=!0,!u.value&&a.value==="idle"&&i()};e.watch([P,u,d],([c,s,p])=>{c&&s&&p&&p==="card"&&S(null)});const C=()=>{P.value=!1,R()},V=c=>{h(c)},S=async c=>{const s=u.value;if(!s)return;const p=s.recommendedPsp;try{if(p==="paystack")await K({key:n.publicKey,email:n.email||"",amount:n.amount,currency:n.currency,ref:s.id,onSuccess:f=>k(f),onClose:()=>{}});else if(p==="hubtel")await H({clientId:s.pspCredentials?.merchantAccount||n.publicKey,purchaseDescription:`Payment for ${n.amount} ${n.currency}`,amount:n.amount,customerPhone:c?.phone||n.phone,customerEmail:n.email,basicAuth:s.pspCredentials?.basicAuth,onSuccess:f=>k(f),onClose:()=>{}});else if(p==="flutterwave")await q({public_key:n.publicKey,tx_ref:s.id,amount:n.amount,currency:n.currency,customer:{email:n.email||"",phone_number:c?.phone||n.phone},callback:f=>k(f),onclose:()=>{}});else if(p==="monnify")await W({apiKey:s.pspPublicKey||n.publicKey,contractCode:n.metadata?.contract_code||n.publicKey,amount:n.amount,currency:n.currency,reference:s.reference||s.id,customerName:n.metadata?.customer_name||n.email||"",customerEmail:n.email||"",customerPhone:c?.phone||n.phone,metadata:n.metadata,onSuccess:f=>k(f),onClose:()=>{}});else if(p==="mpesa"){const f=`${n.apiBaseUrl||"https://api.reevit.io"}/v1/payments/${s.id}/mpesa`;await G({phoneNumber:c?.phone||n.phone||"",amount:n.amount,reference:s.reference||s.id,description:`Payment ${s.reference||""}`,onInitiated:()=>{},onSuccess:E=>k(E),onError:E=>w({code:"MPESA_ERROR",message:E.message})},f)}else w(p==="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 "${p}" is not supported in this checkout.`})}catch(f){w({code:"BRIDGE_ERROR",message:f instanceof Error?f.message:"Failed to open payment gateway"})}},B=e.computed(()=>v.createThemeVariables(n.theme||{}));e.watch(P,c=>{c?document.body.style.overflow="hidden":document.body.style.overflow=""}),e.onUnmounted(()=>{document.body.style.overflow=""});const b=e.computed(()=>a.value),N=e.computed(()=>r.value),g=e.computed(()=>d.value),_=e.computed(()=>y.value),x=e.computed(()=>m.value);return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:"reevit-sdk-container",style:e.normalizeStyle(B.value)},[e.renderSlot(c.$slots,"default",{open:I,isLoading:_.value},()=>[e.createElementVNode("button",{type:"button",class:"reevit-pay-button",onClick:I,disabled:_.value},[_.value?(e.openBlock(),e.createElementBlock("span",we)):e.renderSlot(c.$slots,"button-text",{key:1},()=>[s[1]||(s[1]=e.createTextVNode("Pay Now",-1))])],8,Pe)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[P.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"reevit-modal-overlay",onClick:e.withModifiers(C,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["reevit-modal-content",{"reevit-modal--dark":n.theme?.darkMode}])},[e.createElementVNode("button",{class:"reevit-modal-close",onClick:C,"aria-label":"Close"}," × "),s[9]||(s[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",Ce,[b.value==="loading"?(e.openBlock(),e.createElementBlock("div",Se,[...s[2]||(s[2]=[e.createElementVNode("div",{class:"reevit-spinner reevit-spinner--large"},null,-1),e.createElementVNode("p",null,"Initializing payment...",-1)])])):b.value==="failed"&&N.value?(e.openBlock(),e.createElementBlock("div",ge,[s[3]||(s[3]=e.createElementVNode("div",{class:"reevit-error-icon"},"⚠️",-1)),s[4]||(s[4]=e.createElementVNode("h3",null,"Payment Failed",-1)),e.createElementVNode("p",null,e.toDisplayString(N.value.message),1),e.createElementVNode("button",{class:"reevit-retry-btn",onClick:s[0]||(s[0]=p=>e.unref(i)())},"Retry")])):b.value==="success"?(e.openBlock(),e.createElementBlock("div",_e,[s[5]||(s[5]=e.createElementVNode("div",{class:"reevit-success-icon"},"✅",-1)),s[6]||(s[6]=e.createElementVNode("h3",null,"Payment Successful",-1)),s[7]||(s[7]=e.createElementVNode("p",null,"Thank you for your payment.",-1)),e.createElementVNode("button",{class:"reevit-done-btn",onClick:C},"Done")])):x.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[b.value==="ready"||b.value==="method_selected"||b.value==="processing"?(e.openBlock(),e.createBlock(D,{key:0,methods:n.paymentMethods||["card","mobile_money"],selected:g.value,amount:n.amount,currency:n.currency,onSelect:V},null,8,["methods","selected","amount","currency"])):e.createCommentVNode("",!0),(b.value==="method_selected"||b.value==="processing")&&g.value==="mobile_money"?(e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(L,{"initial-phone":n.phone,loading:b.value==="processing",onSubmit:S},null,8,["initial-phone","loading"])])):e.createCommentVNode("",!0),(b.value==="method_selected"||b.value==="processing")&&g.value==="card"?(e.openBlock(),e.createElementBlock("div",Ne,[s[8]||(s[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:S,disabled:b.value==="processing"},[b.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)]),s[10]||(s[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:()=>v.ReevitAPIClient});Object.defineProperty(exports,"cn",{enumerable:!0,get:()=>v.cn});Object.defineProperty(exports,"createReevitClient",{enumerable:!0,get:()=>v.createReevitClient});Object.defineProperty(exports,"detectCountryFromCurrency",{enumerable:!0,get:()=>v.detectCountryFromCurrency});Object.defineProperty(exports,"detectNetwork",{enumerable:!0,get:()=>v.detectNetwork});Object.defineProperty(exports,"formatAmount",{enumerable:!0,get:()=>v.formatAmount});Object.defineProperty(exports,"formatPhone",{enumerable:!0,get:()=>v.formatPhone});Object.defineProperty(exports,"validatePhone",{enumerable:!0,get:()=>v.validatePhone});exports.MobileMoneyForm=L;exports.PaymentMethodSelector=D;exports.ReevitCheckout=Be;exports.confirmStripePayment=ke;exports.createStripeInstance=Y;exports.initiateMPesaSTKPush=G;exports.loadFlutterwaveScript=j;exports.loadHubtelScript=Ee;exports.loadMonnifyScript=z;exports.loadPaystackScript=F;exports.loadStripeScript=A;exports.openFlutterwaveModal=q;exports.openHubtelPopup=H;exports.openMonnifyModal=W;exports.openPaystackPopup=K;exports.useReevit=U;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { ref as $, watch as N, computed as b, readonly as _, defineComponent as V, createElementBlock as h, openBlock as y, createElementVNode as d, toDisplayString as S, unref as U, Fragment as q, renderList as Q, normalizeClass as D, createCommentVNode as I, withModifiers as X, withDirectives as oe, vModelText as ae, createTextVNode as Z, normalizeStyle as ee, onUnmounted as re, renderSlot as Y, createBlock as W, Teleport as se, createVNode as ie } from "vue";
+import { ref as $, watch as N, computed as w, readonly as _, defineComponent as V, createElementBlock as h, openBlock as y, createElementVNode as c, toDisplayString as S, unref as U, Fragment as q, renderList as Q, normalizeClass as A, createCommentVNode as I, withModifiers as X, withDirectives as oe, vModelText as ae, createTextVNode as Z, normalizeStyle as ee, onUnmounted as re, renderSlot as Y, createBlock as W, Teleport as se, createVNode as ie } from "vue";
 import { createInitialState as le, ReevitAPIClient as ce, generateReference as de, detectCountryFromCurrency as ue, reevitReducer as me, formatAmount as pe, cn as te, detectNetwork as ye, validatePhone as G, createThemeVariables as ve } from "@reevit/core";
 import { ReevitAPIClient as vt, cn as ht, createReevitClient as ft, detectCountryFromCurrency as bt, detectNetwork as wt, formatAmount as Pt, formatPhone as kt, validatePhone as Ct } from "@reevit/core";
 function he(e) {
@@ -10,6 +10,7 @@ function fe(e, n) {
     id: e.id,
     clientSecret: e.client_secret,
     pspPublicKey: e.psp_public_key,
+    pspCredentials: e.psp_credentials,
     amount: e.amount,
     currency: e.currency,
     status: e.status,
@@ -25,50 +26,50 @@ function fe(e, n) {
   };
 }
 function be(e) {
-  const { config: n, onSuccess: t, onError: l, onClose: a, onStateChange: s, apiBaseUrl: u } = e, o = $(le());
+  const { config: n, onSuccess: t, onError: i, onClose: a, onStateChange: u, apiBaseUrl: d } = e, o = $(le());
   if (n.initialPaymentIntent) {
-    const c = n.initialPaymentIntent;
+    const l = n.initialPaymentIntent;
     o.value = {
       ...o.value,
       status: "ready",
-      paymentIntent: c,
-      selectedMethod: c.availableMethods?.length === 1 ? c.availableMethods[0] : null
+      paymentIntent: l,
+      selectedMethod: l.availableMethods?.length === 1 ? l.availableMethods[0] : null
     };
   }
   const v = new ce({
     publicKey: n.publicKey,
-    baseUrl: u
-  }), m = (c) => {
-    o.value = me(o.value, c);
+    baseUrl: d
+  }), m = (l) => {
+    o.value = me(o.value, l);
   };
   N(
     () => o.value.status,
-    (c) => {
-      s?.(c);
+    (l) => {
+      u?.(l);
     }
   );
-  const i = async (c) => {
+  const s = async (l) => {
     m({ type: "INIT_START" });
     try {
-      const r = n.reference || de(), p = ue(n.currency), C = c || n.paymentMethods?.[0] || "card", { data: P, error: H } = await v.createPaymentIntent(
+      const r = n.reference || de(), p = ue(n.currency), b = l || n.paymentMethods?.[0] || "card", { data: k, error: H } = await v.createPaymentIntent(
         { ...n, reference: r },
-        C,
+        b,
         p
       );
       if (H) {
-        m({ type: "INIT_ERROR", payload: H }), l?.(H);
+        m({ type: "INIT_ERROR", payload: H }), i?.(H);
         return;
       }
-      if (!P) {
+      if (!k) {
         const B = {
           code: "INIT_FAILED",
           message: "No data received from API",
           recoverable: !0
         };
-        m({ type: "INIT_ERROR", payload: B }), l?.(B);
+        m({ type: "INIT_ERROR", payload: B }), i?.(B);
         return;
       }
-      const ne = fe(P, { ...n, reference: r });
+      const ne = fe(k, { ...n, reference: r });
       m({ type: "INIT_SUCCESS", payload: ne });
     } catch (r) {
       const p = {
@@ -77,43 +78,43 @@ function be(e) {
         recoverable: !0,
         originalError: r
       };
-      m({ type: "INIT_ERROR", payload: p }), l?.(p);
+      m({ type: "INIT_ERROR", payload: p }), i?.(p);
     }
-  }, f = (c) => {
-    m({ type: "SELECT_METHOD", payload: c });
-  }, k = async (c) => {
+  }, f = (l) => {
+    m({ type: "SELECT_METHOD", payload: l });
+  }, C = async (l) => {
     if (!(!o.value.paymentIntent || !o.value.selectedMethod)) {
       m({ type: "PROCESS_START" });
       try {
         let r;
         if (o.value.paymentIntent.clientSecret) {
-          const { data: C, error: P } = await v.confirmPaymentIntent(
+          const { data: b, error: k } = await v.confirmPaymentIntent(
             o.value.paymentIntent.id,
             o.value.paymentIntent.clientSecret
           );
-          if (P) {
-            m({ type: "PROCESS_ERROR", payload: P }), l?.(P);
+          if (k) {
+            m({ type: "PROCESS_ERROR", payload: k }), i?.(k);
             return;
           }
-          r = C;
+          r = b;
         } else {
-          const { data: C, error: P } = await v.confirmPayment(o.value.paymentIntent.id);
-          if (P) {
-            m({ type: "PROCESS_ERROR", payload: P }), l?.(P);
+          const { data: b, error: k } = await v.confirmPayment(o.value.paymentIntent.id);
+          if (k) {
+            m({ type: "PROCESS_ERROR", payload: k }), i?.(k);
             return;
           }
-          r = C;
+          r = b;
         }
         const p = {
           paymentId: o.value.paymentIntent.id,
-          reference: c.reference || o.value.paymentIntent.reference || o.value.paymentIntent.metadata?.reference || "",
+          reference: l.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: c.pspReference || r?.provider_ref_id || "",
+          pspReference: l.pspReference || r?.provider_ref_id || "",
           status: "success",
-          metadata: c
+          metadata: l
         };
         m({ type: "PROCESS_SUCCESS", payload: p }), t?.(p);
       } catch (r) {
@@ -123,13 +124,13 @@ function be(e) {
           recoverable: !0,
           originalError: r
         };
-        m({ type: "PROCESS_ERROR", payload: p }), l?.(p);
+        m({ type: "PROCESS_ERROR", payload: p }), i?.(p);
       }
     }
-  }, g = async (c) => {
-    await k(c);
-  }, A = (c) => {
-    m({ type: "PROCESS_ERROR", payload: c }), l?.(c);
+  }, g = async (l) => {
+    await C(l);
+  }, F = (l) => {
+    m({ type: "PROCESS_ERROR", payload: l }), i?.(l);
   }, E = () => {
     m({ type: "RESET" });
   }, L = async () => {
@@ -139,24 +140,24 @@ function be(e) {
       } catch {
       }
     m({ type: "CLOSE" }), a?.();
-  }, R = b(() => o.value.status), K = b(() => o.value.paymentIntent), M = b(() => o.value.selectedMethod), j = b(() => o.value.error), w = b(() => o.value.result), O = b(
+  }, R = w(() => o.value.status), K = w(() => o.value.paymentIntent), M = w(() => o.value.selectedMethod), j = w(() => o.value.error), P = w(() => o.value.result), O = w(
     () => o.value.status === "loading" || o.value.status === "processing"
-  ), x = b(
+  ), x = w(
     () => o.value.status === "ready" || o.value.status === "method_selected" || o.value.status === "processing"
-  ), T = b(() => o.value.status === "success"), z = b(() => o.value.error?.recoverable ?? !1);
+  ), T = w(() => o.value.status === "success"), z = w(() => o.value.error?.recoverable ?? !1);
   return {
     // State (readonly refs)
     status: _(R),
     paymentIntent: _(K),
     selectedMethod: _(M),
     error: _(j),
-    result: _(w),
+    result: _(P),
     // Actions
-    initialize: i,
+    initialize: s,
     selectMethod: f,
-    processPayment: k,
+    processPayment: C,
     handlePspSuccess: g,
-    handlePspError: A,
+    handlePspError: F,
     reset: E,
     close: L,
     // Computed
@@ -179,7 +180,7 @@ const we = { class: "reevit-method-selector" }, Pe = { class: "reevit-amount-dis
   },
   emits: ["select"],
   setup(e, { emit: n }) {
-    const t = e, l = n, a = b(() => [
+    const t = e, i = n, a = w(() => [
       {
         id: "card",
         name: "Card",
@@ -198,23 +199,23 @@ const we = { class: "reevit-method-selector" }, Pe = { class: "reevit-amount-dis
         description: "Transfer directly from your bank",
         icon: "🏦"
       }
-    ].filter((s) => t.methods.includes(s.id)));
-    return (s, u) => (y(), h("div", we, [
-      u[0] || (u[0] = d("h3", { class: "reevit-section-title" }, "Select Payment Method", -1)),
-      d("p", Pe, " Pay " + S(U(pe)(e.amount, e.currency)), 1),
-      d("div", ke, [
+    ].filter((u) => t.methods.includes(u.id)));
+    return (u, d) => (y(), h("div", we, [
+      d[0] || (d[0] = c("h3", { class: "reevit-section-title" }, "Select Payment Method", -1)),
+      c("p", Pe, " Pay " + S(U(pe)(e.amount, e.currency)), 1),
+      c("div", ke, [
         (y(!0), h(q, null, Q(a.value, (o) => (y(), h("button", {
           key: o.id,
           type: "button",
-          class: D(U(te)("reevit-method-card", e.selected === o.id && "reevit-method-card--selected")),
-          onClick: (v) => l("select", o.id)
+          class: A(U(te)("reevit-method-card", e.selected === o.id && "reevit-method-card--selected")),
+          onClick: (v) => i("select", o.id)
         }, [
-          d("span", _e, S(o.icon), 1),
-          d("div", Ee, [
-            d("span", Ie, S(o.name), 1),
-            d("span", Se, S(o.description), 1)
+          c("span", _e, S(o.icon), 1),
+          c("div", Ee, [
+            c("span", Ie, S(o.name), 1),
+            c("span", Se, S(o.description), 1)
           ]),
-          d("div", ge, [
+          c("div", ge, [
             e.selected === o.id ? (y(), h("div", Re)) : I("", !0)
           ])
         ], 10, Ce))), 128))
@@ -224,10 +225,10 @@ const we = { class: "reevit-method-selector" }, Pe = { class: "reevit-amount-dis
 }), xe = { class: "reevit-form-group" }, Te = ["disabled"], $e = { class: "reevit-network-selector" }, Ne = { class: "reevit-networks-grid" }, Ue = ["onClick", "disabled"], Le = {
   key: 0,
   class: "reevit-error-message"
-}, Oe = ["disabled"], De = {
+}, Oe = ["disabled"], Ae = {
   key: 0,
   class: "reevit-spinner"
-}, Fe = { key: 1 }, Ae = /* @__PURE__ */ V({
+}, De = { key: 1 }, Fe = /* @__PURE__ */ V({
   __name: "MobileMoneyForm",
   props: {
     initialPhone: {},
@@ -235,43 +236,43 @@ const we = { class: "reevit-method-selector" }, Pe = { class: "reevit-amount-dis
   },
   emits: ["submit"],
   setup(e, { emit: n }) {
-    const t = e, l = n, a = $(t.initialPhone || ""), s = $(null), u = $(null);
+    const t = e, i = n, a = $(t.initialPhone || ""), u = $(null), d = $(null);
     N(a, (m) => {
-      const i = ye(m);
-      i && (s.value = i), u.value && (u.value = null);
+      const s = ye(m);
+      s && (u.value = s), d.value && (d.value = null);
     });
     const o = () => {
       if (!G(a.value)) {
-        u.value = "Please enter a valid phone number";
+        d.value = "Please enter a valid phone number";
         return;
       }
-      if (!s.value) {
-        u.value = "Please select your mobile network";
+      if (!u.value) {
+        d.value = "Please select your mobile network";
         return;
       }
-      l("submit", {
+      i("submit", {
         phone: a.value,
-        network: s.value
+        network: u.value
       });
     }, v = [
       { id: "mtn", name: "MTN", color: "#FFCC00" },
       { id: "vodafone", name: "Vodafone", color: "#E60000" },
       { id: "airteltigo", name: "AirtelTigo", color: "#005596" }
     ];
-    return (m, i) => (y(), h("form", {
+    return (m, s) => (y(), h("form", {
       class: "reevit-momo-form",
       onSubmit: X(o, ["prevent"])
     }, [
-      d("div", xe, [
-        i[1] || (i[1] = d("label", {
+      c("div", xe, [
+        s[1] || (s[1] = c("label", {
           class: "reevit-label",
           for: "reevit-phone"
         }, "Phone Number", -1)),
-        oe(d("input", {
+        oe(c("input", {
           id: "reevit-phone",
-          "onUpdate:modelValue": i[0] || (i[0] = (f) => a.value = f),
+          "onUpdate:modelValue": s[0] || (s[0] = (f) => a.value = f),
           type: "tel",
-          class: D(["reevit-input", { "reevit-input--error": u.value && !U(G)(a.value) }]),
+          class: A(["reevit-input", { "reevit-input--error": d.value && !U(G)(a.value) }]),
           placeholder: "e.g. 024 123 4567",
           disabled: e.loading,
           autocomplete: "tel"
@@ -279,17 +280,17 @@ const we = { class: "reevit-method-selector" }, Pe = { class: "reevit-amount-dis
           [ae, a.value]
         ])
       ]),
-      d("div", $e, [
-        i[2] || (i[2] = d("label", { class: "reevit-label" }, "Select Network", -1)),
-        d("div", Ne, [
-          (y(), h(q, null, Q(v, (f) => d("button", {
+      c("div", $e, [
+        s[2] || (s[2] = c("label", { class: "reevit-label" }, "Select Network", -1)),
+        c("div", Ne, [
+          (y(), h(q, null, Q(v, (f) => c("button", {
             key: f.id,
             type: "button",
-            class: D(U(te)("reevit-network-btn", s.value === f.id && "reevit-network-btn--selected")),
-            onClick: (k) => s.value = f.id,
+            class: A(U(te)("reevit-network-btn", u.value === f.id && "reevit-network-btn--selected")),
+            onClick: (C) => u.value = f.id,
             disabled: e.loading
           }, [
-            d("div", {
+            c("div", {
               class: "reevit-network-dot",
               style: ee({ backgroundColor: f.color })
             }, null, 4),
@@ -297,15 +298,15 @@ const we = { class: "reevit-method-selector" }, Pe = { class: "reevit-amount-dis
           ], 10, Ue)), 64))
         ])
       ]),
-      u.value ? (y(), h("p", Le, S(u.value), 1)) : I("", !0),
-      d("button", {
+      d.value ? (y(), h("p", Le, S(d.value), 1)) : I("", !0),
+      c("button", {
         type: "submit",
         class: "reevit-submit-btn",
         disabled: e.loading || !a.value
       }, [
-        e.loading ? (y(), h("span", De)) : (y(), h("span", Fe, "Continue"))
+        e.loading ? (y(), h("span", Ae)) : (y(), h("span", De, "Continue"))
       ], 8, Oe),
-      i[3] || (i[3] = d("p", { class: "reevit-secure-text" }, " 🔒 Secure mobile money payment via Reevit ", -1))
+      s[3] || (s[3] = c("p", { class: "reevit-secure-text" }, " 🔒 Secure mobile money payment via Reevit ", -1))
     ], 32));
   }
 });
@@ -320,7 +321,7 @@ class Ke {
   * @throws {Error} If the popup is blocked by the browser.
   */
   redirect({ purchaseInfo: n, config: t }) {
-    const l = this.createCheckoutUrl(n, t), a = window.open(l);
+    const i = this.createCheckoutUrl(n, t), a = window.open(i);
     if (!a || a.closed || typeof a.closed > "u")
       throw new Error("Popup was blocked by the browser. Please allow popups for this site.");
   }
@@ -333,8 +334,8 @@ class Ke {
   * @param iframeStyle - The style options for the iframe (optional).
   * @throws {Error} If the container element with id "hubtel-checkout-iframe" is not found.
   */
-  initIframe({ purchaseInfo: n, callBacks: t, config: l, iframeStyle: a }) {
-    var s, u, o;
+  initIframe({ purchaseInfo: n, callBacks: t, config: i, iframeStyle: a }) {
+    var u, d, o;
     this.registerEvents(t);
     const v = document.getElementById("hubtel-checkout-iframe");
     if (!v)
@@ -342,17 +343,17 @@ class Ke {
     v.innerHTML = "";
     const m = document.createElement("div");
     m.textContent = "Loading...", v.appendChild(m);
-    const i = document.createElement("iframe");
-    i.setAttribute("id", "hubtel-iframe-element"), i.src = this.createCheckoutUrl(n, l), i.style.display = "none", i.style.width = (s = a?.width) !== null && s !== void 0 ? s : "100%", i.style.height = (u = a?.height) !== null && u !== void 0 ? u : "100%", i.style.minHeight = a?.minHeight || "400px", i.style.border = (o = a?.border) !== null && o !== void 0 ? o : "none", i.onload = () => {
+    const s = document.createElement("iframe");
+    s.setAttribute("id", "hubtel-iframe-element"), s.src = this.createCheckoutUrl(n, i), s.style.display = "none", s.style.width = (u = a?.width) !== null && u !== void 0 ? u : "100%", s.style.height = (d = a?.height) !== null && d !== void 0 ? d : "100%", s.style.minHeight = a?.minHeight || "400px", s.style.border = (o = a?.border) !== null && o !== void 0 ? o : "none", s.onload = () => {
       var f;
-      v.removeChild(m), i.style.display = "block", (f = t.onLoad) === null || f === void 0 || f.call(t);
-    }, v.appendChild(i);
+      v.removeChild(m), s.style.display = "block", (f = t.onLoad) === null || f === void 0 || f.call(t);
+    }, v.appendChild(s);
   }
-  openModal({ purchaseInfo: n, callBacks: t, config: l }) {
-    this.injectStyles(), this.createIframe(), this.handleBackButton(), this.registerEvents(t), this.renderWebpageInPopup(this.createCheckoutUrl(n, l), t.onClose, t.onLoad);
+  openModal({ purchaseInfo: n, callBacks: t, config: i }) {
+    this.injectStyles(), this.createIframe(), this.handleBackButton(), this.registerEvents(t), this.renderWebpageInPopup(this.createCheckoutUrl(n, i), t.onClose, t.onLoad);
   }
   createCheckoutUrl(n, t) {
-    const l = Object.assign(Object.assign({}, n), t), a = Object.keys(l).reduce((m, i) => (l[i] !== null && l[i] !== void 0 && (m[i] = l[i]), m), {}), s = Object.keys(a).map((m) => `${m}=${encodeURIComponent(a[m])}`).join("&"), u = this.encodeBase64(s), o = encodeURIComponent(u);
+    const i = Object.assign(Object.assign({}, n), t), a = Object.keys(i).reduce((m, s) => (i[s] !== null && i[s] !== void 0 && (m[s] = i[s]), m), {}), u = Object.keys(a).map((m) => `${m}=${encodeURIComponent(a[m])}`).join("&"), d = this.encodeBase64(u), o = encodeURIComponent(d);
     return `${a?.branding === "disabled" ? `${this.baseUrl}/pay/direct` : `${this.baseUrl}/pay`}?p=${o}`;
   }
   encodeBase64(n) {
@@ -371,22 +372,22 @@ class Ke {
   }
   registerEvents(n) {
     this.messageHandler && window.removeEventListener("message", this.messageHandler, !1);
-    const t = (l) => {
-      var a, s, u, o, v, m;
-      if (l.origin !== this.baseUrl)
+    const t = (i) => {
+      var a, u, d, o, v, m;
+      if (i.origin !== this.baseUrl)
         return;
-      const { data: i } = l;
-      if (i.success === !0)
-        (a = n.onPaymentSuccess) === null || a === void 0 || a.call(n, i);
-      else if (i.success === !1)
-        (s = n.onPaymentFailure) === null || s === void 0 || s.call(n, i);
-      else if (i.initialized)
-        (u = n.init) === null || u === void 0 || u.call(n, i), (o = n.onInit) === null || o === void 0 || o.call(n, i);
-      else if (i.feesChanged)
-        (v = n.onFeesChanged) === null || v === void 0 || v.call(n, i.fees);
-      else if (i.resize) {
+      const { data: s } = i;
+      if (s.success === !0)
+        (a = n.onPaymentSuccess) === null || a === void 0 || a.call(n, s);
+      else if (s.success === !1)
+        (u = n.onPaymentFailure) === null || u === void 0 || u.call(n, s);
+      else if (s.initialized)
+        (d = n.init) === null || d === void 0 || d.call(n, s), (o = n.onInit) === null || o === void 0 || o.call(n, s);
+      else if (s.feesChanged)
+        (v = n.onFeesChanged) === null || v === void 0 || v.call(n, s.fees);
+      else if (s.resize) {
         const f = document.getElementById("hubtel-iframe-element");
-        f && (f.style.height = i.height + "px"), (m = n?.onResize) === null || m === void 0 || m.call(n, i);
+        f && (f.style.height = s.height + "px"), (m = n?.onResize) === null || m === void 0 || m.call(n, s);
       }
     };
     this.messageHandler = t, window.addEventListener("message", t, !1);
@@ -398,16 +399,16 @@ class Ke {
   destroy() {
     this.messageHandler && (window.removeEventListener("message", this.messageHandler, !1), this.messageHandler = null);
   }
-  renderWebpageInPopup(n, t, l) {
+  renderWebpageInPopup(n, t, i) {
     const a = document.createElement("div");
     a.classList.add("checkout-modal");
-    const s = document.createElement("div");
-    s.setAttribute("id", "checkout-close-icon"), s.innerHTML = "×", s.classList.add("close-icon"), s.addEventListener("click", () => {
+    const u = document.createElement("div");
+    u.setAttribute("id", "checkout-close-icon"), u.innerHTML = "×", u.classList.add("close-icon"), u.addEventListener("click", () => {
       this.closePopUp(), t?.();
-    }), a.appendChild(s);
-    const u = document.createElement("iframe");
-    u.src = n, history.pushState({ modalOpen: !0 }, ""), u.classList.add("iframe"), a.appendChild(u), document.body.appendChild(a), a.style.opacity = "0", u.addEventListener("load", () => {
-      a.style.opacity = "1", l?.();
+    }), a.appendChild(u);
+    const d = document.createElement("iframe");
+    d.src = n, history.pushState({ modalOpen: !0 }, ""), d.classList.add("iframe"), a.appendChild(d), document.body.appendChild(a), a.style.opacity = "0", d.addEventListener("load", () => {
+      a.style.opacity = "1", i?.();
     });
   }
   closePopUp() {
@@ -522,33 +523,33 @@ class Ke {
   }
 }
 const J = /* @__PURE__ */ new Map();
-function F(e, n) {
+function D(e, n) {
   const t = J.get(n);
   if (t) return t;
-  const l = new Promise((a, s) => {
+  const i = new Promise((a, u) => {
     if (document.getElementById(n)) {
       a();
       return;
     }
-    const u = document.createElement("script");
-    u.id = n, u.src = e, u.async = !0, u.onload = () => a(), u.onerror = () => s(new Error(`Failed to load ${n} script`)), document.head.appendChild(u);
+    const d = document.createElement("script");
+    d.id = n, d.src = e, d.async = !0, d.onload = () => a(), d.onerror = () => u(new Error(`Failed to load ${n} script`)), document.head.appendChild(d);
   });
-  return J.set(n, l), l;
+  return J.set(n, i), i;
 }
 function je() {
-  return F("https://js.paystack.co/v1/inline.js", "paystack-script");
+  return D("https://js.paystack.co/v1/inline.js", "paystack-script");
 }
 function dt() {
   return Promise.resolve();
 }
 function ze() {
-  return F("https://checkout.flutterwave.com/v3.js", "flutterwave-script");
+  return D("https://checkout.flutterwave.com/v3.js", "flutterwave-script");
 }
 function He() {
-  return F("https://js.stripe.com/v3/", "stripe-script");
+  return D("https://js.stripe.com/v3/", "stripe-script");
 }
 function Ve() {
-  return F("https://sdk.monnify.com/plugin/monnify.js", "monnify-script");
+  return D("https://sdk.monnify.com/plugin/monnify.js", "monnify-script");
 }
 async function qe(e) {
   if (await je(), !window.PaystackPop)
@@ -570,15 +571,15 @@ async function Be(e) {
     purchaseDescription: e.purchaseDescription,
     customerPhoneNumber: e.customerPhone || "",
     clientReference: `hubtel_${Date.now()}`
-  }, l = {
+  }, i = {
     branding: "enabled",
     callbackUrl: e.callbackUrl || (typeof window < "u" ? window.location.href : ""),
     merchantAccount: typeof e.clientId == "string" ? parseInt(e.clientId, 10) : e.clientId,
-    basicAuth: ""
+    basicAuth: e.basicAuth || ""
   };
   n.openModal({
     purchaseInfo: t,
-    config: l,
+    config: i,
     callBacks: {
       onPaymentSuccess: (a) => {
         e.onSuccess(a), n.closePopUp();
@@ -662,18 +663,18 @@ async function Je(e, n) {
       })
     });
     if (!t.ok) {
-      const s = (await t.json().catch(() => ({}))).message || "Failed to initiate M-Pesa payment";
-      return e.onError({ message: s }), { status: "failed", message: s };
+      const u = (await t.json().catch(() => ({}))).message || "Failed to initiate M-Pesa payment";
+      return e.onError({ message: u }), { status: "failed", message: u };
     }
-    const l = await t.json();
+    const i = await t.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
+      transactionId: i.checkout_request_id || i.transaction_id
     };
   } catch (t) {
-    const l = t instanceof Error ? t.message : "Network error";
-    return e.onError({ message: l }), { status: "failed", message: l };
+    const i = t instanceof Error ? t.message : "Network error";
+    return e.onError({ message: i }), { status: "failed", message: i };
   }
 }
 const Qe = ["disabled"], Xe = {
@@ -715,18 +716,18 @@ const Qe = ["disabled"], Xe = {
   },
   emits: ["success", "error", "close"],
   setup(e, { emit: n }) {
-    const t = e, l = n, {
+    const t = e, i = n, {
       status: a,
-      paymentIntent: s,
-      selectedMethod: u,
+      paymentIntent: u,
+      selectedMethod: d,
       error: o,
       isLoading: v,
       isReady: m,
-      initialize: i,
+      initialize: s,
       selectMethod: f,
-      handlePspSuccess: k,
+      handlePspSuccess: C,
       handlePspError: g,
-      close: A
+      close: F
     } = be({
       config: {
         publicKey: t.publicKey,
@@ -740,125 +741,127 @@ const Qe = ["disabled"], Xe = {
         initialPaymentIntent: t.initialPaymentIntent
       },
       apiBaseUrl: t.apiBaseUrl,
-      onSuccess: (c) => l("success", c),
-      onError: (c) => l("error", c),
-      onClose: () => l("close")
+      onSuccess: (l) => i("success", l),
+      onError: (l) => i("error", l),
+      onClose: () => i("close")
     }), E = $(t.isOpen ?? !1);
-    N(() => t.isOpen, (c) => {
-      c !== void 0 && (E.value = c);
+    N(() => t.isOpen, (l) => {
+      l !== void 0 && (E.value = l);
     });
     const L = () => {
-      E.value = !0, !s.value && a.value === "idle" && i();
+      E.value = !0, !u.value && a.value === "idle" && s();
     };
-    N([E, s, u], ([c, r, p]) => {
-      c && r && p && p === "card" && M(null);
+    N([E, u, d], ([l, r, p]) => {
+      l && r && p && p === "card" && M(null);
     });
     const R = () => {
-      E.value = !1, A();
-    }, K = (c) => {
-      f(c);
-    }, M = async (c) => {
-      if (!s.value) return;
-      const r = s.value.recommendedPsp;
+      E.value = !1, F();
+    }, K = (l) => {
+      f(l);
+    }, M = async (l) => {
+      const r = u.value;
+      if (!r) return;
+      const p = r.recommendedPsp;
       try {
-        if (r === "paystack")
+        if (p === "paystack")
           await qe({
             key: t.publicKey,
             email: t.email || "",
             amount: t.amount,
             currency: t.currency,
-            ref: s.value.id,
-            onSuccess: (p) => k(p),
+            ref: r.id,
+            onSuccess: (b) => C(b),
             onClose: () => {
             }
           });
-        else if (r === "hubtel")
+        else if (p === "hubtel")
           await Be({
-            clientId: t.publicKey,
+            clientId: r.pspCredentials?.merchantAccount || t.publicKey,
             purchaseDescription: `Payment for ${t.amount} ${t.currency}`,
             amount: t.amount,
-            customerPhone: c?.phone || t.phone,
+            customerPhone: l?.phone || t.phone,
             customerEmail: t.email,
-            onSuccess: (p) => k(p),
+            basicAuth: r.pspCredentials?.basicAuth,
+            onSuccess: (b) => C(b),
             onClose: () => {
             }
           });
-        else if (r === "flutterwave")
+        else if (p === "flutterwave")
           await Ye({
             public_key: t.publicKey,
-            tx_ref: s.value.id,
+            tx_ref: r.id,
             amount: t.amount,
             currency: t.currency,
             customer: {
               email: t.email || "",
-              phone_number: c?.phone || t.phone
+              phone_number: l?.phone || t.phone
             },
-            callback: (p) => k(p),
+            callback: (b) => C(b),
             onclose: () => {
             }
           });
-        else if (r === "monnify")
+        else if (p === "monnify")
           await Ge({
-            apiKey: s.value.pspPublicKey || t.publicKey,
+            apiKey: r.pspPublicKey || t.publicKey,
             contractCode: t.metadata?.contract_code || t.publicKey,
             amount: t.amount,
             currency: t.currency,
-            reference: s.value.reference || s.value.id,
+            reference: r.reference || r.id,
             customerName: t.metadata?.customer_name || t.email || "",
             customerEmail: t.email || "",
-            customerPhone: c?.phone || t.phone,
+            customerPhone: l?.phone || t.phone,
             metadata: t.metadata,
-            onSuccess: (p) => k(p),
+            onSuccess: (b) => C(b),
             onClose: () => {
             }
           });
-        else if (r === "mpesa") {
-          const p = `${t.apiBaseUrl || "https://api.reevit.io"}/v1/payments/${s.value.id}/mpesa`;
+        else if (p === "mpesa") {
+          const b = `${t.apiBaseUrl || "https://api.reevit.io"}/v1/payments/${r.id}/mpesa`;
           await Je({
-            phoneNumber: c?.phone || t.phone || "",
+            phoneNumber: l?.phone || t.phone || "",
             amount: t.amount,
-            reference: s.value.reference || s.value.id,
-            description: `Payment ${s.value.reference || ""}`,
+            reference: r.reference || r.id,
+            description: `Payment ${r.reference || ""}`,
             onInitiated: () => {
             },
-            onSuccess: (C) => k(C),
-            onError: (C) => g({ code: "MPESA_ERROR", message: C.message })
-          }, p);
-        } else g(r === "stripe" ? {
+            onSuccess: (k) => C(k),
+            onError: (k) => g({ code: "MPESA_ERROR", message: k.message })
+          }, b);
+        } else g(p === "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 "${r}" is not supported in this checkout.`
+          message: `Payment provider "${p}" is not supported in this checkout.`
         });
-      } catch (p) {
+      } catch (b) {
         g({
           code: "BRIDGE_ERROR",
-          message: p instanceof Error ? p.message : "Failed to open payment gateway"
+          message: b instanceof Error ? b.message : "Failed to open payment gateway"
         });
       }
-    }, j = b(() => ve(t.theme || {}));
-    N(E, (c) => {
-      c ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }, j = w(() => ve(t.theme || {}));
+    N(E, (l) => {
+      l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
     }), re(() => {
       document.body.style.overflow = "";
     });
-    const w = b(() => a.value), O = b(() => o.value), x = b(() => u.value), T = b(() => v.value), z = b(() => m.value);
-    return (c, r) => (y(), h("div", {
+    const P = w(() => a.value), O = w(() => o.value), x = w(() => d.value), T = w(() => v.value), z = w(() => m.value);
+    return (l, r) => (y(), h("div", {
       class: "reevit-sdk-container",
       style: ee(j.value)
     }, [
-      Y(c.$slots, "default", {
+      Y(l.$slots, "default", {
         open: L,
         isLoading: T.value
       }, () => [
-        d("button", {
+        c("button", {
           type: "button",
           class: "reevit-pay-button",
           onClick: L,
           disabled: T.value
         }, [
-          T.value ? (y(), h("span", Xe)) : Y(c.$slots, "button-text", { key: 1 }, () => [
+          T.value ? (y(), h("span", Xe)) : Y(l.$slots, "button-text", { key: 1 }, () => [
             r[1] || (r[1] = Z("Pay Now", -1))
           ])
         ], 8, Qe)
@@ -869,43 +872,43 @@ const Qe = ["disabled"], Xe = {
           class: "reevit-modal-overlay",
           onClick: X(R, ["self"])
         }, [
-          d("div", {
-            class: D(["reevit-modal-content", { "reevit-modal--dark": t.theme?.darkMode }])
+          c("div", {
+            class: A(["reevit-modal-content", { "reevit-modal--dark": t.theme?.darkMode }])
           }, [
-            d("button", {
+            c("button", {
               class: "reevit-modal-close",
               onClick: R,
               "aria-label": "Close"
             }, " × "),
-            r[9] || (r[9] = d("div", { class: "reevit-modal-header" }, [
-              d("img", {
+            r[9] || (r[9] = c("div", { class: "reevit-modal-header" }, [
+              c("img", {
                 src: "https://i.imgur.com/bzUR5Lm.png",
                 alt: "Reevit",
                 class: "reevit-modal__logo"
               })
             ], -1)),
-            d("div", Ze, [
-              w.value === "loading" ? (y(), h("div", et, [...r[2] || (r[2] = [
-                d("div", { class: "reevit-spinner reevit-spinner--large" }, null, -1),
-                d("p", null, "Initializing payment...", -1)
-              ])])) : w.value === "failed" && O.value ? (y(), h("div", tt, [
-                r[3] || (r[3] = d("div", { class: "reevit-error-icon" }, "⚠️", -1)),
-                r[4] || (r[4] = d("h3", null, "Payment Failed", -1)),
-                d("p", null, S(O.value.message), 1),
-                d("button", {
+            c("div", Ze, [
+              P.value === "loading" ? (y(), h("div", et, [...r[2] || (r[2] = [
+                c("div", { class: "reevit-spinner reevit-spinner--large" }, null, -1),
+                c("p", null, "Initializing payment...", -1)
+              ])])) : P.value === "failed" && O.value ? (y(), h("div", tt, [
+                r[3] || (r[3] = c("div", { class: "reevit-error-icon" }, "⚠️", -1)),
+                r[4] || (r[4] = c("h3", null, "Payment Failed", -1)),
+                c("p", null, S(O.value.message), 1),
+                c("button", {
                   class: "reevit-retry-btn",
-                  onClick: r[0] || (r[0] = (p) => U(i)())
+                  onClick: r[0] || (r[0] = (p) => U(s)())
                 }, "Retry")
-              ])) : w.value === "success" ? (y(), h("div", nt, [
-                r[5] || (r[5] = d("div", { class: "reevit-success-icon" }, "✅", -1)),
-                r[6] || (r[6] = d("h3", null, "Payment Successful", -1)),
-                r[7] || (r[7] = d("p", null, "Thank you for your payment.", -1)),
-                d("button", {
+              ])) : P.value === "success" ? (y(), h("div", nt, [
+                r[5] || (r[5] = c("div", { class: "reevit-success-icon" }, "✅", -1)),
+                r[6] || (r[6] = c("h3", null, "Payment Successful", -1)),
+                r[7] || (r[7] = c("p", null, "Thank you for your payment.", -1)),
+                c("button", {
                   class: "reevit-done-btn",
                   onClick: R
                 }, "Done")
               ])) : z.value ? (y(), h(q, { key: 3 }, [
-                w.value === "ready" || w.value === "method_selected" || w.value === "processing" ? (y(), W(Me, {
+                P.value === "ready" || P.value === "method_selected" || P.value === "processing" ? (y(), W(Me, {
                   key: 0,
                   methods: t.paymentMethods || ["card", "mobile_money"],
                   selected: x.value,
@@ -913,30 +916,30 @@ const Qe = ["disabled"], Xe = {
                   currency: t.currency,
                   onSelect: K
                 }, null, 8, ["methods", "selected", "amount", "currency"])) : I("", !0),
-                (w.value === "method_selected" || w.value === "processing") && x.value === "mobile_money" ? (y(), h("div", ot, [
-                  ie(Ae, {
+                (P.value === "method_selected" || P.value === "processing") && x.value === "mobile_money" ? (y(), h("div", ot, [
+                  ie(Fe, {
                     "initial-phone": t.phone,
-                    loading: w.value === "processing",
+                    loading: P.value === "processing",
                     onSubmit: M
                   }, null, 8, ["initial-phone", "loading"])
                 ])) : I("", !0),
-                (w.value === "method_selected" || w.value === "processing") && x.value === "card" ? (y(), h("div", at, [
-                  r[8] || (r[8] = d("p", { class: "reevit-info-text" }, "You will be redirected to our secure payment partner to complete your card payment.", -1)),
-                  d("button", {
+                (P.value === "method_selected" || P.value === "processing") && x.value === "card" ? (y(), h("div", at, [
+                  r[8] || (r[8] = c("p", { class: "reevit-info-text" }, "You will be redirected to our secure payment partner to complete your card payment.", -1)),
+                  c("button", {
                     class: "reevit-submit-btn",
                     onClick: M,
-                    disabled: w.value === "processing"
+                    disabled: P.value === "processing"
                   }, [
-                    w.value === "processing" ? (y(), h("span", st)) : (y(), h("span", it, "Proceed to Card Payment"))
+                    P.value === "processing" ? (y(), h("span", st)) : (y(), h("span", it, "Proceed to Card Payment"))
                   ], 8, rt)
                 ])) : I("", !0)
               ], 64)) : I("", !0)
             ]),
-            r[10] || (r[10] = d("div", { class: "reevit-modal-footer" }, [
-              d("div", { class: "reevit-trust-badges" }, [
-                d("span", null, "PCI DSS Compliant"),
-                d("span", null, "•"),
-                d("span", null, "SSL Secure")
+            r[10] || (r[10] = c("div", { class: "reevit-modal-footer" }, [
+              c("div", { class: "reevit-trust-badges" }, [
+                c("span", null, "PCI DSS Compliant"),
+                c("span", null, "•"),
+                c("span", null, "SSL Secure")
               ])
             ], -1))
           ], 2)
@@ -946,7 +949,7 @@ const Qe = ["disabled"], Xe = {
   }
 });
 export {
-  Ae as MobileMoneyForm,
+  Fe as MobileMoneyForm,
   Me as PaymentMethodSelector,
   vt as ReevitAPIClient,
   mt as ReevitCheckout,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reevit/vue",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "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.3",
+    "@reevit/core": "^0.3.7",
     "@hubteljs/checkout": "^1.0.4"
   },
   "devDependencies": {

package/dist/bridges/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bridges/index.ts"],"names":[],"mappings":"AAAA,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/bridges/loaders.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"loaders.d.ts","sourceRoot":"","sources":["../../src/bridges/loaders.ts"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"MobileMoneyForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileMoneyForm.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAAsB,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE5E,KAAK,WAAW,GAAG;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;;;;;;AA6JF,wBAQG"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentMethodSelector.vue.d.ts","sourceRoot":"","sources":["../../src/components/PaymentMethodSelector.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;;;;;;AAoHF,wBAQG"}

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

@@ -1 +0,0 @@
-{"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/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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"}