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

package/dist/hooks/attachments/useAttachments.d.ts

@@ -1,10 +1,10 @@
-import { FormTypes } from '@oneblink/types';
-import { Attachment } from '../../types/attachments';
-import { FormElementValueChangeHandler } from '../../types/form';
-declare const useAttachments: (element: FormTypes.FilesElement, onChange: FormElementValueChangeHandler<Attachment[]>) => {
-    isDirty: boolean;
-    addAttachments: (files: File[]) => Promise<void>;
-    removeAttachment: (id: string) => void;
-    changeAttachment: (id: string, attachment: Attachment) => void;
-};
-export default useAttachments;
+import { FormTypes } from '@oneblink/types';
+import { Attachment } from '../../types/attachments';
+import { FormElementValueChangeHandler } from '../../types/form';
+declare const useAttachments: (element: FormTypes.FilesElement, onChange: FormElementValueChangeHandler<Attachment[]>) => {
+    isDirty: boolean;
+    addAttachments: (files: File[]) => Promise<void>;
+    removeAttachment: (id: string) => void;
+    changeAttachment: (id: string, attachment: Attachment) => void;
+};
+export default useAttachments;

package/dist/hooks/attachments/useAttachments.js

@@ -1,70 +1,70 @@
-import * as React from 'react';
-import { prepareNewAttachment, correctFileOrientation, } from '../../services/attachments';
-import { canvasToBlob } from '../../services/blob-utils';
-import useBooleanState from '../useBooleanState';
-import useIsMounted from '../useIsMounted';
-const useAttachments = (element, onChange) => {
-    const isMounted = useIsMounted();
-    const [isDirty, setIsDirty] = useBooleanState(false);
-    const addAttachments = React.useCallback(async (files) => {
-        if (!files.length)
-            return;
-        const newAttachments = await Promise.all(files.map(async (file) => {
-            const result = await correctFileOrientation(file);
-            if (result instanceof Blob) {
-                return prepareNewAttachment(result, file.name, element);
-            }
-            const blob = await canvasToBlob(result);
-            return prepareNewAttachment(blob, file.name, element);
-        }));
-        onChange(element, (currentAttachments) => {
-            if (!currentAttachments)
-                return newAttachments;
-            return [...currentAttachments, ...newAttachments];
-        });
-        if (isMounted.current) {
-            setIsDirty();
-        }
-    }, [element, isMounted, onChange, setIsDirty]);
-    const removeAttachment = React.useCallback((id) => {
-        onChange(element, (currentAttachments) => {
-            const newAttachments = currentAttachments === null || currentAttachments === void 0 ? void 0 : currentAttachments.filter((att) => {
-                // Return items that are not the removed id
-                if (!att.type) {
-                    return att.id !== id;
-                }
-                return att._id !== id;
-            });
-            if (newAttachments === null || newAttachments === void 0 ? void 0 : newAttachments.length) {
-                return newAttachments;
-            }
-        });
-        if (isMounted.current) {
-            setIsDirty();
-        }
-    }, [element, isMounted, onChange, setIsDirty]);
-    const changeAttachment = React.useCallback((id, attachment) => {
-        onChange(element, (currentAttachments) => {
-            if (!currentAttachments)
-                return;
-            return currentAttachments.map((att) => {
-                // Can only change attachments that are not uploaded (have a type)
-                if (att.type && att._id === id) {
-                    return attachment;
-                }
-                return att;
-            });
-        });
-        if (isMounted.current) {
-            setIsDirty();
-        }
-    }, [element, isMounted, onChange, setIsDirty]);
-    return {
-        isDirty,
-        addAttachments,
-        removeAttachment,
-        changeAttachment,
-    };
-};
-export default useAttachments;
+import * as React from 'react';
+import { prepareNewAttachment, correctFileOrientation, } from '../../services/attachments';
+import { canvasToBlob } from '../../services/blob-utils';
+import useBooleanState from '../useBooleanState';
+import useIsMounted from '../useIsMounted';
+const useAttachments = (element, onChange) => {
+    const isMounted = useIsMounted();
+    const [isDirty, setIsDirty] = useBooleanState(false);
+    const addAttachments = React.useCallback(async (files) => {
+        if (!files.length)
+            return;
+        const newAttachments = await Promise.all(files.map(async (file) => {
+            const result = await correctFileOrientation(file);
+            if (result instanceof Blob) {
+                return prepareNewAttachment(result, file.name, element);
+            }
+            const blob = await canvasToBlob(result);
+            return prepareNewAttachment(blob, file.name, element);
+        }));
+        onChange(element, (currentAttachments) => {
+            if (!currentAttachments)
+                return newAttachments;
+            return [...currentAttachments, ...newAttachments];
+        });
+        if (isMounted.current) {
+            setIsDirty();
+        }
+    }, [element, isMounted, onChange, setIsDirty]);
+    const removeAttachment = React.useCallback((id) => {
+        onChange(element, (currentAttachments) => {
+            const newAttachments = currentAttachments === null || currentAttachments === void 0 ? void 0 : currentAttachments.filter((att) => {
+                // Return items that are not the removed id
+                if (!att.type) {
+                    return att.id !== id;
+                }
+                return att._id !== id;
+            });
+            if (newAttachments === null || newAttachments === void 0 ? void 0 : newAttachments.length) {
+                return newAttachments;
+            }
+        });
+        if (isMounted.current) {
+            setIsDirty();
+        }
+    }, [element, isMounted, onChange, setIsDirty]);
+    const changeAttachment = React.useCallback((id, attachment) => {
+        onChange(element, (currentAttachments) => {
+            if (!currentAttachments)
+                return;
+            return currentAttachments.map((att) => {
+                // Can only change attachments that are not uploaded (have a type)
+                if (att.type && att._id === id) {
+                    return attachment;
+                }
+                return att;
+            });
+        });
+        if (isMounted.current) {
+            setIsDirty();
+        }
+    }, [element, isMounted, onChange, setIsDirty]);
+    return {
+        isDirty,
+        addAttachments,
+        removeAttachment,
+        changeAttachment,
+    };
+};
+export default useAttachments;
 //# sourceMappingURL=useAttachments.js.map

