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

package/dist/hooks/useLegacyElements.js

@@ -0,0 +1,55 @@
+import { useMemo } from 'react';
+import { formElementsService, typeCastService } from '@oneblink/sdk-core';
+export const legacyNameRegex = /[^a-zA-Z\d_-]/;
+const checkStorageType = (element) => {
+    const storageElement = typeCastService.formElements.toStorageElement(element);
+    if (storageElement &&
+        (!storageElement.storageType || storageElement.storageType === 'legacy')) {
+        return {
+            label: storageElement.label,
+            name: storageElement.name,
+            id: storageElement.id,
+        };
+    }
+};
+const checkName = (element) => {
+    const namedElement = typeCastService.formElements.toNamedElement(element);
+    if (!!namedElement && legacyNameRegex.test(namedElement.name)) {
+        const formElementWithoutForm = typeCastService.formElements.toFormElementWithoutForm(namedElement);
+        return {
+            name: namedElement.name,
+            label: (formElementWithoutForm === null || formElementWithoutForm === void 0 ? void 0 : formElementWithoutForm.label) || 'Nested Form',
+            id: namedElement.id,
+        };
+    }
+};
+const useLegacyFormElements = (formElements) => {
+    return useMemo(() => {
+        const formElementsUsingLegacyStorage = [];
+        const formElementsUsingLegacyNames = [];
+        formElementsService.forEachFormElement(formElements || [], (element) => {
+            const legacyStorageType = checkStorageType(element);
+            if (legacyStorageType) {
+                formElementsUsingLegacyStorage.push(legacyStorageType);
+            }
+            const legacyName = checkName(element);
+            if (legacyName) {
+                formElementsUsingLegacyNames.push(legacyName);
+            }
+        });
+        return {
+            formElementsUsingLegacyStorage,
+            formElementsUsingLegacyNames,
+        };
+    }, [formElements]);
+};
+export default useLegacyFormElements;
+const formElementLegacyConfigMessage = 'Element is using unsupported configuration';
+export const useFormElementLegacyConfigMessage = (formElement) => {
+    return useMemo(() => {
+        if (checkStorageType(formElement) || checkName(formElement)) {
+            return formElementLegacyConfigMessage;
+        }
+    }, [formElement]);
+};
+//# sourceMappingURL=useLegacyElements.js.map

package/dist/hooks/useLegacyElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLegacyElements.js","sourceRoot":"","sources":["../../src/hooks/useLegacyElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGzE,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAA;AAE9C,MAAM,gBAAgB,GAAG,CAAC,OAA8B,EAAE,EAAE;IAC1D,MAAM,cAAc,GAAG,eAAe,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAC7E,IACE,cAAc;QACd,CAAC,CAAC,cAAc,CAAC,WAAW,IAAI,cAAc,CAAC,WAAW,KAAK,QAAQ,CAAC,EACxE;QACA,OAAO;YACL,KAAK,EAAE,cAAc,CAAC,KAAK;YAC3B,IAAI,EAAE,cAAc,CAAC,IAAI;YACzB,EAAE,EAAE,cAAc,CAAC,EAAE;SACtB,CAAA;KACF;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,OAA8B,EAAE,EAAE;IACnD,MAAM,YAAY,GAChB,eAAe,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;IACtD,IAAI,CAAC,CAAC,YAAY,IAAI,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;QAC7D,MAAM,sBAAsB,GAC1B,eAAe,CAAC,YAAY,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAA;QACrE,OAAO;YACL,IAAI,EAAE,YAAY,CAAC,IAAI;YACvB,KAAK,EAAE,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,KAAK,KAAI,aAAa;YACrD,EAAE,EAAE,YAAY,CAAC,EAAE;SACpB,CAAA;KACF;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,CAAC,YAAqC,EAAE,EAAE;IACtE,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,8BAA8B,GAI/B,EAAE,CAAA;QACP,MAAM,4BAA4B,GAI7B,EAAE,CAAA;QACP,mBAAmB,CAAC,kBAAkB,CAAC,YAAY,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,EAAE;YACrE,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;YACnD,IAAI,iBAAiB,EAAE;gBACrB,8BAA8B,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;aACvD;YAED,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,CAAA;YACrC,IAAI,UAAU,EAAE;gBACd,4BAA4B,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;aAC9C;QACH,CAAC,CAAC,CAAA;QACF,OAAO;YACL,8BAA8B;YAC9B,4BAA4B;SAC7B,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;AACpB,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA;AAEpC,MAAM,8BAA8B,GAClC,4CAA4C,CAAA;AAC9C,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAC/C,WAAkC,EAClC,EAAE;IACF,OAAO,OAAO,CAAqB,GAAG,EAAE;QACtC,IAAI,gBAAgB,CAAC,WAAW,CAAC,IAAI,SAAS,CAAC,WAAW,CAAC,EAAE;YAC3D,OAAO,8BAA8B,CAAA;SACtC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;AACnB,CAAC,CAAA","sourcesContent":["import { useMemo } from 'react'\nimport { formElementsService, typeCastService } from '@oneblink/sdk-core'\nimport { FormTypes } from '@oneblink/types'\n\nexport const legacyNameRegex = /[^a-zA-Z\\d_-]/\n\nconst checkStorageType = (element: FormTypes.FormElement) => {\n  const storageElement = typeCastService.formElements.toStorageElement(element)\n  if (\n    storageElement &&\n    (!storageElement.storageType || storageElement.storageType === 'legacy')\n  ) {\n    return {\n      label: storageElement.label,\n      name: storageElement.name,\n      id: storageElement.id,\n    }\n  }\n}\n\nconst checkName = (element: FormTypes.FormElement) => {\n  const namedElement: FormTypes.FormElementWithName | undefined =\n    typeCastService.formElements.toNamedElement(element)\n  if (!!namedElement && legacyNameRegex.test(namedElement.name)) {\n    const formElementWithoutForm =\n      typeCastService.formElements.toFormElementWithoutForm(namedElement)\n    return {\n      name: namedElement.name,\n      label: formElementWithoutForm?.label || 'Nested Form',\n      id: namedElement.id,\n    }\n  }\n}\n\nconst useLegacyFormElements = (formElements: FormTypes.FormElement[]) => {\n  return useMemo(() => {\n    const formElementsUsingLegacyStorage: Array<{\n      name: string\n      label: string\n      id: string\n    }> = []\n    const formElementsUsingLegacyNames: Array<{\n      name: string\n      label: string\n      id: string\n    }> = []\n    formElementsService.forEachFormElement(formElements || [], (element) => {\n      const legacyStorageType = checkStorageType(element)\n      if (legacyStorageType) {\n        formElementsUsingLegacyStorage.push(legacyStorageType)\n      }\n\n      const legacyName = checkName(element)\n      if (legacyName) {\n        formElementsUsingLegacyNames.push(legacyName)\n      }\n    })\n    return {\n      formElementsUsingLegacyStorage,\n      formElementsUsingLegacyNames,\n    }\n  }, [formElements])\n}\n\nexport default useLegacyFormElements\n\nconst formElementLegacyConfigMessage =\n  'Element is using unsupported configuration'\nexport const useFormElementLegacyConfigMessage = (\n  formElement: FormTypes.FormElement,\n) => {\n  return useMemo<string | undefined>(() => {\n    if (checkStorageType(formElement) || checkName(formElement)) {\n      return formElementLegacyConfigMessage\n    }\n  }, [formElement])\n}\n"]}

