@cratis/arc.react 18.0.0

package/commands/index.ts

@@ -0,0 +1,8 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+export * from './ICommandScope';
+export * from './CommandScope';
+export * from './CommandScopeImplementation';
+export * from './useCommand';
+export * from './useCommandScope';

package/commands/useCommand.ts

@@ -0,0 +1,70 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { Constructor } from '@cratis/fundamentals';
+import { useState, useCallback, useContext, useRef, useMemo } from 'react';
+import { Command } from '@cratis/arc/commands';
+import React from 'react';
+import { CommandScopeContext } from './CommandScope';
+import { ArcContext } from '../ArcContext';
+
+export type SetCommandValues<TCommandContent> = (command: TCommandContent) => void;
+export type ClearCommandValues = () => void;
+
+/**
+ * Use a command in a component.
+ * @param commandType Type of the command to use.
+ * @param initialValues Any initial values to set for the command.
+ * @returns Tuple with the command, a {@link SetCommandValues<TCommandContent>} delegate to set values on command and {@link ClearCommandValues} delegate clear values.
+ */
+export function useCommand<
+    TCommand extends Command<TCommandContent, TCommandResponse>,
+    TCommandContent = object,
+    TCommandResponse = object
+>(
+    commandType: Constructor<TCommand>,
+    initialValues?: TCommandContent
+): [TCommand, SetCommandValues<TCommandContent>, ClearCommandValues] {
+    const command = useRef<TCommand | null>(null);
+    const [hasChanges, setHasChanges] = useState(false);
+    const arc = useContext(ArcContext);
+
+    const propertyChangedCallback = useCallback(() => {
+        if (command.current?.hasChanges !== hasChanges) {
+            setHasChanges(command.current?.hasChanges ?? false);
+        }
+    }, []);
+
+    command.current = useMemo(() => {
+        const instance = new commandType();
+        instance.setMicroservice(arc.microservice);
+        instance.setApiBasePath(arc.apiBasePath ?? '');
+        instance.setOrigin(arc.origin ?? '');
+        instance.setHttpHeadersCallback(arc.httpHeadersCallback ?? (() => ({})));
+        if (initialValues) {
+            instance.setInitialValues(initialValues);
+        }
+        instance.onPropertyChanged(propertyChangedCallback, instance);
+        return instance;
+    }, []);
+
+    const context = React.useContext(CommandScopeContext);
+    context.addCommand?.(command.current! as Command<object, object>);
+
+    const setCommandValues = (values: TCommandContent) => {
+        const valuesRecord = values as Record<string, unknown>;
+        command!.current!.properties.forEach((property: string) => {
+            if (valuesRecord[property] !== undefined && valuesRecord[property] != null) {
+                (command.current as Record<string, unknown>)[property] = valuesRecord[property];
+            }
+        });
+    };
+
+    const clearCommandValues = () => {
+        command.current!.properties.forEach((property: string) => {
+            (command.current as Record<string, unknown>)[property] = undefined;
+        });
+    };
+
+    return [command.current!, setCommandValues, clearCommandValues];
+}

package/commands/useCommandScope.ts

@@ -0,0 +1,9 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import React from 'react';
+import { CommandScopeContext } from './CommandScope';
+
+export function useCommandScope() {
+    return React.useContext(CommandScopeContext);
+}

package/dialogs/BusyIndicatorDialogRequest.ts

@@ -0,0 +1,18 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+/**
+ * Represents the request for a busy indicator dialog, typically for spinners.
+ */
+export class BusyIndicatorDialogRequest {
+
+    /**
+     * Initializes a new instance of {@link BusyIndicatorDialogRequest}.
+     * @param {String} title The title of the dialog.
+     * @param {String} message The message to show in the dialog.
+     */
+    constructor(
+        readonly title: string,
+        readonly message: string) {
+    }
+}

package/dialogs/CloseDialog.ts

@@ -0,0 +1,9 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { DialogResult } from './DialogResult';
+
+/**
+ * Represents the delegate when a dialog is closed with a response.
+ */
+export type CloseDialog<TResponse> = (result: DialogResult, response?: TResponse) => void;

package/dialogs/ConfirmationDialogRequest.ts