package/dist/hooks/attachments/useLocalAttachmentBlobs.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+declare type AttachmentObjectBlob = {
+    attachmentId: string;
+    blob: Blob;
+};
+declare type RegisterAttachmentParam = {
+    blob: Blob;
+    attachmentId: string;
+};
+declare type ReplacePreUploadIdParam = {
+    attachmentId: string;
+    preUploadId: string;
+};
+declare type AttachmentBlobsContextValue = {
+    registerAttachmentBlob: (options: RegisterAttachmentParam) => void;
+    replacePreUploadIdWithAttachmentId: (options: ReplacePreUploadIdParam) => void;
+    getAttachmentBlob: (attachmentId: string) => AttachmentObjectBlob | undefined;
+};
+declare type Props = {
+    children: React.ReactNode;
+};
+export declare const AttachmentBlobsProvider: ({ children }: Props) => JSX.Element;
+declare const useAttachmentBlobs: () => AttachmentBlobsContextValue;
+export default useAttachmentBlobs;

package/dist/hooks/attachments/useLocalAttachmentBlobs.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+const AttachmentBlobsContext = React.createContext({
+    registerAttachmentBlob: () => { },
+    replacePreUploadIdWithAttachmentId: () => { },
+    getAttachmentBlob: () => undefined,
+});
+export const AttachmentBlobsProvider = ({ children }) => {
+    const [attachmentBlobs, setAttachmentBlobs] = React.useState([]);
+    const registerAttachmentBlob = React.useCallback((newAttachment) => {
+        setAttachmentBlobs((c) => [...c, newAttachment]);
+    }, []);
+    const replacePreUploadIdWithAttachmentId = React.useCallback(({ attachmentId: newAttachmentId, preUploadId, }) => {
+        setAttachmentBlobs((c) => {
+            return c.map(({ attachmentId, blob }) => {
+                return {
+                    blob,
+                    attachmentId: attachmentId === preUploadId ? newAttachmentId : attachmentId,
+                };
+            });
+        });
+    }, []);
+    const getAttachmentBlob = React.useCallback((attachmentId) => {
+        return attachmentBlobs.find((b) => b.attachmentId === attachmentId);
+    }, [attachmentBlobs]);
+    const value = React.useMemo(() => ({
+        registerAttachmentBlob,
+        replacePreUploadIdWithAttachmentId,
+        getAttachmentBlob,
+    }), [
+        registerAttachmentBlob,
+        replacePreUploadIdWithAttachmentId,
+        getAttachmentBlob,
+    ]);
+    return (React.createElement(AttachmentBlobsContext.Provider, { value: value }, children));
+};
+const useAttachmentBlobs = () => {
+    return React.useContext(AttachmentBlobsContext);
+};
+export default useAttachmentBlobs;
+//# sourceMappingURL=useLocalAttachmentBlobs.js.map

