@bigbinary/neeto-image-uploader-frontend 4.0.13 → 4.0.15

package/dist/{useImageUploader-TOt_v6Rn.js → useImageUploader-C0LPNMXM.js}

@@ -78,27 +78,34 @@ var useImageUploader = function useImageUploader(_ref) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.prev = 0;
+            _context.next = 3;
             return createImageBitmap(file);
-          case 2:
+          case 3:
             bitmap = _context.sent;
             pixels = bitmap.width * bitmap.height;
             bitmap.close();
             if (!(pixels > query.IMAGEKIT_MAX_PIXELS)) {
-              _context.next = 8;
+              _context.next = 9;
               break;
             }
             neetoAtoms.Toastr.error(constants.FILE_ERRORS["file-resolution-too-large"], {
               autoClose: 5000
             });
             return _context.abrupt("return");
-          case 8:
-            _context.prev = 8;
+          case 9:
+            _context.next = 13;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+          case 13:
+            _context.prev = 13;
             imagekit = new imagekit_esm.ImageKit(ramda.mergeRight(initializers.globalProps.imagekit, {
               authenticationEndpoint: authenticationEndpoint
             }));
             setIsUploading(true);
-            _context.next = 13;
+            _context.next = 18;
             return imagekit.upload({
               xhr: XHRProgress,
               file: file,
@@ -109,24 +116,24 @@ var useImageUploader = function useImageUploader(_ref) {
                 appName: initializers.globalProps.appName
               }
             });
-          case 13:
+          case 18:
             result = _context.sent;
             onUploadComplete(result);
-            _context.next = 20;
+            _context.next = 25;
             break;
-          case 17:
-            _context.prev = 17;
-            _context.t0 = _context["catch"](8);
-            neetoAtoms.Toastr.error(_context.t0);
-          case 20:
-            _context.prev = 20;
+          case 22:
+            _context.prev = 22;
+            _context.t1 = _context["catch"](13);
+            neetoAtoms.Toastr.error(_context.t1);
+          case 25:
+            _context.prev = 25;
             setIsUploading(false);
-            return _context.finish(20);
-          case 23:
+            return _context.finish(25);
+          case 28:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[8, 17, 20, 23]]);
+      }, _callee, null, [[0, 11], [13, 22, 25, 28]]);
     }));
     return function imageKitUpload(_x, _x2) {
       return _ref2.apply(this, arguments);
@@ -222,4 +229,4 @@ var useImageUploader = function useImageUploader(_ref) {
 };
 
 exports.useImageUploader = useImageUploader;
-//# sourceMappingURL=useImageUploader-TOt_v6Rn.js.map
+//# sourceMappingURL=useImageUploader-C0LPNMXM.js.map

package/dist/useImageUploader-C0LPNMXM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageUploader-C0LPNMXM.js","sources":["../app/javascript/src/v2/hooks/useImageUploader.js"],"sourcesContent":["import { Toastr } from \"@bigbinary/neeto-atoms\";\nimport { DirectUpload } from \"@rails/activestorage\";\nimport { t } from \"i18next\";\nimport ImageKit from \"imagekit-javascript\";\nimport { keysToCamelCase, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { equals, isNil, mergeRight } from \"ramda\";\n\nimport cloudflareImageApi from \"apis/cloudflare_image\";\nimport directUploadsApi from \"apis/direct_uploads\";\nimport { FILE_ERRORS } from \"components/common/constants\";\nimport { generateASCIIFileName, isGif } from \"hooks/utils\";\nimport {\n  CLOUD_FLARE,\n  IS_DEVELOPMENT_OR_HEROKU_ENV,\n  IMAGE_UPLOADER_BASE_URL,\n} from \"src/constants\";\nimport { IMAGEKIT_MAX_PIXELS, MAX_DIMENSION } from \"src/constants/query\";\n\nconst useImageUploader = ({\n  onUploadComplete = noop,\n  setIsUploading = noop,\n}) => {\n  const authenticationEndpoint = `${window.location.origin}/${IMAGE_UPLOADER_BASE_URL}/imagekit/auth`;\n\n  const handleUploadProgress = (e, fileSize, setUploadProgress) => {\n    if (e.loaded <= fileSize) {\n      const percent = Math.round((e.loaded / fileSize) * 100);\n      setUploadProgress(percent);\n    }\n    equals(e.loaded, e.total) && setUploadProgress(100);\n  };\n\n  const directUpload = (file, setUploadProgress) => {\n    try {\n      setIsUploading(true);\n      const upload = new DirectUpload(file, \"/api/direct_uploads\", {\n        directUploadWillStoreFileWithXHR: xhr => {\n          xhr.upload.addEventListener(\"progress\", event => {\n            const percentComplete = Math.round(\n              (event.loaded / event.total) * 100\n            );\n            setUploadProgress(percentComplete);\n          });\n        },\n      });\n\n      upload.create((error, blob) => {\n        if (error) {\n          Toastr.error(\n            error?.message ||\n              t(\"neetoImageUploader.imageUpload.fileUploadFailed\")\n          );\n          setIsUploading(false);\n\n          return;\n        }\n\n        if (!blob) {\n          Toastr.error(t(\"neetoImageUploader.imageUpload.noBlobReturned\"));\n          setIsUploading(false);\n\n          return;\n        }\n\n        const payload = {\n          id: blob.signed_id,\n          payload: {\n            metadata: {\n              organizationKey: globalProps.organization.publicApiKey,\n              url: blob.blob_url,\n            },\n          },\n        };\n        directUploadsApi.update(payload);\n\n        const result = mergeRight(keysToCamelCase(blob), {\n          url: blob.blob_url,\n        });\n\n        onUploadComplete(result);\n      });\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const imageKitUpload = async (file, XHRProgress) => {\n    try {\n      // createImageBitmap cannot decode vector formats like SVG; the\n      // resolution limit only applies to raster images, so skip the check\n      // for files it cannot decode.\n      const bitmap = await createImageBitmap(file);\n      const pixels = bitmap.width * bitmap.height;\n      bitmap.close();\n\n      if (pixels > IMAGEKIT_MAX_PIXELS) {\n        Toastr.error(FILE_ERRORS[\"file-resolution-too-large\"], {\n          autoClose: 5000,\n        });\n\n        return;\n      }\n    } catch {}\n\n    try {\n      const imagekit = new ImageKit(\n        mergeRight(globalProps.imagekit, { authenticationEndpoint })\n      );\n      setIsUploading(true);\n      const result = await imagekit.upload({\n        xhr: XHRProgress,\n        file,\n        fileName: generateASCIIFileName(file.name),\n        folder: globalProps.imagekit.folder,\n        customMetadata: {\n          organizationKey: globalProps.organization.publicApiKey,\n          appName: globalProps.appName,\n        },\n      });\n\n      onUploadComplete(result);\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const cloudFlareImageUpload = (file, setUploadProgress) => {\n    const img = new Image();\n    img.src = URL.createObjectURL(file);\n    const formData = new FormData();\n    formData.append(\"file\", file);\n\n    img.onload = async () => {\n      img.onload = null;\n      const { width, height } = img;\n      if (width > MAX_DIMENSION || height > MAX_DIMENSION) {\n        Toastr.error(FILE_ERRORS[\"file-dimension-too-large\"], {\n          autoClose: 5000,\n        });\n\n        return;\n      }\n      URL.revokeObjectURL(img.src);\n\n      setIsUploading(true);\n      try {\n        const {\n          result: { uploadURL },\n        } = await cloudflareImageApi.generate();\n\n        const { result } = await cloudflareImageApi.upload({\n          url: uploadURL,\n          formData,\n          setUploadProgress,\n        });\n\n        const uploadData = {\n          ...result,\n          contentType: file.type,\n          metadata: { ...result, width, height },\n          url: result.variants[0],\n          byteSize: file.size,\n          checksum: result.id,\n        };\n\n        onUploadComplete(uploadData);\n        setIsUploading(false);\n      } catch (error) {\n        Toastr.error(error.response?.data?.errors?.[0]?.message, {\n          autoClose: 10000,\n        });\n        setIsUploading(false);\n      }\n    };\n  };\n\n  const uploadFile = (file, setUploadProgress = noop) => {\n    if (isNil(file)) return;\n\n    const fileSize = file.size;\n    const XHRProgress = new XMLHttpRequest();\n    XHRProgress.upload.addEventListener(\"progress\", e => {\n      handleUploadProgress(e, fileSize, setUploadProgress);\n    });\n\n    if (IS_DEVELOPMENT_OR_HEROKU_ENV || isGif(file)) {\n      directUpload(file, setUploadProgress);\n\n      return;\n    }\n\n    if (globalProps.assetsUploaderService === CLOUD_FLARE) {\n      cloudFlareImageUpload(file, setUploadProgress);\n\n      return;\n    }\n\n    imageKitUpload(file, XHRProgress);\n  };\n\n  return { uploadFile };\n};\n\nexport default useImageUploader;\n"],"names":["useImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$setIsUploading","setIsUploading","authenticationEndpoint","concat","window","location","origin","IMAGE_UPLOADER_BASE_URL","handleUploadProgress","e","fileSize","setUploadProgress","loaded","percent","Math","round","equals","total","directUpload","file","upload","DirectUpload","directUploadWillStoreFileWithXHR","xhr","addEventListener","event","percentComplete","create","error","blob","Toastr","message","t","payload","id","signed_id","metadata","organizationKey","globalProps","organization","publicApiKey","url","blob_url","directUploadsApi","update","result","mergeRight","keysToCamelCase","imageKitUpload","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","XHRProgress","bitmap","pixels","imagekit","wrap","_callee$","_context","prev","next","createImageBitmap","sent","width","height","close","IMAGEKIT_MAX_PIXELS","FILE_ERRORS","autoClose","abrupt","t0","ImageKit","fileName","generateASCIIFileName","name","folder","customMetadata","appName","t1","finish","stop","_x","_x2","apply","arguments","cloudFlareImageUpload","img","Image","src","URL","createObjectURL","formData","FormData","append","onload","_callee2","_yield$cloudflareImag","uploadURL","_yield$cloudflareImag2","uploadData","_error$response","_callee2$","_context2","MAX_DIMENSION","revokeObjectURL","cloudflareImageApi","generate","_objectSpread","contentType","type","variants","byteSize","size","checksum","response","data","errors","uploadFile","length","undefined","isNil","XMLHttpRequest","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","assetsUploaderService","CLOUD_FLARE"],"mappings":"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"}

