@bigbinary/neeto-image-uploader-frontend 4.0.3 → 4.0.5

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-04-29T11:09:43.279Z
+Built at 2026-05-21T15:15:22.769Z

package/dist/AssetLibrary.js

@@ -10,31 +10,34 @@ import '@bigbinary/neetoui/Toastr';
 import '@bigbinary/neetoui/Typography';
 import 'ramda';
 import 'react-i18next';
-import './utils-BYMSmzRM.js';
-export { M as default } from './index-Dpyvz0h1.js';
-import './useImageUploader-BLOdyAwv.js';
-import './imagekit.esm-CXW6c1fP.js';
+import './utils-DyCNC3w5.js';
+export { M as default } from './index-krkZ4CNS.js';
+import './useImageUploader-D8luC4Qw.js';
+import './useUploadDropzone-8Xa8PI-1.js';
+import './imagekit.esm-IYQEzBnD.js';
+import './useUnsplashApi-D_ekWD8p.js';
+import './constants-Csle2bxb.js';
 import 'react/jsx-runtime';
 import 'classnames';
 import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/ProgressBar';
-import 'react-dropzone';
-import 'i18next';
 import '@bigbinary/neeto-icons/LeftArrow';
-import '@tanstack/react-query';
-import 'axios';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neetoui/Input';
 import '@bigbinary/neetoui/Switch';
 import '@bigbinary/neetoui/Label';
 import '@bigbinary/neetoui/NoData';
-import './query-BJnGLX4z.js';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neeto-team-members-frontend/constants';
 import '@bigbinary/neetoui/Alert';
 import '@bigbinary/neetoui/Dropdown';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/regenerator';
+import '@tanstack/react-query';
+import './query-BJnGLX4z.js';
 import '@rails/activestorage';
+import 'i18next';
+import 'axios';
+import 'react-dropzone';
 //# sourceMappingURL=AssetLibrary.js.map

package/dist/AssetLibrary.js.map

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

package/dist/BasicImageUploader.js

@@ -4,8 +4,9 @@ import classnames from 'classnames';
 import { noop } from '@bigbinary/neeto-cist';
 import Delete from '@bigbinary/neeto-icons/Delete';
 import Button from '@bigbinary/neetoui/Button';
-import { i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload, b as isNilOrEmpty } from './utils-BYMSmzRM.js';
+import { i as isNotNilOrEmpty, I as ImageDirectUpload, a as isNilOrEmpty } from './utils-DyCNC3w5.js';
 import { I as ImageWithFallback } from './ImageWithFallback-DCGYkTnN.js';
+import { I as IMAGE_WRAPPER_CLASSNAME } from './constants-Csle2bxb.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import '@bigbinary/neetoui/Typography';
@@ -13,11 +14,12 @@ import '@bigbinary/neetoui/ProgressBar';
 import 'ramda';
 import 'react-i18next';
 import '@bigbinary/neeto-commons-frontend/initializers';
+import './useUploadDropzone-8Xa8PI-1.js';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dropzone';
 import 'i18next';
 import '@bigbinary/neetoui/Toastr';
-import './imagekit.esm-CXW6c1fP.js';
+import './imagekit.esm-IYQEzBnD.js';
 
 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; }

