@rebilly/instruments 4.8.1 → 4.8.3

package/src/storefront/summary.spec.js

@@ -1,136 +0,0 @@
-import { StorefontTestingInstance } from 'tests/mocks/storefront-mock';
-import { ok, post } from 'msw-when-then';
-import { when } from 'tests/msw/server';
-import { storefrontURL } from 'tests/mocks/storefront-api-mock';
-import SummaryModel from './models/summary-model';
-import { expectConfigurationError } from 'tests/async-utilities';
-import { fetchSummary } from './summary';
-
-describe('Storefront API Summary', () => {
-    it('can fetch preview', async () => {
-        const options = {
-            websiteId: 'test-website-id',
-            items: [
-                {
-                    planId: 'test-plan-id',
-                    quantity: 1,
-                },
-            ],
-        };
-        const testSummary = {
-            currency: 'USD',
-            lineItems: [
-                {
-                    description: 'test-plan-id-1',
-                    planId: 'test-plan-id-1',
-                    quantity: 1,
-                },
-            ],
-        };
-
-        when(post(`${storefrontURL}/preview-purchase`)).thenReturn(
-            ok(testSummary),
-        );
-
-        const instance = StorefontTestingInstance({
-            options,
-        });
-
-        vi.spyOn(instance.storefront.purchase, 'preview');
-
-        const response = await fetchSummary({ state: instance });
-
-        expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
-        expect(instance.storefront.purchase.preview).toBeCalledWith({
-            data: expect.objectContaining({
-                items: options.items,
-                websiteId: options.websiteId,
-            }),
-        });
-        expect(response).toBeInstanceOf(SummaryModel);
-        expect(response).toEqual(new SummaryModel(testSummary));
-    });
-
-    it('Adds billing address to preview payload', async () => {
-        const options = {
-            websiteId: 'test-website-id',
-            items: [
-                {
-                    planId: 'test-plan-id',
-                    quantity: 1,
-                },
-            ],
-        };
-        const billingAddress = {
-            firstName: 'Test',
-            lastName: 'Customer',
-        };
-        const instance = StorefontTestingInstance({
-            options,
-        });
-
-        vi.spyOn(instance.storefront.purchase, 'preview');
-
-        await fetchSummary({
-            data: {
-                billingAddress,
-            },
-            state: instance,
-        });
-
-        expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
-        expect(instance.storefront.purchase.preview).toBeCalledWith({
-            data: expect.objectContaining({
-                items: options.items,
-                websiteId: options.websiteId,
-                billingAddress,
-            }),
-        });
-    });
-
-    it('Adds delivery address to preview payload', async () => {
-        const options = {
-            websiteId: 'test-website-id',
-            items: [
-                {
-                    planId: 'test-plan-id',
-                    quantity: 1,
-                },
-            ],
-        };
-        const deliveryAddress = {
-            firstName: 'Test',
-            lastName: 'Customer',
-        };
-        const instance = StorefontTestingInstance({
-            options,
-        });
-
-        vi.spyOn(instance.storefront.purchase, 'preview');
-
-        await fetchSummary({
-            data: {
-                deliveryAddress,
-            },
-            state: instance,
-        });
-
-        expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
-        expect(instance.storefront.purchase.preview).toBeCalledWith({
-            data: expect.objectContaining({
-                items: options.items,
-                websiteId: options.websiteId,
-                deliveryAddress,
-            }),
-        });
-    });
-
-    it('should throw errors with no options', async () => {
-        const noConfigOrOptionsInstance = StorefontTestingInstance({
-            options: null,
-        });
-        await expectConfigurationError(
-            fetchSummary({ state: noConfigOrOptionsInstance }),
-        );
-    });
-});

package/src/storefront/transactions.js

@@ -1,12 +0,0 @@
-import TransactionModel from './models/transaction-model';
-import { Endpoint } from './index';
-import state from '../state';
-
-export async function fetchTransaction({ data = null }) {
-    return Endpoint(async () => {
-        state.storefront.setSessionToken(state.options.jwt);
-        const { fields } = await state.storefront.transactions.get(data);
-
-        return new TransactionModel(fields);
-    });
-}

package/src/style/base/__snapshots__/theme.spec.js.snap

