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

package/dist/v2/ImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/v2/components/ImageUploader/index.jsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\n\nimport { DropdownMenu } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName, isGif } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\nimport ImageDirectUpload from \"v2/components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"v2/components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"v2/components/constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"v2/components/ImageEditor/utils\";\nimport AssetLibrary from \"v2/components/Modal\";\nimport { constructCloudflareImageURL } from \"v2/components/utils\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst ImageUploader = forwardRef(\n  (\n    {\n      onUploadComplete = noop,\n      className = \"\",\n      src = \"\",\n      uploadConfig = {},\n      fixedAspectRatio = {},\n      defaultImageSize = {},\n      isDisabled = false,\n      onDrop,\n      isOptionsDisabled = false,\n      showAssetLibrary = true,\n    },\n    uploaderRef\n  ) => {\n    const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n    const [image, setImage] = useState({ url: src });\n\n    const { t } = useTranslation();\n\n    const { mutateAsync: createBlob } = useCreateBlob();\n\n    const uploadConfigWithDefaults = mergeRight(\n      DEFAULT_UPLOAD_CONFIG,\n      uploadConfig\n    );\n\n    const isCloudFlareImageUploader =\n      globalProps.assetsUploaderService === CLOUD_FLARE;\n\n    const handleDelete = () => {\n      setImage({});\n      onChange({\n        url: \"\",\n        signedId: \"\",\n        key: \"\",\n        filename: \"\",\n        size: \"\",\n        type: \"\",\n      });\n    };\n\n    const onChange = file => onUploadComplete(file);\n\n    const handleSuccess = attachedImage => {\n      setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n      onChange({\n        id: attachedImage.id,\n        filename: generateASCIIFileName(attachedImage.filename),\n        key: attachedImage.key,\n        url: attachedImage.metadata.url,\n        signedId: attachedImage.signedId,\n        size: attachedImage.byteSize,\n        type: attachedImage.contentType,\n      });\n    };\n\n    const handleImageSelectionFromLibrary = image => {\n      setImage(image);\n      onChange(image);\n    };\n\n    const handleUploadComplete = async result => {\n      if (IS_DEVELOPMENT_OR_HEROKU_ENV || isGif(result)) {\n        handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n        return;\n      }\n\n      const imageKitPayload = () => ({\n        filename: generateASCIIFileName(result.name),\n        byte_size: result.size,\n        content_type: result.fileType,\n        checksum: result.fileId,\n        metadata: { ...result, imagekit_file_id: result.fileId },\n        service_name: \"imagekitio\",\n      });\n\n      const cloudFlarePayload = () => ({\n        filename: generateASCIIFileName(result.filename),\n        content_type: result.contentType,\n        byte_size: result.byteSize,\n        checksum: result.id,\n        metadata: {\n          ...result.metadata,\n          url: constructCloudflareImageURL(result.variants[0]),\n          isCropped: false,\n        },\n        service_name: \"cloudflare_image\",\n      });\n\n      const payload = isCloudFlareImageUploader\n        ? cloudFlarePayload()\n        : imageKitPayload();\n\n      const response = await createBlob(payload, {});\n      const attachedImage = isCloudFlareImageUploader\n        ? response\n        : mergeRight(response, { metadata: { url: result.url } });\n      handleSuccess(attachedImage);\n    };\n\n    const { uploadFile } = useImageUploader({\n      onUploadComplete: handleUploadComplete,\n    });\n\n    const options = [\n      {\n        key: OPTION_KEYS.asset,\n        label: t(\"neetoImageUploader.imageUpload.change\"),\n        onClick: () => setIsAssetLibraryOpen(true),\n        \"data-testid\": \"image-uploader-open-image-library-button\",\n      },\n      {\n        key: OPTION_KEYS.remove,\n        label: t(\"neetoImageUploader.imageUpload.remove\"),\n        onClick: handleDelete,\n        \"data-testid\": \"image-uploader-remove-button\",\n      },\n    ];\n\n    return (\n      <div\n        className={classnames(className, {\n          \"cursor-pointer\": true,\n          \"cursor-not-allowed\": isDisabled,\n          \"opacity-70\": isDisabled && isNilOrEmpty(image.url),\n        })}\n      >\n        {isNotNilOrEmpty(image.url) ? (\n          <div\n            className={IMAGE_WRAPPER_CLASSNAME}\n            data-testid=\"image-uploader-wrapper\"\n          >\n            <ImageWithFallback\n              className=\"h-full w-full\"\n              data-testid=\"uploaded-image\"\n              src={image.url}\n            />\n            {!isOptionsDisabled && (\n              <DropdownMenu\n                disabled={isDisabled}\n                icon={MenuHorizontal}\n                buttonProps={{\n                  variant: \"outline\",\n                  size: \"sm\",\n                  className: \"absolute end-3 top-3 rounded-full\",\n                  // Icon-only menu: drop the default chevron.\n                  trailing: null,\n                }}\n              >\n                {options.map(({ key, label, ...otherProps }) => (\n                  <DropdownMenu.MenuItem {...otherProps} key={key}>\n                    {label}\n                  </DropdownMenu.MenuItem>\n                ))}\n              </DropdownMenu>\n            )}\n          </div>\n        ) : (\n          <ImageDirectUpload\n            {...{\n              defaultImageSize,\n              setImage,\n              ...(showAssetLibrary && { setIsAssetLibraryOpen }),\n            }}\n            isDisabled={isPresent(fixedAspectRatio)}\n            isUploadDisabled={isDisabled}\n            ref={uploaderRef}\n            uploadConfig={uploadConfigWithDefaults}\n            onDrop={onDrop || uploadFile}\n          />\n        )}\n        {showAssetLibrary && (\n          <AssetLibrary\n            {...{ defaultImageSize, fixedAspectRatio }}\n            isOpen={isAssetLibraryOpen}\n            uploadConfig={uploadConfigWithDefaults}\n            onClose={() => setIsAssetLibraryOpen(false)}\n            onUploadComplete={handleImageSelectionFromLibrary}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nImageUploader.displayName = \"ImageUploader\";\n\nexport default ImageUploader;\n"],"names":["ImageUploader","forwardRef","_ref","uploaderRef","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_ref$showAssetLibrary","showAssetLibrary","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","id","generateASCIIFileName","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","_objectSpread","imagekit_file_id","service_name","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","isNilOrEmpty","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","DropdownMenu","disabled","icon","MenuHorizontal","buttonProps","variant","trailing","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","MenuItem","ImageDirectUpload","isPresent","isUploadDisabled","ref","AssetLibrary","isOpen","onClose","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAMA,aAAa,gBAAGC,UAAU,CAC9B,UAAAC,IAAA,EAaEC,WAAW,EACR;AAAA,EAAA,IAAAC,qBAAA,GAAAF,IAAA,CAZDG,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,qBAAA;IAAAG,cAAA,GAAAL,IAAA,CACvBM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,QAAA,GAAAP,IAAA,CACdQ,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,QAAA;IAAAE,iBAAA,GAAAT,IAAA,CACRU,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,iBAAA;IAAAE,qBAAA,GAAAX,IAAA,CACjBY,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAAAb,IAAA,CACrBc,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAAf,IAAA,CACrBgB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAClBE,MAAM,GAAAjB,IAAA,CAANiB,MAAM;IAAAC,qBAAA,GAAAlB,IAAA,CACNmB,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAApB,IAAA,CACzBqB,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;AAIzB,EAAA,IAAAE,SAAA,GAAoDC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA;EAChD,IAAAI,UAAA,GAA0BL,QAAQ,CAAC;AAAEM,MAAAA,GAAG,EAAErB;AAAI,KAAC,CAAC;IAAAsB,UAAA,GAAAL,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAzCG,IAAAA,KAAK,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAAG,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAAC,cAAA,GAAoCC,aAAa,EAAE;IAA9BC,UAAU,GAAAF,cAAA,CAAvBG,WAAW;AAEnB,EAAA,IAAMC,wBAAwB,GAAGC,UAAU,CACzCC,qBAAqB,EACrBhC,YACF,CAAC;AAED,EAAA,IAAMiC,yBAAyB,GAC7BC,WAAW,CAACC,qBAAqB,KAAKC,WAAW;AAEnD,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;IACzBf,QAAQ,CAAC,EAAE,CAAC;AACZgB,IAAAA,QAAQ,CAAC;AACPnB,MAAAA,GAAG,EAAE,EAAE;AACPoB,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,GAAG,EAAE,EAAE;AACPC,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,IAAI,EAAE,EAAE;AACRC,MAAAA,IAAI,EAAE;AACR,KAAC,CAAC;EACJ,CAAC;AAED,EAAA,IAAML,QAAQ,GAAG,SAAXA,QAAQA,CAAGM,IAAI,EAAA;IAAA,OAAInD,gBAAgB,CAACmD,IAAI,CAAC;AAAA,EAAA,CAAA;AAE/C,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,aAAa,EAAI;AACrCxB,IAAAA,QAAQ,CAACS,UAAU,CAACV,KAAK,EAAE;AAAEF,MAAAA,GAAG,EAAE2B,aAAa,CAACC,QAAQ,CAAC5B;AAAI,KAAC,CAAC,CAAC;AAChEmB,IAAAA,QAAQ,CAAC;MACPU,EAAE,EAAEF,aAAa,CAACE,EAAE;AACpBP,MAAAA,QAAQ,EAAEQ,qBAAqB,CAACH,aAAa,CAACL,QAAQ,CAAC;MACvDD,GAAG,EAAEM,aAAa,CAACN,GAAG;AACtBrB,MAAAA,GAAG,EAAE2B,aAAa,CAACC,QAAQ,CAAC5B,GAAG;MAC/BoB,QAAQ,EAAEO,aAAa,CAACP,QAAQ;MAChCG,IAAI,EAAEI,aAAa,CAACI,QAAQ;MAC5BP,IAAI,EAAEG,aAAa,CAACK;AACtB,KAAC,CAAC;EACJ,CAAC;AAED,EAAA,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAG/B,KAAK,EAAI;IAC/CC,QAAQ,CAACD,KAAK,CAAC;IACfiB,QAAQ,CAACjB,KAAK,CAAC;EACjB,CAAC;AAED,EAAA,IAAMgC,oBAAoB,gBAAA,YAAA;IAAA,IAAAC,KAAA,GAAAC,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAG,SAAAC,OAAAA,CAAMC,MAAM,EAAA;MAAA,IAAAC,eAAA,EAAAC,iBAAA,EAAAC,OAAA,EAAAC,QAAA,EAAAjB,aAAA;AAAA,MAAA,OAAAU,mBAAA,CAAAQ,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,UAAA,KAAA,CAAA;AAAA,YAAA,IAAA,EACnCC,4BAA4B,IAAIC,KAAK,CAACX,MAAM,CAAC,CAAA,EAAA;AAAAO,cAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAC/CvB,YAAAA,aAAa,CAACd,UAAU,CAAC4B,MAAM,EAAE;AAAEZ,cAAAA,QAAQ,EAAE;gBAAE5B,GAAG,EAAEwC,MAAM,CAACxC;AAAI;AAAE,aAAC,CAAC,CAAC;YAAC,OAAA+C,QAAA,CAAAK,MAAA,CAAA,QAAA,CAAA;AAAA,UAAA,KAAA,CAAA;YAKjEX,eAAe,GAAG,SAAlBA,eAAeA,GAAA;cAAA,OAAU;AAC7BnB,gBAAAA,QAAQ,EAAEQ,qBAAqB,CAACU,MAAM,CAACa,IAAI,CAAC;gBAC5CC,SAAS,EAAEd,MAAM,CAACjB,IAAI;gBACtBgC,YAAY,EAAEf,MAAM,CAACgB,QAAQ;gBAC7BC,QAAQ,EAAEjB,MAAM,CAACkB,MAAM;AACvB9B,gBAAAA,QAAQ,EAAA+B,aAAA,CAAAA,aAAA,KAAOnB,MAAM,CAAA,EAAA,EAAA,EAAA;kBAAEoB,gBAAgB,EAAEpB,MAAM,CAACkB;iBAAM,CAAE;AACxDG,gBAAAA,YAAY,EAAE;eACf;YAAA,CAAC;YAEInB,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;cAAA,OAAU;AAC/BpB,gBAAAA,QAAQ,EAAEQ,qBAAqB,CAACU,MAAM,CAAClB,QAAQ,CAAC;gBAChDiC,YAAY,EAAEf,MAAM,CAACR,WAAW;gBAChCsB,SAAS,EAAEd,MAAM,CAACT,QAAQ;gBAC1B0B,QAAQ,EAAEjB,MAAM,CAACX,EAAE;AACnBD,gBAAAA,QAAQ,EAAA+B,aAAA,CAAAA,aAAA,CAAA,EAAA,EACHnB,MAAM,CAACZ,QAAQ,CAAA,EAAA,EAAA,EAAA;kBAClB5B,GAAG,EAAE8D,2BAA2B,CAACtB,MAAM,CAACuB,QAAQ,CAAC,CAAC,CAAC,CAAC;AACpDC,kBAAAA,SAAS,EAAE;iBAAK,CACjB;AACDH,gBAAAA,YAAY,EAAE;eACf;YAAA,CAAC;YAEIlB,OAAO,GAAG7B,yBAAyB,GACrC4B,iBAAiB,EAAE,GACnBD,eAAe,EAAE;AAAAM,YAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;AAAA,YAAA,OAEExC,UAAU,CAACkC,OAAO,EAAE,EAAE,CAAC;AAAA,UAAA,KAAA,CAAA;YAAxCC,QAAQ,GAAAG,QAAA,CAAAkB,IAAA;YACRtC,aAAa,GAAGb,yBAAyB,GAC3C8B,QAAQ,GACRhC,UAAU,CAACgC,QAAQ,EAAE;AAAEhB,cAAAA,QAAQ,EAAE;gBAAE5B,GAAG,EAAEwC,MAAM,CAACxC;AAAI;AAAE,aAAC,CAAC;YAC3D0B,aAAa,CAACC,aAAa,CAAC;AAAC,UAAA,KAAA,EAAA;AAAA,UAAA,KAAA,KAAA;YAAA,OAAAoB,QAAA,CAAAmB,IAAA,EAAA;AAAA;AAAA,MAAA,CAAA,EAAA3B,OAAA,CAAA;IAAA,CAC9B,CAAA,CAAA;IAAA,OAAA,SAtCKL,oBAAoBA,CAAAiC,EAAA,EAAA;AAAA,MAAA,OAAAhC,KAAA,CAAAiC,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA,IAAA,CAAA;EAAA,CAAA,EAsCzB;EAED,IAAAC,iBAAA,GAAuBC,gBAAgB,CAAC;AACtCjG,MAAAA,gBAAgB,EAAE4D;AACpB,KAAC,CAAC;IAFMsC,UAAU,GAAAF,iBAAA,CAAVE,UAAU;EAIlB,IAAMC,OAAO,GAAG,CACd;IACEpD,GAAG,EAAEqD,WAAW,CAACC,KAAK;AACtBC,IAAAA,KAAK,EAAEtE,CAAC,CAAC,uCAAuC,CAAC;IACjDuE,OAAO,EAAE,SAATA,OAAOA,GAAA;MAAA,OAAQ/E,qBAAqB,CAAC,IAAI,CAAC;AAAA,IAAA,CAAA;AAC1C,IAAA,aAAa,EAAE;AACjB,GAAC,EACD;IACEuB,GAAG,EAAEqD,WAAW,CAACI,MAAM;AACvBF,IAAAA,KAAK,EAAEtE,CAAC,CAAC,uCAAuC,CAAC;AACjDuE,IAAAA,OAAO,EAAE3D,YAAY;AACrB,IAAA,aAAa,EAAE;AACjB,GAAC,CACF;AAED,EAAA,oBACE6D,IAAA,CAAA,KAAA,EAAA;AACEtG,IAAAA,SAAS,EAAEuG,UAAU,CAACvG,SAAS,EAAE;AAC/B,MAAA,gBAAgB,EAAE,IAAI;AACtB,MAAA,oBAAoB,EAAEU,UAAU;AAChC,MAAA,YAAY,EAAEA,UAAU,IAAI8F,YAAY,CAAC/E,KAAK,CAACF,GAAG;AACpD,KAAC,CAAE;IAAAkF,QAAA,EAAA,CAEFC,eAAe,CAACjF,KAAK,CAACF,GAAG,CAAC,gBACzB+E,IAAA,CAAA,KAAA,EAAA;AACEtG,MAAAA,SAAS,EAAE2G,uBAAwB;AACnC,MAAA,aAAA,EAAY,wBAAwB;MAAAF,QAAA,EAAA,cAEpCG,GAAA,CAACC,iBAAiB,EAAA;AAChB7G,QAAAA,SAAS,EAAC,eAAe;AACzB,QAAA,aAAA,EAAY,gBAAgB;QAC5BE,GAAG,EAAEuB,KAAK,CAACF;AAAI,OAChB,CAAC,EACD,CAACV,iBAAiB,iBACjB+F,GAAA,CAACE,YAAY,EAAA;AACXC,QAAAA,QAAQ,EAAErG,UAAW;AACrBsG,QAAAA,IAAI,EAAEC,cAAe;AACrBC,QAAAA,WAAW,EAAE;AACXC,UAAAA,OAAO,EAAE,SAAS;AAClBrE,UAAAA,IAAI,EAAE,IAAI;AACV9C,UAAAA,SAAS,EAAE,mCAAmC;AAC9C;AACAoH,UAAAA,QAAQ,EAAE;SACV;AAAAX,QAAAA,QAAA,EAEDT,OAAO,CAACqB,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,UAAA,IAAG1E,GAAG,GAAA0E,KAAA,CAAH1E,GAAG;YAAEuD,KAAK,GAAAmB,KAAA,CAALnB,KAAK;AAAKoB,YAAAA,UAAU,GAAAC,wBAAA,CAAAF,KAAA,EAAAG,SAAA,CAAA;UAAA,oBACvCC,aAAA,CAACZ,YAAY,CAACa,QAAQ,EAAAzC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKqC,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE3E,YAAAA,GAAG,EAAEA;AAAI,WAAA,CAAA,EAC7CuD,KACoB,CAAC;QAAA,CACzB;AAAC,OACU,CACf;KACE,CAAC,gBAENS,GAAA,CAACgB,iBAAiB,EAAA1C,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAA;AAEd1E,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBkB,MAAAA,QAAQ,EAARA;AAAQ,KAAA,EACJX,gBAAgB,IAAI;AAAEM,MAAAA,qBAAqB,EAArBA;KAAuB,CAAA,CAAA,EAAA,EAAA,EAAA;AAEnDX,MAAAA,UAAU,EAAEmH,SAAS,CAACvH,gBAAgB,CAAE;AACxCwH,MAAAA,gBAAgB,EAAEpH,UAAW;AAC7BqH,MAAAA,GAAG,EAAEpI,WAAY;AACjBS,MAAAA,YAAY,EAAE8B,wBAAyB;MACvCvB,MAAM,EAAEA,MAAM,IAAIoF;AAAW,KAAA,CAC9B,CACF,EACAhF,gBAAgB,iBACf6F,GAAA,CAACoB,KAAY,EAAA;AACLxH,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAAEF,MAAAA,gBAAgB,EAAhBA,gBAAgB;AACxC2H,MAAAA,MAAM,EAAE7G,kBAAmB;AAC3BhB,MAAAA,YAAY,EAAE8B,wBAAyB;MACvCgG,OAAO,EAAE,SAATA,OAAOA,GAAA;QAAA,OAAQ7G,qBAAqB,CAAC,KAAK,CAAC;MAAA,CAAC;AAC5CxB,MAAAA,gBAAgB,EAAE2D;AAAgC,KACnD,CACF;AAAA,GACE,CAAC;AAEV,CACF;AAEAhE,aAAa,CAAC2I,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/v2/components/ImageUploader/index.jsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\n\nimport { DropdownMenu } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"v2/hooks/useImageUploader\";\nimport { generateASCIIFileName, isGif } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\nimport ImageDirectUpload from \"v2/components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"v2/components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"v2/components/constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"v2/components/ImageEditor/utils\";\nimport AssetLibrary from \"v2/components/Modal\";\nimport { constructCloudflareImageURL } from \"v2/components/utils\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst ImageUploader = forwardRef(\n  (\n    {\n      onUploadComplete = noop,\n      className = \"\",\n      src = \"\",\n      uploadConfig = {},\n      fixedAspectRatio = {},\n      defaultImageSize = {},\n      isDisabled = false,\n      onDrop,\n      isOptionsDisabled = false,\n      showAssetLibrary = true,\n    },\n    uploaderRef\n  ) => {\n    const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n    const [image, setImage] = useState({ url: src });\n\n    const { t } = useTranslation();\n\n    const { mutateAsync: createBlob } = useCreateBlob();\n\n    const uploadConfigWithDefaults = mergeRight(\n      DEFAULT_UPLOAD_CONFIG,\n      uploadConfig\n    );\n\n    const isCloudFlareImageUploader =\n      globalProps.assetsUploaderService === CLOUD_FLARE;\n\n    const handleDelete = () => {\n      setImage({});\n      onChange({\n        url: \"\",\n        signedId: \"\",\n        key: \"\",\n        filename: \"\",\n        size: \"\",\n        type: \"\",\n      });\n    };\n\n    const onChange = file => onUploadComplete(file);\n\n    const handleSuccess = attachedImage => {\n      setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n      onChange({\n        id: attachedImage.id,\n        filename: generateASCIIFileName(attachedImage.filename),\n        key: attachedImage.key,\n        url: attachedImage.metadata.url,\n        signedId: attachedImage.signedId,\n        size: attachedImage.byteSize,\n        type: attachedImage.contentType,\n      });\n    };\n\n    const handleImageSelectionFromLibrary = image => {\n      setImage(image);\n      onChange(image);\n    };\n\n    const handleUploadComplete = async result => {\n      if (IS_DEVELOPMENT_OR_HEROKU_ENV || isGif(result)) {\n        handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n        return;\n      }\n\n      const imageKitPayload = () => ({\n        filename: generateASCIIFileName(result.name),\n        byte_size: result.size,\n        content_type: result.fileType,\n        checksum: result.fileId,\n        metadata: { ...result, imagekit_file_id: result.fileId },\n        service_name: \"imagekitio\",\n      });\n\n      const cloudFlarePayload = () => ({\n        filename: generateASCIIFileName(result.filename),\n        content_type: result.contentType,\n        byte_size: result.byteSize,\n        checksum: result.id,\n        metadata: {\n          ...result.metadata,\n          url: constructCloudflareImageURL(result.variants[0]),\n          isCropped: false,\n        },\n        service_name: \"cloudflare_image\",\n      });\n\n      const payload = isCloudFlareImageUploader\n        ? cloudFlarePayload()\n        : imageKitPayload();\n\n      const response = await createBlob(payload, {});\n      const attachedImage = isCloudFlareImageUploader\n        ? response\n        : mergeRight(response, { metadata: { url: result.url } });\n      handleSuccess(attachedImage);\n    };\n\n    const { uploadFile } = useImageUploader({\n      onUploadComplete: handleUploadComplete,\n    });\n\n    const options = [\n      {\n        key: OPTION_KEYS.asset,\n        label: t(\"neetoImageUploader.imageUpload.change\"),\n        onClick: () => setIsAssetLibraryOpen(true),\n        \"data-testid\": \"image-uploader-open-image-library-button\",\n      },\n      {\n        key: OPTION_KEYS.remove,\n        label: t(\"neetoImageUploader.imageUpload.remove\"),\n        onClick: handleDelete,\n        \"data-testid\": \"image-uploader-remove-button\",\n      },\n    ];\n\n    return (\n      <div\n        className={classnames(className, {\n          \"cursor-pointer\": true,\n          \"cursor-not-allowed\": isDisabled,\n          \"opacity-70\": isDisabled && isNilOrEmpty(image.url),\n        })}\n      >\n        {isNotNilOrEmpty(image.url) ? (\n          <div\n            className={IMAGE_WRAPPER_CLASSNAME}\n            data-testid=\"image-uploader-wrapper\"\n          >\n            <ImageWithFallback\n              className=\"h-full w-full\"\n              data-testid=\"uploaded-image\"\n              src={image.url}\n            />\n            {!isOptionsDisabled && (\n              <DropdownMenu\n                disabled={isDisabled}\n                icon={MenuHorizontal}\n                buttonProps={{\n                  variant: \"outline\",\n                  size: \"sm\",\n                  className: \"absolute end-3 top-3 rounded-full\",\n                  // Icon-only menu: drop the default chevron.\n                  trailing: null,\n                }}\n              >\n                {options.map(({ key, label, ...otherProps }) => (\n                  <DropdownMenu.MenuItem {...otherProps} key={key}>\n                    {label}\n                  </DropdownMenu.MenuItem>\n                ))}\n              </DropdownMenu>\n            )}\n          </div>\n        ) : (\n          <ImageDirectUpload\n            {...{\n              defaultImageSize,\n              setImage,\n              ...(showAssetLibrary && { setIsAssetLibraryOpen }),\n            }}\n            isDisabled={isPresent(fixedAspectRatio)}\n            isUploadDisabled={isDisabled}\n            ref={uploaderRef}\n            uploadConfig={uploadConfigWithDefaults}\n            onDrop={onDrop || uploadFile}\n          />\n        )}\n        {showAssetLibrary && (\n          <AssetLibrary\n            {...{ defaultImageSize, fixedAspectRatio }}\n            isOpen={isAssetLibraryOpen}\n            uploadConfig={uploadConfigWithDefaults}\n            onClose={() => setIsAssetLibraryOpen(false)}\n            onUploadComplete={handleImageSelectionFromLibrary}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nImageUploader.displayName = \"ImageUploader\";\n\nexport default ImageUploader;\n"],"names":["ImageUploader","forwardRef","_ref","uploaderRef","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_ref$showAssetLibrary","showAssetLibrary","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","id","generateASCIIFileName","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","_objectSpread","imagekit_file_id","service_name","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","isNilOrEmpty","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","DropdownMenu","disabled","icon","MenuHorizontal","buttonProps","variant","trailing","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","MenuItem","ImageDirectUpload","isPresent","isUploadDisabled","ref","AssetLibrary","isOpen","onClose","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAMA,aAAa,gBAAGC,UAAU,CAC9B,UAAAC,IAAA,EAaEC,WAAW,EACR;AAAA,EAAA,IAAAC,qBAAA,GAAAF,IAAA,CAZDG,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,qBAAA;IAAAG,cAAA,GAAAL,IAAA,CACvBM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,QAAA,GAAAP,IAAA,CACdQ,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,QAAA;IAAAE,iBAAA,GAAAT,IAAA,CACRU,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,iBAAA;IAAAE,qBAAA,GAAAX,IAAA,CACjBY,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAAAb,IAAA,CACrBc,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAAf,IAAA,CACrBgB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAClBE,MAAM,GAAAjB,IAAA,CAANiB,MAAM;IAAAC,qBAAA,GAAAlB,IAAA,CACNmB,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAApB,IAAA,CACzBqB,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;AAIzB,EAAA,IAAAE,SAAA,GAAoDC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA;EAChD,IAAAI,UAAA,GAA0BL,QAAQ,CAAC;AAAEM,MAAAA,GAAG,EAAErB;AAAI,KAAC,CAAC;IAAAsB,UAAA,GAAAL,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAzCG,IAAAA,KAAK,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAAG,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAAC,cAAA,GAAoCC,aAAa,EAAE;IAA9BC,UAAU,GAAAF,cAAA,CAAvBG,WAAW;AAEnB,EAAA,IAAMC,wBAAwB,GAAGC,UAAU,CACzCC,qBAAqB,EACrBhC,YACF,CAAC;AAED,EAAA,IAAMiC,yBAAyB,GAC7BC,WAAW,CAACC,qBAAqB,KAAKC,WAAW;AAEnD,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;IACzBf,QAAQ,CAAC,EAAE,CAAC;AACZgB,IAAAA,QAAQ,CAAC;AACPnB,MAAAA,GAAG,EAAE,EAAE;AACPoB,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,GAAG,EAAE,EAAE;AACPC,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,IAAI,EAAE,EAAE;AACRC,MAAAA,IAAI,EAAE;AACR,KAAC,CAAC;EACJ,CAAC;AAED,EAAA,IAAML,QAAQ,GAAG,SAAXA,QAAQA,CAAGM,IAAI,EAAA;IAAA,OAAInD,gBAAgB,CAACmD,IAAI,CAAC;AAAA,EAAA,CAAA;AAE/C,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,aAAa,EAAI;AACrCxB,IAAAA,QAAQ,CAACS,UAAU,CAACV,KAAK,EAAE;AAAEF,MAAAA,GAAG,EAAE2B,aAAa,CAACC,QAAQ,CAAC5B;AAAI,KAAC,CAAC,CAAC;AAChEmB,IAAAA,QAAQ,CAAC;MACPU,EAAE,EAAEF,aAAa,CAACE,EAAE;AACpBP,MAAAA,QAAQ,EAAEQ,qBAAqB,CAACH,aAAa,CAACL,QAAQ,CAAC;MACvDD,GAAG,EAAEM,aAAa,CAACN,GAAG;AACtBrB,MAAAA,GAAG,EAAE2B,aAAa,CAACC,QAAQ,CAAC5B,GAAG;MAC/BoB,QAAQ,EAAEO,aAAa,CAACP,QAAQ;MAChCG,IAAI,EAAEI,aAAa,CAACI,QAAQ;MAC5BP,IAAI,EAAEG,aAAa,CAACK;AACtB,KAAC,CAAC;EACJ,CAAC;AAED,EAAA,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAG/B,KAAK,EAAI;IAC/CC,QAAQ,CAACD,KAAK,CAAC;IACfiB,QAAQ,CAACjB,KAAK,CAAC;EACjB,CAAC;AAED,EAAA,IAAMgC,oBAAoB,gBAAA,YAAA;IAAA,IAAAC,KAAA,GAAAC,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAG,SAAAC,OAAAA,CAAMC,MAAM,EAAA;MAAA,IAAAC,eAAA,EAAAC,iBAAA,EAAAC,OAAA,EAAAC,QAAA,EAAAjB,aAAA;AAAA,MAAA,OAAAU,mBAAA,CAAAQ,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,UAAA,KAAA,CAAA;AAAA,YAAA,IAAA,EACnCC,4BAA4B,IAAIC,KAAK,CAACX,MAAM,CAAC,CAAA,EAAA;AAAAO,cAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAC/CvB,YAAAA,aAAa,CAACd,UAAU,CAAC4B,MAAM,EAAE;AAAEZ,cAAAA,QAAQ,EAAE;gBAAE5B,GAAG,EAAEwC,MAAM,CAACxC;AAAI;AAAE,aAAC,CAAC,CAAC;YAAC,OAAA+C,QAAA,CAAAK,MAAA,CAAA,QAAA,CAAA;AAAA,UAAA,KAAA,CAAA;YAKjEX,eAAe,GAAG,SAAlBA,eAAeA,GAAA;cAAA,OAAU;AAC7BnB,gBAAAA,QAAQ,EAAEQ,qBAAqB,CAACU,MAAM,CAACa,IAAI,CAAC;gBAC5CC,SAAS,EAAEd,MAAM,CAACjB,IAAI;gBACtBgC,YAAY,EAAEf,MAAM,CAACgB,QAAQ;gBAC7BC,QAAQ,EAAEjB,MAAM,CAACkB,MAAM;AACvB9B,gBAAAA,QAAQ,EAAA+B,aAAA,CAAAA,aAAA,KAAOnB,MAAM,CAAA,EAAA,EAAA,EAAA;kBAAEoB,gBAAgB,EAAEpB,MAAM,CAACkB;iBAAM,CAAE;AACxDG,gBAAAA,YAAY,EAAE;eACf;YAAA,CAAC;YAEInB,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;cAAA,OAAU;AAC/BpB,gBAAAA,QAAQ,EAAEQ,qBAAqB,CAACU,MAAM,CAAClB,QAAQ,CAAC;gBAChDiC,YAAY,EAAEf,MAAM,CAACR,WAAW;gBAChCsB,SAAS,EAAEd,MAAM,CAACT,QAAQ;gBAC1B0B,QAAQ,EAAEjB,MAAM,CAACX,EAAE;AACnBD,gBAAAA,QAAQ,EAAA+B,aAAA,CAAAA,aAAA,CAAA,EAAA,EACHnB,MAAM,CAACZ,QAAQ,CAAA,EAAA,EAAA,EAAA;kBAClB5B,GAAG,EAAE8D,2BAA2B,CAACtB,MAAM,CAACuB,QAAQ,CAAC,CAAC,CAAC,CAAC;AACpDC,kBAAAA,SAAS,EAAE;iBAAK,CACjB;AACDH,gBAAAA,YAAY,EAAE;eACf;YAAA,CAAC;YAEIlB,OAAO,GAAG7B,yBAAyB,GACrC4B,iBAAiB,EAAE,GACnBD,eAAe,EAAE;AAAAM,YAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;AAAA,YAAA,OAEExC,UAAU,CAACkC,OAAO,EAAE,EAAE,CAAC;AAAA,UAAA,KAAA,CAAA;YAAxCC,QAAQ,GAAAG,QAAA,CAAAkB,IAAA;YACRtC,aAAa,GAAGb,yBAAyB,GAC3C8B,QAAQ,GACRhC,UAAU,CAACgC,QAAQ,EAAE;AAAEhB,cAAAA,QAAQ,EAAE;gBAAE5B,GAAG,EAAEwC,MAAM,CAACxC;AAAI;AAAE,aAAC,CAAC;YAC3D0B,aAAa,CAACC,aAAa,CAAC;AAAC,UAAA,KAAA,EAAA;AAAA,UAAA,KAAA,KAAA;YAAA,OAAAoB,QAAA,CAAAmB,IAAA,EAAA;AAAA;AAAA,MAAA,CAAA,EAAA3B,OAAA,CAAA;IAAA,CAC9B,CAAA,CAAA;IAAA,OAAA,SAtCKL,oBAAoBA,CAAAiC,EAAA,EAAA;AAAA,MAAA,OAAAhC,KAAA,CAAAiC,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA,IAAA,CAAA;EAAA,CAAA,EAsCzB;EAED,IAAAC,iBAAA,GAAuBC,gBAAgB,CAAC;AACtCjG,MAAAA,gBAAgB,EAAE4D;AACpB,KAAC,CAAC;IAFMsC,UAAU,GAAAF,iBAAA,CAAVE,UAAU;EAIlB,IAAMC,OAAO,GAAG,CACd;IACEpD,GAAG,EAAEqD,WAAW,CAACC,KAAK;AACtBC,IAAAA,KAAK,EAAEtE,CAAC,CAAC,uCAAuC,CAAC;IACjDuE,OAAO,EAAE,SAATA,OAAOA,GAAA;MAAA,OAAQ/E,qBAAqB,CAAC,IAAI,CAAC;AAAA,IAAA,CAAA;AAC1C,IAAA,aAAa,EAAE;AACjB,GAAC,EACD;IACEuB,GAAG,EAAEqD,WAAW,CAACI,MAAM;AACvBF,IAAAA,KAAK,EAAEtE,CAAC,CAAC,uCAAuC,CAAC;AACjDuE,IAAAA,OAAO,EAAE3D,YAAY;AACrB,IAAA,aAAa,EAAE;AACjB,GAAC,CACF;AAED,EAAA,oBACE6D,IAAA,CAAA,KAAA,EAAA;AACEtG,IAAAA,SAAS,EAAEuG,UAAU,CAACvG,SAAS,EAAE;AAC/B,MAAA,gBAAgB,EAAE,IAAI;AACtB,MAAA,oBAAoB,EAAEU,UAAU;AAChC,MAAA,YAAY,EAAEA,UAAU,IAAI8F,YAAY,CAAC/E,KAAK,CAACF,GAAG;AACpD,KAAC,CAAE;IAAAkF,QAAA,EAAA,CAEFC,eAAe,CAACjF,KAAK,CAACF,GAAG,CAAC,gBACzB+E,IAAA,CAAA,KAAA,EAAA;AACEtG,MAAAA,SAAS,EAAE2G,uBAAwB;AACnC,MAAA,aAAA,EAAY,wBAAwB;MAAAF,QAAA,EAAA,cAEpCG,GAAA,CAACC,iBAAiB,EAAA;AAChB7G,QAAAA,SAAS,EAAC,eAAe;AACzB,QAAA,aAAA,EAAY,gBAAgB;QAC5BE,GAAG,EAAEuB,KAAK,CAACF;AAAI,OAChB,CAAC,EACD,CAACV,iBAAiB,iBACjB+F,GAAA,CAACE,YAAY,EAAA;AACXC,QAAAA,QAAQ,EAAErG,UAAW;AACrBsG,QAAAA,IAAI,EAAEC,cAAe;AACrBC,QAAAA,WAAW,EAAE;AACXC,UAAAA,OAAO,EAAE,SAAS;AAClBrE,UAAAA,IAAI,EAAE,IAAI;AACV9C,UAAAA,SAAS,EAAE,mCAAmC;AAC9C;AACAoH,UAAAA,QAAQ,EAAE;SACV;AAAAX,QAAAA,QAAA,EAEDT,OAAO,CAACqB,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,UAAA,IAAG1E,GAAG,GAAA0E,KAAA,CAAH1E,GAAG;YAAEuD,KAAK,GAAAmB,KAAA,CAALnB,KAAK;AAAKoB,YAAAA,UAAU,GAAAC,wBAAA,CAAAF,KAAA,EAAAG,SAAA,CAAA;UAAA,oBACvCC,aAAA,CAACZ,YAAY,CAACa,QAAQ,EAAAzC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKqC,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE3E,YAAAA,GAAG,EAAEA;AAAI,WAAA,CAAA,EAC7CuD,KACoB,CAAC;QAAA,CACzB;AAAC,OACU,CACf;KACE,CAAC,gBAENS,GAAA,CAACgB,iBAAiB,EAAA1C,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAA;AAEd1E,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBkB,MAAAA,QAAQ,EAARA;AAAQ,KAAA,EACJX,gBAAgB,IAAI;AAAEM,MAAAA,qBAAqB,EAArBA;KAAuB,CAAA,CAAA,EAAA,EAAA,EAAA;AAEnDX,MAAAA,UAAU,EAAEmH,SAAS,CAACvH,gBAAgB,CAAE;AACxCwH,MAAAA,gBAAgB,EAAEpH,UAAW;AAC7BqH,MAAAA,GAAG,EAAEpI,WAAY;AACjBS,MAAAA,YAAY,EAAE8B,wBAAyB;MACvCvB,MAAM,EAAEA,MAAM,IAAIoF;AAAW,KAAA,CAC9B,CACF,EACAhF,gBAAgB,iBACf6F,GAAA,CAACoB,KAAY,EAAA;AACLxH,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAAEF,MAAAA,gBAAgB,EAAhBA,gBAAgB;AACxC2H,MAAAA,MAAM,EAAE7G,kBAAmB;AAC3BhB,MAAAA,YAAY,EAAE8B,wBAAyB;MACvCgG,OAAO,EAAE,SAATA,OAAOA,GAAA;QAAA,OAAQ7G,qBAAqB,CAAC,KAAK,CAAC;MAAA,CAAC;AAC5CxB,MAAAA,gBAAgB,EAAE2D;AAAgC,KACnD,CACF;AAAA,GACE,CAAC;AAEV,CACF;AAEAhE,aAAa,CAAC2I,WAAW,GAAG,eAAe;;;;"}