package/dist/hooks/attachments/useLocalAttachmentBlobs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalAttachmentBlobs.js","sourceRoot":"","sources":["../../../src/hooks/attachments/useLocalAttachmentBlobs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwB9B,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAChD;IACE,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;IAChC,kCAAkC,EAAE,GAAG,EAAE,GAAE,CAAC;IAC5C,iBAAiB,EAAE,GAAG,EAAE,CAAC,SAAS;CACnC,CACF,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE1D,EAAE,CAAC,CAAA;IACL,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC9C,CAAC,aAAsC,EAAE,EAAE;QACzC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC,CAAA;IAClD,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,kCAAkC,GAAG,KAAK,CAAC,WAAW,CAC1D,CAAC,EACC,YAAY,EAAE,eAAe,EAC7B,WAAW,GACa,EAAE,EAAE;QAC5B,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE;YACvB,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE;gBACtC,OAAO;oBACL,IAAI;oBACJ,YAAY,EACV,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;iBAChE,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,YAAoB,EAAE,EAAE;QACvB,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,CAAA;IACrE,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACL,sBAAsB;QACtB,kCAAkC;QAClC,iBAAiB;KAClB,CAAC,EACF;QACE,sBAAsB;QACtB,kCAAkC;QAClC,iBAAiB;KAClB,CACF,CAAA;IAED,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC1C,QAAQ,CACuB,CACnC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAO,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAA;AACjD,CAAC,CAAA;AACD,eAAe,kBAAkB,CAAA","sourcesContent":["import * as React from 'react'\n\ntype AttachmentObjectBlob = {\n  attachmentId: string\n  blob: Blob\n}\ntype RegisterAttachmentParam = {\n  blob: Blob\n  attachmentId: string\n}\ntype ReplacePreUploadIdParam = {\n  attachmentId: string\n  preUploadId: string\n}\ntype AttachmentBlobsContextValue = {\n  registerAttachmentBlob: (options: RegisterAttachmentParam) => void\n  replacePreUploadIdWithAttachmentId: (options: ReplacePreUploadIdParam) => void\n  getAttachmentBlob: (attachmentId: string) => AttachmentObjectBlob | undefined\n}\n\ntype Props = {\n  children: React.ReactNode\n}\n\nconst AttachmentBlobsContext = React.createContext<AttachmentBlobsContextValue>(\n  {\n    registerAttachmentBlob: () => {},\n    replacePreUploadIdWithAttachmentId: () => {},\n    getAttachmentBlob: () => undefined,\n  },\n)\n\nexport const AttachmentBlobsProvider = ({ children }: Props) => {\n  const [attachmentBlobs, setAttachmentBlobs] = React.useState<\n    AttachmentObjectBlob[]\n  >([])\n  const registerAttachmentBlob = React.useCallback(\n    (newAttachment: RegisterAttachmentParam) => {\n      setAttachmentBlobs((c) => [...c, newAttachment])\n    },\n    [],\n  )\n\n  const replacePreUploadIdWithAttachmentId = React.useCallback(\n    ({\n      attachmentId: newAttachmentId,\n      preUploadId,\n    }: ReplacePreUploadIdParam) => {\n      setAttachmentBlobs((c) => {\n        return c.map(({ attachmentId, blob }) => {\n          return {\n            blob,\n            attachmentId:\n              attachmentId === preUploadId ? newAttachmentId : attachmentId,\n          }\n        })\n      })\n    },\n    [],\n  )\n\n  const getAttachmentBlob = React.useCallback(\n    (attachmentId: string) => {\n      return attachmentBlobs.find((b) => b.attachmentId === attachmentId)\n    },\n    [attachmentBlobs],\n  )\n\n  const value = React.useMemo(\n    () => ({\n      registerAttachmentBlob,\n      replacePreUploadIdWithAttachmentId,\n      getAttachmentBlob,\n    }),\n    [\n      registerAttachmentBlob,\n      replacePreUploadIdWithAttachmentId,\n      getAttachmentBlob,\n    ],\n  )\n\n  return (\n    <AttachmentBlobsContext.Provider value={value}>\n      {children}\n    </AttachmentBlobsContext.Provider>\n  )\n}\n\nconst useAttachmentBlobs = () => {\n  return React.useContext(AttachmentBlobsContext)\n}\nexport default useAttachmentBlobs\n"]}

