@reevit/vue 0.4.0 → 0.4.1

package/dist/bridges/loaders.d.ts

@@ -102,6 +102,7 @@ export interface HubtelConfig {
     callbackUrl?: string;
     customerPhone?: string;
     customerEmail?: string;
+    hubtelSessionToken?: string;
     basicAuth?: string;
     onSuccess: (response: Record<string, unknown>) => void;
     onClose: () => void;

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(n){const o=n.toLowerCase();return o.includes("paystack")?"paystack":o.includes("hubtel")?"hubtel":o.includes("flutterwave")?"flutterwave":o.includes("stripe")?"stripe":o.includes("monnify")?"monnify":o.includes("mpesa")||o.includes("m-pesa")?"mpesa":"paystack"}function X(n,o){return{id:n.id,clientSecret:n.client_secret,pspPublicKey:n.psp_public_key,pspCredentials:n.psp_credentials,amount:n.amount,currency:n.currency,status:n.status,recommendedPsp:Q(n.provider),availableMethods:o.paymentMethods||["card","mobile_money"],reference:n.reference||o.reference,connectionId:n.connection_id,provider:n.provider,feeAmount:n.fee_amount,feeCurrency:n.fee_currency,netAmount:n.net_amount,metadata:o.metadata}}function L(n){const{config:o,onSuccess:t,onError:l,onClose:r,onStateChange:m,apiBaseUrl:d}=n,i=e.ref(v.createInitialState());if(o.initialPaymentIntent){const c=o.initialPaymentIntent;i.value={...i.value,status:"ready",paymentIntent:c,selectedMethod:c.availableMethods?.length===1?c.availableMethods[0]:null}}const p=new v.ReevitAPIClient({publicKey:o.publicKey,baseUrl:d}),u=c=>{i.value=v.reevitReducer(i.value,c)};e.watch(()=>i.value.status,c=>{m?.(c)});const a=async c=>{u({type:"INIT_START"});try{const s=o.reference||v.generateReference(),y=v.detectCountryFromCurrency(o.currency),f=c||o.paymentMethods?.[0]||"card",{data:k,error:x}=await p.createPaymentIntent({...o,reference:s},f,y);if(x){u({type:"INIT_ERROR",payload:x}),l?.(x);return}if(!k){const $={code:"INIT_FAILED",message:"No data received from API",recoverable:!0};u({type:"INIT_ERROR",payload:$}),l?.($);return}const J=X(k,{...o,reference:s});u({type:"INIT_SUCCESS",payload:J})}catch(s){const y={code:"INIT_FAILED",message:s instanceof Error?s.message:"Failed to initialize checkout",recoverable:!0,originalError:s};u({type:"INIT_ERROR",payload:y}),l?.(y)}},h=c=>{u({type:"SELECT_METHOD",payload:c})},E=async c=>{if(!(!i.value.paymentIntent||!i.value.selectedMethod)){u({type:"PROCESS_START"});try{let s;if(i.value.paymentIntent.clientSecret){const{data:f,error:k}=await p.confirmPaymentIntent(i.value.paymentIntent.id,i.value.paymentIntent.clientSecret);if(k){u({type:"PROCESS_ERROR",payload:k}),l?.(k);return}s=f}else{const{data:f,error:k}=await p.confirmPayment(i.value.paymentIntent.id);if(k){u({type:"PROCESS_ERROR",payload:k}),l?.(k);return}s=f}const y={paymentId:i.value.paymentIntent.id,reference:c.reference||i.value.paymentIntent.reference||i.value.paymentIntent.metadata?.reference||"",amount:i.value.paymentIntent.amount,currency:i.value.paymentIntent.currency,paymentMethod:i.value.selectedMethod,psp:i.value.paymentIntent.recommendedPsp,pspReference:c.pspReference||s?.provider_ref_id||"",status:"success",metadata:c};u({type:"PROCESS_SUCCESS",payload:y}),t?.(y)}catch(s){const y={code:"PAYMENT_FAILED",message:s instanceof Error?s.message:"Payment failed",recoverable:!0,originalError:s};u({type:"PROCESS_ERROR",payload:y}),l?.(y)}}},P=async c=>{await E(c)},R=c=>{u({type:"PROCESS_ERROR",payload:c}),l?.(c)},w=()=>{u({type:"RESET"})},I=async()=>{if(i.value.paymentIntent&&i.value.status!=="success")try{await p.cancelPaymentIntent(i.value.paymentIntent.id)}catch{}u({type:"CLOSE"}),r?.()},C=e.computed(()=>i.value.status),V=e.computed(()=>i.value.paymentIntent),S=e.computed(()=>i.value.selectedMethod),B=e.computed(()=>i.value.error),b=e.computed(()=>i.value.result),N=e.computed(()=>i.value.status==="loading"||i.value.status==="processing"),_=e.computed(()=>i.value.status==="ready"||i.value.status==="method_selected"||i.value.status==="processing"),g=e.computed(()=>i.value.status==="success"),T=e.computed(()=>i.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:a,selectMethod:h,processPayment:E,handlePspSuccess:P,handlePspError:R,reset:w,close:I,isLoading:e.readonly(N),isReady:e.readonly(_),isComplete:e.readonly(g),canRetry:e.readonly(T)}}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:{},provider:{}},emits:["select"],setup(n,{emit:o}){const t=n,l=o,r={hubtel:"Hubtel",paystack:"Paystack",flutterwave:"Flutterwave",monnify:"Monnify",mpesa:"M-Pesa",stripe:"Stripe"},m=p=>t.provider?.toLowerCase().includes("hubtel")&&p==="mobile_money"?`Pay with ${r[t.provider.toLowerCase()]||"Hubtel"}`:{card:"Card",mobile_money:"Mobile Money",bank_transfer:"Bank Transfer"}[p],d=p=>t.provider?.toLowerCase().includes("hubtel")?"Card, Mobile Money, and Bank Transfer":{card:"Visa, Mastercard, Maestro",mobile_money:"MTN, Vodafone, AirtelTigo",bank_transfer:"Transfer directly from your bank"}[p],i=e.computed(()=>[{id:"card",name:m("card"),description:d("card"),icon:"💳"},{id:"mobile_money",name:m("mobile_money"),description:d("mobile_money"),icon:"📱"},{id:"bank_transfer",name:m("bank_transfer"),description:d("bank_transfer"),icon:"🏦"}].filter(p=>t.methods.includes(p.id)));return(p,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)(n.amount,n.currency)),1),e.createElementVNode("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,a=>(e.openBlock(),e.createElementBlock("button",{key:a.id,type:"button",class:e.normalizeClass(e.unref(v.cn)("reevit-method-card",n.selected===a.id&&"reevit-method-card--selected")),onClick:h=>l("select",a.id)},[e.createElementVNode("span",oe,e.toDisplayString(a.icon),1),e.createElementVNode("div",re,[e.createElementVNode("span",ae,e.toDisplayString(a.name),1),e.createElementVNode("span",se,e.toDisplayString(a.description),1)]),e.createElementVNode("div",ie,[n.selected===a.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},U=e.defineComponent({__name:"MobileMoneyForm",props:{initialPhone:{},loading:{type:Boolean}},emits:["submit"],setup(n,{emit:o}){const t=n,l=o,r=e.ref(t.initialPhone||""),m=e.ref(null),d=e.ref(null);e.watch(r,u=>{const a=v.detectNetwork(u);a&&(m.value=a),d.value&&(d.value=null)});const i=()=>{if(!v.validatePhone(r.value)){d.value="Please enter a valid phone number";return}if(!m.value){d.value="Please select your mobile network";return}l("submit",{phone:r.value,network:m.value})},p=[{id:"mtn",name:"MTN",color:"#FFCC00"},{id:"vodafone",name:"Vodafone",color:"#E60000"},{id:"airteltigo",name:"AirtelTigo",color:"#005596"}];return(u,a)=>(e.openBlock(),e.createElementBlock("form",{class:"reevit-momo-form",onSubmit:e.withModifiers(i,["prevent"])},[e.createElementVNode("div",ce,[a[1]||(a[1]=e.createElementVNode("label",{class:"reevit-label",for:"reevit-phone"},"Phone Number",-1)),e.withDirectives(e.createElementVNode("input",{id:"reevit-phone","onUpdate:modelValue":a[0]||(a[0]=h=>r.value=h),type:"tel",class:e.normalizeClass(["reevit-input",{"reevit-input--error":d.value&&!e.unref(v.validatePhone)(r.value)}]),placeholder:"e.g. 024 123 4567",disabled:n.loading,autocomplete:"tel"},null,10,de),[[e.vModelText,r.value]])]),e.createElementVNode("div",ue,[a[2]||(a[2]=e.createElementVNode("label",{class:"reevit-label"},"Select Network",-1)),e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(p,h=>e.createElementVNode("button",{key:h.id,type:"button",class:e.normalizeClass(e.unref(v.cn)("reevit-network-btn",m.value===h.id&&"reevit-network-btn--selected")),onClick:E=>m.value=h.id,disabled:n.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:n.loading||!r.value},[n.loading?(e.openBlock(),e.createElementBlock("span",he)):(e.openBlock(),e.createElementBlock("span",fe,"Continue"))],8,ve),a[3]||(a[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:t}){const l=this.createCheckoutUrl(o,t),r=window.open(l);if(!r||r.closed||typeof r.closed>"u")throw new Error("Popup was blocked by the browser. Please allow popups for this site.")}initIframe({purchaseInfo:o,callBacks:t,config:l,iframeStyle:r}){var m,d,i;this.registerEvents(t);const p=document.getElementById("hubtel-checkout-iframe");if(!p)throw new Error('Container element with id "hubtel-checkout-iframe" not found in the DOM.');p.innerHTML="";const u=document.createElement("div");u.textContent="Loading...",p.appendChild(u);const a=document.createElement("iframe");a.setAttribute("id","hubtel-iframe-element"),a.src=this.createCheckoutUrl(o,l),a.style.display="none",a.style.width=(m=r?.width)!==null&&m!==void 0?m:"100%",a.style.height=(d=r?.height)!==null&&d!==void 0?d:"100%",a.style.minHeight=r?.minHeight||"400px",a.style.border=(i=r?.border)!==null&&i!==void 0?i:"none",a.onload=()=>{var h;p.removeChild(u),a.style.display="block",(h=t.onLoad)===null||h===void 0||h.call(t)},p.appendChild(a)}openModal({purchaseInfo:o,callBacks:t,config:l}){this.injectStyles(),this.createIframe(),this.handleBackButton(),this.registerEvents(t),this.renderWebpageInPopup(this.createCheckoutUrl(o,l),t.onClose,t.onLoad)}createCheckoutUrl(o,t){const l=Object.assign(Object.assign({},o),t),r=Object.keys(l).reduce((u,a)=>(l[a]!==null&&l[a]!==void 0&&(u[a]=l[a]),u),{}),m=Object.keys(r).map(u=>`${u}=${encodeURIComponent(r[u])}`).join("&"),d=this.encodeBase64(m),i=encodeURIComponent(d);return`${r?.branding==="disabled"?`${this.baseUrl}/pay/direct`:`${this.baseUrl}/pay`}?p=${i}`}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 t=document.createElement("span");t.classList.add("checkout-loader"),o.appendChild(t),document.body.appendChild(o)}registerEvents(o){this.messageHandler&&window.removeEventListener("message",this.messageHandler,!1);const t=l=>{var r,m,d,i,p,u;if(l.origin!==this.baseUrl)return;const{data:a}=l;if(a.success===!0)(r=o.onPaymentSuccess)===null||r===void 0||r.call(o,a);else if(a.success===!1)(m=o.onPaymentFailure)===null||m===void 0||m.call(o,a);else if(a.initialized)(d=o.init)===null||d===void 0||d.call(o,a),(i=o.onInit)===null||i===void 0||i.call(o,a);else if(a.feesChanged)(p=o.onFeesChanged)===null||p===void 0||p.call(o,a.fees);else if(a.resize){const h=document.getElementById("hubtel-iframe-element");h&&(h.style.height=a.height+"px"),(u=o?.onResize)===null||u===void 0||u.call(o,a)}};this.messageHandler=t,window.addEventListener("message",t,!1)}destroy(){this.messageHandler&&(window.removeEventListener("message",this.messageHandler,!1),this.messageHandler=null)}renderWebpageInPopup(o,t,l){const r=document.createElement("div");r.classList.add("checkout-modal");const m=document.createElement("div");m.setAttribute("id","checkout-close-icon"),m.innerHTML="×",m.classList.add("close-icon"),m.addEventListener("click",()=>{this.closePopUp(),t?.()}),r.appendChild(m);const d=document.createElement("iframe");d.src=o,history.pushState({modalOpen:!0},""),d.classList.add("iframe"),r.appendChild(d),document.body.appendChild(r),r.style.opacity="0",d.addEventListener("load",()=>{r.style.opacity="1",l?.()})}closePopUp(){const o=document.querySelector(".backdrop"),t=document.querySelector(".checkout-modal");o&&document.body.removeChild(o),t&&document.body.removeChild(t),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":o.includes("stripe")?"stripe":o.includes("monnify")?"monnify":o.includes("mpesa")||o.includes("m-pesa")?"mpesa":"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 L(t){const{config:o,onSuccess:n,onError:l,onClose:r,onStateChange:d,apiBaseUrl:u}=t,i=e.ref(v.createInitialState());if(o.initialPaymentIntent){const c=o.initialPaymentIntent;i.value={...i.value,status:"ready",paymentIntent:c,selectedMethod:c.availableMethods?.length===1?c.availableMethods[0]:null}}const p=new v.ReevitAPIClient({publicKey:o.publicKey,baseUrl:u}),m=c=>{i.value=v.reevitReducer(i.value,c)};e.watch(()=>i.value.status,c=>{d?.(c)});const a=async c=>{m({type:"INIT_START"});try{const s=o.reference||v.generateReference(),y=v.detectCountryFromCurrency(o.currency),f=c||o.paymentMethods?.[0]||"card",{data:k,error:x}=await p.createPaymentIntent({...o,reference:s},f,y);if(x){m({type:"INIT_ERROR",payload:x}),l?.(x);return}if(!k){const $={code:"INIT_FAILED",message:"No data received from API",recoverable:!0};m({type:"INIT_ERROR",payload:$}),l?.($);return}const J=X(k,{...o,reference:s});m({type:"INIT_SUCCESS",payload:J})}catch(s){const y={code:"INIT_FAILED",message:s instanceof Error?s.message:"Failed to initialize checkout",recoverable:!0,originalError:s};m({type:"INIT_ERROR",payload:y}),l?.(y)}},h=c=>{m({type:"SELECT_METHOD",payload:c})},E=async c=>{if(!(!i.value.paymentIntent||!i.value.selectedMethod)){m({type:"PROCESS_START"});try{let s;if(i.value.paymentIntent.clientSecret){const{data:f,error:k}=await p.confirmPaymentIntent(i.value.paymentIntent.id,i.value.paymentIntent.clientSecret);if(k){m({type:"PROCESS_ERROR",payload:k}),l?.(k);return}s=f}else{const{data:f,error:k}=await p.confirmPayment(i.value.paymentIntent.id);if(k){m({type:"PROCESS_ERROR",payload:k}),l?.(k);return}s=f}const y={paymentId:i.value.paymentIntent.id,reference:c.reference||i.value.paymentIntent.reference||i.value.paymentIntent.metadata?.reference||"",amount:i.value.paymentIntent.amount,currency:i.value.paymentIntent.currency,paymentMethod:i.value.selectedMethod,psp:i.value.paymentIntent.recommendedPsp,pspReference:c.pspReference||s?.provider_ref_id||"",status:"success",metadata:c};m({type:"PROCESS_SUCCESS",payload:y}),n?.(y)}catch(s){const y={code:"PAYMENT_FAILED",message:s instanceof Error?s.message:"Payment failed",recoverable:!0,originalError:s};m({type:"PROCESS_ERROR",payload:y}),l?.(y)}}},P=async c=>{await E(c)},R=c=>{m({type:"PROCESS_ERROR",payload:c}),l?.(c)},w=()=>{m({type:"RESET"})},I=async()=>{if(i.value.paymentIntent&&i.value.status!=="success")try{await p.cancelPaymentIntent(i.value.paymentIntent.id)}catch{}m({type:"CLOSE"}),r?.()},C=e.computed(()=>i.value.status),V=e.computed(()=>i.value.paymentIntent),S=e.computed(()=>i.value.selectedMethod),B=e.computed(()=>i.value.error),b=e.computed(()=>i.value.result),N=e.computed(()=>i.value.status==="loading"||i.value.status==="processing"),_=e.computed(()=>i.value.status==="ready"||i.value.status==="method_selected"||i.value.status==="processing"),g=e.computed(()=>i.value.status==="success"),T=e.computed(()=>i.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:a,selectMethod:h,processPayment:E,handlePspSuccess:P,handlePspError:R,reset:w,close:I,isLoading:e.readonly(N),isReady:e.readonly(_),isComplete:e.readonly(g),canRetry:e.readonly(T)}}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:{},provider:{}},emits:["select"],setup(t,{emit:o}){const n=t,l=o,r={hubtel:"Hubtel",paystack:"Paystack",flutterwave:"Flutterwave",monnify:"Monnify",mpesa:"M-Pesa",stripe:"Stripe"},d=p=>n.provider?.toLowerCase().includes("hubtel")&&p==="mobile_money"?`Pay with ${r[n.provider.toLowerCase()]||"Hubtel"}`:{card:"Card",mobile_money:"Mobile Money",bank_transfer:"Bank Transfer"}[p],u=p=>n.provider?.toLowerCase().includes("hubtel")?"Card, Mobile Money, and Bank Transfer":{card:"Visa, Mastercard, Maestro",mobile_money:"MTN, Vodafone, AirtelTigo",bank_transfer:"Transfer directly from your bank"}[p],i=e.computed(()=>[{id:"card",name:d("card"),description:u("card"),icon:"💳"},{id:"mobile_money",name:d("mobile_money"),description:u("mobile_money"),icon:"📱"},{id:"bank_transfer",name:d("bank_transfer"),description:u("bank_transfer"),icon:"🏦"}].filter(p=>n.methods.includes(p.id)));return(p,m)=>(e.openBlock(),e.createElementBlock("div",Z,[m[0]||(m[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(i.value,a=>(e.openBlock(),e.createElementBlock("button",{key:a.id,type:"button",class:e.normalizeClass(e.unref(v.cn)("reevit-method-card",t.selected===a.id&&"reevit-method-card--selected")),onClick:h=>l("select",a.id)},[e.createElementVNode("span",oe,e.toDisplayString(a.icon),1),e.createElementVNode("div",re,[e.createElementVNode("span",ae,e.toDisplayString(a.name),1),e.createElementVNode("span",se,e.toDisplayString(a.description),1)]),e.createElementVNode("div",ie,[t.selected===a.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},U=e.defineComponent({__name:"MobileMoneyForm",props:{initialPhone:{},loading:{type:Boolean}},emits:["submit"],setup(t,{emit:o}){const n=t,l=o,r=e.ref(n.initialPhone||""),d=e.ref(null),u=e.ref(null);e.watch(r,m=>{const a=v.detectNetwork(m);a&&(d.value=a),u.value&&(u.value=null)});const i=()=>{if(!v.validatePhone(r.value)){u.value="Please enter a valid phone number";return}if(!d.value){u.value="Please select your mobile network";return}l("submit",{phone:r.value,network:d.value})},p=[{id:"mtn",name:"MTN",color:"#FFCC00"},{id:"vodafone",name:"Vodafone",color:"#E60000"},{id:"airteltigo",name:"AirtelTigo",color:"#005596"}];return(m,a)=>(e.openBlock(),e.createElementBlock("form",{class:"reevit-momo-form",onSubmit:e.withModifiers(i,["prevent"])},[e.createElementVNode("div",ce,[a[1]||(a[1]=e.createElementVNode("label",{class:"reevit-label",for:"reevit-phone"},"Phone Number",-1)),e.withDirectives(e.createElementVNode("input",{id:"reevit-phone","onUpdate:modelValue":a[0]||(a[0]=h=>r.value=h),type:"tel",class:e.normalizeClass(["reevit-input",{"reevit-input--error":u.value&&!e.unref(v.validatePhone)(r.value)}]),placeholder:"e.g. 024 123 4567",disabled:t.loading,autocomplete:"tel"},null,10,de),[[e.vModelText,r.value]])]),e.createElementVNode("div",ue,[a[2]||(a[2]=e.createElementVNode("label",{class:"reevit-label"},"Select Network",-1)),e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(p,h=>e.createElementVNode("button",{key:h.id,type:"button",class:e.normalizeClass(e.unref(v.cn)("reevit-network-btn",d.value===h.id&&"reevit-network-btn--selected")),onClick:E=>d.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||!r.value},[t.loading?(e.openBlock(),e.createElementBlock("span",he)):(e.openBlock(),e.createElementBlock("span",fe,"Continue"))],8,ve),a[3]||(a[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),r=window.open(l);if(!r||r.closed||typeof r.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:r}){var d,u,i;this.registerEvents(n);const p=document.getElementById("hubtel-checkout-iframe");if(!p)throw new Error('Container element with id "hubtel-checkout-iframe" not found in the DOM.');p.innerHTML="";const m=document.createElement("div");m.textContent="Loading...",p.appendChild(m);const a=document.createElement("iframe");a.setAttribute("id","hubtel-iframe-element"),a.src=this.createCheckoutUrl(o,l),a.style.display="none",a.style.width=(d=r?.width)!==null&&d!==void 0?d:"100%",a.style.height=(u=r?.height)!==null&&u!==void 0?u:"100%",a.style.minHeight=r?.minHeight||"400px",a.style.border=(i=r?.border)!==null&&i!==void 0?i:"none",a.onload=()=>{var h;p.removeChild(m),a.style.display="block",(h=n.onLoad)===null||h===void 0||h.call(n)},p.appendChild(a)}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),r=Object.keys(l).reduce((m,a)=>(l[a]!==null&&l[a]!==void 0&&(m[a]=l[a]),m),{}),d=Object.keys(r).map(m=>`${m}=${encodeURIComponent(r[m])}`).join("&"),u=this.encodeBase64(d),i=encodeURIComponent(u);return`${r?.branding==="disabled"?`${this.baseUrl}/pay/direct`:`${this.baseUrl}/pay`}?p=${i}`}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 r,d,u,i,p,m;if(l.origin!==this.baseUrl)return;const{data:a}=l;if(a.success===!0)(r=o.onPaymentSuccess)===null||r===void 0||r.call(o,a);else if(a.success===!1)(d=o.onPaymentFailure)===null||d===void 0||d.call(o,a);else if(a.initialized)(u=o.init)===null||u===void 0||u.call(o,a),(i=o.onInit)===null||i===void 0||i.call(o,a);else if(a.feesChanged)(p=o.onFeesChanged)===null||p===void 0||p.call(o,a.fees);else if(a.resize){const h=document.getElementById("hubtel-iframe-element");h&&(h.style.height=a.height+"px"),(m=o?.onResize)===null||m===void 0||m.call(o,a)}};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 r=document.createElement("div");r.classList.add("checkout-modal");const d=document.createElement("div");d.setAttribute("id","checkout-close-icon"),d.innerHTML="×",d.classList.add("close-icon"),d.addEventListener("click",()=>{this.closePopUp(),n?.()}),r.appendChild(d);const u=document.createElement("iframe");u.src=o,history.pushState({modalOpen:!0},""),u.classList.add("iframe"),r.appendChild(u),document.body.appendChild(r),r.style.opacity="0",u.addEventListener("load",()=>{r.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 O=new Map;function M(n,o){const t=O.get(o);if(t)return t;const l=new Promise((r,m)=>{if(document.getElementById(o)){r();return}const d=document.createElement("script");d.id=o,d.src=n,d.async=!0,d.onload=()=>r(),d.onerror=()=>m(new Error(`Failed to load ${o} script`)),document.head.appendChild(d)});return O.set(o,l),l}function F(){return M("https://js.paystack.co/v1/inline.js","paystack-script")}function ke(){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(n){if(await F(),!window.PaystackPop)throw new Error("Paystack script not loaded");window.PaystackPop.setup({key:n.key,email:n.email,amount:n.amount,currency:n.currency,ref:n.ref,metadata:n.metadata,callback:n.onSuccess,onClose:n.onClose}).openIframe()}async function H(n){const o=new be,t={amount:n.amount,purchaseDescription:n.purchaseDescription,customerPhoneNumber:n.customerPhone||"",clientReference:`hubtel_${Date.now()}`},l={branding:"enabled",callbackUrl:n.callbackUrl||(typeof window<"u"?window.location.href:""),merchantAccount:typeof n.clientId=="string"?parseInt(n.clientId,10):n.clientId,basicAuth:n.basicAuth||""};o.openModal({purchaseInfo:t,config:l,callBacks:{onPaymentSuccess:r=>{n.onSuccess(r),o.closePopUp()},onPaymentFailure:()=>{n.onClose()},onClose:()=>{n.onClose()}}})}async function q(n){if(await j(),!window.FlutterwaveCheckout)throw new Error("Flutterwave script not loaded");window.FlutterwaveCheckout({public_key:n.public_key,tx_ref:n.tx_ref,amount:n.amount,currency:n.currency,customer:n.customer,payment_options:n.payment_options,customizations:n.customizations,callback:n.callback,onclose:n.onclose})}async function Y(n){if(await A(),!window.Stripe)throw new Error("Stripe.js not loaded");return window.Stripe(n)}async function Ee(n){const t=await(await Y(n.publishableKey)).confirmPayment({elements:n.elements,clientSecret:n.clientSecret,redirect:"if_required"});t.error?n.onError({message:t.error.message||"Payment failed"}):t.paymentIntent&&n.onSuccess({paymentIntentId:t.paymentIntent.id,status:t.paymentIntent.status})}async function W(n){if(await z(),!window.MonnifySDK)throw new Error("Monnify SDK not loaded");window.MonnifySDK.initialize({amount:n.amount,currency:n.currency,reference:n.reference,customerName:n.customerName,customerEmail:n.customerEmail,customerMobileNumber:n.customerPhone,apiKey:n.apiKey,contractCode:n.contractCode,paymentDescription:n.paymentDescription||"Payment",isTestMode:n.isTestMode??!1,metadata:n.metadata,onComplete:o=>{o.status==="SUCCESS"?n.onSuccess({transactionReference:o.transactionReference,paymentReference:o.paymentReference,...o}):n.onError?.({message:o.message||"Payment failed"})},onClose:n.onClose})}async function G(n,o){n.onInitiated();try{const t=await fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({phone_number:n.phoneNumber,amount:n.amount,reference:n.reference,description:n.description})});if(!t.ok){const m=(await t.json().catch(()=>({}))).message||"Failed to initiate M-Pesa payment";return n.onError({message:m}),{status:"failed",message:m}}const l=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}}catch(t){const l=t instanceof Error?t.message:"Network error";return n.onError({message:l}),{status:"failed",message:l}}}const we=["disabled"],Pe={key:0,class:"reevit-spinner"},Ce={class:"reevit-modal-body"},Se={key:0,class:"reevit-loading-state"},_e={key:1,class:"reevit-error-state"},ge={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(n,{emit:o}){const t=n,l=o,{status:r,paymentIntent:m,selectedMethod:d,error:i,isLoading:p,isReady:u,initialize:a,selectMethod:h,handlePspSuccess:E,handlePspError:P,close:R}=L({config:{publicKey:t.publicKey,amount:t.amount,currency:t.currency,email:t.email,phone:t.phone,reference:t.reference,metadata:t.metadata,paymentMethods:t.paymentMethods,initialPaymentIntent:t.initialPaymentIntent},apiBaseUrl:t.apiBaseUrl,onSuccess:c=>l("success",c),onError:c=>l("error",c),onClose:()=>l("close")}),w=e.ref(t.isOpen??!1);e.watch(()=>t.isOpen,c=>{c!==void 0&&(w.value=c)});const I=()=>{w.value=!0,!m.value&&r.value==="idle"&&a()};e.watch([w,m,d],([c,s,y])=>{c&&s&&y&&y==="card"&&S(null)});const C=()=>{w.value=!1,R()},V=c=>{h(c)},S=async c=>{const s=m.value;if(!s)return;const y=s.recommendedPsp;try{if(y==="paystack")await K({key:t.publicKey,email:t.email||"",amount:t.amount,currency:t.currency,ref:s.id,onSuccess:f=>E(f),onClose:()=>{}});else if(y==="hubtel")await H({clientId:s.pspCredentials?.merchantAccount||t.publicKey,purchaseDescription:`Payment for ${t.amount} ${t.currency}`,amount:t.amount,customerPhone:c?.phone||t.phone,customerEmail:t.email,basicAuth:s.pspCredentials?.basicAuth,onSuccess:f=>E(f),onClose:()=>{}});else if(y==="flutterwave")await q({public_key:t.publicKey,tx_ref:s.id,amount:t.amount,currency:t.currency,customer:{email:t.email||"",phone_number:c?.phone||t.phone},callback:f=>E(f),onclose:()=>{}});else if(y==="monnify")await W({apiKey:s.pspPublicKey||t.publicKey,contractCode:t.metadata?.contract_code||t.publicKey,amount:t.amount,currency:t.currency,reference:s.reference||s.id,customerName:t.metadata?.customer_name||t.email||"",customerEmail:t.email||"",customerPhone:c?.phone||t.phone,metadata:t.metadata,onSuccess:f=>E(f),onClose:()=>{}});else if(y==="mpesa"){const f=`${t.apiBaseUrl||"https://api.reevit.io"}/v1/payments/${s.id}/mpesa`;await G({phoneNumber:c?.phone||t.phone||"",amount:t.amount,reference:s.reference||s.id,description:`Payment ${s.reference||""}`,onInitiated:()=>{},onSuccess:k=>E(k),onError:k=>P({code:"MPESA_ERROR",message:k.message})},f)}else P(y==="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 "${y}" is not supported in this checkout.`})}catch(f){P({code:"BRIDGE_ERROR",message:f instanceof Error?f.message:"Failed to open payment gateway"})}},B=e.computed(()=>v.createThemeVariables(t.theme||{}));e.watch(w,c=>{c?document.body.style.overflow="hidden":document.body.style.overflow=""}),e.onUnmounted(()=>{document.body.style.overflow=""});const b=e.computed(()=>r.value),N=e.computed(()=>i.value),_=e.computed(()=>d.value),g=e.computed(()=>p.value),T=e.computed(()=>u.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:g.value},()=>[e.createElementVNode("button",{type:"button",class:"reevit-pay-button",onClick:I,disabled:g.value},[g.value?(e.openBlock(),e.createElementBlock("span",Pe)):e.renderSlot(c.$slots,"button-text",{key:1},()=>[s[1]||(s[1]=e.createTextVNode("Pay Now",-1))])],8,we)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[w.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":t.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",_e,[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]=y=>e.unref(a)())},"Retry")])):b.value==="success"?(e.openBlock(),e.createElementBlock("div",ge,[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")])):T.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:t.paymentMethods||["card","mobile_money"],selected:_.value,amount:t.amount,currency:t.currency,provider:c.psp,onSelect:V},null,8,["methods","selected","amount","currency","provider"])):e.createCommentVNode("",!0),(b.value==="method_selected"||b.value==="processing")&&_.value==="mobile_money"?(e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(U,{"initial-phone":t.phone,loading:b.value==="processing",onSubmit:S},null,8,["initial-phone","loading"])])):e.createCommentVNode("",!0),(b.value==="method_selected"||b.value==="processing")&&_.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=U;exports.PaymentMethodSelector=D;exports.ReevitCheckout=Be;exports.confirmStripePayment=Ee;exports.createStripeInstance=Y;exports.initiateMPesaSTKPush=G;exports.loadFlutterwaveScript=j;exports.loadHubtelScript=ke;exports.loadMonnifyScript=z;exports.loadPaystackScript=F;exports.loadStripeScript=A;exports.openFlutterwaveModal=q;exports.openHubtelPopup=H;exports.openMonnifyModal=W;exports.openPaystackPopup=K;exports.useReevit=L;
+    `,document.head.appendChild(o),this.stylesInjected=!0}}const O=new Map;function M(t,o){const n=O.get(o);if(n)return n;const l=new Promise((r,d)=>{if(document.getElementById(o)){r();return}const u=document.createElement("script");u.id=o,u.src=t,u.async=!0,u.onload=()=>r(),u.onerror=()=>d(new Error(`Failed to load ${o} script`)),document.head.appendChild(u)});return O.set(o,l),l}function F(){return M("https://js.paystack.co/v1/inline.js","paystack-script")}function ke(){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=t.hubtelSessionToken||t.basicAuth||"",r={branding:"enabled",callbackUrl:t.callbackUrl||(typeof window<"u"?window.location.href:""),merchantAccount:typeof t.clientId=="string"?parseInt(t.clientId,10):t.clientId,basicAuth:l};o.openModal({purchaseInfo:n,config:r,callBacks:{onPaymentSuccess:d=>{t.onSuccess(d),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 Ee(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 d=(await n.json().catch(()=>({}))).message||"Failed to initiate M-Pesa payment";return t.onError({message:d}),{status:"failed",message:d}}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 we=["disabled"],Pe={key:0,class:"reevit-spinner"},Ce={class:"reevit-modal-body"},Se={key:0,class:"reevit-loading-state"},_e={key:1,class:"reevit-error-state"},ge={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:r,paymentIntent:d,selectedMethod:u,error:i,isLoading:p,isReady:m,initialize:a,selectMethod:h,handlePspSuccess:E,handlePspError:P,close:R}=L({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")}),w=e.ref(n.isOpen??!1);e.watch(()=>n.isOpen,c=>{c!==void 0&&(w.value=c)});const I=()=>{w.value=!0,!d.value&&r.value==="idle"&&a()};e.watch([w,d,u],([c,s,y])=>{c&&s&&y&&y==="card"&&S(null)});const C=()=>{w.value=!1,R()},V=c=>{h(c)},S=async c=>{const s=d.value;if(!s)return;const y=s.recommendedPsp;try{if(y==="paystack")await K({key:n.publicKey,email:n.email||"",amount:n.amount,currency:n.currency,ref:s.id,onSuccess:f=>E(f),onClose:()=>{}});else if(y==="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,hubtelSessionToken:s.id,onSuccess:f=>E(f),onClose:()=>{}});else if(y==="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=>E(f),onclose:()=>{}});else if(y==="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=>E(f),onClose:()=>{}});else if(y==="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:k=>E(k),onError:k=>P({code:"MPESA_ERROR",message:k.message})},f)}else P(y==="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 "${y}" is not supported in this checkout.`})}catch(f){P({code:"BRIDGE_ERROR",message:f instanceof Error?f.message:"Failed to open payment gateway"})}},B=e.computed(()=>v.createThemeVariables(n.theme||{}));e.watch(w,c=>{c?document.body.style.overflow="hidden":document.body.style.overflow=""}),e.onUnmounted(()=>{document.body.style.overflow=""});const b=e.computed(()=>r.value),N=e.computed(()=>i.value),_=e.computed(()=>u.value),g=e.computed(()=>p.value),T=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:g.value},()=>[e.createElementVNode("button",{type:"button",class:"reevit-pay-button",onClick:I,disabled:g.value},[g.value?(e.openBlock(),e.createElementBlock("span",Pe)):e.renderSlot(c.$slots,"button-text",{key:1},()=>[s[1]||(s[1]=e.createTextVNode("Pay Now",-1))])],8,we)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[w.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",_e,[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]=y=>e.unref(a)())},"Retry")])):b.value==="success"?(e.openBlock(),e.createElementBlock("div",ge,[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")])):T.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:_.value,amount:n.amount,currency:n.currency,provider:c.psp,onSelect:V},null,8,["methods","selected","amount","currency","provider"])):e.createCommentVNode("",!0),(b.value==="method_selected"||b.value==="processing")&&_.value==="mobile_money"?(e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(U,{"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")&&_.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=U;exports.PaymentMethodSelector=D;exports.ReevitCheckout=Be;exports.confirmStripePayment=Ee;exports.createStripeInstance=Y;exports.initiateMPesaSTKPush=G;exports.loadFlutterwaveScript=j;exports.loadHubtelScript=ke;exports.loadMonnifyScript=z;exports.loadPaystackScript=F;exports.loadStripeScript=A;exports.openFlutterwaveModal=q;exports.openHubtelPopup=H;exports.openMonnifyModal=W;exports.openPaystackPopup=K;exports.useReevit=L;

package/dist/index.mjs

@@ -1,32 +1,32 @@
-import { ref as $, watch as N, computed as w, readonly as _, defineComponent as V, createElementBlock as h, openBlock as v, createElementVNode as c, toDisplayString as I, unref as L, Fragment as q, renderList as Q, normalizeClass as D, createCommentVNode as E, 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 C, defineComponent as V, createElementBlock as h, openBlock as v, createElementVNode as c, toDisplayString as I, unref as L, Fragment as q, renderList as Q, normalizeClass as D, createCommentVNode as E, 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 kt, formatPhone as Pt, validatePhone as Ct } from "@reevit/core";
-function he(t) {
-  const n = t.toLowerCase();
+import { ReevitAPIClient as vt, cn as ht, createReevitClient as ft, detectCountryFromCurrency as bt, detectNetwork as wt, formatAmount as kt, formatPhone as Pt, validatePhone as _t } from "@reevit/core";
+function he(e) {
+  const n = e.toLowerCase();
   return n.includes("paystack") ? "paystack" : n.includes("hubtel") ? "hubtel" : n.includes("flutterwave") ? "flutterwave" : n.includes("stripe") ? "stripe" : n.includes("monnify") ? "monnify" : n.includes("mpesa") || n.includes("m-pesa") ? "mpesa" : "paystack";
 }
-function fe(t, n) {
+function fe(e, n) {
   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: he(t.provider),
+    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,
+    recommendedPsp: he(e.provider),
     availableMethods: n.paymentMethods || ["card", "mobile_money"],
-    reference: t.reference || n.reference,
-    connectionId: t.connection_id,
-    provider: t.provider,
-    feeAmount: t.fee_amount,
-    feeCurrency: t.fee_currency,
-    netAmount: t.net_amount,
+    reference: e.reference || n.reference,
+    connectionId: e.connection_id,
+    provider: e.provider,
+    feeAmount: e.fee_amount,
+    feeCurrency: e.fee_currency,
+    netAmount: e.net_amount,
     metadata: n.metadata
   };
 }
-function be(t) {
-  const { config: n, onSuccess: e, onError: i, onClose: o, onStateChange: m, apiBaseUrl: d } = t, s = $(le());
+function be(e) {
+  const { config: n, onSuccess: t, onError: i, onClose: o, onStateChange: d, apiBaseUrl: u } = e, s = $(le());
   if (n.initialPaymentIntent) {
     const l = n.initialPaymentIntent;
     s.value = {
@@ -38,18 +38,18 @@ function be(t) {
   }
   const p = new ce({
     publicKey: n.publicKey,
-    baseUrl: d
-  }), u = (l) => {
+    baseUrl: u
+  }), m = (l) => {
     s.value = me(s.value, l);
   };
   N(
     () => s.value.status,
     (l) => {
-      m?.(l);
+      d?.(l);
     }
   );
   const a = async (l) => {
-    u({ type: "INIT_START" });
+    m({ type: "INIT_START" });
     try {
       const r = n.reference || de(), y = ue(n.currency), b = l || n.paymentMethods?.[0] || "card", { data: P, error: H } = await p.createPaymentIntent(
         { ...n, reference: r },
@@ -57,7 +57,7 @@ function be(t) {
         y
       );
       if (H) {
-        u({ type: "INIT_ERROR", payload: H }), i?.(H);
+        m({ type: "INIT_ERROR", payload: H }), i?.(H);
         return;
       }
       if (!P) {
@@ -66,11 +66,11 @@ function be(t) {
           message: "No data received from API",
           recoverable: !0
         };
-        u({ type: "INIT_ERROR", payload: B }), i?.(B);
+        m({ type: "INIT_ERROR", payload: B }), i?.(B);
         return;
       }
       const ne = fe(P, { ...n, reference: r });
-      u({ type: "INIT_SUCCESS", payload: ne });
+      m({ type: "INIT_SUCCESS", payload: ne });
     } catch (r) {
       const y = {
         code: "INIT_FAILED",
@@ -78,13 +78,13 @@ function be(t) {
         recoverable: !0,
         originalError: r
       };
-      u({ type: "INIT_ERROR", payload: y }), i?.(y);
+      m({ type: "INIT_ERROR", payload: y }), i?.(y);
     }
   }, f = (l) => {
-    u({ type: "SELECT_METHOD", payload: l });
-  }, C = async (l) => {
+    m({ type: "SELECT_METHOD", payload: l });
+  }, _ = async (l) => {
     if (!(!s.value.paymentIntent || !s.value.selectedMethod)) {
-      u({ type: "PROCESS_START" });
+      m({ type: "PROCESS_START" });
       try {
         let r;
         if (s.value.paymentIntent.clientSecret) {
@@ -93,14 +93,14 @@ function be(t) {
             s.value.paymentIntent.clientSecret
           );
           if (P) {
-            u({ type: "PROCESS_ERROR", payload: P }), i?.(P);
+            m({ type: "PROCESS_ERROR", payload: P }), i?.(P);
             return;
           }
           r = b;
         } else {
           const { data: b, error: P } = await p.confirmPayment(s.value.paymentIntent.id);
           if (P) {
-            u({ type: "PROCESS_ERROR", payload: P }), i?.(P);
+            m({ type: "PROCESS_ERROR", payload: P }), i?.(P);
             return;
           }
           r = b;
@@ -116,7 +116,7 @@ function be(t) {
           status: "success",
           metadata: l
         };
-        u({ type: "PROCESS_SUCCESS", payload: y }), e?.(y);
+        m({ type: "PROCESS_SUCCESS", payload: y }), t?.(y);
       } catch (r) {
         const y = {
           code: "PAYMENT_FAILED",
@@ -124,22 +124,22 @@ function be(t) {
           recoverable: !0,
           originalError: r
         };
-        u({ type: "PROCESS_ERROR", payload: y }), i?.(y);
+        m({ type: "PROCESS_ERROR", payload: y }), i?.(y);
       }
     }
   }, g = async (l) => {
-    await C(l);
+    await _(l);
   }, A = (l) => {
-    u({ type: "PROCESS_ERROR", payload: l }), i?.(l);
+    m({ type: "PROCESS_ERROR", payload: l }), i?.(l);
   }, S = () => {
-    u({ type: "RESET" });
+    m({ type: "RESET" });
   }, U = async () => {
     if (s.value.paymentIntent && s.value.status !== "success")
       try {
         await p.cancelPaymentIntent(s.value.paymentIntent.id);
       } catch {
       }
-    u({ type: "CLOSE" }), o?.();
+    m({ type: "CLOSE" }), o?.();
   }, M = w(() => s.value.status), K = w(() => s.value.paymentIntent), R = w(() => s.value.selectedMethod), j = w(() => s.value.error), k = w(() => s.value.result), O = w(
     () => s.value.status === "loading" || s.value.status === "processing"
   ), x = w(
@@ -147,27 +147,27 @@ function be(t) {
   ), T = w(() => s.value.status === "success"), z = w(() => s.value.error?.recoverable ?? !1);
   return {
     // State (readonly refs)
-    status: _(M),
-    paymentIntent: _(K),
-    selectedMethod: _(R),
-    error: _(j),
-    result: _(k),
+    status: C(M),
+    paymentIntent: C(K),
+    selectedMethod: C(R),
+    error: C(j),
+    result: C(k),
     // Actions
     initialize: a,
     selectMethod: f,
-    processPayment: C,
+    processPayment: _,
     handlePspSuccess: g,
     handlePspError: A,
     reset: S,
     close: U,
     // Computed
-    isLoading: _(O),
-    isReady: _(x),
-    isComplete: _(T),
-    canRetry: _(z)
+    isLoading: C(O),
+    isReady: C(x),
+    isComplete: C(T),
+    canRetry: C(z)
   };
 }
-const we = { class: "reevit-method-selector" }, ke = { class: "reevit-amount-display" }, Pe = { class: "reevit-methods-grid" }, Ce = ["onClick"], _e = { class: "reevit-method-icon" }, Se = { class: "reevit-method-info" }, Ee = { class: "reevit-method-name" }, Ie = { class: "reevit-method-description" }, ge = { class: "reevit-method-radio" }, Me = {
+const we = { class: "reevit-method-selector" }, ke = { class: "reevit-amount-display" }, Pe = { class: "reevit-methods-grid" }, _e = ["onClick"], Ce = { class: "reevit-method-icon" }, Se = { class: "reevit-method-info" }, Ee = { class: "reevit-method-name" }, Ie = { class: "reevit-method-description" }, ge = { class: "reevit-method-radio" }, Me = {
   key: 0,
   class: "reevit-radio-inner"
 }, Re = /* @__PURE__ */ V({
@@ -180,61 +180,61 @@ const we = { class: "reevit-method-selector" }, ke = { class: "reevit-amount-dis
     provider: {}
   },
   emits: ["select"],
-  setup(t, { emit: n }) {
-    const e = t, i = n, o = {
+  setup(e, { emit: n }) {
+    const t = e, i = n, o = {
       hubtel: "Hubtel",
       paystack: "Paystack",
       flutterwave: "Flutterwave",
       monnify: "Monnify",
       mpesa: "M-Pesa",
       stripe: "Stripe"
-    }, m = (p) => e.provider?.toLowerCase().includes("hubtel") && p === "mobile_money" ? `Pay with ${o[e.provider.toLowerCase()] || "Hubtel"}` : {
+    }, d = (p) => t.provider?.toLowerCase().includes("hubtel") && p === "mobile_money" ? `Pay with ${o[t.provider.toLowerCase()] || "Hubtel"}` : {
       card: "Card",
       mobile_money: "Mobile Money",
       bank_transfer: "Bank Transfer"
-    }[p], d = (p) => e.provider?.toLowerCase().includes("hubtel") ? "Card, Mobile Money, and Bank Transfer" : {
+    }[p], u = (p) => t.provider?.toLowerCase().includes("hubtel") ? "Card, Mobile Money, and Bank Transfer" : {
       card: "Visa, Mastercard, Maestro",
       mobile_money: "MTN, Vodafone, AirtelTigo",
       bank_transfer: "Transfer directly from your bank"
     }[p], s = w(() => [
       {
         id: "card",
-        name: m("card"),
-        description: d("card"),
+        name: d("card"),
+        description: u("card"),
         icon: "💳"
       },
       {
         id: "mobile_money",
-        name: m("mobile_money"),
-        description: d("mobile_money"),
+        name: d("mobile_money"),
+        description: u("mobile_money"),
         icon: "📱"
       },
       {
         id: "bank_transfer",
-        name: m("bank_transfer"),
-        description: d("bank_transfer"),
+        name: d("bank_transfer"),
+        description: u("bank_transfer"),
         icon: "🏦"
       }
-    ].filter((p) => e.methods.includes(p.id)));
-    return (p, u) => (v(), h("div", we, [
-      u[0] || (u[0] = c("h3", { class: "reevit-section-title" }, "Select Payment Method", -1)),
-      c("p", ke, " Pay " + I(L(pe)(t.amount, t.currency)), 1),
+    ].filter((p) => t.methods.includes(p.id)));
+    return (p, m) => (v(), h("div", we, [
+      m[0] || (m[0] = c("h3", { class: "reevit-section-title" }, "Select Payment Method", -1)),
+      c("p", ke, " Pay " + I(L(pe)(e.amount, e.currency)), 1),
       c("div", Pe, [
         (v(!0), h(q, null, Q(s.value, (a) => (v(), h("button", {
           key: a.id,
           type: "button",
-          class: D(L(te)("reevit-method-card", t.selected === a.id && "reevit-method-card--selected")),
+          class: D(L(te)("reevit-method-card", e.selected === a.id && "reevit-method-card--selected")),
           onClick: (f) => i("select", a.id)
         }, [
-          c("span", _e, I(a.icon), 1),
+          c("span", Ce, I(a.icon), 1),
           c("div", Se, [
             c("span", Ee, I(a.name), 1),
             c("span", Ie, I(a.description), 1)
           ]),
           c("div", ge, [
-            t.selected === a.id ? (v(), h("div", Me)) : E("", !0)
+            e.selected === a.id ? (v(), h("div", Me)) : E("", !0)
           ])
-        ], 10, Ce))), 128))
+        ], 10, _e))), 128))
       ])
     ]));
   }
@@ -251,31 +251,31 @@ const we = { class: "reevit-method-selector" }, ke = { class: "reevit-amount-dis
     loading: { type: Boolean }
   },
   emits: ["submit"],
-  setup(t, { emit: n }) {
-    const e = t, i = n, o = $(e.initialPhone || ""), m = $(null), d = $(null);
-    N(o, (u) => {
-      const a = ye(u);
-      a && (m.value = a), d.value && (d.value = null);
+  setup(e, { emit: n }) {
+    const t = e, i = n, o = $(t.initialPhone || ""), d = $(null), u = $(null);
+    N(o, (m) => {
+      const a = ye(m);
+      a && (d.value = a), u.value && (u.value = null);
     });
     const s = () => {
       if (!G(o.value)) {
-        d.value = "Please enter a valid phone number";
+        u.value = "Please enter a valid phone number";
         return;
       }
-      if (!m.value) {
-        d.value = "Please select your mobile network";
+      if (!d.value) {
+        u.value = "Please select your mobile network";
         return;
       }
       i("submit", {
         phone: o.value,
-        network: m.value
+        network: d.value
       });
     }, p = [
       { id: "mtn", name: "MTN", color: "#FFCC00" },
       { id: "vodafone", name: "Vodafone", color: "#E60000" },
       { id: "airteltigo", name: "AirtelTigo", color: "#005596" }
     ];
-    return (u, a) => (v(), h("form", {
+    return (m, a) => (v(), h("form", {
       class: "reevit-momo-form",
       onSubmit: X(s, ["prevent"])
     }, [
@@ -288,9 +288,9 @@ const we = { class: "reevit-method-selector" }, ke = { class: "reevit-amount-dis
           id: "reevit-phone",
           "onUpdate:modelValue": a[0] || (a[0] = (f) => o.value = f),
           type: "tel",
-          class: D(["reevit-input", { "reevit-input--error": d.value && !L(G)(o.value) }]),
+          class: D(["reevit-input", { "reevit-input--error": u.value && !L(G)(o.value) }]),
           placeholder: "e.g. 024 123 4567",
-          disabled: t.loading,
+          disabled: e.loading,
           autocomplete: "tel"
         }, null, 10, Te), [
           [ae, o.value]
@@ -302,9 +302,9 @@ const we = { class: "reevit-method-selector" }, ke = { class: "reevit-amount-dis
           (v(), h(q, null, Q(p, (f) => c("button", {
             key: f.id,
             type: "button",
-            class: D(L(te)("reevit-network-btn", m.value === f.id && "reevit-network-btn--selected")),
-            onClick: (C) => m.value = f.id,
-            disabled: t.loading
+            class: D(L(te)("reevit-network-btn", d.value === f.id && "reevit-network-btn--selected")),
+            onClick: (_) => d.value = f.id,
+            disabled: e.loading
           }, [
             c("div", {
               class: "reevit-network-dot",
@@ -314,13 +314,13 @@ const we = { class: "reevit-method-selector" }, ke = { class: "reevit-amount-dis
           ], 10, Le)), 64))
         ])
       ]),
-      d.value ? (v(), h("p", Ue, I(d.value), 1)) : E("", !0),
+      u.value ? (v(), h("p", Ue, I(u.value), 1)) : E("", !0),
       c("button", {
         type: "submit",
         class: "reevit-submit-btn",
-        disabled: t.loading || !o.value
+        disabled: e.loading || !o.value
       }, [
-        t.loading ? (v(), h("span", De)) : (v(), h("span", Fe, "Continue"))
+        e.loading ? (v(), h("span", De)) : (v(), h("span", Fe, "Continue"))
       ], 8, Oe),
       a[3] || (a[3] = c("p", { class: "reevit-secure-text" }, " 🔒 Secure mobile money payment via Reevit ", -1))
     ], 32));
@@ -336,8 +336,8 @@ class Ke {
   * @param config - The configuration.
   * @throws {Error} If the popup is blocked by the browser.
   */
-  redirect({ purchaseInfo: n, config: e }) {
-    const i = this.createCheckoutUrl(n, e), o = window.open(i);
+  redirect({ purchaseInfo: n, config: t }) {
+    const i = this.createCheckoutUrl(n, t), o = window.open(i);
     if (!o || o.closed || typeof o.closed > "u")
       throw new Error("Popup was blocked by the browser. Please allow popups for this site.");
   }
@@ -350,26 +350,26 @@ 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: e, config: i, iframeStyle: o }) {
-    var m, d, s;
-    this.registerEvents(e);
+  initIframe({ purchaseInfo: n, callBacks: t, config: i, iframeStyle: o }) {
+    var d, u, s;
+    this.registerEvents(t);
     const p = document.getElementById("hubtel-checkout-iframe");
     if (!p)
       throw new Error('Container element with id "hubtel-checkout-iframe" not found in the DOM.');
     p.innerHTML = "";
-    const u = document.createElement("div");
-    u.textContent = "Loading...", p.appendChild(u);
+    const m = document.createElement("div");
+    m.textContent = "Loading...", p.appendChild(m);
     const a = document.createElement("iframe");
-    a.setAttribute("id", "hubtel-iframe-element"), a.src = this.createCheckoutUrl(n, i), a.style.display = "none", a.style.width = (m = o?.width) !== null && m !== void 0 ? m : "100%", a.style.height = (d = o?.height) !== null && d !== void 0 ? d : "100%", a.style.minHeight = o?.minHeight || "400px", a.style.border = (s = o?.border) !== null && s !== void 0 ? s : "none", a.onload = () => {
+    a.setAttribute("id", "hubtel-iframe-element"), a.src = this.createCheckoutUrl(n, i), a.style.display = "none", a.style.width = (d = o?.width) !== null && d !== void 0 ? d : "100%", a.style.height = (u = o?.height) !== null && u !== void 0 ? u : "100%", a.style.minHeight = o?.minHeight || "400px", a.style.border = (s = o?.border) !== null && s !== void 0 ? s : "none", a.onload = () => {
       var f;
-      p.removeChild(u), a.style.display = "block", (f = e.onLoad) === null || f === void 0 || f.call(e);
+      p.removeChild(m), a.style.display = "block", (f = t.onLoad) === null || f === void 0 || f.call(t);
     }, p.appendChild(a);
   }
-  openModal({ purchaseInfo: n, callBacks: e, config: i }) {
-    this.injectStyles(), this.createIframe(), this.handleBackButton(), this.registerEvents(e), this.renderWebpageInPopup(this.createCheckoutUrl(n, i), e.onClose, e.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, e) {
-    const i = Object.assign(Object.assign({}, n), e), o = Object.keys(i).reduce((u, a) => (i[a] !== null && i[a] !== void 0 && (u[a] = i[a]), u), {}), m = Object.keys(o).map((u) => `${u}=${encodeURIComponent(o[u])}`).join("&"), d = this.encodeBase64(m), s = encodeURIComponent(d);
+  createCheckoutUrl(n, t) {
+    const i = Object.assign(Object.assign({}, n), t), o = Object.keys(i).reduce((m, a) => (i[a] !== null && i[a] !== void 0 && (m[a] = i[a]), m), {}), d = Object.keys(o).map((m) => `${m}=${encodeURIComponent(o[m])}`).join("&"), u = this.encodeBase64(d), s = encodeURIComponent(u);
     return `${o?.branding === "disabled" ? `${this.baseUrl}/pay/direct` : `${this.baseUrl}/pay`}?p=${s}`;
   }
   encodeBase64(n) {
@@ -383,30 +383,30 @@ class Ke {
   createIframe() {
     const n = document.createElement("div");
     n.setAttribute("id", "backdrop"), n.classList.add("backdrop");
-    const e = document.createElement("span");
-    e.classList.add("checkout-loader"), n.appendChild(e), document.body.appendChild(n);
+    const t = document.createElement("span");
+    t.classList.add("checkout-loader"), n.appendChild(t), document.body.appendChild(n);
   }
   registerEvents(n) {
     this.messageHandler && window.removeEventListener("message", this.messageHandler, !1);
-    const e = (i) => {
-      var o, m, d, s, p, u;
+    const t = (i) => {
+      var o, d, u, s, p, m;
       if (i.origin !== this.baseUrl)
         return;
       const { data: a } = i;
       if (a.success === !0)
         (o = n.onPaymentSuccess) === null || o === void 0 || o.call(n, a);
       else if (a.success === !1)
-        (m = n.onPaymentFailure) === null || m === void 0 || m.call(n, a);
+        (d = n.onPaymentFailure) === null || d === void 0 || d.call(n, a);
       else if (a.initialized)
-        (d = n.init) === null || d === void 0 || d.call(n, a), (s = n.onInit) === null || s === void 0 || s.call(n, a);
+        (u = n.init) === null || u === void 0 || u.call(n, a), (s = n.onInit) === null || s === void 0 || s.call(n, a);
       else if (a.feesChanged)
         (p = n.onFeesChanged) === null || p === void 0 || p.call(n, a.fees);
       else if (a.resize) {
         const f = document.getElementById("hubtel-iframe-element");
-        f && (f.style.height = a.height + "px"), (u = n?.onResize) === null || u === void 0 || u.call(n, a);
+        f && (f.style.height = a.height + "px"), (m = n?.onResize) === null || m === void 0 || m.call(n, a);
       }
     };
-    this.messageHandler = e, window.addEventListener("message", e, !1);
+    this.messageHandler = t, window.addEventListener("message", t, !1);
   }
   /**
    * Removes the message event listener to prevent memory leaks.
@@ -415,21 +415,21 @@ class Ke {
   destroy() {
     this.messageHandler && (window.removeEventListener("message", this.messageHandler, !1), this.messageHandler = null);
   }
-  renderWebpageInPopup(n, e, i) {
+  renderWebpageInPopup(n, t, i) {
     const o = document.createElement("div");
     o.classList.add("checkout-modal");
-    const m = document.createElement("div");
-    m.setAttribute("id", "checkout-close-icon"), m.innerHTML = "×", m.classList.add("close-icon"), m.addEventListener("click", () => {
-      this.closePopUp(), e?.();
-    }), o.appendChild(m);
-    const d = document.createElement("iframe");
-    d.src = n, history.pushState({ modalOpen: !0 }, ""), d.classList.add("iframe"), o.appendChild(d), document.body.appendChild(o), o.style.opacity = "0", d.addEventListener("load", () => {
+    const d = document.createElement("div");
+    d.setAttribute("id", "checkout-close-icon"), d.innerHTML = "×", d.classList.add("close-icon"), d.addEventListener("click", () => {
+      this.closePopUp(), t?.();
+    }), o.appendChild(d);
+    const u = document.createElement("iframe");
+    u.src = n, history.pushState({ modalOpen: !0 }, ""), u.classList.add("iframe"), o.appendChild(u), document.body.appendChild(o), o.style.opacity = "0", u.addEventListener("load", () => {
       o.style.opacity = "1", i?.();
     });
   }
   closePopUp() {
-    const n = document.querySelector(".backdrop"), e = document.querySelector(".checkout-modal");
-    n && document.body.removeChild(n), e && document.body.removeChild(e), history.replaceState(null, ""), window.removeEventListener("popstate", this.closePopUp);
+    const n = document.querySelector(".backdrop"), t = document.querySelector(".checkout-modal");
+    n && document.body.removeChild(n), t && document.body.removeChild(t), history.replaceState(null, ""), window.removeEventListener("popstate", this.closePopUp);
   }
   injectStyles() {
     if (this.stylesInjected)
@@ -539,16 +539,16 @@ class Ke {
   }
 }
 const J = /* @__PURE__ */ new Map();
-function F(t, n) {
-  const e = J.get(n);
-  if (e) return e;
-  const i = new Promise((o, m) => {
+function F(e, n) {
+  const t = J.get(n);
+  if (t) return t;
+  const i = new Promise((o, d) => {
     if (document.getElementById(n)) {
       o();
       return;
     }
-    const d = document.createElement("script");
-    d.id = n, d.src = t, d.async = !0, d.onload = () => o(), d.onerror = () => m(new Error(`Failed to load ${n} script`)), document.head.appendChild(d);
+    const u = document.createElement("script");
+    u.id = n, u.src = e, u.async = !0, u.onload = () => o(), u.onerror = () => d(new Error(`Failed to load ${n} script`)), document.head.appendChild(u);
   });
   return J.set(n, i), i;
 }
@@ -567,130 +567,130 @@ function He() {
 function Ve() {
   return F("https://sdk.monnify.com/plugin/monnify.js", "monnify-script");
 }
-async function qe(t) {
+async function qe(e) {
   if (await je(), !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
+    key: e.key,
+    email: e.email,
+    amount: e.amount,
+    currency: e.currency,
+    ref: e.ref,
+    metadata: e.metadata,
+    callback: e.onSuccess,
+    onClose: e.onClose
   }).openIframe();
 }
-async function Be(t) {
-  const n = new Ke(), e = {
-    amount: t.amount,
-    purchaseDescription: t.purchaseDescription,
-    customerPhoneNumber: t.customerPhone || "",
+async function Be(e) {
+  const n = new Ke(), t = {
+    amount: e.amount,
+    purchaseDescription: e.purchaseDescription,
+    customerPhoneNumber: e.customerPhone || "",
     clientReference: `hubtel_${Date.now()}`
-  }, i = {
+  }, i = e.hubtelSessionToken || e.basicAuth || "", o = {
     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 || ""
+    callbackUrl: e.callbackUrl || (typeof window < "u" ? window.location.href : ""),
+    merchantAccount: typeof e.clientId == "string" ? parseInt(e.clientId, 10) : e.clientId,
+    basicAuth: i
   };
   n.openModal({
-    purchaseInfo: e,
-    config: i,
+    purchaseInfo: t,
+    config: o,
     callBacks: {
-      onPaymentSuccess: (o) => {
-        t.onSuccess(o), n.closePopUp();
+      onPaymentSuccess: (d) => {
+        e.onSuccess(d), n.closePopUp();
       },
       onPaymentFailure: () => {
-        t.onClose();
+        e.onClose();
       },
       onClose: () => {
-        t.onClose();
+        e.onClose();
       }
     }
   });
 }
-async function Ye(t) {
+async function Ye(e) {
   if (await ze(), !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
+    public_key: e.public_key,
+    tx_ref: e.tx_ref,
+    amount: e.amount,
+    currency: e.currency,
+    customer: e.customer,
+    payment_options: e.payment_options,
+    customizations: e.customizations,
+    callback: e.callback,
+    onclose: e.onclose
   });
 }
-async function We(t) {
+async function We(e) {
   if (await He(), !window.Stripe)
     throw new Error("Stripe.js not loaded");
-  return window.Stripe(t);
+  return window.Stripe(e);
 }
-async function ut(t) {
-  const e = await (await We(t.publishableKey)).confirmPayment({
-    elements: t.elements,
-    clientSecret: t.clientSecret,
+async function ut(e) {
+  const t = await (await We(e.publishableKey)).confirmPayment({
+    elements: e.elements,
+    clientSecret: e.clientSecret,
     redirect: "if_required"
   });
-  e.error ? t.onError({ message: e.error.message || "Payment failed" }) : e.paymentIntent && t.onSuccess({
-    paymentIntentId: e.paymentIntent.id,
-    status: e.paymentIntent.status
+  t.error ? e.onError({ message: t.error.message || "Payment failed" }) : t.paymentIntent && e.onSuccess({
+    paymentIntentId: t.paymentIntent.id,
+    status: t.paymentIntent.status
   });
 }
-async function Ge(t) {
+async function Ge(e) {
   if (await Ve(), !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,
+    amount: e.amount,
+    currency: e.currency,
+    reference: e.reference,
+    customerName: e.customerName,
+    customerEmail: e.customerEmail,
+    customerMobileNumber: e.customerPhone,
+    apiKey: e.apiKey,
+    contractCode: e.contractCode,
+    paymentDescription: e.paymentDescription || "Payment",
+    isTestMode: e.isTestMode ?? !1,
+    metadata: e.metadata,
     onComplete: (n) => {
-      n.status === "SUCCESS" ? t.onSuccess({
+      n.status === "SUCCESS" ? e.onSuccess({
         transactionReference: n.transactionReference,
         paymentReference: n.paymentReference,
         ...n
-      }) : t.onError?.({ message: n.message || "Payment failed" });
+      }) : e.onError?.({ message: n.message || "Payment failed" });
     },
-    onClose: t.onClose
+    onClose: e.onClose
   });
 }
-async function Je(t, n) {
-  t.onInitiated();
+async function Je(e, n) {
+  e.onInitiated();
   try {
-    const e = await fetch(n, {
+    const t = await fetch(n, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({
-        phone_number: t.phoneNumber,
-        amount: t.amount,
-        reference: t.reference,
-        description: t.description
+        phone_number: e.phoneNumber,
+        amount: e.amount,
+        reference: e.reference,
+        description: e.description
       })
     });
-    if (!e.ok) {
-      const m = (await e.json().catch(() => ({}))).message || "Failed to initiate M-Pesa payment";
-      return t.onError({ message: m }), { status: "failed", message: m };
+    if (!t.ok) {
+      const d = (await t.json().catch(() => ({}))).message || "Failed to initiate M-Pesa payment";
+      return e.onError({ message: d }), { status: "failed", message: d };
     }
-    const i = await e.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: i.checkout_request_id || i.transaction_id
     };
-  } catch (e) {
-    const i = e instanceof Error ? e.message : "Network error";
-    return t.onError({ message: i }), { status: "failed", message: i };
+  } catch (t) {
+    const i = t instanceof Error ? t.message : "Network error";
+    return e.onError({ message: i }), { status: "failed", message: i };
   }
 }
 const Qe = ["disabled"], Xe = {
@@ -731,43 +731,43 @@ const Qe = ["disabled"], Xe = {
     initialPaymentIntent: {}
   },
   emits: ["success", "error", "close"],
-  setup(t, { emit: n }) {
-    const e = t, i = n, {
+  setup(e, { emit: n }) {
+    const t = e, i = n, {
       status: o,
-      paymentIntent: m,
-      selectedMethod: d,
+      paymentIntent: d,
+      selectedMethod: u,
       error: s,
       isLoading: p,
-      isReady: u,
+      isReady: m,
       initialize: a,
       selectMethod: f,
-      handlePspSuccess: C,
+      handlePspSuccess: _,
       handlePspError: g,
       close: A
     } = be({
       config: {
-        publicKey: e.publicKey,
-        amount: e.amount,
-        currency: e.currency,
-        email: e.email,
-        phone: e.phone,
-        reference: e.reference,
-        metadata: e.metadata,
-        paymentMethods: e.paymentMethods,
-        initialPaymentIntent: e.initialPaymentIntent
+        publicKey: t.publicKey,
+        amount: t.amount,
+        currency: t.currency,
+        email: t.email,
+        phone: t.phone,
+        reference: t.reference,
+        metadata: t.metadata,
+        paymentMethods: t.paymentMethods,
+        initialPaymentIntent: t.initialPaymentIntent
       },
-      apiBaseUrl: e.apiBaseUrl,
+      apiBaseUrl: t.apiBaseUrl,
       onSuccess: (l) => i("success", l),
       onError: (l) => i("error", l),
       onClose: () => i("close")
-    }), S = $(e.isOpen ?? !1);
-    N(() => e.isOpen, (l) => {
+    }), S = $(t.isOpen ?? !1);
+    N(() => t.isOpen, (l) => {
       l !== void 0 && (S.value = l);
     });
     const U = () => {
-      S.value = !0, !m.value && o.value === "idle" && a();
+      S.value = !0, !d.value && o.value === "idle" && a();
     };
-    N([S, m, d], ([l, r, y]) => {
+    N([S, d, u], ([l, r, y]) => {
       l && r && y && y === "card" && R(null);
     });
     const M = () => {
@@ -775,72 +775,73 @@ const Qe = ["disabled"], Xe = {
     }, K = (l) => {
       f(l);
     }, R = async (l) => {
-      const r = m.value;
+      const r = d.value;
       if (!r) return;
       const y = r.recommendedPsp;
       try {
         if (y === "paystack")
           await qe({
-            key: e.publicKey,
-            email: e.email || "",
-            amount: e.amount,
-            currency: e.currency,
+            key: t.publicKey,
+            email: t.email || "",
+            amount: t.amount,
+            currency: t.currency,
             ref: r.id,
-            onSuccess: (b) => C(b),
+            onSuccess: (b) => _(b),
             onClose: () => {
             }
           });
         else if (y === "hubtel")
           await Be({
-            clientId: r.pspCredentials?.merchantAccount || e.publicKey,
-            purchaseDescription: `Payment for ${e.amount} ${e.currency}`,
-            amount: e.amount,
-            customerPhone: l?.phone || e.phone,
-            customerEmail: e.email,
-            basicAuth: r.pspCredentials?.basicAuth,
-            onSuccess: (b) => C(b),
+            clientId: r.pspCredentials?.merchantAccount || t.publicKey,
+            purchaseDescription: `Payment for ${t.amount} ${t.currency}`,
+            amount: t.amount,
+            customerPhone: l?.phone || t.phone,
+            customerEmail: t.email,
+            hubtelSessionToken: r.id,
+            // Pass payment ID to fetch session token
+            onSuccess: (b) => _(b),
             onClose: () => {
             }
           });
         else if (y === "flutterwave")
           await Ye({
-            public_key: e.publicKey,
+            public_key: t.publicKey,
             tx_ref: r.id,
-            amount: e.amount,
-            currency: e.currency,
+            amount: t.amount,
+            currency: t.currency,
             customer: {
-              email: e.email || "",
-              phone_number: l?.phone || e.phone
+              email: t.email || "",
+              phone_number: l?.phone || t.phone
             },
-            callback: (b) => C(b),
+            callback: (b) => _(b),
             onclose: () => {
             }
           });
         else if (y === "monnify")
           await Ge({
-            apiKey: r.pspPublicKey || e.publicKey,
-            contractCode: e.metadata?.contract_code || e.publicKey,
-            amount: e.amount,
-            currency: e.currency,
+            apiKey: r.pspPublicKey || t.publicKey,
+            contractCode: t.metadata?.contract_code || t.publicKey,
+            amount: t.amount,
+            currency: t.currency,
             reference: r.reference || r.id,
-            customerName: e.metadata?.customer_name || e.email || "",
-            customerEmail: e.email || "",
-            customerPhone: l?.phone || e.phone,
-            metadata: e.metadata,
-            onSuccess: (b) => C(b),
+            customerName: t.metadata?.customer_name || t.email || "",
+            customerEmail: t.email || "",
+            customerPhone: l?.phone || t.phone,
+            metadata: t.metadata,
+            onSuccess: (b) => _(b),
             onClose: () => {
             }
           });
         else if (y === "mpesa") {
-          const b = `${e.apiBaseUrl || "https://api.reevit.io"}/v1/payments/${r.id}/mpesa`;
+          const b = `${t.apiBaseUrl || "https://api.reevit.io"}/v1/payments/${r.id}/mpesa`;
           await Je({
-            phoneNumber: l?.phone || e.phone || "",
-            amount: e.amount,
+            phoneNumber: l?.phone || t.phone || "",
+            amount: t.amount,
             reference: r.reference || r.id,
             description: `Payment ${r.reference || ""}`,
             onInitiated: () => {
             },
-            onSuccess: (P) => C(P),
+            onSuccess: (P) => _(P),
             onError: (P) => g({ code: "MPESA_ERROR", message: P.message })
           }, b);
         } else g(y === "stripe" ? {
@@ -856,13 +857,13 @@ const Qe = ["disabled"], Xe = {
           message: b instanceof Error ? b.message : "Failed to open payment gateway"
         });
       }
-    }, j = w(() => ve(e.theme || {}));
+    }, j = w(() => ve(t.theme || {}));
     N(S, (l) => {
       l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
     }), re(() => {
       document.body.style.overflow = "";
     });
-    const k = w(() => o.value), O = w(() => s.value), x = w(() => d.value), T = w(() => p.value), z = w(() => u.value);
+    const k = w(() => o.value), O = w(() => s.value), x = w(() => u.value), T = w(() => p.value), z = w(() => m.value);
     return (l, r) => (v(), h("div", {
       class: "reevit-sdk-container",
       style: ee(j.value)
@@ -889,7 +890,7 @@ const Qe = ["disabled"], Xe = {
           onClick: X(M, ["self"])
         }, [
           c("div", {
-            class: D(["reevit-modal-content", { "reevit-modal--dark": e.theme?.darkMode }])
+            class: D(["reevit-modal-content", { "reevit-modal--dark": t.theme?.darkMode }])
           }, [
             c("button", {
               class: "reevit-modal-close",
@@ -926,16 +927,16 @@ const Qe = ["disabled"], Xe = {
               ])) : z.value ? (v(), h(q, { key: 3 }, [
                 k.value === "ready" || k.value === "method_selected" || k.value === "processing" ? (v(), W(Re, {
                   key: 0,
-                  methods: e.paymentMethods || ["card", "mobile_money"],
+                  methods: t.paymentMethods || ["card", "mobile_money"],
                   selected: x.value,
-                  amount: e.amount,
-                  currency: e.currency,
+                  amount: t.amount,
+                  currency: t.currency,
                   provider: l.psp,
                   onSelect: K
                 }, null, 8, ["methods", "selected", "amount", "currency", "provider"])) : E("", !0),
                 (k.value === "method_selected" || k.value === "processing") && x.value === "mobile_money" ? (v(), h("div", ot, [
                   ie(Ae, {
-                    "initial-phone": e.phone,
+                    "initial-phone": t.phone,
                     loading: k.value === "processing",
                     onSubmit: R
                   }, null, 8, ["initial-phone", "loading"])
@@ -989,5 +990,5 @@ export {
   Ge as openMonnifyModal,
   qe as openPaystackPopup,
   be as useReevit,
-  Ct as validatePhone
+  _t as validatePhone
 };

package/package.json

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