@codecademy/brand 2.5.0-alpha.975930aaa2.0 → 3.0.0-alpha.220d4ef8ba.0

package/dist/Recurly/fields/elements.test.js

@@ -1,79 +0,0 @@
-import { setupRtl } from '@codecademy/gamut-tests';
-import { render } from '@testing-library/react';
-import { CardNumber } from './elements';
-import { jsx as _jsx } from "react/jsx-runtime";
-class MockElement {
-  attach = jest.fn();
-  handlers = {};
-  on = jest.fn((evt, handler) => {
-    this.handlers[evt] = handler;
-  });
-  configure = jest.fn();
-  destroy = jest.fn();
-  focus = jest.fn();
-}
-const mockElements = {};
-jest.mock('../context', () => ({
-  useElements: jest.fn(() => mockElements)
-}));
-describe('CardNumber', () => {
-  it('creates the Recurly element and attaches it to the DOM', () => {
-    const mockElement = new MockElement();
-    mockElements.CardNumberElement = jest.fn(() => mockElement);
-    const renderView = setupRtl(CardNumber);
-    renderView();
-    expect(mockElements.CardNumberElement).toHaveBeenCalled();
-    expect(mockElement.attach).toHaveBeenCalled();
-  });
-  it('sets and updates event handlers', () => {
-    const mockElement = new MockElement();
-    mockElements.CardNumberElement = () => mockElement;
-    const renderView = setupRtl(CardNumber);
-    const createHandlers = () => ({
-      onReady: jest.fn(),
-      onChange: jest.fn(),
-      onBlur: jest.fn(),
-      onFocus: jest.fn(),
-      onSubmit: jest.fn()
-    });
-    const handlersA = createHandlers();
-    const {
-      update
-    } = renderView(handlersA);
-    for (const handler of Object.values(mockElement.handlers)) {
-      handler('test-1');
-    }
-    const handlersB = createHandlers();
-    update(handlersB);
-    for (const handler of Object.values(mockElement.handlers)) {
-      handler('test-2');
-    }
-    for (const handler of Object.values(handlersA)) {
-      expect(handler).toHaveBeenCalledTimes(1);
-      expect(handler).toHaveBeenCalledWith('test-1');
-    }
-    for (const handler of Object.values(handlersB)) {
-      expect(handler).toHaveBeenCalledTimes(1);
-      expect(handler).toHaveBeenCalledWith('test-2');
-    }
-  });
-  it('allows focus from the outside via ref', () => {
-    const mockElement = new MockElement();
-    mockElements.CardNumberElement = jest.fn(() => mockElement);
-    const ref = {};
-    render(/*#__PURE__*/_jsx(CardNumber, {
-      ref: ref
-    }));
-    ref.current?.focus();
-    expect(mockElement.focus).toHaveBeenCalled();
-  });
-  it('destroys the Recurly element when the component unmounts', () => {
-    const mockElement = new MockElement();
-    mockElements.CardNumberElement = jest.fn(() => mockElement);
-    const {
-      unmount
-    } = render(/*#__PURE__*/_jsx(CardNumber, {}));
-    unmount();
-    expect(mockElement.destroy).toHaveBeenCalled();
-  });
-});

package/dist/Recurly/fields/index.d.ts

@@ -1,2 +0,0 @@
-export * from './elements';
-export * from './RecurlyField';

package/dist/Recurly/fields/index.js

@@ -1,2 +0,0 @@
-export * from './elements';
-export * from './RecurlyField';

package/dist/Recurly/index.d.ts

@@ -1,2 +0,0 @@
-export * from './fields';
-export { Elements, RecurlyProvider, useRecurly } from './context';

package/dist/Recurly/index.js

@@ -1,2 +0,0 @@
-export * from './fields';
-export { Elements, RecurlyProvider, useRecurly } from './context';

package/dist/stories/Molecules/Recurly.stories.d.ts

@@ -1,5 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const _default: {};
-export default _default;
-export declare const Default: StoryObj;
-export declare const RecurlyFieldStory: StoryObj;

package/dist/stories/Molecules/Recurly.stories.js

@@ -1,56 +0,0 @@
-import { GridBox, Text } from '@codecademy/gamut';
-import { CardNumber, CVV, Elements, ExpMonth, ExpYear, RecurlyField, RecurlyProvider } from '../../index';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default {};
-export const Default = {
-  render: () => /*#__PURE__*/_jsx(RecurlyProvider, {
-    publicKey: "test-key",
-    required: [],
-    children: /*#__PURE__*/_jsx(Elements, {
-      children: /*#__PURE__*/_jsxs(GridBox, {
-        gridTemplateColumns: "2fr 1fr 1fr",
-        gap: 16,
-        children: [/*#__PURE__*/_jsx(RecurlyField, {
-          label: "Card number*",
-          children: /*#__PURE__*/_jsx(CardNumber, {})
-        }), /*#__PURE__*/_jsxs(RecurlyField, {
-          label: "Expiration date*",
-          children: [/*#__PURE__*/_jsx(ExpMonth, {}), /*#__PURE__*/_jsx(ExpYear, {})]
-        }), /*#__PURE__*/_jsx(RecurlyField, {
-          label: "CVV*",
-          children: /*#__PURE__*/_jsx(CVV, {})
-        })]
-      })
-    })
-  })
-};
-export const RecurlyFieldStory = {
-  render: () => /*#__PURE__*/_jsx(RecurlyProvider, {
-    publicKey: "test-key",
-    required: [],
-    children: /*#__PURE__*/_jsx(Elements, {
-      children: /*#__PURE__*/_jsxs(GridBox, {
-        gridTemplateColumns: "4rem 1fr",
-        gap: 16,
-        children: [/*#__PURE__*/_jsx(Text, {
-          variant: "title-xs",
-          alignSelf: "center",
-          children: "Error"
-        }), /*#__PURE__*/_jsx(RecurlyField, {
-          label: "Card number*",
-          error: true,
-          children: /*#__PURE__*/_jsx(CardNumber, {})
-        }), /*#__PURE__*/_jsx(Text, {
-          variant: "title-xs",
-          alignSelf: "center",
-          children: "Valid"
-        }), /*#__PURE__*/_jsx(RecurlyField, {
-          label: "Card number*",
-          valid: true,
-          children: /*#__PURE__*/_jsx(CardNumber, {})
-        })]
-      })
-    })
-  }),
-  name: 'Validation'
-};