@rebilly/framepay-vue 1.1.9 → 1.2.0

package/dist/build.js

@@ -592,6 +592,66 @@ var DigitalWalletMixin = {
   }
 };
 
+var ApplePayMixin = {
+  render: function render(createElement) {
+    return createElement('div', {
+      domProps: {
+        id: this.mountId
+      }
+    });
+  },
+  props: {
+    id: {
+      type: String
+    },
+    configuration: {}
+  },
+  data: function data() {
+    return {
+      element: null,
+      mountId: this.id ? this.id : "".concat(this.$options.name, "-mount")
+    };
+  },
+  methods: {
+    mountElement: function mountElement(selector) {
+      var _this = this;
+
+      initializeRebilly(this.configuration).then(function (Rebilly) {
+        try {
+          _this.element = Rebilly.applePay.mount(selector);
+          Rebilly.on('token-ready', function (token) {
+            // https://github.com/vuejs/vue/issues/4332#issuecomment-263444492
+            // Emit token on the element level:
+            _this.$emit('token-ready', token); // Emit token on the RebillyForm level:
+
+
+            _this.$parent.$emit('token-ready', token);
+          });
+        } catch (e) {
+          throw new MountError({
+            details: e
+          });
+        }
+      });
+    }
+  },
+  watch: {
+    configuration: function configuration(value) {
+      if (value) {
+        updateConfig(value);
+      }
+    }
+  },
+  created: function created() {
+    this.mountElement("#".concat(this.mountId));
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.element) {
+      this.element.destroy();
+    }
+  }
+};
+
 var RebillyCard = {
   name: 'rebilly-card',
   data: function data() {
@@ -680,7 +740,7 @@ var RebillyApplePay = {
       elementType: FIELD_TYPES.REBILLY_APPLE_PAY
     };
   },
-  mixins: [DigitalWalletMixin]
+  mixins: [ApplePayMixin]
 };
 
 var FramePay = {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@rebilly/framepay-vue",
-  "version": "1.1.9",
+  "version": "1.2.0",
   "description": "Official Vue wrapper for Rebilly FramePay",
-  "author": "Mathew Sonke <mathew.sonke@rebilly.com>",
+  "author": "Rebilly",
   "repository": "https://github.com/Rebilly/framepay-vue",
   "license": "MIT",
   "main": "dist/build.js",