@@ -0,0 +1,22 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { DialogButtons } from './DialogButtons';
+
+/**
+ * Represents the request for a standard dialog.
+ */
+export class ConfirmationDialogRequest {
+
+    /**
+     * Initializes a new instance of {@link ConfirmationDialogRequest}.
+     * @param {String} title The title of the dialog.
+     * @param {String} message The message to show in the dialog.
+     * @param {DialogButtons} buttons Buttons to use in the dialog.
+     */
+    constructor(
+        readonly title: string,
+        readonly message: string,
+        readonly buttons: DialogButtons) {
+    }
+}

package/dialogs/DialogButtons.ts

@@ -0,0 +1,28 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+/**
+ * Defines the buttons that can be shown on a standard dialog.
+ */
+export enum DialogButtons {
+
+    /**
+     * Show an OK button.
+     */
+    Ok = 1,
+
+    /**
+     * Show OK and Cancel buttons.
+     */
+    OkCancel = 2,
+
+    /**
+     * Show Yes and No buttons.
+     */
+    YesNo = 3,
+
+    /**
+     * Show Yes, No and Cancel buttons.
+     */
+    YesNoCancel = 4
+}

package/dialogs/DialogComponents.tsx

@@ -0,0 +1,113 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import React from 'react';
+import { DialogResult } from './DialogResult';
+import { ShowDialog } from './ShowDialog';
+import { useDialog } from './useDialog';
+import { ConfirmationDialogRequest } from './ConfirmationDialogRequest';
+import { BusyIndicatorDialogRequest } from './BusyIndicatorDialogRequest';
+import { DialogButtons } from './DialogButtons';
+import { CloseDialog } from './CloseDialog';
+
+/**
+ * Defines the interface representing the context of dialog components.
+ */
+export interface IDialogComponents {
+
+    /**
+     * The confirmation dialog component.
+     */
+    confirmation?: React.FC<ConfirmationDialogRequest>;
+
+    /**
+     * Shows a confirmation dialog with the specified request.
+     */
+    showConfirmation: ShowDialog<ConfirmationDialogRequest>;
+
+    /**
+     * The busy indicator dialog component, typically used for spinners.
+     */
+    busyIndicator?: React.FC<BusyIndicatorDialogRequest>;
+
+    /**
+     * Shows a busy indicator dialog with the specified request.
+     */
+    showBusyIndicator: ShowDialog<BusyIndicatorDialogRequest>;
+
+    /**
+     * Closes the busy indicator dialog.
+     */
+    closeBusyIndicator: CloseDialog<object>;
+}
+
+/**
+ * The context for dialog components.
+ */
+export const DialogComponentsContext = React.createContext<IDialogComponents>({
+    showConfirmation: () => Promise.resolve([DialogResult.Cancelled, {}]),
+    showBusyIndicator: () => Promise.resolve([DialogResult.Cancelled, {}]),
+    /* eslint-disable-next-line @typescript-eslint/no-empty-function */
+    closeBusyIndicator: () => { }
+});
+
+/**
+ * Props for the DialogComponentsWrapper component.
+ */
+export interface DialogComponentsProps {
+    /**
+     * Optional children elements to render within the dialog components context.
+     */
+    children?: JSX.Element | JSX.Element[];
+
+    /**
+     * Optional confirmation dialog component to use.
+     * If not provided, a default empty fragment will be used.
+     */
+    confirmation?: React.FC<ConfirmationDialogRequest>;
+
+    /**
+     * Optional busy indicator dialog component to use.
+     * If not provided, a default empty fragment will be used.
+     */
+    busyIndicator?: React.FC<BusyIndicatorDialogRequest>;
+}
+
+const DialogComponentsWrapper = (props: DialogComponentsProps) => {
+    const [Confirmation, showConfirmation] = useDialog(props.confirmation ?? React.Fragment as React.FC<ConfirmationDialogRequest>);
+    const [BusyIndicator, showBusyIndicator, closeBusyIndicatorDialogContext] = useDialog(props.busyIndicator ?? React.Fragment as React.FC<BusyIndicatorDialogRequest>);
+
+    const configuration: IDialogComponents = {
+        confirmation: Confirmation,
+        showConfirmation,
+        busyIndicator: BusyIndicator,
+        showBusyIndicator,
+        closeBusyIndicator: closeBusyIndicatorDialogContext.closeDialog
+    };
+
+    return (
+        <DialogComponentsContext.Provider value={configuration}>
+            <>
+                {props.children}
+                {props.confirmation &&
+                    <Confirmation title='' message='' buttons={DialogButtons.Ok} />}
+
+                {props.busyIndicator &&
+                    <BusyIndicator title='' message='' />}
+            </>
+        </DialogComponentsContext.Provider>
+    );
+};
+
+/**
+ * A React component that provides a context for dialog components.
+ * @param props The properties for the dialog components wrapper.
+ * @returns A React component that provides the dialog components context.
+ */
+export const DialogComponents = (props: DialogComponentsProps) => {
+    return (
+        <DialogComponentsWrapper {...props}>
+            {props.children}
+        </DialogComponentsWrapper>
+    );
+};

