@bigbinary/neeto-image-uploader-frontend 2.0.1 → 2.2.0

package/dist/cjs/BasicImageUploader.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var index = require('../index-7f064861.js');
+var utils = require('../utils-88cce499.js');
+require('react');
+var classnames = require('classnames');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Delete$1 = require('@bigbinary/neeto-icons/Delete');
+var Button = require('@bigbinary/neetoui/Button');
+var ImageWithFallback = require('../ImageWithFallback-7492935f.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('react-dropzone');
+require('i18next');
+require('@bigbinary/neetoui/Toastr');
+require('ramda');
+require('@bigbinary/neetoui/Typography');
+require('react-i18next');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var Delete$1__default = /*#__PURE__*/_interopDefaultLegacy(Delete$1);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+
+var _excluded = ["src", "className", "imageFallbackProps", "onDrop", "isDisabled", "onRemove"];
+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), !0).forEach(function (r) { index._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 BasicImageUploader = function BasicImageUploader(_ref) {
+  var _ref$src = _ref.src,
+    src = _ref$src === void 0 ? "" : _ref$src,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$imageFallbackPro = _ref.imageFallbackProps,
+    imageFallbackProps = _ref$imageFallbackPro === void 0 ? {
+      alt: "Uplaoded Image",
+      className: "h-full w-full"
+    } : _ref$imageFallbackPro,
+    _ref$onDrop = _ref.onDrop,
+    onDrop = _ref$onDrop === void 0 ? neetoCist.noop : _ref$onDrop,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$onRemove = _ref.onRemove,
+    onRemove = _ref$onRemove === void 0 ? neetoCist.noop : _ref$onRemove,
+    props = utils._objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: classnames__default["default"](className, {
+      "cursor-pointer": true,
+      "cursor-not-allowed": isDisabled,
+      "opacity-70": isDisabled && utils.isNilOrEmpty(src)
+    }),
+    children: utils.isNotNilOrEmpty(src) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: utils.IMAGE_WRAPPER_CLASSNAME,
+      children: [/*#__PURE__*/jsxRuntime.jsx(ImageWithFallback.ImageWithFallback, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({}, imageFallbackProps), {}, {
+        src: src
+      })), {}, {
+        "data-cy": "uploaded-image"
+      })), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        className: "absolute right-3 top-3",
+        "data-cy": "basic-image-uploader-remove-button",
+        disabled: isDisabled,
+        icon: Delete$1__default["default"],
+        size: "small",
+        onClick: onRemove
+      })]
+    }) : /*#__PURE__*/jsxRuntime.jsx(ImageWithFallback.ImageDirectUpload, _objectSpread({}, _objectSpread(_objectSpread({}, props), {}, {
+      isDisabled: isDisabled,
+      onDrop: onDrop
+    })))
+  });
+};
+
+module.exports = BasicImageUploader;
+//# sourceMappingURL=BasicImageUploader.js.map