package/dist/hooks/useAbnLookupAuthenticationGuid.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-export declare const AbnLookupAuthenticationGuidContext: React.Context<string | undefined>;
-export default function useAbnLookupAuthenticationGuid(): string | undefined;
+import * as React from 'react';
+export declare const AbnLookupAuthenticationGuidContext: React.Context<string | undefined>;
+export default function useAbnLookupAuthenticationGuid(): string | undefined;

package/dist/hooks/useAbnLookupAuthenticationGuid.js

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export const AbnLookupAuthenticationGuidContext = React.createContext(undefined);
-export default function useAbnLookupAuthenticationGuid() {
-    return React.useContext(AbnLookupAuthenticationGuidContext);
-}
+import * as React from 'react';
+export const AbnLookupAuthenticationGuidContext = React.createContext(undefined);
+export default function useAbnLookupAuthenticationGuid() {
+    return React.useContext(AbnLookupAuthenticationGuidContext);
+}
 //# sourceMappingURL=useAbnLookupAuthenticationGuid.js.map

package/dist/hooks/useAuth.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { authService } from '@oneblink/apps';
-declare type AuthContextValue = {
-    isLoggedIn: ReturnType<typeof authService.isLoggedIn>;
-    userProfile: ReturnType<typeof authService.getUserProfile>;
-    userFriendlyName: ReturnType<typeof authService.getUserFriendlyName>;
-    isUsingFormsKey: boolean;
-};
-export declare function AuthContextProvider({ children, formsKeyToken, userToken, }: {
-    children: React.ReactNode;
-    formsKeyToken?: string;
-    userToken?: string;
-}): JSX.Element;
-export default function useAuth(): AuthContextValue;
-export {};
+import * as React from 'react';
+import { authService } from '@oneblink/apps';
+declare type AuthContextValue = {
+    isLoggedIn: ReturnType<typeof authService.isLoggedIn>;
+    userProfile: ReturnType<typeof authService.getUserProfile>;
+    userFriendlyName: ReturnType<typeof authService.getUserFriendlyName>;
+    isUsingFormsKey: boolean;
+};
+export declare function AuthContextProvider({ children, formsKeyToken, userToken, }: {
+    children: React.ReactNode;
+    formsKeyToken?: string;
+    userToken?: string;
+}): JSX.Element;
+export default function useAuth(): AuthContextValue;
+export {};

package/dist/hooks/useAuth.js