package/dist/BasicImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicImageUploader.js","sources":["../app/javascript/src/components/BasicImageUploader.jsx"],"sourcesContent":["import 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-testid=\"uploaded-image\"\n        />\n        <Button\n          className=\"absolute end-3 top-3\"\n          data-testid=\"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":";;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,QAAA,GAAAD,IAAA,CACtBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,QAAA;IAAAE,cAAA,GAAAH,IAAA,CACRI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAL,IAAA,CACdM,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG;AAAEE,MAAAA,GAAG,EAAE,gBAAgB;AAAEH,MAAAA,SAAS,EAAE;AAAgB,KAAC,GAAAC,qBAAA;IAAAG,WAAA,GAAAR,IAAA,CAC1ES,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,WAAA;IAAAG,eAAA,GAAAX,IAAA,CACbY,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAb,IAAA,CAClBc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGH,IAAI,GAAAG,aAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;AAAA,EAAA,oBAERC,GAAA,CAAA,KAAA,EAAA;AACEd,IAAAA,SAAS,EAAEe,UAAU,CAACf,SAAS,EAAE;AAC/B,MAAA,gBAAgB,EAAE,IAAI;AACtB,MAAA,oBAAoB,EAAEQ,UAAU;AAChC,MAAA,YAAY,EAAEA,UAAU,IAAIQ,YAAY,CAAClB,GAAG;AAC9C,KAAC,CAAE;AAAAmB,IAAAA,QAAA,EAEFC,eAAe,CAACpB,GAAG,CAAC,gBACnBqB,IAAA,CAAA,KAAA,EAAA;AAAKnB,MAAAA,SAAS,EAAEoB,uBAAwB;AAAAH,MAAAA,QAAA,EAAA,cACtCH,GAAA,CAACO,iBAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,KACPpB,kBAAkB,CAAA,EAAA,EAAA,EAAA;AAAEJ,QAAAA,GAAG,EAAHA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QAChC,aAAA,EAAY;AAAgB,OAAA,CAC7B,CAAC,eACFgB,GAAA,CAACS,MAAM,EAAA;AACLvB,QAAAA,SAAS,EAAC,sBAAsB;AAChC,QAAA,aAAA,EAAY,oCAAoC;AAChDwB,QAAAA,QAAQ,EAAEhB,UAAW;AACrBiB,QAAAA,IAAI,EAAEC,MAAO;AACbC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,OAAO,EAAElB;AAAS,OACnB,CAAC;AAAA,KACC,CAAC,gBAENI,GAAA,CAACe,iBAAiB,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;KAAM,CAAA,CAAK;AAC3D,GACE,CAAC;AAAA;;;;"}
+{"version":3,"file":"BasicImageUploader.js","sources":["../app/javascript/src/components/BasicImageUploader.jsx"],"sourcesContent":["import 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-testid=\"uploaded-image\"\n        />\n        <Button\n          className=\"absolute end-3 top-3\"\n          data-testid=\"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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,QAAA,GAAAD,IAAA,CACtBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,QAAA;IAAAE,cAAA,GAAAH,IAAA,CACRI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAL,IAAA,CACdM,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG;AAAEE,MAAAA,GAAG,EAAE,gBAAgB;AAAEH,MAAAA,SAAS,EAAE;AAAgB,KAAC,GAAAC,qBAAA;IAAAG,WAAA,GAAAR,IAAA,CAC1ES,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,WAAA;IAAAG,eAAA,GAAAX,IAAA,CACbY,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAb,IAAA,CAClBc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGH,IAAI,GAAAG,aAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;AAAA,EAAA,oBAERC,GAAA,CAAA,KAAA,EAAA;AACEd,IAAAA,SAAS,EAAEe,UAAU,CAACf,SAAS,EAAE;AAC/B,MAAA,gBAAgB,EAAE,IAAI;AACtB,MAAA,oBAAoB,EAAEQ,UAAU;AAChC,MAAA,YAAY,EAAEA,UAAU,IAAIQ,YAAY,CAAClB,GAAG;AAC9C,KAAC,CAAE;AAAAmB,IAAAA,QAAA,EAEFC,eAAe,CAACpB,GAAG,CAAC,gBACnBqB,IAAA,CAAA,KAAA,EAAA;AAAKnB,MAAAA,SAAS,EAAEoB,uBAAwB;AAAAH,MAAAA,QAAA,EAAA,cACtCH,GAAA,CAACO,iBAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,KACPpB,kBAAkB,CAAA,EAAA,EAAA,EAAA;AAAEJ,QAAAA,GAAG,EAAHA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QAChC,aAAA,EAAY;AAAgB,OAAA,CAC7B,CAAC,eACFgB,GAAA,CAACS,MAAM,EAAA;AACLvB,QAAAA,SAAS,EAAC,sBAAsB;AAChC,QAAA,aAAA,EAAY,oCAAoC;AAChDwB,QAAAA,QAAQ,EAAEhB,UAAW;AACrBiB,QAAAA,IAAI,EAAEC,MAAO;AACbC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,OAAO,EAAElB;AAAS,OACnB,CAAC;AAAA,KACC,CAAC,gBAENI,GAAA,CAACe,iBAAiB,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;KAAM,CAAA,CAAK;AAC3D,GACE,CAAC;AAAA;;;;"}

package/dist/ImageForm.js

@@ -24,21 +24,24 @@ import '@babel/runtime/regenerator';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neetoui/Dropdown';
-import './utils-BYMSmzRM.js';
+import './utils-DyCNC3w5.js';
 import '@bigbinary/neetoui/ProgressBar';
+import './useUploadDropzone-8Xa8PI-1.js';
 import 'react-dropzone';
 import '@bigbinary/neetoui/Toastr';
-import './imagekit.esm-CXW6c1fP.js';
+import './imagekit.esm-IYQEzBnD.js';
 import './ImageWithFallback-DCGYkTnN.js';
-import './index-Dpyvz0h1.js';
+import './constants-Csle2bxb.js';
+import './index-krkZ4CNS.js';
 import '@bigbinary/neetoui/Modal';
 import '@bigbinary/neetoui/Tab';
-import './useImageUploader-BLOdyAwv.js';
+import './useImageUploader-D8luC4Qw.js';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import './query-BJnGLX4z.js';
 import '@rails/activestorage';
 import 'axios';
+import './useUnsplashApi-D_ekWD8p.js';
 import '@bigbinary/neeto-icons/LeftArrow';
 import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neetoui/Input';

package/dist/ImageForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageForm.js","sources":["../app/javascript/src/components/ImageForm/constants.js","../app/javascript/src/components/ImageForm/AlignmentBlock.jsx","../app/javascript/src/components/ImageForm/Block.jsx","../app/javascript/src/components/ImageForm/ImageUpload.jsx","../app/javascript/src/components/ImageForm/SliderBlock.jsx","../app/javascript/src/components/ImageForm/utils.js","../app/javascript/src/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 { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\nimport { Button, Typography } from \"neetoui\";\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    <div dataTestid={`${hyphenate(title)}-block`}>\n      <Typography lineHeight=\"normal\" style=\"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=\"large\"\n            style={alignment === value ? \"primary\" : \"text\"}\n            tooltipProps={{ content: label, position: \"bottom\" }}\n            onClick={() => handleChange(value)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default AlignmentBlock;\n","import classnames from \"classnames\";\nimport { Spinner, Typography } from \"neetoui\";\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 lineHeight=\"normal\" style=\"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 { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\nimport { Slider } from \"neetoui\";\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        {...{ defaultValue, max, min, value }}\n        label={title}\n        onChange={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 { useFormikContext, getIn, useField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Input } from \"neetoui/formik\";\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","lineHeight","style","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","newValue","Slider","root","document","querySelector","setLogoHeight","variableName","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","undefined","isNil","height","handleSliderChange","_objectSpread","Input","placeholder","labelProps","helpIconProps","Help"],"mappings":"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"}
+{"version":3,"file":"ImageForm.js","sources":["../app/javascript/src/components/ImageForm/constants.js","../app/javascript/src/components/ImageForm/AlignmentBlock.jsx","../app/javascript/src/components/ImageForm/Block.jsx","../app/javascript/src/components/ImageForm/ImageUpload.jsx","../app/javascript/src/components/ImageForm/SliderBlock.jsx","../app/javascript/src/components/ImageForm/utils.js","../app/javascript/src/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 { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\nimport { Button, Typography } from \"neetoui\";\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    <div dataTestid={`${hyphenate(title)}-block`}>\n      <Typography lineHeight=\"normal\" style=\"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=\"large\"\n            style={alignment === value ? \"primary\" : \"text\"}\n            tooltipProps={{ content: label, position: \"bottom\" }}\n            onClick={() => handleChange(value)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default AlignmentBlock;\n","import classnames from \"classnames\";\nimport { Spinner, Typography } from \"neetoui\";\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 lineHeight=\"normal\" style=\"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 { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\nimport { Slider } from \"neetoui\";\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        {...{ defaultValue, max, min, value }}\n        label={title}\n        onChange={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 { useFormikContext, getIn, useField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Input } from \"neetoui/formik\";\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","lineHeight","style","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","newValue","Slider","root","document","querySelector","setLogoHeight","variableName","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","undefined","isNil","height","handleSliderChange","_objectSpread","Input","placeholder","labelProps","helpIconProps","Help"],"mappings":"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"}