package/dialogs/DialogContext.ts

@@ -0,0 +1,33 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import * as React from 'react';
+import { useContext } from 'react';
+import { CloseDialog } from './CloseDialog';
+
+/**
+ * Represents the content of the dialog context, including the request and a function to close the dialog.
+ */
+export class DialogContextContent<TRequest, TResponse> {
+
+    /**
+     * Initializes a new instance of {@link DialogContextContent}.
+     * @param request The request for the dialog, which contains the data needed to display the dialog. 
+     * @param closeDialog A function to close the dialog, which takes a result and an optional response.
+     */
+    constructor(readonly request: TRequest, readonly closeDialog: CloseDialog<TResponse>) {
+    }
+}
+
+/**
+ * The context for dialog components, providing access to the current dialog request and a method to close the dialog.
+ */
+export const DialogContext = React.createContext<DialogContextContent<object, object>>(undefined!);
+
+/**
+ * A custom hook to access the dialog context in your components.
+ * @returns The current dialog context, which includes the request and a method to close the dialog.
+ */
+export const useDialogContext = <TRequest = object, TResponse = object>(): DialogContextContent<TRequest, TResponse> => {
+    return useContext(DialogContext) as unknown as DialogContextContent<TRequest, TResponse>;
+};

package/dialogs/DialogProps.ts

@@ -0,0 +1,14 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { CloseDialog } from './CloseDialog';
+
+/**
+ * Represents the properties for a dialog component, including a method to close the dialog.
+ */
+export interface DialogProps<TResponse = object> {
+    /**
+     * A function to close the dialog, which takes a result and an optional response.
+     */
+    closeDialog: CloseDialog<TResponse>;
+}

package/dialogs/DialogResponse.ts

@@ -0,0 +1,9 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { DialogResult } from './DialogResult';
+
+/**
+ * Represents the response from a dialog, including the result and an optional response object.
+ */
+export type DialogResponse<TResponse = object> = [DialogResult, TResponse?];

package/dialogs/DialogResult.ts

@@ -0,0 +1,32 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+/**
+ * Defines the possible results from a dialog interaction.
+ */
+export enum DialogResult {
+    /**
+     * Indicates that no action was taken or the dialog was closed without a specific result.
+     */
+    None = 0,
+
+    /**
+     * Indicates that the user confirmed the action, typically by clicking "Yes" or "OK".
+     */
+    Yes = 1,
+
+    /**
+     * Indicates that the user declined the action, typically by clicking "No".
+     */
+    No = 2,
+
+    /**
+     * Indicates that the user acknowledged the action, typically by clicking "OK".
+     */
+    Ok = 3,
+
+    /**
+     * Indicates that the dialog was cancelled, typically by clicking "Cancel".
+     */
+    Cancelled = 4
+}

package/dialogs/ShowDialog.ts

@@ -0,0 +1,9 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { DialogResponse } from './DialogResponse';
+
+/**
+ * Represents a function that shows a dialog and returns a promise that resolves with the dialog response.
+ */
+export type ShowDialog<TProps, TResponse = object> = (props?: TProps) => Promise<DialogResponse<TResponse>>;

package/dialogs/index.ts

@@ -0,0 +1,16 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+export * from './BusyIndicatorDialogRequest';
+export * from './CloseDialog';
+export * from './ConfirmationDialogRequest';
+export * from './DialogButtons';
+export * from './DialogComponents';
+export * from './DialogContext';
+export * from './DialogProps';
+export * from './DialogResponse';
+export * from './DialogResult';
+export * from './ShowDialog';
+export * from './useBusyIndicator';
+export * from './useConfirmationDialog';
+export * from './useDialog';

package/dialogs/useBusyIndicator.ts

