@rebilly/instruments 4.4.0 → 4.6.0

package/src/loader/index.js

@@ -28,93 +28,118 @@ export const methodsLoaderHTML = `
 
 const loaderContainer = (padding = '0px') => `
   <div class="rebilly-instruments-loader is-active" style="padding: ${padding}"></div>
-`
+`;
 
 export const basicLoaderHTML = `
   <div class="rebilly-instruments-loader-spinner"></div>
 `;
 
 export class Loader {
-  constructor() {
-    this.summary = [];
-    this.form = [];
-    this.modal = [];
-    this.DOM = {
-      loaderContainer,
-      summaryLoaderHTML,
-      methodsLoaderHTML,
-      basicLoaderHTML
-    };
-  }
+    constructor() {
+        this.summary = [];
+        this.form = [];
+        this.modal = [];
+        this.DOM = {
+            loaderContainer,
+            summaryLoaderHTML,
+            methodsLoaderHTML,
+            basicLoaderHTML,
+        };
+    }
 
-  addDOMElement({ section = 'form', el = null } = {}) {
-    if (isDOMElement(el)) {
-      el.style.position = 'relative';
-      this.DOM[section] = el;
+    addDOMElement({ section = 'form', el = null } = {}) {
+        if (isDOMElement(el)) {
+            el.style.position = 'relative';
+            this.DOM[section] = el;
+        }
     }
-  }
 
-  startLoading({section = 'form', id = ''} = {}) {
-    this[section].push(id);
+    startLoading({ section = 'form', id = '' } = {}) {
+        this[section].push(id);
 
-    const rootEl = document.querySelector(':root');
-    const contentPadding = 2;
-    let minHeight = '240px';
+        const rootEl = document.querySelector(':root');
+        const contentPadding = 2;
+        let minHeight = '240px';
 
-    if (this.DOM?.[section]) {
-      let loaderEl = this.DOM[section].querySelector('.rebilly-instruments-loader');
-      const { padding, paddingTop, paddingBottom } = getComputedStyle(this.DOM?.[section]);
-      if (!loaderEl) {
-        this.DOM[section].innerHTML = loaderContainer(`${parseFloat(padding) + contentPadding}px`);
-        loaderEl = this.DOM[section].querySelector('.rebilly-instruments-loader');
-        if (section === 'form') {
-          loaderEl.insertAdjacentHTML('afterbegin', this.DOM.methodsLoaderHTML);
-          minHeight = getComputedStyle(rootEl).getPropertyValue('--rebilly-methodLoaderMinHeight');
-        } else if (section === 'summary') {
-          loaderEl.insertAdjacentHTML('afterbegin', this.DOM.summaryLoaderHTML);
-          minHeight = getComputedStyle(rootEl).getPropertyValue('--rebilly-summaryLoaderMinHeight');
-        }
-      } else {
-        if (id.includes('confirmation') || id.includes('result') || id.includes('modal')) {
-          loaderEl.innerHTML = this.DOM.basicLoaderHTML;
+        if (this.DOM?.[section]) {
+            let loaderEl = this.DOM[section].querySelector(
+                '.rebilly-instruments-loader',
+            );
+            const { padding, paddingTop, paddingBottom } = getComputedStyle(
+                this.DOM?.[section],
+            );
+            if (!loaderEl) {
+                this.DOM[section].innerHTML = loaderContainer(
+                    `${parseFloat(padding) + contentPadding}px`,
+                );
+                loaderEl = this.DOM[section].querySelector(
+                    '.rebilly-instruments-loader',
+                );
+                if (section === 'form') {
+                    loaderEl.insertAdjacentHTML(
+                        'afterbegin',
+                        this.DOM.methodsLoaderHTML,
+                    );
+                    minHeight = getComputedStyle(rootEl).getPropertyValue(
+                        '--rebilly-methodLoaderMinHeight',
+                    );
+                } else if (section === 'summary') {
+                    loaderEl.insertAdjacentHTML(
+                        'afterbegin',
+                        this.DOM.summaryLoaderHTML,
+                    );
+                    minHeight = getComputedStyle(rootEl).getPropertyValue(
+                        '--rebilly-summaryLoaderMinHeight',
+                    );
+                }
+            } else {
+                if (
+                    id.includes('confirmation') ||
+                    id.includes('result') ||
+                    id.includes('modal')
+                ) {
+                    loaderEl.innerHTML = this.DOM.basicLoaderHTML;
+                }
+                loaderEl.classList.add('is-active');
+            }
+            this.DOM[
+                section
+            ].style.minHeight = `calc(${minHeight} + ${paddingTop} + ${paddingBottom} + ${
+                contentPadding * 2
+            }px)`;
         }
-        loaderEl.classList.add('is-active');
-      }
-      this.DOM[section].style.minHeight = `calc(${minHeight} + ${paddingTop} + ${paddingBottom} + ${contentPadding * 2}px)`;
     }
-  }
 
-  stopLoading({ section = 'form', id = '' } = {}) {
-    const idIndex = this[section].indexOf(id);
+    stopLoading({ section = 'form', id = '' } = {}) {
+        const idIndex = this[section].indexOf(id);
 
-    if (idIndex !== -1) {
-      this[section].splice(idIndex, 1);
-    }
+        if (idIndex !== -1) {
+            this[section].splice(idIndex, 1);
+        }
 
-    if (
-      this.DOM[section] && (
-        !this[section].length &&
-        this.DOM[section].querySelector('.rebilly-instruments-loader')
-      )
-    ) {
-      this.DOM[section]
-        .querySelector('.rebilly-instruments-loader')
-        .classList.remove('is-active');
-      this.DOM[section].style.minHeight = '';
+        if (
+            this.DOM[section] &&
+            !this[section].length &&
+            this.DOM[section].querySelector('.rebilly-instruments-loader')
+        ) {
+            this.DOM[section]
+                .querySelector('.rebilly-instruments-loader')
+                .classList.remove('is-active');
+            this.DOM[section].style.minHeight = '';
+        }
     }
-  }
 
-  clearAll() {
-    this.form.forEach((id) => {
-      this.stopLoading({ id });
-    });
-    if (this.summary) {
-      this.summary.forEach((id) => {
-        this.stopLoading({ section: 'summary', id });
-      });
+    clearAll() {
+        this.form.forEach((id) => {
+            this.stopLoading({ id });
+        });
+        if (this.summary) {
+            this.summary.forEach((id) => {
+                this.stopLoading({ section: 'summary', id });
+            });
+        }
+        this.modal.forEach((id) => {
+            this.stopLoading({ section: 'modal', id });
+        });
     }
-    this.modal.forEach((id) => {
-      this.stopLoading({ section: 'modal', id });
-    });
-  }
 }

package/src/loader/loader.spec.js

@@ -1,74 +1,74 @@
 import { Loader } from './index';
 
 describe('Loader Class', () => {
-  let loader;
+    let loader;
 
-  beforeEach(() => {
-    loader = new Loader();
+    beforeEach(() => {
+        loader = new Loader();
 
-    document.body.innerHTML = `
+        document.body.innerHTML = `
       <div class="form-selector"></div>
       <div class="summary-selector"></div>
     `;
 
-    loader.addDOMElement({ el: document.querySelector('.form-selector') });
-    loader.addDOMElement({
-      section: 'summary',
-      el: document.querySelector('.summary-selector')
+        loader.addDOMElement({ el: document.querySelector('.form-selector') });
+        loader.addDOMElement({
+            section: 'summary',
+            el: document.querySelector('.summary-selector'),
+        });
+    });
+
+    it('manage state of loading ids', () => {
+        loader.startLoading({ id: 'loadForm' });
+        loader.startLoading({ id: 'updateForm' });
+
+        // Start loading state
+        loader.startLoading({ section: 'summary', id: 'loadSummary' });
+        loader.startLoading({ section: 'summary', id: 'updateSummary' });
+
+        // Stop one loading state
+        loader.stopLoading({ id: 'loadForm' });
+
+        expect(loader.form.length).toEqual(1);
+        expect(loader.summary.length).toEqual(2);
+    });
+
+    it('adds the loader HTML on element and removes the active class when stoped', () => {
+        loader.startLoading({ id: 'loadForm' });
+
+        expect(loader.DOM.form.innerHTML).toMatch('rebilly-instruments-loader');
+        expect(
+            loader.DOM.form
+                .querySelector('.rebilly-instruments-loader')
+                .classList.contains('is-active'),
+        ).toEqual(true);
+
+        loader.stopLoading({ id: 'loadForm' });
+
+        expect(
+            loader.DOM.form
+                .querySelector('.rebilly-instruments-loader')
+                .classList.contains('is-active'),
+        ).toEqual(false);
+    });
+
+    it('keeps loading when there are Ids on the element array', () => {
+        loader.startLoading({ id: 'loadForm' });
+        loader.startLoading({ id: 'updateForm' });
+
+        expect(loader.DOM.form.innerHTML).toMatch('rebilly-instruments-loader');
+        expect(
+            loader.DOM.form
+                .querySelector('.rebilly-instruments-loader')
+                .classList.contains('is-active'),
+        ).toEqual(true);
+
+        loader.stopLoading({ id: 'loadForm' });
+
+        expect(
+            loader.DOM.form
+                .querySelector('.rebilly-instruments-loader')
+                .classList.contains('is-active'),
+        ).toEqual(true);
     });
-  });
-
-  it('manage state of loading ids', () => {
-    loader.startLoading({ id: 'loadForm' });
-    loader.startLoading({ id: 'updateForm' });
-
-    // Start loading state
-    loader.startLoading({ section: 'summary', id: 'loadSummary' });
-    loader.startLoading({ section: 'summary', id: 'updateSummary' });
-
-    // Stop one loading state
-    loader.stopLoading({ id: 'loadForm' });
-
-    expect(loader.form.length).toEqual(1);
-    expect(loader.summary.length).toEqual(2);
-  });
-
-  it('adds the loader HTML on element and removes the active class when stoped', () => {
-    loader.startLoading({ id: 'loadForm' });
-
-    expect(loader.DOM.form.innerHTML).toMatch('rebilly-instruments-loader');
-    expect(
-      loader.DOM.form
-        .querySelector('.rebilly-instruments-loader')
-        .classList.contains('is-active')
-    ).toEqual(true);
-
-    loader.stopLoading({ id: 'loadForm' });
-
-    expect(
-      loader.DOM.form
-        .querySelector('.rebilly-instruments-loader')
-        .classList.contains('is-active')
-    ).toEqual(false);
-  });
-
-  it('keeps loading when there are Ids on the element array', () => {
-    loader.startLoading({ id: 'loadForm' });
-    loader.startLoading({ id: 'updateForm' });
-
-    expect(loader.DOM.form.innerHTML).toMatch('rebilly-instruments-loader');
-    expect(
-      loader.DOM.form
-        .querySelector('.rebilly-instruments-loader')
-        .classList.contains('is-active')
-    ).toEqual(true);
-
-    loader.stopLoading({ id: 'loadForm' });
-
-    expect(
-      loader.DOM.form
-        .querySelector('.rebilly-instruments-loader')
-        .classList.contains('is-active')
-    ).toEqual(true);
-  });
 });

package/src/state/iframes.js

@@ -1,23 +1,23 @@
 export default (() => {
-  let state = null;
-  return {
-    getInstance() {
-      if (state === null) {
-        state = {
-          form: null,
-          summary: null,
-          hasFrame(name) {
-            if (state[name] && !name.match(/^has.*/)) {
-              return !!state[name];
+    let state = null;
+    return {
+        getInstance() {
+            if (state === null) {
+                state = {
+                    form: null,
+                    summary: null,
+                    hasFrame(name) {
+                        if (state[name] && !name.match(/^has.*/)) {
+                            return !!state[name];
+                        }
+                        return false;
+                    },
+                    hasComponent(name) {
+                        return !!state[name]?.component;
+                    },
+                };
             }
-            return false;
-          },
-          hasComponent(name) {
-            return !!state[name]?.component;
-          }
-        }
-      }
-      return state;
-    }
-  }
-})().getInstance();
+            return state;
+        },
+    };
+})().getInstance();

package/src/state/index.js

@@ -1,62 +1,64 @@
-import { reactive } from '@vue/reactivity';
+import { reactive } from 'vue';
 import { Loader } from '../loader';
 import { Translate } from '../i18n';
 import iframes from './iframes';
 
 export default (() => {
-  let state = null;
-  const defaultState = {
-    options: null,
-    data: {},
-    mountingPoints: null,
-    storefront: null,
-    form: null,
-    summary: null,
-    loader: new Loader(),
-    translate: new Translate,
-    hasMounted: false,
-    toModel() {
-      const model = {
-        ...state,
-        data: state.data.toPostmatesModel ? state.data.toPostmatesModel() : {},
-      };
-      
-      // remove functions from model
-      delete model.toModel;
-      delete model.updateModel;
-      delete model.reset;
+    let state = null;
+    const defaultState = {
+        options: null,
+        data: {},
+        mountingPoints: null,
+        storefront: null,
+        form: null,
+        summary: null,
+        loader: new Loader(),
+        translate: new Translate(),
+        hasMounted: false,
+        toModel() {
+            const model = {
+                ...state,
+                data: state.data.toPostmatesModel
+                    ? state.data.toPostmatesModel()
+                    : {},
+            };
 
-      return JSON.parse(JSON.stringify(model));
-    },
-    updateModel() {
-      const modelSafeState = state?.toModel();
-      if (modelSafeState) {
-        const updateModel = {
-          data: modelSafeState.data,
-          options: modelSafeState.options
-        }
-    
-        if (iframes.hasComponent('summary')) {
-          iframes.summary.component.call('update', updateModel);
-        }
-        if (iframes.hasComponent('form')) {
-          iframes.form.component.call('update', updateModel)
-        }
-      }
-    },
-    reset() {
-      if (state !== null) {
-        state = reactive({...defaultState});
-      }
-    }
-  };
+            // remove functions from model
+            delete model.toModel;
+            delete model.updateModel;
+            delete model.reset;
 
-  return {
-    getInstance() {
-      if (state === null) {
-        state = reactive({...defaultState});
-      }
-      return state;
-    }
-  }
+            return JSON.parse(JSON.stringify(model));
+        },
+        updateModel() {
+            const modelSafeState = state?.toModel();
+            if (modelSafeState) {
+                const updateModel = {
+                    data: modelSafeState.data,
+                    options: modelSafeState.options,
+                };
+
+                if (iframes.hasComponent('summary')) {
+                    iframes.summary.component.call('update', updateModel);
+                }
+                if (iframes.hasComponent('form')) {
+                    iframes.form.component.call('update', updateModel);
+                }
+            }
+        },
+        reset() {
+            if (state !== null) {
+                state = reactive({ ...defaultState });
+            }
+        },
+    };
+
+    return {
+        getInstance() {
+            if (state === null) {
+                state = reactive({ ...defaultState });
+            }
+            return state;
+        },
+    };
 })().getInstance();

package/src/storefront/account-and-website.js

@@ -4,13 +4,15 @@ import { Endpoint } from './index';
 import state from '../state';
 
 export async function fetchAccountAndWebsite() {
-  return Endpoint(async () => {
-    state.storefront.setSessionToken(state.options.jwt);
-    const {fields} = await state.storefront.account.get({expand: 'website'});
+    return Endpoint(async () => {
+        state.storefront.setSessionToken(state.options.jwt);
+        const { fields } = await state.storefront.account.get({
+            expand: 'website',
+        });
 
-    return {
-      website: new WebsiteModel(fields._embedded?.website),
-      account: new AccountModel(fields),
-    }
-  });
+        return {
+            website: new WebsiteModel(fields._embedded?.website),
+            account: new AccountModel(fields),
+        };
+    });
 }

package/src/storefront/account-and-website.spec.js

@@ -7,67 +7,67 @@ import AccountModel, { AddressModel } from './models/account-model';
 import WebsiteModel from './models/website-model';
 
 describe('Storefront API Account', () => {
-  it('should handle fetch a customer with a null primary address', async () => {
-    const options = {
-      jwt: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzYjBkNTRkOS0xNmM4LTRlZDAtYjljMy01ODAyZmQ4YzE2ZTIiLCJleHAiOjE2ODY2OTc0MTQuODQxMjUsImlhdCI6MTY1NTE2MTQxNC44Nzk4OTEsImFjbCI6W3sic2NvcGUiOnsib3JnYW5pemF0aW9uSWQiOlsiMzY0NEFGTEFKMUciXSwicGF5bWVudE1ldGhvZHMiOlsicGF5bWVudC1jYXJkIl19LCJwZXJtaXNzaW9ucyI6WzI4NCwyODYsNDE0LDQxNSw0MzQsNDExLDQxMiw0MTMsNDI0LDQyNSw0MjYsNDI3LDQyOCw0MjksNDA5LDQxMCw0MDEsNDAyLDQzMyw0ODgsNDg3XX1dLCJjbGFpbXMiOnsid2Vic2l0ZUlkIjoiZGVtby13ZWJzaXRlIiwidHJhbnNhY3Rpb25JZCI6IjRiZDE3N2NmLTFlY2EtNDA2Yy04OWI0LTEzYzMzODk5NzlmMCIsInBheW1lbnRNZXRob2RzIjpbInBheW1lbnQtY2FyZCJdfSwibWVyY2hhbnQiOiIzNjQ0QUZMQUoxRyIsImN1c3RvbWVyIjp7ImlkIjoidGVzdC1jdXN0b21lci1pZCIsIm5hbWUiOiJUZXN0IEN1c3RvbWVyIE5hbWUiLCJjcmVhdGVkVGltZSI6IjIwMjItMDctMTRUMDA6MDA6MDArMDA6MDAifX0.VPue9QBhRGe3vvncaD47w84N8Bv2hEeShUl6SlNqoOQ',
-      items: [
-        {
-          planId: 'test-plan-id',
-          quantity: 1
-        }
-      ]
-    };
+    it('should handle fetch a customer with a null primary address', async () => {
+        const options = {
+            jwt: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzYjBkNTRkOS0xNmM4LTRlZDAtYjljMy01ODAyZmQ4YzE2ZTIiLCJleHAiOjE2ODY2OTc0MTQuODQxMjUsImlhdCI6MTY1NTE2MTQxNC44Nzk4OTEsImFjbCI6W3sic2NvcGUiOnsib3JnYW5pemF0aW9uSWQiOlsiMzY0NEFGTEFKMUciXSwicGF5bWVudE1ldGhvZHMiOlsicGF5bWVudC1jYXJkIl19LCJwZXJtaXNzaW9ucyI6WzI4NCwyODYsNDE0LDQxNSw0MzQsNDExLDQxMiw0MTMsNDI0LDQyNSw0MjYsNDI3LDQyOCw0MjksNDA5LDQxMCw0MDEsNDAyLDQzMyw0ODgsNDg3XX1dLCJjbGFpbXMiOnsid2Vic2l0ZUlkIjoiZGVtby13ZWJzaXRlIiwidHJhbnNhY3Rpb25JZCI6IjRiZDE3N2NmLTFlY2EtNDA2Yy04OWI0LTEzYzMzODk5NzlmMCIsInBheW1lbnRNZXRob2RzIjpbInBheW1lbnQtY2FyZCJdfSwibWVyY2hhbnQiOiIzNjQ0QUZMQUoxRyIsImN1c3RvbWVyIjp7ImlkIjoidGVzdC1jdXN0b21lci1pZCIsIm5hbWUiOiJUZXN0IEN1c3RvbWVyIE5hbWUiLCJjcmVhdGVkVGltZSI6IjIwMjItMDctMTRUMDA6MDA6MDArMDA6MDAifX0.VPue9QBhRGe3vvncaD47w84N8Bv2hEeShUl6SlNqoOQ',
+            items: [
+                {
+                    planId: 'test-plan-id',
+                    quantity: 1,
+                },
+            ],
+        };
 
-    when(get(`${storefrontURL}/acount`)).thenReturn(
-      ok({
-        defaultPaymentInstrument: null,
-        id: "test-customer-id",
-        primaryAddress: null,
-        websiteId: "test-website-id",
-      })
-    );
+        when(get(`${storefrontURL}/acount`)).thenReturn(
+            ok({
+                defaultPaymentInstrument: null,
+                id: 'test-customer-id',
+                primaryAddress: null,
+                websiteId: 'test-website-id',
+            }),
+        );
 
-    const instance = StorefontTestingInstance({
-      options
-    });
+        const instance = StorefontTestingInstance({
+            options,
+        });
 
-    vi.spyOn(instance.storefront.account, 'get');
+        vi.spyOn(instance.storefront.account, 'get');
 
-    const response = await fetchAccountAndWebsite({ state: instance });
-    expect(response.account.address).toEqual(new AddressModel({}));
-  })
+        const response = await fetchAccountAndWebsite({ state: instance });
+        expect(response.account.address).toEqual(new AddressModel({}));
+    });
 
-  it('should return an object with account and website', async () => {
-    const options = {
-      jwt: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzYjBkNTRkOS0xNmM4LTRlZDAtYjljMy01ODAyZmQ4YzE2ZTIiLCJleHAiOjE2ODY2OTc0MTQuODQxMjUsImlhdCI6MTY1NTE2MTQxNC44Nzk4OTEsImFjbCI6W3sic2NvcGUiOnsib3JnYW5pemF0aW9uSWQiOlsiMzY0NEFGTEFKMUciXSwicGF5bWVudE1ldGhvZHMiOlsicGF5bWVudC1jYXJkIl19LCJwZXJtaXNzaW9ucyI6WzI4NCwyODYsNDE0LDQxNSw0MzQsNDExLDQxMiw0MTMsNDI0LDQyNSw0MjYsNDI3LDQyOCw0MjksNDA5LDQxMCw0MDEsNDAyLDQzMyw0ODgsNDg3XX1dLCJjbGFpbXMiOnsid2Vic2l0ZUlkIjoiZGVtby13ZWJzaXRlIiwidHJhbnNhY3Rpb25JZCI6IjRiZDE3N2NmLTFlY2EtNDA2Yy04OWI0LTEzYzMzODk5NzlmMCIsInBheW1lbnRNZXRob2RzIjpbInBheW1lbnQtY2FyZCJdfSwibWVyY2hhbnQiOiIzNjQ0QUZMQUoxRyIsImN1c3RvbWVyIjp7ImlkIjoidGVzdC1jdXN0b21lci1pZCIsIm5hbWUiOiJUZXN0IEN1c3RvbWVyIE5hbWUiLCJjcmVhdGVkVGltZSI6IjIwMjItMDctMTRUMDA6MDA6MDArMDA6MDAifX0.VPue9QBhRGe3vvncaD47w84N8Bv2hEeShUl6SlNqoOQ',
-      items: [
-        {
-          planId: 'test-plan-id',
-          quantity: 1
-        }
-      ]
-    };
+    it('should return an object with account and website', async () => {
+        const options = {
+            jwt: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzYjBkNTRkOS0xNmM4LTRlZDAtYjljMy01ODAyZmQ4YzE2ZTIiLCJleHAiOjE2ODY2OTc0MTQuODQxMjUsImlhdCI6MTY1NTE2MTQxNC44Nzk4OTEsImFjbCI6W3sic2NvcGUiOnsib3JnYW5pemF0aW9uSWQiOlsiMzY0NEFGTEFKMUciXSwicGF5bWVudE1ldGhvZHMiOlsicGF5bWVudC1jYXJkIl19LCJwZXJtaXNzaW9ucyI6WzI4NCwyODYsNDE0LDQxNSw0MzQsNDExLDQxMiw0MTMsNDI0LDQyNSw0MjYsNDI3LDQyOCw0MjksNDA5LDQxMCw0MDEsNDAyLDQzMyw0ODgsNDg3XX1dLCJjbGFpbXMiOnsid2Vic2l0ZUlkIjoiZGVtby13ZWJzaXRlIiwidHJhbnNhY3Rpb25JZCI6IjRiZDE3N2NmLTFlY2EtNDA2Yy04OWI0LTEzYzMzODk5NzlmMCIsInBheW1lbnRNZXRob2RzIjpbInBheW1lbnQtY2FyZCJdfSwibWVyY2hhbnQiOiIzNjQ0QUZMQUoxRyIsImN1c3RvbWVyIjp7ImlkIjoidGVzdC1jdXN0b21lci1pZCIsIm5hbWUiOiJUZXN0IEN1c3RvbWVyIE5hbWUiLCJjcmVhdGVkVGltZSI6IjIwMjItMDctMTRUMDA6MDA6MDArMDA6MDAifX0.VPue9QBhRGe3vvncaD47w84N8Bv2hEeShUl6SlNqoOQ',
+            items: [
+                {
+                    planId: 'test-plan-id',
+                    quantity: 1,
+                },
+            ],
+        };
 
-    when(get(`${storefrontURL}/acount`)).thenReturn(
-      ok({
-        defaultPaymentInstrument: null,
-        id: "test-customer-id",
-        primaryAddress: null,
-        websiteId: "test-website-id",
-        _embedded: {
-          website: {},
-        }
-      })
-    );
+        when(get(`${storefrontURL}/acount`)).thenReturn(
+            ok({
+                defaultPaymentInstrument: null,
+                id: 'test-customer-id',
+                primaryAddress: null,
+                websiteId: 'test-website-id',
+                _embedded: {
+                    website: {},
+                },
+            }),
+        );
 
-    const instance = StorefontTestingInstance({
-      options
-    });
+        const instance = StorefontTestingInstance({
+            options,
+        });
 
-    vi.spyOn(instance.storefront.account, 'get');
+        vi.spyOn(instance.storefront.account, 'get');
 
-    const response = await fetchAccountAndWebsite({ state: instance });
-    expect(response.account instanceof(AccountModel)).toBe(true);
-    expect(response.website instanceof(WebsiteModel)).toBe(true);
-  })
-});
+        const response = await fetchAccountAndWebsite({ state: instance });
+        expect(response.account instanceof AccountModel).toBe(true);
+        expect(response.website instanceof WebsiteModel).toBe(true);
+    });
+});

package/src/storefront/deposit-requests.js

@@ -2,11 +2,11 @@ import { Endpoint } from './index';
 import state from '../state';
 import DepositRequestModel from './models/deposit-request-model';
 
-export async function fetchDepositRequest({data = null}) {
-  return Endpoint(async () => {
-    state.storefront.setSessionToken(state.options.jwt);
-    const {fields} = await state.storefront.cashierRequests.get(data);
+export async function fetchDepositRequest({ data = null }) {
+    return Endpoint(async () => {
+        state.storefront.setSessionToken(state.options.jwt);
+        const { fields } = await state.storefront.cashierRequests.get(data);
 
-    return new DepositRequestModel(fields);
-  });
+        return new DepositRequestModel(fields);
+    });
 }