package/dist/{useImageUploader-J3bippyP.js → useImageUploader-D8EKfvhs.js}

@@ -78,27 +78,34 @@ var useImageUploader = function useImageUploader(_ref) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.prev = 0;
+            _context.next = 3;
             return createImageBitmap(file);
-          case 2:
+          case 3:
             bitmap = _context.sent;
             pixels = bitmap.width * bitmap.height;
             bitmap.close();
             if (!(pixels > query.IMAGEKIT_MAX_PIXELS)) {
-              _context.next = 8;
+              _context.next = 9;
               break;
             }
             Toastr.error(constants.FILE_ERRORS["file-resolution-too-large"], {
               autoClose: 5000
             });
             return _context.abrupt("return");
-          case 8:
-            _context.prev = 8;
+          case 9:
+            _context.next = 13;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+          case 13:
+            _context.prev = 13;
             imagekit = new imagekit_esm.ImageKit(ramda.mergeRight(initializers.globalProps.imagekit, {
               authenticationEndpoint: authenticationEndpoint
             }));
             setIsUploading(true);
-            _context.next = 13;
+            _context.next = 18;
             return imagekit.upload({
               xhr: XHRProgress,
               file: file,
@@ -109,24 +116,24 @@ var useImageUploader = function useImageUploader(_ref) {
                 appName: initializers.globalProps.appName
               }
             });
-          case 13:
+          case 18:
             result = _context.sent;
             onUploadComplete(result);
-            _context.next = 20;
+            _context.next = 25;
             break;
-          case 17:
-            _context.prev = 17;
-            _context.t0 = _context["catch"](8);
-            Toastr.error(_context.t0);
-          case 20:
-            _context.prev = 20;
+          case 22:
+            _context.prev = 22;
+            _context.t1 = _context["catch"](13);
+            Toastr.error(_context.t1);
+          case 25:
+            _context.prev = 25;
             setIsUploading(false);
-            return _context.finish(20);
-          case 23:
+            return _context.finish(25);
+          case 28:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[8, 17, 20, 23]]);
+      }, _callee, null, [[0, 11], [13, 22, 25, 28]]);
     }));
     return function imageKitUpload(_x, _x2) {
       return _ref2.apply(this, arguments);
@@ -222,4 +229,4 @@ var useImageUploader = function useImageUploader(_ref) {
 };
 
 exports.useImageUploader = useImageUploader;
-//# sourceMappingURL=useImageUploader-J3bippyP.js.map
+//# sourceMappingURL=useImageUploader-D8EKfvhs.js.map

package/dist/useImageUploader-D8EKfvhs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageUploader-D8EKfvhs.js","sources":["../app/javascript/src/hooks/useImageUploader.js"],"sourcesContent":["import { DirectUpload } from \"@rails/activestorage\";\nimport { t } from \"i18next\";\nimport ImageKit from \"imagekit-javascript\";\nimport { keysToCamelCase, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Toastr } from \"neetoui\";\nimport { equals, isNil, mergeRight } from \"ramda\";\n\nimport cloudflareImageApi from \"apis/cloudflare_image\";\nimport directUploadsApi from \"apis/direct_uploads\";\nimport { FILE_ERRORS } from \"components/common/constants\";\nimport {\n  CLOUD_FLARE,\n  IS_DEVELOPMENT_OR_HEROKU_ENV,\n  IMAGE_UPLOADER_BASE_URL,\n} from \"src/constants\";\nimport { IMAGEKIT_MAX_PIXELS, MAX_DIMENSION } from \"src/constants/query\";\n\nimport { generateASCIIFileName, isGif } from \"./utils\";\n\nconst useImageUploader = ({\n  onUploadComplete = noop,\n  setIsUploading = noop,\n}) => {\n  const authenticationEndpoint = `${window.location.origin}/${IMAGE_UPLOADER_BASE_URL}/imagekit/auth`;\n\n  const handleUploadProgress = (e, fileSize, setUploadProgress) => {\n    if (e.loaded <= fileSize) {\n      const percent = Math.round((e.loaded / fileSize) * 100);\n      setUploadProgress(percent);\n    }\n    equals(e.loaded, e.total) && setUploadProgress(100);\n  };\n\n  const directUpload = (file, setUploadProgress) => {\n    try {\n      setIsUploading(true);\n      const upload = new DirectUpload(file, \"/api/direct_uploads\", {\n        directUploadWillStoreFileWithXHR: xhr => {\n          xhr.upload.addEventListener(\"progress\", event => {\n            const percentComplete = Math.round(\n              (event.loaded / event.total) * 100\n            );\n            setUploadProgress(percentComplete);\n          });\n        },\n      });\n\n      upload.create((error, blob) => {\n        if (error) {\n          Toastr.error(\n            error?.message ||\n              t(\"neetoImageUploader.imageUpload.fileUploadFailed\")\n          );\n          setIsUploading(false);\n\n          return;\n        }\n\n        if (!blob) {\n          Toastr.error(t(\"neetoImageUploader.imageUpload.noBlobReturned\"));\n          setIsUploading(false);\n\n          return;\n        }\n\n        const payload = {\n          id: blob.signed_id,\n          payload: {\n            metadata: {\n              organizationKey: globalProps.organization.publicApiKey,\n              url: blob.blob_url,\n            },\n          },\n        };\n        directUploadsApi.update(payload);\n\n        const result = mergeRight(keysToCamelCase(blob), {\n          url: blob.blob_url,\n        });\n\n        onUploadComplete(result);\n      });\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const imageKitUpload = async (file, XHRProgress) => {\n    try {\n      // createImageBitmap cannot decode vector formats like SVG; the\n      // resolution limit only applies to raster images, so skip the check\n      // for files it cannot decode.\n      const bitmap = await createImageBitmap(file);\n      const pixels = bitmap.width * bitmap.height;\n      bitmap.close();\n\n      if (pixels > IMAGEKIT_MAX_PIXELS) {\n        Toastr.error(FILE_ERRORS[\"file-resolution-too-large\"], {\n          autoClose: 5000,\n        });\n\n        return;\n      }\n    } catch {}\n\n    try {\n      const imagekit = new ImageKit(\n        mergeRight(globalProps.imagekit, { authenticationEndpoint })\n      );\n      setIsUploading(true);\n      const result = await imagekit.upload({\n        xhr: XHRProgress,\n        file,\n        fileName: generateASCIIFileName(file.name),\n        folder: globalProps.imagekit.folder,\n        customMetadata: {\n          organizationKey: globalProps.organization.publicApiKey,\n          appName: globalProps.appName,\n        },\n      });\n\n      onUploadComplete(result);\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const cloudFlareImageUpload = (file, setUploadProgress) => {\n    const img = new Image();\n    img.src = URL.createObjectURL(file);\n    const formData = new FormData();\n    formData.append(\"file\", file);\n\n    img.onload = async () => {\n      img.onload = null;\n      const { width, height } = img;\n      if (width > MAX_DIMENSION || height > MAX_DIMENSION) {\n        Toastr.error(FILE_ERRORS[\"file-dimension-too-large\"], {\n          autoClose: 5000,\n        });\n\n        return;\n      }\n      URL.revokeObjectURL(img.src);\n\n      setIsUploading(true);\n      try {\n        const {\n          result: { uploadURL },\n        } = await cloudflareImageApi.generate();\n\n        const { result } = await cloudflareImageApi.upload({\n          url: uploadURL,\n          formData,\n          setUploadProgress,\n        });\n\n        const uploadData = {\n          ...result,\n          contentType: file.type,\n          metadata: { ...result, width, height },\n          url: result.variants[0],\n          byteSize: file.size,\n          checksum: result.id,\n        };\n\n        onUploadComplete(uploadData);\n        setIsUploading(false);\n      } catch (error) {\n        Toastr.error(error.response?.data?.errors?.[0]?.message, {\n          autoClose: 10000,\n        });\n        setIsUploading(false);\n      }\n    };\n  };\n\n  const uploadFile = (file, setUploadProgress = noop) => {\n    if (isNil(file)) return;\n\n    const fileSize = file.size;\n    const XHRProgress = new XMLHttpRequest();\n    XHRProgress.upload.addEventListener(\"progress\", e => {\n      handleUploadProgress(e, fileSize, setUploadProgress);\n    });\n\n    if (IS_DEVELOPMENT_OR_HEROKU_ENV || isGif(file)) {\n      directUpload(file, setUploadProgress);\n\n      return;\n    }\n\n    if (globalProps.assetsUploaderService === CLOUD_FLARE) {\n      cloudFlareImageUpload(file, setUploadProgress);\n\n      return;\n    }\n\n    imageKitUpload(file, XHRProgress);\n  };\n\n  return { uploadFile };\n};\n\nexport default useImageUploader;\n"],"names":["useImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$setIsUploading","setIsUploading","authenticationEndpoint","concat","window","location","origin","IMAGE_UPLOADER_BASE_URL","handleUploadProgress","e","fileSize","setUploadProgress","loaded","percent","Math","round","equals","total","directUpload","file","upload","DirectUpload","directUploadWillStoreFileWithXHR","xhr","addEventListener","event","percentComplete","create","error","blob","Toastr","message","t","payload","id","signed_id","metadata","organizationKey","globalProps","organization","publicApiKey","url","blob_url","directUploadsApi","update","result","mergeRight","keysToCamelCase","imageKitUpload","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","XHRProgress","bitmap","pixels","imagekit","wrap","_callee$","_context","prev","next","createImageBitmap","sent","width","height","close","IMAGEKIT_MAX_PIXELS","FILE_ERRORS","autoClose","abrupt","t0","ImageKit","fileName","generateASCIIFileName","name","folder","customMetadata","appName","t1","finish","stop","_x","_x2","apply","arguments","cloudFlareImageUpload","img","Image","src","URL","createObjectURL","formData","FormData","append","onload","_callee2","_yield$cloudflareImag","uploadURL","_yield$cloudflareImag2","uploadData","_error$response","_callee2$","_context2","MAX_DIMENSION","revokeObjectURL","cloudflareImageApi","generate","_objectSpread","contentType","type","variants","byteSize","size","checksum","response","data","errors","uploadFile","length","undefined","isNil","XMLHttpRequest","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","assetsUploaderService","CLOUD_FLARE"],"mappings":"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"}