@@ -1,143 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`RebillyInstruments theme > builds the theme object 1`] = `
-{
-  "cssVars": "--rebilly-colorPrimary: #0044D4;
-  --rebilly-colorBackground: #FFFFFF;
-  --rebilly-colorText: #0D2B3E;
-  --rebilly-colorMutedText: rgba(13, 43, 62, 0.5);
-  --rebilly-colorMutedBorder: #DCE3EA;
-  --rebilly-colorDanger: #CD5C5C;
-  --rebilly-fontFamily: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial sans-serif;
-  --rebilly-fontSizeBase: 16px;
-  --rebilly-fontWeightBase: 500;
-  --rebilly-fontLineHeightBase: calc(16px * 1.5);
-  --rebilly-fontSmooth: auto;
-  --rebilly-borderRadius: 6px;
-  --rebilly-headingFontFamily: var(--rebilly-fontFamily);
-  --rebilly-headingFontWeight: 600;
-  --rebilly-headingColorText: var(--rebilly-colorText);
-  --rebilly-buttonColorBackground: var(--rebilly-colorPrimary);
-  --rebilly-buttonColorText: #FFFFFF;
-  --rebilly-buttonFontFamily: var(--rebilly-fontFamily);
-  --rebilly-buttonFontSize: var(--rebilly-fontSizeBase);
-  --rebilly-buttonFontLineHeight: var(--rebilly-fontLineHeightBase);
-  --rebilly-buttonFontWeight: var(--rebilly-fontWeightBase);
-  --rebilly-buttonBorder: 1px solid transparent;
-  --rebilly-buttonBorderRadius: var(--rebilly-borderRadius);
-  --rebilly-buttonBoxShadow: none;
-  --rebilly-buttonSecondaryColorBackground: var(--rebilly-colorBackground);
-  --rebilly-buttonSecondaryColorText: var(--rebilly-colorPrimary);
-  --rebilly-buttonSecondaryFontFamily: var(--rebilly-fontFamily);
-  --rebilly-buttonSecondaryFontSize: var(--rebilly-fontSizeBase);
-  --rebilly-buttonSecondaryFontLineHeight: var(--rebilly-fontLineHeightBase);
-  --rebilly-buttonSecondaryFontWeight: var(--rebilly-fontWeightBase);
-  --rebilly-buttonSecondaryBorder: 1px solid #0044D4;
-  --rebilly-buttonSecondaryBorderRadius: var(--rebilly-borderRadius);
-  --rebilly-buttonSecondaryBoxShadow: none;
-  --rebilly-buttonHoverColorBackground: #0036aa;
-  --rebilly-buttonHoverColorText: var(--rebilly-buttonColorText);
-  --rebilly-buttonHoverFontFamily: var(--rebilly-buttonFontFamily);
-  --rebilly-buttonHoverFontSize: var(--rebilly-buttonFontSize);
-  --rebilly-buttonHoverFontLineHeight: var(--rebilly-buttonFontLineHeight);
-  --rebilly-buttonHoverFontWeight: var(--rebilly-buttonFontWeight);
-  --rebilly-buttonHoverBorder: 1px solid #0036aa;
-  --rebilly-buttonHoverBorderRadius: var(--rebilly-buttonBorderRadius);
-  --rebilly-buttonHoverBoxShadow: var(--rebilly-buttonBoxShadow);
-  --rebilly-buttonSecondaryHoverColorBackground: var(--rebilly-colorBackground);
-  --rebilly-buttonSecondaryHoverColorText: var(--rebilly-buttonSecondaryColorText);
-  --rebilly-buttonSecondaryHoverFontFamily: var(--rebilly-buttonSecondaryFontFamily);
-  --rebilly-buttonSecondaryHoverFontSize: var(--rebilly-buttonSecondaryFontSize);
-  --rebilly-buttonSecondaryHoverFontLineHeight: var(--rebilly-buttonSecondaryFontLineHeight);
-  --rebilly-buttonSecondaryHoverFontWeight: var(--rebilly-buttonSecondaryFontWeight);
-  --rebilly-buttonSecondaryHoverBorder: var(--rebilly-buttonSecondaryBorder);
-  --rebilly-buttonSecondaryHoverBorderRadius: var(--rebilly-buttonSecondaryBorderRadius);
-  --rebilly-buttonSecondaryHoverBoxShadow: var(--rebilly-buttonSecondaryBoxShadow);
-  --rebilly-buttonActiveColorBackground: var(--rebilly-buttonHoverColorBackground);
-  --rebilly-buttonActiveColorText: var(--rebilly-buttonHoverColorText);
-  --rebilly-buttonActiveFontFamily: var(--rebilly-buttonHoverFontFamily);
-  --rebilly-buttonActiveFontSize: var(--rebilly-buttonHoverFontSize);
-  --rebilly-buttonActiveFontLineHeight: var(--rebilly-buttonHoverFontLineHeight);
-  --rebilly-buttonActiveFontWeight: var(--rebilly-buttonHoverFontWeight);
-  --rebilly-buttonActiveBorder: var(--rebilly-buttonHoverBorder);
-  --rebilly-buttonActiveBorderRadius: var(--rebilly-buttonHoverBorderRadius);
-  --rebilly-buttonActiveBoxShadow: var(--rebilly-buttonHoverBoxShadow);
-  --rebilly-buttonSecondaryActiveColorBackground: var(--rebilly-buttonSecondaryHoverColorBackground);
-  --rebilly-buttonSecondaryActiveColorText: var(--rebilly-buttonSecondaryHoverColorText);
-  --rebilly-buttonSecondaryActiveFontFamily: var(--rebilly-buttonSecondaryHoverFontFamily);
-  --rebilly-buttonSecondaryActiveFontSize: var(--rebilly-buttonSecondaryHoverFontSize);
-  --rebilly-buttonSecondaryActiveFontLineHeight: var(--rebilly-buttonSecondaryHoverFontLineHeight);
-  --rebilly-buttonSecondaryActiveFontWeight: var(--rebilly-buttonSecondaryHoverFontWeight);
-  --rebilly-buttonSecondaryActiveBorder: var(--rebilly-buttonSecondaryHoverBorder);
-  --rebilly-buttonSecondaryActiveBorderRadius: var(--rebilly-buttonSecondaryHoverBorderRadius);
-  --rebilly-buttonSecondaryActiveBoxShadow: var(--rebilly-buttonSecondaryHoverBoxShadow);
-  --rebilly-inputColorBackground: transparent;
-  --rebilly-inputColorText: var(--rebilly-colorText);
-  --rebilly-inputFontFamily: var(--rebilly-fontFamily);
-  --rebilly-inputFontSize: var(--rebilly-fontSizeBase);
-  --rebilly-inputFontLineHeight: var(--rebilly-fontLineHeightBase);
-  --rebilly-inputFontWeight: var(--rebilly-fontWeightBase);
-  --rebilly-inputBorder: 1px solid #d3dae1;
-  --rebilly-inputBorderRadius: var(--rebilly-borderRadius);
-  --rebilly-inputBoxShadow: none;
-  --rebilly-inputHoverColorBackground: var(--rebilly-inputColorBackground);
-  --rebilly-inputHoverColorText: var(--rebilly-inputColorText);
-  --rebilly-inputHoverFontFamily: var(--rebilly-inputFontFamily);
-  --rebilly-inputHoverFontSize: var(--rebilly-inputFontSize);
-  --rebilly-inputHoverFontLineHeight: var(--rebilly-inputFontLineHeight);
-  --rebilly-inputHoverFontWeight: var(--rebilly-inputFontWeight);
-  --rebilly-inputHoverBorder: var(--rebilly-inputBorder);
-  --rebilly-inputHoverBorderRadius: var(--rebilly-inputBorderRadius);
-  --rebilly-inputHoverBoxShadow: var(--rebilly-inputBoxShadow);
-  --rebilly-inputFocusColorBackground: var(--rebilly-inputHoverColorBackground);
-  --rebilly-inputFocusColorText: var(--rebilly-inputHoverColorText);
-  --rebilly-inputFocusFontFamily: var(--rebilly-inputHoverFontFamily);
-  --rebilly-inputFocusFontSize: var(--rebilly-inputHoverFontSize);
-  --rebilly-inputFocusFontLineHeight: var(--rebilly-inputHoverFontLineHeight);
-  --rebilly-inputFocusFontWeight: var(--rebilly-inputHoverFontWeight);
-  --rebilly-inputFocusBorder: 1px solid #0044D4;
-  --rebilly-inputFocusBorderRadius: var(--rebilly-inputHoverBorderRadius);
-  --rebilly-inputFocusBoxShadow: 0 0 0 1px #0044D4;
-  --rebilly-inputPlaceholderColorText: rgba(13, 43, 62, 0.5);
-  --rebilly-inputPlaceholderFontFamily: var(--rebilly-inputFontFamily);
-  --rebilly-inputPlaceholderFontSize: var(--rebilly-inputFontSize);
-  --rebilly-inputPlaceholderFontLineHeight: var(--rebilly-inputFontLineHeight);
-  --rebilly-inputPlaceholderFontWeight: var(--rebilly-inputFontWeight);
-  --rebilly-inputSelectionColorText: initial;
-  --rebilly-inputSelectionColorBackground: highlight;
-  --rebilly-inputErrorColorBackground: var(--rebilly-inputColorBackground);
-  --rebilly-inputErrorColorText: var(--rebilly-colorDanger);
-  --rebilly-inputErrorFontFamily: var(--rebilly-inputFontFamily);
-  --rebilly-inputErrorFontSize: var(--rebilly-inputFontSize);
-  --rebilly-inputErrorFontLineHeight: var(--rebilly-inputFontLineHeight);
-  --rebilly-inputErrorFontWeight: var(--rebilly-inputFontWeight);
-  --rebilly-inputErrorBorder: 1px solid #CD5C5C;
-  --rebilly-inputErrorBorderRadius: var(--rebilly-inputBorderRadius);
-  --rebilly-inputErrorBoxShadow: var(--rebilly-inputBoxShadow);
-  --rebilly-inputErrorHoverColorBackground: var(--rebilly-inputErrorColorBackground);
-  --rebilly-inputErrorHoverColorText: var(--rebilly-inputErrorColorText);
-  --rebilly-inputErrorHoverFontFamily: var(--rebilly-inputErrorFontFamily);
-  --rebilly-inputErrorHoverFontSize: var(--rebilly-inputErrorFontSize);
-  --rebilly-inputErrorHoverFontLineHeight: var(--rebilly-inputErrorFontLineHeight);
-  --rebilly-inputErrorHoverFontWeight: var(--rebilly-inputErrorFontWeight);
-  --rebilly-inputErrorHoverBorder: var(--rebilly-inputErrorBorder);
-  --rebilly-inputErrorHoverBorderRadius: var(--rebilly-inputErrorBorderRadius);
-  --rebilly-inputErrorHoverBoxShadow: var(--rebilly-inputErrorBoxShadow);
-  --rebilly-inputErrorFocusColorBackground: var(--rebilly-inputErrorHoverColorBackground);
-  --rebilly-inputErrorFocusColorText: var(--rebilly-inputErrorHoverColorText);
-  --rebilly-inputErrorFocusFontFamily: var(--rebilly-inputErrorHoverFontFamily);
-  --rebilly-inputErrorFocusFontSize: var(--rebilly-inputErrorHoverFontSize);
-  --rebilly-inputErrorFocusFontLineHeight: var(--rebilly-inputErrorHoverFontLineHeight);
-  --rebilly-inputErrorFocusFontWeight: var(--rebilly-inputErrorHoverFontWeight);
-  --rebilly-inputErrorFocusBorder: var(--rebilly-inputErrorHoverBorder);
-  --rebilly-inputErrorFocusBorderRadius: var(--rebilly-inputErrorHoverBorderRadius);
-  --rebilly-inputErrorFocusBoxShadow: var(--rebilly-inputErrorHoverBoxShadow);
-  --rebilly-inputErrorPlaceholderColorText: rgba(205, 92, 92, 0.5);
-  --rebilly-inputErrorPlaceholderFontFamily: var(--rebilly-inputPlaceholderFontFamily);
-  --rebilly-inputErrorPlaceholderFontSize: var(--rebilly-inputPlaceholderFontSize);
-  --rebilly-inputErrorPlaceholderFontLineHeight: var(--rebilly-inputPlaceholderFontLineHeight);
-  --rebilly-inputErrorPlaceholderFontWeight: var(--rebilly-inputPlaceholderFontWeight);
-  --rebilly-inputErrorSelectionColorText: var(--rebilly-inputSelectionColorText);
-  --rebilly-inputErrorSelectionColorBackground: var(--rebilly-inputSelectionColorBackground);",
-}
-`;