package/dist/v2/hooks.js

@@ -1,481 +1,21 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState } from 'react';
-import { Toastr } from '@bigbinary/neeto-atoms';
-import { DirectUpload } from '@rails/activestorage';
-import { t } from 'i18next';
-import { I as IS_DEVELOPMENT_OR_HEROKU_ENV, b as ImageKit, a as IMAGE_UPLOADER_BASE_URL, C as CLOUD_FLARE, F as FILE_ERRORS } from '../imagekit.esm-Bps9lPzh.js';
-import { keysToCamelCase, noop } from '@bigbinary/neeto-cist';
-import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
-import { equals, mergeRight, isNil, mergeDeepRight } from 'ramda';
-import { u as useCreateBlob, d as directUploadsApi, g as generateASCIIFileName, i as isGif, c as cloudflareImageApi } from '../utils-DbfNL99D.js';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { I as IMAGEKIT_MAX_PIXELS, M as MAX_DIMENSION } from '../query-BJnGLX4z.js';
+export { u as useImageUpload, a as useProfileImageUpload } from '../useProfileImageUpload-YeoM7k6I.js';
+export { u as useImageUploader } from '../useImageUploader-uFdwIcWA.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import 'react';
+import '@bigbinary/neeto-atoms';
+import '@rails/activestorage';
+import 'i18next';
+import '../imagekit.esm-Wbu4ABaW.js';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/initializers';
+import 'ramda';
+import '../utils-DQSN1LLd.js';
+import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
-
-var useImageUpload = function useImageUpload() {
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    uploadProgress = _useState2[0],
-    setUploadProgress = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isUploading = _useState4[0],
-    setIsUploading = _useState4[1];
-  var authenticationEndpoint = "".concat(window.location.origin, "/").concat(IMAGE_UPLOADER_BASE_URL, "/imagekit/auth");
-  var _useCreateBlob = useCreateBlob(),
-    createBlob = _useCreateBlob.mutate;
-  var handleUploadProgress = function handleUploadProgress(e, fileSize) {
-    if (e.loaded <= fileSize) {
-      var percent = Math.round(e.loaded / fileSize * 100);
-      setUploadProgress(percent);
-    }
-    equals(e.loaded, e.total) && setUploadProgress(100);
-  };
-  var developmentUpload = function developmentUpload(file, onUploadComplete) {
-    try {
-      setIsUploading(true);
-      var upload = new DirectUpload(file, "/api/direct_uploads");
-      upload.create(function (error, blob) {
-        if (error) {
-          Toastr.error((error === null || error === void 0 ? void 0 : error.message) || t("neetoImageUploader.imageUpload.fileUploadFailed"));
-          setIsUploading(false);
-          return;
-        }
-        if (!blob) {
-          Toastr.error(t("neetoImageUploader.imageUpload.noBlobReturned"));
-          setIsUploading(false);
-          return;
-        }
-        var payload = {
-          id: blob.signed_id,
-          payload: {
-            metadata: {
-              organizationKey: globalProps.organization.publicApiKey,
-              url: blob.blob_url,
-              height: 200,
-              width: 200
-            }
-          }
-        };
-        directUploadsApi.update(payload);
-        onUploadComplete(mergeRight(keysToCamelCase(blob), {
-          url: blob.blob_url
-        }));
-      });
-    } catch (error) {
-      Toastr.error(error);
-    } finally {
-      setIsUploading(false);
-    }
-  };
-  var productionUpload = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, XHRProgress, onUploadComplete) {
-      var imagekit, image, payload;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            imagekit = new ImageKit(mergeRight(globalProps.imagekit, {
-              authenticationEndpoint: authenticationEndpoint
-            }));
-            setIsUploading(true);
-            _context.next = 5;
-            return imagekit.upload({
-              xhr: XHRProgress,
-              file: file,
-              fileName: generateASCIIFileName(file.name),
-              folder: globalProps.imagekit.folder,
-              customMetadata: {
-                organizationKey: globalProps.organization.publicApiKey,
-                appName: globalProps.appName
-              }
-            });
-          case 5:
-            image = _context.sent;
-            payload = {
-              filename: generateASCIIFileName(image.name),
-              byte_size: image.size,
-              content_type: image.fileType,
-              checksum: image.fileId,
-              metadata: image,
-              service_name: "imagekitio"
-            };
-            createBlob(payload, {
-              onSuccess: onUploadComplete,
-              onError: Toastr.error
-            });
-            _context.next = 13;
-            break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](0);
-            Toastr.error(_context.t0);
-          case 13:
-            _context.prev = 13;
-            setIsUploading(false);
-            return _context.finish(13);
-          case 16:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 10, 13, 16]]);
-    }));
-    return function productionUpload(_x, _x2, _x3) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var uploadImage = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, onUploadComplete) {
-      var fileSize, XHRProgress;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            setUploadProgress(0);
-            fileSize = file.size;
-            XHRProgress = new XMLHttpRequest();
-            XHRProgress.upload.addEventListener("progress", function (e) {
-              handleUploadProgress(e, fileSize);
-            });
-            if (!IS_DEVELOPMENT_OR_HEROKU_ENV) {
-              _context2.next = 9;
-              break;
-            }
-            _context2.next = 7;
-            return developmentUpload(file, onUploadComplete);
-          case 7:
-            _context2.next = 11;
-            break;
-          case 9:
-            _context2.next = 11;
-            return productionUpload(file, XHRProgress, onUploadComplete);
-          case 11:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function uploadImage(_x4, _x5) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return {
-    uploadImage: uploadImage,
-    uploadProgress: uploadProgress,
-    isUploading: isUploading
-  };
-};
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useImageUploader = function useImageUploader(_ref) {
-  var _ref$onUploadComplete = _ref.onUploadComplete,
-    onUploadComplete = _ref$onUploadComplete === void 0 ? noop : _ref$onUploadComplete,
-    _ref$setIsUploading = _ref.setIsUploading,
-    setIsUploading = _ref$setIsUploading === void 0 ? noop : _ref$setIsUploading;
-  var authenticationEndpoint = "".concat(window.location.origin, "/").concat(IMAGE_UPLOADER_BASE_URL, "/imagekit/auth");
-  var handleUploadProgress = function handleUploadProgress(e, fileSize, setUploadProgress) {
-    if (e.loaded <= fileSize) {
-      var percent = Math.round(e.loaded / fileSize * 100);
-      setUploadProgress(percent);
-    }
-    equals(e.loaded, e.total) && setUploadProgress(100);
-  };
-  var directUpload = function directUpload(file, setUploadProgress) {
-    try {
-      setIsUploading(true);
-      var upload = new DirectUpload(file, "/api/direct_uploads", {
-        directUploadWillStoreFileWithXHR: function directUploadWillStoreFileWithXHR(xhr) {
-          xhr.upload.addEventListener("progress", function (event) {
-            var percentComplete = Math.round(event.loaded / event.total * 100);
-            setUploadProgress(percentComplete);
-          });
-        }
-      });
-      upload.create(function (error, blob) {
-        if (error) {
-          Toastr.error((error === null || error === void 0 ? void 0 : error.message) || t("neetoImageUploader.imageUpload.fileUploadFailed"));
-          setIsUploading(false);
-          return;
-        }
-        if (!blob) {
-          Toastr.error(t("neetoImageUploader.imageUpload.noBlobReturned"));
-          setIsUploading(false);
-          return;
-        }
-        var payload = {
-          id: blob.signed_id,
-          payload: {
-            metadata: {
-              organizationKey: globalProps.organization.publicApiKey,
-              url: blob.blob_url
-            }
-          }
-        };
-        directUploadsApi.update(payload);
-        var result = mergeRight(keysToCamelCase(blob), {
-          url: blob.blob_url
-        });
-        onUploadComplete(result);
-      });
-    } catch (error) {
-      Toastr.error(error);
-    } finally {
-      setIsUploading(false);
-    }
-  };
-  var imageKitUpload = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, XHRProgress) {
-      var bitmap, pixels, imagekit, result;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return createImageBitmap(file);
-          case 2:
-            bitmap = _context.sent;
-            pixels = bitmap.width * bitmap.height;
-            bitmap.close();
-            if (!(pixels > IMAGEKIT_MAX_PIXELS)) {
-              _context.next = 8;
-              break;
-            }
-            Toastr.error(FILE_ERRORS["file-resolution-too-large"], {
-              autoClose: 5000
-            });
-            return _context.abrupt("return");
-          case 8:
-            _context.prev = 8;
-            imagekit = new ImageKit(mergeRight(globalProps.imagekit, {
-              authenticationEndpoint: authenticationEndpoint
-            }));
-            setIsUploading(true);
-            _context.next = 13;
-            return imagekit.upload({
-              xhr: XHRProgress,
-              file: file,
-              fileName: generateASCIIFileName(file.name),
-              folder: globalProps.imagekit.folder,
-              customMetadata: {
-                organizationKey: globalProps.organization.publicApiKey,
-                appName: globalProps.appName
-              }
-            });
-          case 13:
-            result = _context.sent;
-            onUploadComplete(result);
-            _context.next = 20;
-            break;
-          case 17:
-            _context.prev = 17;
-            _context.t0 = _context["catch"](8);
-            Toastr.error(_context.t0);
-          case 20:
-            _context.prev = 20;
-            setIsUploading(false);
-            return _context.finish(20);
-          case 23:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[8, 17, 20, 23]]);
-    }));
-    return function imageKitUpload(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var cloudFlareImageUpload = function cloudFlareImageUpload(file, setUploadProgress) {
-    var img = new Image();
-    img.src = URL.createObjectURL(file);
-    var formData = new FormData();
-    formData.append("file", file);
-    img.onload = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var width, height, _yield$cloudflareImag, uploadURL, _yield$cloudflareImag2, result, uploadData, _error$response;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            img.onload = null;
-            width = img.width, height = img.height;
-            if (!(width > MAX_DIMENSION || height > MAX_DIMENSION)) {
-              _context2.next = 5;
-              break;
-            }
-            Toastr.error(FILE_ERRORS["file-dimension-too-large"], {
-              autoClose: 5000
-            });
-            return _context2.abrupt("return");
-          case 5:
-            URL.revokeObjectURL(img.src);
-            setIsUploading(true);
-            _context2.prev = 7;
-            _context2.next = 10;
-            return cloudflareImageApi.generate();
-          case 10:
-            _yield$cloudflareImag = _context2.sent;
-            uploadURL = _yield$cloudflareImag.result.uploadURL;
-            _context2.next = 14;
-            return cloudflareImageApi.upload({
-              url: uploadURL,
-              formData: formData,
-              setUploadProgress: setUploadProgress
-            });
-          case 14:
-            _yield$cloudflareImag2 = _context2.sent;
-            result = _yield$cloudflareImag2.result;
-            uploadData = _objectSpread(_objectSpread({}, result), {}, {
-              contentType: file.type,
-              metadata: _objectSpread(_objectSpread({}, result), {}, {
-                width: width,
-                height: height
-              }),
-              url: result.variants[0],
-              byteSize: file.size,
-              checksum: result.id
-            });
-            onUploadComplete(uploadData);
-            setIsUploading(false);
-            _context2.next = 25;
-            break;
-          case 21:
-            _context2.prev = 21;
-            _context2.t0 = _context2["catch"](7);
-            Toastr.error((_error$response = _context2.t0.response) === null || _error$response === void 0 || (_error$response = _error$response.data) === null || _error$response === void 0 || (_error$response = _error$response.errors) === null || _error$response === void 0 || (_error$response = _error$response[0]) === null || _error$response === void 0 ? void 0 : _error$response.message, {
-              autoClose: 10000
-            });
-            setIsUploading(false);
-          case 25:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[7, 21]]);
-    }));
-  };
-  var uploadFile = function uploadFile(file) {
-    var setUploadProgress = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
-    if (isNil(file)) return;
-    var fileSize = file.size;
-    var XHRProgress = new XMLHttpRequest();
-    XHRProgress.upload.addEventListener("progress", function (e) {
-      handleUploadProgress(e, fileSize, setUploadProgress);
-    });
-    if (IS_DEVELOPMENT_OR_HEROKU_ENV || isGif(file)) {
-      directUpload(file, setUploadProgress);
-      return;
-    }
-    if (globalProps.assetsUploaderService === CLOUD_FLARE) {
-      cloudFlareImageUpload(file, setUploadProgress);
-      return;
-    }
-    imageKitUpload(file, XHRProgress);
-  };
-  return {
-    uploadFile: uploadFile
-  };
-};
-
-var useProfileImageUpload = function useProfileImageUpload(_ref) {
-  var _ref$uploadConfig = _ref.uploadConfig,
-    uploadConfig = _ref$uploadConfig === void 0 ? {} : _ref$uploadConfig;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    uploadProgress = _useState2[0],
-    setUploadProgress = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isUploading = _useState4[0],
-    setIsUploading = _useState4[1];
-  var authenticationEndpoint = "".concat(window.location.origin, "/").concat(IMAGE_UPLOADER_BASE_URL, "/imagekit/auth");
-  var defaultImageKitConfig = {
-    folder: globalProps.imagekit.folder,
-    customMetadata: {
-      organizationKey: globalProps.organization.publicApiKey,
-      appName: globalProps.appName
-    }
-  };
-  var imagekitConfig = mergeDeepRight(defaultImageKitConfig, uploadConfig);
-  var handleUploadProgress = function handleUploadProgress(e, fileSize) {
-    if (e.loaded <= fileSize) {
-      var percent = Math.round(e.loaded / fileSize * 100);
-      setUploadProgress(percent);
-    }
-    equals(e.loaded, e.total) && setUploadProgress(100);
-  };
-  var uploadToImagekit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, XHRProgress, onUploadComplete) {
-      var imagekit, image, errorMessage;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            imagekit = new ImageKit(mergeRight(globalProps.imagekit, {
-              authenticationEndpoint: authenticationEndpoint
-            }));
-            setIsUploading(true);
-            _context.next = 5;
-            return imagekit.upload({
-              xhr: XHRProgress,
-              file: file,
-              fileName: generateASCIIFileName(file.name),
-              folder: imagekitConfig.folder,
-              customMetadata: imagekitConfig.customMetadata
-            });
-          case 5:
-            image = _context.sent;
-            onUploadComplete(image);
-            _context.next = 13;
-            break;
-          case 9:
-            _context.prev = 9;
-            _context.t0 = _context["catch"](0);
-            errorMessage = equals(_context.t0.message, t("neetoImageUploader.errors.sdkKeysMissing")) ? t("neetoImageUploader.errors.imagekitKeysMissing") : _context.t0.message;
-            Toastr.error(errorMessage);
-          case 13:
-            _context.prev = 13;
-            setIsUploading(false);
-            return _context.finish(13);
-          case 16:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 9, 13, 16]]);
-    }));
-    return function uploadToImagekit(_x, _x2, _x3) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var uploadImage = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, onUploadComplete) {
-      var fileSize, XHRProgress;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            setUploadProgress(0);
-            fileSize = file.size;
-            XHRProgress = new XMLHttpRequest();
-            XHRProgress.upload.addEventListener("progress", function (e) {
-              handleUploadProgress(e, fileSize);
-            });
-            _context2.next = 6;
-            return uploadToImagekit(file, XHRProgress, onUploadComplete);
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function uploadImage(_x4, _x5) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  return {
-    uploadImage: uploadImage,
-    uploadProgress: uploadProgress,
-    isUploading: isUploading
-  };
-};
-
-export { useImageUpload, useImageUploader, useProfileImageUpload };
+import '../query-BJnGLX4z.js';
+import '../constants-BF4SgnWe.js';
 //# sourceMappingURL=hooks.js.map