package/dist/ImageUploader.js

@@ -11,31 +11,34 @@ import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import { mergeRight } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload, b as isNilOrEmpty } from './utils-BYMSmzRM.js';
+import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNotNilOrEmpty, I as ImageDirectUpload, a as isNilOrEmpty } from './utils-DyCNC3w5.js';
 import { I as ImageWithFallback } from './ImageWithFallback-DCGYkTnN.js';
-import { M as Modal, c as constructCloudflareImageURL } from './index-Dpyvz0h1.js';
-import { a as useCreateBlob, u as useImageUploader, i as isGif, g as generateASCIIFileName } from './useImageUploader-BLOdyAwv.js';
-import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from './imagekit.esm-CXW6c1fP.js';
+import { I as IMAGE_WRAPPER_CLASSNAME } from './constants-Csle2bxb.js';
+import { M as Modal, c as constructCloudflareImageURL } from './index-krkZ4CNS.js';
+import { a as useCreateBlob, u as useImageUploader, i as isGif, g as generateASCIIFileName } from './useImageUploader-D8luC4Qw.js';
+import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from './imagekit.esm-IYQEzBnD.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/Typography';
 import '@bigbinary/neetoui/ProgressBar';
+import './useUploadDropzone-8Xa8PI-1.js';
 import 'react-dropzone';
 import 'i18next';
 import '@bigbinary/neetoui/Toastr';
 import '@bigbinary/neetoui/Modal';
 import '@bigbinary/neetoui/Tab';
 import '@bigbinary/neetoui/Spinner';
-import '@bigbinary/neeto-icons/LeftArrow';
+import './useUnsplashApi-D_ekWD8p.js';
 import '@tanstack/react-query';
 import 'axios';
+import './query-BJnGLX4z.js';
+import '@bigbinary/neeto-icons/LeftArrow';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neetoui/Input';
 import '@bigbinary/neetoui/Switch';
 import '@bigbinary/neetoui/Label';
 import '@bigbinary/neetoui/NoData';
-import './query-BJnGLX4z.js';
 import '@bigbinary/neeto-team-members-frontend/constants';
 import '@bigbinary/neetoui/Alert';
 import '@rails/activestorage';