@@ -0,0 +1,41 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { useContext } from 'react';
+import { DialogComponentsContext, IDialogComponents } from './DialogComponents';
+import { DialogResult } from './DialogResult';
+import { BusyIndicatorDialogRequest } from './BusyIndicatorDialogRequest';
+
+/**
+ * Represents the signature for showing a confirmation dialog.
+ * @param title Optional title of the confirmation dialog.
+ * @param message Optional message to display in the confirmation dialog.
+ * @return A promise that resolves to a tuple containing the dialog result and any additional data.
+ */
+export type ShowBusyIndicatorDialog = (title?: string, message?: string) => Promise<DialogResult>;
+
+/**
+ * Represents the signature for closing a busy indicator dialog.
+ */
+export type CloseBusyIndicatorDialog = () => void;
+
+/**
+ * Uses a busy indicator dialog in your application.
+ * @param title Optional title of the confirmation dialog.
+ * @param message Optional message to display in the confirmation dialog.
+ * @returns A tuple containing the a function to show the dialog and one to close the dialog.
+ */
+export const useBusyIndicator = (title?: string, message?: string): [ShowBusyIndicatorDialog, CloseBusyIndicatorDialog] => {
+    const components = useContext<IDialogComponents>(DialogComponentsContext);
+
+    return [
+        async (delegateTitle?: string, delegateMessage?: string) => {
+            const request = new BusyIndicatorDialogRequest(
+                delegateTitle ?? title ?? '',
+                delegateMessage ?? message ?? '');
+            const [result] = await components.showBusyIndicator(request);
+            return result;
+        },
+        () => components.closeBusyIndicator?.(DialogResult.Cancelled)
+    ];
+};

package/dialogs/useConfirmationDialog.ts

@@ -0,0 +1,39 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { useContext } from 'react';
+import { DialogButtons } from './DialogButtons';
+import { DialogComponentsContext, IDialogComponents } from './DialogComponents';
+import { ConfirmationDialogRequest } from './ConfirmationDialogRequest';
+import { DialogResult } from './DialogResult';
+
+/**
+ * Represents the signature for showing a confirmation dialog.
+ * @param title Optional title of the confirmation dialog.
+ * @param message Optional message to display in the confirmation dialog.
+ * @param buttons Optional buttons to display in the confirmation dialog. If not provided, defaults to `DialogButtons.Ok`. 
+ * @return A promise that resolves to a tuple containing the dialog result and any additional data.
+ */
+export type ShowConfirmationDialog = (title?: string, message?: string, buttons?: DialogButtons) => Promise<DialogResult>;
+
+/**
+ * Uses a confirmation dialog in your application.
+ * @param title Optional title of the confirmation dialog.
+ * @param message Optional message to display in the confirmation dialog.
+ * @param buttons Optional buttons to display in the confirmation dialog. If not provided, defaults to `DialogButtons.Ok`. 
+ * @returns A tuple containing function to show the dialog.
+ */
+export const useConfirmationDialog = (title?: string, message?: string, buttons?: DialogButtons): [ShowConfirmationDialog] => {
+    const components = useContext<IDialogComponents>(DialogComponentsContext);
+
+    return [
+        async (delegateTitle?: string, delegateMessage?: string, delegateButtons?: DialogButtons) => {
+            const request = new ConfirmationDialogRequest(
+                delegateTitle ?? title ?? '',
+                delegateMessage ?? message ?? '',
+                delegateButtons ?? buttons ?? DialogButtons.Ok);
+            const [result] = await components.showConfirmation(request);
+            return result;
+        }
+    ];
+};

package/dialogs/useDialog.tsx

