@shipengine/alchemy 1.0.0-next.2 → 1.0.1

package/alchemy.d.ts

@@ -0,0 +1,5 @@
+export declare const alchemy: {
+    createElement: <P extends object, T extends import("./components").TranslationResources<import("./components").TranslationNamespaces>>(Component: import("./components").ElementComponent<P>, fallback: import("./components").ElementFallbackComponent, options?: import("./create-element").CreateElementOptions<T> | undefined) => ({ resources, ...props }: P & {
+        resources?: T | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/components/alchemy/alchemy.d.ts

@@ -1,19 +1,22 @@
-import { BrandName, Theme } from "@packlink/brands";
+import { BrandName } from "@packlink/brands";
+import { Theme } from "@packlink/giger-theme";
 import { ShipEngineProps } from "@shipengine/react-api";
 export type IconIndex = {
     [key: string]: string[];
 };
+export type AlchemyErrorHandler = (err: Error) => void;
 export interface AlchemyProps {
     baseURL?: string;
     brandName?: BrandName;
     cdnURL?: string;
     children: React.ReactNode;
     getToken: ShipEngineProps["getToken"];
+    onError?: AlchemyErrorHandler;
     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 Alchemy: ({ baseURL, brandName, cdnURL, children, getToken, onError, scope, }: AlchemyProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export declare const useAlchemy: () => AlchemyContextValue;

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

@@ -1,6 +1,6 @@
-import { Theme } from "@packlink/brands";
+import { Theme } from "@packlink/giger-theme";
 export interface UseLoadFontsProps {
-    cdnURL: string;
+    cdnURL?: string;
     scope: string;
     theme?: Pick<Theme, "defaultFontFamily" | "fontFaces">;
 }

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

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

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

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

package/components/alchemy/index.d.ts

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

package/components/element/element.d.ts

@@ -8,7 +8,8 @@ export type ElementFallbackComponentProps = {
 export type ElementFallbackComponent = React.ComponentType<ElementFallbackComponentProps>;
 export interface ElementProps {
     children: React.ReactElement<ElementComponentProps>;
+    className?: string;
     fallback: ElementFallbackComponent;
     resources?: TranslationResources;
 }
-export declare const Element: ({ children, fallback: FallbackComponent, resources }: ElementProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const Element: ({ children, className, fallback: FallbackComponent, resources, }: ElementProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -1,6 +1,6 @@
 export type TranslationNamespaces = {
     [key: string]: Record<string, any>;
-    default: Record<string, any>;
+    common: Record<string, any>;
 };
 export type TranslationResources<Namespaces = TranslationNamespaces> = {
     [key: string]: Namespaces;

package/components/element/index.d.ts

@@ -1 +1,3 @@
 export * from "./element";
+export * from "./hooks";
+export * from "./utils";

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { AlchemyErrorHandler } from "../alchemy";
 export interface ErrorProps {
     error: Error;
 }
@@ -7,6 +8,7 @@ export type ErrorBoundaryProps = {
     fallback: React.ComponentType<{
         error: Error;
     }>;
+    onError: AlchemyErrorHandler;
 };
 type ErrorBoundaryState = {
     error?: Error;

package/create-element.d.ts

@@ -1,4 +1,10 @@
-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 & {
+import { Theme } from "@emotion/react";
+import { Interpolation } from "@emotion/serialize";
+import { ElementComponent, ElementFallbackComponent, TranslationResources } from "./components";
+export interface CreateElementOptions<T extends TranslationResources> {
+    css?: Interpolation<Theme>;
+    resources?: T;
+}
+export declare const createElement: <P extends object, T extends TranslationResources<import("./components").TranslationNamespaces>>(Component: ElementComponent<P>, fallback: ElementFallbackComponent, options?: CreateElementOptions<T> | undefined) => ({ resources, ...props }: P & {
     resources?: T | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./components";
-export * from "./create-element";
 export * from "@shipengine/react-api";
+export { alchemy, alchemy as default } from "./alchemy";