@rebilly/instruments 3.10.0-beta.0 → 3.12.0-beta.0

package/package.json

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

package/src/functions/mount/setup-options.js

@@ -73,10 +73,14 @@ export default ({
 
   validateOptions(options);
 
+  const productionUrl = options.apiMode === 'sandbox'
+    ? 'https://forms-sandbox.secure-payments.app'
+    : 'https://forms.secure-payments.app';
+
   const _computed = {
     paymentMethodsUrl: options._dev
       ? options._dev.paymentMethodsUrl || 'https://forms.local.rebilly.dev:3000'
-      : 'https://forms.secure-payments.app'
+      : productionUrl
   };
 
   const combinedOptions = merge({...defaults}, {

package/src/storefront/index.js

@@ -1,4 +1,4 @@
-import RebillyApi, {RebillyStorefrontAPI} from 'rebilly-js-sdk';
+import RebillyApi, {RebillyStorefrontAPI, RebillyExperimentalAPI} from 'rebilly-js-sdk';
 
 export function validateStateForStorefront({state}) {
   if (!state.storefront) {
@@ -56,11 +56,15 @@ export class StorefrontInstance {
     // TODO: Check why Rollup is making the default as an named export
     const rebilly = typeof RebillyApi.default === 'function' ? RebillyApi.default(config) : RebillyApi(config);
 
+    const experimental = RebillyExperimentalAPI(config);
+
     api.setSessionToken(publishableKey || jwt);
     rebilly.setSessionToken(publishableKey || jwt);
+    experimental.setSessionToken(publishableKey || jwt);
 
     this.api = api;
     this.api.rebilly = rebilly;
+    this.api.rebilly.experimental = experimental;
 
     return this.api;
   }

package/src/storefront/ready-to-pay.js

@@ -33,6 +33,10 @@ export async function fetchReadyToPay({ state, riskMetadata = null }) {
       data.currency = money.currency;
     }
 
+    if (state.data?.account?.address) {
+      data.billingAddress = state.data.account.address;
+    }
+
     const [
       { fields: readyToPayFields },
       { items: paymentMethodsMetadataItems } 

package/src/storefront/ready-to-pay.spec.js

@@ -41,11 +41,11 @@ describe('Storefront API Ready to Pay', () => {
 
     expect(instance.storefront.purchase.readyToPay).toBeCalledTimes(1);
     expect(instance.storefront.purchase.readyToPay).toBeCalledWith({
-      data: {
+      data: expect.objectContaining({
         items: options.items,
         websiteId: options.websiteId,
         riskMetadata: {}
-      }
+      })
     });
     expect(response).toBeInstanceOf(Array);
     expect(response[0]).toBeInstanceOf(ReadyToPayModel);

package/src/views/method-selector/mount-methods.js

@@ -155,6 +155,7 @@ export function MountMethods({
     const details = document.querySelectorAll('.rebilly-instruments-accordion');
     // Add the onclick listeners.
     details.forEach((targetDetail) => {
+      targetDetail.open = true;
       targetDetail.querySelector('summary').addEventListener('click', () => {
         // Close all the accordion that are not targetDetail.
           details.forEach((detail) => {
@@ -163,8 +164,14 @@ export function MountMethods({
       });
     });
 
-    // Open the first accordion by default
-    details[0].open = true;
+    // HOTFIX:
+    // All details must be open to connect to Postmate than closed
+    setTimeout(() => {
+      details.forEach((detail) => {
+        detail.removeAttribute('open');
+      });
+      details[0].open = true;
+    }, 100);
   }
 
   state.translate.translateItems();