@oneblink/apps-react 6.8.0 → 6.9.0-beta.10

package/dist/hooks/attachments/useAttachment.js

@@ -14,7 +14,7 @@ export default function useAttachment(value, element, onChange, disableUpload) {
     const { isLoggedIn, isUsingFormsKey } = useAuth();
     const { storeAttachmentBlobLocally, getAttachmentBlobLocally } = useAttachmentBlobs();
     const isAuthenticated = isLoggedIn || isUsingFormsKey;
-    const [imageUrlState, setImageUrlState] = React.useState({});
+    const [attachmentUrlState, setAttachmentUrlState] = React.useState({});
     const [progressState, setProgressState] = React.useState();
     const onProgress = React.useCallback(({ progress }) => {
         setProgressState(progress);
@@ -89,8 +89,8 @@ export default function useAttachment(value, element, onChange, disableUpload) {
         }
         // If the value is string we will assume a base64 data uri
         if (typeof value === 'string') {
-            setImageUrlState({
-                imageUrl: value,
+            setAttachmentUrlState({
+                attachmentUrl: value,
             });
             return;
         }
@@ -98,60 +98,47 @@ export default function useAttachment(value, element, onChange, disableUpload) {
             if (!value.data) {
                 return;
             }
-            if (!checkIfContentTypeIsImage(value.data.type)) {
-                // Not an image which we will represent as null
-                setImageUrlState({
-                    imageUrl: null,
-                });
-                return;
-            }
-            const imageUrl = URL.createObjectURL(value.data);
-            console.log('Created object url from blob for image', imageUrl);
-            setImageUrlState({
-                imageUrl,
-            });
-            return;
-        }
-        if (!checkIfContentTypeIsImage(value.contentType)) {
-            // Not an image which we will represent as null
-            setImageUrlState({
-                imageUrl: null,
+            const attachmentUrl = URL.createObjectURL(value.data);
+            setAttachmentUrlState({
+                attachmentUrl,
+                isContentTypeImage: checkIfContentTypeIsImage(value.data.type),
             });
             return;
         }
-        // Check for locally stored Blob. Blob should be stored locally for private uploaded images only
+        // Check for locally stored Blob
         const locallyStoredAttachment = getAttachmentBlobLocally(value.id);
         if (locallyStoredAttachment) {
-            const imageUrl = URL.createObjectURL(locallyStoredAttachment.blob);
-            console.log('Created object url from locally stored Blob for private image attachment', imageUrl);
-            setImageUrlState({
-                imageUrl,
+            const attachmentUrl = URL.createObjectURL(locallyStoredAttachment.blob);
+            console.log('Created object url from locally stored Blob', attachmentUrl);
+            setAttachmentUrlState({
+                attachmentUrl,
+                isContentTypeImage: checkIfContentTypeIsImage(value.contentType),
             });
             return;
         }
-        // If user is not logged in or is offline, we can't download private images.
+        // If user is not logged in or is offline, we can't download private attachments.
         // If the blob was not stored locally (above) for some reason, the user is SOL
         if (!isAuthenticated || isOffline) {
-            setImageUrlState({
-                imageUrl: null,
+            setAttachmentUrlState({
+                attachmentUrl: null,
             });
             return;
         }
         let ignore = false;
         const abortController = new AbortController();
-        const privateImageUrl = value.url;
+        const privateAttachmentUrl = value.url;
         const effect = async () => {
             try {
-                const blob = await urlToBlobAsync(privateImageUrl, abortController.signal);
+                const blob = await urlToBlobAsync(privateAttachmentUrl, abortController.signal);
                 if (ignore) {
                     return;
                 }
-                // Store private image attachment in Context
+                // Store private attachment in Context
                 storeAttachmentBlobLocally({ attachmentId: value.id, blob });
-                const imageUrl = URL.createObjectURL(blob);
-                console.log('Created object url from private attachment for image', imageUrl);
-                setImageUrlState({
-                    imageUrl,
+                const attachmentUrl = URL.createObjectURL(blob);
+                console.log('Created object url from private attachment for image', attachmentUrl);
+                setAttachmentUrlState({
+                    attachmentUrl: attachmentUrl,
                 });
             }
             catch (error) {
@@ -159,8 +146,8 @@ export default function useAttachment(value, element, onChange, disableUpload) {
                     return;
                 }
                 console.warn('Error loading file:', error);
-                setImageUrlState({
-                    loadImageUrlError: error,
+                setAttachmentUrlState({
+                    loadAttachmentUrlError: error,
                 });
             }
         };
@@ -178,13 +165,13 @@ export default function useAttachment(value, element, onChange, disableUpload) {
     ]);
     React.useEffect(() => {
         return () => {
-            const imageUrl = imageUrlState.imageUrl;
-            if (imageUrl && imageUrl.startsWith('blob:')) {
-                console.log('revoking image url:', imageUrl);
-                URL.revokeObjectURL(imageUrl);
+            const attachmentUrl = attachmentUrlState.attachmentUrl;
+            if (attachmentUrl && attachmentUrl.startsWith('blob:')) {
+                console.log('revoking attachment url:', attachmentUrl);
+                URL.revokeObjectURL(attachmentUrl);
             }
         };
-    }, [imageUrlState.imageUrl]);
+    }, [attachmentUrlState.attachmentUrl]);
     const isUploading = React.useMemo(() => {
         return !!(value &&
             typeof value !== 'string' &&
@@ -221,8 +208,8 @@ export default function useAttachment(value, element, onChange, disableUpload) {
     return {
         isUploading,
         uploadErrorMessage,
-        isLoadingImageUrl: imageUrlState.imageUrl === undefined,
-        ...imageUrlState,
+        isLoadingAttachmentUrl: attachmentUrlState.attachmentUrl === undefined,
+        ...attachmentUrlState,
         canDownload,
         progress: progressState,
     };

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

@@ -1 +1 @@
-{"version":3,"file":"useAttachment.js","sourceRoot":"","sources":["../../../src/hooks/attachments/useAttachment.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { attachmentsService } from '@oneblink/apps'\nimport { FormTypes } from '@oneblink/types'\nimport useFormDefinition from '../useFormDefinition'\nimport useIsOffline from '../useIsOffline'\nimport { FormElementBinaryStorageValue } from '../../types/attachments'\nimport { checkIfContentTypeIsImage } from '../../services/attachments'\nimport useAuth from '../../hooks/useAuth'\nimport { urlToBlobAsync } from '../../services/blob-utils'\nimport useAttachmentBlobs from '../../hooks/attachments/useAttachmentBlobs'\nimport useOnUploadAttachmentContext from '../useOnUploadAttachment'\n\nexport type OnChange = (\n  id: string,\n  attachment: attachmentsService.Attachment,\n) => void\n\nexport default function useAttachment(\n  value: FormElementBinaryStorageValue,\n  element: FormTypes.FormElementBinaryStorage,\n  onChange: OnChange,\n  disableUpload?: boolean,\n) {\n  const isPrivate = element.storageType !== 'public'\n  const form = useFormDefinition()\n  const isOffline = useIsOffline()\n  const onUploadAttachment = useOnUploadAttachmentContext()\n  const { isLoggedIn, isUsingFormsKey } = useAuth()\n  const { storeAttachmentBlobLocally, getAttachmentBlobLocally } =\n    useAttachmentBlobs()\n\n  const isAuthenticated = isLoggedIn || isUsingFormsKey\n\n  const [imageUrlState, setImageUrlState] = React.useState<{\n    imageUrl?: string | null\n    loadImageUrlError?: Error\n  }>({})\n  const [progressState, setProgressState] = React.useState<number | undefined>()\n\n  const onProgress = React.useCallback(({ progress }: { progress: number }) => {\n    setProgressState(progress)\n  }, [])\n\n  // TRIGGER UPLOAD\n  React.useEffect(() => {\n    const formId = form?.id\n\n    if (\n      isOffline ||\n      disableUpload ||\n      !formId ||\n      !value ||\n      typeof value !== 'object' ||\n      value.type !== 'NEW' ||\n      !value.data\n    ) {\n      return\n    }\n\n    const newAttachment = value as attachmentsService.AttachmentNew\n    const data = value.data\n\n    let ignore = false\n    const abortController = new AbortController()\n\n    const effect = async () => {\n      try {\n        console.log(\n          'Attempting to upload attachment...',\n          newAttachment.fileName,\n        )\n        const upload = await onUploadAttachment(\n          {\n            formId,\n            fileName: newAttachment.fileName,\n            contentType: data.type,\n            data,\n            isPrivate,\n            onProgress,\n          },\n          abortController.signal,\n        )\n        if (ignore) {\n          return\n        }\n\n        storeAttachmentBlobLocally({ attachmentId: upload.id, blob: data })\n\n        console.log('Successfully Uploaded attachment!', upload)\n\n        // UPDATE ATTACHMENT\n        onChange(newAttachment._id, upload)\n      } catch (error) {\n        if (ignore) {\n          return\n        }\n\n        console.warn(\n          'Failed to upload attachment...',\n          newAttachment.fileName,\n          error,\n        )\n        onChange(newAttachment._id, {\n          ...newAttachment,\n          type: 'ERROR',\n          errorMessage: (error as Error).message,\n        })\n      }\n    }\n\n    effect()\n\n    return () => {\n      ignore = true\n      abortController.abort()\n    }\n  }, [\n    disableUpload,\n    form?.id,\n    isOffline,\n    isPrivate,\n    onChange,\n    onProgress,\n    onUploadAttachment,\n    storeAttachmentBlobLocally,\n    value,\n  ])\n\n  // TRIGGER DOWNLOAD\n  React.useEffect(() => {\n    if (!value) {\n      return\n    }\n\n    // If the value is string we will assume a base64 data uri\n    if (typeof value === 'string') {\n      setImageUrlState({\n        imageUrl: value,\n      })\n      return\n    }\n\n    if (value.type) {\n      if (!value.data) {\n        return\n      }\n\n      if (!checkIfContentTypeIsImage(value.data.type)) {\n        // Not an image which we will represent as null\n        setImageUrlState({\n          imageUrl: null,\n        })\n        return\n      }\n\n      const imageUrl = URL.createObjectURL(value.data)\n      console.log('Created object url from blob for image', imageUrl)\n      setImageUrlState({\n        imageUrl,\n      })\n      return\n    }\n\n    if (!checkIfContentTypeIsImage(value.contentType)) {\n      // Not an image which we will represent as null\n      setImageUrlState({\n        imageUrl: null,\n      })\n      return\n    }\n\n    // Check for locally stored Blob. Blob should be stored locally for private uploaded images only\n    const locallyStoredAttachment = getAttachmentBlobLocally(value.id)\n    if (locallyStoredAttachment) {\n      const imageUrl = URL.createObjectURL(locallyStoredAttachment.blob)\n      console.log(\n        'Created object url from locally stored Blob for private image attachment',\n        imageUrl,\n      )\n      setImageUrlState({\n        imageUrl,\n      })\n      return\n    }\n\n    // If user is not logged in or is offline, we can't download private images.\n    // If the blob was not stored locally (above) for some reason, the user is SOL\n    if (!isAuthenticated || isOffline) {\n      setImageUrlState({\n        imageUrl: null,\n      })\n      return\n    }\n\n    let ignore = false\n    const abortController = new AbortController()\n    const privateImageUrl = value.url\n\n    const effect = async () => {\n      try {\n        const blob = await urlToBlobAsync(\n          privateImageUrl,\n          abortController.signal,\n        )\n        if (ignore) {\n          return\n        }\n        // Store private image attachment in Context\n        storeAttachmentBlobLocally({ attachmentId: value.id, blob })\n        const imageUrl = URL.createObjectURL(blob)\n        console.log(\n          'Created object url from private attachment for image',\n          imageUrl,\n        )\n        setImageUrlState({\n          imageUrl,\n        })\n      } catch (error) {\n        if (ignore) {\n          return\n        }\n        console.warn('Error loading file:', error)\n        setImageUrlState({\n          loadImageUrlError: error as Error,\n        })\n      }\n    }\n    effect()\n\n    return () => {\n      ignore = true\n      abortController.abort()\n    }\n  }, [\n    getAttachmentBlobLocally,\n    isAuthenticated,\n    isOffline,\n    storeAttachmentBlobLocally,\n    value,\n  ])\n\n  React.useEffect(() => {\n    return () => {\n      const imageUrl = imageUrlState.imageUrl\n      if (imageUrl && imageUrl.startsWith('blob:')) {\n        console.log('revoking image url:', imageUrl)\n        URL.revokeObjectURL(imageUrl)\n      }\n    }\n  }, [imageUrlState.imageUrl])\n\n  const isUploading = React.useMemo(() => {\n    return !!(\n      value &&\n      typeof value !== 'string' &&\n      value.type &&\n      value.type === 'NEW'\n    )\n  }, [value])\n\n  const uploadErrorMessage = React.useMemo(() => {\n    if (\n      value &&\n      typeof value !== 'string' &&\n      value.type &&\n      value.type === 'ERROR'\n    ) {\n      return value.errorMessage\n    }\n  }, [value])\n\n  const canDownload = React.useMemo(() => {\n    if (!value) {\n      return false\n    }\n\n    // legacy attachment as base64 data\n    if (typeof value === 'string') {\n      return true\n    }\n\n    // attachments still uploading or failed to upload\n    if (value.type) {\n      // can only be downloaded if we still have the data\n      return !!value.data\n    }\n\n    // private attachments can only be downloaded if user is authenticated\n    if (isAuthenticated) {\n      return true\n    }\n\n    return false\n  }, [isAuthenticated, value])\n\n  return {\n    isUploading,\n    uploadErrorMessage,\n    isLoadingImageUrl: imageUrlState.imageUrl === undefined,\n    ...imageUrlState,\n    canDownload,\n    progress: progressState,\n  }\n}\n"]}
+{"version":3,"file":"useAttachment.js","sourceRoot":"","sources":["../../../src/hooks/attachments/useAttachment.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,iBAAiB,MAAM,sBAAsB,CAAA;AACpD,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AACtE,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,kBAAkB,MAAM,4CAA4C,CAAA;AAC3E,OAAO,4BAA4B,MAAM,0BAA0B,CAAA;AAOnE,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,KAAoC,EACpC,OAA2C,EAC3C,QAAkB,EAClB,aAAuB;IAEvB,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,KAAK,QAAQ,CAAA;IAClD,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAA;IAChC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,kBAAkB,GAAG,4BAA4B,EAAE,CAAA;IACzD,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAA;IACjD,MAAM,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,GAC5D,kBAAkB,EAAE,CAAA;IAEtB,MAAM,eAAe,GAAG,UAAU,IAAI,eAAe,CAAA;IAErD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAI/D,EAAE,CAAC,CAAA;IACN,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAsB,CAAA;IAE9E,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;QAC1E,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,iBAAiB;IACjB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA;QAEvB,IACE,SAAS;YACT,aAAa;YACb,CAAC,MAAM;YACP,CAAC,KAAK;YACN,OAAO,KAAK,KAAK,QAAQ;YACzB,KAAK,CAAC,IAAI,KAAK,KAAK;YACpB,CAAC,KAAK,CAAC,IAAI,EACX,CAAC;YACD,OAAM;QACR,CAAC;QAED,MAAM,aAAa,GAAG,KAAyC,CAAA;QAC/D,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QAEvB,IAAI,MAAM,GAAG,KAAK,CAAA;QAClB,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAA;QAE7C,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;YACxB,IAAI,CAAC;gBACH,OAAO,CAAC,GAAG,CACT,oCAAoC,EACpC,aAAa,CAAC,QAAQ,CACvB,CAAA;gBACD,MAAM,MAAM,GAAG,MAAM,kBAAkB,CACrC;oBACE,MAAM;oBACN,QAAQ,EAAE,aAAa,CAAC,QAAQ;oBAChC,WAAW,EAAE,IAAI,CAAC,IAAI;oBACtB,IAAI;oBACJ,SAAS;oBACT,UAAU;iBACX,EACD,eAAe,CAAC,MAAM,CACvB,CAAA;gBACD,IAAI,MAAM,EAAE,CAAC;oBACX,OAAM;gBACR,CAAC;gBAED,0BAA0B,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;gBAEnE,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,MAAM,CAAC,CAAA;gBAExD,oBAAoB;gBACpB,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;YACrC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,MAAM,EAAE,CAAC;oBACX,OAAM;gBACR,CAAC;gBAED,OAAO,CAAC,IAAI,CACV,gCAAgC,EAChC,aAAa,CAAC,QAAQ,EACtB,KAAK,CACN,CAAA;gBACD,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE;oBAC1B,GAAG,aAAa;oBAChB,IAAI,EAAE,OAAO;oBACb,YAAY,EAAG,KAAe,CAAC,OAAO;iBACvC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAA;QAED,MAAM,EAAE,CAAA;QAER,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,IAAI,CAAA;YACb,eAAe,CAAC,KAAK,EAAE,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE;QACD,aAAa;QACb,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE;QACR,SAAS;QACT,SAAS;QACT,QAAQ;QACR,UAAU;QACV,kBAAkB;QAClB,0BAA0B;QAC1B,KAAK;KACN,CAAC,CAAA;IAEF,mBAAmB;IACnB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QAED,0DAA0D;QAC1D,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,qBAAqB,CAAC;gBACpB,aAAa,EAAE,KAAK;aACrB,CAAC,CAAA;YACF,OAAM;QACR,CAAC;QAED,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBAChB,OAAM;YACR,CAAC;YAED,MAAM,aAAa,GAAG,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACrD,qBAAqB,CAAC;gBACpB,aAAa;gBACb,kBAAkB,EAAE,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;aAC/D,CAAC,CAAA;YACF,OAAM;QACR,CAAC;QAED,gCAAgC;QAChC,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAClE,IAAI,uBAAuB,EAAE,CAAC;YAC5B,MAAM,aAAa,GAAG,GAAG,CAAC,eAAe,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAA;YACvE,OAAO,CAAC,GAAG,CAAC,6CAA6C,EAAE,aAAa,CAAC,CAAA;YACzE,qBAAqB,CAAC;gBACpB,aAAa;gBACb,kBAAkB,EAAE,yBAAyB,CAAC,KAAK,CAAC,WAAW,CAAC;aACjE,CAAC,CAAA;YACF,OAAM;QACR,CAAC;QAED,iFAAiF;QACjF,8EAA8E;QAC9E,IAAI,CAAC,eAAe,IAAI,SAAS,EAAE,CAAC;YAClC,qBAAqB,CAAC;gBACpB,aAAa,EAAE,IAAI;aACpB,CAAC,CAAA;YACF,OAAM;QACR,CAAC;QAED,IAAI,MAAM,GAAG,KAAK,CAAA;QAClB,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAA;QAC7C,MAAM,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAA;QAEtC,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;YACxB,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,MAAM,cAAc,CAC/B,oBAAoB,EACpB,eAAe,CAAC,MAAM,CACvB,CAAA;gBACD,IAAI,MAAM,EAAE,CAAC;oBACX,OAAM;gBACR,CAAC;gBACD,sCAAsC;gBACtC,0BAA0B,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAA;gBAC5D,MAAM,aAAa,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;gBAC/C,OAAO,CAAC,GAAG,CACT,sDAAsD,EACtD,aAAa,CACd,CAAA;gBACD,qBAAqB,CAAC;oBACpB,aAAa,EAAE,aAAa;iBAC7B,CAAC,CAAA;YACJ,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,MAAM,EAAE,CAAC;oBACX,OAAM;gBACR,CAAC;gBACD,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAA;gBAC1C,qBAAqB,CAAC;oBACpB,sBAAsB,EAAE,KAAc;iBACvC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAA;QACD,MAAM,EAAE,CAAA;QAER,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,IAAI,CAAA;YACb,eAAe,CAAC,KAAK,EAAE,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE;QACD,wBAAwB;QACxB,eAAe;QACf,SAAS;QACT,0BAA0B;QAC1B,KAAK;KACN,CAAC,CAAA;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,MAAM,aAAa,GAAG,kBAAkB,CAAC,aAAa,CAAA;YACtD,IAAI,aAAa,IAAI,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvD,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,aAAa,CAAC,CAAA;gBACtD,GAAG,CAAC,eAAe,CAAC,aAAa,CAAC,CAAA;YACpC,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,CAAA;IAEtC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,CAAC,CAAC,CACP,KAAK;YACL,OAAO,KAAK,KAAK,QAAQ;YACzB,KAAK,CAAC,IAAI;YACV,KAAK,CAAC,IAAI,KAAK,KAAK,CACrB,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC5C,IACE,KAAK;YACL,OAAO,KAAK,KAAK,QAAQ;YACzB,KAAK,CAAC,IAAI;YACV,KAAK,CAAC,IAAI,KAAK,OAAO,EACtB,CAAC;YACD,OAAO,KAAK,CAAC,YAAY,CAAA;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,KAAK,CAAA;QACd,CAAC;QAED,mCAAmC;QACnC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAA;QACb,CAAC;QAED,kDAAkD;QAClD,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;YACf,mDAAmD;YACnD,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAA;QACrB,CAAC;QAED,sEAAsE;QACtE,IAAI,eAAe,EAAE,CAAC;YACpB,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5B,OAAO;QACL,WAAW;QACX,kBAAkB;QAClB,sBAAsB,EAAE,kBAAkB,CAAC,aAAa,KAAK,SAAS;QACtE,GAAG,kBAAkB;QACrB,WAAW;QACX,QAAQ,EAAE,aAAa;KACxB,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport { attachmentsService } from '@oneblink/apps'\nimport { FormTypes } from '@oneblink/types'\nimport useFormDefinition from '../useFormDefinition'\nimport useIsOffline from '../useIsOffline'\nimport { FormElementBinaryStorageValue } from '../../types/attachments'\nimport { checkIfContentTypeIsImage } from '../../services/attachments'\nimport useAuth from '../../hooks/useAuth'\nimport { urlToBlobAsync } from '../../services/blob-utils'\nimport useAttachmentBlobs from '../../hooks/attachments/useAttachmentBlobs'\nimport useOnUploadAttachmentContext from '../useOnUploadAttachment'\n\nexport type OnChange = (\n  id: string,\n  attachment: attachmentsService.Attachment,\n) => void\n\nexport default function useAttachment(\n  value: FormElementBinaryStorageValue,\n  element: FormTypes.FormElementBinaryStorage,\n  onChange: OnChange,\n  disableUpload?: boolean,\n) {\n  const isPrivate = element.storageType !== 'public'\n  const form = useFormDefinition()\n  const isOffline = useIsOffline()\n  const onUploadAttachment = useOnUploadAttachmentContext()\n  const { isLoggedIn, isUsingFormsKey } = useAuth()\n  const { storeAttachmentBlobLocally, getAttachmentBlobLocally } =\n    useAttachmentBlobs()\n\n  const isAuthenticated = isLoggedIn || isUsingFormsKey\n\n  const [attachmentUrlState, setAttachmentUrlState] = React.useState<{\n    attachmentUrl?: string | null\n    loadAttachmentUrlError?: Error\n    isContentTypeImage?: boolean\n  }>({})\n  const [progressState, setProgressState] = React.useState<number | undefined>()\n\n  const onProgress = React.useCallback(({ progress }: { progress: number }) => {\n    setProgressState(progress)\n  }, [])\n\n  // TRIGGER UPLOAD\n  React.useEffect(() => {\n    const formId = form?.id\n\n    if (\n      isOffline ||\n      disableUpload ||\n      !formId ||\n      !value ||\n      typeof value !== 'object' ||\n      value.type !== 'NEW' ||\n      !value.data\n    ) {\n      return\n    }\n\n    const newAttachment = value as attachmentsService.AttachmentNew\n    const data = value.data\n\n    let ignore = false\n    const abortController = new AbortController()\n\n    const effect = async () => {\n      try {\n        console.log(\n          'Attempting to upload attachment...',\n          newAttachment.fileName,\n        )\n        const upload = await onUploadAttachment(\n          {\n            formId,\n            fileName: newAttachment.fileName,\n            contentType: data.type,\n            data,\n            isPrivate,\n            onProgress,\n          },\n          abortController.signal,\n        )\n        if (ignore) {\n          return\n        }\n\n        storeAttachmentBlobLocally({ attachmentId: upload.id, blob: data })\n\n        console.log('Successfully Uploaded attachment!', upload)\n\n        // UPDATE ATTACHMENT\n        onChange(newAttachment._id, upload)\n      } catch (error) {\n        if (ignore) {\n          return\n        }\n\n        console.warn(\n          'Failed to upload attachment...',\n          newAttachment.fileName,\n          error,\n        )\n        onChange(newAttachment._id, {\n          ...newAttachment,\n          type: 'ERROR',\n          errorMessage: (error as Error).message,\n        })\n      }\n    }\n\n    effect()\n\n    return () => {\n      ignore = true\n      abortController.abort()\n    }\n  }, [\n    disableUpload,\n    form?.id,\n    isOffline,\n    isPrivate,\n    onChange,\n    onProgress,\n    onUploadAttachment,\n    storeAttachmentBlobLocally,\n    value,\n  ])\n\n  // TRIGGER DOWNLOAD\n  React.useEffect(() => {\n    if (!value) {\n      return\n    }\n\n    // If the value is string we will assume a base64 data uri\n    if (typeof value === 'string') {\n      setAttachmentUrlState({\n        attachmentUrl: value,\n      })\n      return\n    }\n\n    if (value.type) {\n      if (!value.data) {\n        return\n      }\n\n      const attachmentUrl = URL.createObjectURL(value.data)\n      setAttachmentUrlState({\n        attachmentUrl,\n        isContentTypeImage: checkIfContentTypeIsImage(value.data.type),\n      })\n      return\n    }\n\n    // Check for locally stored Blob\n    const locallyStoredAttachment = getAttachmentBlobLocally(value.id)\n    if (locallyStoredAttachment) {\n      const attachmentUrl = URL.createObjectURL(locallyStoredAttachment.blob)\n      console.log('Created object url from locally stored Blob', attachmentUrl)\n      setAttachmentUrlState({\n        attachmentUrl,\n        isContentTypeImage: checkIfContentTypeIsImage(value.contentType),\n      })\n      return\n    }\n\n    // If user is not logged in or is offline, we can't download private attachments.\n    // If the blob was not stored locally (above) for some reason, the user is SOL\n    if (!isAuthenticated || isOffline) {\n      setAttachmentUrlState({\n        attachmentUrl: null,\n      })\n      return\n    }\n\n    let ignore = false\n    const abortController = new AbortController()\n    const privateAttachmentUrl = value.url\n\n    const effect = async () => {\n      try {\n        const blob = await urlToBlobAsync(\n          privateAttachmentUrl,\n          abortController.signal,\n        )\n        if (ignore) {\n          return\n        }\n        // Store private attachment in Context\n        storeAttachmentBlobLocally({ attachmentId: value.id, blob })\n        const attachmentUrl = URL.createObjectURL(blob)\n        console.log(\n          'Created object url from private attachment for image',\n          attachmentUrl,\n        )\n        setAttachmentUrlState({\n          attachmentUrl: attachmentUrl,\n        })\n      } catch (error) {\n        if (ignore) {\n          return\n        }\n        console.warn('Error loading file:', error)\n        setAttachmentUrlState({\n          loadAttachmentUrlError: error as Error,\n        })\n      }\n    }\n    effect()\n\n    return () => {\n      ignore = true\n      abortController.abort()\n    }\n  }, [\n    getAttachmentBlobLocally,\n    isAuthenticated,\n    isOffline,\n    storeAttachmentBlobLocally,\n    value,\n  ])\n\n  React.useEffect(() => {\n    return () => {\n      const attachmentUrl = attachmentUrlState.attachmentUrl\n      if (attachmentUrl && attachmentUrl.startsWith('blob:')) {\n        console.log('revoking attachment url:', attachmentUrl)\n        URL.revokeObjectURL(attachmentUrl)\n      }\n    }\n  }, [attachmentUrlState.attachmentUrl])\n\n  const isUploading = React.useMemo(() => {\n    return !!(\n      value &&\n      typeof value !== 'string' &&\n      value.type &&\n      value.type === 'NEW'\n    )\n  }, [value])\n\n  const uploadErrorMessage = React.useMemo(() => {\n    if (\n      value &&\n      typeof value !== 'string' &&\n      value.type &&\n      value.type === 'ERROR'\n    ) {\n      return value.errorMessage\n    }\n  }, [value])\n\n  const canDownload = React.useMemo(() => {\n    if (!value) {\n      return false\n    }\n\n    // legacy attachment as base64 data\n    if (typeof value === 'string') {\n      return true\n    }\n\n    // attachments still uploading or failed to upload\n    if (value.type) {\n      // can only be downloaded if we still have the data\n      return !!value.data\n    }\n\n    // private attachments can only be downloaded if user is authenticated\n    if (isAuthenticated) {\n      return true\n    }\n\n    return false\n  }, [isAuthenticated, value])\n\n  return {\n    isUploading,\n    uploadErrorMessage,\n    isLoadingAttachmentUrl: attachmentUrlState.attachmentUrl === undefined,\n    ...attachmentUrlState,\n    canDownload,\n    progress: progressState,\n  }\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { FormTypes } from '@oneblink/types';
 import { attachmentsService } from '@oneblink/apps';
 import { FormElementValueChangeHandler, IsDirtyProps } from '../../types/form';
-declare const useAttachments: (element: FormTypes.FilesElement, onChange: FormElementValueChangeHandler<attachmentsService.Attachment[]>, setIsDirty: IsDirtyProps['setIsDirty']) => {
+declare const useAttachments: (element: FormTypes.FilesElement, onChange: FormElementValueChangeHandler<attachmentsService.Attachment[]>, setIsDirty: IsDirtyProps["setIsDirty"]) => {
     addAttachments: (files: File[]) => Promise<void>;
     removeAttachment: (id: string) => void;
     changeAttachment: (id: string, attachment: attachmentsService.Attachment) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useAttachments.js","sourceRoot":"","sources":["../../../src/hooks/attachments/useAttachments.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport {\n  prepareNewAttachment,\n  correctFileOrientation,\n} from '../../services/attachments'\nimport { attachmentsService } from '@oneblink/apps'\nimport { canvasToBlob } from '../../services/blob-utils'\nimport useIsMounted from '../useIsMounted'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../../types/form'\n\nconst useAttachments = (\n  element: FormTypes.FilesElement,\n  onChange: FormElementValueChangeHandler<attachmentsService.Attachment[]>,\n  setIsDirty: IsDirtyProps['setIsDirty'],\n) => {\n  const isMounted = useIsMounted()\n\n  const addAttachments = React.useCallback(\n    async (files: File[]): Promise<void> => {\n      if (!files.length) return\n      const newAttachments: attachmentsService.AttachmentNew[] =\n        await Promise.all(\n          files.map(async (file) => {\n            const result = await correctFileOrientation(file)\n            if (result instanceof Blob) {\n              return prepareNewAttachment(result, file.name, element)\n            }\n\n            const blob = await canvasToBlob(result)\n            return prepareNewAttachment(blob, file.name, element)\n          }),\n        )\n\n      onChange(element, {\n        value: (currentAttachments) => {\n          if (!currentAttachments) return newAttachments\n          return [...currentAttachments, ...newAttachments]\n        },\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  const removeAttachment = React.useCallback(\n    (id: string) => {\n      onChange(element, {\n        value: (currentAttachments) => {\n          const newAttachments = currentAttachments?.filter((att) => {\n            // Return items that are not the removed id\n            if (!att.type) {\n              return att.id !== id\n            }\n            return att._id !== id\n          })\n          if (newAttachments?.length) {\n            return newAttachments\n          }\n        },\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  const changeAttachment = React.useCallback(\n    (id: string, attachment: attachmentsService.Attachment) => {\n      onChange(element, {\n        value: (currentAttachments) => {\n          if (!currentAttachments) return\n          return currentAttachments.map((att) => {\n            // Can only change attachments that are not uploaded (have a type)\n            if (att.type && att._id === id) {\n              return attachment\n            }\n            return att\n          })\n        },\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  return {\n    addAttachments,\n    removeAttachment,\n    changeAttachment,\n  }\n}\n\nexport default useAttachments\n"]}
+{"version":3,"file":"useAttachments.js","sourceRoot":"","sources":["../../../src/hooks/attachments/useAttachments.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport {\n  prepareNewAttachment,\n  correctFileOrientation,\n} from '../../services/attachments'\nimport { attachmentsService } from '@oneblink/apps'\nimport { canvasToBlob } from '../../services/blob-utils'\nimport useIsMounted from '../useIsMounted'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../../types/form'\n\nconst useAttachments = (\n  element: FormTypes.FilesElement,\n  onChange: FormElementValueChangeHandler<attachmentsService.Attachment[]>,\n  setIsDirty: IsDirtyProps['setIsDirty'],\n) => {\n  const isMounted = useIsMounted()\n\n  const addAttachments = React.useCallback(\n    async (files: File[]): Promise<void> => {\n      if (!files.length) return\n      const newAttachments: attachmentsService.AttachmentNew[] =\n        await Promise.all(\n          files.map(async (file) => {\n            const result = await correctFileOrientation(file)\n            if (result instanceof Blob) {\n              return prepareNewAttachment(result, file.name, element)\n            }\n\n            const blob = await canvasToBlob(result)\n            return prepareNewAttachment(blob, file.name, element)\n          }),\n        )\n\n      onChange(element, {\n        value: (currentAttachments) => {\n          if (!currentAttachments) return newAttachments\n          return [...currentAttachments, ...newAttachments]\n        },\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  const removeAttachment = React.useCallback(\n    (id: string) => {\n      onChange(element, {\n        value: (currentAttachments) => {\n          const newAttachments = currentAttachments?.filter((att) => {\n            // Return items that are not the removed id\n            if (!att.type) {\n              return att.id !== id\n            }\n            return att._id !== id\n          })\n          if (newAttachments?.length) {\n            return newAttachments\n          }\n        },\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  const changeAttachment = React.useCallback(\n    (id: string, attachment: attachmentsService.Attachment) => {\n      onChange(element, {\n        value: (currentAttachments) => {\n          if (!currentAttachments) return\n          return currentAttachments.map((att) => {\n            // Can only change attachments that are not uploaded (have a type)\n            if (att.type && att._id === id) {\n              return attachment\n            }\n            return att\n          })\n        },\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  return {\n    addAttachments,\n    removeAttachment,\n    changeAttachment,\n  }\n}\n\nexport default useAttachments\n"]}

package/dist/hooks/useCaptcha.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ReCAPTCHA } from 'react-google-recaptcha';
 import { CaptchaType } from '../types/form';
 export declare const CaptchaContext: import("react").Context<{

package/dist/hooks/useClickOutsideElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutsideElement.js","sourceRoot":"","sources":["../../src/hooks/useClickOutsideElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,GAAoC,EACpC,QAAoB;IAEpB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,CAAC,KAAY,EAAE,EAAE;QACf,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;YAC9D,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,GAAG,CAAC,CAChB,CAAA;IACD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC1D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAC1B,CAAC","sourcesContent":["import * as React from 'react'\n\n/**\n * This function is a react hook for watching for click events outside of a\n * particular element. The hook will add and remove its own `eventListener`.\n *\n * - For performance reasons, it is important to pass a memoised function as the\n *   callback argument, eg:\n *\n * ```js\n * React.useCallback(() => {}, [])\n * ```\n *\n * ## Example\n *\n * ```js\n * import * as React from 'react'\n * import { useClickOutsideElement } from '@oneblink/apps-react'\n *\n * const MyComponent = () => {\n *   const narrowDivRef = React.useRef(null)\n *   useClickOutsideElement(\n *     narrowDivRef,\n *     React.useCallback(() => {\n *       console.log('Wide Div was clicked outside of narrow div...')\n *     }, []),\n *   )\n *\n *   return (\n *     <div className=\"wide-div\">\n *       <div ref={narrowDivRef} className=\"narrow-div\"></div>\n *     </div>\n *   )\n * }\n *\n * export default MyComponent\n * ```\n *\n * @param ref\n * @param callback\n * @group Hooks\n */\nexport default function useClickOutsideElement(\n  ref: { current: HTMLElement | null },\n  callback: () => void,\n) {\n  const handleClickOutside = React.useCallback(\n    (event: Event) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    },\n    [callback, ref],\n  )\n  React.useEffect(() => {\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [handleClickOutside])\n}\n"]}
+{"version":3,"file":"useClickOutsideElement.js","sourceRoot":"","sources":["../../src/hooks/useClickOutsideElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,GAAoC,EACpC,QAAoB;IAEpB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,CAAC,KAAY,EAAE,EAAE;QACf,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YAC/D,QAAQ,EAAE,CAAA;QACZ,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,GAAG,CAAC,CAChB,CAAA;IACD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC1D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAC1B,CAAC","sourcesContent":["import * as React from 'react'\n\n/**\n * This function is a react hook for watching for click events outside of a\n * particular element. The hook will add and remove its own `eventListener`.\n *\n * - For performance reasons, it is important to pass a memoised function as the\n *   callback argument, eg:\n *\n * ```js\n * React.useCallback(() => {}, [])\n * ```\n *\n * ## Example\n *\n * ```js\n * import * as React from 'react'\n * import { useClickOutsideElement } from '@oneblink/apps-react'\n *\n * const MyComponent = () => {\n *   const narrowDivRef = React.useRef(null)\n *   useClickOutsideElement(\n *     narrowDivRef,\n *     React.useCallback(() => {\n *       console.log('Wide Div was clicked outside of narrow div...')\n *     }, []),\n *   )\n *\n *   return (\n *     <div className=\"wide-div\">\n *       <div ref={narrowDivRef} className=\"narrow-div\"></div>\n *     </div>\n *   )\n * }\n *\n * export default MyComponent\n * ```\n *\n * @param ref\n * @param callback\n * @group Hooks\n */\nexport default function useClickOutsideElement(\n  ref: { current: HTMLElement | null },\n  callback: () => void,\n) {\n  const handleClickOutside = React.useCallback(\n    (event: Event) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    },\n    [callback, ref],\n  )\n  React.useEffect(() => {\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [handleClickOutside])\n}\n"]}

package/dist/hooks/useConditionalLogic.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConditionalLogic.js","sourceRoot":"","sources":["../../src/hooks/useConditionalLogic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAI5D,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,UAA0B,EAC1B,UAA0D;IAE1D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAErE,CAAA;IAEH,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAY,EAAE,EAAE;QACvD,OAAO,CAAC,IAAI,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAA;QAC7D,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;QAC9B,wBAAwB,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,8BAA8B,GAClC,KAAK,CAAC,OAAO,CAAiC,GAAG,EAAE;QACjD,OAAO,uBAAuB,CAAC,sCAAsC,CAAC;YACpE,YAAY,EAAE,UAAU,CAAC,QAAQ;YACjC,UAAU;YACV,aAAa;SACd,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;IAEtD,MAAM,8BAA8B,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxD,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;YAChC,OAAO,IAAI,CAAA;SACZ;QACD,MAAM,EAAE,gCAAgC,EAAE,qBAAqB,EAAE,GAC/D,UAAU,CAAC,gBAAgB,CAAA;QAC7B,OAAO,uBAAuB,CAAC,6BAA6B,CAAC;YAC3D,aAAa,EAAE,IAAI;YACnB,gCAAgC;YAChC,qBAAqB;YACrB,YAAY,EAAE,UAAU,CAAC,QAAQ;YACjC,UAAU;SACX,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAA;IAElE,OAAO;QACL,qBAAqB;QACrB,8BAA8B;QAC9B,8BAA8B;KAC/B,CAAA;AACH,CAAC","sourcesContent":["import { Sentry } from '@oneblink/apps'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport { conditionalLogicService } from '@oneblink/sdk-core'\n\nimport { FormElementsConditionallyShown } from '../types/form'\n\nexport default function useConditionalLogic(\n  definition: FormTypes.Form,\n  submission: SubmissionTypes.S3SubmissionData['submission'],\n) {\n  const [conditionalLogicError, setConditionalLogicError] = React.useState<\n    Error | undefined\n  >()\n\n  const errorCallback = React.useCallback((error: Error) => {\n    console.warn('Error while checking conditional logic', error)\n    Sentry.captureException(error)\n    setConditionalLogicError(error)\n  }, [])\n\n  const formElementsConditionallyShown =\n    React.useMemo<FormElementsConditionallyShown>(() => {\n      return conditionalLogicService.generateFormElementsConditionallyShown({\n        formElements: definition.elements,\n        submission,\n        errorCallback,\n      })\n    }, [definition.elements, submission, errorCallback])\n\n  const submissionConditionallyEnabled = React.useMemo(() => {\n    if (!definition.enableSubmission) {\n      return true\n    }\n    const { requiresAllConditionalPredicates, conditionalPredicates } =\n      definition.enableSubmission\n    return conditionalLogicService.evaluateConditionalPredicates({\n      isConditional: true,\n      requiresAllConditionalPredicates,\n      conditionalPredicates,\n      formElements: definition.elements,\n      submission,\n    })\n  }, [definition.elements, definition.enableSubmission, submission])\n\n  return {\n    conditionalLogicError,\n    formElementsConditionallyShown,\n    submissionConditionallyEnabled,\n  }\n}\n"]}
+{"version":3,"file":"useConditionalLogic.js","sourceRoot":"","sources":["../../src/hooks/useConditionalLogic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAI5D,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,UAA0B,EAC1B,UAA0D;IAE1D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAErE,CAAA;IAEH,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAY,EAAE,EAAE;QACvD,OAAO,CAAC,IAAI,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAA;QAC7D,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;QAC9B,wBAAwB,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,8BAA8B,GAClC,KAAK,CAAC,OAAO,CAAiC,GAAG,EAAE;QACjD,OAAO,uBAAuB,CAAC,sCAAsC,CAAC;YACpE,YAAY,EAAE,UAAU,CAAC,QAAQ;YACjC,UAAU;YACV,aAAa;SACd,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;IAEtD,MAAM,8BAA8B,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxD,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC;YACjC,OAAO,IAAI,CAAA;QACb,CAAC;QACD,MAAM,EAAE,gCAAgC,EAAE,qBAAqB,EAAE,GAC/D,UAAU,CAAC,gBAAgB,CAAA;QAC7B,OAAO,uBAAuB,CAAC,6BAA6B,CAAC;YAC3D,aAAa,EAAE,IAAI;YACnB,gCAAgC;YAChC,qBAAqB;YACrB,YAAY,EAAE,UAAU,CAAC,QAAQ;YACjC,UAAU;SACX,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAA;IAElE,OAAO;QACL,qBAAqB;QACrB,8BAA8B;QAC9B,8BAA8B;KAC/B,CAAA;AACH,CAAC","sourcesContent":["import { Sentry } from '@oneblink/apps'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport { conditionalLogicService } from '@oneblink/sdk-core'\n\nimport { FormElementsConditionallyShown } from '../types/form'\n\nexport default function useConditionalLogic(\n  definition: FormTypes.Form,\n  submission: SubmissionTypes.S3SubmissionData['submission'],\n) {\n  const [conditionalLogicError, setConditionalLogicError] = React.useState<\n    Error | undefined\n  >()\n\n  const errorCallback = React.useCallback((error: Error) => {\n    console.warn('Error while checking conditional logic', error)\n    Sentry.captureException(error)\n    setConditionalLogicError(error)\n  }, [])\n\n  const formElementsConditionallyShown =\n    React.useMemo<FormElementsConditionallyShown>(() => {\n      return conditionalLogicService.generateFormElementsConditionallyShown({\n        formElements: definition.elements,\n        submission,\n        errorCallback,\n      })\n    }, [definition.elements, submission, errorCallback])\n\n  const submissionConditionallyEnabled = React.useMemo(() => {\n    if (!definition.enableSubmission) {\n      return true\n    }\n    const { requiresAllConditionalPredicates, conditionalPredicates } =\n      definition.enableSubmission\n    return conditionalLogicService.evaluateConditionalPredicates({\n      isConditional: true,\n      requiresAllConditionalPredicates,\n      conditionalPredicates,\n      formElements: definition.elements,\n      submission,\n    })\n  }, [definition.elements, definition.enableSubmission, submission])\n\n  return {\n    conditionalLogicError,\n    formElementsConditionallyShown,\n    submissionConditionallyEnabled,\n  }\n}\n"]}

package/dist/hooks/useDrafts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrafts.js","sourceRoot":"","sources":["../../src/hooks/useDrafts.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { draftService, submissionService } from '@oneblink/apps'\nimport useAuth from './useAuth'\nimport useIsMounted from './useIsMounted'\nimport useIsOffline from './useIsOffline'\n\n/** The value returned from `useDrafts()` hook */\nexport type DraftsContextValue = {\n  /** `true` if drafts are currently loading for the first time. */\n  isLoading: boolean\n  /** The incomplete submissions that were saved for later */\n  drafts: draftService.LocalFormSubmissionDraft[]\n  /** `true` drafts are syncing with other devices */\n  isSyncing: boolean\n  /**\n   * The date when the sync process last completed successfully, will be `null`\n   * until it has completed the first time.\n   */\n  lastSyncTime: Date | null\n  /** A function to trigger syncing of the drafts */\n  syncDrafts: (abortSignal: AbortSignal | undefined) => Promise<void>\n  /** An Error object if syncing drafts fails */\n  syncError: Error | null\n  /** A function to clear Error object from syncing drafts */\n  clearSyncError: () => void\n  /** A function to remove a draft */\n  deleteDraft: (formSubmissionDraftId: string) => Promise<void>\n}\n\nconst DraftsContext = React.createContext<DraftsContextValue | undefined>(\n  undefined,\n)\n\n/**\n * React Component that provides the context for the `useDrafts()` hook to be\n * used by components further down your component tree. **It should only be\n * included in your component tree once and ideally at the root of the\n * application.**\n *\n * #### Example\n *\n * ```jsx\n * import * as React from 'react'\n * import { DraftsContextProvider, useDrafts } from '@oneblink/apps-react'\n *\n * function Component() {\n *   const draftsContext = useDrafts()\n *   // use drafts here\n * }\n *\n * function App() {\n *   return (\n *     <DraftsContextProvider>\n *       <Component />\n *     </DraftsContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport function DraftsContextProvider({\n  /** The identifier for the forms app associated with the user's drafts */\n  formsAppId,\n  /**\n   * `true` if drafts are enabled, otherwise `false`. Can be used for account\n   * tier validation.\n   */\n  isDraftsEnabled,\n  /** Your application components */\n  children,\n}: {\n  formsAppId: number\n  isDraftsEnabled: boolean\n  children: React.ReactNode\n}) {\n  const isMounted = useIsMounted()\n  const isOffline = useIsOffline()\n  const { isLoggedIn, isUsingFormsKey } = useAuth()\n\n  const [syncState, setSyncState] = React.useState<{\n    lastSyncTime: Date | null\n    isSyncing: boolean\n    syncError: Error | null\n  }>({\n    lastSyncTime: null,\n    isSyncing: false,\n    syncError: null,\n  })\n  const clearSyncError = React.useCallback(() => {\n    setSyncState((currentState) => ({\n      ...currentState,\n      syncError: null,\n    }))\n  }, [])\n  const syncDrafts = React.useCallback(\n    async (abortSignal: AbortSignal | undefined) => {\n      if (!isDraftsEnabled || !isLoggedIn || isUsingFormsKey) {\n        return\n      }\n\n      if (isMounted.current) {\n        setSyncState((currentState) => ({\n          ...currentState,\n          isSyncing: true,\n          syncError: null,\n        }))\n      }\n\n      let newError = null\n\n      try {\n        await draftService.syncDrafts({\n          formsAppId,\n          throwError: true,\n          abortSignal,\n        })\n      } catch (error) {\n        newError = error as Error\n      }\n\n      if (isMounted.current) {\n        setSyncState({\n          lastSyncTime: new Date(),\n          isSyncing: false,\n          syncError: newError,\n        })\n      }\n    },\n    [formsAppId, isDraftsEnabled, isLoggedIn, isMounted, isUsingFormsKey],\n  )\n\n  const [drafts, setDrafts] = React.useState<\n    draftService.LocalFormSubmissionDraft[] | null\n  >(null)\n\n  const deleteDraft = React.useCallback(\n    (draftId) => {\n      return draftService.deleteDraft(draftId, formsAppId)\n    },\n    [formsAppId],\n  )\n\n  const value = React.useMemo<DraftsContextValue>(\n    () => ({\n      // Sync\n      syncDrafts,\n      isSyncing: syncState.isSyncing,\n      syncError: syncState.syncError,\n      lastSyncTime: syncState.lastSyncTime,\n      clearSyncError,\n      // Load\n      isLoading: !drafts,\n      drafts: drafts || [],\n      // Delete,\n      deleteDraft,\n    }),\n    [\n      syncDrafts,\n      syncState.isSyncing,\n      syncState.syncError,\n      syncState.lastSyncTime,\n      clearSyncError,\n      drafts,\n      deleteDraft,\n    ],\n  )\n\n  React.useEffect(() => {\n    const abortController = new AbortController()\n    const unregisterPendingQueueListener =\n      submissionService.registerPendingQueueListener(() =>\n        syncDrafts(undefined),\n      )\n    const unregisterDraftsListener =\n      draftService.registerDraftsListener(setDrafts)\n    return () => {\n      abortController.abort()\n      unregisterPendingQueueListener()\n      unregisterDraftsListener()\n    }\n  }, [syncDrafts])\n\n  React.useEffect(() => {\n    if (!isOffline) {\n      const abortController = new AbortController()\n      syncDrafts(abortController.signal)\n      return () => {\n        abortController.abort()\n      }\n    }\n  }, [isOffline, syncDrafts])\n\n  return (\n    <DraftsContext.Provider value={value}>{children}</DraftsContext.Provider>\n  )\n}\n\n/**\n * React hook to get the context value for Drafts. Will throw an Error if used\n * outside of the `<DraftsContextProvider />` component.\n *\n * @returns\n * @group Hooks\n */\nexport default function useDrafts(): DraftsContextValue {\n  const value = React.useContext(DraftsContext)\n  if (!value) {\n    throw new Error(\n      `\"useDrafts\" hook was used outside of the \"<DraftsContextProvider />\" component's children.`,\n    )\n  }\n  return value\n}\n"]}
+{"version":3,"file":"useDrafts.js","sourceRoot":"","sources":["../../src/hooks/useDrafts.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { draftService, submissionService } from '@oneblink/apps'\nimport useAuth from './useAuth'\nimport useIsMounted from './useIsMounted'\nimport useIsOffline from './useIsOffline'\n\n/** The value returned from `useDrafts()` hook */\nexport type DraftsContextValue = {\n  /** `true` if drafts are currently loading for the first time. */\n  isLoading: boolean\n  /** The incomplete submissions that were saved for later */\n  drafts: draftService.LocalFormSubmissionDraft[]\n  /** `true` drafts are syncing with other devices */\n  isSyncing: boolean\n  /**\n   * The date when the sync process last completed successfully, will be `null`\n   * until it has completed the first time.\n   */\n  lastSyncTime: Date | null\n  /** A function to trigger syncing of the drafts */\n  syncDrafts: (abortSignal: AbortSignal | undefined) => Promise<void>\n  /** An Error object if syncing drafts fails */\n  syncError: Error | null\n  /** A function to clear Error object from syncing drafts */\n  clearSyncError: () => void\n  /** A function to remove a draft */\n  deleteDraft: (formSubmissionDraftId: string) => Promise<void>\n}\n\nconst DraftsContext = React.createContext<DraftsContextValue | undefined>(\n  undefined,\n)\n\n/**\n * React Component that provides the context for the `useDrafts()` hook to be\n * used by components further down your component tree. **It should only be\n * included in your component tree once and ideally at the root of the\n * application.**\n *\n * #### Example\n *\n * ```jsx\n * import * as React from 'react'\n * import { DraftsContextProvider, useDrafts } from '@oneblink/apps-react'\n *\n * function Component() {\n *   const draftsContext = useDrafts()\n *   // use drafts here\n * }\n *\n * function App() {\n *   return (\n *     <DraftsContextProvider>\n *       <Component />\n *     </DraftsContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport function DraftsContextProvider({\n  /** The identifier for the forms app associated with the user's drafts */\n  formsAppId,\n  /**\n   * `true` if drafts are enabled, otherwise `false`. Can be used for account\n   * tier validation.\n   */\n  isDraftsEnabled,\n  /** Your application components */\n  children,\n}: {\n  formsAppId: number\n  isDraftsEnabled: boolean\n  children: React.ReactNode\n}) {\n  const isMounted = useIsMounted()\n  const isOffline = useIsOffline()\n  const { isLoggedIn, isUsingFormsKey } = useAuth()\n\n  const [syncState, setSyncState] = React.useState<{\n    lastSyncTime: Date | null\n    isSyncing: boolean\n    syncError: Error | null\n  }>({\n    lastSyncTime: null,\n    isSyncing: false,\n    syncError: null,\n  })\n  const clearSyncError = React.useCallback(() => {\n    setSyncState((currentState) => ({\n      ...currentState,\n      syncError: null,\n    }))\n  }, [])\n  const syncDrafts = React.useCallback(\n    async (abortSignal: AbortSignal | undefined) => {\n      if (!isDraftsEnabled || !isLoggedIn || isUsingFormsKey) {\n        return\n      }\n\n      if (isMounted.current) {\n        setSyncState((currentState) => ({\n          ...currentState,\n          isSyncing: true,\n          syncError: null,\n        }))\n      }\n\n      let newError = null\n\n      try {\n        await draftService.syncDrafts({\n          formsAppId,\n          throwError: true,\n          abortSignal,\n        })\n      } catch (error) {\n        newError = error as Error\n      }\n\n      if (isMounted.current) {\n        setSyncState({\n          lastSyncTime: new Date(),\n          isSyncing: false,\n          syncError: newError,\n        })\n      }\n    },\n    [formsAppId, isDraftsEnabled, isLoggedIn, isMounted, isUsingFormsKey],\n  )\n\n  const [drafts, setDrafts] = React.useState<\n    draftService.LocalFormSubmissionDraft[] | null\n  >(null)\n\n  const deleteDraft = React.useCallback(\n    (draftId) => {\n      return draftService.deleteDraft(draftId, formsAppId)\n    },\n    [formsAppId],\n  )\n\n  const value = React.useMemo<DraftsContextValue>(\n    () => ({\n      // Sync\n      syncDrafts,\n      isSyncing: syncState.isSyncing,\n      syncError: syncState.syncError,\n      lastSyncTime: syncState.lastSyncTime,\n      clearSyncError,\n      // Load\n      isLoading: !drafts,\n      drafts: drafts || [],\n      // Delete,\n      deleteDraft,\n    }),\n    [\n      syncDrafts,\n      syncState.isSyncing,\n      syncState.syncError,\n      syncState.lastSyncTime,\n      clearSyncError,\n      drafts,\n      deleteDraft,\n    ],\n  )\n\n  React.useEffect(() => {\n    const abortController = new AbortController()\n    const unregisterPendingQueueListener =\n      submissionService.registerPendingQueueListener(() =>\n        syncDrafts(undefined),\n      )\n    const unregisterDraftsListener =\n      draftService.registerDraftsListener(setDrafts)\n    return () => {\n      abortController.abort()\n      unregisterPendingQueueListener()\n      unregisterDraftsListener()\n    }\n  }, [syncDrafts])\n\n  React.useEffect(() => {\n    if (!isOffline) {\n      const abortController = new AbortController()\n      syncDrafts(abortController.signal)\n      return () => {\n        abortController.abort()\n      }\n    }\n  }, [isOffline, syncDrafts])\n\n  return (\n    <DraftsContext.Provider value={value}>{children}</DraftsContext.Provider>\n  )\n}\n\n/**\n * React hook to get the context value for Drafts. Will throw an Error if used\n * outside of the `<DraftsContextProvider />` component.\n *\n * @returns\n * @group Hooks\n */\nexport default function useDrafts(): DraftsContextValue {\n  const value = React.useContext(DraftsContext)\n  if (!value) {\n    throw new Error(\n      `\"useDrafts\" hook was used outside of the \"<DraftsContextProvider />\" component's children.`,\n    )\n  }\n  return value\n}\n"]}

package/dist/hooks/useDynamicOptionsLoaderState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDynamicOptionsLoaderState.js","sourceRoot":"","sources":["../../src/hooks/useDynamicOptionsLoaderState.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { formElementsService, typeCastService } from '@oneblink/sdk-core'\nimport {\n  formService,\n  localisationService,\n  OneBlinkAppsError,\n} from '@oneblink/apps'\nimport { FormTypes, FreshdeskTypes } from '@oneblink/types'\nimport useLoadDataState, { LoadDataState } from './useLoadDataState'\nimport OneBlinkAppsErrorOriginalMessage from '../components/renderer/OneBlinkAppsErrorOriginalMessage'\nimport useFormDefinition from './useFormDefinition'\nimport MaterialIcon from '../components/MaterialIcon'\nimport { UpdateFormElementsHandler } from '../types/form'\n\ntype OptionsSetResult = {\n  formElementOptionsSet: FormTypes.FormElementOptionSet\n  result?: formService.FormElementOptionsSetResult\n}\n\nexport const FormElementOptionsContext = React.createContext<\n  OptionsSetResult[]\n>([])\nexport const FreshdeskFieldsStateContext = React.createContext<\n  LoadDataState<FreshdeskTypes.FreshdeskField[]> | undefined\n>(undefined)\n\nexport function FormElementOptionsContextProvider({\n  children,\n}: {\n  children: React.ReactNode\n}) {\n  const form = useFormDefinition()\n\n  const hasFreshdeskFields = React.useMemo<boolean>(() => {\n    return !!formElementsService.findFormElement(\n      form.elements,\n      (formElement) => {\n        const formElementWithOptions =\n          typeCastService.formElements.toOptionsElement(formElement)\n        return (\n          formElementWithOptions?.optionsType === 'FRESHDESK_FIELD' &&\n          !!formElementWithOptions.freshdeskFieldName\n        )\n      },\n    )\n  }, [form.elements])\n\n  const loadFreshdeskFields = React.useCallback(\n    async (abortSignal): Promise<FreshdeskTypes.FreshdeskField[]> => {\n      if (hasFreshdeskFields) {\n        return await formService.getFreshdeskFields(form.id, abortSignal)\n      }\n      return []\n    },\n    [form.id, hasFreshdeskFields],\n  )\n\n  const [freshdeskFieldsState] = useLoadDataState(loadFreshdeskFields)\n\n  const hasOptionsSets = React.useMemo<boolean>(() => {\n    return !!formElementsService.findFormElement(\n      form.elements,\n      (formElement) => {\n        const formElementWithOptions =\n          typeCastService.formElements.toOptionsElement(formElement)\n        return (\n          formElementWithOptions?.optionsType === 'DYNAMIC' &&\n          !!formElementWithOptions.dynamicOptionSetId\n        )\n      },\n    )\n  }, [form.elements])\n\n  const loadFormElementOptionsSets = React.useCallback(\n    async (abortSignal): Promise<OptionsSetResult[]> => {\n      if (!hasOptionsSets) {\n        return []\n      }\n      const formElementOptionsSets =\n        await formService.getFormElementOptionsSets(\n          form.organisationId,\n          abortSignal,\n        )\n      return formElementOptionsSets.map<OptionsSetResult>(\n        (formElementOptionsSet) => ({\n          formElementOptionsSet,\n        }),\n      )\n    },\n    [form.organisationId, hasOptionsSets],\n  )\n\n  const [optionsSetResultsState, , setOptionsSetResults] = useLoadDataState(\n    loadFormElementOptionsSets,\n  )\n\n  const optionsSetResults = React.useMemo(() => {\n    if (optionsSetResultsState.status === 'SUCCESS') {\n      return optionsSetResultsState.result\n    }\n    return []\n  }, [optionsSetResultsState])\n\n  const error = React.useMemo<OneBlinkAppsError | undefined>(() => {\n    if (freshdeskFieldsState.status === 'ERROR') {\n      return freshdeskFieldsState.error instanceof OneBlinkAppsError\n        ? freshdeskFieldsState.error\n        : new OneBlinkAppsError('An unknown error has occurred', {\n            originalError: freshdeskFieldsState.error,\n          })\n    }\n    if (optionsSetResultsState.status === 'ERROR') {\n      return optionsSetResultsState.error instanceof OneBlinkAppsError\n        ? optionsSetResultsState.error\n        : new OneBlinkAppsError('An unknown error has occurred', {\n            originalError: optionsSetResultsState.error,\n          })\n    }\n    for (const optionsSetResult of optionsSetResults) {\n      if (optionsSetResult.result?.type === 'ERROR') {\n        return optionsSetResult.result.error\n      }\n    }\n  }, [freshdeskFieldsState, optionsSetResults, optionsSetResultsState])\n\n  if (error) {\n    return (\n      <>\n        <div className=\"has-text-centered\">\n          <MaterialIcon className=\"has-text-warning icon-x-large\">\n            error\n          </MaterialIcon>\n          <h3 className=\"title is-3\">{error.title}</h3>\n          <p>{error.message}</p>\n          <p className=\"has-text-grey\">\n            {localisationService.formatDatetimeLong(new Date())}\n          </p>\n        </div>\n\n        <OneBlinkAppsErrorOriginalMessage error={error.originalError} />\n      </>\n    )\n  }\n\n  return (\n    <>\n      {optionsSetResults.map((optionsSetResult) => (\n        <React.Fragment key={optionsSetResult.formElementOptionsSet.id}>\n          <LoadOptionsSet\n            optionsSetResult={optionsSetResult}\n            form={form}\n            setOptionsSetResults={setOptionsSetResults}\n          />\n        </React.Fragment>\n      ))}\n      <FormElementOptionsContext.Provider value={optionsSetResults}>\n        <FreshdeskFieldsStateContext.Provider value={freshdeskFieldsState}>\n          {children}\n        </FreshdeskFieldsStateContext.Provider>\n      </FormElementOptionsContext.Provider>\n    </>\n  )\n}\n\nconst LoadOptionsSet = React.memo(function LoadOptionsSet({\n  form,\n  optionsSetResult,\n  setOptionsSetResults,\n}: {\n  form: FormTypes.Form\n  optionsSetResult: OptionsSetResult\n  setOptionsSetResults: React.Dispatch<React.SetStateAction<OptionsSetResult[]>>\n}) {\n  const hasOptionsSet = React.useMemo<boolean>(() => {\n    return !!formElementsService.findFormElement(\n      form.elements,\n      (formElement) => {\n        const formElementWithOptions =\n          typeCastService.formElements.toOptionsElement(formElement)\n\n        return (\n          formElementWithOptions?.optionsType === 'DYNAMIC' &&\n          !formElementWithOptions.options?.length &&\n          formElementWithOptions.dynamicOptionSetId ===\n            optionsSetResult.formElementOptionsSet.id\n        )\n      },\n    )\n  }, [form.elements, optionsSetResult.formElementOptionsSet.id])\n\n  const setOptionsSetResult = React.useCallback(\n    (result: OptionsSetResult['result']) => {\n      setOptionsSetResults((currentOptionsSetResults) => {\n        return currentOptionsSetResults.map((currentOptionsSetResult) => {\n          if (\n            currentOptionsSetResult.formElementOptionsSet.id ===\n            optionsSetResult.formElementOptionsSet.id\n          ) {\n            return {\n              ...optionsSetResult,\n              result,\n            }\n          } else {\n            return currentOptionsSetResult\n          }\n        })\n      })\n    },\n    [optionsSetResult, setOptionsSetResults],\n  )\n\n  React.useEffect(() => {\n    if (!hasOptionsSet || optionsSetResult.result) {\n      return\n    }\n\n    const abortController = new AbortController()\n\n    ;(async () => {\n      try {\n        const result = await formService.getFormElementOptionsSetOptions(\n          optionsSetResult.formElementOptionsSet,\n          form.formsAppEnvironmentId,\n          abortController.signal,\n        )\n        if (!abortController.signal.aborted) {\n          setOptionsSetResult(result)\n        }\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setOptionsSetResult({\n            type: 'ERROR',\n            error: new OneBlinkAppsError(\n              error instanceof Error\n                ? error.message\n                : 'An unknown error has occurred',\n              {\n                originalError: error instanceof Error ? error : undefined,\n              },\n            ),\n          })\n        }\n      }\n    })()\n\n    return () => {\n      abortController.abort()\n    }\n  }, [\n    form.formsAppEnvironmentId,\n    hasOptionsSet,\n    optionsSetResult.formElementOptionsSet,\n    optionsSetResult.result,\n    setOptionsSetResult,\n  ])\n\n  return <></>\n})\n\nexport function useLoadDynamicOptionsEffect(\n  formElement: FormTypes.FormElementWithOptions,\n  onUpdateFormElements: UpdateFormElementsHandler,\n) {\n  const form = useFormDefinition()\n  const optionsSetResults = React.useContext(FormElementOptionsContext)\n  const freshdeskFieldsState = React.useContext(FreshdeskFieldsStateContext)\n\n  const freshdeskFieldOptionsResult = React.useMemo(() => {\n    if (\n      freshdeskFieldsState?.status === 'SUCCESS' &&\n      // We can stop here if the options are not coming from freshdesk\n      formElement.optionsType === 'FRESHDESK_FIELD' &&\n      // If the element already has options, we don't need to set them again\n      !Array.isArray(formElement.options)\n    ) {\n      return formService.parseFreshdeskFieldOptions(\n        freshdeskFieldsState.result,\n        formElement,\n      )\n    }\n  }, [formElement, freshdeskFieldsState])\n\n  const optionsSetResult = React.useMemo<OptionsSetResult | undefined>(() => {\n    if (\n      // We can stop here if the options are not dynamic\n      formElement.optionsType !== 'DYNAMIC' ||\n      // If the element already has options, we don't need to set them again\n      Array.isArray(formElement.options)\n    ) {\n      return\n    }\n    return optionsSetResults.find(\n      (optionsSetResult) =>\n        optionsSetResult.formElementOptionsSet.id ===\n          formElement.dynamicOptionSetId && optionsSetResult.result,\n    )\n  }, [\n    formElement.dynamicOptionSetId,\n    formElement.options,\n    formElement.optionsType,\n    optionsSetResults,\n  ])\n\n  React.useEffect(() => {\n    if (!optionsSetResult && !freshdeskFieldOptionsResult) {\n      return\n    }\n\n    onUpdateFormElements((formElements) => {\n      return formElements.map((existingFormElement) => {\n        if (existingFormElement.id === formElement.id) {\n          switch (optionsSetResult?.result?.type) {\n            case 'SEARCH': {\n              if (formElement.type === 'autocomplete') {\n                return {\n                  ...existingFormElement,\n                  optionsType: 'SEARCH',\n                  searchUrl: optionsSetResult.result.url,\n                  searchQuerystringParameter:\n                    optionsSetResult.result.searchQuerystringParameter,\n                }\n              }\n              break\n            }\n            case 'OPTIONS': {\n              return formService.parseFormElementOptions(\n                form,\n                formElement,\n                optionsSetResult.result.options,\n              )\n            }\n          }\n\n          if (freshdeskFieldOptionsResult) {\n            return {\n              ...existingFormElement,\n              options:\n                freshdeskFieldOptionsResult.type === 'OPTIONS'\n                  ? freshdeskFieldOptionsResult.options\n                  : [],\n            }\n          }\n        }\n\n        return existingFormElement\n      })\n    })\n  }, [\n    form,\n    formElement,\n    freshdeskFieldOptionsResult,\n    onUpdateFormElements,\n    optionsSetResult,\n  ])\n}\n"]}
+{"version":3,"file":"useDynamicOptionsLoaderState.js","sourceRoot":"","sources":["../../src/hooks/useDynamicOptionsLoaderState.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { formElementsService, typeCastService } from '@oneblink/sdk-core'\nimport {\n  formService,\n  localisationService,\n  OneBlinkAppsError,\n} from '@oneblink/apps'\nimport { FormTypes, FreshdeskTypes } from '@oneblink/types'\nimport useLoadDataState, { LoadDataState } from './useLoadDataState'\nimport OneBlinkAppsErrorOriginalMessage from '../components/renderer/OneBlinkAppsErrorOriginalMessage'\nimport useFormDefinition from './useFormDefinition'\nimport MaterialIcon from '../components/MaterialIcon'\nimport { UpdateFormElementsHandler } from '../types/form'\n\ntype OptionsSetResult = {\n  formElementOptionsSet: FormTypes.FormElementOptionSet\n  result?: formService.FormElementOptionsSetResult\n}\n\nexport const FormElementOptionsContext = React.createContext<\n  OptionsSetResult[]\n>([])\nexport const FreshdeskFieldsStateContext = React.createContext<\n  LoadDataState<FreshdeskTypes.FreshdeskField[]> | undefined\n>(undefined)\n\nexport function FormElementOptionsContextProvider({\n  children,\n}: {\n  children: React.ReactNode\n}) {\n  const form = useFormDefinition()\n\n  const hasFreshdeskFields = React.useMemo<boolean>(() => {\n    return !!formElementsService.findFormElement(\n      form.elements,\n      (formElement) => {\n        const formElementWithOptions =\n          typeCastService.formElements.toOptionsElement(formElement)\n        return (\n          formElementWithOptions?.optionsType === 'FRESHDESK_FIELD' &&\n          !!formElementWithOptions.freshdeskFieldName\n        )\n      },\n    )\n  }, [form.elements])\n\n  const loadFreshdeskFields = React.useCallback(\n    async (abortSignal): Promise<FreshdeskTypes.FreshdeskField[]> => {\n      if (hasFreshdeskFields) {\n        return await formService.getFreshdeskFields(form.id, abortSignal)\n      }\n      return []\n    },\n    [form.id, hasFreshdeskFields],\n  )\n\n  const [freshdeskFieldsState] = useLoadDataState(loadFreshdeskFields)\n\n  const hasOptionsSets = React.useMemo<boolean>(() => {\n    return !!formElementsService.findFormElement(\n      form.elements,\n      (formElement) => {\n        const formElementWithOptions =\n          typeCastService.formElements.toOptionsElement(formElement)\n        return (\n          formElementWithOptions?.optionsType === 'DYNAMIC' &&\n          !!formElementWithOptions.dynamicOptionSetId\n        )\n      },\n    )\n  }, [form.elements])\n\n  const loadFormElementOptionsSets = React.useCallback(\n    async (abortSignal): Promise<OptionsSetResult[]> => {\n      if (!hasOptionsSets) {\n        return []\n      }\n      const formElementOptionsSets =\n        await formService.getFormElementOptionsSets(\n          form.organisationId,\n          abortSignal,\n        )\n      return formElementOptionsSets.map<OptionsSetResult>(\n        (formElementOptionsSet) => ({\n          formElementOptionsSet,\n        }),\n      )\n    },\n    [form.organisationId, hasOptionsSets],\n  )\n\n  const [optionsSetResultsState, , setOptionsSetResults] = useLoadDataState(\n    loadFormElementOptionsSets,\n  )\n\n  const optionsSetResults = React.useMemo(() => {\n    if (optionsSetResultsState.status === 'SUCCESS') {\n      return optionsSetResultsState.result\n    }\n    return []\n  }, [optionsSetResultsState])\n\n  const error = React.useMemo<OneBlinkAppsError | undefined>(() => {\n    if (freshdeskFieldsState.status === 'ERROR') {\n      return freshdeskFieldsState.error instanceof OneBlinkAppsError\n        ? freshdeskFieldsState.error\n        : new OneBlinkAppsError('An unknown error has occurred', {\n            originalError: freshdeskFieldsState.error,\n          })\n    }\n    if (optionsSetResultsState.status === 'ERROR') {\n      return optionsSetResultsState.error instanceof OneBlinkAppsError\n        ? optionsSetResultsState.error\n        : new OneBlinkAppsError('An unknown error has occurred', {\n            originalError: optionsSetResultsState.error,\n          })\n    }\n    for (const optionsSetResult of optionsSetResults) {\n      if (optionsSetResult.result?.type === 'ERROR') {\n        return optionsSetResult.result.error\n      }\n    }\n  }, [freshdeskFieldsState, optionsSetResults, optionsSetResultsState])\n\n  if (error) {\n    return (\n      <>\n        <div className=\"has-text-centered\">\n          <MaterialIcon className=\"has-text-warning icon-x-large\">\n            error\n          </MaterialIcon>\n          <h3 className=\"title is-3\">{error.title}</h3>\n          <p>{error.message}</p>\n          <p className=\"has-text-grey\">\n            {localisationService.formatDatetimeLong(new Date())}\n          </p>\n        </div>\n\n        <OneBlinkAppsErrorOriginalMessage error={error.originalError} />\n      </>\n    )\n  }\n\n  return (\n    <>\n      {optionsSetResults.map((optionsSetResult) => (\n        <React.Fragment key={optionsSetResult.formElementOptionsSet.id}>\n          <LoadOptionsSet\n            optionsSetResult={optionsSetResult}\n            form={form}\n            setOptionsSetResults={setOptionsSetResults}\n          />\n        </React.Fragment>\n      ))}\n      <FormElementOptionsContext.Provider value={optionsSetResults}>\n        <FreshdeskFieldsStateContext.Provider value={freshdeskFieldsState}>\n          {children}\n        </FreshdeskFieldsStateContext.Provider>\n      </FormElementOptionsContext.Provider>\n    </>\n  )\n}\n\nconst LoadOptionsSet = React.memo(function LoadOptionsSet({\n  form,\n  optionsSetResult,\n  setOptionsSetResults,\n}: {\n  form: FormTypes.Form\n  optionsSetResult: OptionsSetResult\n  setOptionsSetResults: React.Dispatch<React.SetStateAction<OptionsSetResult[]>>\n}) {\n  const hasOptionsSet = React.useMemo<boolean>(() => {\n    return !!formElementsService.findFormElement(\n      form.elements,\n      (formElement) => {\n        const formElementWithOptions =\n          typeCastService.formElements.toOptionsElement(formElement)\n\n        return (\n          formElementWithOptions?.optionsType === 'DYNAMIC' &&\n          !formElementWithOptions.options?.length &&\n          formElementWithOptions.dynamicOptionSetId ===\n            optionsSetResult.formElementOptionsSet.id\n        )\n      },\n    )\n  }, [form.elements, optionsSetResult.formElementOptionsSet.id])\n\n  const setOptionsSetResult = React.useCallback(\n    (result: OptionsSetResult['result']) => {\n      setOptionsSetResults((currentOptionsSetResults) => {\n        return currentOptionsSetResults.map((currentOptionsSetResult) => {\n          if (\n            currentOptionsSetResult.formElementOptionsSet.id ===\n            optionsSetResult.formElementOptionsSet.id\n          ) {\n            return {\n              ...optionsSetResult,\n              result,\n            }\n          } else {\n            return currentOptionsSetResult\n          }\n        })\n      })\n    },\n    [optionsSetResult, setOptionsSetResults],\n  )\n\n  React.useEffect(() => {\n    if (!hasOptionsSet || optionsSetResult.result) {\n      return\n    }\n\n    const abortController = new AbortController()\n\n    ;(async () => {\n      try {\n        const result = await formService.getFormElementOptionsSetOptions(\n          optionsSetResult.formElementOptionsSet,\n          form.formsAppEnvironmentId,\n          abortController.signal,\n        )\n        if (!abortController.signal.aborted) {\n          setOptionsSetResult(result)\n        }\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setOptionsSetResult({\n            type: 'ERROR',\n            error: new OneBlinkAppsError(\n              error instanceof Error\n                ? error.message\n                : 'An unknown error has occurred',\n              {\n                originalError: error instanceof Error ? error : undefined,\n              },\n            ),\n          })\n        }\n      }\n    })()\n\n    return () => {\n      abortController.abort()\n    }\n  }, [\n    form.formsAppEnvironmentId,\n    hasOptionsSet,\n    optionsSetResult.formElementOptionsSet,\n    optionsSetResult.result,\n    setOptionsSetResult,\n  ])\n\n  return <></>\n})\n\nexport function useLoadDynamicOptionsEffect(\n  formElement: FormTypes.FormElementWithOptions,\n  onUpdateFormElements: UpdateFormElementsHandler,\n) {\n  const form = useFormDefinition()\n  const optionsSetResults = React.useContext(FormElementOptionsContext)\n  const freshdeskFieldsState = React.useContext(FreshdeskFieldsStateContext)\n\n  const freshdeskFieldOptionsResult = React.useMemo(() => {\n    if (\n      freshdeskFieldsState?.status === 'SUCCESS' &&\n      // We can stop here if the options are not coming from freshdesk\n      formElement.optionsType === 'FRESHDESK_FIELD' &&\n      // If the element already has options, we don't need to set them again\n      !Array.isArray(formElement.options)\n    ) {\n      return formService.parseFreshdeskFieldOptions(\n        freshdeskFieldsState.result,\n        formElement,\n      )\n    }\n  }, [formElement, freshdeskFieldsState])\n\n  const optionsSetResult = React.useMemo<OptionsSetResult | undefined>(() => {\n    if (\n      // We can stop here if the options are not dynamic\n      formElement.optionsType !== 'DYNAMIC' ||\n      // If the element already has options, we don't need to set them again\n      Array.isArray(formElement.options)\n    ) {\n      return\n    }\n    return optionsSetResults.find(\n      (optionsSetResult) =>\n        optionsSetResult.formElementOptionsSet.id ===\n          formElement.dynamicOptionSetId && optionsSetResult.result,\n    )\n  }, [\n    formElement.dynamicOptionSetId,\n    formElement.options,\n    formElement.optionsType,\n    optionsSetResults,\n  ])\n\n  React.useEffect(() => {\n    if (!optionsSetResult && !freshdeskFieldOptionsResult) {\n      return\n    }\n\n    onUpdateFormElements((formElements) => {\n      return formElements.map((existingFormElement) => {\n        if (existingFormElement.id === formElement.id) {\n          switch (optionsSetResult?.result?.type) {\n            case 'SEARCH': {\n              if (formElement.type === 'autocomplete') {\n                return {\n                  ...existingFormElement,\n                  optionsType: 'SEARCH',\n                  searchUrl: optionsSetResult.result.url,\n                  searchQuerystringParameter:\n                    optionsSetResult.result.searchQuerystringParameter,\n                }\n              }\n              break\n            }\n            case 'OPTIONS': {\n              return formService.parseFormElementOptions(\n                form,\n                formElement,\n                optionsSetResult.result.options,\n              )\n            }\n          }\n\n          if (freshdeskFieldOptionsResult) {\n            return {\n              ...existingFormElement,\n              options:\n                freshdeskFieldOptionsResult.type === 'OPTIONS'\n                  ? freshdeskFieldOptionsResult.options\n                  : [],\n            }\n          }\n        }\n\n        return existingFormElement\n      })\n    })\n  }, [\n    form,\n    formElement,\n    freshdeskFieldOptionsResult,\n    onUpdateFormElements,\n    optionsSetResult,\n  ])\n}\n"]}

package/dist/hooks/useFlatpickr.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlatpickr.js","sourceRoot":"","sources":["../../src/hooks/useFlatpickr.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport Flatpickr from 'flatpickr'\nimport { Options as FlatpickrOptions } from 'flatpickr/dist/types/options'\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance'\nimport { Sentry, localisationService } from '@oneblink/apps'\nimport useFlatpickrGuid from '../hooks/useFlatpickrGuid'\n\nexport { FlatpickrOptions }\n\nconst getDateValue = (\n  date: Date | undefined,\n  dateOnly: boolean | undefined,\n) => {\n  if (!date) return\n  if (dateOnly) {\n    return Flatpickr.formatDate(date, 'Y-m-d')\n  }\n  return date.toISOString()\n}\n\nexport default function useFlatpickr(\n  {\n    id,\n    value,\n    onChange,\n    dateOnly,\n    label,\n  }: {\n    id: string\n    value: unknown | undefined\n    onChange: (value: string | undefined) => void\n    dateOnly?: boolean\n    label?: string\n  },\n  fpOpts: FlatpickrOptions,\n  htmlElement: { current: HTMLElement | null },\n) {\n  const flatpickrGuid = useFlatpickrGuid()\n  const vpRef = React.useRef<FlatpickrInstance | null>(null)\n\n  React.useEffect(() => {\n    const options: FlatpickrOptions = {\n      ...fpOpts,\n      static: true,\n      appendTo: htmlElement.current || undefined,\n      onReady: (a, b, fp) => {\n        if (label) {\n          fp.altInput!.setAttribute('aria-label', label)\n        }\n      },\n      formatDate: (date: Date | undefined, format: string) => {\n        if (date) {\n          return Flatpickr.formatDate(date, format)\n        }\n        return ''\n      },\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const newVp: FlatpickrInstance = new (Flatpickr as any)(\n      `[id=\"${flatpickrGuid}\"] [id=\"${id}\"]`,\n      options,\n    )\n    newVp.set('onChange', (selectedDates: Date[]) => {\n      onChange(getDateValue(selectedDates?.[0], dateOnly))\n    })\n    // Have to update the value in an onClose event if time is\n    // enabled as changing the AM/PM via keyboard does not\n    // trigger the onChange event:\n    // https://github.com/flatpickr/flatpickr/issues/1957\n    if (fpOpts.enableTime) {\n      newVp.set(\n        'onClose',\n        (\n          selectedDates: Date[],\n          currentDateString: string,\n          self: FlatpickrInstance,\n        ) => {\n          onChange(getDateValue(selectedDates?.[0], dateOnly))\n          if (typeof fpOpts.onClose === 'function') {\n            fpOpts.onClose(selectedDates, currentDateString, self)\n          }\n        },\n      )\n    }\n    vpRef.current = newVp\n    return () => {\n      // destroy the flatpickr instance when the dom element is removed\n      vpRef.current = null\n      if (newVp.destroy) {\n        newVp.destroy()\n      }\n    }\n  }, [dateOnly, flatpickrGuid, fpOpts, htmlElement, id, label, onChange])\n\n  // Sync value with flatpickr when value is changed outside of component\n  React.useEffect(() => {\n    const vp = vpRef.current\n\n    if (vp && vp.selectedDates) {\n      const selectedDate = vp.selectedDates[0]\n      if (!value && selectedDate) {\n        try {\n          vp.clear(false)\n        } catch (error) {\n          Sentry.captureException(new Error('Error clearing value'))\n        }\n      } else if (\n        value &&\n        typeof value === 'string' &&\n        (!selectedDate || getDateValue(selectedDate, dateOnly) !== value)\n      ) {\n        try {\n          const date = localisationService.generateDate({\n            daysOffset: undefined,\n            value,\n            dateOnly: !!dateOnly,\n          })\n          if (date) {\n            vp.setDate(date, false)\n          }\n        } catch (error) {\n          Sentry.captureException(new Error(`Error setting date: ${value}`))\n        }\n      }\n    }\n  }, [dateOnly, value])\n\n  const onBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement, Element>) => {\n      if (e.target.value) {\n        try {\n          const date = Flatpickr.parseDate(e.target.value, fpOpts.dateFormat)\n          if (date) {\n            const newValue = getDateValue(date, dateOnly)\n            onChange(newValue)\n            return\n          }\n        } catch (e) {\n          console.warn('Could not parse date on blur event', id, e)\n        }\n      }\n      onChange(undefined)\n    },\n    [dateOnly, fpOpts.dateFormat, id, onChange],\n  )\n\n  return {\n    onBlur,\n  }\n}\n"]}
+{"version":3,"file":"useFlatpickr.js","sourceRoot":"","sources":["../../src/hooks/useFlatpickr.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport Flatpickr from 'flatpickr'\nimport { Options as FlatpickrOptions } from 'flatpickr/dist/types/options'\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance'\nimport { Sentry, localisationService } from '@oneblink/apps'\nimport useFlatpickrGuid from '../hooks/useFlatpickrGuid'\n\nexport { FlatpickrOptions }\n\nconst getDateValue = (\n  date: Date | undefined,\n  dateOnly: boolean | undefined,\n) => {\n  if (!date) return\n  if (dateOnly) {\n    return Flatpickr.formatDate(date, 'Y-m-d')\n  }\n  return date.toISOString()\n}\n\nexport default function useFlatpickr(\n  {\n    id,\n    value,\n    onChange,\n    dateOnly,\n    label,\n  }: {\n    id: string\n    value: unknown | undefined\n    onChange: (value: string | undefined) => void\n    dateOnly?: boolean\n    label?: string\n  },\n  fpOpts: FlatpickrOptions,\n  htmlElement: { current: HTMLElement | null },\n) {\n  const flatpickrGuid = useFlatpickrGuid()\n  const vpRef = React.useRef<FlatpickrInstance | null>(null)\n\n  React.useEffect(() => {\n    const options: FlatpickrOptions = {\n      ...fpOpts,\n      static: true,\n      appendTo: htmlElement.current || undefined,\n      onReady: (a, b, fp) => {\n        if (label) {\n          fp.altInput!.setAttribute('aria-label', label)\n        }\n      },\n      formatDate: (date: Date | undefined, format: string) => {\n        if (date) {\n          return Flatpickr.formatDate(date, format)\n        }\n        return ''\n      },\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const newVp: FlatpickrInstance = new (Flatpickr as any)(\n      `[id=\"${flatpickrGuid}\"] [id=\"${id}\"]`,\n      options,\n    )\n    newVp.set('onChange', (selectedDates: Date[]) => {\n      onChange(getDateValue(selectedDates?.[0], dateOnly))\n    })\n    // Have to update the value in an onClose event if time is\n    // enabled as changing the AM/PM via keyboard does not\n    // trigger the onChange event:\n    // https://github.com/flatpickr/flatpickr/issues/1957\n    if (fpOpts.enableTime) {\n      newVp.set(\n        'onClose',\n        (\n          selectedDates: Date[],\n          currentDateString: string,\n          self: FlatpickrInstance,\n        ) => {\n          onChange(getDateValue(selectedDates?.[0], dateOnly))\n          if (typeof fpOpts.onClose === 'function') {\n            fpOpts.onClose(selectedDates, currentDateString, self)\n          }\n        },\n      )\n    }\n    vpRef.current = newVp\n    return () => {\n      // destroy the flatpickr instance when the dom element is removed\n      vpRef.current = null\n      if (newVp.destroy) {\n        newVp.destroy()\n      }\n    }\n  }, [dateOnly, flatpickrGuid, fpOpts, htmlElement, id, label, onChange])\n\n  // Sync value with flatpickr when value is changed outside of component\n  React.useEffect(() => {\n    const vp = vpRef.current\n\n    if (vp && vp.selectedDates) {\n      const selectedDate = vp.selectedDates[0]\n      if (!value && selectedDate) {\n        try {\n          vp.clear(false)\n        } catch (error) {\n          Sentry.captureException(new Error('Error clearing value'))\n        }\n      } else if (\n        value &&\n        typeof value === 'string' &&\n        (!selectedDate || getDateValue(selectedDate, dateOnly) !== value)\n      ) {\n        try {\n          const date = localisationService.generateDate({\n            daysOffset: undefined,\n            value,\n            dateOnly: !!dateOnly,\n          })\n          if (date) {\n            vp.setDate(date, false)\n          }\n        } catch (error) {\n          Sentry.captureException(new Error(`Error setting date: ${value}`))\n        }\n      }\n    }\n  }, [dateOnly, value])\n\n  const onBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement, Element>) => {\n      if (e.target.value) {\n        try {\n          const date = Flatpickr.parseDate(e.target.value, fpOpts.dateFormat)\n          if (date) {\n            const newValue = getDateValue(date, dateOnly)\n            onChange(newValue)\n            return\n          }\n        } catch (e) {\n          console.warn('Could not parse date on blur event', id, e)\n        }\n      }\n      onChange(undefined)\n    },\n    [dateOnly, fpOpts.dateFormat, id, onChange],\n  )\n\n  return {\n    onBlur,\n  }\n}\n"]}

package/dist/hooks/useFormDefinition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormDefinition.js","sourceRoot":"","sources":["../../src/hooks/useFormDefinition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAEtD,SAAS,CAAC,CAAA;AAEZ,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAA;IACpD,IAAI,CAAC,IAAI,EAAE;QACT,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;KAC1E;IACD,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nexport const FormDefinitionContext = React.createContext<\n  FormTypes.Form | undefined\n>(undefined)\n\nexport default function useFormDefinition() {\n  const form = React.useContext(FormDefinitionContext)\n  if (!form) {\n    throw new Error('<FormDefinitionContext.Provider> does not have a value')\n  }\n  return form\n}\n"]}
+{"version":3,"file":"useFormDefinition.js","sourceRoot":"","sources":["../../src/hooks/useFormDefinition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAEtD,SAAS,CAAC,CAAA;AAEZ,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAA;IACpD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;IAC3E,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nexport const FormDefinitionContext = React.createContext<\n  FormTypes.Form | undefined\n>(undefined)\n\nexport default function useFormDefinition() {\n  const form = React.useContext(FormDefinitionContext)\n  if (!form) {\n    throw new Error('<FormDefinitionContext.Provider> does not have a value')\n  }\n  return form\n}\n"]}

package/dist/hooks/useFormElementLookups.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormElementLookups.js","sourceRoot":"","sources":["../../src/hooks/useFormElementLookups.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAS3D,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAEnD,SAAS,CAAC,CAAA;AAEZ,MAAM,UAAU,iCAAiC,CAAC,EAChD,QAAQ,GAGT;IACC,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAA;IAChC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,mBAAmB,CAAC,eAAe,CAC1C,IAAI,CAAC,QAAQ,EACb,CAAC,WAAW,EAAE,EAAE;YACd,MAAM,iBAAiB,GACrB,eAAe,CAAC,YAAY,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA;YAC3D,OAAO,CAAC,CAAC,CACP,iBAAiB;gBACjB,CAAC,iBAAiB,CAAC,YAAY,IAAI,iBAAiB,CAAC,eAAe,CAAC,CACtE,CAAA;QACH,CAAC,CACF,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEnB,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC9C,KAAK,EAAE,WAAoC,EAAE,EAAE;QAC7C,IAAI,UAAU,EAAE;YACd,OAAO,MAAM,WAAW,CAAC,qBAAqB,CAC5C,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,qBAAqB,EAC1B,WAAW,CACZ,CAAA;SACF;QACD,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAC9D,CAAA;IAED,MAAM,CAAC,kBAAkB,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,GAC1D,qBAAqB,CAAC,sBAAsB,CAAC,CAAA;IAE/C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAiC,GAAG,EAAE;QAC/D,OAAO;YACL,kBAAkB;YAClB,SAAS;YACT,SAAS;YACT,UAAU;SACX,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAE1D,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC7C,QAAQ,CAC0B,CACtC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB;IAC3C,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAA;IAC7E,IAAI,CAAC,yBAAyB,EAAE;QAC9B,MAAM,IAAI,KAAK,CACb,mEAAmE,CACpE,CAAA;KACF;IACD,OAAO,yBAAyB,CAAA;AAClC,CAAC","sourcesContent":["import * as React from 'react'\nimport { formElementsService, typeCastService } from '@oneblink/sdk-core'\nimport { formService } from '@oneblink/apps'\nimport useFormDefinition from './useFormDefinition'\nimport useLoadResourcesState from './useLoadResourcesState'\n\ntype FormElementLookupsContextValue = {\n  formElementLookups: formService.FormElementLookupResult[]\n  isLoading: boolean\n  loadError: Error | null\n  onTryAgain: (abortSignal?: AbortSignal) => void\n}\n\nconst FormElementLookupsContext = React.createContext<\n  FormElementLookupsContextValue | undefined\n>(undefined)\n\nexport function FormElementLookupsContextProvider({\n  children,\n}: {\n  children: React.ReactNode\n}) {\n  const form = useFormDefinition()\n  const hasLookups = React.useMemo(() => {\n    return !!formElementsService.findFormElement(\n      form.elements,\n      (formElement) => {\n        const lookupFormElement =\n          typeCastService.formElements.toLookupElement(formElement)\n        return !!(\n          lookupFormElement &&\n          (lookupFormElement.isDataLookup || lookupFormElement.isElementLookup)\n        )\n      },\n    )\n  }, [form.elements])\n\n  const loadFormElementLookups = React.useCallback(\n    async (abortSignal: AbortSignal | undefined) => {\n      if (hasLookups) {\n        return await formService.getFormElementLookups(\n          form.organisationId,\n          form.formsAppEnvironmentId,\n          abortSignal,\n        )\n      }\n      return []\n    },\n    [form.formsAppEnvironmentId, form.organisationId, hasLookups],\n  )\n\n  const [formElementLookups, isLoading, loadError, onTryAgain] =\n    useLoadResourcesState(loadFormElementLookups)\n\n  const value = React.useMemo<FormElementLookupsContextValue>(() => {\n    return {\n      formElementLookups,\n      isLoading,\n      loadError,\n      onTryAgain,\n    }\n  }, [formElementLookups, isLoading, loadError, onTryAgain])\n\n  return (\n    <FormElementLookupsContext.Provider value={value}>\n      {children}\n    </FormElementLookupsContext.Provider>\n  )\n}\n\nexport default function useFormElementLookups() {\n  const formElementLookupsContext = React.useContext(FormElementLookupsContext)\n  if (!formElementLookupsContext) {\n    throw new Error(\n      '\"FormElementLookupsContext\" does not have a value in this context',\n    )\n  }\n  return formElementLookupsContext\n}\n"]}
+{"version":3,"file":"useFormElementLookups.js","sourceRoot":"","sources":["../../src/hooks/useFormElementLookups.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAS3D,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAEnD,SAAS,CAAC,CAAA;AAEZ,MAAM,UAAU,iCAAiC,CAAC,EAChD,QAAQ,GAGT;IACC,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAA;IAChC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,mBAAmB,CAAC,eAAe,CAC1C,IAAI,CAAC,QAAQ,EACb,CAAC,WAAW,EAAE,EAAE;YACd,MAAM,iBAAiB,GACrB,eAAe,CAAC,YAAY,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA;YAC3D,OAAO,CAAC,CAAC,CACP,iBAAiB;gBACjB,CAAC,iBAAiB,CAAC,YAAY,IAAI,iBAAiB,CAAC,eAAe,CAAC,CACtE,CAAA;QACH,CAAC,CACF,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEnB,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC9C,KAAK,EAAE,WAAoC,EAAE,EAAE;QAC7C,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,MAAM,WAAW,CAAC,qBAAqB,CAC5C,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,qBAAqB,EAC1B,WAAW,CACZ,CAAA;QACH,CAAC;QACD,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAC9D,CAAA;IAED,MAAM,CAAC,kBAAkB,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,GAC1D,qBAAqB,CAAC,sBAAsB,CAAC,CAAA;IAE/C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAiC,GAAG,EAAE;QAC/D,OAAO;YACL,kBAAkB;YAClB,SAAS;YACT,SAAS;YACT,UAAU;SACX,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAE1D,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC7C,QAAQ,CAC0B,CACtC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB;IAC3C,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAA;IAC7E,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CACb,mEAAmE,CACpE,CAAA;IACH,CAAC;IACD,OAAO,yBAAyB,CAAA;AAClC,CAAC","sourcesContent":["import * as React from 'react'\nimport { formElementsService, typeCastService } from '@oneblink/sdk-core'\nimport { formService } from '@oneblink/apps'\nimport useFormDefinition from './useFormDefinition'\nimport useLoadResourcesState from './useLoadResourcesState'\n\ntype FormElementLookupsContextValue = {\n  formElementLookups: formService.FormElementLookupResult[]\n  isLoading: boolean\n  loadError: Error | null\n  onTryAgain: (abortSignal?: AbortSignal) => void\n}\n\nconst FormElementLookupsContext = React.createContext<\n  FormElementLookupsContextValue | undefined\n>(undefined)\n\nexport function FormElementLookupsContextProvider({\n  children,\n}: {\n  children: React.ReactNode\n}) {\n  const form = useFormDefinition()\n  const hasLookups = React.useMemo(() => {\n    return !!formElementsService.findFormElement(\n      form.elements,\n      (formElement) => {\n        const lookupFormElement =\n          typeCastService.formElements.toLookupElement(formElement)\n        return !!(\n          lookupFormElement &&\n          (lookupFormElement.isDataLookup || lookupFormElement.isElementLookup)\n        )\n      },\n    )\n  }, [form.elements])\n\n  const loadFormElementLookups = React.useCallback(\n    async (abortSignal: AbortSignal | undefined) => {\n      if (hasLookups) {\n        return await formService.getFormElementLookups(\n          form.organisationId,\n          form.formsAppEnvironmentId,\n          abortSignal,\n        )\n      }\n      return []\n    },\n    [form.formsAppEnvironmentId, form.organisationId, hasLookups],\n  )\n\n  const [formElementLookups, isLoading, loadError, onTryAgain] =\n    useLoadResourcesState(loadFormElementLookups)\n\n  const value = React.useMemo<FormElementLookupsContextValue>(() => {\n    return {\n      formElementLookups,\n      isLoading,\n      loadError,\n      onTryAgain,\n    }\n  }, [formElementLookups, isLoading, loadError, onTryAgain])\n\n  return (\n    <FormElementLookupsContext.Provider value={value}>\n      {children}\n    </FormElementLookupsContext.Provider>\n  )\n}\n\nexport default function useFormElementLookups() {\n  const formElementLookupsContext = React.useContext(FormElementLookupsContext)\n  if (!formElementLookupsContext) {\n    throw new Error(\n      '\"FormElementLookupsContext\" does not have a value in this context',\n    )\n  }\n  return formElementLookupsContext\n}\n"]}

package/dist/hooks/useFormElementOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormElementOptions.js","sourceRoot":"","sources":["../../src/hooks/useFormElementOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AAC5E,OAAO,sBAAsB,MAAM,iCAAiC,CAAA;AACpE,OAAO,uBAAuB,MAAM,+BAA+B,CAAA;AACnE,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAI,EAC/C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,gCAAgC,EAChC,QAAQ,EACR,oBAAoB,GAUrB;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,CAAA;IAEjC,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAClE,MAAM,yBAAyB,GAAG,gCAAgC,aAAhC,gCAAgC,uBAAhC,gCAAgC,CAAE,OAAO,CAAA;IAC3E,iDAAiD;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAkC,GAAG,EAAE;QACvE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACpB,OAAO,EAAE,CAAA;SACV;QACD,IAAI,CAAC,yBAAyB,IAAI,CAAC,QAAQ,EAAE;YAC3C,OAAO,OAAO,CAAC,OAAO,CAAA;SACvB;QACD,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;YACvC,OAAO,CACL,CAAC,yBAAyB;gBAC1B,yBAAyB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAC7D,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,yBAAyB,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1D,EAAE;IACF,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7C,OAAO,YAAY,CAAC,MAAM,CACxB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;YACf,MAAM,UAAU,GAAG,uBAAuB,CAAC;gBACzC,MAAM;gBACN,UAAU,EAAE,mBAAmB;gBAC/B,YAAY,EAAE,QAAQ;gBACtB,WAAW;gBACX,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS;aACtC,CAAC,CAAA;YACF,IAAI,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAA;YAExB,OAAO,IAAI,CAAA;QACb,CAAC,EACD,EAAE,CACH,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAA;IAE3E,kEAAkE;IAClE,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAkC,GAAG,EAAE;QAC1E,MAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAC/C,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CACrE,CAAA;QACD,IAAI,OAAO,CAAC,IAAI,KAAK,cAAc,EAAE;YACnC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,MAAM,CACnD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CACjC,CAAA;YACD,cAAc,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC,CAAA;SAC3C;QACD,OAAO,cAAc,CAAA;IACvB,CAAC,EAAE,CAAC,mBAAmB,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IACE,CAAC,OAAO,CAAC,OAAO;aAChB,gCAAgC,aAAhC,gCAAgC,uBAAhC,gCAAgC,CAAE,mBAAmB,CAAA,EACrD;YACA,OAAM;SACP;QAED,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,EAC7D;YACA,QAAQ,CAAC,OAAO,EAAE;gBAChB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAA;YACF,OAAM;SACP;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACxB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAC9C,mBAAmB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,KAAK,MAAM,CAAC,KAAK,CAAC,CACrE,CAAA;YACD,IAAI,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE;gBACpC,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;gBAC5D,QAAQ,CAAC,OAAO,EAAE;oBAChB,KAAK,EAAE,aAA8B;iBACtC,CAAC,CAAA;aACH;SACF;IACH,CAAC,EAAE;QACD,OAAO;QACP,YAAY;QACZ,QAAQ;QACR,KAAK;QACL,gCAAgC,aAAhC,gCAAgC,uBAAhC,gCAAgC,CAAE,mBAAmB;QACrD,mBAAmB;KACpB,CAAC,CAAA;IAEF,2BAA2B,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;IAE1D,OAAO,eAAe,CAAA;AACxB,CAAC","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport {\n  FormElementValueChangeHandler,\n  FormElementConditionallyShownElement,\n  UpdateFormElementsHandler,\n} from '../types/form'\nimport { useLoadDynamicOptionsEffect } from './useDynamicOptionsLoaderState'\nimport useFormSubmissionModel from './useFormSubmissionModelContext'\nimport processInjectableOption from '../services/injectableOptions'\nimport useTaskContext from './useTaskContext'\nimport useAuth from './useAuth'\n\nexport default function useFormElementOptions<T>({\n  element,\n  value,\n  onChange,\n  conditionallyShownOptionsElement,\n  onFilter,\n  onUpdateFormElements,\n}: {\n  element: FormTypes.FormElementWithOptions\n  value: unknown | undefined\n  onChange: FormElementValueChangeHandler<T>\n  conditionallyShownOptionsElement:\n    | FormElementConditionallyShownElement\n    | undefined\n  onFilter?: (choiceElementOption: FormTypes.ChoiceElementOption) => boolean\n  onUpdateFormElements: UpdateFormElementsHandler\n}) {\n  const taskContext = useTaskContext()\n  const { userProfile } = useAuth()\n\n  const { formSubmissionModel, elements } = useFormSubmissionModel()\n  const conditionallyShownOptions = conditionallyShownOptionsElement?.options\n  //options that are shown due to conditional logic\n  const shownOptions = React.useMemo<FormTypes.ChoiceElementOption[]>(() => {\n    if (!element.options) {\n      return []\n    }\n    if (!conditionallyShownOptions && !onFilter) {\n      return element.options\n    }\n    return element.options.filter((option) => {\n      return (\n        !conditionallyShownOptions ||\n        conditionallyShownOptions.some(({ id }) => id === option.id)\n      )\n    })\n  }, [conditionallyShownOptions, element.options, onFilter])\n\n  //\n  const withInjectedOptions = React.useMemo(() => {\n    return shownOptions.reduce<FormTypes.ChoiceElementOption[]>(\n      (memo, option) => {\n        const newOptions = processInjectableOption({\n          option,\n          submission: formSubmissionModel,\n          formElements: elements,\n          taskContext,\n          userProfile: userProfile ?? undefined,\n        })\n        memo.push(...newOptions)\n\n        return memo\n      },\n      [],\n    )\n  }, [elements, formSubmissionModel, shownOptions, taskContext, userProfile])\n\n  //options that are shown based on conditional logic and user input\n  const filteredOptions = React.useMemo<FormTypes.ChoiceElementOption[]>(() => {\n    const reducedOptions = withInjectedOptions.filter(\n      (option) => !onFilter || (onFilter(option) && !option.displayAlways),\n    )\n    if (element.type === 'autocomplete') {\n      const alwaysShownOptions = withInjectedOptions.filter(\n        (option) => option.displayAlways,\n      )\n      reducedOptions.push(...alwaysShownOptions)\n    }\n    return reducedOptions\n  }, [withInjectedOptions, element.type, onFilter])\n\n  React.useEffect(() => {\n    if (\n      !element.options ||\n      conditionallyShownOptionsElement?.dependencyIsLoading\n    ) {\n      return\n    }\n\n    if (\n      typeof value === 'string' &&\n      !withInjectedOptions.some((option) => value === option.value)\n    ) {\n      onChange(element, {\n        value: undefined,\n      })\n      return\n    }\n\n    if (Array.isArray(value)) {\n      const newValue = value.filter((selectedValue) =>\n        withInjectedOptions.some((option) => selectedValue === option.value),\n      )\n      if (newValue.length !== value.length) {\n        const newValueArray = newValue.length ? newValue : undefined\n        onChange(element, {\n          value: newValueArray as T | undefined,\n        })\n      }\n    }\n  }, [\n    element,\n    shownOptions,\n    onChange,\n    value,\n    conditionallyShownOptionsElement?.dependencyIsLoading,\n    withInjectedOptions,\n  ])\n\n  useLoadDynamicOptionsEffect(element, onUpdateFormElements)\n\n  return filteredOptions\n}\n"]}
+{"version":3,"file":"useFormElementOptions.js","sourceRoot":"","sources":["../../src/hooks/useFormElementOptions.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport {\n  FormElementValueChangeHandler,\n  FormElementConditionallyShownElement,\n  UpdateFormElementsHandler,\n} from '../types/form'\nimport { useLoadDynamicOptionsEffect } from './useDynamicOptionsLoaderState'\nimport useFormSubmissionModel from './useFormSubmissionModelContext'\nimport processInjectableOption from '../services/injectableOptions'\nimport useTaskContext from './useTaskContext'\nimport useAuth from './useAuth'\n\nexport default function useFormElementOptions<T>({\n  element,\n  value,\n  onChange,\n  conditionallyShownOptionsElement,\n  onFilter,\n  onUpdateFormElements,\n}: {\n  element: FormTypes.FormElementWithOptions\n  value: unknown | undefined\n  onChange: FormElementValueChangeHandler<T>\n  conditionallyShownOptionsElement:\n    | FormElementConditionallyShownElement\n    | undefined\n  onFilter?: (choiceElementOption: FormTypes.ChoiceElementOption) => boolean\n  onUpdateFormElements: UpdateFormElementsHandler\n}) {\n  const taskContext = useTaskContext()\n  const { userProfile } = useAuth()\n\n  const { formSubmissionModel, elements } = useFormSubmissionModel()\n  const conditionallyShownOptions = conditionallyShownOptionsElement?.options\n  //options that are shown due to conditional logic\n  const shownOptions = React.useMemo<FormTypes.ChoiceElementOption[]>(() => {\n    if (!element.options) {\n      return []\n    }\n    if (!conditionallyShownOptions && !onFilter) {\n      return element.options\n    }\n    return element.options.filter((option) => {\n      return (\n        !conditionallyShownOptions ||\n        conditionallyShownOptions.some(({ id }) => id === option.id)\n      )\n    })\n  }, [conditionallyShownOptions, element.options, onFilter])\n\n  //\n  const withInjectedOptions = React.useMemo(() => {\n    return shownOptions.reduce<FormTypes.ChoiceElementOption[]>(\n      (memo, option) => {\n        const newOptions = processInjectableOption({\n          option,\n          submission: formSubmissionModel,\n          formElements: elements,\n          taskContext,\n          userProfile: userProfile ?? undefined,\n        })\n        memo.push(...newOptions)\n\n        return memo\n      },\n      [],\n    )\n  }, [elements, formSubmissionModel, shownOptions, taskContext, userProfile])\n\n  //options that are shown based on conditional logic and user input\n  const filteredOptions = React.useMemo<FormTypes.ChoiceElementOption[]>(() => {\n    const reducedOptions = withInjectedOptions.filter(\n      (option) => !onFilter || (onFilter(option) && !option.displayAlways),\n    )\n    if (element.type === 'autocomplete') {\n      const alwaysShownOptions = withInjectedOptions.filter(\n        (option) => option.displayAlways,\n      )\n      reducedOptions.push(...alwaysShownOptions)\n    }\n    return reducedOptions\n  }, [withInjectedOptions, element.type, onFilter])\n\n  React.useEffect(() => {\n    if (\n      !element.options ||\n      conditionallyShownOptionsElement?.dependencyIsLoading\n    ) {\n      return\n    }\n\n    if (\n      typeof value === 'string' &&\n      !withInjectedOptions.some((option) => value === option.value)\n    ) {\n      onChange(element, {\n        value: undefined,\n      })\n      return\n    }\n\n    if (Array.isArray(value)) {\n      const newValue = value.filter((selectedValue) =>\n        withInjectedOptions.some((option) => selectedValue === option.value),\n      )\n      if (newValue.length !== value.length) {\n        const newValueArray = newValue.length ? newValue : undefined\n        onChange(element, {\n          value: newValueArray as T | undefined,\n        })\n      }\n    }\n  }, [\n    element,\n    shownOptions,\n    onChange,\n    value,\n    conditionallyShownOptionsElement?.dependencyIsLoading,\n    withInjectedOptions,\n  ])\n\n  useLoadDynamicOptionsEffect(element, onUpdateFormElements)\n\n  return filteredOptions\n}\n"]}

package/dist/hooks/useFormSubmissionAutoSaveState.d.ts

@@ -39,9 +39,7 @@ export default function useFormSubmissionAutoSaveState({ form, initialSubmission
     handleNavigateAway: () => void;
     setFormSubmission: React.Dispatch<React.SetStateAction<{
         definition: FormTypes.Form;
-        submission: {
-            [name: string]: unknown;
-        };
+        submission: SubmissionTypes.S3SubmissionData["submission"];
         lastElementUpdated: FormTypes.FormElement | undefined;
         executedLookups: import("..").ExecutedLookups;
     }>>;