package/dist/ImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.js","sources":["../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown } 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 { isNilOrEmpty, isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { constructCloudflareImageURL } from \"components/utils\";\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\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\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              <Dropdown\n                buttonSize=\"small\"\n                buttonStyle=\"tertiary\"\n                disabled={isDisabled}\n                icon={MenuHorizontal}\n                buttonProps={{\n                  // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n                  className: \"absolute end-3 top-3 rounded-full\",\n                }}\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            )}\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":["Menu","Dropdown","MenuItem","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","buttonSize","buttonStyle","disabled","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isPresent","isUploadDisabled","ref","AssetLibrary","isOpen","onClose","displayName"],"mappings":"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"}
+{"version":3,"file":"ImageUploader.js","sources":["../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown } 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 { isNilOrEmpty, isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { constructCloudflareImageURL } from \"components/utils\";\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\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\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              <Dropdown\n                buttonSize=\"small\"\n                buttonStyle=\"tertiary\"\n                disabled={isDisabled}\n                icon={MenuHorizontal}\n                buttonProps={{\n                  // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n                  className: \"absolute end-3 top-3 rounded-full\",\n                }}\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            )}\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":["Menu","Dropdown","MenuItem","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","buttonSize","buttonStyle","disabled","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isPresent","isUploadDisabled","ref","AssetLibrary","isOpen","onClose","displayName"],"mappings":"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"}

package/dist/ImageWithFallback-BhUgmP7t.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var require$$0 = require('react');
+var classnames = require('classnames');
+var jsxRuntime = require('react/jsx-runtime');
+
+var _excluded$1 = ["className"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ImagePlaceholder = function ImagePlaceholder(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$1({
+    className: classnames("bg-muted", _defineProperty({}, className, className))
+  }, props));
+};
+
+var _excluded = ["src", "className", "fallback"];
+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 ImageWithFallback = function ImageWithFallback(_ref) {
+  var src = _ref.src,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "h-full w-full" : _ref$className,
+    _ref$fallback = _ref.fallback,
+    Fallback = _ref$fallback === void 0 ? ImagePlaceholder : _ref$fallback,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = require$$0.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoaded = _useState2[0],
+    setIsLoaded = _useState2[1];
+  require$$0.useEffect(function () {
+    setIsLoaded(false);
+    var img = new Image();
+    img.onload = function () {
+      return setIsLoaded(true);
+    };
+    img.onerror = function () {
+      return setIsLoaded(false);
+    };
+    if (src) img.src = src;
+    return function () {
+      img.onload = null;
+      img.onerror = null;
+    };
+  }, [src]);
+  return isLoaded ? /*#__PURE__*/jsxRuntime.jsx("img", _objectSpread(_objectSpread({}, _objectSpread({
+    src: src
+  }, props)), {}, {
+    className: "h-full w-auto object-contain"
+  })) : /*#__PURE__*/jsxRuntime.jsx(Fallback, _objectSpread({}, _objectSpread({
+    className: className
+  }, props)));
+};
+
+exports.ImageWithFallback = ImageWithFallback;
+//# sourceMappingURL=ImageWithFallback-BhUgmP7t.js.map

package/dist/ImageWithFallback-BhUgmP7t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWithFallback-BhUgmP7t.js","sources":["../app/javascript/src/v2/components/common/ImagePlaceholder.jsx","../app/javascript/src/v2/components/common/ImageWithFallback.jsx"],"sourcesContent":["import classnames from \"classnames\";\n\nconst ImagePlaceholder = ({ className = \"\", ...props }) => (\n  <div\n    className={classnames(\"bg-muted\", { [className]: className })}\n    {...props}\n  />\n);\n\nexport default ImagePlaceholder;\n","import { useEffect, useState } from \"react\";\n\nimport ImagePlaceholder from \"./ImagePlaceholder\";\n\nconst ImageWithFallback = ({\n  src,\n  className = \"h-full w-full\",\n  fallback: Fallback = ImagePlaceholder,\n  ...props\n}) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  useEffect(() => {\n    setIsLoaded(false);\n\n    const img = new Image();\n    img.onload = () => setIsLoaded(true);\n    img.onerror = () => setIsLoaded(false);\n    if (src) img.src = src;\n\n    return () => {\n      img.onload = null;\n      img.onerror = null;\n    };\n  }, [src]);\n\n  return isLoaded ? (\n    <img {...{ src, ...props }} className=\"h-full w-auto object-contain\" />\n  ) : (\n    <Fallback {...{ className, ...props }} />\n  );\n};\n\nexport default ImageWithFallback;\n"],"names":["ImagePlaceholder","_ref","_ref$className","className","props","_objectWithoutProperties","_excluded","_jsx","_objectSpread","classnames","_defineProperty","ImageWithFallback","src","_ref$fallback","fallback","Fallback","_useState","useState","_useState2","_slicedToArray","isLoaded","setIsLoaded","useEffect","img","Image","onload","onerror"],"mappings":";;;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAAME,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA;EAAA,oBAClDC,cAAA,QAAAC,eAAA,CAAA;IACEL,SAAS,EAAEM,UAAU,CAAC,UAAU,EAAAC,eAAA,CAAA,EAAA,EAAKP,SAAS,EAAGA,SAAS,CAAE;GAAE,EAC1DC,KAAK,CACV,CAAC;AAAA,CACH;;;;;ACHD,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAV,IAAA,EAKjB;AAAA,EAAA,IAJJW,GAAG,GAAAX,IAAA,CAAHW,GAAG;IAAAV,cAAA,GAAAD,IAAA,CACHE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,eAAe,GAAAA,cAAA;IAAAW,aAAA,GAAAZ,IAAA,CAC3Ba,QAAQ;AAAEC,IAAAA,QAAQ,GAAAF,aAAA,KAAA,MAAA,GAAGb,gBAAgB,GAAAa,aAAA;AAClCT,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAER,EAAA,IAAAU,SAAA,GAAgCC,mBAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE5BI,EAAAA,oBAAS,CAAC,YAAM;IACdD,WAAW,CAAC,KAAK,CAAC;AAElB,IAAA,IAAME,GAAG,GAAG,IAAIC,KAAK,EAAE;IACvBD,GAAG,CAACE,MAAM,GAAG,YAAA;MAAA,OAAMJ,WAAW,CAAC,IAAI,CAAC;AAAA,IAAA,CAAA;IACpCE,GAAG,CAACG,OAAO,GAAG,YAAA;MAAA,OAAML,WAAW,CAAC,KAAK,CAAC;AAAA,IAAA,CAAA;AACtC,IAAA,IAAIT,GAAG,EAAEW,GAAG,CAACX,GAAG,GAAGA,GAAG;AAEtB,IAAA,OAAO,YAAM;MACXW,GAAG,CAACE,MAAM,GAAG,IAAI;MACjBF,GAAG,CAACG,OAAO,GAAG,IAAI;IACpB,CAAC;AACH,EAAA,CAAC,EAAE,CAACd,GAAG,CAAC,CAAC;EAET,OAAOQ,QAAQ,gBACbb,cAAA,CAAA,KAAA,EAAAC,aAAA,CAAAA,aAAA,KAAAA,aAAA,CAAA;AAAWI,IAAAA,GAAG,EAAHA;AAAG,GAAA,EAAKR,KAAK,CAAA,CAAA,EAAA,EAAA,EAAA;AAAID,IAAAA,SAAS,EAAC;GAA8B,CAAE,CAAC,gBAEvEI,cAAA,CAACQ,QAAQ,EAAAP,aAAA,KAAAA,aAAA,CAAA;AAAOL,IAAAA,SAAS,EAATA;GAAS,EAAKC,KAAK,EAAK,CACzC;AACH;;;;"}

