@rebilly/instruments 3.5.3-beta.0 → 3.6.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rebilly/instruments",
-  "version": "3.5.3-beta.0",
+  "version": "3.6.0-beta.0",
   "author": "Rebilly",
   "main": "dist/index.js",
   "unpkg": "dist/index.min.js",

package/src/events/index.js

@@ -2,6 +2,7 @@ import kebabCase from 'lodash.kebabcase';
 import BaseEvent from './base-event';
 
 const events = {
+  dataReady: new BaseEvent('data-ready'),
   instrumentReady: new BaseEvent('instrument-ready'),
   purchaseCompleted: new BaseEvent('purchase-completed'),
   setupCompleted: new BaseEvent('setup-completed')

package/src/functions/mount/index.js

@@ -2,6 +2,7 @@
 import { mountSummary } from '../../views/summary';
 import { mountMethodSelector } from '../../views/method-selector';
 import { fetchData } from './fetch-data';
+import Events from '../../events';
 import setupElement from './setup-element';
 import setupStorefront from './setup-storefront';
 import setupOptions from './setup-options';
@@ -96,9 +97,12 @@ export async function mount({
     // Setup state
     state.options = setupOptions({ options });
     state.storefront = setupStorefront({ options });
+    
     state.mainStyle = await setupStyles({ options });
+    
     state.data = await fetchData({ state });
-
+    Events.dataReady.dispatch(state.data);
+    
     state.options.themeFramepay = await setupFramepayTheme({ state, options });
     state.i18n = setupI18n({ state });
 

package/src/views/common/iframe/base-iframe.js

@@ -43,7 +43,8 @@ export default class BaseIframe {
       model: this.model
     });
 
-    component.frame.setAttribute('allowpaymentrequest', 'allowpaymentrequest');
+    component.frame.setAttribute('allowpaymentrequest', true);
+    component.frame.setAttribute('loading', 'lazy');
     component.frame.setAttribute('allow', 'payment');
     return component;
   }