@servicetitan/dte-unlayer 0.155.0 → 0.157.0

package/src/image-upload-error.ts

@@ -0,0 +1,7 @@
+/** Reject `onImage` with this error to show its message to the user instead of the generic upload failure text. */
+export class ImageUploadError extends Error {
+    constructor(message: string, options?: ErrorOptions) {
+        super(message, options);
+        this.name = 'ImageUploadError';
+    }
+}

package/src/index.ts

@@ -1,4 +1,5 @@
 export * from './editor';
+export { ImageUploadError } from './image-upload-error';
 export * from './tools';
 export * from './api-core';
 export * from './api-custom-tools';

package/src/shared/fonts.ts

@@ -1,6 +1,6 @@
 export const unlayerSupportedFonts = [
     {
-        label: 'Arial',
+        label: 'Liberation Sans',
         value: 'arial,helvetica,sans-serif',
     },
     {

package/src/store.ts

@@ -1,4 +1,5 @@
 import { emitESignOffsetRequest } from './e-sign-offset/eSignOffsetController';
+import { ImageUploadError } from './image-upload-error';
 import { loadScript } from './loadScript';
 import { logUnlayerError } from './log';
 import { toUnlayerMergeTags, type UnlayerMergeTagsConfig } from './merge-tags';
@@ -720,8 +721,10 @@ export class UnlayerStore {
             return;
         }
 
-        done({ progress: 0 });
-
+        /*
+         * Unlayer only leaves its "uploading" state when `done` receives a url, so `done` must not be
+         * called before the upload succeeds or after it fails, otherwise the image widget gets stuck.
+         */
         try {
             const { url } = await this.onImageCB(file);
             done({ progress: 100, url });
@@ -729,9 +732,10 @@ export class UnlayerStore {
             logUnlayerError('Image upload failed', error);
             this.onErrorCB?.(
                 'Image upload failed',
-                'Something went wrong while uploading the image. Please try again or select another image.',
+                error instanceof ImageUploadError
+                    ? error.message
+                    : 'Something went wrong while uploading the image. Please try again or select another image.',
             );
-            done({ progress: 100 });
         }
     };
 

package/src/tools.ts

@@ -82,7 +82,7 @@ export const unlayerGetDefaultDesign = (): UnlayerDesignFormat => ({
             contentWidth: '100%',
             contentAlign: 'center',
             fontFamily: {
-                label: 'Arial',
+                label: 'Liberation Sans',
                 value: 'arial,helvetica,sans-serif',
             },
             preheaderText: '',