package/dist/{ImageWithFallback-Bq5rs1yf.js → ImageWithFallback-D1ClfJLn.js}

@@ -3,7 +3,7 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var g = require('react');
+var require$$0 = require('react');
 var classnames = require('classnames');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,11 +29,11 @@ var ImageWithFallback = function ImageWithFallback(_ref) {
     _ref$fallback = _ref.fallback,
     Fallback = _ref$fallback === void 0 ? ImagePlaceholder : _ref$fallback,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = g.useState(false),
+  var _useState = require$$0.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isLoaded = _useState2[0],
     setIsLoaded = _useState2[1];
-  g.useEffect(function () {
+  require$$0.useEffect(function () {
     setIsLoaded(false);
     var img = new Image();
     img.onload = function () {
@@ -58,4 +58,4 @@ var ImageWithFallback = function ImageWithFallback(_ref) {
 };
 
 exports.ImageWithFallback = ImageWithFallback;
-//# sourceMappingURL=ImageWithFallback-Bq5rs1yf.js.map
+//# sourceMappingURL=ImageWithFallback-D1ClfJLn.js.map

package/dist/{ImageWithFallback-Bq5rs1yf.js.map → ImageWithFallback-D1ClfJLn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ImageWithFallback-Bq5rs1yf.js","sources":["../app/javascript/src/components/common/ImagePlaceholder.jsx","../app/javascript/src/components/common/ImageWithFallback.jsx"],"sourcesContent":["import classnames from \"classnames\";\n\nconst ImagePlaceholder = ({ className = \"\", ...props }) => (\n  <div\n    className={classnames(\"neeto-ui-bg-gray-200\", {\n      [className]: className,\n    })}\n    {...props}\n  />\n);\n\nexport default ImagePlaceholder;\n","import { useEffect, useState } from \"react\";\n\nimport ImagePlaceholder from \"./ImagePlaceholder\";\n\nconst ImageWithFallback = ({\n  src,\n  className = \"h-full w-full\",\n  fallback: Fallback = ImagePlaceholder,\n  ...props\n}) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  useEffect(() => {\n    setIsLoaded(false);\n\n    const img = new Image();\n    img.onload = () => setIsLoaded(true);\n    img.onerror = () => setIsLoaded(false);\n    if (src) img.src = src;\n\n    return () => {\n      img.onload = null;\n      img.onerror = null;\n    };\n  }, [src]);\n\n  return isLoaded ? (\n    <img {...{ src, ...props }} className=\"h-full w-auto object-contain\" />\n  ) : (\n    <Fallback {...{ className, ...props }} />\n  );\n};\n\nexport default ImageWithFallback;\n"],"names":["ImagePlaceholder","_ref","_ref$className","className","props","_objectWithoutProperties","_excluded","_jsx","_objectSpread","classnames","_defineProperty","ImageWithFallback","src","_ref$fallback","fallback","Fallback","_useState","useState","_useState2","_slicedToArray","isLoaded","setIsLoaded","useEffect","img","Image","onload","onerror"],"mappings":";;;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAAME,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA;EAAA,oBAClDC,cAAA,QAAAC,eAAA,CAAA;IACEL,SAAS,EAAEM,UAAU,CAAC,sBAAsB,EAAAC,eAAA,CAAA,EAAA,EACzCP,SAAS,EAAGA,SAAS,CACvB;GAAE,EACCC,KAAK,CACV,CAAC;AAAA,CACH;;;;;ACLD,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAV,IAAA,EAKjB;AAAA,EAAA,IAJJW,GAAG,GAAAX,IAAA,CAAHW,GAAG;IAAAV,cAAA,GAAAD,IAAA,CACHE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,eAAe,GAAAA,cAAA;IAAAW,aAAA,GAAAZ,IAAA,CAC3Ba,QAAQ;AAAEC,IAAAA,QAAQ,GAAAF,aAAA,KAAA,MAAA,GAAGb,gBAAgB,GAAAa,aAAA;AAClCT,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAER,EAAA,IAAAU,SAAA,GAAgCC,UAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE5BI,EAAAA,WAAS,CAAC,YAAM;IACdD,WAAW,CAAC,KAAK,CAAC;AAElB,IAAA,IAAME,GAAG,GAAG,IAAIC,KAAK,EAAE;IACvBD,GAAG,CAACE,MAAM,GAAG,YAAA;MAAA,OAAMJ,WAAW,CAAC,IAAI,CAAC;AAAA,IAAA,CAAA;IACpCE,GAAG,CAACG,OAAO,GAAG,YAAA;MAAA,OAAML,WAAW,CAAC,KAAK,CAAC;AAAA,IAAA,CAAA;AACtC,IAAA,IAAIT,GAAG,EAAEW,GAAG,CAACX,GAAG,GAAGA,GAAG;AAEtB,IAAA,OAAO,YAAM;MACXW,GAAG,CAACE,MAAM,GAAG,IAAI;MACjBF,GAAG,CAACG,OAAO,GAAG,IAAI;IACpB,CAAC;AACH,EAAA,CAAC,EAAE,CAACd,GAAG,CAAC,CAAC;EAET,OAAOQ,QAAQ,gBACbb,cAAA,CAAA,KAAA,EAAAC,aAAA,CAAAA,aAAA,KAAAA,aAAA,CAAA;AAAWI,IAAAA,GAAG,EAAHA;AAAG,GAAA,EAAKR,KAAK,CAAA,CAAA,EAAA,EAAA,EAAA;AAAID,IAAAA,SAAS,EAAC;GAA8B,CAAE,CAAC,gBAEvEI,cAAA,CAACQ,QAAQ,EAAAP,aAAA,KAAAA,aAAA,CAAA;AAAOL,IAAAA,SAAS,EAATA;GAAS,EAAKC,KAAK,EAAK,CACzC;AACH;;;;"}
+{"version":3,"file":"ImageWithFallback-D1ClfJLn.js","sources":["../app/javascript/src/components/common/ImagePlaceholder.jsx","../app/javascript/src/components/common/ImageWithFallback.jsx"],"sourcesContent":["import classnames from \"classnames\";\n\nconst ImagePlaceholder = ({ className = \"\", ...props }) => (\n  <div\n    className={classnames(\"neeto-ui-bg-gray-200\", {\n      [className]: className,\n    })}\n    {...props}\n  />\n);\n\nexport default ImagePlaceholder;\n","import { useEffect, useState } from \"react\";\n\nimport ImagePlaceholder from \"./ImagePlaceholder\";\n\nconst ImageWithFallback = ({\n  src,\n  className = \"h-full w-full\",\n  fallback: Fallback = ImagePlaceholder,\n  ...props\n}) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  useEffect(() => {\n    setIsLoaded(false);\n\n    const img = new Image();\n    img.onload = () => setIsLoaded(true);\n    img.onerror = () => setIsLoaded(false);\n    if (src) img.src = src;\n\n    return () => {\n      img.onload = null;\n      img.onerror = null;\n    };\n  }, [src]);\n\n  return isLoaded ? (\n    <img {...{ src, ...props }} className=\"h-full w-auto object-contain\" />\n  ) : (\n    <Fallback {...{ className, ...props }} />\n  );\n};\n\nexport default ImageWithFallback;\n"],"names":["ImagePlaceholder","_ref","_ref$className","className","props","_objectWithoutProperties","_excluded","_jsx","_objectSpread","classnames","_defineProperty","ImageWithFallback","src","_ref$fallback","fallback","Fallback","_useState","useState","_useState2","_slicedToArray","isLoaded","setIsLoaded","useEffect","img","Image","onload","onerror"],"mappings":";;;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAAME,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA;EAAA,oBAClDC,cAAA,QAAAC,eAAA,CAAA;IACEL,SAAS,EAAEM,UAAU,CAAC,sBAAsB,EAAAC,eAAA,CAAA,EAAA,EACzCP,SAAS,EAAGA,SAAS,CACvB;GAAE,EACCC,KAAK,CACV,CAAC;AAAA,CACH;;;;;ACLD,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAV,IAAA,EAKjB;AAAA,EAAA,IAJJW,GAAG,GAAAX,IAAA,CAAHW,GAAG;IAAAV,cAAA,GAAAD,IAAA,CACHE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,eAAe,GAAAA,cAAA;IAAAW,aAAA,GAAAZ,IAAA,CAC3Ba,QAAQ;AAAEC,IAAAA,QAAQ,GAAAF,aAAA,KAAA,MAAA,GAAGb,gBAAgB,GAAAa,aAAA;AAClCT,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAER,EAAA,IAAAU,SAAA,GAAgCC,mBAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE5BI,EAAAA,oBAAS,CAAC,YAAM;IACdD,WAAW,CAAC,KAAK,CAAC;AAElB,IAAA,IAAME,GAAG,GAAG,IAAIC,KAAK,EAAE;IACvBD,GAAG,CAACE,MAAM,GAAG,YAAA;MAAA,OAAMJ,WAAW,CAAC,IAAI,CAAC;AAAA,IAAA,CAAA;IACpCE,GAAG,CAACG,OAAO,GAAG,YAAA;MAAA,OAAML,WAAW,CAAC,KAAK,CAAC;AAAA,IAAA,CAAA;AACtC,IAAA,IAAIT,GAAG,EAAEW,GAAG,CAACX,GAAG,GAAGA,GAAG;AAEtB,IAAA,OAAO,YAAM;MACXW,GAAG,CAACE,MAAM,GAAG,IAAI;MACjBF,GAAG,CAACG,OAAO,GAAG,IAAI;IACpB,CAAC;AACH,EAAA,CAAC,EAAE,CAACd,GAAG,CAAC,CAAC;EAET,OAAOQ,QAAQ,gBACbb,cAAA,CAAA,KAAA,EAAAC,aAAA,CAAAA,aAAA,KAAAA,aAAA,CAAA;AAAWI,IAAAA,GAAG,EAAHA;AAAG,GAAA,EAAKR,KAAK,CAAA,CAAA,EAAA,EAAA,EAAA;AAAID,IAAAA,SAAS,EAAC;GAA8B,CAAE,CAAC,gBAEvEI,cAAA,CAACQ,QAAQ,EAAAP,aAAA,KAAAA,aAAA,CAAA;AAAOL,IAAAA,SAAS,EAATA;GAAS,EAAKC,KAAK,EAAK,CACzC;AACH;;;;"}

package/dist/ImageWithFallback-MfA03icL.js

@@ -0,0 +1,59 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded$1 = ["className"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ImagePlaceholder = function ImagePlaceholder(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/jsx("div", _objectSpread$1({
+    className: classnames("bg-muted", _defineProperty({}, className, className))
+  }, props));
+};
+
+var _excluded = ["src", "className", "fallback"];
+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 ImageWithFallback = function ImageWithFallback(_ref) {
+  var src = _ref.src,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "h-full w-full" : _ref$className,
+    _ref$fallback = _ref.fallback,
+    Fallback = _ref$fallback === void 0 ? ImagePlaceholder : _ref$fallback,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoaded = _useState2[0],
+    setIsLoaded = _useState2[1];
+  useEffect(function () {
+    setIsLoaded(false);
+    var img = new Image();
+    img.onload = function () {
+      return setIsLoaded(true);
+    };
+    img.onerror = function () {
+      return setIsLoaded(false);
+    };
+    if (src) img.src = src;
+    return function () {
+      img.onload = null;
+      img.onerror = null;
+    };
+  }, [src]);
+  return isLoaded ? /*#__PURE__*/jsx("img", _objectSpread(_objectSpread({}, _objectSpread({
+    src: src
+  }, props)), {}, {
+    className: "h-full w-auto object-contain"
+  })) : /*#__PURE__*/jsx(Fallback, _objectSpread({}, _objectSpread({
+    className: className
+  }, props)));
+};
+
+export { ImageWithFallback as I };
+//# sourceMappingURL=ImageWithFallback-MfA03icL.js.map

package/dist/ImageWithFallback-MfA03icL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWithFallback-MfA03icL.js","sources":["../app/javascript/src/v2/components/common/ImagePlaceholder.jsx","../app/javascript/src/v2/components/common/ImageWithFallback.jsx"],"sourcesContent":["import classnames from \"classnames\";\n\nconst ImagePlaceholder = ({ className = \"\", ...props }) => (\n  <div\n    className={classnames(\"bg-muted\", { [className]: className })}\n    {...props}\n  />\n);\n\nexport default ImagePlaceholder;\n","import { useEffect, useState } from \"react\";\n\nimport ImagePlaceholder from \"./ImagePlaceholder\";\n\nconst ImageWithFallback = ({\n  src,\n  className = \"h-full w-full\",\n  fallback: Fallback = ImagePlaceholder,\n  ...props\n}) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  useEffect(() => {\n    setIsLoaded(false);\n\n    const img = new Image();\n    img.onload = () => setIsLoaded(true);\n    img.onerror = () => setIsLoaded(false);\n    if (src) img.src = src;\n\n    return () => {\n      img.onload = null;\n      img.onerror = null;\n    };\n  }, [src]);\n\n  return isLoaded ? (\n    <img {...{ src, ...props }} className=\"h-full w-auto object-contain\" />\n  ) : (\n    <Fallback {...{ className, ...props }} />\n  );\n};\n\nexport default ImageWithFallback;\n"],"names":["ImagePlaceholder","_ref","_ref$className","className","props","_objectWithoutProperties","_excluded","_jsx","_objectSpread","classnames","_defineProperty","ImageWithFallback","src","_ref$fallback","fallback","Fallback","_useState","useState","_useState2","_slicedToArray","isLoaded","setIsLoaded","useEffect","img","Image","onload","onerror"],"mappings":";;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAAME,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA;EAAA,oBAClDC,GAAA,QAAAC,eAAA,CAAA;IACEL,SAAS,EAAEM,UAAU,CAAC,UAAU,EAAAC,eAAA,CAAA,EAAA,EAAKP,SAAS,EAAGA,SAAS,CAAE;GAAE,EAC1DC,KAAK,CACV,CAAC;AAAA,CACH;;;;;ACHD,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAV,IAAA,EAKjB;AAAA,EAAA,IAJJW,GAAG,GAAAX,IAAA,CAAHW,GAAG;IAAAV,cAAA,GAAAD,IAAA,CACHE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,eAAe,GAAAA,cAAA;IAAAW,aAAA,GAAAZ,IAAA,CAC3Ba,QAAQ;AAAEC,IAAAA,QAAQ,GAAAF,aAAA,KAAA,MAAA,GAAGb,gBAAgB,GAAAa,aAAA;AAClCT,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAER,EAAA,IAAAU,SAAA,GAAgCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE5BI,EAAAA,SAAS,CAAC,YAAM;IACdD,WAAW,CAAC,KAAK,CAAC;AAElB,IAAA,IAAME,GAAG,GAAG,IAAIC,KAAK,EAAE;IACvBD,GAAG,CAACE,MAAM,GAAG,YAAA;MAAA,OAAMJ,WAAW,CAAC,IAAI,CAAC;AAAA,IAAA,CAAA;IACpCE,GAAG,CAACG,OAAO,GAAG,YAAA;MAAA,OAAML,WAAW,CAAC,KAAK,CAAC;AAAA,IAAA,CAAA;AACtC,IAAA,IAAIT,GAAG,EAAEW,GAAG,CAACX,GAAG,GAAGA,GAAG;AAEtB,IAAA,OAAO,YAAM;MACXW,GAAG,CAACE,MAAM,GAAG,IAAI;MACjBF,GAAG,CAACG,OAAO,GAAG,IAAI;IACpB,CAAC;AACH,EAAA,CAAC,EAAE,CAACd,GAAG,CAAC,CAAC;EAET,OAAOQ,QAAQ,gBACbb,GAAA,CAAA,KAAA,EAAAC,aAAA,CAAAA,aAAA,KAAAA,aAAA,CAAA;AAAWI,IAAAA,GAAG,EAAHA;AAAG,GAAA,EAAKR,KAAK,CAAA,CAAA,EAAA,EAAA,EAAA;AAAID,IAAAA,SAAS,EAAC;GAA8B,CAAE,CAAC,gBAEvEI,GAAA,CAACQ,QAAQ,EAAAP,aAAA,KAAAA,aAAA,CAAA;AAAOL,IAAAA,SAAS,EAATA;GAAS,EAAKC,KAAK,EAAK,CACzC;AACH;;;;"}

package/dist/cjs/AssetLibrary.js

@@ -12,33 +12,36 @@ require('@bigbinary/neetoui/Toastr');
 require('@bigbinary/neetoui/Typography');
 require('ramda');
 require('react-i18next');
-require('../utils-C0TymZ5r.js');
-var AssetLibrary = require('../index-BuYEdyOT.js');
+require('../utils-BTmA9hHb.js');
+var AssetLibrary = require('../index-CBorETxd.js');
 require('../useImageUploader-KvCoumJZ.js');
+require('../useUploadDropzone-DMv8VMRF.js');
 require('../imagekit.esm-CisvUNYU.js');
+require('../useUnsplashApi-CNeNh58q.js');
+require('../constants-DI8wBtC-.js');
 require('react/jsx-runtime');
 require('classnames');
 require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/ProgressBar');
-require('react-dropzone');
-require('i18next');
 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/neetoui/Label');
 require('@bigbinary/neetoui/NoData');
-require('../query-eZTZ-5Dm.js');
 require('@bigbinary/neeto-icons/MenuHorizontal');
 require('@bigbinary/neeto-team-members-frontend/constants');
 require('@bigbinary/neetoui/Alert');
 require('@bigbinary/neetoui/Dropdown');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/regenerator');
+require('@tanstack/react-query');
+require('../query-eZTZ-5Dm.js');
 require('@rails/activestorage');
+require('i18next');
+require('axios');
+require('react-dropzone');