package/dist/hooks/useLoadDataState.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-export declare type LoadDataState<T> = {
-    status: 'SUCCESS';
-    result: T;
-} | {
-    status: 'ERROR';
-    error: Error;
-} | {
-    status: 'LOADING';
-};
-export default function useLoadDataState<T>(onLoad: (abortSignal?: AbortSignal) => Promise<T>): [
-    LoadDataState<T>,
-    (abortSignal?: AbortSignal) => void,
-    React.Dispatch<React.SetStateAction<T>>
-];
+import * as React from 'react';
+export declare type LoadDataState<T> = {
+    status: 'SUCCESS';
+    result: T;
+} | {
+    status: 'ERROR';
+    error: Error;
+} | {
+    status: 'LOADING';
+};
+export default function useLoadDataState<T>(onLoad: (abortSignal?: AbortSignal) => Promise<T>): [
+    LoadDataState<T>,
+    (abortSignal?: AbortSignal) => void,
+    React.Dispatch<React.SetStateAction<T>>
+];

package/dist/hooks/useLoadDataState.js

@@ -1,55 +1,55 @@
-import * as React from 'react';
-import useIsMounted from './useIsMounted';
-export default function useLoadDataState(onLoad) {
-    const isMounted = useIsMounted();
-    const [state, setState] = React.useState({
-        status: 'LOADING',
-    });
-    const handleLoad = React.useCallback(async (abortSignal) => {
-        setState({
-            status: 'LOADING',
-        });
-        try {
-            const result = await onLoad(abortSignal);
-            if (isMounted.current && !(abortSignal === null || abortSignal === void 0 ? void 0 : abortSignal.aborted)) {
-                setState({
-                    status: 'SUCCESS',
-                    result,
-                });
-            }
-        }
-        catch (err) {
-            if (isMounted.current && !(abortSignal === null || abortSignal === void 0 ? void 0 : abortSignal.aborted)) {
-                setState({
-                    status: 'ERROR',
-                    error: err,
-                });
-            }
-        }
-    }, [isMounted, onLoad]);
-    const setResult = React.useCallback((setter) => {
-        setState((currentState) => {
-            if (currentState.status === 'SUCCESS') {
-                return {
-                    ...currentState,
-                    result: typeof setter === 'function'
-                        ? // @ts-expect-error Typescript cannot tell between a generic type (T) and a function
-                            setter(currentState.result)
-                        : setter,
-                };
-            }
-            else {
-                return currentState;
-            }
-        });
-    }, []);
-    React.useEffect(() => {
-        const abortController = new AbortController();
-        handleLoad(abortController.signal);
-        return () => {
-            abortController.abort();
-        };
-    }, [handleLoad]);
-    return [state, handleLoad, setResult];
-}
+import * as React from 'react';
+import useIsMounted from './useIsMounted';
+export default function useLoadDataState(onLoad) {
+    const isMounted = useIsMounted();
+    const [state, setState] = React.useState({
+        status: 'LOADING',
+    });
+    const handleLoad = React.useCallback(async (abortSignal) => {
+        setState({
+            status: 'LOADING',
+        });
+        try {
+            const result = await onLoad(abortSignal);
+            if (isMounted.current && !(abortSignal === null || abortSignal === void 0 ? void 0 : abortSignal.aborted)) {
+                setState({
+                    status: 'SUCCESS',
+                    result,
+                });
+            }
+        }
+        catch (err) {
+            if (isMounted.current && !(abortSignal === null || abortSignal === void 0 ? void 0 : abortSignal.aborted)) {
+                setState({
+                    status: 'ERROR',
+                    error: err,
+                });
+            }
+        }
+    }, [isMounted, onLoad]);
+    const setResult = React.useCallback((setter) => {
+        setState((currentState) => {
+            if (currentState.status === 'SUCCESS') {
+                return {
+                    ...currentState,
+                    result: typeof setter === 'function'
+                        ? // @ts-expect-error Typescript cannot tell between a generic type (T) and a function
+                            setter(currentState.result)
+                        : setter,
+                };
+            }
+            else {
+                return currentState;
+            }
+        });
+    }, []);
+    React.useEffect(() => {
+        const abortController = new AbortController();
+        handleLoad(abortController.signal);
+        return () => {
+            abortController.abort();
+        };
+    }, [handleLoad]);
+    return [state, handleLoad, setResult];
+}
 //# sourceMappingURL=useLoadDataState.js.map