package/dist/{useImageUploader-uFdwIcWA.js → useImageUploader-oEM4sZhG.js}

@@ -76,27 +76,34 @@ var useImageUploader = function useImageUploader(_ref) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.prev = 0;
+            _context.next = 3;
             return createImageBitmap(file);
-          case 2:
+          case 3:
             bitmap = _context.sent;
             pixels = bitmap.width * bitmap.height;
             bitmap.close();
             if (!(pixels > IMAGEKIT_MAX_PIXELS)) {
-              _context.next = 8;
+              _context.next = 9;
               break;
             }
             Toastr.error(FILE_ERRORS["file-resolution-too-large"], {
               autoClose: 5000
             });
             return _context.abrupt("return");
-          case 8:
-            _context.prev = 8;
+          case 9:
+            _context.next = 13;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+          case 13:
+            _context.prev = 13;
             imagekit = new ImageKit(mergeRight(globalProps.imagekit, {
               authenticationEndpoint: authenticationEndpoint
             }));
             setIsUploading(true);
-            _context.next = 13;
+            _context.next = 18;
             return imagekit.upload({
               xhr: XHRProgress,
               file: file,
@@ -107,24 +114,24 @@ var useImageUploader = function useImageUploader(_ref) {
                 appName: globalProps.appName
               }
             });
-          case 13:
+          case 18:
             result = _context.sent;
             onUploadComplete(result);
-            _context.next = 20;
+            _context.next = 25;
             break;
-          case 17:
-            _context.prev = 17;
-            _context.t0 = _context["catch"](8);
-            Toastr.error(_context.t0);
-          case 20:
-            _context.prev = 20;
+          case 22:
+            _context.prev = 22;
+            _context.t1 = _context["catch"](13);
+            Toastr.error(_context.t1);
+          case 25:
+            _context.prev = 25;
             setIsUploading(false);
-            return _context.finish(20);
-          case 23:
+            return _context.finish(25);
+          case 28:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[8, 17, 20, 23]]);
+      }, _callee, null, [[0, 11], [13, 22, 25, 28]]);
     }));
     return function imageKitUpload(_x, _x2) {
       return _ref2.apply(this, arguments);
@@ -220,4 +227,4 @@ var useImageUploader = function useImageUploader(_ref) {
 };
 
 export { useImageUploader as u };
-//# sourceMappingURL=useImageUploader-uFdwIcWA.js.map
+//# sourceMappingURL=useImageUploader-oEM4sZhG.js.map

package/dist/useImageUploader-oEM4sZhG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageUploader-oEM4sZhG.js","sources":["../app/javascript/src/v2/hooks/useImageUploader.js"],"sourcesContent":["import { Toastr } from \"@bigbinary/neeto-atoms\";\nimport { DirectUpload } from \"@rails/activestorage\";\nimport { t } from \"i18next\";\nimport ImageKit from \"imagekit-javascript\";\nimport { keysToCamelCase, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { equals, isNil, mergeRight } from \"ramda\";\n\nimport cloudflareImageApi from \"apis/cloudflare_image\";\nimport directUploadsApi from \"apis/direct_uploads\";\nimport { FILE_ERRORS } from \"components/common/constants\";\nimport { generateASCIIFileName, isGif } from \"hooks/utils\";\nimport {\n  CLOUD_FLARE,\n  IS_DEVELOPMENT_OR_HEROKU_ENV,\n  IMAGE_UPLOADER_BASE_URL,\n} from \"src/constants\";\nimport { IMAGEKIT_MAX_PIXELS, MAX_DIMENSION } from \"src/constants/query\";\n\nconst useImageUploader = ({\n  onUploadComplete = noop,\n  setIsUploading = noop,\n}) => {\n  const authenticationEndpoint = `${window.location.origin}/${IMAGE_UPLOADER_BASE_URL}/imagekit/auth`;\n\n  const handleUploadProgress = (e, fileSize, setUploadProgress) => {\n    if (e.loaded <= fileSize) {\n      const percent = Math.round((e.loaded / fileSize) * 100);\n      setUploadProgress(percent);\n    }\n    equals(e.loaded, e.total) && setUploadProgress(100);\n  };\n\n  const directUpload = (file, setUploadProgress) => {\n    try {\n      setIsUploading(true);\n      const upload = new DirectUpload(file, \"/api/direct_uploads\", {\n        directUploadWillStoreFileWithXHR: xhr => {\n          xhr.upload.addEventListener(\"progress\", event => {\n            const percentComplete = Math.round(\n              (event.loaded / event.total) * 100\n            );\n            setUploadProgress(percentComplete);\n          });\n        },\n      });\n\n      upload.create((error, blob) => {\n        if (error) {\n          Toastr.error(\n            error?.message ||\n              t(\"neetoImageUploader.imageUpload.fileUploadFailed\")\n          );\n          setIsUploading(false);\n\n          return;\n        }\n\n        if (!blob) {\n          Toastr.error(t(\"neetoImageUploader.imageUpload.noBlobReturned\"));\n          setIsUploading(false);\n\n          return;\n        }\n\n        const payload = {\n          id: blob.signed_id,\n          payload: {\n            metadata: {\n              organizationKey: globalProps.organization.publicApiKey,\n              url: blob.blob_url,\n            },\n          },\n        };\n        directUploadsApi.update(payload);\n\n        const result = mergeRight(keysToCamelCase(blob), {\n          url: blob.blob_url,\n        });\n\n        onUploadComplete(result);\n      });\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const imageKitUpload = async (file, XHRProgress) => {\n    try {\n      // createImageBitmap cannot decode vector formats like SVG; the\n      // resolution limit only applies to raster images, so skip the check\n      // for files it cannot decode.\n      const bitmap = await createImageBitmap(file);\n      const pixels = bitmap.width * bitmap.height;\n      bitmap.close();\n\n      if (pixels > IMAGEKIT_MAX_PIXELS) {\n        Toastr.error(FILE_ERRORS[\"file-resolution-too-large\"], {\n          autoClose: 5000,\n        });\n\n        return;\n      }\n    } catch {}\n\n    try {\n      const imagekit = new ImageKit(\n        mergeRight(globalProps.imagekit, { authenticationEndpoint })\n      );\n      setIsUploading(true);\n      const result = await imagekit.upload({\n        xhr: XHRProgress,\n        file,\n        fileName: generateASCIIFileName(file.name),\n        folder: globalProps.imagekit.folder,\n        customMetadata: {\n          organizationKey: globalProps.organization.publicApiKey,\n          appName: globalProps.appName,\n        },\n      });\n\n      onUploadComplete(result);\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const cloudFlareImageUpload = (file, setUploadProgress) => {\n    const img = new Image();\n    img.src = URL.createObjectURL(file);\n    const formData = new FormData();\n    formData.append(\"file\", file);\n\n    img.onload = async () => {\n      img.onload = null;\n      const { width, height } = img;\n      if (width > MAX_DIMENSION || height > MAX_DIMENSION) {\n        Toastr.error(FILE_ERRORS[\"file-dimension-too-large\"], {\n          autoClose: 5000,\n        });\n\n        return;\n      }\n      URL.revokeObjectURL(img.src);\n\n      setIsUploading(true);\n      try {\n        const {\n          result: { uploadURL },\n        } = await cloudflareImageApi.generate();\n\n        const { result } = await cloudflareImageApi.upload({\n          url: uploadURL,\n          formData,\n          setUploadProgress,\n        });\n\n        const uploadData = {\n          ...result,\n          contentType: file.type,\n          metadata: { ...result, width, height },\n          url: result.variants[0],\n          byteSize: file.size,\n          checksum: result.id,\n        };\n\n        onUploadComplete(uploadData);\n        setIsUploading(false);\n      } catch (error) {\n        Toastr.error(error.response?.data?.errors?.[0]?.message, {\n          autoClose: 10000,\n        });\n        setIsUploading(false);\n      }\n    };\n  };\n\n  const uploadFile = (file, setUploadProgress = noop) => {\n    if (isNil(file)) return;\n\n    const fileSize = file.size;\n    const XHRProgress = new XMLHttpRequest();\n    XHRProgress.upload.addEventListener(\"progress\", e => {\n      handleUploadProgress(e, fileSize, setUploadProgress);\n    });\n\n    if (IS_DEVELOPMENT_OR_HEROKU_ENV || isGif(file)) {\n      directUpload(file, setUploadProgress);\n\n      return;\n    }\n\n    if (globalProps.assetsUploaderService === CLOUD_FLARE) {\n      cloudFlareImageUpload(file, setUploadProgress);\n\n      return;\n    }\n\n    imageKitUpload(file, XHRProgress);\n  };\n\n  return { uploadFile };\n};\n\nexport default useImageUploader;\n"],"names":["useImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$setIsUploading","setIsUploading","authenticationEndpoint","concat","window","location","origin","IMAGE_UPLOADER_BASE_URL","handleUploadProgress","e","fileSize","setUploadProgress","loaded","percent","Math","round","equals","total","directUpload","file","upload","DirectUpload","directUploadWillStoreFileWithXHR","xhr","addEventListener","event","percentComplete","create","error","blob","Toastr","message","t","payload","id","signed_id","metadata","organizationKey","globalProps","organization","publicApiKey","url","blob_url","directUploadsApi","update","result","mergeRight","keysToCamelCase","imageKitUpload","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","XHRProgress","bitmap","pixels","imagekit","wrap","_callee$","_context","prev","next","createImageBitmap","sent","width","height","close","IMAGEKIT_MAX_PIXELS","FILE_ERRORS","autoClose","abrupt","t0","ImageKit","fileName","generateASCIIFileName","name","folder","customMetadata","appName","t1","finish","stop","_x","_x2","apply","arguments","cloudFlareImageUpload","img","Image","src","URL","createObjectURL","formData","FormData","append","onload","_callee2","_yield$cloudflareImag","uploadURL","_yield$cloudflareImag2","uploadData","_error$response","_callee2$","_context2","MAX_DIMENSION","revokeObjectURL","cloudflareImageApi","generate","_objectSpread","contentType","type","variants","byteSize","size","checksum","response","data","errors","uploadFile","length","undefined","isNil","XMLHttpRequest","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","assetsUploaderService","CLOUD_FLARE"],"mappings":"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"}

