@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

package/dist/RatingsBar/index.d.ts

@@ -1,16 +1,12 @@
-import * as React$1 from "react";
-
-//#region src/RatingsBar/index.d.ts
-type RatingsBarProps = {
-  /**
-   * Minimum amount of the bar to fill in visually.
-   */
-  minimumPercent?: number;
-  /**
-   * How much of the bar to fill in, as a number in [0, 100].
-   */
-  percent: number;
+import * as React from 'react';
+export type RatingsBarProps = {
+    /**
+     * Minimum amount of the bar to fill in visually.
+     */
+    minimumPercent?: number;
+    /**
+     * How much of the bar to fill in, as a number in [0, 100].
+     */
+    percent: number;
 };
-declare const RatingsBar: React$1.FC<RatingsBarProps>;
-//#endregion
-export { RatingsBar, RatingsBarProps };
+export declare const RatingsBar: React.FC<RatingsBarProps>;

package/dist/RatingsBar/index.js

@@ -1,41 +1,34 @@
-import { pxRem, theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/RatingsBar/index.tsx
-const RatingsBarWrapper = styled.div`
-  border-width: ${pxRem(1)};
-  border-style: solid;
-  border-radius: ${pxRem(80)};
-  background-color: ${theme.colors.white};
-  height: ${pxRem(8)};
-`;
-const Bar = styled.div`
-  align-items: center;
-  height: 100%;
-  display: flex;
-  position: relative;
-  border-radius: inherit;
-  background-color: ${theme.colors.yellow};
-`;
-const RatingsBar = ({ minimumPercent = 0, percent }) => {
-	return /* @__PURE__ */ jsx(RatingsBarWrapper, {
-		role: "meter",
-		"aria-valuenow": percent,
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-label": "ratings bar",
-		"aria-live": "polite",
-		children: /* @__PURE__ */ jsx(Bar, {
-			"data-testid": "ratings-bar-bar",
-			style: {
-				width: `${Math.max(minimumPercent, percent)}%`,
-				boxShadow: percent > 0 ? `${pxRem(.5)} 0 0 ${pxRem(.5)}` : "none"
-			}
-		})
-	});
-};
-
-//#endregion
-export { RatingsBar };
+import _styled from "@emotion/styled/base";
+import { pxRem, theme } from '@codecademy/gamut-styles';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const RatingsBarWrapper = /*#__PURE__*/_styled("div", {
+  target: "e150jiwl1",
+  label: "RatingsBarWrapper"
+})("border-width:", pxRem(1), ";border-style:solid;border-radius:", pxRem(80), ";background-color:", theme.colors.white, ";height:", pxRem(8), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9SYXRpbmdzQmFyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9DIiwiZmlsZSI6Ii4uLy4uL3NyYy9SYXRpbmdzQmFyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHB4UmVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFJhdGluZ3NCYXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1pbmltdW0gYW1vdW50IG9mIHRoZSBiYXIgdG8gZmlsbCBpbiB2aXN1YWxseS5cbiAgICovXG4gIG1pbmltdW1QZXJjZW50PzogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBIb3cgbXVjaCBvZiB0aGUgYmFyIHRvIGZpbGwgaW4sIGFzIGEgbnVtYmVyIGluIFswLCAxMDBdLlxuICAgKi9cbiAgcGVyY2VudDogbnVtYmVyO1xufTtcblxuY29uc3QgUmF0aW5nc0JhcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItd2lkdGg6ICR7cHhSZW0oMSl9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiAke3B4UmVtKDgwKX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLndoaXRlfTtcbiAgaGVpZ2h0OiAke3B4UmVtKDgpfTtcbmA7XG5cbmNvbnN0IEJhciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy55ZWxsb3d9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJhdGluZ3NCYXI6IFJlYWN0LkZDPFJhdGluZ3NCYXJQcm9wcz4gPSAoe1xuICBtaW5pbXVtUGVyY2VudCA9IDAsXG4gIHBlcmNlbnQsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJhdGluZ3NCYXJXcmFwcGVyXG4gICAgICByb2xlPVwibWV0ZXJcIlxuICAgICAgYXJpYS12YWx1ZW5vdz17cGVyY2VudH1cbiAgICAgIGFyaWEtdmFsdWVtaW49ezB9XG4gICAgICBhcmlhLXZhbHVlbWF4PXsxMDB9XG4gICAgICBhcmlhLWxhYmVsPVwicmF0aW5ncyBiYXJcIlxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICA+XG4gICAgICA8QmFyXG4gICAgICAgIGRhdGEtdGVzdGlkPVwicmF0aW5ncy1iYXItYmFyXCJcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHdpZHRoOiBgJHtNYXRoLm1heChtaW5pbXVtUGVyY2VudCwgcGVyY2VudCl9JWAsXG4gICAgICAgICAgYm94U2hhZG93OiBwZXJjZW50ID4gMCA/IGAke3B4UmVtKDAuNSl9IDAgMCAke3B4UmVtKDAuNSl9YCA6ICdub25lJyxcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9SYXRpbmdzQmFyV3JhcHBlcj5cbiAgKTtcbn07XG4iXX0= */"));
+const Bar = /*#__PURE__*/_styled("div", {
+  target: "e150jiwl0",
+  label: "Bar"
+})("align-items:center;height:100%;display:flex;position:relative;border-radius:inherit;background-color:", theme.colors.yellow, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9SYXRpbmdzQmFyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QnNCIiwiZmlsZSI6Ii4uLy4uL3NyYy9SYXRpbmdzQmFyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHB4UmVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFJhdGluZ3NCYXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1pbmltdW0gYW1vdW50IG9mIHRoZSBiYXIgdG8gZmlsbCBpbiB2aXN1YWxseS5cbiAgICovXG4gIG1pbmltdW1QZXJjZW50PzogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBIb3cgbXVjaCBvZiB0aGUgYmFyIHRvIGZpbGwgaW4sIGFzIGEgbnVtYmVyIGluIFswLCAxMDBdLlxuICAgKi9cbiAgcGVyY2VudDogbnVtYmVyO1xufTtcblxuY29uc3QgUmF0aW5nc0JhcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItd2lkdGg6ICR7cHhSZW0oMSl9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiAke3B4UmVtKDgwKX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLndoaXRlfTtcbiAgaGVpZ2h0OiAke3B4UmVtKDgpfTtcbmA7XG5cbmNvbnN0IEJhciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy55ZWxsb3d9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJhdGluZ3NCYXI6IFJlYWN0LkZDPFJhdGluZ3NCYXJQcm9wcz4gPSAoe1xuICBtaW5pbXVtUGVyY2VudCA9IDAsXG4gIHBlcmNlbnQsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJhdGluZ3NCYXJXcmFwcGVyXG4gICAgICByb2xlPVwibWV0ZXJcIlxuICAgICAgYXJpYS12YWx1ZW5vdz17cGVyY2VudH1cbiAgICAgIGFyaWEtdmFsdWVtaW49ezB9XG4gICAgICBhcmlhLXZhbHVlbWF4PXsxMDB9XG4gICAgICBhcmlhLWxhYmVsPVwicmF0aW5ncyBiYXJcIlxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICA+XG4gICAgICA8QmFyXG4gICAgICAgIGRhdGEtdGVzdGlkPVwicmF0aW5ncy1iYXItYmFyXCJcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHdpZHRoOiBgJHtNYXRoLm1heChtaW5pbXVtUGVyY2VudCwgcGVyY2VudCl9JWAsXG4gICAgICAgICAgYm94U2hhZG93OiBwZXJjZW50ID4gMCA/IGAke3B4UmVtKDAuNSl9IDAgMCAke3B4UmVtKDAuNSl9YCA6ICdub25lJyxcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9SYXRpbmdzQmFyV3JhcHBlcj5cbiAgKTtcbn07XG4iXX0= */"));
+export const RatingsBar = ({
+  minimumPercent = 0,
+  percent
+}) => {
+  return /*#__PURE__*/_jsx(RatingsBarWrapper, {
+    role: "meter",
+    "aria-valuenow": percent,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-label": "ratings bar",
+    "aria-live": "polite",
+    children: /*#__PURE__*/_jsx(Bar, {
+      "data-testid": "ratings-bar-bar"
+      // eslint-disable-next-line gamut/no-inline-style
+      ,
+      style: {
+        width: `${Math.max(minimumPercent, percent)}%`,
+        boxShadow: percent > 0 ? `${pxRem(0.5)} 0 0 ${pxRem(0.5)}` : 'none'
+      }
+    })
+  });
+};

package/dist/Recurly/context/NoProvider.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A symbol used as the default value for contexts that require a provider. When
+ * calling useContext, we can throw an error if we find this symbol rather than
+ * a provided value. This is useful in cases where we want to consider null or
+ * undefined as valid provided values.
+ */
+export declare const NO_PROVIDER: unique symbol;
+export type NoProvider = typeof NO_PROVIDER;

package/dist/Recurly/context/NoProvider.js

@@ -1,11 +1,7 @@
-//#region src/Recurly/context/NoProvider.ts
 /**
-* A symbol used as the default value for contexts that require a provider. When
-* calling useContext, we can throw an error if we find this symbol rather than
-* a provided value. This is useful in cases where we want to consider null or
-* undefined as valid provided values.
-*/
-const NO_PROVIDER = Symbol("no provider");
-
-//#endregion
-export { NO_PROVIDER };
+ * A symbol used as the default value for contexts that require a provider. When
+ * calling useContext, we can throw an error if we find this symbol rather than
+ * a provided value. This is useful in cases where we want to consider null or
+ * undefined as valid provided values.
+ */
+export const NO_PROVIDER = Symbol('no provider');

package/dist/Recurly/context/elements/index.d.ts

@@ -1,15 +1,26 @@
-import { PropsWithChildren } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
-
-//#region src/Recurly/context/elements/index.d.ts
-
+import type { ElementsInstance } from '@recurly/recurly-js';
+import { PropsWithChildren } from 'react';
 /**
  * A provider that provides the Elements instance via context.
  *
  * If used outside of a RecurlyProvider, it will throw an error.
  */
-declare function Elements({
-  children
-}: PropsWithChildren): react_jsx_runtime2.JSX.Element;
-//#endregion
-export { Elements };
+export declare function Elements({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+/**
+ * A hook that returns the Elements instance from context.
+ *
+ * If used outside of an Elements provider, it will throw an error.
+ *
+ * Within an Elements provider:
+ * - If used on the server, it will return undefined.
+ * - If used on the client, it will initially return undefined and then return
+ *   the provided Elements instance once the Recurly library is loaded.
+ *
+ * @param options - An object to provide an alternate contextual error message
+ * to use if one tries to use this hook outside of an Elements provider.
+ *
+ * @returns The Elements instance.
+ */
+export declare function useElements(options?: {
+    noProviderError?: string;
+}): ElementsInstance | undefined;

package/dist/Recurly/context/elements/index.js

@@ -1,43 +1,46 @@
-import { NO_PROVIDER } from "../NoProvider.js";
-import { useRecurly } from "../recurly/index.js";
-import { createContext, useContext, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import { NO_PROVIDER } from '../NoProvider';
+import { useRecurly } from '../recurly';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ElementCtx = /*#__PURE__*/createContext(NO_PROVIDER);
 
-//#region src/Recurly/context/elements/index.tsx
-const ElementCtx = createContext(NO_PROVIDER);
 /**
-* A provider that provides the Elements instance via context.
-*
-* If used outside of a RecurlyProvider, it will throw an error.
-*/
-function Elements({ children }) {
-	const recurly = useRecurly({ noProviderError: "Elements must be used within a RecurlyProvider." });
-	const elements = useMemo(() => recurly?.Elements(), [recurly]);
-	return /* @__PURE__ */ jsx(ElementCtx.Provider, {
-		value: elements,
-		children
-	});
-}
-/**
-* A hook that returns the Elements instance from context.
-*
-* If used outside of an Elements provider, it will throw an error.
-*
-* Within an Elements provider:
-* - If used on the server, it will return undefined.
-* - If used on the client, it will initially return undefined and then return
-*   the provided Elements instance once the Recurly library is loaded.
-*
-* @param options - An object to provide an alternate contextual error message
-* to use if one tries to use this hook outside of an Elements provider.
-*
-* @returns The Elements instance.
-*/
-function useElements(options) {
-	const elements = useContext(ElementCtx);
-	if (elements === NO_PROVIDER) throw new Error(options?.noProviderError ?? "useElements must be used within a Elements provider.");
-	return elements;
+ * A provider that provides the Elements instance via context.
+ *
+ * If used outside of a RecurlyProvider, it will throw an error.
+ */
+export function Elements({
+  children
+}) {
+  const recurly = useRecurly({
+    noProviderError: 'Elements must be used within a RecurlyProvider.'
+  });
+  const elements = useMemo(() => recurly?.Elements(), [recurly]);
+  return /*#__PURE__*/_jsx(ElementCtx.Provider, {
+    value: elements,
+    children: children
+  });
 }
 
-//#endregion
-export { Elements, useElements };
+/**
+ * A hook that returns the Elements instance from context.
+ *
+ * If used outside of an Elements provider, it will throw an error.
+ *
+ * Within an Elements provider:
+ * - If used on the server, it will return undefined.
+ * - If used on the client, it will initially return undefined and then return
+ *   the provided Elements instance once the Recurly library is loaded.
+ *
+ * @param options - An object to provide an alternate contextual error message
+ * to use if one tries to use this hook outside of an Elements provider.
+ *
+ * @returns The Elements instance.
+ */
+export function useElements(options) {
+  const elements = useContext(ElementCtx);
+  if (elements === NO_PROVIDER) {
+    throw new Error(options?.noProviderError ?? 'useElements must be used within a Elements provider.');
+  }
+  return elements;
+}

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

@@ -1,2 +1,2 @@
-import { RecurlyProvider, RecurlyProviderProps, useRecurly } from "./recurly/index.js";
-import { Elements } from "./elements/index.js";
+export * from './recurly';
+export * from './elements';

package/dist/Recurly/context/index.js

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

package/dist/Recurly/context/recurly/index.d.ts

@@ -1,10 +1,7 @@
-import { RecurlyConfig } from "./loadRecurly.js";
-import { PropsWithChildren } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-import { Recurly } from "@recurly/recurly-js";
-
-//#region src/Recurly/context/recurly/index.d.ts
-type RecurlyProviderProps = PropsWithChildren<RecurlyConfig>;
+import type { Recurly } from '@recurly/recurly-js';
+import { PropsWithChildren } from 'react';
+import { RecurlyConfig } from './loadRecurly';
+export type RecurlyProviderProps = PropsWithChildren<RecurlyConfig>;
 /**
  * A provider that:
  * - loads the Recurly library
@@ -12,10 +9,7 @@ type RecurlyProviderProps = PropsWithChildren<RecurlyConfig>;
  * - configures the library with the provided public key
  * - provides the library instance via context
  */
-declare function RecurlyProvider({
-  children,
-  ...config
-}: RecurlyProviderProps): react_jsx_runtime4.JSX.Element;
+export declare function RecurlyProvider({ children, ...config }: RecurlyProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * A hook that returns the Recurly instance from context.
  *
@@ -31,8 +25,6 @@ declare function RecurlyProvider({
  *
  * @returns The Recurly instance.
  */
-declare function useRecurly(options?: {
-  noProviderError?: string;
+export declare function useRecurly(options?: {
+    noProviderError?: string;
 }): Recurly | undefined;
-//#endregion
-export { RecurlyProvider, RecurlyProviderProps, useRecurly };

package/dist/Recurly/context/recurly/index.js

@@ -1,47 +1,50 @@
-import { NO_PROVIDER } from "../NoProvider.js";
-import { loadRecurly } from "./loadRecurly.js";
-import { createContext, useContext, useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/Recurly/context/recurly/index.tsx
-const RecurlyCtx = createContext(NO_PROVIDER);
-/**
-* A provider that:
-* - loads the Recurly library
-* - ensures that only a single instance of the library is loaded
-* - configures the library with the provided public key
-* - provides the library instance via context
-*/
-function RecurlyProvider({ children, ...config }) {
-	const [recurly, setRecurly] = useState(void 0);
-	useEffect(() => {
-		loadRecurly(config)?.then(setRecurly);
-	}, []);
-	return /* @__PURE__ */ jsx(RecurlyCtx.Provider, {
-		value: recurly,
-		children
-	});
-}
+import { createContext, useContext, useEffect, useState } from 'react';
+import { NO_PROVIDER } from '../NoProvider';
+import { loadRecurly } from './loadRecurly';
+import { jsx as _jsx } from "react/jsx-runtime";
+const RecurlyCtx = /*#__PURE__*/createContext(NO_PROVIDER);
 /**
-* A hook that returns the Recurly instance from context.
-*
-* If used outside of a RecurlyProvider, it will throw an error.
-*
-* Within a RecurlyProvider:
-* - If used on the server, it will return undefined.
-* - If used on the client, it will initially return undefined and then return
-*   the provided Recurly instance once it is loaded.
-*
-* @param options - An object to provide an alternate contextual error message
-* to use if one tries to use this hook outside of a RecurlyProvider.
-*
-* @returns The Recurly instance.
-*/
-function useRecurly(options) {
-	const recurly = useContext(RecurlyCtx);
-	if (recurly === NO_PROVIDER) throw new Error(options?.noProviderError ?? "useRecurly must be used within a RecurlyProvider");
-	return recurly;
+ * A provider that:
+ * - loads the Recurly library
+ * - ensures that only a single instance of the library is loaded
+ * - configures the library with the provided public key
+ * - provides the library instance via context
+ */
+export function RecurlyProvider({
+  children,
+  ...config
+}) {
+  const [recurly, setRecurly] = useState(undefined);
+  useEffect(() => {
+    loadRecurly(config)?.then(setRecurly);
+    // Exclude `config` dependency as it should be treated as static.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_jsx(RecurlyCtx.Provider, {
+    value: recurly,
+    children: children
+  });
 }
 
-//#endregion
-export { RecurlyProvider, useRecurly };
+/**
+ * A hook that returns the Recurly instance from context.
+ *
+ * If used outside of a RecurlyProvider, it will throw an error.
+ *
+ * Within a RecurlyProvider:
+ * - If used on the server, it will return undefined.
+ * - If used on the client, it will initially return undefined and then return
+ *   the provided Recurly instance once it is loaded.
+ *
+ * @param options - An object to provide an alternate contextual error message
+ * to use if one tries to use this hook outside of a RecurlyProvider.
+ *
+ * @returns The Recurly instance.
+ */
+export function useRecurly(options) {
+  const recurly = useContext(RecurlyCtx);
+  if (recurly === NO_PROVIDER) {
+    throw new Error(options?.noProviderError ?? 'useRecurly must be used within a RecurlyProvider');
+  }
+  return recurly;
+}

package/dist/Recurly/context/recurly/loadRecurly.d.ts

@@ -1,9 +1,6 @@
-import { Recurly } from "@recurly/recurly-js";
-
-//#region src/Recurly/context/recurly/loadRecurly.d.ts
-type RecurlyConfig = {
-  publicKey: string;
-  required: string[];
+import type { Recurly } from '@recurly/recurly-js';
+export type RecurlyConfig = {
+    publicKey: string;
+    required: string[];
 };
-//#endregion
-export { RecurlyConfig };
+export declare function loadRecurly(config: RecurlyConfig): Promise<Recurly> | undefined;

package/dist/Recurly/context/recurly/loadRecurly.js

@@ -1,21 +1,22 @@
-import { w } from "./w.js";
-
-//#region src/Recurly/context/recurly/loadRecurly.ts
-function loadRecurly(config) {
-	if (w && w._recurlyPromise) w._recurlyPromise = new Promise((resolve) => {
-		const script = w.document.createElement("script");
-		script.src = "https://js.recurly.com/v4/recurly.js";
-		script.async = true;
-		script.onload = () => {
-			const { recurly } = w;
-			if (!recurly) throw new Error("Recurly was not loaded by recurly.js");
-			recurly.configure(config);
-			resolve(recurly);
-		};
-		w.document.head.appendChild(script);
-	});
-	return w?._recurlyPromise;
-}
-
-//#endregion
-export { loadRecurly };
+import { w } from './w';
+export function loadRecurly(config) {
+  if (w && w._recurlyPromise) {
+    w._recurlyPromise = new Promise(resolve => {
+      const script = w.document.createElement('script');
+      script.src = 'https://js.recurly.com/v4/recurly.js';
+      script.async = true;
+      script.onload = () => {
+        const {
+          recurly
+        } = w;
+        if (!recurly) {
+          throw new Error('Recurly was not loaded by recurly.js');
+        }
+        recurly.configure(config);
+        resolve(recurly);
+      };
+      w.document.head.appendChild(script);
+    });
+  }
+  return w?._recurlyPromise;
+}

package/dist/Recurly/context/recurly/w.d.ts

@@ -0,0 +1,14 @@
+import type { Recurly } from '@recurly/recurly-js';
+type Doc = {
+    createElement: Document['createElement'];
+    head: {
+        appendChild: Document['head']['appendChild'];
+    };
+};
+export type W = {
+    recurly?: Recurly;
+    _recurlyPromise?: Promise<Recurly>;
+    document: Doc;
+};
+export declare const w: W | undefined;
+export {};

package/dist/Recurly/context/recurly/w.js

@@ -1,5 +1,4 @@
-//#region src/Recurly/context/recurly/w.ts
-const w = typeof window === "undefined" ? void 0 : window;
+// By importing/exporting w as a window object, we can easily mock it in tests.
 
-//#endregion
-export { w };
+// Exported for easy mocking
+export const w = typeof window === 'undefined' ? undefined : window;

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

@@ -1,18 +1,9 @@
-import { InputWrapperProps } from "@codecademy/gamut";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
-
-//#region src/Recurly/fields/RecurlyField.d.ts
-type RecurlyFieldProps = InputWrapperProps & {
-  label: string;
+import { InputWrapperProps } from '@codecademy/gamut';
+export type RecurlyFieldProps = InputWrapperProps & {
+    label: string;
 };
 /**
  * A wrapper around a Recurly element (or two elements in the case of MM/YY) to
  * add Gamut border styling and a label.
  */
-declare function RecurlyField({
-  label,
-  children,
-  ...props
-}: RecurlyFieldProps): react_jsx_runtime3.JSX.Element;
-//#endregion
-export { RecurlyField, RecurlyFieldProps };
+export declare function RecurlyField({ label, children, ...props }: RecurlyFieldProps): import("react/jsx-runtime").JSX.Element;