@rebilly/framepay-vue 12.186.0 → 12.186.1

package/CHANGELOG.md

@@ -1,5 +1,5 @@
-## 12.186.0 (2026-09-25)
+## 12.186.1 (2026-09-25)
 
-### 🧱 Updated Dependencies
+### Bug Fixes
 
-- Updated framepay-npm to 5.187.0
+- **framepay-vue:** stop throwing from the FramePay error listener ([#27093](https://github.com/Rebilly/rebilly/pull/27093))

package/dist/framepay-vue.js

@@ -1,11 +1,11 @@
-import { openBlock as u, createElementBlock as y, createElementVNode as I, withModifiers as B, renderSlot as A, markRaw as l, h as c } from "vue";
+import { openBlock as y, createElementBlock as p, createElementVNode as f, withModifiers as I, renderSlot as B, markRaw as l, h as u } from "vue";
 function h({ message: e = "Could not mount FramePay to element.", details: t = null } = {}) {
   this.message = e, this.details = t, this.name = "FramePayMountError";
 }
-function p({ message: e = "FramePay could not be initialized.", details: t = null } = {}) {
+function d({ message: e = "FramePay could not be initialized.", details: t = null } = {}) {
   this.message = e, this.details = t, this.name = "FramePayInitializeError";
 }
-function E({ message: e = "FramePay could not be loaded.", details: t = null } = {}) {
+function A({ message: e = "FramePay could not be loaded.", details: t = null } = {}) {
   this.message = e, this.details = t, this.name = "FramePayLoadError";
 }
 const P = window.process?.env?.FRAMEPAY_SCRIPT_LINK;
@@ -15,40 +15,43 @@ async function N({
   scriptLink: e,
   styleLink: t
 } = {}) {
-  return new Promise((n, r) => {
+  return new Promise((n, o) => {
     if (window.Framepay)
       n(window.Framepay);
     else {
-      const a = document.createElement("link");
-      a.setAttribute("href", t || Y), a.setAttribute("rel", "stylesheet"), document.head.prepend(a);
-      const o = document.createElement("script");
-      o.setAttribute("src", e || T), o.onload = () => n(window.Framepay), o.onerror = () => r(
+      const s = document.createElement("link");
+      s.setAttribute("href", t || Y), s.setAttribute("rel", "stylesheet"), document.head.prepend(s);
+      const r = document.createElement("script");
+      r.setAttribute("src", e || T), r.onload = () => n(window.Framepay), r.onerror = () => o(
         new Error(
           "@rebilly/framepay npm package: Failed to load FramePay script"
         )
-      ), document.head.append(o);
+      ), document.head.append(r);
     }
   });
 }
 const $ = () => N({ scriptLink: P }).catch((e) => {
-  throw new E({ details: e });
+  throw new A({ details: e });
 });
-let _;
+let E;
 const w = new Promise((e) => {
-  _ = e;
-}), g = _, b = w.then($);
+  E = e;
+}), g = E, _ = w.then($);
 function m(e = {}) {
-  return b.then(
-    (t) => new Promise((n) => {
+  return _.then(
+    (t) => new Promise((n, o) => {
+      let s = !1;
       t.on("ready", () => {
         n(t);
       }), t.on("error", (r) => {
-        throw new E({ details: r });
+        s = !0, o(new d({ details: r }));
       });
       try {
-        !t.initialized && (e.publishableKey || e.jwt) && t.initialize(e);
+        !s && !t.initialized && (e.publishableKey || e.jwt) && t.initialize(e).catch((r) => {
+          o(new d({ details: r }));
+        });
       } catch (r) {
-        throw new p({ details: r });
+        throw new d({ details: r });
       }
     })
   );
@@ -67,23 +70,23 @@ const C = "card", x = "cardCvv", U = "cardNumber", k = "cardExpiration", O = "ac
   REBILLY_PAYPAL: G
 };
 function z(e, t) {
-  return b.then((n) => {
+  return _.then((n) => {
     if (!n.initialized)
-      throw new p({
+      throw new d({
         message: "Please initialize Framepay before creating a token"
       });
     return n.createToken(e, t);
   });
 }
-function d(e) {
+function c(e) {
   return m(e).then((t) => {
     t.update({ ...e });
   });
 }
-const L = (e, t) => {
+const b = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [r, a] of t)
-    n[r] = a;
+  for (const [o, s] of t)
+    n[o] = s;
   return n;
 }, K = {
   name: "RebillyForm",
@@ -100,11 +103,11 @@ const L = (e, t) => {
   emits: ["submit", "error"],
   watch: {
     configuration(e) {
-      e && d(e);
+      e && c(e);
     }
   },
   mounted() {
-    d(this.configuration);
+    c(this.configuration);
   },
   methods: {
     handler(e) {
@@ -117,29 +120,29 @@ const L = (e, t) => {
     }
   }
 }, V = { id: "stop-wrapper" };
-function j(e, t, n, r, a, o) {
-  return u(), y("div", V, [
-    I("form", {
+function j(e, t, n, o, s, r) {
+  return y(), p("div", V, [
+    f("form", {
       id: "rebilly-form",
-      onSubmit: t[0] || (t[0] = B((...f) => o.handler && o.handler(...f), ["stop", "prevent"]))
+      onSubmit: t[0] || (t[0] = I((...R) => r.handler && r.handler(...R), ["stop", "prevent"]))
     }, [
-      A(e.$slots, "default")
+      B(e.$slots, "default")
     ], 32)
   ]);
 }
-const Q = /* @__PURE__ */ L(K, [["render", j]]), X = {
+const Q = /* @__PURE__ */ b(K, [["render", j]]), X = {
   name: "RebillyToken"
 }, W = {
   id: "rebilly-token",
   "data-rebilly": "token",
   type: "hidden"
 };
-function q(e, t, n, r, a, o) {
-  return u(), y("input", W);
+function q(e, t, n, o, s, r) {
+  return y(), p("input", W);
 }
-const Z = /* @__PURE__ */ L(X, [["render", q]]), s = {
+const Z = /* @__PURE__ */ b(X, [["render", q]]), a = {
   render() {
-    return c("div", {
+    return u("div", {
       id: this.mountId,
       domProps: { id: this.mountId }
     });
@@ -188,7 +191,7 @@ const Z = /* @__PURE__ */ L(X, [["render", q]]), s = {
   }
 }, H = {
   render() {
-    return c("div", {
+    return u("div", {
       id: this.mountId,
       domProps: { id: this.mountId }
     });
@@ -223,7 +226,7 @@ const Z = /* @__PURE__ */ L(X, [["render", q]]), s = {
   },
   watch: {
     configuration(e) {
-      e && d(e);
+      e && c(e);
     }
   },
   created() {
@@ -238,9 +241,9 @@ const Z = /* @__PURE__ */ L(X, [["render", q]]), s = {
   beforeUnmount() {
     this.destroyElement();
   }
-}, R = {
+}, L = {
   render() {
-    return c("div", {
+    return u("div", {
       id: this.mountId,
       domProps: { id: this.mountId }
     });
@@ -262,8 +265,8 @@ const Z = /* @__PURE__ */ L(X, [["render", q]]), s = {
       m(this.configuration).then((t) => {
         try {
           let n = null;
-          this.elementType === i.REBILLY_APPLE_PAY ? n = t.applePay : this.elementType === i.REBILLY_PAYPAL && (n = t.paypal), this.element = l(n.mount(e)), t.on("token-ready", (r) => {
-            this.$emit("token-ready", r), this.$parent.$emit("token-ready", r);
+          this.elementType === i.REBILLY_APPLE_PAY ? n = t.applePay : this.elementType === i.REBILLY_PAYPAL && (n = t.paypal), this.element = l(n.mount(e)), t.on("token-ready", (o) => {
+            this.$emit("token-ready", o), this.$parent.$emit("token-ready", o);
           });
         } catch (n) {
           throw new h({ details: n });
@@ -276,7 +279,7 @@ const Z = /* @__PURE__ */ L(X, [["render", q]]), s = {
   },
   watch: {
     configuration(e) {
-      e && d(e);
+      e && c(e);
     }
   },
   created() {
@@ -296,49 +299,49 @@ const Z = /* @__PURE__ */ L(X, [["render", q]]), s = {
   data() {
     return { elementType: i.REBILLY_CARD };
   },
-  mixins: [s]
+  mixins: [a]
 }, te = {
   name: "rebilly-card-cvv",
   data() {
     return { elementType: i.REBILLY_CARD_CVV };
   },
-  mixins: [s]
+  mixins: [a]
 }, ne = {
   name: "rebilly-card-expiration",
   data() {
     return { elementType: i.REBILLY_CARD_EXPIRATION };
   },
-  mixins: [s]
+  mixins: [a]
 }, ie = {
   name: "rebilly-card-number",
   data() {
     return { elementType: i.REBILLY_CARD_NUMBER };
   },
-  mixins: [s]
+  mixins: [a]
 }, re = {
   name: "rebilly-bban-account-type",
   data() {
     return { elementType: i.REBILLY_BBAN_ACCOUNT_TYPE };
   },
-  mixins: [s]
+  mixins: [a]
 }, oe = {
   name: "rebilly-bban-routing-number",
   data() {
     return { elementType: i.REBILLY_BBAN_ROUTING_NUMBER };
   },
-  mixins: [s]
+  mixins: [a]
 }, se = {
   name: "rebilly-bban-account-number",
   data() {
     return { elementType: i.REBILLY_BBAN_ACCOUNT_NUMBER };
   },
-  mixins: [s]
+  mixins: [a]
 }, ae = {
   name: "rebilly-iban",
   data() {
     return { elementType: i.REBILLY_IBAN };
   },
-  mixins: [s]
+  mixins: [a]
 }, le = {
   name: "rebilly-google-pay",
   data() {
@@ -350,13 +353,13 @@ const Z = /* @__PURE__ */ L(X, [["render", q]]), s = {
   data() {
     return { elementType: i.REBILLY_APPLE_PAY };
   },
-  mixins: [R]
+  mixins: [L]
 }, de = {
   name: "rebilly-paypal",
   data() {
     return { elementType: i.REBILLY_PAYPAL };
   },
-  mixins: [R]
+  mixins: [L]
 }, ce = {
   install(e, t = {}) {
     g(), m(t);
@@ -379,5 +382,5 @@ export {
   Z as RebillyToken,
   z as createToken,
   ce as default,
-  d as updateConfig
+  c as updateConfig
 };

package/dist/framepay-vue.umd.cjs

@@ -1 +1 @@
-(function(i,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(i=typeof globalThis<"u"?globalThis:i||self,r(i.FramePayVue={},i.Vue))})(this,(function(i,r){"use strict";function u({message:e="Could not mount FramePay to element.",details:t=null}={}){this.message=e,this.details=t,this.name="FramePayMountError"}function y({message:e="FramePay could not be initialized.",details:t=null}={}){this.message=e,this.details=t,this.name="FramePayInitializeError"}function h({message:e="FramePay could not be loaded.",details:t=null}={}){this.message=e,this.details=t,this.name="FramePayLoadError"}const L=window.process?.env?.FRAMEPAY_SCRIPT_LINK;window.process?.env?.FRAMEPAY_STYLE_LINK;const B="https://framepay.rebilly.com/framepay.js",f="https://framepay.rebilly.com/framepay.css";async function I({scriptLink:e,styleLink:t}={}){return new Promise((n,a)=>{if(window.Framepay)n(window.Framepay);else{const m=document.createElement("link");m.setAttribute("href",t||f),m.setAttribute("rel","stylesheet"),document.head.prepend(m);const s=document.createElement("script");s.setAttribute("src",e||B),s.onload=()=>n(window.Framepay),s.onerror=()=>a(new Error("@rebilly/framepay npm package: Failed to load FramePay script")),document.head.append(s)}})}const A=()=>I({scriptLink:L}).catch(e=>{throw new h({details:e})});let R;const P=new Promise(e=>{R=e}),Y=R,_=P.then(A);function d(e={}){return _.then(t=>new Promise(n=>{t.on("ready",()=>{n(t)}),t.on("error",a=>{throw new h({details:a})});try{!t.initialized&&(e.publishableKey||e.jwt)&&t.initialize(e)}catch(a){throw new y({details:a})}}))}const o={REBILLY_CARD:"card",REBILLY_CARD_CVV:"cardCvv",REBILLY_CARD_NUMBER:"cardNumber",REBILLY_CARD_EXPIRATION:"cardExpiration",REBILLY_BBAN_ACCOUNT_TYPE:"accountType",REBILLY_BBAN_ROUTING_NUMBER:"routingNumber",REBILLY_BBAN_ACCOUNT_NUMBER:"accountNumber",REBILLY_IBAN:"iban",REBILLY_GOOGLE_PAY:"googlePay",REBILLY_APPLE_PAY:"applePay",REBILLY_PAYPAL:"paypal"};function b(e,t){return _.then(n=>{if(!n.initialized)throw new y({message:"Please initialize Framepay before creating a token"});return n.createToken(e,t)})}function c(e){return d(e).then(t=>{t.update({...e})})}const E=(e,t)=>{const n=e.__vccOpts||e;for(const[a,m]of t)n[a]=m;return n},T={name:"RebillyForm",props:{extraData:{type:Object,default:()=>({})},configuration:{type:Object,default:()=>({})}},emits:["submit","error"],watch:{configuration(e){e&&c(e)}},mounted(){c(this.configuration)},methods:{handler(e){const t=e.target;b(t,this.extraData).then(n=>{this.$attrs.onSubmit?this.$emit("submit",n,t):t.submit()}).catch(n=>{this.$emit("error",n)})}}},N={id:"stop-wrapper"};function C(e,t,n,a,m,s){return r.openBlock(),r.createElementBlock("div",N,[r.createElementVNode("form",{id:"rebilly-form",onSubmit:t[0]||(t[0]=r.withModifiers((...q)=>s.handler&&s.handler(...q),["stop","prevent"]))},[r.renderSlot(e.$slots,"default")],32)])}const w=E(T,[["render",C]]),g={name:"RebillyToken"},$={id:"rebilly-token","data-rebilly":"token",type:"hidden"};function U(e,t,n,a,m,s){return r.openBlock(),r.createElementBlock("input",$)}const k=E(g,[["render",U]]),l={render(){return r.h("div",{id:this.mountId,domProps:{id:this.mountId}})},props:{id:{type:String},configuration:{}},data(){return{element:null,mountId:this.id?this.id:`${this.$options.name}-mount`}},methods:{mountElement(e){d(this.configuration).then(t=>{try{this.elementType.startsWith("card")?this.element=r.markRaw(t.card.mount(e,this.elementType)):this.elementType==="iban"?this.element=r.markRaw(t.iban.mount(e)):[o.REBILLY_BBAN_ACCOUNT_TYPE,o.REBILLY_BBAN_ACCOUNT_NUMBER,o.REBILLY_BBAN_ROUTING_NUMBER].includes(this.elementType)&&(this.element=r.markRaw(t.bban.mount(e,this.elementType))),this.element.on("ready",()=>this.$emit("ready")),this.element.on("change",n=>this.$emit("change",n)),this.element.on("focus",()=>this.$emit("focus")),this.element.on("blur",()=>this.$emit("blur"))}catch{throw new u}})},destroyElement(){this.element&&this.element.destroy()}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},O={render(){return r.h("div",{id:this.mountId,domProps:{id:this.mountId}})},props:{id:{type:String},configuration:{}},data(){return{element:null,mountId:this.id?this.id:`${this.$options.name}-mount`}},methods:{mountElement(e){d(this.configuration).then(t=>{try{this.element=r.markRaw(t.googlePay.mount(e)),this.element.on("ready",()=>this.$emit("ready")),this.element.on("change",n=>this.$emit("change",n)),this.element.on("focus",()=>this.$emit("focus")),this.element.on("blur",()=>this.$emit("blur")),this.element.on("error",()=>this.$emit("error")),t.on("token-ready",n=>{this.$emit("token-ready",n),this.$parent.$emit("token-ready",n)})}catch(n){throw new u({details:n})}})},destroyElement(){this.element&&this.element.destroy()}},watch:{configuration(e){e&&c(e)}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},p={render(){return r.h("div",{id:this.mountId,domProps:{id:this.mountId}})},props:{id:{type:String},configuration:{}},data(){return{element:null,mountId:this.id?this.id:`${this.$options.name}-mount`}},methods:{mountElement(e){d(this.configuration).then(t=>{try{let n=null;this.elementType===o.REBILLY_APPLE_PAY?n=t.applePay:this.elementType===o.REBILLY_PAYPAL&&(n=t.paypal),this.element=r.markRaw(n.mount(e)),t.on("token-ready",a=>{this.$emit("token-ready",a),this.$parent.$emit("token-ready",a)})}catch(n){throw new u({details:n})}})},destroyElement(){this.element&&this.element.destroy()}},watch:{configuration(e){e&&c(e)}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},M={name:"rebilly-card",data(){return{elementType:o.REBILLY_CARD}},mixins:[l]},D={name:"rebilly-card-cvv",data(){return{elementType:o.REBILLY_CARD_CVV}},mixins:[l]},S={name:"rebilly-card-expiration",data(){return{elementType:o.REBILLY_CARD_EXPIRATION}},mixins:[l]},F={name:"rebilly-card-number",data(){return{elementType:o.REBILLY_CARD_NUMBER}},mixins:[l]},G={name:"rebilly-bban-account-type",data(){return{elementType:o.REBILLY_BBAN_ACCOUNT_TYPE}},mixins:[l]},V={name:"rebilly-bban-routing-number",data(){return{elementType:o.REBILLY_BBAN_ROUTING_NUMBER}},mixins:[l]},x={name:"rebilly-bban-account-number",data(){return{elementType:o.REBILLY_BBAN_ACCOUNT_NUMBER}},mixins:[l]},z={name:"rebilly-iban",data(){return{elementType:o.REBILLY_IBAN}},mixins:[l]},j={name:"rebilly-google-pay",data(){return{elementType:o.REBILLY_GOOGLE_PAY}},mixins:[O]},K={name:"rebilly-apple-pay",data(){return{elementType:o.REBILLY_APPLE_PAY}},mixins:[p]},v={name:"rebilly-paypal",data(){return{elementType:o.REBILLY_PAYPAL}},mixins:[p]},X={install(e,t={}){Y(),d(t)}};i.RebillyApplePay=K,i.RebillyBbanAccountNumber=x,i.RebillyBbanAccountType=G,i.RebillyBbanRoutingNumber=V,i.RebillyCard=M,i.RebillyCardCvv=D,i.RebillyCardExpiration=S,i.RebillyCardNumber=F,i.RebillyFieldTypes=o,i.RebillyForm=w,i.RebillyGooglePay=j,i.RebillyIban=z,i.RebillyPaypal=v,i.RebillyToken=k,i.createToken=b,i.default=X,i.updateConfig=c,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(i,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(i=typeof globalThis<"u"?globalThis:i||self,r(i.FramePayVue={},i.Vue))})(this,(function(i,r){"use strict";function y({message:e="Could not mount FramePay to element.",details:t=null}={}){this.message=e,this.details=t,this.name="FramePayMountError"}function u({message:e="FramePay could not be initialized.",details:t=null}={}){this.message=e,this.details=t,this.name="FramePayInitializeError"}function p({message:e="FramePay could not be loaded.",details:t=null}={}){this.message=e,this.details=t,this.name="FramePayLoadError"}const L=window.process?.env?.FRAMEPAY_SCRIPT_LINK;window.process?.env?.FRAMEPAY_STYLE_LINK;const B="https://framepay.rebilly.com/framepay.js",f="https://framepay.rebilly.com/framepay.css";async function I({scriptLink:e,styleLink:t}={}){return new Promise((n,l)=>{if(window.Framepay)n(window.Framepay);else{const s=document.createElement("link");s.setAttribute("href",t||f),s.setAttribute("rel","stylesheet"),document.head.prepend(s);const a=document.createElement("script");a.setAttribute("src",e||B),a.onload=()=>n(window.Framepay),a.onerror=()=>l(new Error("@rebilly/framepay npm package: Failed to load FramePay script")),document.head.append(a)}})}const A=()=>I({scriptLink:L}).catch(e=>{throw new p({details:e})});let h;const P=new Promise(e=>{h=e}),Y=h,R=P.then(A);function d(e={}){return R.then(t=>new Promise((n,l)=>{let s=!1;t.on("ready",()=>{n(t)}),t.on("error",a=>{s=!0,l(new u({details:a}))});try{!s&&!t.initialized&&(e.publishableKey||e.jwt)&&t.initialize(e).catch(a=>{l(new u({details:a}))})}catch(a){throw new u({details:a})}}))}const o={REBILLY_CARD:"card",REBILLY_CARD_CVV:"cardCvv",REBILLY_CARD_NUMBER:"cardNumber",REBILLY_CARD_EXPIRATION:"cardExpiration",REBILLY_BBAN_ACCOUNT_TYPE:"accountType",REBILLY_BBAN_ROUTING_NUMBER:"routingNumber",REBILLY_BBAN_ACCOUNT_NUMBER:"accountNumber",REBILLY_IBAN:"iban",REBILLY_GOOGLE_PAY:"googlePay",REBILLY_APPLE_PAY:"applePay",REBILLY_PAYPAL:"paypal"};function _(e,t){return R.then(n=>{if(!n.initialized)throw new u({message:"Please initialize Framepay before creating a token"});return n.createToken(e,t)})}function c(e){return d(e).then(t=>{t.update({...e})})}const b=(e,t)=>{const n=e.__vccOpts||e;for(const[l,s]of t)n[l]=s;return n},T={name:"RebillyForm",props:{extraData:{type:Object,default:()=>({})},configuration:{type:Object,default:()=>({})}},emits:["submit","error"],watch:{configuration(e){e&&c(e)}},mounted(){c(this.configuration)},methods:{handler(e){const t=e.target;_(t,this.extraData).then(n=>{this.$attrs.onSubmit?this.$emit("submit",n,t):t.submit()}).catch(n=>{this.$emit("error",n)})}}},N={id:"stop-wrapper"};function C(e,t,n,l,s,a){return r.openBlock(),r.createElementBlock("div",N,[r.createElementVNode("form",{id:"rebilly-form",onSubmit:t[0]||(t[0]=r.withModifiers((...q)=>a.handler&&a.handler(...q),["stop","prevent"]))},[r.renderSlot(e.$slots,"default")],32)])}const w=b(T,[["render",C]]),g={name:"RebillyToken"},$={id:"rebilly-token","data-rebilly":"token",type:"hidden"};function U(e,t,n,l,s,a){return r.openBlock(),r.createElementBlock("input",$)}const k=b(g,[["render",U]]),m={render(){return r.h("div",{id:this.mountId,domProps:{id:this.mountId}})},props:{id:{type:String},configuration:{}},data(){return{element:null,mountId:this.id?this.id:`${this.$options.name}-mount`}},methods:{mountElement(e){d(this.configuration).then(t=>{try{this.elementType.startsWith("card")?this.element=r.markRaw(t.card.mount(e,this.elementType)):this.elementType==="iban"?this.element=r.markRaw(t.iban.mount(e)):[o.REBILLY_BBAN_ACCOUNT_TYPE,o.REBILLY_BBAN_ACCOUNT_NUMBER,o.REBILLY_BBAN_ROUTING_NUMBER].includes(this.elementType)&&(this.element=r.markRaw(t.bban.mount(e,this.elementType))),this.element.on("ready",()=>this.$emit("ready")),this.element.on("change",n=>this.$emit("change",n)),this.element.on("focus",()=>this.$emit("focus")),this.element.on("blur",()=>this.$emit("blur"))}catch{throw new y}})},destroyElement(){this.element&&this.element.destroy()}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},O={render(){return r.h("div",{id:this.mountId,domProps:{id:this.mountId}})},props:{id:{type:String},configuration:{}},data(){return{element:null,mountId:this.id?this.id:`${this.$options.name}-mount`}},methods:{mountElement(e){d(this.configuration).then(t=>{try{this.element=r.markRaw(t.googlePay.mount(e)),this.element.on("ready",()=>this.$emit("ready")),this.element.on("change",n=>this.$emit("change",n)),this.element.on("focus",()=>this.$emit("focus")),this.element.on("blur",()=>this.$emit("blur")),this.element.on("error",()=>this.$emit("error")),t.on("token-ready",n=>{this.$emit("token-ready",n),this.$parent.$emit("token-ready",n)})}catch(n){throw new y({details:n})}})},destroyElement(){this.element&&this.element.destroy()}},watch:{configuration(e){e&&c(e)}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},E={render(){return r.h("div",{id:this.mountId,domProps:{id:this.mountId}})},props:{id:{type:String},configuration:{}},data(){return{element:null,mountId:this.id?this.id:`${this.$options.name}-mount`}},methods:{mountElement(e){d(this.configuration).then(t=>{try{let n=null;this.elementType===o.REBILLY_APPLE_PAY?n=t.applePay:this.elementType===o.REBILLY_PAYPAL&&(n=t.paypal),this.element=r.markRaw(n.mount(e)),t.on("token-ready",l=>{this.$emit("token-ready",l),this.$parent.$emit("token-ready",l)})}catch(n){throw new y({details:n})}})},destroyElement(){this.element&&this.element.destroy()}},watch:{configuration(e){e&&c(e)}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},M={name:"rebilly-card",data(){return{elementType:o.REBILLY_CARD}},mixins:[m]},D={name:"rebilly-card-cvv",data(){return{elementType:o.REBILLY_CARD_CVV}},mixins:[m]},S={name:"rebilly-card-expiration",data(){return{elementType:o.REBILLY_CARD_EXPIRATION}},mixins:[m]},F={name:"rebilly-card-number",data(){return{elementType:o.REBILLY_CARD_NUMBER}},mixins:[m]},G={name:"rebilly-bban-account-type",data(){return{elementType:o.REBILLY_BBAN_ACCOUNT_TYPE}},mixins:[m]},V={name:"rebilly-bban-routing-number",data(){return{elementType:o.REBILLY_BBAN_ROUTING_NUMBER}},mixins:[m]},x={name:"rebilly-bban-account-number",data(){return{elementType:o.REBILLY_BBAN_ACCOUNT_NUMBER}},mixins:[m]},z={name:"rebilly-iban",data(){return{elementType:o.REBILLY_IBAN}},mixins:[m]},j={name:"rebilly-google-pay",data(){return{elementType:o.REBILLY_GOOGLE_PAY}},mixins:[O]},K={name:"rebilly-apple-pay",data(){return{elementType:o.REBILLY_APPLE_PAY}},mixins:[E]},v={name:"rebilly-paypal",data(){return{elementType:o.REBILLY_PAYPAL}},mixins:[E]},X={install(e,t={}){Y(),d(t)}};i.RebillyApplePay=K,i.RebillyBbanAccountNumber=x,i.RebillyBbanAccountType=G,i.RebillyBbanRoutingNumber=V,i.RebillyCard=M,i.RebillyCardCvv=D,i.RebillyCardExpiration=S,i.RebillyCardNumber=F,i.RebillyFieldTypes=o,i.RebillyForm=w,i.RebillyGooglePay=j,i.RebillyIban=z,i.RebillyPaypal=v,i.RebillyToken=k,i.createToken=_,i.default=X,i.updateConfig=c,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebilly/framepay-vue",
   "type": "module",
-  "version": "12.186.0",
+  "version": "12.186.1",
   "description": "Official Vue wrapper for Rebilly FramePay",
   "author": "Rebilly",
   "repository": {
@@ -50,6 +50,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "type:check": "tsc --noEmit -p tsconfig.json",
     "type:check:e2e": "tsc --noEmit -p tsconfig.e2e.json",
     "test:unit": "vitest run",
     "test:unit:watch": "vitest",