package/dist/v2/AssetLibrary.js

@@ -7,10 +7,10 @@ import '@bigbinary/neeto-commons-frontend/v2/initializers';
 import 'ramda';
 import 'react-i18next';
 import '../utils-DQSN1LLd.js';
-import '../useImageUploader-uFdwIcWA.js';
+import '../useImageUploader-oEM4sZhG.js';
 import '../utils-BG5uqsQH.js';
 import '../imagekit.esm-Wbu4ABaW.js';
-export { M as default } from '../index-BP6z5Bmi.js';
+export { M as default } from '../index-D--_BhYf.js';
 import 'react/jsx-runtime';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';

package/dist/v2/ImageForm.js

@@ -7,7 +7,8 @@ import { hyphenate, noop } from '@bigbinary/neeto-cist';
 import Help from '@bigbinary/neeto-icons/Help';
 import { isEmpty, isNil } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { Typography, Button, Spinner, Slider } from '@bigbinary/neeto-atoms';
+import { Typography, Spinner, Slider } from '@bigbinary/neeto-atoms';
+import { ToggleGroup, ToggleGroupItem } from '@bigbinary/neeto-atoms/primitives';
 import { t } from 'i18next';
 import LeftAlign from '@bigbinary/neeto-icons/LeftAlign';
 import CenterAlign from '@bigbinary/neeto-icons/CenterAlign';
@@ -26,14 +27,14 @@ import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
 import '../imagekit.esm-Wbu4ABaW.js';
 import '../query-BJnGLX4z.js';
-import '../useImageUploader-uFdwIcWA.js';
+import '../useImageUploader-oEM4sZhG.js';
 import '@rails/activestorage';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import '../constants-BF4SgnWe.js';
 import '../utils-BG5uqsQH.js';
 import 'react-dropzone';
 import '../ImageWithFallback-MfA03icL.js';
-import '../index-BP6z5Bmi.js';
+import '../index-D--_BhYf.js';
 import '../useUnsplashApi-qANYsRgw.js';
 import '../constants-BNGwgivX.js';
 import '@bigbinary/neeto-icons/LeftArrow';
