@rebilly/framepay-vue 5.6.0 → 5.7.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [5.7.0](https://github.com/Rebilly/rebilly/compare/framepay-vue-v5.6.1...framepay-vue-v5.7.0) (2024-01-02)
+
+
+### Features
+
+* **framepay-vue:** Use Framepay instead of Rebilly ([#2683](https://github.com/Rebilly/rebilly/issues/2683)) ([c9c1ec8](https://github.com/Rebilly/rebilly/commit/c9c1ec8fcf6d05b5d7e3729ba77047b985c5828f))
+
+## [5.6.1](https://github.com/Rebilly/rebilly/compare/framepay-vue-v5.6.0...framepay-vue-v5.6.1) (2023-12-15)
+
 ## [5.6.0](https://github.com/Rebilly/rebilly/compare/framepay-vue-v5.5.1...framepay-vue-v5.6.0) (2023-12-13)
 
 

package/README.md

@@ -248,7 +248,7 @@ export default {
 
 #### With rebilly-token
 
-If you prefer to call `createToken()` manually, use the example below. Note that you don't want to use the `Rebilly` object directly, but rather the proxied `createToken` method provided by `framepay-vue`. This method returns a promise that waits for the FramePay script to be loaded before calling `Rebilly.createToken()`. Using the pattern below will help eliminate errors due to race conditions. 
+If you prefer to call `createToken()` manually, use the example below. Note that you don't want to use the `Framepay` object directly, but rather the proxied `createToken` method provided by `framepay-vue`. This method returns a promise that waits for the FramePay script to be loaded before calling `Rebilly.createToken()`. Using the pattern below will help eliminate errors due to race conditions. 
 
 ```html
 <form @submit="submitHandler">
@@ -284,7 +284,7 @@ export default {
 
 #### Handle token manually
 
-The token can also be handled entirely manually. As above, be sure to call the imported `createToken()` method instead of the global `Rebilly` object. This approach offers the most flexibility, but still removes the need for you to handle initialization, mounting and destruction of payment method elements. 
+The token can also be handled entirely manually. As above, be sure to call the imported `createToken()` method instead of the global `Framepay` object. This approach offers the most flexibility, but still removes the need for you to handle initialization, mounting and destruction of payment method elements. 
 
 ```html
 <form @submit="submitHandler">
@@ -451,11 +451,11 @@ Because this will only change the ID of the element you are mounting Framepay to
 
 Again, you don't need to use `createToken` at all if you choose to use the `RebillyForm` component.
 
-#### The `Rebilly` Object
+#### The `Framepay` Object
 
-As mentioned above, Framepay will expose the `Rebilly` object in the global namespace after it has loaded. We recommend that you never call the `Rebilly` object directly, as `framepay-vue` is designed to either expose or abstract away all the methods you need to use Framepay.
+As mentioned above, Framepay will expose the `Framepay` object in the global namespace after it has loaded. We recommend that you never call the `Framepay` object directly, as `framepay-vue` is designed to either expose or abstract away all the methods you need to use Framepay.
 
-For more information about the `Rebilly` object, see: https://rebilly.github.io/framepay-docs/reference/rebilly.html
+For more information about the `Framepay` object, see: https://www.rebilly.com/docs/dev-docs/framepay-global-reference/
 
 ### Components
 

package/dist/framepay-vue.js

@@ -2,22 +2,22 @@ import { openBlock as y, createElementBlock as p, createElementVNode as B, withM
 function h({ message: e = "Could not mount FramePay to element.", details: t = null } = {}) {
   this.message = e, this.details = t, this.name = "FramePayMountError";
 }
-function E({ message: e = "FramePay could not be initialized.", details: t = null } = {}) {
+function b({ message: e = "FramePay could not be initialized.", details: t = null } = {}) {
   this.message = e, this.details = t, this.name = "FramePayInitializeError";
 }
 function u({ 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 || "https://framepay.rebilly.com/rebilly.js", Y = window.process?.env?.FRAMEPAY_STYLE_LINK || "https://framepay.rebilly.com/rebilly.css", T = () => new Promise((e, t) => {
+const P = window.process?.env?.FRAMEPAY_SCRIPT_LINK || "https://framepay.rebilly.com/framepay.js", Y = window.process?.env?.FRAMEPAY_STYLE_LINK || "https://framepay.rebilly.com/framepay.css", T = () => new Promise((e, t) => {
   const n = document.createElement("script");
-  n.src = P, n.id = "rebilly-framepay-js", n.onload = () => e(Rebilly), n.onerror = () => t(), document.querySelector("head").appendChild(n);
+  n.src = P, n.id = "rebilly-framepay-js", n.onload = () => e(Framepay), n.onerror = () => t(), document.querySelector("head").appendChild(n);
 }).catch((e) => {
   throw new u({ details: e });
 });
-let _;
+let E;
 const N = new Promise((e) => {
-  _ = e;
-}), $ = _, b = N.then(T);
+  E = e;
+}), $ = E, _ = N.then(T);
 function C() {
   if (document.querySelector("link#rebilly-framepay-css"))
     return;
@@ -27,7 +27,7 @@ function C() {
   }, document.querySelector("head").appendChild(e);
 }
 function a(e = {}) {
-  return b.then(
+  return _.then(
     (t) => new Promise((n) => {
       t.on("ready", () => {
         n(t);
@@ -37,12 +37,12 @@ function a(e = {}) {
       try {
         e.injectStyle && C(), !t.initialized && (e.publishableKey || e.jwt) && t.initialize(e);
       } catch (r) {
-        throw new E({ details: r });
+        throw new b({ details: r });
       }
     })
   );
 }
-const g = "card", w = "cardCvv", x = "cardNumber", U = "cardExpiration", S = "accountType", M = "routingNumber", k = "accountNumber", O = "iban", F = "googlePay", D = "applePay", v = "paypal", i = {
+const g = "card", w = "cardCvv", x = "cardNumber", U = "cardExpiration", S = "accountType", M = "routingNumber", k = "accountNumber", O = "iban", D = "googlePay", v = "applePay", G = "paypal", i = {
   REBILLY_CARD: g,
   REBILLY_CARD_CVV: w,
   REBILLY_CARD_NUMBER: x,
@@ -51,15 +51,15 @@ const g = "card", w = "cardCvv", x = "cardNumber", U = "cardExpiration", S = "ac
   REBILLY_BBAN_ROUTING_NUMBER: M,
   REBILLY_BBAN_ACCOUNT_NUMBER: k,
   REBILLY_IBAN: O,
-  REBILLY_GOOGLE_PAY: F,
-  REBILLY_APPLE_PAY: D,
-  REBILLY_PAYPAL: v
+  REBILLY_GOOGLE_PAY: D,
+  REBILLY_APPLE_PAY: v,
+  REBILLY_PAYPAL: G
 };
-function G(e, t) {
-  return b.then((n) => {
+function z(e, t) {
+  return _.then((n) => {
     if (!n.initialized)
-      throw new E({
-        message: "Please initialize Rebilly before creating a token"
+      throw new b({
+        message: "Please initialize Framepay before creating a token"
       });
     return n.createToken(e, t);
   });
@@ -69,12 +69,12 @@ function l(e) {
     t.update({ ...e });
   });
 }
-const L = (e, t) => {
+const f = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [r, m] of t)
     n[r] = m;
   return n;
-}, z = {
+}, F = {
   name: "rebilly-form",
   emits: ["submit", "error"],
   props: {
@@ -84,7 +84,7 @@ const L = (e, t) => {
   methods: {
     handler(e) {
       const t = e.target;
-      G(t, this.extraData).then((n) => {
+      z(t, this.extraData).then((n) => {
         this.$attrs.onSubmit ? this.$emit("submit", n, t) : t.submit();
       }).catch((n) => {
         this.$emit("error", n);
@@ -110,7 +110,7 @@ function V(e, t, n, r, m, d) {
     ], 32)
   ]);
 }
-const J = /* @__PURE__ */ L(z, [["render", V]]), K = {
+const J = /* @__PURE__ */ f(F, [["render", V]]), K = {
   name: "rebilly-token"
 }, q = {
   id: "rebilly-token",
@@ -120,7 +120,7 @@ const J = /* @__PURE__ */ L(z, [["render", V]]), K = {
 function X(e, t, n, r, m, d) {
   return y(), p("input", q);
 }
-const Q = /* @__PURE__ */ L(K, [["render", X]]), o = {
+const Q = /* @__PURE__ */ f(K, [["render", X]]), o = {
   render() {
     return c("div", {
       id: this.mountId,
@@ -221,7 +221,7 @@ const Q = /* @__PURE__ */ L(K, [["render", X]]), o = {
   beforeUnmount() {
     this.destroyElement();
   }
-}, f = {
+}, L = {
   render() {
     return c("div", {
       id: this.mountId,
@@ -333,13 +333,13 @@ const Q = /* @__PURE__ */ L(K, [["render", X]]), o = {
   data() {
     return { elementType: i.REBILLY_APPLE_PAY };
   },
-  mixins: [f]
+  mixins: [L]
 }, me = {
   name: "rebilly-paypal",
   data() {
     return { elementType: i.REBILLY_PAYPAL };
   },
-  mixins: [f]
+  mixins: [L]
 }, de = {
   install(e, t = {}) {
     $(), a(t);
@@ -360,7 +360,7 @@ export {
   se as RebillyIban,
   me as RebillyPaypal,
   Q as RebillyToken,
-  G as createToken,
+  z as createToken,
   de as default,
   l 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 d({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 c({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||"https://framepay.rebilly.com/rebilly.js",B=window.process?.env?.FRAMEPAY_STYLE_LINK||"https://framepay.rebilly.com/rebilly.css",f=()=>new Promise((e,t)=>{const n=document.createElement("script");n.src=L,n.id="rebilly-framepay-js",n.onload=()=>e(Rebilly),n.onerror=()=>t(),document.querySelector("head").appendChild(n)}).catch(e=>{throw new c({details:e})});let _;const I=new Promise(e=>{_=e}),A=_,p=I.then(f);function P(){if(document.querySelector("link#rebilly-framepay-css"))return;const e=document.createElement("link");e.href=B,e.id="rebilly-framepay-css",e.type="text/css",e.rel="stylesheet",e.onerror=t=>{throw new c({details:t})},document.querySelector("head").appendChild(e)}function s(e={}){return p.then(t=>new Promise(n=>{t.on("ready",()=>{n(t)}),t.on("error",a=>{throw new c({details:a})});try{e.injectStyle&&P(),!t.initialized&&(e.publishableKey||e.jwt)&&t.initialize(e)}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(e,t){return p.then(n=>{if(!n.initialized)throw new u({message:"Please initialize Rebilly before creating a token"});return n.createToken(e,t)})}function m(e){return s(e).then(t=>{t.update({...e})})}const R=(e,t)=>{const n=e.__vccOpts||e;for(const[a,y]of t)n[a]=y;return n},Y={name:"rebilly-form",emits:["submit","error"],props:{extraData:{},configuration:{}},methods:{handler(e){const t=e.target;E(t,this.extraData).then(n=>{this.$attrs.onSubmit?this.$emit("submit",n,t):t.submit()}).catch(n=>{this.$emit("error",n)})}},watch:{configuration(e){e&&m(e)}},mounted(){m(this.configuration)}},N={id:"stop-wrapper"};function T(e,t,n,a,y,h){return r.openBlock(),r.createElementBlock("div",N,[r.createElementVNode("form",{id:"rebilly-form",onSubmit:t[0]||(t[0]=r.withModifiers((...q)=>h.handler&&h.handler(...q),["stop","prevent"]))},[r.renderSlot(e.$slots,"default")],32)])}const C=R(Y,[["render",T]]),g={name:"rebilly-token"},$={id:"rebilly-token","data-rebilly":"token",type:"hidden"};function w(e,t,n,a,y,h){return r.openBlock(),r.createElementBlock("input",$)}const U=R(g,[["render",w]]),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){s(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 d}})},destroyElement(){this.element&&this.element.destroy()}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},k={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){s(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 d({details:n})}})},destroyElement(){this.element&&this.element.destroy()}},watch:{configuration(e){e&&m(e)}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},b={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){s(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 d({details:n})}})},destroyElement(){this.element&&this.element.destroy()}},watch:{configuration(e){e&&m(e)}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},M={name:"rebilly-card",data(){return{elementType:o.REBILLY_CARD}},mixins:[l]},O={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]},D={name:"rebilly-card-number",data(){return{elementType:o.REBILLY_CARD_NUMBER}},mixins:[l]},F={name:"rebilly-bban-account-type",data(){return{elementType:o.REBILLY_BBAN_ACCOUNT_TYPE}},mixins:[l]},G={name:"rebilly-bban-routing-number",data(){return{elementType:o.REBILLY_BBAN_ROUTING_NUMBER}},mixins:[l]},V={name:"rebilly-bban-account-number",data(){return{elementType:o.REBILLY_BBAN_ACCOUNT_NUMBER}},mixins:[l]},x={name:"rebilly-iban",data(){return{elementType:o.REBILLY_IBAN}},mixins:[l]},j={name:"rebilly-google-pay",data(){return{elementType:o.REBILLY_GOOGLE_PAY}},mixins:[k]},z={name:"rebilly-apple-pay",data(){return{elementType:o.REBILLY_APPLE_PAY}},mixins:[b]},v={name:"rebilly-paypal",data(){return{elementType:o.REBILLY_PAYPAL}},mixins:[b]},K={install(e,t={}){A(),s(t)}};i.RebillyApplePay=z,i.RebillyBbanAccountNumber=V,i.RebillyBbanAccountType=F,i.RebillyBbanRoutingNumber=G,i.RebillyCard=M,i.RebillyCardCvv=O,i.RebillyCardExpiration=S,i.RebillyCardNumber=D,i.RebillyFieldTypes=o,i.RebillyForm=C,i.RebillyGooglePay=j,i.RebillyIban=x,i.RebillyPaypal=v,i.RebillyToken=U,i.createToken=E,i.default=K,i.updateConfig=m,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 d({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 c({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||"https://framepay.rebilly.com/framepay.js",B=window.process?.env?.FRAMEPAY_STYLE_LINK||"https://framepay.rebilly.com/framepay.css",f=()=>new Promise((e,t)=>{const n=document.createElement("script");n.src=L,n.id="rebilly-framepay-js",n.onload=()=>e(Framepay),n.onerror=()=>t(),document.querySelector("head").appendChild(n)}).catch(e=>{throw new c({details:e})});let R;const I=new Promise(e=>{R=e}),A=R,_=I.then(f);function P(){if(document.querySelector("link#rebilly-framepay-css"))return;const e=document.createElement("link");e.href=B,e.id="rebilly-framepay-css",e.type="text/css",e.rel="stylesheet",e.onerror=t=>{throw new c({details:t})},document.querySelector("head").appendChild(e)}function s(e={}){return _.then(t=>new Promise(n=>{t.on("ready",()=>{n(t)}),t.on("error",l=>{throw new c({details:l})});try{e.injectStyle&&P(),!t.initialized&&(e.publishableKey||e.jwt)&&t.initialize(e)}catch(l){throw new u({details:l})}}))}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 u({message:"Please initialize Framepay before creating a token"});return n.createToken(e,t)})}function m(e){return s(e).then(t=>{t.update({...e})})}const E=(e,t)=>{const n=e.__vccOpts||e;for(const[l,y]of t)n[l]=y;return n},Y={name:"rebilly-form",emits:["submit","error"],props:{extraData:{},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)})}},watch:{configuration(e){e&&m(e)}},mounted(){m(this.configuration)}},N={id:"stop-wrapper"};function T(e,t,n,l,y,h){return r.openBlock(),r.createElementBlock("div",N,[r.createElementVNode("form",{id:"rebilly-form",onSubmit:t[0]||(t[0]=r.withModifiers((...q)=>h.handler&&h.handler(...q),["stop","prevent"]))},[r.renderSlot(e.$slots,"default")],32)])}const C=E(Y,[["render",T]]),g={name:"rebilly-token"},$={id:"rebilly-token","data-rebilly":"token",type:"hidden"};function w(e,t,n,l,y,h){return r.openBlock(),r.createElementBlock("input",$)}const U=E(g,[["render",w]]),a={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){s(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 d}})},destroyElement(){this.element&&this.element.destroy()}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},k={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){s(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 d({details:n})}})},destroyElement(){this.element&&this.element.destroy()}},watch:{configuration(e){e&&m(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){s(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 d({details:n})}})},destroyElement(){this.element&&this.element.destroy()}},watch:{configuration(e){e&&m(e)}},created(){this.mountElement(`#${this.mountId}`)},beforeDestroy(){this.destroyElement()},beforeUnmount(){this.destroyElement()}},M={name:"rebilly-card",data(){return{elementType:o.REBILLY_CARD}},mixins:[a]},O={name:"rebilly-card-cvv",data(){return{elementType:o.REBILLY_CARD_CVV}},mixins:[a]},S={name:"rebilly-card-expiration",data(){return{elementType:o.REBILLY_CARD_EXPIRATION}},mixins:[a]},D={name:"rebilly-card-number",data(){return{elementType:o.REBILLY_CARD_NUMBER}},mixins:[a]},G={name:"rebilly-bban-account-type",data(){return{elementType:o.REBILLY_BBAN_ACCOUNT_TYPE}},mixins:[a]},F={name:"rebilly-bban-routing-number",data(){return{elementType:o.REBILLY_BBAN_ROUTING_NUMBER}},mixins:[a]},V={name:"rebilly-bban-account-number",data(){return{elementType:o.REBILLY_BBAN_ACCOUNT_NUMBER}},mixins:[a]},x={name:"rebilly-iban",data(){return{elementType:o.REBILLY_IBAN}},mixins:[a]},j={name:"rebilly-google-pay",data(){return{elementType:o.REBILLY_GOOGLE_PAY}},mixins:[k]},z={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]},K={install(e,t={}){A(),s(t)}};i.RebillyApplePay=z,i.RebillyBbanAccountNumber=V,i.RebillyBbanAccountType=G,i.RebillyBbanRoutingNumber=F,i.RebillyCard=M,i.RebillyCardCvv=O,i.RebillyCardExpiration=S,i.RebillyCardNumber=D,i.RebillyFieldTypes=o,i.RebillyForm=C,i.RebillyGooglePay=j,i.RebillyIban=x,i.RebillyPaypal=v,i.RebillyToken=U,i.createToken=b,i.default=K,i.updateConfig=m,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebilly/framepay-vue",
   "type": "module",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "description": "Official Vue wrapper for Rebilly FramePay",
   "author": "Rebilly",
   "repository": {
@@ -46,7 +46,7 @@
     "@rebilly/eslint-config": "*",
     "@testing-library/cypress": "^7.0.2",
     "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/test-utils": "^2.4.1",
+    "@vue/test-utils": "^2.4.3",
     "cypress": "^12.17.4",
     "cypress-iframe": "^1.0.1",
     "jsdom": "^21.1.1",