@@ -1,43 +1,43 @@
-import * as React from 'react';
-import { authService } from '@oneblink/apps';
-const AuthContext = React.createContext({
-    isLoggedIn: false,
-    userProfile: null,
-    userFriendlyName: undefined,
-    isUsingFormsKey: false,
-});
-export function AuthContextProvider({ children, formsKeyToken, userToken, }) {
-    const [value, setValue] = React.useState(() => {
-        authService.setFormsKeyToken(formsKeyToken);
-        authService.setUserToken(userToken);
-        return {
-            isLoggedIn: authService.isLoggedIn(),
-            userProfile: authService.getUserProfile(),
-            userFriendlyName: authService.getUserFriendlyName(),
-            isUsingFormsKey: !!formsKeyToken,
-        };
-    });
-    React.useEffect(() => {
-        authService.setFormsKeyToken(formsKeyToken);
-        setValue((currentValue) => ({
-            ...currentValue,
-            isUsingFormsKey: !!formsKeyToken,
-        }));
-    }, [formsKeyToken]);
-    React.useEffect(() => {
-        authService.setUserToken(userToken);
-    }, [userToken]);
-    React.useEffect(() => {
-        return authService.registerAuthListener(() => setValue((current) => ({
-            ...current,
-            isLoggedIn: authService.isLoggedIn(),
-            userProfile: authService.getUserProfile(),
-            userFriendlyName: authService.getUserFriendlyName(),
-        })));
-    }, []);
-    return React.createElement(AuthContext.Provider, { value: value }, children);
-}
-export default function useAuth() {
-    return React.useContext(AuthContext);
-}
+import * as React from 'react';
+import { authService } from '@oneblink/apps';
+const AuthContext = React.createContext({
+    isLoggedIn: false,
+    userProfile: null,
+    userFriendlyName: undefined,
+    isUsingFormsKey: false,
+});
+export function AuthContextProvider({ children, formsKeyToken, userToken, }) {
+    const [value, setValue] = React.useState(() => {
+        authService.setFormsKeyToken(formsKeyToken);
+        authService.setUserToken(userToken);
+        return {
+            isLoggedIn: authService.isLoggedIn(),
+            userProfile: authService.getUserProfile(),
+            userFriendlyName: authService.getUserFriendlyName(),
+            isUsingFormsKey: !!formsKeyToken,
+        };
+    });
+    React.useEffect(() => {
+        authService.setFormsKeyToken(formsKeyToken);
+        setValue((currentValue) => ({
+            ...currentValue,
+            isUsingFormsKey: !!formsKeyToken,
+        }));
+    }, [formsKeyToken]);
+    React.useEffect(() => {
+        authService.setUserToken(userToken);
+    }, [userToken]);
+    React.useEffect(() => {
+        return authService.registerAuthListener(() => setValue((current) => ({
+            ...current,
+            isLoggedIn: authService.isLoggedIn(),
+            userProfile: authService.getUserProfile(),
+            userFriendlyName: authService.getUserFriendlyName(),
+        })));
+    }, []);
+    return React.createElement(AuthContext.Provider, { value: value }, children);
+}
+export default function useAuth() {
+    return React.useContext(AuthContext);
+}
 //# sourceMappingURL=useAuth.js.map

package/dist/hooks/useBooleanState.d.ts

@@ -1,5 +1,5 @@
-declare type setTrue = () => void;
-declare type setFalse = () => void;
-declare type toggle = () => void;
-export default function useBooleanState(defaultValue: boolean): [boolean, setTrue, setFalse, toggle];
-export {};
+declare type setTrue = () => void;
+declare type setFalse = () => void;
+declare type toggle = () => void;
+export default function useBooleanState(defaultValue: boolean): [boolean, setTrue, setFalse, toggle];
+export {};

package/dist/hooks/useBooleanState.js

@@ -1,9 +1,9 @@
-import * as React from 'react';
-export default function useBooleanState(defaultValue) {
-    const [state, setState] = React.useState(defaultValue);
-    const turnOn = React.useCallback(() => setState(true), []);
-    const turnOff = React.useCallback(() => setState(false), []);
-    const toggle = React.useCallback(() => setState((current) => !current), []);
-    return [state, turnOn, turnOff, toggle];
-}
+import * as React from 'react';
+export default function useBooleanState(defaultValue) {
+    const [state, setState] = React.useState(defaultValue);
+    const turnOn = React.useCallback(() => setState(true), []);
+    const turnOff = React.useCallback(() => setState(false), []);
+    const toggle = React.useCallback(() => setState((current) => !current), []);
+    return [state, turnOn, turnOff, toggle];
+}
 //# sourceMappingURL=useBooleanState.js.map