@@ -0,0 +1,55 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { DialogContext, DialogContextContent } from './DialogContext';
+import { DialogResponse } from './DialogResponse';
+import { DialogResult } from './DialogResult';
+import { useCallback, useRef, useState, ComponentType, FC, useMemo } from 'react';
+import { ShowDialog } from './ShowDialog';
+
+/**
+ * Use a dialog component in you application. This hook manages the visibility and properties of the dialog.
+ * @param DialogComponent The dialog component to use.
+ * @returns A tuple containing the wrapped dialog component and a function to show the dialog. 
+ * The wrapped dialog component will receive the properties passed to it, excluding the `closeDialog` property.
+ */
+export function useDialog<TResponse = object, TProps = object>(
+    DialogComponent: ComponentType<TProps>
+): [FC<TProps>, ShowDialog<TProps, TResponse>, DialogContextContent<TProps, TResponse>] {
+
+    const [visible, setVisible] = useState(false);
+    const [dialogProps, setDialogProps] = useState<TProps | undefined>();
+    const resolverRef = useRef<((value: DialogResponse<TResponse>) => void) | undefined>(undefined);
+
+    const showDialog = useCallback((p?: TProps) => {
+        setDialogProps(p);
+        setVisible(true);
+        return new Promise<DialogResponse<TResponse>>((resolve) => {
+            resolverRef.current = resolve;
+        });
+    }, []);
+
+    const closeDialog = useCallback((result: DialogResult, value?: TResponse) => {
+        setVisible(false);
+        resolverRef.current?.([result, value]);
+        resolverRef.current = undefined;
+    }, []);
+
+    const dialogContextValue = useRef<DialogContextContent<TProps, TResponse>>(undefined!);
+    dialogContextValue.current = useMemo(() => {
+        return new DialogContextContent(dialogProps!, closeDialog);
+    }, [dialogProps, closeDialog]);
+
+    const DialogWrapper: FC<TProps> = (extraProps) => {
+        return visible ? (
+            <DialogContext.Provider value={dialogContextValue.current as unknown as DialogContextContent<object, object>}>
+                <DialogComponent
+                    {...extraProps}
+                    {...(dialogProps as TProps)}
+                    closeDialog={closeDialog} />
+            </DialogContext.Provider>
+        ) : null;
+    };
+
+    return [DialogWrapper, showDialog, dialogContextValue.current];
+}

package/dist/cjs/Arc.d.ts