package/dist/cjs/BasicImageUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicImageUploader.js","sources":["../../app/javascript/src/components/BasicImageUploader.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Delete } from \"neetoicons\";\nimport { Button } from \"neetoui\";\n\nimport ImageDirectUpload from \"./common/ImageDirectUpload\";\nimport ImageWithFallback from \"./common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"./constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"./ImageEditor/utils\";\n\nconst BasicImageUploader = ({\n  src = \"\",\n  className = \"\",\n  imageFallbackProps = { alt: \"Uplaoded Image\", className: \"h-full w-full\" },\n  onDrop = noop,\n  isDisabled = false,\n  onRemove = noop,\n  ...props\n}) => (\n  <div\n    className={classnames(className, {\n      \"cursor-pointer\": true,\n      \"cursor-not-allowed\": isDisabled,\n      \"opacity-70\": isDisabled && isNilOrEmpty(src),\n    })}\n  >\n    {isNotNilOrEmpty(src) ? (\n      <div className={IMAGE_WRAPPER_CLASSNAME}>\n        <ImageWithFallback\n          {...{ ...imageFallbackProps, src }}\n          data-cy=\"uploaded-image\"\n        />\n        <Button\n          className=\"absolute right-3 top-3\"\n          data-cy=\"basic-image-uploader-remove-button\"\n          disabled={isDisabled}\n          icon={Delete}\n          size=\"small\"\n          onClick={onRemove}\n        />\n      </div>\n    ) : (\n      <ImageDirectUpload {...{ ...props, isDisabled, onDrop }} />\n    )}\n  </div>\n);\n\nexport default BasicImageUploader;\n"],"names":["BasicImageUploader","_ref","_ref$src","src","_ref$className","className","_ref$imageFallbackPro","imageFallbackProps","alt","_ref$onDrop","onDrop","noop","_ref$isDisabled","isDisabled","_ref$onRemove","onRemove","props","_objectWithoutProperties","_excluded","_jsx","classnames","isNilOrEmpty","children","isNotNilOrEmpty","_jsxs","IMAGE_WRAPPER_CLASSNAME","ImageWithFallback","_objectSpread","Button","disabled","icon","Delete","size","onClick","ImageDirectUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,QAAA,GAAAD,IAAA,CACtBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,QAAA;IAAAE,cAAA,GAAAH,IAAA,CACRI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAL,IAAA,CACdM,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,GAAG,EAAE,gBAAgB;AAAEH,MAAAA,SAAS,EAAE,eAAA;AAAgB,KAAC,GAAAC,qBAAA;IAAAG,WAAA,GAAAR,IAAA,CAC1ES,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,WAAA;IAAAG,eAAA,GAAAX,IAAA,CACbY,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAb,IAAA,CAClBc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGH,KAAAA,CAAAA,GAAAA,cAAI,GAAAG,aAAA;AACZE,IAAAA,KAAK,GAAAC,8BAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAERC,cAAA,CAAA,KAAA,EAAA;AACEd,IAAAA,SAAS,EAAEe,8BAAU,CAACf,SAAS,EAAE;AAC/B,MAAA,gBAAgB,EAAE,IAAI;AACtB,MAAA,oBAAoB,EAAEQ,UAAU;AAChC,MAAA,YAAY,EAAEA,UAAU,IAAIQ,kBAAY,CAAClB,GAAG,CAAA;AAC9C,KAAC,CAAE;AAAAmB,IAAAA,QAAA,EAEFC,qBAAe,CAACpB,GAAG,CAAC,gBACnBqB,eAAA,CAAA,KAAA,EAAA;AAAKnB,MAAAA,SAAS,EAAEoB,6BAAwB;AAAAH,MAAAA,QAAA,EACtCH,cAAAA,cAAA,CAACO,mCAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAAA,EAAAA,EAAAA,aAAA,CAAAA,aAAA,KACPpB,kBAAkB,CAAA,EAAA,EAAA,EAAA;AAAEJ,QAAAA,GAAG,EAAHA,GAAAA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QAChC,SAAQ,EAAA,gBAAA;AAAgB,OAAA,CACzB,CAAC,eACFgB,cAAA,CAACS,0BAAM,EAAA;AACLvB,QAAAA,SAAS,EAAC,wBAAwB;AAClC,QAAA,SAAA,EAAQ,oCAAoC;AAC5CwB,QAAAA,QAAQ,EAAEhB,UAAW;AACrBiB,QAAAA,IAAI,EAAEC,4BAAO;AACbC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,OAAO,EAAElB,QAAAA;AAAS,OACnB,CAAC,CAAA;AAAA,KACC,CAAC,gBAENI,cAAA,CAACe,mCAAiB,EAAAP,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAUX,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEH,MAAAA,UAAU,EAAVA,UAAU;AAAEH,MAAAA,MAAM,EAANA,MAAAA;KAAW,CAAA,CAAA,CAAA;AAC3D,GACE,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/ImageUploader.js

@@ -0,0 +1,237 @@
+'use strict';
+
+var index = require('../index-7f064861.js');
+var utils = require('../utils-88cce499.js');
+var require$$0 = require('react');
+var classnames = require('classnames');
+var neetoCist = require('@bigbinary/neeto-cist');
+var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
+var Toastr = require('@bigbinary/neetoui/Toastr');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var ImageWithFallback = require('../ImageWithFallback-7492935f.js');
+var AssetLibrary = require('./AssetLibrary.js');
+var useImageUploader = require('../useImageUploader-550a5fdc.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('react-dropzone');
+require('i18next');
+require('@bigbinary/neetoui/Button');
+require('@bigbinary/neetoui/Typography');
+require('@bigbinary/neetoui/Modal');
+require('@bigbinary/neetoui/Tab');
+require('@bigbinary/neetoui/Spinner');
+require('@bigbinary/neeto-icons/LeftArrow');
+require('@tanstack/react-query');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('@bigbinary/neetoui/Input');
+require('@bigbinary/neetoui/Switch');
+require('@bigbinary/neeto-icons/index');
+require('@bigbinary/neeto-molecules/Container');
+require('@bigbinary/neeto-molecules/Header');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neetoui/Pane');
+require('@bigbinary/neetoui/formik/ActionBlock');
+require('@bigbinary/neetoui/formik/Form');
+require('@bigbinary/neetoui/formik/Input');
+require('@bigbinary/neetoui/formik/Select');
+require('@bigbinary/neetoui/formik/Textarea');
+require('yup');
+require('formik');
+require('@bigbinary/neeto-molecules/MoreDropdown');
+require('@bigbinary/neetoui/Avatar');
+require('@bigbinary/neetoui/Alert');
+require('@bigbinary/neeto-molecules/PageLoader');
+require('@bigbinary/neeto-molecules/SubHeader');
+require('@bigbinary/neeto-molecules/TableWrapper');
+require('@bigbinary/neetoui/Table');
+require('@bigbinary/neetoui/NoData');
+require('@bigbinary/neetoui/Tooltip');
+require('@bigbinary/neeto-image-uploader-frontend');
+require('@bigbinary/neeto-icons/ExternalLink');
+require('@bigbinary/neetoui/Callout');
+require('@bigbinary/neetoui/Label');
+require('@bigbinary/neetoui/Radio');
+require('@bigbinary/neeto-icons/Delete');
+require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
+require('zustand');
+require('zustand/shallow');
+require('@bigbinary/neetoui/Checkbox');
+require('@bigbinary/neeto-icons/Search');
+require('@bigbinary/neeto-icons/Down');
+require('@bigbinary/neeto-icons/Up');
+require('@bigbinary/neeto-filters-frontend');
+require('@bigbinary/neeto-molecules/Columns');
+require('react-router-dom');
+require('util');
+require('@bigbinary/neetoui/Tag');
+require('@bigbinary/neeto-icons/Right');
+require('@bigbinary/neeto-icons/Info');
+require('@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps');
+require('@bigbinary/neetoui/formik/Switch');
+require('@bigbinary/neetoui/formik/MultiEmailInput');
+require('@bigbinary/neetoui/formik/Radio');
+require('@bigbinary/neeto-icons/Warning');
+require('@bigbinary/neetoui/formik/Checkbox');
+require('@bigbinary/neeto-icons/UserCircle');
+require('@rails/activestorage');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var MenuHorizontal__default = /*#__PURE__*/_interopDefaultLegacy(MenuHorizontal);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
+var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
+
+var _excluded = ["key", "label"];
+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), !0).forEach(function (r) { index._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 Menu = Dropdown__default["default"].Menu,
+  MenuItem = Dropdown__default["default"].MenuItem;
+var ImageUploader = function ImageUploader(_ref) {
+  var _ref$onUploadComplete = _ref.onUploadComplete,
+    onUploadComplete = _ref$onUploadComplete === void 0 ? neetoCist.noop : _ref$onUploadComplete,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$src = _ref.src,
+    src = _ref$src === void 0 ? "" : _ref$src,
+    _ref$uploadConfig = _ref.uploadConfig,
+    uploadConfig = _ref$uploadConfig === void 0 ? {} : _ref$uploadConfig,
+    _ref$fixedAspectRatio = _ref.fixedAspectRatio,
+    fixedAspectRatio = _ref$fixedAspectRatio === void 0 ? {} : _ref$fixedAspectRatio;
+  var _useState = require$$0.useState(false),
+    _useState2 = index._slicedToArray(_useState, 2),
+    isAssetLibraryOpen = _useState2[0],
+    setIsAssetLibraryOpen = _useState2[1];
+  var _useState3 = require$$0.useState({
+      url: src
+    }),
+    _useState4 = index._slicedToArray(_useState3, 2),
+    image = _useState4[0],
+    setImage = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useCreateBlob = useImageUploader.useCreateBlob(),
+    createBlob = _useCreateBlob.mutate;
+  var uploadConfigWithDefaults = ramda.mergeRight(utils.DEFAULT_UPLOAD_CONFIG, uploadConfig);
+  var handleDelete = function handleDelete() {
+    setImage({});
+    onChange({
+      url: "",
+      signedId: "",
+      key: "",
+      filename: "",
+      size: "",
+      type: ""
+    });
+  };
+  var onChange = function onChange(file) {
+    return onUploadComplete(file);
+  };
+  var handleSuccess = function handleSuccess(attachedImage) {
+    setImage(ramda.mergeRight(image, {
+      url: attachedImage.metadata.url
+    }));
+    onChange({
+      filename: attachedImage.filename,
+      key: attachedImage.key,
+      url: attachedImage.blobUrl,
+      signedId: attachedImage.signedId,
+      size: attachedImage.byteSize,
+      type: attachedImage.contentType
+    });
+  };
+  var handleImageSelectionFromLibrary = function handleImageSelectionFromLibrary(image) {
+    setImage(image);
+    onChange(image);
+  };
+  var handleUploadComplete = function handleUploadComplete(image) {
+    if (index.IS_DEVELOPMENT_OR_HEROKU_ENV) {
+      handleSuccess(ramda.mergeRight(image, {
+        metadata: {
+          url: image.url
+        }
+      }));
+      return;
+    }
+    var payload = {
+      filename: image.name,
+      byte_size: image.size,
+      content_type: image.fileType,
+      checksum: image.fileId,
+      metadata: image,
+      service_name: "imagekitio"
+    };
+    createBlob(payload, {
+      onSuccess: handleSuccess,
+      onError: Toastr__default["default"].error
+    });
+  };
+  var _useImageUploader = useImageUploader.useImageUploader({
+      onUploadComplete: handleUploadComplete
+    }),
+    uploadFile = _useImageUploader.uploadFile;
+  var options = [{
+    key: utils.OPTION_KEYS.asset,
+    label: t("neetoImageUploader.imageUpload.imageLibrary"),
+    onClick: function onClick() {
+      return setIsAssetLibraryOpen(true);
+    },
+    "data-cy": "image-uploader-open-image-library-button"
+  }, {
+    key: utils.OPTION_KEYS.remove,
+    label: t("neetoImageUploader.imageUpload.remove"),
+    onClick: handleDelete,
+    "data-cy": "image-uploader-remove-button"
+  }];
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames__default["default"](className, {
+      "cursor-pointer": true
+    }),
+    children: [utils.isNotNilOrEmpty(image.url) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: utils.IMAGE_WRAPPER_CLASSNAME,
+      "data-cy": "image-uploader-wrapper",
+      children: [/*#__PURE__*/jsxRuntime.jsx(ImageWithFallback.ImageWithFallback, {
+        className: "h-full w-full",
+        "data-cy": "uploaded-image",
+        src: image.url
+      }), /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+        buttonProps: {
+          className: "absolute right-3 top-3"
+        },
+        buttonSize: "small",
+        buttonStyle: "primary",
+        icon: MenuHorizontal__default["default"],
+        children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
+          children: options.map(function (_ref2) {
+            var key = _ref2.key,
+              label = _ref2.label,
+              otherProps = utils._objectWithoutProperties(_ref2, _excluded);
+            return /*#__PURE__*/require$$0.createElement(MenuItem.Button, _objectSpread(_objectSpread({}, otherProps), {}, {
+              key: key
+            }), label);
+          })
+        })
+      })]
+    }) : /*#__PURE__*/jsxRuntime.jsx(ImageWithFallback.ImageDirectUpload, {
+      setIsAssetLibraryOpen: setIsAssetLibraryOpen,
+      isDisabled: neetoCist.isPresent(fixedAspectRatio),
+      uploadConfig: uploadConfigWithDefaults,
+      onDrop: uploadFile
+    }), /*#__PURE__*/jsxRuntime.jsx(AssetLibrary, {
+      fixedAspectRatio: fixedAspectRatio,
+      isOpen: isAssetLibraryOpen,
+      uploadConfig: uploadConfigWithDefaults,
+      onClose: function onClose() {
+        return setIsAssetLibraryOpen(false);
+      },
+      onUploadComplete: handleImageSelectionFromLibrary
+    })]
+  });
+};
+
+module.exports = ImageUploader;
+//# sourceMappingURL=ImageUploader.js.map