package/dist/hooks/useButtonsConfiguration.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+export declare const ButtonsConfigurationContext: React.Context<{
+    submit?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+    cancel?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+    saveDraft?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+    cancelPromptYes?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+    cancelPromptNo?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+} | undefined>;
+export default function useButtonsConfiguration(): {
+    submit?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+    cancel?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+    saveDraft?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+    cancelPromptYes?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+    cancelPromptNo?: {
+        icon?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
+} | undefined;

package/dist/hooks/useButtonsConfiguration.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export const ButtonsConfigurationContext = React.createContext({});
+export default function useButtonsConfiguration() {
+    return React.useContext(ButtonsConfigurationContext);
+}
+//# sourceMappingURL=useButtonsConfiguration.js.map

package/dist/hooks/useButtonsConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonsConfiguration.js","sourceRoot":"","sources":["../../src/hooks/useButtonsConfiguration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,MAAM,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAE5D,EAAE,CAAC,CAAA;AAEL,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC7C,OAAO,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAA;AACtD,CAAC","sourcesContent":["import * as React from 'react'\nimport { FormsAppsTypes } from '@oneblink/types'\nexport const ButtonsConfigurationContext = React.createContext<\n  FormsAppsTypes.FormsListStyles['buttons']\n>({})\n\nexport default function useButtonsConfiguration() {\n  return React.useContext(ButtonsConfigurationContext)\n}\n"]}

package/dist/hooks/useCaptchaSiteKey.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-export declare const CaptchaSiteKeyContext: React.Context<string | undefined>;
-export default function useCaptchaSiteKey(): string | undefined;
+import * as React from 'react';
+export declare const CaptchaSiteKeyContext: React.Context<string | undefined>;
+export default function useCaptchaSiteKey(): string | undefined;

package/dist/hooks/useCaptchaSiteKey.js

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export const CaptchaSiteKeyContext = React.createContext(undefined);
-export default function useCaptchaSiteKey() {
-    return React.useContext(CaptchaSiteKeyContext);
-}
+import * as React from 'react';
+export const CaptchaSiteKeyContext = React.createContext(undefined);
+export default function useCaptchaSiteKey() {
+    return React.useContext(CaptchaSiteKeyContext);
+}
 //# sourceMappingURL=useCaptchaSiteKey.js.map

package/dist/hooks/useChangeEffect.d.ts

@@ -0,0 +1 @@
+export default function useChangeEffect(effect: () => void | (() => void), dependencies: unknown[]): void;

package/dist/hooks/useChangeEffect.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export default function useChangeEffect(effect, dependencies) {
+    const initializeRef = React.useRef(false);
+    React.useEffect(() => {
+        if (initializeRef.current) {
+            return effect();
+        }
+        else {
+            initializeRef.current = true;
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [dependencies]);
+}
+//# sourceMappingURL=useChangeEffect.js.map

package/dist/hooks/useChangeEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChangeEffect.js","sourceRoot":"","sources":["../../src/hooks/useChangeEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,MAAiC,EACjC,YAAuB;IAEvB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEzC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,OAAO,MAAM,EAAE,CAAA;SAChB;aAAM;YACL,aAAa,CAAC,OAAO,GAAG,IAAI,CAAA;SAC7B;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;AACpB,CAAC","sourcesContent":["import * as React from 'react'\n\nexport default function useChangeEffect(\n  effect: () => void | (() => void),\n  dependencies: unknown[],\n) {\n  const initializeRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (initializeRef.current) {\n      return effect()\n    } else {\n      initializeRef.current = true\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dependencies])\n}\n"]}

package/dist/hooks/useClickOutsideElement.d.ts

@@ -1,3 +1,3 @@
-export default function useClickOutsideElement(ref: {
-    current: HTMLElement | null;
-}, callback: () => void): void;
+export default function useClickOutsideElement(ref: {
+    current: HTMLElement | null;
+}, callback: () => void): void;

package/dist/hooks/useClickOutsideElement.js

@@ -1,15 +1,15 @@
-import * as React from 'react';
-export default function useClickOutsideElement(ref, callback) {
-    const handleClickOutside = React.useCallback((event) => {
-        if (ref.current && !ref.current.contains(event.target)) {
-            callback();
-        }
-    }, [callback, ref]);
-    React.useEffect(() => {
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [handleClickOutside]);
-}
+import * as React from 'react';
+export default function useClickOutsideElement(ref, callback) {
+    const handleClickOutside = React.useCallback((event) => {
+        if (ref.current && !ref.current.contains(event.target)) {
+            callback();
+        }
+    }, [callback, ref]);
+    React.useEffect(() => {
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [handleClickOutside]);
+}
 //# sourceMappingURL=useClickOutsideElement.js.map

package/dist/hooks/useConditionalLogic.d.ts

@@ -1,6 +1,6 @@
-import { FormTypes } from '@oneblink/types';
-import { FormElementsConditionallyShown, FormSubmissionModel } from '../types/form';
-export default function useConditionalLogic(definition: FormTypes.Form, submission: FormSubmissionModel): {
-    conditionalLogicError: Error | undefined;
-    formElementsConditionallyShown: FormElementsConditionallyShown;
-};
+import { FormTypes } from '@oneblink/types';
+import { FormElementsConditionallyShown, FormSubmissionModel } from '../types/form';
+export default function useConditionalLogic(definition: FormTypes.Form, submission: FormSubmissionModel): {
+    conditionalLogicError: Error | undefined;
+    formElementsConditionallyShown: FormElementsConditionallyShown;
+};

package/dist/hooks/useConditionalLogic.js

@@ -1,23 +1,23 @@
-import { Sentry } from '@oneblink/apps';
-import * as React from 'react';
-import { conditionalLogicService } from '@oneblink/sdk-core';
-export default function useConditionalLogic(definition, submission) {
-    const [conditionalLogicError, setConditionalLogicError] = React.useState();
-    const errorCallback = React.useCallback((error) => {
-        console.warn('Error while checking conditional logic', error);
-        Sentry.captureException(error);
-        setConditionalLogicError(error);
-    }, []);
-    const formElementsConditionallyShown = React.useMemo(() => {
-        return conditionalLogicService.generateFormElementsConditionallyShown({
-            formElements: definition.elements,
-            submission,
-            errorCallback,
-        });
-    }, [definition.elements, submission, errorCallback]);
-    return {
-        conditionalLogicError,
-        formElementsConditionallyShown,
-    };
-}
+import { Sentry } from '@oneblink/apps';
+import * as React from 'react';
+import { conditionalLogicService } from '@oneblink/sdk-core';
+export default function useConditionalLogic(definition, submission) {
+    const [conditionalLogicError, setConditionalLogicError] = React.useState();
+    const errorCallback = React.useCallback((error) => {
+        console.warn('Error while checking conditional logic', error);
+        Sentry.captureException(error);
+        setConditionalLogicError(error);
+    }, []);
+    const formElementsConditionallyShown = React.useMemo(() => {
+        return conditionalLogicService.generateFormElementsConditionallyShown({
+            formElements: definition.elements,
+            submission,
+            errorCallback,
+        });
+    }, [definition.elements, submission, errorCallback]);
+    return {
+        conditionalLogicError,
+        formElementsConditionallyShown,
+    };
+}
 //# sourceMappingURL=useConditionalLogic.js.map

package/dist/hooks/useConditionallyShowOptionCallback.d.ts

@@ -0,0 +1,5 @@
+import { FormTypes } from '@oneblink/types';
+import * as React from 'react';
+export declare type ConditionallyShowOptionCallbackContextValue = (formElementsCtrl: FormElementsCtrl, formElementWithOptions: FormTypes.FormElementWithOptions, choiceElementOption: FormTypes.ChoiceElementOption) => boolean;
+export declare const ConditionallyShowOptionCallbackContext: React.Context<ConditionallyShowOptionCallbackContextValue>;
+export default function useConditionallyShowOptionCallback(formElementsCtrl: FormElementsCtrl, element: FormTypes.FormElement): (option: FormTypes.ChoiceElementOption) => boolean;

package/dist/hooks/useConditionallyShowOptionCallback.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+const defaultContext = () => true;
+export const ConditionallyShowOptionCallbackContext = React.createContext(defaultContext);
+export default function useConditionallyShowOptionCallback(formElementsCtrl, element) {
+    const onConditionallyShowOption = React.useContext(ConditionallyShowOptionCallbackContext);
+    return React.useMemo(() => {
+        if ((element.type !== 'select' &&
+            element.type !== 'compliance' &&
+            element.type !== 'radio' &&
+            element.type !== 'checkboxes' &&
+            element.type !== 'autocomplete') ||
+            !element.conditionallyShowOptions) {
+            return defaultContext;
+        }
+        return (option) => {
+            return onConditionallyShowOption(formElementsCtrl, element, option);
+        };
+    }, [element, formElementsCtrl, onConditionallyShowOption]);
+}
+//# sourceMappingURL=useConditionallyShowOptionCallback.js.map