@@ -75,44 +76,40 @@ var AlignmentBlock = function AlignmentBlock(_ref) {
     alignment = _useField2$1$value === void 0 ? DEFAULT_LOGO_POSITION : _useField2$1$value,
     setValue = _useField2[2].setValue;
   var handleChange = function handleChange(newAlignment) {
-    if (alignment === newAlignment) return;
+    // Radix emits "" when the active item is toggled off; alignment must always
+    // have a value, so ignore empty and no-op selections.
+    if (!newAlignment || alignment === newAlignment) return;
     setValue(newAlignment, false);
     onChange(name, newAlignment);
   };
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line react/no-unknown-property
-    jsxs("div", {
-      dataTestid: "".concat(hyphenate(title), "-block"),
-      children: [/*#__PURE__*/jsx(Typography, {
-        variant: "body2",
-        weight: "medium",
-        children: title
-      }), /*#__PURE__*/jsx("div", {
-        className: "mt-2 flex items-center gap-3",
-        children: ALIGNMENTS.map(function (_ref2) {
-          var label = _ref2.label,
-            value = _ref2.value,
-            icon = _ref2.icon,
-            dataTestid = _ref2.dataTestid;
-          return /*#__PURE__*/createElement(Button, {
-            icon: icon,
-            "data-testid": dataTestid,
-            key: value,
-            size: "lg",
-            tooltipProps: {
-              content: label,
-              position: "bottom"
-            },
-            variant: alignment === value ? "default" : "ghost",
-            onClick: function onClick() {
-              return handleChange(value);
-            }
-          });
-        })
-      })]
-    })
-  );
+  return /*#__PURE__*/jsxs("div", {
+    "data-testid": "".concat(hyphenate(title), "-block"),
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      weight: "medium",
+      children: title
+    }), /*#__PURE__*/jsx(ToggleGroup, {
+      className: "bg-background border-input mt-2 w-fit rounded-md border p-[3px] shadow-none",
+      size: "sm",
+      spacing: 1,
+      type: "single",
+      value: alignment,
+      variant: "default",
+      onValueChange: handleChange,
+      children: ALIGNMENTS.map(function (_ref2) {
+        var label = _ref2.label,
+          value = _ref2.value,
+          Icon = _ref2.icon,
+          dataTestid = _ref2.dataTestid;
+        return /*#__PURE__*/createElement(ToggleGroupItem, {
+          value: value,
+          "aria-label": label,
+          "data-testid": dataTestid,
+          key: value
+        }, /*#__PURE__*/jsx(Icon, {}));
+      })
+    })]
+  });
 };
 
 var Block = function Block(_ref) {
@@ -274,13 +271,13 @@ var ImageForm = function ImageForm(_ref) {
     onChange === null || onChange === void 0 || onChange(names.height, value);
   };
   return /*#__PURE__*/jsxs("div", {
-    className: "space-y-4 ".concat(className),
+    className: "space-y-6 ".concat(className),
     children: [/*#__PURE__*/jsx(ImageUpload, _objectSpread({
       isLabelEnabled: isLabelEnabled,
       handleUpdate: handleImageChange,
       name: names.image
     }, imageUploaderProps)), imageValue && /*#__PURE__*/jsxs("div", {
-      className: "space-y-4 px-2",
+      className: "space-y-6 px-2",
       children: [/*#__PURE__*/jsx(SliderBlock, {
         defaultValue: logoHeight["default"],
         max: logoHeight.max,

package/dist/v2/ImageForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageForm.js","sources":["../../app/javascript/src/v2/components/ImageForm/constants.js","../../app/javascript/src/v2/components/ImageForm/AlignmentBlock.jsx","../../app/javascript/src/v2/components/ImageForm/Block.jsx","../../app/javascript/src/v2/components/ImageForm/ImageUpload.jsx","../../app/javascript/src/v2/components/ImageForm/SliderBlock.jsx","../../app/javascript/src/v2/components/ImageForm/utils.js","../../app/javascript/src/v2/components/ImageForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { LeftAlign, CenterAlign, RightAlign } from \"neetoicons\";\n\nexport const ALIGNMENTS = [\n  {\n    label: t(\"neetoImageUploader.labels.leftAlign\"),\n    value: \"left\",\n    icon: LeftAlign,\n    dataTestid: \"left-alignment\",\n  },\n  {\n    label: t(\"neetoImageUploader.labels.centerAlign\"),\n    value: \"center\",\n    icon: CenterAlign,\n    dataTestid: \"center-alignment\",\n  },\n  {\n    label: t(\"neetoImageUploader.labels.rightAlign\"),\n    value: \"right\",\n    icon: RightAlign,\n    dataTestid: \"right-alignment\",\n  },\n];\n\nexport const MINIMUM_LOGO_HEIGHT = 64;\nexport const MAXIMUM_LOGO_HEIGHT = 100;\nexport const DEFAULT_LOGO_HEIGHT = 64;\nexport const DEFAULT_LOGO_POSITION = \"left\";\nexport const ONE_MEGABYTE = 1;\n","import { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nimport { ALIGNMENTS, DEFAULT_LOGO_POSITION } from \"./constants\";\n\nconst AlignmentBlock = ({ name, title, onChange = noop }) => {\n  const [_, { value: alignment = DEFAULT_LOGO_POSITION }, { setValue }] =\n    useField(name);\n\n  const handleChange = newAlignment => {\n    if (alignment === newAlignment) return;\n\n    setValue(newAlignment, false);\n    onChange(name, newAlignment);\n  };\n\n  return (\n    // eslint-disable-next-line react/no-unknown-property\n    <div dataTestid={`${hyphenate(title)}-block`}>\n      <Typography variant=\"body2\" weight=\"medium\">\n        {title}\n      </Typography>\n      <div className=\"mt-2 flex items-center gap-3\">\n        {ALIGNMENTS.map(({ label, value, icon, dataTestid }) => (\n          <Button\n            {...{ icon }}\n            data-testid={dataTestid}\n            key={value}\n            size=\"lg\"\n            tooltipProps={{ content: label, position: \"bottom\" }}\n            variant={alignment === value ? \"default\" : \"ghost\"}\n            onClick={() => handleChange(value)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default AlignmentBlock;\n","import { Spinner, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\n\nconst Block = ({\n  title,\n  children,\n  dataTestid,\n  className = \"\",\n  childrenClassName = \"\",\n  isLoading = false,\n  isLabelEnabled = true,\n}) => (\n  <div className={classnames(\"space-y-4\", className)} data-testid={dataTestid}>\n    {isLabelEnabled && (\n      <div\n        className=\"flex items-center justify-between\"\n        data-testid=\"properties-header\"\n      >\n        <Typography variant=\"body1\" weight=\"semibold\">\n          {title}\n        </Typography>\n        {isLoading && <Spinner />}\n      </div>\n    )}\n    <div className={classnames(\"space-y-4\", childrenClassName)}>{children}</div>\n  </div>\n);\n\nexport default Block;\n","import { useField } from \"formik\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { ONE_MEGABYTE } from \"./constants\";\n\nimport ImageUploader from \"../ImageUploader\";\n\nconst ImageUpload = ({\n  name,\n  handleUpdate,\n  maxSize = ONE_MEGABYTE,\n  isLabelEnabled = true,\n}) => {\n  const [_, { value: image }, { setValue }] = useField(name);\n  const { t } = useTranslation();\n  const handleImageChange = changedImage => {\n    if (isEmpty(changedImage?.url)) {\n      setValue(null, false);\n      handleUpdate(null);\n\n      return;\n    }\n\n    setValue(changedImage, false);\n    handleUpdate(changedImage);\n  };\n\n  const imageUrl = typeof image === \"string\" ? image : image?.url;\n\n  return (\n    <Block\n      {...{ isLabelEnabled }}\n      dataTestid=\"add-image-card\"\n      title={t(\"neetoImageUploader.labels.addImage\")}\n    >\n      <ImageUploader\n        className=\"w-full\"\n        key={imageUrl}\n        src={imageUrl}\n        uploadConfig={{ maxImageSize: maxSize }}\n        onUploadComplete={handleImageChange}\n      />\n    </Block>\n  );\n};\n\nexport default ImageUpload;\n","import { Slider } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nconst SliderBlock = ({\n  title,\n  name,\n  onChange = noop,\n  defaultValue,\n  min,\n  max,\n}) => {\n  const [_, { value }, { setValue }] = useField(name);\n\n  const handleChange = ([newValue]) => {\n    if (value === newValue) return;\n\n    setValue(newValue, false);\n    onChange(newValue);\n  };\n\n  return (\n    <div data-testid={`${hyphenate(title)}-slider-block`}>\n      <Slider\n        {...{ max, min }}\n        defaultValue={defaultValue !== undefined ? [defaultValue] : undefined}\n        label={title}\n        value={value !== undefined ? [value] : undefined}\n        onValueChange={handleChange}\n      />\n    </div>\n  );\n};\n\nexport default SliderBlock;\n","import { DEFAULT_LOGO_HEIGHT } from \"./constants\";\n\nconst root = document.querySelector(\":root\");\n\nexport const setLogoHeight = (value, variableName) =>\n  root.style.setProperty(\n    variableName,\n    `${Number(value) || DEFAULT_LOGO_HEIGHT}px`\n  );\n","import { useEffect } from \"react\";\n\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext, getIn, useField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlignmentBlock from \"./AlignmentBlock\";\nimport {\n  DEFAULT_LOGO_HEIGHT,\n  MAXIMUM_LOGO_HEIGHT,\n  MINIMUM_LOGO_HEIGHT,\n} from \"./constants\";\nimport ImageUpload from \"./ImageUpload\";\nimport SliderBlock from \"./SliderBlock\";\nimport { setLogoHeight } from \"./utils\";\n\nconst ImageForm = ({\n  onChange = noop,\n  imageUploaderProps = {},\n  className = \"\",\n  names = {},\n  logoHeight = {\n    default: DEFAULT_LOGO_HEIGHT,\n    min: MINIMUM_LOGO_HEIGHT,\n    max: MAXIMUM_LOGO_HEIGHT,\n  },\n  logoSizeVariableName,\n  showAlignmentBlock = true,\n  showAltTextBlock = true,\n  isLabelEnabled = true,\n  entityName,\n}) => {\n  const { values, setFieldValue } = useFormikContext();\n  const [{ value: altTextValue }] = useField(\"altText\");\n\n  const { t } = useTranslation();\n  const entity = entityName || t(\"neetoImageUploader.common.logo\");\n\n  const imageValue = getIn(values, names.image);\n\n  useEffect(() => {\n    if (altTextValue !== undefined) {\n      onChange?.(\"altText\", altTextValue);\n    }\n  }, [altTextValue, onChange]);\n\n  const handleImageChange = image => {\n    if (isNil(image)) {\n      setLogoHeight(logoHeight.default, logoSizeVariableName);\n      setFieldValue(names.height, logoHeight.default);\n    }\n\n    onChange?.(names.image, image);\n  };\n\n  const handleSliderChange = value => {\n    setLogoHeight(value, logoSizeVariableName);\n    onChange?.(names.height, value);\n  };\n\n  return (\n    <div className={`space-y-4 ${className}`}>\n      <ImageUpload\n        {...{ isLabelEnabled }}\n        handleUpdate={handleImageChange}\n        name={names.image}\n        {...imageUploaderProps}\n      />\n      {imageValue && (\n        <div className=\"space-y-4 px-2\">\n          <SliderBlock\n            defaultValue={logoHeight.default}\n            max={logoHeight.max}\n            min={logoHeight.min}\n            name={names.height}\n            title={t(\"neetoImageUploader.labels.size\", { entity })}\n            onChange={handleSliderChange}\n          />\n          {showAlignmentBlock && (\n            <AlignmentBlock\n              {...{ onChange }}\n              name={names.alignment}\n              title={t(\"neetoImageUploader.labels.alignment\")}\n            />\n          )}\n          {showAltTextBlock && (\n            <Input\n              label={t(\"neetoImageUploader.labels.altText\", { entity })}\n              name=\"altText\"\n              placeholder={t(\"neetoImageUploader.labels.altText\", { entity })}\n              labelProps={{\n                helpIconProps: {\n                  icon: Help,\n                  tooltipProps: {\n                    content: t(\"neetoImageUploader.tooltips.altText\", {\n                      entity,\n                    }),\n                    position: \"top\",\n                  },\n                },\n              }}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ImageForm;\n"],"names":["ALIGNMENTS","label","t","value","icon","LeftAlign","dataTestid","CenterAlign","RightAlign","MINIMUM_LOGO_HEIGHT","MAXIMUM_LOGO_HEIGHT","DEFAULT_LOGO_HEIGHT","DEFAULT_LOGO_POSITION","ONE_MEGABYTE","AlignmentBlock","_ref","name","title","_ref$onChange","onChange","noop","_useField","useField","_useField2","_slicedToArray","_","_useField2$1$value","alignment","setValue","handleChange","newAlignment","_jsxs","concat","hyphenate","children","_jsx","Typography","variant","weight","className","map","_ref2","_createElement","Button","key","size","tooltipProps","content","position","onClick","Block","_ref$className","_ref$childrenClassNam","childrenClassName","_ref$isLoading","isLoading","_ref$isLabelEnabled","isLabelEnabled","classnames","Spinner","ImageUpload","handleUpdate","_ref$maxSize","maxSize","image","_useTranslation","useTranslation","handleImageChange","changedImage","isEmpty","url","imageUrl","ImageUploader","src","uploadConfig","maxImageSize","onUploadComplete","SliderBlock","defaultValue","min","max","_ref3","newValue","Slider","undefined","onValueChange","root","document","querySelector","setLogoHeight","variableName","style","setProperty","Number","ImageForm","_ref$imageUploaderPro","imageUploaderProps","_ref$names","names","_ref$logoHeight","logoHeight","logoSizeVariableName","_ref$showAlignmentBlo","showAlignmentBlock","_ref$showAltTextBlock","showAltTextBlock","entityName","_useFormikContext","useFormikContext","values","setFieldValue","altTextValue","entity","imageValue","getIn","useEffect","isNil","height","handleSliderChange","_objectSpread","Input","placeholder","labelProps","helpIconProps","Help"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,UAAU,GAAG,CACxB;AACEC,EAAAA,KAAK,EAAEC,CAAC,CAAC,qCAAqC,CAAC;AAC/CC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,IAAI,EAAEC,SAAS;AACfC,EAAAA,UAAU,EAAE;AACd,CAAC,EACD;AACEL,EAAAA,KAAK,EAAEC,CAAC,CAAC,uCAAuC,CAAC;AACjDC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,IAAI,EAAEG,WAAW;AACjBD,EAAAA,UAAU,EAAE;AACd,CAAC,EACD;AACEL,EAAAA,KAAK,EAAEC,CAAC,CAAC,sCAAsC,CAAC;AAChDC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,IAAI,EAAEI,UAAU;AAChBF,EAAAA,UAAU,EAAE;AACd,CAAC,CACF;AAEM,IAAMG,mBAAmB,GAAG,EAAE;AAC9B,IAAMC,mBAAmB,GAAG,GAAG;AAC/B,IAAMC,mBAAmB,GAAG,EAAE;AAC9B,IAAMC,qBAAqB,GAAG,MAAM;AACpC,IAAMC,YAAY,GAAG,CAAC;;ACtB7B,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAnCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,aAAA;AACpD,EAAA,IAAAG,SAAA,GACEC,QAAQ,CAACN,IAAI,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AADTI,IAACF,UAAA,CAAA,CAAA,CAAA;QAAAG,kBAAA,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAIpB,KAAK;AAAEwB,IAAAA,SAAS,GAAAD,kBAAA,KAAA,MAAA,GAAGd,qBAAqB,GAAAc,kBAAA;IAAME,QAAQ,GAAAL,UAAA,CAAA,CAAA,CAAA,CAARK;AAG1D,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAGC,YAAY,EAAI;IACnC,IAAIH,SAAS,KAAKG,YAAY,EAAE;AAEhCF,IAAAA,QAAQ,CAACE,YAAY,EAAE,KAAK,CAAC;AAC7BX,IAAAA,QAAQ,CAACH,IAAI,EAAEc,YAAY,CAAC;EAC9B,CAAC;AAED,EAAA;AAAA;AACE;IACAC,IAAA,CAAA,KAAA,EAAA;AAAKzB,MAAAA,UAAU,KAAA0B,MAAA,CAAKC,SAAS,CAAChB,KAAK,CAAC,EAAA,QAAA,CAAS;MAAAiB,QAAA,EAAA,cAC3CC,GAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,OAAO;AAACC,QAAAA,MAAM,EAAC,QAAQ;AAAAJ,QAAAA,QAAA,EACxCjB;OACS,CAAC,eACbkB,GAAA,CAAA,KAAA,EAAA;AAAKI,QAAAA,SAAS,EAAC,8BAA8B;AAAAL,QAAAA,QAAA,EAC1ClC,UAAU,CAACwC,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,UAAA,IAAGxC,KAAK,GAAAwC,KAAA,CAALxC,KAAK;YAAEE,KAAK,GAAAsC,KAAA,CAALtC,KAAK;YAAEC,IAAI,GAAAqC,KAAA,CAAJrC,IAAI;YAAEE,UAAU,GAAAmC,KAAA,CAAVnC,UAAU;UAAA,oBAC/CoC,aAAA,CAACC,MAAM,EAAA;AACCvC,YAAAA,IAAI,EAAJA,IAAI;AACV,YAAA,aAAA,EAAaE,UAAW;AACxBsC,YAAAA,GAAG,EAAEzC,KAAM;AACX0C,YAAAA,IAAI,EAAC,IAAI;AACTC,YAAAA,YAAY,EAAE;AAAEC,cAAAA,OAAO,EAAE9C,KAAK;AAAE+C,cAAAA,QAAQ,EAAE;aAAW;AACrDX,YAAAA,OAAO,EAAEV,SAAS,KAAKxB,KAAK,GAAG,SAAS,GAAG,OAAQ;YACnD8C,OAAO,EAAE,SAATA,OAAOA,GAAA;cAAA,OAAQpB,YAAY,CAAC1B,KAAK,CAAC;AAAA,YAAA;AAAC,WACpC,CAAC;QAAA,CACH;AAAC,OACC,CAAC;KACH;AAAC;AAEV,CAAC;;ACnCD,IAAM+C,KAAK,GAAG,SAARA,KAAKA,CAAAnC,IAAA,EAAA;AAAA,EAAA,IACTE,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLiB,QAAQ,GAAAnB,IAAA,CAARmB,QAAQ;IACR5B,UAAU,GAAAS,IAAA,CAAVT,UAAU;IAAA6C,cAAA,GAAApC,IAAA,CACVwB,SAAS;AAATA,IAAAA,SAAS,GAAAY,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAC,qBAAA,GAAArC,IAAA,CACdsC,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,cAAA,GAAAvC,IAAA,CACtBwC,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,cAAA;IAAAE,mBAAA,GAAAzC,IAAA,CACjB0C,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,mBAAA;AAAA,EAAA,oBAErBzB,IAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAEmB,UAAU,CAAC,WAAW,EAAEnB,SAAS,CAAE;AAAC,IAAA,aAAA,EAAajC,UAAW;IAAA4B,QAAA,EAAA,CACzEuB,cAAc,iBACb1B,IAAA,CAAA,KAAA,EAAA;AACEQ,MAAAA,SAAS,EAAC,mCAAmC;AAC7C,MAAA,aAAA,EAAY,mBAAmB;MAAAL,QAAA,EAAA,cAE/BC,GAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,OAAO;AAACC,QAAAA,MAAM,EAAC,UAAU;AAAAJ,QAAAA,QAAA,EAC1CjB;OACS,CAAC,EACZsC,SAAS,iBAAIpB,GAAA,CAACwB,OAAO,IAAE,CAAC;KACtB,CACN,eACDxB,GAAA,CAAA,KAAA,EAAA;AAAKI,MAAAA,SAAS,EAAEmB,UAAU,CAAC,WAAW,EAAEL,iBAAiB,CAAE;AAAAnB,MAAAA,QAAA,EAAEA;AAAQ,KAAM,CAAC;AAAA,GACzE,CAAC;AAAA,CACP;;ACjBD,IAAM0B,WAAW,GAAG,SAAdA,WAAWA,CAAA7C,IAAA,EAKX;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJ6C,YAAY,GAAA9C,IAAA,CAAZ8C,YAAY;IAAAC,YAAA,GAAA/C,IAAA,CACZgD,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGjD,YAAY,GAAAiD,YAAA;IAAAN,mBAAA,GAAAzC,IAAA,CACtB0C,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,mBAAA;AAErB,EAAA,IAAAnC,SAAA,GAA4CC,QAAQ,CAACN,IAAI,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnDI,IAACF,UAAA,CAAA,CAAA,CAAA;QAAWyC,KAAK,GAAAzC,UAAA,CAAA,CAAA,CAAA,CAAZpB,KAAK;IAAayB,QAAQ,GAAAL,UAAA,CAAA,CAAA,CAAA,CAARK;AAC9B,EAAA,IAAAqC,eAAA,GAAcC,cAAc,EAAE;IAAtBhE,CAAC,GAAA+D,eAAA,CAAD/D,CAAC;AACT,EAAA,IAAMiE,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,YAAY,EAAI;IACxC,IAAIC,OAAO,CAACD,YAAY,KAAA,IAAA,IAAZA,YAAY,uBAAZA,YAAY,CAAEE,GAAG,CAAC,EAAE;AAC9B1C,MAAAA,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;MACrBiC,YAAY,CAAC,IAAI,CAAC;AAElB,MAAA;AACF,IAAA;AAEAjC,IAAAA,QAAQ,CAACwC,YAAY,EAAE,KAAK,CAAC;IAC7BP,YAAY,CAACO,YAAY,CAAC;EAC5B,CAAC;AAED,EAAA,IAAMG,QAAQ,GAAG,OAAOP,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAAA,MAAA,GAALA,KAAK,CAAEM,GAAG;EAE/D,oBACEnC,GAAA,CAACe,KAAK,EAAA;AACEO,IAAAA,cAAc,EAAdA,cAAc;AACpBnD,IAAAA,UAAU,EAAC,gBAAgB;AAC3BW,IAAAA,KAAK,EAAEf,CAAC,CAAC,oCAAoC,CAAE;IAAAgC,QAAA,eAE/CC,GAAA,CAACqC,aAAa,EAAA;AACZjC,MAAAA,SAAS,EAAC,QAAQ;AAElBkC,MAAAA,GAAG,EAAEF,QAAS;AACdG,MAAAA,YAAY,EAAE;AAAEC,QAAAA,YAAY,EAAEZ;OAAU;AACxCa,MAAAA,gBAAgB,EAAET;AAAkB,KAAA,EAH/BI,QAIN;AAAC,GACG,CAAC;AAEZ,CAAC;;AC1CD,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAA9D,IAAA,EAOX;AAAA,EAAA,IANJE,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLD,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAE,aAAA,GAAAH,IAAA,CACJI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,aAAA;IACf4D,YAAY,GAAA/D,IAAA,CAAZ+D,YAAY;IACZC,GAAG,GAAAhE,IAAA,CAAHgE,GAAG;IACHC,GAAG,GAAAjE,IAAA,CAAHiE,GAAG;AAEH,EAAA,IAAA3D,SAAA,GAAqCC,QAAQ,CAACN,IAAI,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5CI,IAACF,UAAA,CAAA,CAAA,CAAA;QAAIpB,KAAK,GAAAoB,UAAA,CAAA,CAAA,CAAA,CAALpB,KAAK;IAAMyB,QAAQ,GAAAL,UAAA,CAAA,CAAA,CAAA,CAARK;AAEvB,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAY,KAAA,EAAmB;AAAA,IAAA,IAAAwC,KAAA,GAAAzD,cAAA,CAAAiB,KAAA,EAAA,CAAA,CAAA;AAAdyC,MAAAA,QAAQ,GAAAD,KAAA,CAAA,CAAA,CAAA;IAC7B,IAAI9E,KAAK,KAAK+E,QAAQ,EAAE;AAExBtD,IAAAA,QAAQ,CAACsD,QAAQ,EAAE,KAAK,CAAC;IACzB/D,QAAQ,CAAC+D,QAAQ,CAAC;EACpB,CAAC;AAED,EAAA,oBACE/C,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,aAAA,EAAA,EAAA,CAAAH,MAAA,CAAgBC,SAAS,CAAChB,KAAK,CAAC,EAAA,eAAA,CAAgB;IAAAiB,QAAA,eACnDC,GAAA,CAACgD,MAAM,EAAA;AACCH,MAAAA,GAAG,EAAHA,GAAG;AAAED,MAAAA,GAAG,EAAHA,GAAG;MACdD,YAAY,EAAEA,YAAY,KAAKM,SAAS,GAAG,CAACN,YAAY,CAAC,GAAGM,SAAU;AACtEnF,MAAAA,KAAK,EAAEgB,KAAM;MACbd,KAAK,EAAEA,KAAK,KAAKiF,SAAS,GAAG,CAACjF,KAAK,CAAC,GAAGiF,SAAU;AACjDC,MAAAA,aAAa,EAAExD;KAChB;AAAC,GACC,CAAC;AAEV,CAAC;;AC9BD,IAAMyD,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;AAErC,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAItF,KAAK,EAAEuF,YAAY,EAAA;AAAA,EAAA,OAC/CJ,IAAI,CAACK,KAAK,CAACC,WAAW,CACpBF,YAAY,EAAA,EAAA,CAAA1D,MAAA,CACT6D,MAAM,CAAC1F,KAAK,CAAC,IAAIQ,mBAAmB,OACzC,CAAC;AAAA,CAAA;;;;ACWH,IAAMmF,SAAS,GAAG,SAAZA,SAASA,CAAA/E,IAAA,EAeT;AAAA,EAAA,IAAAG,aAAA,GAAAH,IAAA,CAdJI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,aAAA;IAAA6E,qBAAA,GAAAhF,IAAA,CACfiF,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAA5C,cAAA,GAAApC,IAAA,CACvBwB,SAAS;AAATA,IAAAA,SAAS,GAAAY,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAA8C,UAAA,GAAAlF,IAAA,CACdmF,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,eAAA,GAAApF,IAAA,CACVqF,UAAU;IAAVA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG;AACX,MAAA,SAAA,EAASxF,mBAAmB;AAC5BoE,MAAAA,GAAG,EAAEtE,mBAAmB;AACxBuE,MAAAA,GAAG,EAAEtE;AACP,KAAC,GAAAyF,eAAA;IACDE,oBAAoB,GAAAtF,IAAA,CAApBsF,oBAAoB;IAAAC,qBAAA,GAAAvF,IAAA,CACpBwF,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAAAzF,IAAA,CACzB0F,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;IAAAhD,mBAAA,GAAAzC,IAAA,CACvB0C,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,mBAAA;IACrBkD,UAAU,GAAA3F,IAAA,CAAV2F,UAAU;AAEV,EAAA,IAAAC,iBAAA,GAAkCC,gBAAgB,EAAE;IAA5CC,MAAM,GAAAF,iBAAA,CAANE,MAAM;IAAEC,aAAa,GAAAH,iBAAA,CAAbG,aAAa;AAC7B,EAAA,IAAAzF,SAAA,GAAkCC,QAAQ,CAAC,SAAS,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;IAArC0F,YAAY,GAAAxF,UAAA,CAAA,CAAA,CAAA,CAAnBpB,KAAK;AAEd,EAAA,IAAA8D,eAAA,GAAcC,cAAc,EAAE;IAAtBhE,CAAC,GAAA+D,eAAA,CAAD/D,CAAC;AACT,EAAA,IAAM8G,MAAM,GAAGN,UAAU,IAAIxG,CAAC,CAAC,gCAAgC,CAAC;EAEhE,IAAM+G,UAAU,GAAGC,KAAK,CAACL,MAAM,EAAEX,KAAK,CAAClC,KAAK,CAAC;AAE7CmD,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIJ,YAAY,KAAK3B,SAAS,EAAE;MAC9BjE,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,IAARA,QAAQ,CAAG,SAAS,EAAE4F,YAAY,CAAC;AACrC,IAAA;AACF,EAAA,CAAC,EAAE,CAACA,YAAY,EAAE5F,QAAQ,CAAC,CAAC;AAE5B,EAAA,IAAMgD,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGH,KAAK,EAAI;AACjC,IAAA,IAAIoD,KAAK,CAACpD,KAAK,CAAC,EAAE;AAChByB,MAAAA,aAAa,CAACW,UAAU,CAAA,SAAA,CAAQ,EAAEC,oBAAoB,CAAC;AACvDS,MAAAA,aAAa,CAACZ,KAAK,CAACmB,MAAM,EAAEjB,UAAU,WAAQ,CAAC;AACjD,IAAA;IAEAjF,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,IAARA,QAAQ,CAAG+E,KAAK,CAAClC,KAAK,EAAEA,KAAK,CAAC;EAChC,CAAC;AAED,EAAA,IAAMsD,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAGnH,KAAK,EAAI;AAClCsF,IAAAA,aAAa,CAACtF,KAAK,EAAEkG,oBAAoB,CAAC;IAC1ClF,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,IAARA,QAAQ,CAAG+E,KAAK,CAACmB,MAAM,EAAElH,KAAK,CAAC;EACjC,CAAC;AAED,EAAA,oBACE4B,IAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAA,YAAA,CAAAP,MAAA,CAAeO,SAAS,CAAG;AAAAL,IAAAA,QAAA,EAAA,cACvCC,GAAA,CAACyB,WAAW,EAAA2D,aAAA,CAAA;AACJ9D,MAAAA,cAAc,EAAdA,cAAc;AACpBI,MAAAA,YAAY,EAAEM,iBAAkB;MAChCnD,IAAI,EAAEkF,KAAK,CAAClC;AAAM,KAAA,EACdgC,kBAAkB,CACvB,CAAC,EACDiB,UAAU,iBACTlF,IAAA,CAAA,KAAA,EAAA;AAAKQ,MAAAA,SAAS,EAAC,gBAAgB;MAAAL,QAAA,EAAA,cAC7BC,GAAA,CAAC0C,WAAW,EAAA;QACVC,YAAY,EAAEsB,UAAU,CAAA,SAAA,CAAS;QACjCpB,GAAG,EAAEoB,UAAU,CAACpB,GAAI;QACpBD,GAAG,EAAEqB,UAAU,CAACrB,GAAI;QACpB/D,IAAI,EAAEkF,KAAK,CAACmB,MAAO;AACnBpG,QAAAA,KAAK,EAAEf,CAAC,CAAC,gCAAgC,EAAE;AAAE8G,UAAAA,MAAM,EAANA;AAAO,SAAC,CAAE;AACvD7F,QAAAA,QAAQ,EAAEmG;AAAmB,OAC9B,CAAC,EACDf,kBAAkB,iBACjBpE,GAAA,CAACrB,cAAc,EAAA;AACPK,QAAAA,QAAQ,EAARA,QAAQ;QACdH,IAAI,EAAEkF,KAAK,CAACvE,SAAU;QACtBV,KAAK,EAAEf,CAAC,CAAC,qCAAqC;AAAE,OACjD,CACF,EACAuG,gBAAgB,iBACftE,GAAA,CAACqF,KAAK,EAAA;AACJvH,QAAAA,KAAK,EAAEC,CAAC,CAAC,mCAAmC,EAAE;AAAE8G,UAAAA,MAAM,EAANA;AAAO,SAAC,CAAE;AAC1DhG,QAAAA,IAAI,EAAC,SAAS;AACdyG,QAAAA,WAAW,EAAEvH,CAAC,CAAC,mCAAmC,EAAE;AAAE8G,UAAAA,MAAM,EAANA;AAAO,SAAC,CAAE;AAChEU,QAAAA,UAAU,EAAE;AACVC,UAAAA,aAAa,EAAE;AACbvH,YAAAA,IAAI,EAAEwH,IAAI;AACV9E,YAAAA,YAAY,EAAE;AACZC,cAAAA,OAAO,EAAE7C,CAAC,CAAC,qCAAqC,EAAE;AAChD8G,gBAAAA,MAAM,EAANA;AACF,eAAC,CAAC;AACFhE,cAAAA,QAAQ,EAAE;AACZ;AACF;AACF;AAAE,OACH,CACF;AAAA,KACE,CACN;AAAA,GACE,CAAC;AAEV;;;;"}
+{"version":3,"file":"ImageForm.js","sources":["../../app/javascript/src/v2/components/ImageForm/constants.js","../../app/javascript/src/v2/components/ImageForm/AlignmentBlock.jsx","../../app/javascript/src/v2/components/ImageForm/Block.jsx","../../app/javascript/src/v2/components/ImageForm/ImageUpload.jsx","../../app/javascript/src/v2/components/ImageForm/SliderBlock.jsx","../../app/javascript/src/v2/components/ImageForm/utils.js","../../app/javascript/src/v2/components/ImageForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { LeftAlign, CenterAlign, RightAlign } from \"neetoicons\";\n\nexport const ALIGNMENTS = [\n  {\n    label: t(\"neetoImageUploader.labels.leftAlign\"),\n    value: \"left\",\n    icon: LeftAlign,\n    dataTestid: \"left-alignment\",\n  },\n  {\n    label: t(\"neetoImageUploader.labels.centerAlign\"),\n    value: \"center\",\n    icon: CenterAlign,\n    dataTestid: \"center-alignment\",\n  },\n  {\n    label: t(\"neetoImageUploader.labels.rightAlign\"),\n    value: \"right\",\n    icon: RightAlign,\n    dataTestid: \"right-alignment\",\n  },\n];\n\nexport const MINIMUM_LOGO_HEIGHT = 64;\nexport const MAXIMUM_LOGO_HEIGHT = 100;\nexport const DEFAULT_LOGO_HEIGHT = 64;\nexport const DEFAULT_LOGO_POSITION = \"left\";\nexport const ONE_MEGABYTE = 1;\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport {\n  ToggleGroup,\n  ToggleGroupItem,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nimport { ALIGNMENTS, DEFAULT_LOGO_POSITION } from \"./constants\";\n\nconst AlignmentBlock = ({ name, title, onChange = noop }) => {\n  const [_, { value: alignment = DEFAULT_LOGO_POSITION }, { setValue }] =\n    useField(name);\n\n  const handleChange = newAlignment => {\n    // Radix emits \"\" when the active item is toggled off; alignment must always\n    // have a value, so ignore empty and no-op selections.\n    if (!newAlignment || alignment === newAlignment) return;\n\n    setValue(newAlignment, false);\n    onChange(name, newAlignment);\n  };\n\n  return (\n    <div data-testid={`${hyphenate(title)}-block`}>\n      <Typography variant=\"body2\" weight=\"medium\">\n        {title}\n      </Typography>\n      <ToggleGroup\n        className=\"bg-background border-input mt-2 w-fit rounded-md border p-[3px] shadow-none\"\n        size=\"sm\"\n        spacing={1}\n        type=\"single\"\n        value={alignment}\n        variant=\"default\"\n        onValueChange={handleChange}\n      >\n        {ALIGNMENTS.map(({ label, value, icon: Icon, dataTestid }) => (\n          <ToggleGroupItem\n            {...{ value }}\n            aria-label={label}\n            data-testid={dataTestid}\n            key={value}\n          >\n            <Icon />\n          </ToggleGroupItem>\n        ))}\n      </ToggleGroup>\n    </div>\n  );\n};\n\nexport default AlignmentBlock;\n","import { Spinner, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\n\nconst Block = ({\n  title,\n  children,\n  dataTestid,\n  className = \"\",\n  childrenClassName = \"\",\n  isLoading = false,\n  isLabelEnabled = true,\n}) => (\n  <div className={classnames(\"space-y-4\", className)} data-testid={dataTestid}>\n    {isLabelEnabled && (\n      <div\n        className=\"flex items-center justify-between\"\n        data-testid=\"properties-header\"\n      >\n        <Typography variant=\"body1\" weight=\"semibold\">\n          {title}\n        </Typography>\n        {isLoading && <Spinner />}\n      </div>\n    )}\n    <div className={classnames(\"space-y-4\", childrenClassName)}>{children}</div>\n  </div>\n);\n\nexport default Block;\n","import { useField } from \"formik\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { ONE_MEGABYTE } from \"./constants\";\n\nimport ImageUploader from \"../ImageUploader\";\n\nconst ImageUpload = ({\n  name,\n  handleUpdate,\n  maxSize = ONE_MEGABYTE,\n  isLabelEnabled = true,\n}) => {\n  const [_, { value: image }, { setValue }] = useField(name);\n  const { t } = useTranslation();\n  const handleImageChange = changedImage => {\n    if (isEmpty(changedImage?.url)) {\n      setValue(null, false);\n      handleUpdate(null);\n\n      return;\n    }\n\n    setValue(changedImage, false);\n    handleUpdate(changedImage);\n  };\n\n  const imageUrl = typeof image === \"string\" ? image : image?.url;\n\n  return (\n    <Block\n      {...{ isLabelEnabled }}\n      dataTestid=\"add-image-card\"\n      title={t(\"neetoImageUploader.labels.addImage\")}\n    >\n      <ImageUploader\n        className=\"w-full\"\n        key={imageUrl}\n        src={imageUrl}\n        uploadConfig={{ maxImageSize: maxSize }}\n        onUploadComplete={handleImageChange}\n      />\n    </Block>\n  );\n};\n\nexport default ImageUpload;\n","import { Slider } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nconst SliderBlock = ({\n  title,\n  name,\n  onChange = noop,\n  defaultValue,\n  min,\n  max,\n}) => {\n  const [_, { value }, { setValue }] = useField(name);\n\n  const handleChange = ([newValue]) => {\n    if (value === newValue) return;\n\n    setValue(newValue, false);\n    onChange(newValue);\n  };\n\n  return (\n    <div data-testid={`${hyphenate(title)}-slider-block`}>\n      <Slider\n        {...{ max, min }}\n        defaultValue={defaultValue !== undefined ? [defaultValue] : undefined}\n        label={title}\n        value={value !== undefined ? [value] : undefined}\n        onValueChange={handleChange}\n      />\n    </div>\n  );\n};\n\nexport default SliderBlock;\n","import { DEFAULT_LOGO_HEIGHT } from \"./constants\";\n\nconst root = document.querySelector(\":root\");\n\nexport const setLogoHeight = (value, variableName) =>\n  root.style.setProperty(\n    variableName,\n    `${Number(value) || DEFAULT_LOGO_HEIGHT}px`\n  );\n","import { useEffect } from \"react\";\n\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext, getIn, useField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlignmentBlock from \"./AlignmentBlock\";\nimport {\n  DEFAULT_LOGO_HEIGHT,\n  MAXIMUM_LOGO_HEIGHT,\n  MINIMUM_LOGO_HEIGHT,\n} from \"./constants\";\nimport ImageUpload from \"./ImageUpload\";\nimport SliderBlock from \"./SliderBlock\";\nimport { setLogoHeight } from \"./utils\";\n\nconst ImageForm = ({\n  onChange = noop,\n  imageUploaderProps = {},\n  className = \"\",\n  names = {},\n  logoHeight = {\n    default: DEFAULT_LOGO_HEIGHT,\n    min: MINIMUM_LOGO_HEIGHT,\n    max: MAXIMUM_LOGO_HEIGHT,\n  },\n  logoSizeVariableName,\n  showAlignmentBlock = true,\n  showAltTextBlock = true,\n  isLabelEnabled = true,\n  entityName,\n}) => {\n  const { values, setFieldValue } = useFormikContext();\n  const [{ value: altTextValue }] = useField(\"altText\");\n\n  const { t } = useTranslation();\n  const entity = entityName || t(\"neetoImageUploader.common.logo\");\n\n  const imageValue = getIn(values, names.image);\n\n  useEffect(() => {\n    if (altTextValue !== undefined) {\n      onChange?.(\"altText\", altTextValue);\n    }\n  }, [altTextValue, onChange]);\n\n  const handleImageChange = image => {\n    if (isNil(image)) {\n      setLogoHeight(logoHeight.default, logoSizeVariableName);\n      setFieldValue(names.height, logoHeight.default);\n    }\n\n    onChange?.(names.image, image);\n  };\n\n  const handleSliderChange = value => {\n    setLogoHeight(value, logoSizeVariableName);\n    onChange?.(names.height, value);\n  };\n\n  return (\n    <div className={`space-y-6 ${className}`}>\n      <ImageUpload\n        {...{ isLabelEnabled }}\n        handleUpdate={handleImageChange}\n        name={names.image}\n        {...imageUploaderProps}\n      />\n      {imageValue && (\n        <div className=\"space-y-6 px-2\">\n          <SliderBlock\n            defaultValue={logoHeight.default}\n            max={logoHeight.max}\n            min={logoHeight.min}\n            name={names.height}\n            title={t(\"neetoImageUploader.labels.size\", { entity })}\n            onChange={handleSliderChange}\n          />\n          {showAlignmentBlock && (\n            <AlignmentBlock\n              {...{ onChange }}\n              name={names.alignment}\n              title={t(\"neetoImageUploader.labels.alignment\")}\n            />\n          )}\n          {showAltTextBlock && (\n            <Input\n              label={t(\"neetoImageUploader.labels.altText\", { entity })}\n              name=\"altText\"\n              placeholder={t(\"neetoImageUploader.labels.altText\", { entity })}\n              labelProps={{\n                helpIconProps: {\n                  icon: Help,\n                  tooltipProps: {\n                    content: t(\"neetoImageUploader.tooltips.altText\", {\n                      entity,\n                    }),\n                    position: \"top\",\n                  },\n                },\n              }}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ImageForm;\n"],"names":["ALIGNMENTS","label","t","value","icon","LeftAlign","dataTestid","CenterAlign","RightAlign","MINIMUM_LOGO_HEIGHT","MAXIMUM_LOGO_HEIGHT","DEFAULT_LOGO_HEIGHT","DEFAULT_LOGO_POSITION","ONE_MEGABYTE","AlignmentBlock","_ref","name","title","_ref$onChange","onChange","noop","_useField","useField","_useField2","_slicedToArray","_","_useField2$1$value","alignment","setValue","handleChange","newAlignment","_jsxs","concat","hyphenate","children","_jsx","Typography","variant","weight","ToggleGroup","className","size","spacing","type","onValueChange","map","_ref2","Icon","_createElement","ToggleGroupItem","key","Block","_ref$className","_ref$childrenClassNam","childrenClassName","_ref$isLoading","isLoading","_ref$isLabelEnabled","isLabelEnabled","classnames","Spinner","ImageUpload","handleUpdate","_ref$maxSize","maxSize","image","_useTranslation","useTranslation","handleImageChange","changedImage","isEmpty","url","imageUrl","ImageUploader","src","uploadConfig","maxImageSize","onUploadComplete","SliderBlock","defaultValue","min","max","_ref3","newValue","Slider","undefined","root","document","querySelector","setLogoHeight","variableName","style","setProperty","Number","ImageForm","_ref$imageUploaderPro","imageUploaderProps","_ref$names","names","_ref$logoHeight","logoHeight","logoSizeVariableName","_ref$showAlignmentBlo","showAlignmentBlock","_ref$showAltTextBlock","showAltTextBlock","entityName","_useFormikContext","useFormikContext","values","setFieldValue","altTextValue","entity","imageValue","getIn","useEffect","isNil","height","handleSliderChange","_objectSpread","Input","placeholder","labelProps","helpIconProps","Help","tooltipProps","content","position"],"mappings":"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"}