package/dist/hooks/useLogin.d.ts

@@ -1,46 +1,46 @@
-export default function useLogin({ username, password, newPassword, newPasswordConfirmed, code, }: {
-    username: string;
-    password: string;
-    newPassword: string;
-    newPasswordConfirmed: string;
-    code: string;
-}): {
-    loginWithGoogle: () => void;
-    loginWithUsernamePassword: () => Promise<void>;
-    isLoggingIn: boolean;
-    loginError: Error | null;
-    clearLoginError: () => void;
-    isPasswordTemporary: boolean;
-    isResettingTemporaryPassword: boolean;
-    resetTemporaryPassword: () => Promise<void>;
-    isShowingForgotPassword: boolean;
-    showForgotPassword: () => void;
-    hideForgotPassword: () => void;
-    forgotPasswordError: Error | null;
-    clearForgotPasswordError: () => void;
-    isSendingForgotPasswordCode: boolean;
-    sendForgotPasswordCode: () => Promise<void>;
-    hasSentForgotPasswordCode: boolean;
-    isResettingForgottenPassword: boolean;
-    resetForgottenPassword: () => Promise<void>;
-    usernameValidation: {
-        isInvalid: boolean;
-    };
-    passwordValidation: {
-        isInvalid: boolean;
-    };
-    codeValidation: {
-        isInvalid: boolean;
-    };
-    newPasswordValidation: {
-        hasLowercaseLetter: boolean;
-        hasUpperCaseLetter: boolean;
-        hasNumber: boolean;
-        hasSpecialCharacter: boolean;
-        hasMinLength: boolean;
-        isInvalid: boolean;
-    };
-    newPasswordConfirmedValidation: {
-        isInvalid: boolean;
-    };
-};
+export default function useLogin({ username, password, newPassword, newPasswordConfirmed, code, }: {
+    username: string;
+    password: string;
+    newPassword: string;
+    newPasswordConfirmed: string;
+    code: string;
+}): {
+    loginWithGoogle: () => void;
+    loginWithUsernamePassword: () => Promise<void>;
+    isLoggingIn: boolean;
+    loginError: Error | null;
+    clearLoginError: () => void;
+    isPasswordTemporary: boolean;
+    isResettingTemporaryPassword: boolean;
+    resetTemporaryPassword: () => Promise<void>;
+    isShowingForgotPassword: boolean;
+    showForgotPassword: () => void;
+    hideForgotPassword: () => void;
+    forgotPasswordError: Error | null;
+    clearForgotPasswordError: () => void;
+    isSendingForgotPasswordCode: boolean;
+    sendForgotPasswordCode: () => Promise<void>;
+    hasSentForgotPasswordCode: boolean;
+    isResettingForgottenPassword: boolean;
+    resetForgottenPassword: () => Promise<void>;
+    usernameValidation: {
+        isInvalid: boolean;
+    };
+    passwordValidation: {
+        isInvalid: boolean;
+    };
+    codeValidation: {
+        isInvalid: boolean;
+    };
+    newPasswordValidation: {
+        hasLowercaseLetter: boolean;
+        hasUpperCaseLetter: boolean;
+        hasNumber: boolean;
+        hasSpecialCharacter: boolean;
+        hasMinLength: boolean;
+        isInvalid: boolean;
+    };
+    newPasswordConfirmedValidation: {
+        isInvalid: boolean;
+    };
+};