package/dist/cjs/ImageUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown, Toastr } from \"neetoui\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ImageDirectUpload from \"components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"components/constants\";\nimport { isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ImageUploader = ({\n  onUploadComplete = noop,\n  className = \"\",\n  src = \"\",\n  uploadConfig = {},\n  fixedAspectRatio = {},\n}) => {\n  const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n  const [image, setImage] = useState({ url: src });\n\n  const { t } = useTranslation();\n\n  const { mutate: createBlob } = useCreateBlob();\n\n  const uploadConfigWithDefaults = mergeRight(\n    DEFAULT_UPLOAD_CONFIG,\n    uploadConfig\n  );\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      filename: attachedImage.filename,\n      key: attachedImage.key,\n      url: attachedImage.blobUrl,\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 = image => {\n    if (IS_DEVELOPMENT_OR_HEROKU_ENV) {\n      handleSuccess(mergeRight(image, { metadata: { url: image.url } }));\n\n      return;\n    }\n\n    const payload = {\n      filename: image.name,\n      byte_size: image.size,\n      content_type: image.fileType,\n      checksum: image.fileId,\n      metadata: image,\n      service_name: \"imagekitio\",\n    };\n\n    createBlob(payload, {\n      onSuccess: handleSuccess,\n      onError: Toastr.error,\n    });\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.imageLibrary\"),\n      onClick: () => setIsAssetLibraryOpen(true),\n      \"data-cy\": \"image-uploader-open-image-library-button\",\n    },\n    {\n      key: OPTION_KEYS.remove,\n      label: t(\"neetoImageUploader.imageUpload.remove\"),\n      onClick: handleDelete,\n      \"data-cy\": \"image-uploader-remove-button\",\n    },\n  ];\n\n  return (\n    <div className={classnames(className, { \"cursor-pointer\": true })}>\n      {isNotNilOrEmpty(image.url) ? (\n        <div\n          className={IMAGE_WRAPPER_CLASSNAME}\n          data-cy=\"image-uploader-wrapper\"\n        >\n          <ImageWithFallback\n            className=\"h-full w-full\"\n            data-cy=\"uploaded-image\"\n            src={image.url}\n          />\n          <Dropdown\n            buttonProps={{ className: \"absolute right-3 top-3\" }}\n            buttonSize=\"small\"\n            buttonStyle=\"primary\"\n            icon={MenuHorizontal}\n          >\n            <Menu>\n              {options.map(({ key, label, ...otherProps }) => (\n                <MenuItem.Button {...otherProps} key={key}>\n                  {label}\n                </MenuItem.Button>\n              ))}\n            </Menu>\n          </Dropdown>\n        </div>\n      ) : (\n        <ImageDirectUpload\n          {...{ setIsAssetLibraryOpen }}\n          isDisabled={isPresent(fixedAspectRatio)}\n          uploadConfig={uploadConfigWithDefaults}\n          onDrop={uploadFile}\n        />\n      )}\n      <AssetLibrary\n        {...{ fixedAspectRatio }}\n        isOpen={isAssetLibraryOpen}\n        uploadConfig={uploadConfigWithDefaults}\n        onClose={() => setIsAssetLibraryOpen(false)}\n        onUploadComplete={handleImageSelectionFromLibrary}\n      />\n    </div>\n  );\n};\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutate","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","IS_DEVELOPMENT_OR_HEROKU_ENV","payload","name","byte_size","content_type","fileType","checksum","fileId","service_name","onSuccess","onError","Toastr","error","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonProps","buttonSize","buttonStyle","icon","MenuHorizontal","map","_ref2","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","_objectSpread","ImageDirectUpload","isDisabled","isPresent","onDrop","AssetLibrary","isOpen","onClose"],"mappings":"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"}