@@ -0,0 +1,12 @@
+import { GetHttpHeaders } from '@cratis/arc';
+export interface ArcProps {
+    children?: JSX.Element | JSX.Element[];
+    microservice?: string;
+    development?: boolean;
+    origin?: string;
+    basePath?: string;
+    apiBasePath?: string;
+    httpHeadersCallback?: GetHttpHeaders;
+}
+export declare const Arc: (props: ArcProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Arc.d.ts.map

package/dist/cjs/Arc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arc.d.ts","sourceRoot":"","sources":["../../Arc.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,QAAQ;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,cAAc,CAAC;CACxC;AAED,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,4CAwBlC,CAAC"}

package/dist/cjs/Arc.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var CommandScope = require('./commands/CommandScope.js');
+require('@cratis/arc/commands');
+require('react');
+var ArcContext = require('./ArcContext.js');
+var IdentityProvider = require('./identity/IdentityProvider.js');
+var Bindings = require('./Bindings.js');
+
+const Arc = (props) => {
+    const configuration = {
+        microservice: props.microservice ?? '',
+        development: props.development ?? false,
+        origin: props.origin ?? '',
+        basePath: props.basePath ?? '',
+        apiBasePath: props.apiBasePath ?? '',
+        httpHeadersCallback: props.httpHeadersCallback
+    };
+    Bindings.Bindings.initialize(configuration.microservice, configuration.apiBasePath, configuration.origin, configuration.httpHeadersCallback);
+    return (jsxRuntime.jsx(ArcContext.ArcContext.Provider, { value: configuration, children: jsxRuntime.jsx(IdentityProvider.IdentityProvider, { httpHeadersCallback: props.httpHeadersCallback, children: jsxRuntime.jsx(CommandScope.CommandScope, { children: props.children }) }) }));
+};
+
+exports.Arc = Arc;
+//# sourceMappingURL=Arc.js.map

package/dist/cjs/Arc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arc.js","sources":["../../Arc.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { CommandScope } from './commands';\nimport { IdentityProvider } from './identity';\nimport { Bindings } from './Bindings';\nimport { ArcConfiguration, ArcContext } from './ArcContext';\nimport { GetHttpHeaders } from '@cratis/arc';\n\nexport interface ArcProps {\n    children?: JSX.Element | JSX.Element[];\n    microservice?: string;\n    development?: boolean;\n    origin?: string;\n    basePath?: string;\n    apiBasePath?: string;\n    httpHeadersCallback?: GetHttpHeaders;\n}\n\nexport const Arc = (props: ArcProps) => {\n    const configuration: ArcConfiguration = {\n        microservice: props.microservice ?? '',\n        development: props.development ?? false,\n        origin: props.origin ?? '',\n        basePath: props.basePath ?? '',\n        apiBasePath: props.apiBasePath ?? '',\n        httpHeadersCallback: props.httpHeadersCallback\n    };\n\n    Bindings.initialize(\n        configuration.microservice,\n        configuration.apiBasePath,\n        configuration.origin,\n        configuration.httpHeadersCallback);\n\n    return (\n        <ArcContext.Provider value={configuration}>\n            <IdentityProvider httpHeadersCallback={props.httpHeadersCallback}>\n                <CommandScope>\n                    {props.children}\n                </CommandScope>\n            </IdentityProvider>\n        </ArcContext.Provider>);\n};"],"names":["Bindings","_jsx","ArcContext","IdentityProvider","CommandScope"],"mappings":";;;;;;;;;;AAmBO,MAAM,GAAG,GAAG,CAAC,KAAe,KAAI;AACnC,IAAA,MAAM,aAAa,GAAqB;AACpC,QAAA,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE;AACtC,QAAA,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK;AACvC,QAAA,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,EAAE;AAC1B,QAAA,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE;AAC9B,QAAA,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE;QACpC,mBAAmB,EAAE,KAAK,CAAC;KAC9B;AAED,IAAAA,iBAAQ,CAAC,UAAU,CACf,aAAa,CAAC,YAAY,EAC1B,aAAa,CAAC,WAAW,EACzB,aAAa,CAAC,MAAM,EACpB,aAAa,CAAC,mBAAmB,CAAC;AAEtC,IAAA,QACIC,cAAA,CAACC,qBAAU,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EACrCD,cAAA,CAACE,iCAAgB,EAAA,EAAC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAAA,QAAA,EAC5DF,cAAA,CAACG,yBAAY,EAAA,EAAA,QAAA,EACR,KAAK,CAAC,QAAQ,EAAA,CACJ,EAAA,CACA,EAAA,CACD;AAC9B;;;;"}

package/dist/cjs/ArcContext.d.ts

@@ -0,0 +1,12 @@
+import { GetHttpHeaders } from '@cratis/arc';
+import React from 'react';
+export interface ArcConfiguration {
+    microservice: string;
+    development?: boolean;
+    origin?: string;
+    basePath?: string;
+    apiBasePath?: string;
+    httpHeadersCallback?: GetHttpHeaders;
+}
+export declare const ArcContext: React.Context<ArcConfiguration>;
+//# sourceMappingURL=ArcContext.d.ts.map

package/dist/cjs/ArcContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcContext.d.ts","sourceRoot":"","sources":["../../ArcContext.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAW,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,cAAc,CAAC;CACxC;AAED,eAAO,MAAM,UAAU,iCAOrB,CAAC"}

package/dist/cjs/ArcContext.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var arc = require('@cratis/arc');
+var React = require('react');
+
+const ArcContext = React.createContext({
+    microservice: arc.Globals.microservice,
+    development: false,
+    origin: '',
+    basePath: '',
+    apiBasePath: '',
+    httpHeadersCallback: () => ({})
+});
+
+exports.ArcContext = ArcContext;
+//# sourceMappingURL=ArcContext.js.map

package/dist/cjs/ArcContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcContext.js","sources":["../../ArcContext.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { GetHttpHeaders, Globals } from '@cratis/arc';\nimport React from 'react';\n\nexport interface ArcConfiguration {\n    microservice: string;\n    development?: boolean\n    origin?: string;\n    basePath?: string;\n    apiBasePath?: string;\n    httpHeadersCallback?: GetHttpHeaders;\n}\n\nexport const ArcContext = React.createContext<ArcConfiguration>({\n    microservice: Globals.microservice,\n    development: false,\n    origin: '',\n    basePath: '',\n    apiBasePath: '',\n    httpHeadersCallback: () => ({})\n});\n"],"names":["Globals"],"mappings":";;;;;AAeO,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC5D,YAAY,EAAEA,WAAO,CAAC,YAAY;AAClC,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,mBAAmB,EAAE,OAAO,EAAE;AACjC,CAAA;;;;"}

package/dist/cjs/Bindings.d.ts

@@ -0,0 +1,5 @@
+import { GetHttpHeaders } from '@cratis/arc';
+export declare class Bindings {
+    static initialize(microservice: string, apiBasePath?: string, origin?: string, httpHeadersCallback?: GetHttpHeaders): void;
+}
+//# sourceMappingURL=Bindings.d.ts.map

package/dist/cjs/Bindings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bindings.d.ts","sourceRoot":"","sources":["../../Bindings.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,qBAAa,QAAQ;IACjB,MAAM,CAAC,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,mBAAmB,CAAC,EAAE,cAAc,GAAG,IAAI;CAI7H"}