@oneblink/apps-react 2.2.0 → 2.3.0-beta.2

package/dist/components/renderer/LookupNotification.js

@@ -1,231 +1,231 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import { formService } from '@oneblink/apps';
-import { generateHeaders } from '@oneblink/apps/dist/services/fetch';
-import useIsOffline from '../../hooks/useIsOffline';
-import OnLoading from './OnLoading';
-import generateDefaultData from '../../services/generate-default-data';
-import { LookupNotificationContext } from '../../hooks/useLookupNotification';
-import useFormDefinition from '../../hooks/useFormDefinition';
-import useInjectPages from '../../hooks/useInjectPages';
-import useFormSubmissionModel from '../../hooks/useFormSubmissionModelContext';
-import useExecutedLookupCallback from '../../hooks/useExecutedLookupCallback';
-import useFormIsReadOnly from '../../hooks/useFormIsReadOnly';
-import { Sentry } from '@oneblink/apps';
-import useIsMounted from '../../hooks/useIsMounted';
-function LookupNotificationComponent({ autoLookupValue, stringifyAutoLookupValue, element, onLookup, children, }) {
-    const isMounted = useIsMounted();
-    const isOffline = useIsOffline();
-    const definition = useFormDefinition();
-    const injectPagesAfter = useInjectPages();
-    const { executedLookup, executeLookupFailed } = useExecutedLookupCallback();
-    const [onCancelLookup, setOnCancelLookup] = React.useState(undefined);
-    const [isLookingUp, setIsLookingUp] = React.useState(false);
-    const [hasLookupFailed, setHasLookupFailed] = React.useState(false);
-    const [hasLookupSucceeded, setHasLookupSucceeded] = React.useState(false);
-    const [isCancellable, setIsCancellable] = React.useState(false);
-    const [isDisabled, setIsDisabled] = React.useState(false);
-    const [lookupErrorHTML, setLookupErrorHTML] = React.useState(null);
-    const formIsReadOnly = useFormIsReadOnly();
-    const { formSubmissionModel: model } = useFormSubmissionModel();
-    const mergeLookupData = React.useCallback((newValue, dataLookupResult, elementLookupResult) => {
-        if (elementLookupResult) {
-            if (elementLookupResult[0] && elementLookupResult[0].type === 'page') {
-                injectPagesAfter(element, elementLookupResult, dataLookupResult);
-                return;
-            }
-        }
-        onLookup(({ submission, elements }) => {
-            let allElements = elements;
-            if (Array.isArray(elementLookupResult)) {
-                const indexOfElement = elements.findIndex(({ id }) => id === element.id);
-                if (indexOfElement === -1) {
-                    console.log('Could not find element', element);
-                }
-                else {
-                    // Filter out already injected elements
-                    allElements = elements.filter(
-                    // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(
-                    (e) => e.injectedByElementId !== element.id);
-                    allElements.splice(indexOfElement + 1, 0, ...elementLookupResult.map((e) => {
-                        // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(
-                        e.injectedByElementId = element.id;
-                        return e;
-                    }));
-                }
-            }
-            return {
-                elements: allElements,
-                submission: generateDefaultData(allElements, {
-                    ...submission,
-                    [element.name]: newValue,
-                    ...dataLookupResult,
-                }),
-            };
-        });
-    }, [element, injectPagesAfter, onLookup]);
-    const triggerLookup = React.useCallback(async (newValue) => {
-        // No lookups for read only forms
-        if (formIsReadOnly)
-            return;
-        // if the element triggering the lookup has no value..
-        // ..return and do nothing
-        if (newValue === undefined || newValue === null)
-            return;
-        setIsLookingUp(true);
-        if (isOffline) {
-            setHasLookupFailed(true);
-            return;
-        }
-        executedLookup(element);
-        setIsDisabled(true);
-        setIsCancellable(false);
-        setHasLookupFailed(false);
-        setHasLookupSucceeded(false);
-        setLookupErrorHTML(null);
-        const abortController = new AbortController();
-        setOnCancelLookup(() => () => abortController.abort());
-        // After certain amount of time, show the cancel button
-        const isCancellableTimeout = setTimeout(() => {
-            setIsCancellable(!abortController.signal.aborted);
-        }, 5000);
-        const payload = {
-            definition,
-            submission: {
-                ...model,
-                [element.name]: newValue,
-            },
-        };
-        try {
-            const [dataLookupResult, elementLookupResult] = await Promise.all([
-                fetchLookup(element.dataLookupId, definition === null || definition === void 0 ? void 0 : definition.organisationId, definition === null || definition === void 0 ? void 0 : definition.formsAppEnvironmentId, payload, abortController.signal),
-                fetchLookup(element.elementLookupId, definition === null || definition === void 0 ? void 0 : definition.organisationId, definition === null || definition === void 0 ? void 0 : definition.formsAppEnvironmentId, payload, abortController.signal),
-            ]);
-            mergeLookupData(newValue, dataLookupResult, elementLookupResult);
-            if (isMounted.current) {
-                setHasLookupSucceeded(true);
-            }
-            // After certain amount of time, hide the lookup succeeded message
-            await new Promise((resolve) => setTimeout(() => resolve(false), 750));
-            if (isMounted.current) {
-                setIsLookingUp(false);
-            }
-        }
-        catch (error) {
-            executeLookupFailed(element);
-            if (!isMounted.current) {
-                return;
-            }
-            // Cancelling will throw an error.
-            if (abortController.signal.aborted) {
-                console.log('Fetch aborted');
-                setIsLookingUp(false);
-                return;
-            }
-            setHasLookupFailed(true);
-            setLookupErrorHTML(typeof error === 'string'
-                ? error
-                : 'It looks like something went wrong.<br/>Please try again.<br />If the issue continues, please contact support.');
-        }
-        finally {
-            clearTimeout(isCancellableTimeout);
-            if (isMounted.current) {
-                setIsDisabled(false);
-                setOnCancelLookup(undefined);
-            }
-        }
-    }, [
-        definition,
-        element,
-        executeLookupFailed,
-        executedLookup,
-        formIsReadOnly,
-        isMounted,
-        isOffline,
-        mergeLookupData,
-        model,
-    ]);
-    // For certain elements, do not add click event
-    // instead, watch model for changes and trigger lookup function.
-    // We add this stringify function here to allow the value to be
-    // an object which may have a reference change, but the values
-    // have not changed. e.g. the 'location' element's value
-    const autoLookupValueString = stringifyAutoLookupValue
-        ? stringifyAutoLookupValue(autoLookupValue)
-        : autoLookupValue;
-    React.useEffect(() => {
-        if (autoLookupValue !== undefined) {
-            triggerLookup(autoLookupValue);
-        }
-        // Wants to use "triggerLookup" as a dependency,
-        // however, this will change on any change made on any
-        // element. Checking if "value" has changed is enough
-        // to trigger a lookup when the correct dependencies change
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [autoLookupValueString]);
-    const contextValue = React.useMemo(() => ({
-        isLookup: true,
-        isDisabled,
-        onLookup: triggerLookup,
-    }), [isDisabled, triggerLookup]);
-    return (React.createElement(LookupNotificationContext.Provider, { value: contextValue },
-        children,
-        React.createElement("div", { className: clsx('ob-lookup__notification', {
-                'is-looking-up': isLookingUp,
-                'is-extended': hasLookupFailed || (isCancellable && !hasLookupSucceeded),
-            }) },
-            React.createElement("div", { className: "notification has-margin-top-7 has-text-centered" },
-                hasLookupFailed && (React.createElement(React.Fragment, null,
-                    React.createElement("button", { type: "button", className: "delete fade-in", onClick: () => setIsLookingUp(false) }),
-                    React.createElement("div", null, isOffline ? (React.createElement("div", null,
-                        React.createElement("i", { className: "material-icons fade-in has-text-warning" }, "wifi_off"),
-                        React.createElement("p", { className: "fade-in" }, "It looks like you're offline. Please try again when connectivity is restored."))) : (React.createElement("div", null,
-                        React.createElement("i", { className: "material-icons fade-in has-text-danger" }, "error_outline"),
-                        React.createElement("p", { className: "fade-in", dangerouslySetInnerHTML: {
-                                __html: lookupErrorHTML || '',
-                            }, "ng-bind-html": "$ctrl.obLookupCtrl.lookupErrorMessage" })))))),
-                hasLookupSucceeded && (React.createElement("i", { className: "material-icons has-text-success fade-in" }, "check_circle_outline")),
-                !hasLookupSucceeded && !hasLookupFailed && React.createElement(OnLoading, { small: true }),
-                isCancellable && !hasLookupSucceeded && !hasLookupFailed && (React.createElement("div", { className: "has-margin-top-5 fade-in" },
-                    React.createElement("p", null, "Taking longer than expected?"),
-                    React.createElement("button", { type: "button", className: "button has-margin-top-8", onClick: onCancelLookup }, "Cancel")))))));
-}
-export default function LookupNotification(props) {
-    if (props.element.isDataLookup || props.element.isElementLookup) {
-        return React.createElement(LookupNotificationComponent, { ...props });
-    }
-    return React.createElement(React.Fragment, null, props.children);
-}
-async function fetchLookup(formElementLookupId, organisationId, formsAppEnvironmentId, payload, abortSignal) {
-    if (typeof formElementLookupId !== 'number' ||
-        !organisationId ||
-        typeof formsAppEnvironmentId !== 'number') {
-        return;
-    }
-    console.log('Attempting to retrieve form element lookup for id:', formElementLookupId);
-    const formElementLookup = await formService.getFormElementLookupById(organisationId, formsAppEnvironmentId, formElementLookupId);
-    if (!formElementLookup || !formElementLookup.url) {
-        console.log('Could not find URL for form element lookup for id:', formElementLookupId, formElementLookup);
-        throw new Error('Could not find element lookup configuration');
-    }
-    const headers = await generateHeaders();
-    console.log(`Attempting a ${formElementLookup.type} lookup request to:`, formElementLookup.url);
-    const response = await fetch(formElementLookup.url, {
-        method: 'POST',
-        headers,
-        body: JSON.stringify(payload),
-        signal: abortSignal,
-    });
-    const data = await response.json();
-    console.log('Response from lookup to: POST', formElementLookup.url, response.status, data);
-    if (!response.ok) {
-        Sentry.captureException(new Error(`Received ${response.status} status code from lookup`));
-        if (response.status === 400 && data && data.message) {
-            throw data.message;
-        }
-        throw new Error('Invalid response from lookup');
-    }
-    return data;
-}
-// Validate that an element with a lookup has had the lookup button pressed if the element is required
+import * as React from 'react';
+import clsx from 'clsx';
+import { formService } from '@oneblink/apps';
+import { generateHeaders } from '@oneblink/apps/dist/services/fetch';
+import useIsOffline from '../../hooks/useIsOffline';
+import OnLoading from './OnLoading';
+import generateDefaultData from '../../services/generate-default-data';
+import { LookupNotificationContext } from '../../hooks/useLookupNotification';
+import useFormDefinition from '../../hooks/useFormDefinition';
+import useInjectPages from '../../hooks/useInjectPages';
+import useFormSubmissionModel from '../../hooks/useFormSubmissionModelContext';
+import useExecutedLookupCallback from '../../hooks/useExecutedLookupCallback';
+import useFormIsReadOnly from '../../hooks/useFormIsReadOnly';
+import { Sentry } from '@oneblink/apps';
+import useIsMounted from '../../hooks/useIsMounted';
+function LookupNotificationComponent({ autoLookupValue, stringifyAutoLookupValue, element, onLookup, children, }) {
+    const isMounted = useIsMounted();
+    const isOffline = useIsOffline();
+    const definition = useFormDefinition();
+    const injectPagesAfter = useInjectPages();
+    const { executedLookup, executeLookupFailed } = useExecutedLookupCallback();
+    const [onCancelLookup, setOnCancelLookup] = React.useState(undefined);
+    const [isLookingUp, setIsLookingUp] = React.useState(false);
+    const [hasLookupFailed, setHasLookupFailed] = React.useState(false);
+    const [hasLookupSucceeded, setHasLookupSucceeded] = React.useState(false);
+    const [isCancellable, setIsCancellable] = React.useState(false);
+    const [isDisabled, setIsDisabled] = React.useState(false);
+    const [lookupErrorHTML, setLookupErrorHTML] = React.useState(null);
+    const formIsReadOnly = useFormIsReadOnly();
+    const { formSubmissionModel: model } = useFormSubmissionModel();
+    const mergeLookupData = React.useCallback((newValue, dataLookupResult, elementLookupResult) => {
+        if (elementLookupResult) {
+            if (elementLookupResult[0] && elementLookupResult[0].type === 'page') {
+                injectPagesAfter(element, elementLookupResult, dataLookupResult);
+                return;
+            }
+        }
+        onLookup(({ submission, elements }) => {
+            let allElements = elements;
+            if (Array.isArray(elementLookupResult)) {
+                const indexOfElement = elements.findIndex(({ id }) => id === element.id);
+                if (indexOfElement === -1) {
+                    console.log('Could not find element', element);
+                }
+                else {
+                    // Filter out already injected elements
+                    allElements = elements.filter(
+                    // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(
+                    (e) => e.injectedByElementId !== element.id);
+                    allElements.splice(indexOfElement + 1, 0, ...elementLookupResult.map((e) => {
+                        // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(
+                        e.injectedByElementId = element.id;
+                        return e;
+                    }));
+                }
+            }
+            return {
+                elements: allElements,
+                submission: generateDefaultData(allElements, {
+                    ...submission,
+                    [element.name]: newValue,
+                    ...dataLookupResult,
+                }),
+            };
+        });
+    }, [element, injectPagesAfter, onLookup]);
+    const triggerLookup = React.useCallback(async (newValue) => {
+        // No lookups for read only forms
+        if (formIsReadOnly)
+            return;
+        // if the element triggering the lookup has no value..
+        // ..return and do nothing
+        if (newValue === undefined || newValue === null)
+            return;
+        setIsLookingUp(true);
+        if (isOffline) {
+            setHasLookupFailed(true);
+            return;
+        }
+        executedLookup(element);
+        setIsDisabled(true);
+        setIsCancellable(false);
+        setHasLookupFailed(false);
+        setHasLookupSucceeded(false);
+        setLookupErrorHTML(null);
+        const abortController = new AbortController();
+        setOnCancelLookup(() => () => abortController.abort());
+        // After certain amount of time, show the cancel button
+        const isCancellableTimeout = setTimeout(() => {
+            setIsCancellable(!abortController.signal.aborted);
+        }, 5000);
+        const payload = {
+            definition,
+            submission: {
+                ...model,
+                [element.name]: newValue,
+            },
+        };
+        try {
+            const [dataLookupResult, elementLookupResult] = await Promise.all([
+                fetchLookup(element.dataLookupId, definition === null || definition === void 0 ? void 0 : definition.organisationId, definition === null || definition === void 0 ? void 0 : definition.formsAppEnvironmentId, payload, abortController.signal),
+                fetchLookup(element.elementLookupId, definition === null || definition === void 0 ? void 0 : definition.organisationId, definition === null || definition === void 0 ? void 0 : definition.formsAppEnvironmentId, payload, abortController.signal),
+            ]);
+            mergeLookupData(newValue, dataLookupResult, elementLookupResult);
+            if (isMounted.current) {
+                setHasLookupSucceeded(true);
+            }
+            // After certain amount of time, hide the lookup succeeded message
+            await new Promise((resolve) => setTimeout(() => resolve(false), 750));
+            if (isMounted.current) {
+                setIsLookingUp(false);
+            }
+        }
+        catch (error) {
+            executeLookupFailed(element);
+            if (!isMounted.current) {
+                return;
+            }
+            // Cancelling will throw an error.
+            if (abortController.signal.aborted) {
+                console.log('Fetch aborted');
+                setIsLookingUp(false);
+                return;
+            }
+            setHasLookupFailed(true);
+            setLookupErrorHTML(typeof error === 'string'
+                ? error
+                : 'It looks like something went wrong.<br/>Please try again.<br />If the issue continues, please contact support.');
+        }
+        finally {
+            clearTimeout(isCancellableTimeout);
+            if (isMounted.current) {
+                setIsDisabled(false);
+                setOnCancelLookup(undefined);
+            }
+        }
+    }, [
+        definition,
+        element,
+        executeLookupFailed,
+        executedLookup,
+        formIsReadOnly,
+        isMounted,
+        isOffline,
+        mergeLookupData,
+        model,
+    ]);
+    // For certain elements, do not add click event
+    // instead, watch model for changes and trigger lookup function.
+    // We add this stringify function here to allow the value to be
+    // an object which may have a reference change, but the values
+    // have not changed. e.g. the 'location' element's value
+    const autoLookupValueString = stringifyAutoLookupValue
+        ? stringifyAutoLookupValue(autoLookupValue)
+        : autoLookupValue;
+    React.useEffect(() => {
+        if (autoLookupValue !== undefined) {
+            triggerLookup(autoLookupValue);
+        }
+        // Wants to use "triggerLookup" as a dependency,
+        // however, this will change on any change made on any
+        // element. Checking if "value" has changed is enough
+        // to trigger a lookup when the correct dependencies change
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [autoLookupValueString]);
+    const contextValue = React.useMemo(() => ({
+        isLookup: true,
+        isDisabled,
+        onLookup: triggerLookup,
+    }), [isDisabled, triggerLookup]);
+    return (React.createElement(LookupNotificationContext.Provider, { value: contextValue },
+        children,
+        React.createElement("div", { className: clsx('ob-lookup__notification', {
+                'is-looking-up': isLookingUp,
+                'is-extended': hasLookupFailed || (isCancellable && !hasLookupSucceeded),
+            }) },
+            React.createElement("div", { className: "notification has-margin-top-7 has-text-centered" },
+                hasLookupFailed && (React.createElement(React.Fragment, null,
+                    React.createElement("button", { type: "button", className: "delete fade-in", onClick: () => setIsLookingUp(false) }),
+                    React.createElement("div", null, isOffline ? (React.createElement("div", null,
+                        React.createElement("i", { className: "material-icons fade-in has-text-warning" }, "wifi_off"),
+                        React.createElement("p", { className: "fade-in" }, "It looks like you're offline. Please try again when connectivity is restored."))) : (React.createElement("div", null,
+                        React.createElement("i", { className: "material-icons fade-in has-text-danger" }, "error_outline"),
+                        React.createElement("p", { className: "fade-in", dangerouslySetInnerHTML: {
+                                __html: lookupErrorHTML || '',
+                            }, "ng-bind-html": "$ctrl.obLookupCtrl.lookupErrorMessage" })))))),
+                hasLookupSucceeded && (React.createElement("i", { className: "material-icons has-text-success fade-in" }, "check_circle_outline")),
+                !hasLookupSucceeded && !hasLookupFailed && React.createElement(OnLoading, { small: true }),
+                isCancellable && !hasLookupSucceeded && !hasLookupFailed && (React.createElement("div", { className: "has-margin-top-5 fade-in" },
+                    React.createElement("p", null, "Taking longer than expected?"),
+                    React.createElement("button", { type: "button", className: "button has-margin-top-8", onClick: onCancelLookup }, "Cancel")))))));
+}
+export default function LookupNotification(props) {
+    if (props.element.isDataLookup || props.element.isElementLookup) {
+        return React.createElement(LookupNotificationComponent, { ...props });
+    }
+    return React.createElement(React.Fragment, null, props.children);
+}
+async function fetchLookup(formElementLookupId, organisationId, formsAppEnvironmentId, payload, abortSignal) {
+    if (typeof formElementLookupId !== 'number' ||
+        !organisationId ||
+        typeof formsAppEnvironmentId !== 'number') {
+        return;
+    }
+    console.log('Attempting to retrieve form element lookup for id:', formElementLookupId);
+    const formElementLookup = await formService.getFormElementLookupById(organisationId, formsAppEnvironmentId, formElementLookupId);
+    if (!formElementLookup || !formElementLookup.url) {
+        console.log('Could not find URL for form element lookup for id:', formElementLookupId, formElementLookup);
+        throw new Error('Could not find element lookup configuration');
+    }
+    const headers = await generateHeaders();
+    console.log(`Attempting a ${formElementLookup.type} lookup request to:`, formElementLookup.url);
+    const response = await fetch(formElementLookup.url, {
+        method: 'POST',
+        headers,
+        body: JSON.stringify(payload),
+        signal: abortSignal,
+    });
+    const data = await response.json();
+    console.log('Response from lookup to: POST', formElementLookup.url, response.status, data);
+    if (!response.ok) {
+        Sentry.captureException(new Error(`Received ${response.status} status code from lookup`));
+        if (response.status === 400 && data && data.message) {
+            throw data.message;
+        }
+        throw new Error('Invalid response from lookup');
+    }
+    return data;
+}
+// Validate that an element with a lookup has had the lookup button pressed if the element is required
 //# sourceMappingURL=LookupNotification.js.map

package/dist/components/renderer/Modal.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-declare type Props = {
-    isOpen: boolean;
-    title: string;
-    children: React.ReactNode;
-    actions: React.ReactNode | null;
-    className?: string;
-    cardClassName?: string;
-    titleClassName?: string;
-    bodyClassName?: string;
-};
-declare function Modal({ isOpen, title, children, className, cardClassName, titleClassName, bodyClassName, actions, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Modal>;
-export default _default;
+import * as React from 'react';
+declare type Props = {
+    isOpen: boolean;
+    title: string;
+    children: React.ReactNode;
+    actions: React.ReactNode | null;
+    className?: string;
+    cardClassName?: string;
+    titleClassName?: string;
+    bodyClassName?: string;
+};
+declare function Modal({ isOpen, title, children, className, cardClassName, titleClassName, bodyClassName, actions, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Modal>;
+export default _default;

package/dist/components/renderer/Modal.js

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import clsx from 'clsx';
-function Modal({ isOpen, title, children, className, cardClassName, titleClassName, bodyClassName, actions, }) {
-    return (React.createElement("div", { className: clsx('modal ob-modal', className, {
-            'is-active': isOpen,
-        }) },
-        React.createElement("div", { className: "modal-background-faded" }),
-        React.createElement("div", { className: clsx('modal-card', cardClassName) },
-            React.createElement("header", { className: "modal-card-head" },
-                React.createElement("p", { className: clsx('modal-card-title', titleClassName) }, title)),
-            React.createElement("section", { className: clsx('modal-card-body', bodyClassName) }, children),
-            actions && React.createElement("footer", { className: "modal-card-foot" }, actions))));
-}
-export default React.memo(Modal);
+import * as React from 'react';
+import clsx from 'clsx';
+function Modal({ isOpen, title, children, className, cardClassName, titleClassName, bodyClassName, actions, }) {
+    return (React.createElement("div", { className: clsx('modal ob-modal', className, {
+            'is-active': isOpen,
+        }) },
+        React.createElement("div", { className: "modal-background-faded" }),
+        React.createElement("div", { className: clsx('modal-card', cardClassName) },
+            React.createElement("header", { className: "modal-card-head" },
+                React.createElement("p", { className: clsx('modal-card-title', titleClassName) }, title)),
+            React.createElement("section", { className: clsx('modal-card-body', bodyClassName) }, children),
+            actions && React.createElement("footer", { className: "modal-card-foot" }, actions))));
+}
+export default React.memo(Modal);
 //# sourceMappingURL=Modal.js.map

package/dist/components/renderer/OnLoading.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-declare type Props = {
-    className?: string;
-    small?: boolean;
-    large?: boolean;
-    tiny?: boolean;
-};
-declare function OnLoading({ className, small, large, tiny }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof OnLoading>;
-export default _default;
+import * as React from 'react';
+declare type Props = {
+    className?: string;
+    small?: boolean;
+    large?: boolean;
+    tiny?: boolean;
+};
+declare function OnLoading({ className, small, large, tiny }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof OnLoading>;
+export default _default;

package/dist/components/renderer/OnLoading.js

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import clsx from 'clsx';
-function OnLoading({ className, small, large, tiny }) {
-    return (React.createElement("on-loading", { className: className },
-        React.createElement("div", { className: clsx('ob-loading on-loading', {
-                small: small,
-                large: large,
-                tiny: tiny,
-            }) })));
-}
-export default React.memo(OnLoading);
+import * as React from 'react';
+import clsx from 'clsx';
+function OnLoading({ className, small, large, tiny }) {
+    return (React.createElement("on-loading", { className: className },
+        React.createElement("div", { className: clsx('ob-loading on-loading', {
+                small: small,
+                large: large,
+                tiny: tiny,
+            }) })));
+}
+export default React.memo(OnLoading);
 //# sourceMappingURL=OnLoading.js.map

package/dist/components/renderer/OneBlinkAppsErrorOriginalMessage.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-declare type Props = {
-    error?: Error;
-};
-declare function OneBlinkAppsErrorOriginalMessage({ error }: Props): JSX.Element | null;
-declare const _default: React.MemoExoticComponent<typeof OneBlinkAppsErrorOriginalMessage>;
-export default _default;
+import * as React from 'react';
+declare type Props = {
+    error?: Error;
+};
+declare function OneBlinkAppsErrorOriginalMessage({ error }: Props): JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof OneBlinkAppsErrorOriginalMessage>;
+export default _default;

package/dist/components/renderer/OneBlinkAppsErrorOriginalMessage.js

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { OneBlinkAppsError } from '@oneblink/apps';
-function OneBlinkAppsErrorOriginalMessage({ error }) {
-    if (!error) {
-        return null;
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "content has-margin-top-6" },
-            React.createElement("pre", null, error.message)),
-        error instanceof OneBlinkAppsError && (React.createElement(OneBlinkAppsErrorOriginalMessage, { error: error.originalError }))));
-}
-export default React.memo(OneBlinkAppsErrorOriginalMessage);
+import * as React from 'react';
+import { OneBlinkAppsError } from '@oneblink/apps';
+function OneBlinkAppsErrorOriginalMessage({ error }) {
+    if (!error) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "content has-margin-top-6" },
+            React.createElement("pre", null, error.message)),
+        error instanceof OneBlinkAppsError && (React.createElement(OneBlinkAppsErrorOriginalMessage, { error: error.originalError }))));
+}
+export default React.memo(OneBlinkAppsErrorOriginalMessage);
 //# sourceMappingURL=OneBlinkAppsErrorOriginalMessage.js.map