package/dist/cjs/hooks.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useProfileImageUpload = require('../useProfileImageUpload-f0088c2a.js');
+var useImageUploader = require('../useImageUploader-550a5fdc.js');
+require('../index-7f064861.js');
+require('react');
+require('@rails/activestorage');
+require('@bigbinary/neeto-cist');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('@bigbinary/neetoui/Toastr');
+require('ramda');
+require('i18next');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
+
+
+
+exports.useImageUpload = useProfileImageUpload.useImageUpload;
+exports.useProfileImageUpload = useProfileImageUpload.useProfileImageUpload;
+exports.useImageUploader = useImageUploader.useImageUploader;
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var BasicImageUploader = require('./BasicImageUploader.js');
+var ImageUploader = require('./ImageUploader.js');
+var AssetLibrary = require('./AssetLibrary.js');
+var useProfileImageUpload = require('../useProfileImageUpload-f0088c2a.js');
+var useImageUploader = require('../useImageUploader-550a5fdc.js');
+require('../index-7f064861.js');
+require('../utils-88cce499.js');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('react');
+require('react-dropzone');
+require('i18next');
+require('@bigbinary/neetoui/Toastr');
+require('@bigbinary/neeto-cist');
+require('ramda');
+require('classnames');
+require('@bigbinary/neeto-icons/Delete');
+require('@bigbinary/neetoui/Button');
+require('../ImageWithFallback-7492935f.js');
+require('@bigbinary/neetoui/Typography');
+require('react-i18next');
+require('react/jsx-runtime');
+require('@bigbinary/neeto-icons/MenuHorizontal');
+require('@bigbinary/neetoui/Dropdown');
+require('@bigbinary/neetoui/Modal');
+require('@bigbinary/neetoui/Tab');
+require('@bigbinary/neetoui/Spinner');
+require('@bigbinary/neeto-icons/LeftArrow');
+require('@tanstack/react-query');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('@bigbinary/neetoui/Input');
+require('@bigbinary/neetoui/Switch');
+require('@bigbinary/neeto-icons/index');
+require('@bigbinary/neeto-molecules/Container');
+require('@bigbinary/neeto-molecules/Header');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neetoui/Pane');
+require('@bigbinary/neetoui/formik/ActionBlock');
+require('@bigbinary/neetoui/formik/Form');
+require('@bigbinary/neetoui/formik/Input');
+require('@bigbinary/neetoui/formik/Select');
+require('@bigbinary/neetoui/formik/Textarea');
+require('yup');
+require('formik');
+require('@bigbinary/neeto-molecules/MoreDropdown');
+require('@bigbinary/neetoui/Avatar');
+require('@bigbinary/neetoui/Alert');
+require('@bigbinary/neeto-molecules/PageLoader');
+require('@bigbinary/neeto-molecules/SubHeader');
+require('@bigbinary/neeto-molecules/TableWrapper');
+require('@bigbinary/neetoui/Table');
+require('@bigbinary/neetoui/NoData');
+require('@bigbinary/neetoui/Tooltip');
+require('@bigbinary/neeto-image-uploader-frontend');
+require('@bigbinary/neeto-icons/ExternalLink');
+require('@bigbinary/neetoui/Callout');
+require('@bigbinary/neetoui/Label');
+require('@bigbinary/neetoui/Radio');
+require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
+require('zustand');
+require('zustand/shallow');
+require('@bigbinary/neetoui/Checkbox');
+require('@bigbinary/neeto-icons/Search');
+require('@bigbinary/neeto-icons/Down');
+require('@bigbinary/neeto-icons/Up');
+require('@bigbinary/neeto-filters-frontend');
+require('@bigbinary/neeto-molecules/Columns');
+require('react-router-dom');
+require('util');
+require('@bigbinary/neetoui/Tag');
+require('@bigbinary/neeto-icons/Right');
+require('@bigbinary/neeto-icons/Info');
+require('@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps');
+require('@bigbinary/neetoui/formik/Switch');
+require('@bigbinary/neetoui/formik/MultiEmailInput');
+require('@bigbinary/neetoui/formik/Radio');
+require('@bigbinary/neeto-icons/Warning');
+require('@bigbinary/neetoui/formik/Checkbox');
+require('@bigbinary/neeto-icons/UserCircle');
+require('@rails/activestorage');
+
+
+
+exports.BasicImageUploader = BasicImageUploader;
+exports.ImageUploader = ImageUploader;
+exports.AssetLibrary = AssetLibrary;
+exports.useImageUpload = useProfileImageUpload.useImageUpload;
+exports.useProfileImageUpload = useProfileImageUpload.useProfileImageUpload;
+exports.useImageUploader = useImageUploader.useImageUploader;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks.js

@@ -0,0 +1,14 @@
+export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-837e76b8.js';
+export { e as useImageUploader } from './useImageUploader-36a03350.js';
+import './index-b9963255.js';
+import 'react';
+import '@rails/activestorage';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/initializers';
+import '@bigbinary/neetoui/Toastr';
+import 'ramda';
+import 'i18next';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import 'axios';
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}