@shipengine/alchemy 0.1.0

package/components/alchemy/alchemy.d.ts

@@ -0,0 +1,19 @@
+import { BrandName, Theme } from "@packlink/brands";
+import { ShipEngineProps } from "@shipengine/react-api";
+export type IconIndex = {
+    [key: string]: string[];
+};
+export interface AlchemyProps {
+    baseURL?: string;
+    brandName?: BrandName;
+    cdnURL?: string;
+    children: React.ReactNode;
+    getToken: ShipEngineProps["getToken"];
+    scope?: string;
+}
+export type AlchemyContextValue = Required<Omit<AlchemyProps, "children">> & {
+    theme: Theme;
+};
+export declare const AlchemyContext: import("react").Context<AlchemyContextValue | undefined>;
+export declare const Alchemy: ({ baseURL, brandName, cdnURL, children, getToken, scope, }: AlchemyProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const useAlchemy: () => AlchemyContextValue;

package/components/alchemy/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-load-fonts";
+export * from "./use-load-icons";
+export * from "./use-load-theme";

package/components/alchemy/hooks/use-load-fonts.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from "@packlink/brands";
+export interface UseLoadFontsProps {
+    cdnURL: string;
+    scope: string;
+    theme?: Pick<Theme, "defaultFontFamily" | "fontFaces">;
+}
+export declare const useLoadFonts: ({ cdnURL, scope, theme }: UseLoadFontsProps) => import("@emotion/utils").SerializedStyles;

package/components/alchemy/hooks/use-load-icons.d.ts

@@ -0,0 +1,5 @@
+export interface UseLoadIconsProps {
+    brandName: string;
+    cdnURL: string;
+}
+export declare const useLoadIcons: ({ brandName, cdnURL }: UseLoadIconsProps) => (iconName: string) => Promise<any>;

package/components/alchemy/hooks/use-load-theme.d.ts

@@ -0,0 +1,6 @@
+import { BrandName, Theme } from "@packlink/brands";
+export interface UseLoadThemeProps {
+    brandName: BrandName;
+    cdnURL: string;
+}
+export declare const useLoadTheme: ({ cdnURL, brandName }: UseLoadThemeProps) => Theme | undefined;

package/components/alchemy/index.d.ts

@@ -0,0 +1 @@
+export * from "./alchemy";

package/components/element/element.d.ts

@@ -0,0 +1,14 @@
+import { WithConditionalCSSProp } from "@emotion/react/types/jsx-namespace";
+import { TranslationResources } from "./hooks";
+export type ElementComponentProps = object & WithConditionalCSSProp<object>;
+export type ElementComponent<P extends ElementComponentProps> = React.ComponentType<P>;
+export type ElementFallbackComponentProps = {
+    error: Error;
+};
+export type ElementFallbackComponent = React.ComponentType<ElementFallbackComponentProps>;
+export interface ElementProps {
+    children: React.ReactElement<ElementComponentProps>;
+    fallback: ElementFallbackComponent;
+    resources?: TranslationResources;
+}
+export declare const Element: ({ children, fallback: FallbackComponent, resources }: ElementProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/components/element/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-i18n";

package/components/element/hooks/use-i18n.d.ts

@@ -0,0 +1,12 @@
+export type TranslationNamespaces = {
+    [key: string]: Record<string, any>;
+    default: Record<string, any>;
+};
+export type TranslationResources<Namespaces = TranslationNamespaces> = {
+    [key: string]: Namespaces;
+    en: Namespaces;
+};
+export interface UseI18nProps {
+    resources?: TranslationResources;
+}
+export declare const useI18n: ({ resources }: UseI18nProps) => import("i18next").i18n;

package/components/element/index.d.ts

@@ -0,0 +1 @@
+export * from "./element";

package/components/element/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./memoized-create-cache";

package/components/element/utils/memoized-create-cache.d.ts

@@ -0,0 +1 @@
+export declare const memoizedCreateCache: import("@emotion/memoize").Fn<import("@emotion/utils").EmotionCache>;

package/components/error-boundary/error-boundary.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface ErrorProps {
+    error: Error;
+}
+export type ErrorBoundaryProps = {
+    children: React.ReactNode;
+    fallback: React.ComponentType<{
+        error: Error;
+    }>;
+};
+type ErrorBoundaryState = {
+    error?: Error;
+};
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    componentDidCatch(error: Error, context: React.ErrorInfo): void;
+    render(): string | number | boolean | import("@emotion/react/jsx-runtime").JSX.Element | React.ReactFragment | null | undefined;
+}
+export { ErrorBoundary };

package/components/error-boundary/index.d.ts

@@ -0,0 +1 @@
+export * from "./error-boundary";

package/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./alchemy";
+export * from "./element";
+export * from "./error-boundary";

package/create-element.d.ts

@@ -0,0 +1,4 @@
+import { ElementComponent, ElementFallbackComponent } from "./components";
+export declare const createElement: <P extends object, T extends TranslationResources>(Component: ElementComponent<P>, fallback: ElementFallbackComponent, defaultResources: T) => ({ resources, ...props }: P & {
+    resources?: T | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./create-element";
+export * from "@shipengine/react-api";