@bcc-code/payment-client 1.2.5 → 1.2.7

package/dist/components/index.js

@@ -1 +1 @@
-"use strict";var N=Object.create;var S=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var A=(c,d,l,t)=>{if(d&&typeof d=="object"||typeof d=="function")for(let a of B(d))!U.call(c,a)&&a!==l&&S(c,a,{get:()=>d[a],enumerable:!(t=w(d,a))||t.enumerable});return c};var E=(c,d,l)=>(l=c!=null?N(K(c)):{},A(d||!c||!c.__esModule?S(l,"default",{value:c,enumerable:!0}):l,c));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F={class:"stripe-elements"},R={key:0,class:"elements-loading"},V={key:1,class:"elements-error"},I={key:2,class:"payment-button-container"},x=["disabled"],M=e.defineComponent({__name:"StripePayment",props:{paymentId:{},clientData:{default:void 0},clientKey:{default:void 0},amount:{},currency:{},publishableKey:{default:void 0},appearance:{default:void 0},showPayButton:{type:Boolean,default:!0},locale:{default:"en"},loader:{default:"auto"},returnUrl:{default:void 0}},emits:["submit","success","error","ready"],setup(c,{expose:d,emit:l}){const t=c,a=l,v=e.ref(),m=e.ref(!0),o=e.ref(!1),u=e.ref("");let p=null,b=null,f=null;const P=e.computed(()=>({EUR:"€",USD:"$",GBP:"£",CHF:"CHF",NOK:"kr",SEK:"kr",DKK:"kr",PLN:"zł",CZK:"Kč",HUF:"Ft"})[t.currency]||t.currency),k=e.computed(()=>t.amount.toFixed(2)),i=e.computed(()=>{if(t.clientData)try{const s=JSON.parse(t.clientData);return s.clientSecret||s.client_secret}catch{return}}),y=async()=>{if(!v.value)return;let s=t.publishableKey;if(!s&&t.clientData)try{const r=JSON.parse(t.clientData);s=r.publishableKey||r.publishable_key}catch{}if(!s){u.value="Publishable key is required",m.value=!1;return}try{m.value=!0,u.value="";const{loadStripe:r}=await import("@stripe/stripe-js");if(p=await r(s),!p)throw new Error("Failed to load Stripe");const n=i.value,D={appearance:t.appearance||{theme:"stripe",variables:{colorPrimary:"#0570de",colorBackground:"#ffffff",colorText:"#30313d",colorDanger:"#df1b41",fontFamily:'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',spacingUnit:"4px",borderRadius:"4px"}},loader:t.loader,locale:t.locale};n&&(D.clientSecret=n),b=p.elements(D),f=b.create("payment",{layout:"tabs",defaultValues:{billingDetails:{name:"",email:"",phone:""}}}),f.mount(v.value),f.on("ready",()=>{m.value=!1,a("ready")}),f.on("change",C=>{C.error?(u.value=C.error.message,a("error",C.error)):u.value=""})}catch(r){u.value=r instanceof Error?r.message:"Failed to initialize payment form",m.value=!1,a("error",r)}},h=async()=>{if(!(!p||!f)){o.value=!0,u.value="";try{const s=t.returnUrl||`${window.location.origin}/payment/return`,{error:r,paymentIntent:n}=await p.confirmPayment({elements:b,confirmParams:{return_url:s},redirect:"if_required"});r?(u.value=r.message||"Payment failed",a("error",r)):n?n.status==="succeeded"?a("success",{paymentIntent:n,status:"succeeded",message:"Payment completed successfully!"}):n.status==="processing"?a("success",{paymentIntent:n,status:"processing",message:"Payment is being processed..."}):a("submit",{paymentIntent:n,status:n.status}):a("submit",f)}catch(s){u.value=s instanceof Error?s.message:"Payment failed",a("error",s)}finally{o.value=!1}}},g=()=>{f&&(f.destroy(),f=null),b&&(b=null),p&&(p=null)};return e.onMounted(()=>{y()}),e.onUnmounted(()=>{g()}),e.watch(()=>t.currency,()=>{g(),y()}),e.watch([()=>t.publishableKey,()=>t.clientData],()=>{(t.publishableKey||t.clientData)&&(g(),y())}),d({destroyElements:g}),(s,r)=>(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("div",{ref_key:"elementsContainer",ref:v,class:"elements-container"},null,512),m.value?(e.openBlock(),e.createElementBlock("div",R,[...r[0]||(r[0]=[e.createElementVNode("div",{class:"loading-spinner"},null,-1),e.createElementVNode("p",null,"Loading payment form...",-1)])])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",V,[r[1]||(r[1]=e.createElementVNode("div",{class:"error-icon"}," ⚠️ ",-1)),e.createElementVNode("p",null,e.toDisplayString(u.value),1),e.createElementVNode("button",{class:"retry-btn",onClick:y}," Retry ")])):e.createCommentVNode("",!0),c.showPayButton&&!m.value&&!u.value?(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("button",{disabled:o.value,class:"payment-button",onClick:h},e.toDisplayString(o.value?"Processing...":`Pay ${P.value}${k.value}`),9,x)])):e.createCommentVNode("",!0)]))}}),_=(c,d)=>{const l=c.__vccOpts||c;for(const[t,a]of d)l[t]=a;return l},$=_(M,[["__scopeId","data-v-adbdf3c5"]]),O=e.defineComponent({__name:"AdyenPayment",props:{paymentId:{},clientData:{},clientKey:{},environment:{},amount:{},currency:{},paymentData:{},onCancel:{type:Function}},emits:["submit","additionalDetails","error","ready","success"],setup(c,{emit:d}){const l=c,t=d,a=e.ref(null),v=()=>{if(!l.clientData)return console.error("No clientData provided"),null;try{const o=JSON.parse(l.clientData);return console.log("Parsed Adyen session data:",o),{id:o.id,sessionData:o.sessionData,amount:o.amount,reference:o.reference,returnUrl:o.returnUrl,merchantAccount:o.merchantAccount}}catch(o){return console.error("Failed to parse clientData:",o),null}},m=async()=>{var u;if(!l.clientKey||!a.value){console.error("Initialization failed: Missing clientKey or container.");return}const o=v();if(!o){console.error("Failed to parse session data"),t("error",new Error("Failed to parse session data"));return}try{const{AdyenCheckout:p,Card:b,ApplePay:f,GooglePay:P,Klarna:k,Blik:i,Dropin:y}=await import("@adyen/adyen-web"),h={environment:l.environment||"test",clientKey:l.clientKey,session:o,onPaymentCompleted:(n,D)=>{console.info("Payment Completed:",n,D),t("submit",n),n.resultCode==="Authorised"||n.resultCode==="Received"?(console.info("Payment Successful:",n),t("success",{status:"succeeded",message:"Payment completed successfully",resultCode:n.resultCode,pspReference:n.pspReference,paymentData:n})):n.resultCode==="Pending"?(console.info("Payment Pending:",n),t("success",{status:"processing",message:"Payment is being processed",resultCode:n.resultCode,pspReference:n.pspReference,paymentData:n})):(n.resultCode==="Refused"||n.resultCode==="Error")&&(console.error("Payment Failed:",n),t("error",{message:n.refusalReason||"Payment was declined",resultCode:n.resultCode,paymentData:n}))},onError:(n,D)=>{console.error("Adyen Error:",n.name,n.message,n.stack,D),t("error",n)}},g={showPayButton:!0,paymentMethodComponents:[b,f,P,k,i],paymentMethodsConfiguration:{card:{hasHolderName:!0,holderNameRequired:!0,billingAddressRequired:!1,enableStoreDetails:!1},applePay:{showPayButton:!0},googlePay:{showPayButton:!0},klarna:{useKlarnaWidget:!0},blik:{}}},s=await p(h);console.log("Adyen Checkout created:",s),console.log("Available payment methods from session:",(u=s.paymentMethodsResponse)==null?void 0:u.paymentMethods);const r=new y(s,g);console.log("Adyen Drop-in created with session payment methods"),a.value&&(r.mount(a.value),console.log("Adyen Drop-in mounted successfully"),t("ready"))}catch(p){console.error("Error creating Adyen Drop-in:",p),t("error",p)}};return e.onMounted(()=>{m()}),e.watch(()=>l.clientData,()=>{a.value&&(a.value.innerHTML="",m())}),(o,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropinContainer",ref:a,class:"payment-dropin"},null,512))}}),H=_(O,[["__scopeId","data-v-ef2ec054"]]),T={class:"delayed-payment-card"},j=["disabled"],z={key:0,class:"mt-2 text-sm text-red-600"},q=e.defineComponent({__name:"DelayedPayment",props:{paymentId:{default:void 0},clientData:{default:void 0},amount:{},currency:{},tenantId:{default:void 0}},emits:["submit","success","error","ready"],setup(c,{expose:d,emit:l}){const t=c,a=l,v=e.ref(!1),m=e.ref(""),o=e.ref({}),u=e.computed(()=>({EUR:"€",USD:"$",GBP:"£",CHF:"CHF",NOK:"kr",SEK:"kr",DKK:"kr",PLN:"zł"})[t.currency]||t.currency),p=e.computed(()=>t.amount.toFixed(2)),b=e.computed(()=>o.value.transactionNumber&&o.value.confirmationUrl),f=()=>{if(!t.clientData){console.error("No clientData provided for delayed payment");return}try{const i=JSON.parse(t.clientData);o.value={transactionNumber:i.transactionNumber,merchantReference:i.merchantReference,providerUid:i.providerUid,paymentUid:i.paymentUid,confirmationUrl:i.confirmationUrl},a("ready")}catch(i){m.value="Invalid session data",a("error",i)}},P=async()=>{if(!(!b.value||v.value)){v.value=!0,m.value="";try{const i={provider:"delayed-payment",amount:t.amount,currency:t.currency,transactionNumber:o.value.transactionNumber,merchantReference:o.value.merchantReference,timestamp:new Date().toISOString()};a("submit",i);const y={"Content-Type":"application/json",Accept:"application/json"};t.tenantId&&(y["X-Tenant-ID"]=t.tenantId);const h=await fetch(o.value.confirmationUrl,{method:"POST",headers:y,credentials:"include"});if(!h.ok){let s="Failed to confirm payment";try{const r=await h.json();r&&typeof r=="object"&&"message"in r&&(s=r.message||s)}catch{try{const r=await h.text();r&&(s=r)}catch{}}throw new Error(s)}const g=await h.json();a("success",{status:"succeeded",message:g.message,paymentId:g.paymentId,transactionNumber:o.value.transactionNumber})}catch(i){m.value=i instanceof Error?i.message:"Failed to confirm payment",a("error",i)}finally{v.value=!1}}},k=()=>{m.value=""};return e.onMounted(()=>{f()}),d({clearError:k}),(i,y)=>(e.openBlock(),e.createElementBlock("div",T,[y[0]||(y[0]=e.createElementVNode("div",{class:"header-row"},[e.createElementVNode("span",{class:"header-icon"},"💳"),e.createElementVNode("span",{class:"header-title"},"Delayed payment")],-1)),y[1]||(y[1]=e.createElementVNode("div",{class:"header-description"}," Payment will be processed manually via invoice or bank transfer ",-1)),e.createElementVNode("button",{disabled:v.value||!b.value,class:"confirm-btn",onClick:P},e.toDisplayString(v.value?"Processing...":`Confirm payment ${p.value}${u.value}`),9,j),m.value?(e.openBlock(),e.createElementBlock("p",z,e.toDisplayString(m.value),1)):e.createCommentVNode("",!0)]))}}),L=_(q,[["__scopeId","data-v-469f1c48"]]);exports.AdyenPayment=H;exports.DelayedPayment=L;exports.StripePayment=$;
+"use strict";var N=Object.create;var S=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var A=(c,d,l,t)=>{if(d&&typeof d=="object"||typeof d=="function")for(let n of B(d))!U.call(c,n)&&n!==l&&S(c,n,{get:()=>d[n],enumerable:!(t=w(d,n))||t.enumerable});return c};var E=(c,d,l)=>(l=c!=null?N(K(c)):{},A(d||!c||!c.__esModule?S(l,"default",{value:c,enumerable:!0}):l,c));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),R={class:"stripe-elements"},F={key:0,class:"elements-loading"},V={key:1,class:"elements-error"},I={key:2,class:"payment-button-container"},x=["disabled"],M=e.defineComponent({__name:"StripePayment",props:{paymentId:{},clientData:{default:void 0},clientKey:{default:void 0},amount:{},currency:{},publishableKey:{default:void 0},appearance:{default:void 0},showPayButton:{type:Boolean,default:!0},locale:{default:"en"},loader:{default:"auto"},returnUrl:{default:void 0}},emits:["submit","success","error","ready"],setup(c,{expose:d,emit:l}){const t=c,n=l,b=e.ref(),m=e.ref(!0),o=e.ref(!1),u=e.ref("");let p=null,g=null,f=null;const k=e.computed(()=>({EUR:"€",USD:"$",GBP:"£",CHF:"CHF",NOK:"kr",SEK:"kr",DKK:"kr",PLN:"zł",CZK:"Kč",HUF:"Ft"})[t.currency]||t.currency),C=e.computed(()=>t.amount.toFixed(2)),i=e.computed(()=>{if(t.clientData)try{const s=JSON.parse(t.clientData);return s.clientSecret||s.client_secret}catch{return}}),y=async()=>{if(!b.value)return;let s=t.publishableKey;if(!s&&t.clientData)try{const a=JSON.parse(t.clientData);s=a.publishableKey||a.publishable_key}catch{}if(!s){u.value="Publishable key is required",m.value=!1;return}try{m.value=!0,u.value="";const{loadStripe:a}=await import("@stripe/stripe-js");if(p=await a(s),!p)throw new Error("Failed to load Stripe");const v=i.value,r={appearance:t.appearance||{theme:"stripe",variables:{colorPrimary:"#0570de",colorBackground:"#ffffff",colorText:"#30313d",colorDanger:"#df1b41",fontFamily:'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',spacingUnit:"4px",borderRadius:"4px"}},loader:t.loader,locale:t.locale};v&&(r.clientSecret=v),g=p.elements(r),f=g.create("payment",{layout:"tabs",defaultValues:{billingDetails:{name:"",email:"",phone:""}}}),f.mount(b.value),f.on("ready",()=>{m.value=!1,n("ready")}),f.on("change",P=>{P.error?(u.value=P.error.message,n("error",P.error)):u.value=""})}catch(a){u.value=a instanceof Error?a.message:"Failed to initialize payment form",m.value=!1,n("error",a)}},D=async()=>{if(!(!p||!f)){o.value=!0,u.value="";try{const s=t.returnUrl||`${window.location.origin}/payment/return`,{error:a,paymentIntent:v}=await p.confirmPayment({elements:g,confirmParams:{return_url:s},redirect:"if_required"});a?(u.value=a.message||"Payment failed",n("error",a)):v?v.status==="succeeded"?n("success",{paymentIntent:v,status:"succeeded",message:"Payment completed successfully!"}):v.status==="processing"?n("success",{paymentIntent:v,status:"processing",message:"Payment is being processed..."}):n("submit",{paymentIntent:v,status:v.status}):n("submit",f)}catch(s){u.value=s instanceof Error?s.message:"Payment failed",n("error",s)}finally{o.value=!1}}},h=()=>{f&&(f.destroy(),f=null),g&&(g=null),p&&(p=null)};return e.onMounted(()=>{y()}),e.onUnmounted(()=>{h()}),e.watch(()=>t.currency,()=>{h(),y()}),e.watch([()=>t.publishableKey,()=>t.clientData],()=>{(t.publishableKey||t.clientData)&&(h(),y())}),d({destroyElements:h}),(s,a)=>(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",{ref_key:"elementsContainer",ref:b,class:"elements-container"},null,512),m.value?(e.openBlock(),e.createElementBlock("div",F,[...a[0]||(a[0]=[e.createElementVNode("div",{class:"loading-spinner"},null,-1),e.createElementVNode("p",null,"Loading payment form...",-1)])])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",V,[a[1]||(a[1]=e.createElementVNode("div",{class:"error-icon"}," ⚠️ ",-1)),e.createElementVNode("p",null,e.toDisplayString(u.value),1),e.createElementVNode("button",{class:"retry-btn",onClick:y}," Retry ")])):e.createCommentVNode("",!0),c.showPayButton&&!m.value&&!u.value?(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("button",{disabled:o.value,class:"payment-button",onClick:D},e.toDisplayString(o.value?"Processing...":`Pay ${k.value}${C.value}`),9,x)])):e.createCommentVNode("",!0)]))}}),_=(c,d)=>{const l=c.__vccOpts||c;for(const[t,n]of d)l[t]=n;return l},$=_(M,[["__scopeId","data-v-adbdf3c5"]]),O=e.defineComponent({__name:"AdyenPayment",props:{paymentId:{},clientData:{},clientKey:{},environment:{},amount:{},currency:{},paymentData:{},onCancel:{type:Function}},emits:["submit","additionalDetails","error","ready","success"],setup(c,{emit:d}){const l=c,t=d,n=e.ref(null),b=()=>{if(!l.clientData)return console.error("No clientData provided"),null;try{const o=JSON.parse(l.clientData);return console.log("Parsed Adyen session data:",o),{id:o.id,sessionData:o.sessionData,amount:o.amount,reference:o.reference,returnUrl:o.returnUrl,merchantAccount:o.merchantAccount}}catch(o){return console.error("Failed to parse clientData:",o),null}},m=async()=>{var u;if(!l.clientKey||!n.value){console.error("Initialization failed: Missing clientKey or container.");return}const o=b();if(!o){console.error("Failed to parse session data"),t("error",new Error("Failed to parse session data"));return}try{const{AdyenCheckout:p,Card:g,ApplePay:f,GooglePay:k,Klarna:C,Blik:i,Redirect:y,Dropin:D}=await import("@adyen/adyen-web"),h={environment:l.environment||"test",clientKey:l.clientKey,session:o,onPaymentCompleted:(r,P)=>{console.info("Payment Completed:",r,P),t("submit",r),r.resultCode==="Authorised"||r.resultCode==="Received"?(console.info("Payment Successful:",r),t("success",{status:"succeeded",message:"Payment completed successfully",resultCode:r.resultCode,pspReference:r.pspReference,paymentData:r})):r.resultCode==="Pending"?(console.info("Payment Pending:",r),t("success",{status:"processing",message:"Payment is being processed",resultCode:r.resultCode,pspReference:r.pspReference,paymentData:r})):(r.resultCode==="Refused"||r.resultCode==="Error")&&(console.error("Payment Failed:",r),t("error",{message:r.refusalReason||"Payment was declined",resultCode:r.resultCode,paymentData:r}))},onError:(r,P)=>{console.error("Adyen Error:",r.name,r.message,r.stack,P),t("error",r)}},s={showPayButton:!0,paymentMethodComponents:[g,f,k,C,i,y],paymentMethodsConfiguration:{card:{hasHolderName:!0,holderNameRequired:!0,billingAddressRequired:!1,enableStoreDetails:!1},applePay:{showPayButton:!0},googlePay:{showPayButton:!0},klarna:{useKlarnaWidget:!0},blik:{}}},a=await p(h);console.log("Adyen Checkout created:",a),console.log("Available payment methods from session:",(u=a.paymentMethodsResponse)==null?void 0:u.paymentMethods);const v=new D(a,s);console.log("Adyen Drop-in created with session payment methods"),n.value&&(v.mount(n.value),console.log("Adyen Drop-in mounted successfully"),t("ready"))}catch(p){console.error("Error creating Adyen Drop-in:",p),t("error",p)}};return e.onMounted(()=>{m()}),e.watch(()=>l.clientData,()=>{n.value&&(n.value.innerHTML="",m())}),(o,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropinContainer",ref:n,class:"payment-dropin"},null,512))}}),H=_(O,[["__scopeId","data-v-f0b79c68"]]),T={class:"delayed-payment-card"},j=["disabled"],z={key:0,class:"mt-2 text-sm text-red-600"},q=e.defineComponent({__name:"DelayedPayment",props:{paymentId:{default:void 0},clientData:{default:void 0},amount:{},currency:{},tenantId:{default:void 0}},emits:["submit","success","error","ready"],setup(c,{expose:d,emit:l}){const t=c,n=l,b=e.ref(!1),m=e.ref(""),o=e.ref({}),u=e.computed(()=>({EUR:"€",USD:"$",GBP:"£",CHF:"CHF",NOK:"kr",SEK:"kr",DKK:"kr",PLN:"zł"})[t.currency]||t.currency),p=e.computed(()=>t.amount.toFixed(2)),g=e.computed(()=>o.value.transactionNumber&&o.value.confirmationUrl),f=()=>{if(!t.clientData){console.error("No clientData provided for delayed payment");return}try{const i=JSON.parse(t.clientData);o.value={transactionNumber:i.transactionNumber,merchantReference:i.merchantReference,providerUid:i.providerUid,paymentUid:i.paymentUid,confirmationUrl:i.confirmationUrl},n("ready")}catch(i){m.value="Invalid session data",n("error",i)}},k=async()=>{if(!(!g.value||b.value)){b.value=!0,m.value="";try{const i={provider:"delayed-payment",amount:t.amount,currency:t.currency,transactionNumber:o.value.transactionNumber,merchantReference:o.value.merchantReference,timestamp:new Date().toISOString()};n("submit",i);const y={"Content-Type":"application/json",Accept:"application/json"};t.tenantId&&(y["X-Tenant-ID"]=t.tenantId);const D=await fetch(o.value.confirmationUrl,{method:"POST",headers:y,credentials:"include"});if(!D.ok){let s="Failed to confirm payment";try{const a=await D.json();a&&typeof a=="object"&&"message"in a&&(s=a.message||s)}catch{try{const a=await D.text();a&&(s=a)}catch{}}throw new Error(s)}const h=await D.json();n("success",{status:"succeeded",message:h.message,paymentId:h.paymentId,transactionNumber:o.value.transactionNumber})}catch(i){m.value=i instanceof Error?i.message:"Failed to confirm payment",n("error",i)}finally{b.value=!1}}},C=()=>{m.value=""};return e.onMounted(()=>{f()}),d({clearError:C}),(i,y)=>(e.openBlock(),e.createElementBlock("div",T,[y[0]||(y[0]=e.createElementVNode("div",{class:"header-row"},[e.createElementVNode("span",{class:"header-icon"},"💳"),e.createElementVNode("span",{class:"header-title"},"Delayed payment")],-1)),y[1]||(y[1]=e.createElementVNode("div",{class:"header-description"}," Payment will be processed manually via invoice or bank transfer ",-1)),e.createElementVNode("button",{disabled:b.value||!g.value,class:"confirm-btn",onClick:k},e.toDisplayString(b.value?"Processing...":`Confirm payment ${p.value}${u.value}`),9,j),m.value?(e.openBlock(),e.createElementBlock("p",z,e.toDisplayString(m.value),1)):e.createCommentVNode("",!0)]))}}),L=_(q,[["__scopeId","data-v-469f1c48"]]);exports.AdyenPayment=H;exports.DelayedPayment=L;exports.StripePayment=$;

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, ref as g, computed as S, onMounted as F, onUnmounted as I, watch as U, createElementBlock as P, openBlock as _, createElementVNode as y, createCommentVNode as K, toDisplayString as E } from "vue";
+import { defineComponent as R, ref as D, computed as k, onMounted as A, onUnmounted as I, watch as U, createElementBlock as C, openBlock as S, createElementVNode as p, createCommentVNode as E, toDisplayString as N } from "vue";
 const x = { class: "stripe-elements" }, B = {
   key: 0,
   class: "elements-loading"
@@ -8,7 +8,7 @@ const x = { class: "stripe-elements" }, B = {
 }, M = {
   key: 2,
   class: "payment-button-container"
-}, O = ["disabled"], H = /* @__PURE__ */ A({
+}, O = ["disabled"], H = /* @__PURE__ */ R({
   __name: "StripePayment",
   props: {
     paymentId: {},
@@ -24,10 +24,10 @@ const x = { class: "stripe-elements" }, B = {
     returnUrl: { default: void 0 }
   },
   emits: ["submit", "success", "error", "ready"],
-  setup(v, { expose: D, emit: d }) {
-    const e = v, r = d, p = g(), l = g(!0), a = g(!1), i = g("");
-    let c = null, f = null, m = null;
-    const k = S(() => ({
+  setup(b, { expose: P, emit: d }) {
+    const e = b, r = d, f = D(), l = D(!0), a = D(!1), i = D("");
+    let c = null, v = null, m = null;
+    const w = k(() => ({
       EUR: "€",
       USD: "$",
       GBP: "£",
@@ -38,7 +38,7 @@ const x = { class: "stripe-elements" }, B = {
       PLN: "zł",
       CZK: "Kč",
       HUF: "Ft"
-    })[e.currency] || e.currency), w = S(() => e.amount.toFixed(2)), s = S(() => {
+    })[e.currency] || e.currency), K = k(() => e.amount.toFixed(2)), s = k(() => {
       if (e.clientData)
         try {
           const o = JSON.parse(e.clientData);
@@ -47,12 +47,12 @@ const x = { class: "stripe-elements" }, B = {
           return;
         }
     }), u = async () => {
-      if (!p.value) return;
+      if (!f.value) return;
       let o = e.publishableKey;
       if (!o && e.clientData)
         try {
-          const n = JSON.parse(e.clientData);
-          o = n.publishableKey || n.publishable_key;
+          const t = JSON.parse(e.clientData);
+          o = t.publishableKey || t.publishable_key;
         } catch {
         }
       if (!o) {
@@ -61,10 +61,10 @@ const x = { class: "stripe-elements" }, B = {
       }
       try {
         l.value = !0, i.value = "";
-        const { loadStripe: n } = await import("@stripe/stripe-js");
-        if (c = await n(o), !c)
+        const { loadStripe: t } = await import("@stripe/stripe-js");
+        if (c = await t(o), !c)
           throw new Error("Failed to load Stripe");
-        const t = s.value, C = {
+        const y = s.value, n = {
           appearance: e.appearance || {
             theme: "stripe",
             variables: {
@@ -80,7 +80,7 @@ const x = { class: "stripe-elements" }, B = {
           loader: e.loader,
           locale: e.locale
         };
-        t && (C.clientSecret = t), f = c.elements(C), m = f.create("payment", {
+        y && (n.clientSecret = y), v = c.elements(n), m = v.create("payment", {
           layout: "tabs",
           defaultValues: {
             billingDetails: {
@@ -89,86 +89,86 @@ const x = { class: "stripe-elements" }, B = {
               phone: ""
             }
           }
-        }), m.mount(p.value), m.on("ready", () => {
+        }), m.mount(f.value), m.on("ready", () => {
           l.value = !1, r("ready");
-        }), m.on("change", (N) => {
-          N.error ? (i.value = N.error.message, r("error", N.error)) : i.value = "";
+        }), m.on("change", (_) => {
+          _.error ? (i.value = _.error.message, r("error", _.error)) : i.value = "";
         });
-      } catch (n) {
-        i.value = n instanceof Error ? n.message : "Failed to initialize payment form", l.value = !1, r("error", n);
+      } catch (t) {
+        i.value = t instanceof Error ? t.message : "Failed to initialize payment form", l.value = !1, r("error", t);
       }
-    }, h = async () => {
+    }, g = async () => {
       if (!(!c || !m)) {
         a.value = !0, i.value = "";
         try {
-          const o = e.returnUrl || `${window.location.origin}/payment/return`, { error: n, paymentIntent: t } = await c.confirmPayment({
-            elements: f,
+          const o = e.returnUrl || `${window.location.origin}/payment/return`, { error: t, paymentIntent: y } = await c.confirmPayment({
+            elements: v,
             confirmParams: {
               return_url: o
             },
             redirect: "if_required"
           });
-          n ? (i.value = n.message || "Payment failed", r("error", n)) : t ? t.status === "succeeded" ? r("success", {
-            paymentIntent: t,
+          t ? (i.value = t.message || "Payment failed", r("error", t)) : y ? y.status === "succeeded" ? r("success", {
+            paymentIntent: y,
             status: "succeeded",
             message: "Payment completed successfully!"
-          }) : t.status === "processing" ? r("success", {
-            paymentIntent: t,
+          }) : y.status === "processing" ? r("success", {
+            paymentIntent: y,
             status: "processing",
             message: "Payment is being processed..."
-          }) : r("submit", { paymentIntent: t, status: t.status }) : r("submit", m);
+          }) : r("submit", { paymentIntent: y, status: y.status }) : r("submit", m);
         } catch (o) {
           i.value = o instanceof Error ? o.message : "Payment failed", r("error", o);
         } finally {
           a.value = !1;
         }
       }
-    }, b = () => {
-      m && (m.destroy(), m = null), f && (f = null), c && (c = null);
+    }, h = () => {
+      m && (m.destroy(), m = null), v && (v = null), c && (c = null);
     };
-    return F(() => {
+    return A(() => {
       u();
     }), I(() => {
-      b();
+      h();
     }), U(() => e.currency, () => {
-      b(), u();
+      h(), u();
     }), U([() => e.publishableKey, () => e.clientData], () => {
-      (e.publishableKey || e.clientData) && (b(), u());
-    }), D({
-      destroyElements: b
-    }), (o, n) => (_(), P("div", x, [
-      y("div", {
+      (e.publishableKey || e.clientData) && (h(), u());
+    }), P({
+      destroyElements: h
+    }), (o, t) => (S(), C("div", x, [
+      p("div", {
         ref_key: "elementsContainer",
-        ref: p,
+        ref: f,
         class: "elements-container"
       }, null, 512),
-      l.value ? (_(), P("div", B, [...n[0] || (n[0] = [
-        y("div", { class: "loading-spinner" }, null, -1),
-        y("p", null, "Loading payment form...", -1)
-      ])])) : K("", !0),
-      i.value ? (_(), P("div", $, [
-        n[1] || (n[1] = y("div", { class: "error-icon" }, " ⚠️ ", -1)),
-        y("p", null, E(i.value), 1),
-        y("button", {
+      l.value ? (S(), C("div", B, [...t[0] || (t[0] = [
+        p("div", { class: "loading-spinner" }, null, -1),
+        p("p", null, "Loading payment form...", -1)
+      ])])) : E("", !0),
+      i.value ? (S(), C("div", $, [
+        t[1] || (t[1] = p("div", { class: "error-icon" }, " ⚠️ ", -1)),
+        p("p", null, N(i.value), 1),
+        p("button", {
           class: "retry-btn",
           onClick: u
         }, " Retry ")
-      ])) : K("", !0),
-      v.showPayButton && !l.value && !i.value ? (_(), P("div", M, [
-        y("button", {
+      ])) : E("", !0),
+      b.showPayButton && !l.value && !i.value ? (S(), C("div", M, [
+        p("button", {
           disabled: a.value,
           class: "payment-button",
-          onClick: h
-        }, E(a.value ? "Processing..." : `Pay ${k.value}${w.value}`), 9, O)
-      ])) : K("", !0)
+          onClick: g
+        }, N(a.value ? "Processing..." : `Pay ${w.value}${K.value}`), 9, O)
+      ])) : E("", !0)
     ]));
   }
-}), R = (v, D) => {
-  const d = v.__vccOpts || v;
-  for (const [e, r] of D)
+}), F = (b, P) => {
+  const d = b.__vccOpts || b;
+  for (const [e, r] of P)
     d[e] = r;
   return d;
-}, V = /* @__PURE__ */ R(H, [["__scopeId", "data-v-adbdf3c5"]]), z = /* @__PURE__ */ A({
+}, V = /* @__PURE__ */ F(H, [["__scopeId", "data-v-adbdf3c5"]]), z = /* @__PURE__ */ R({
   __name: "AdyenPayment",
   props: {
     paymentId: {},
@@ -181,8 +181,8 @@ const x = { class: "stripe-elements" }, B = {
     onCancel: { type: Function }
   },
   emits: ["submit", "additionalDetails", "error", "ready", "success"],
-  setup(v, { emit: D }) {
-    const d = v, e = D, r = g(null), p = () => {
+  setup(b, { emit: P }) {
+    const d = b, e = P, r = D(null), f = () => {
       if (!d.clientData)
         return console.error("No clientData provided"), null;
       try {
@@ -204,41 +204,41 @@ const x = { class: "stripe-elements" }, B = {
         console.error("Initialization failed: Missing clientKey or container.");
         return;
       }
-      const a = p();
+      const a = f();
       if (!a) {
         console.error("Failed to parse session data"), e("error", new Error("Failed to parse session data"));
         return;
       }
       try {
-        const { AdyenCheckout: c, Card: f, ApplePay: m, GooglePay: k, Klarna: w, Blik: s, Dropin: u } = await import("@adyen/adyen-web"), h = {
+        const { AdyenCheckout: c, Card: v, ApplePay: m, GooglePay: w, Klarna: K, Blik: s, Redirect: u, Dropin: g } = await import("@adyen/adyen-web"), h = {
           environment: d.environment || "test",
           clientKey: d.clientKey,
           session: a,
-          onPaymentCompleted: (t, C) => {
-            console.info("Payment Completed:", t, C), e("submit", t), t.resultCode === "Authorised" || t.resultCode === "Received" ? (console.info("Payment Successful:", t), e("success", {
+          onPaymentCompleted: (n, _) => {
+            console.info("Payment Completed:", n, _), e("submit", n), n.resultCode === "Authorised" || n.resultCode === "Received" ? (console.info("Payment Successful:", n), e("success", {
               status: "succeeded",
               message: "Payment completed successfully",
-              resultCode: t.resultCode,
-              pspReference: t.pspReference,
-              paymentData: t
-            })) : t.resultCode === "Pending" ? (console.info("Payment Pending:", t), e("success", {
+              resultCode: n.resultCode,
+              pspReference: n.pspReference,
+              paymentData: n
+            })) : n.resultCode === "Pending" ? (console.info("Payment Pending:", n), e("success", {
               status: "processing",
               message: "Payment is being processed",
-              resultCode: t.resultCode,
-              pspReference: t.pspReference,
-              paymentData: t
-            })) : (t.resultCode === "Refused" || t.resultCode === "Error") && (console.error("Payment Failed:", t), e("error", {
-              message: t.refusalReason || "Payment was declined",
-              resultCode: t.resultCode,
-              paymentData: t
+              resultCode: n.resultCode,
+              pspReference: n.pspReference,
+              paymentData: n
+            })) : (n.resultCode === "Refused" || n.resultCode === "Error") && (console.error("Payment Failed:", n), e("error", {
+              message: n.refusalReason || "Payment was declined",
+              resultCode: n.resultCode,
+              paymentData: n
             }));
           },
-          onError: (t, C) => {
-            console.error("Adyen Error:", t.name, t.message, t.stack, C), e("error", t);
+          onError: (n, _) => {
+            console.error("Adyen Error:", n.name, n.message, n.stack, _), e("error", n);
           }
-        }, b = {
+        }, o = {
           showPayButton: !0,
-          paymentMethodComponents: [f, m, k, w, s],
+          paymentMethodComponents: [v, m, w, K, s, u],
           paymentMethodsConfiguration: {
             card: {
               hasHolderName: !0,
@@ -259,28 +259,28 @@ const x = { class: "stripe-elements" }, B = {
               // BLIK configuration for Polish market
             }
           }
-        }, o = await c(h);
-        console.log("Adyen Checkout created:", o), console.log("Available payment methods from session:", (i = o.paymentMethodsResponse) == null ? void 0 : i.paymentMethods);
-        const n = new u(o, b);
-        console.log("Adyen Drop-in created with session payment methods"), r.value && (n.mount(r.value), console.log("Adyen Drop-in mounted successfully"), e("ready"));
+        }, t = await c(h);
+        console.log("Adyen Checkout created:", t), console.log("Available payment methods from session:", (i = t.paymentMethodsResponse) == null ? void 0 : i.paymentMethods);
+        const y = new g(t, o);
+        console.log("Adyen Drop-in created with session payment methods"), r.value && (y.mount(r.value), console.log("Adyen Drop-in mounted successfully"), e("ready"));
       } catch (c) {
         console.error("Error creating Adyen Drop-in:", c), e("error", c);
       }
     };
-    return F(() => {
+    return A(() => {
       l();
     }), U(() => d.clientData, () => {
       r.value && (r.value.innerHTML = "", l());
-    }), (a, i) => (_(), P("div", {
+    }), (a, i) => (S(), C("div", {
       ref_key: "dropinContainer",
       ref: r,
       class: "payment-dropin"
     }, null, 512));
   }
-}), G = /* @__PURE__ */ R(z, [["__scopeId", "data-v-ef2ec054"]]), T = { class: "delayed-payment-card" }, j = ["disabled"], L = {
+}), G = /* @__PURE__ */ F(z, [["__scopeId", "data-v-f0b79c68"]]), T = { class: "delayed-payment-card" }, j = ["disabled"], L = {
   key: 0,
   class: "mt-2 text-sm text-red-600"
-}, q = /* @__PURE__ */ A({
+}, q = /* @__PURE__ */ R({
   __name: "DelayedPayment",
   props: {
     paymentId: { default: void 0 },
@@ -290,8 +290,8 @@ const x = { class: "stripe-elements" }, B = {
     tenantId: { default: void 0 }
   },
   emits: ["submit", "success", "error", "ready"],
-  setup(v, { expose: D, emit: d }) {
-    const e = v, r = d, p = g(!1), l = g(""), a = g({}), i = S(() => ({
+  setup(b, { expose: P, emit: d }) {
+    const e = b, r = d, f = D(!1), l = D(""), a = D({}), i = k(() => ({
       EUR: "€",
       USD: "$",
       GBP: "£",
@@ -300,7 +300,7 @@ const x = { class: "stripe-elements" }, B = {
       SEK: "kr",
       DKK: "kr",
       PLN: "zł"
-    })[e.currency] || e.currency), c = S(() => e.amount.toFixed(2)), f = S(() => a.value.transactionNumber && a.value.confirmationUrl), m = () => {
+    })[e.currency] || e.currency), c = k(() => e.amount.toFixed(2)), v = k(() => a.value.transactionNumber && a.value.confirmationUrl), m = () => {
       if (!e.clientData) {
         console.error("No clientData provided for delayed payment");
         return;
@@ -317,9 +317,9 @@ const x = { class: "stripe-elements" }, B = {
       } catch (s) {
         l.value = "Invalid session data", r("error", s);
       }
-    }, k = async () => {
-      if (!(!f.value || p.value)) {
-        p.value = !0, l.value = "";
+    }, w = async () => {
+      if (!(!v.value || f.value)) {
+        f.value = !0, l.value = "";
         try {
           const s = {
             provider: "delayed-payment",
@@ -335,60 +335,60 @@ const x = { class: "stripe-elements" }, B = {
             Accept: "application/json"
           };
           e.tenantId && (u["X-Tenant-ID"] = e.tenantId);
-          const h = await fetch(a.value.confirmationUrl, {
+          const g = await fetch(a.value.confirmationUrl, {
             method: "POST",
             headers: u,
             credentials: "include"
           });
-          if (!h.ok) {
+          if (!g.ok) {
             let o = "Failed to confirm payment";
             try {
-              const n = await h.json();
-              n && typeof n == "object" && "message" in n && (o = n.message || o);
+              const t = await g.json();
+              t && typeof t == "object" && "message" in t && (o = t.message || o);
             } catch {
               try {
-                const n = await h.text();
-                n && (o = n);
+                const t = await g.text();
+                t && (o = t);
               } catch {
               }
             }
             throw new Error(o);
           }
-          const b = await h.json();
+          const h = await g.json();
           r("success", {
             status: "succeeded",
-            message: b.message,
-            paymentId: b.paymentId,
+            message: h.message,
+            paymentId: h.paymentId,
             transactionNumber: a.value.transactionNumber
           });
         } catch (s) {
           l.value = s instanceof Error ? s.message : "Failed to confirm payment", r("error", s);
         } finally {
-          p.value = !1;
+          f.value = !1;
         }
       }
-    }, w = () => {
+    }, K = () => {
       l.value = "";
     };
-    return F(() => {
+    return A(() => {
       m();
-    }), D({
-      clearError: w
-    }), (s, u) => (_(), P("div", T, [
-      u[0] || (u[0] = y("div", { class: "header-row" }, [
-        y("span", { class: "header-icon" }, "💳"),
-        y("span", { class: "header-title" }, "Delayed payment")
+    }), P({
+      clearError: K
+    }), (s, u) => (S(), C("div", T, [
+      u[0] || (u[0] = p("div", { class: "header-row" }, [
+        p("span", { class: "header-icon" }, "💳"),
+        p("span", { class: "header-title" }, "Delayed payment")
       ], -1)),
-      u[1] || (u[1] = y("div", { class: "header-description" }, " Payment will be processed manually via invoice or bank transfer ", -1)),
-      y("button", {
-        disabled: p.value || !f.value,
+      u[1] || (u[1] = p("div", { class: "header-description" }, " Payment will be processed manually via invoice or bank transfer ", -1)),
+      p("button", {
+        disabled: f.value || !v.value,
         class: "confirm-btn",
-        onClick: k
-      }, E(p.value ? "Processing..." : `Confirm payment ${c.value}${i.value}`), 9, j),
-      l.value ? (_(), P("p", L, E(l.value), 1)) : K("", !0)
+        onClick: w
+      }, N(f.value ? "Processing..." : `Confirm payment ${c.value}${i.value}`), 9, j),
+      l.value ? (S(), C("p", L, N(l.value), 1)) : E("", !0)
     ]));
   }
-}), W = /* @__PURE__ */ R(q, [["__scopeId", "data-v-469f1c48"]]);
+}), W = /* @__PURE__ */ F(q, [["__scopeId", "data-v-469f1c48"]]);
 export {
   G as AdyenPayment,
   W as DelayedPayment,

package/dist/index.d.mts

@@ -129,6 +129,24 @@ interface GetPaymentMethodsOptions {
     churchId?: string;
     isCompany?: boolean;
 }
+/** A single provider's available methods from the configuration API. */
+interface PaymentProviderMethods {
+    provider: string;
+    environment: string;
+    countryCode: string | null;
+    methods: string[];
+}
+/** Response from GET /api/v1/configuration/payment-methods. */
+interface PaymentMethodsConfigResponse {
+    tenantId: string;
+    currency: string;
+    amount: number;
+    countryCode: string | null;
+    churchId: string | null;
+    payerType: string;
+    paymentMethods: Record<string, PaymentProviderMethods>;
+    timestamp: string;
+}
 
 interface PaymentClientOptions {
     baseUrl: string;
@@ -147,7 +165,7 @@ declare class PaymentClient {
     getPayment(paymentId: string): Promise<PaymentResponse | null>;
     getReceipt(paymentId: string): Promise<PaymentReceiptResponse | null>;
     getTotalAmountByPrefix(prefix: string): Promise<number>;
-    getPaymentMethods(options?: GetPaymentMethodsOptions): Promise<unknown>;
+    getPaymentMethods(options?: GetPaymentMethodsOptions): Promise<PaymentMethodsConfigResponse>;
 }
 
 interface StripePaymentProps {
@@ -173,4 +191,4 @@ interface AdyenPaymentProps {
     onCancel?: () => void;
 }
 
-export { type AdyenPaymentProps, type CreatePaymentRequest, type CreatePaymentResponse, type GetPaymentMethodsOptions, type InvoiceRecipientRequest, type LineItemRequest, type LineItemResponse, PaymentClient, type PaymentClientOptions, type PaymentReceiptResponse, type PaymentResponse, type PaymentSucceededNotification, type PersonInfoRequest, type StripePaymentProps };
+export { type AdyenPaymentProps, type CreatePaymentRequest, type CreatePaymentResponse, type GetPaymentMethodsOptions, type InvoiceRecipientRequest, type LineItemRequest, type LineItemResponse, PaymentClient, type PaymentClientOptions, type PaymentMethodsConfigResponse, type PaymentProviderMethods, type PaymentReceiptResponse, type PaymentResponse, type PaymentSucceededNotification, type PersonInfoRequest, type StripePaymentProps };

package/dist/index.d.ts

@@ -129,6 +129,24 @@ interface GetPaymentMethodsOptions {
     churchId?: string;
     isCompany?: boolean;
 }
+/** A single provider's available methods from the configuration API. */
+interface PaymentProviderMethods {
+    provider: string;
+    environment: string;
+    countryCode: string | null;
+    methods: string[];
+}
+/** Response from GET /api/v1/configuration/payment-methods. */
+interface PaymentMethodsConfigResponse {
+    tenantId: string;
+    currency: string;
+    amount: number;
+    countryCode: string | null;
+    churchId: string | null;
+    payerType: string;
+    paymentMethods: Record<string, PaymentProviderMethods>;
+    timestamp: string;
+}
 
 interface PaymentClientOptions {
     baseUrl: string;
@@ -147,7 +165,7 @@ declare class PaymentClient {
     getPayment(paymentId: string): Promise<PaymentResponse | null>;
     getReceipt(paymentId: string): Promise<PaymentReceiptResponse | null>;
     getTotalAmountByPrefix(prefix: string): Promise<number>;
-    getPaymentMethods(options?: GetPaymentMethodsOptions): Promise<unknown>;
+    getPaymentMethods(options?: GetPaymentMethodsOptions): Promise<PaymentMethodsConfigResponse>;
 }
 
 interface StripePaymentProps {
@@ -173,4 +191,4 @@ interface AdyenPaymentProps {
     onCancel?: () => void;
 }
 
-export { type AdyenPaymentProps, type CreatePaymentRequest, type CreatePaymentResponse, type GetPaymentMethodsOptions, type InvoiceRecipientRequest, type LineItemRequest, type LineItemResponse, PaymentClient, type PaymentClientOptions, type PaymentReceiptResponse, type PaymentResponse, type PaymentSucceededNotification, type PersonInfoRequest, type StripePaymentProps };
+export { type AdyenPaymentProps, type CreatePaymentRequest, type CreatePaymentResponse, type GetPaymentMethodsOptions, type InvoiceRecipientRequest, type LineItemRequest, type LineItemResponse, PaymentClient, type PaymentClientOptions, type PaymentMethodsConfigResponse, type PaymentProviderMethods, type PaymentReceiptResponse, type PaymentResponse, type PaymentSucceededNotification, type PersonInfoRequest, type StripePaymentProps };