{"version":3,"file":"PicturePicker-qC3kYVtG.js","sources":["../../../node_modules/@mui/icons-material/esm/AddAPhoto.js","../../../frontend/src/Components/Posts/Forms/PicturePicker.tsx"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M3 4V1h2v3h3v2H5v3H3V6H0V4zm3 6V7h3V4h7l1.83 2H21c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V10zm7 9c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m-3.2-5c0 1.77 1.43 3.2 3.2 3.2s3.2-1.43 3.2-3.2-1.43-3.2-3.2-3.2-3.2 1.43-3.2 3.2\"\n}), 'AddAPhoto');","import React, { useState } from 'react';\nimport { get, has } from 'lodash';\nimport { Box, Button, FormHelperText, Stack, Typography } from '@mui/material';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { DirectUpload } from 'activestorage';\nimport {\n  AddAPhoto,\n  Delete as DeleteIcon,\n  Edit as EditIcon,\n  Help as HelpIcon,\n} from '@mui/icons-material';\n\nimport BaseImage from '../../DesignSystem/BaseImage';\nimport EmptyState from '../../DesignSystem/EmptyState';\nimport Tooltip from '../../DesignSystem/Tooltip';\nimport { cloudinaryImageUrl } from '../../../Services/Cloudinary';\nimport appsignal from '../../../Services/ErrorReportingService';\nimport withOptional from '../../../Utils/Posts/Form/withOptional';\n\nconst FILE_SIZE_LIMIT = 10; // MB\n\nfunction PicturePicker({\n  uiSectionId,\n  pictureS3Key,\n  name = 'picture',\n  filename,\n  rounded = false,\n  round = false,\n  errors,\n  register,\n  setValue,\n  willDestroy = false,\n  label,\n  tooltip = null,\n  recommandedSize = [1200, 800],\n  previewSize = [500, 500],\n  previewRatio = 'fullHeight',\n  setDisabledForm,\n  setError,\n  required = false,\n}: any) {\n  const intl = useIntl();\n  const [pictureObject, setPictureObject] = useState<string | null>(null);\n  const pictureUrl = cloudinaryImageUrl(\n    pictureS3Key,\n    `w_${previewSize[0]},h_${previewSize[1]},c_crop,c_fill,q_auto`,\n    filename,\n  );\n  const labelOrPlaceholder = label || intl.formatMessage({ id: 'PICTURE_PICKER.COVER' });\n\n  const handleTriggerFileInput = () => {\n    document.getElementById(`${uiSectionId}-${name}-PickerInputFile`)?.click();\n  };\n\n  const handleDeletePicture = () => {\n    setPictureObject(null);\n    setValue(`${name}_attributes[_destroy]`, true);\n    setValue(name, null);\n  };\n\n  const handleOnChangeFileInput = (event: any) => {\n    const file = event.target.files[0];\n\n    setDisabledForm(true);\n\n    if (file.size > FILE_SIZE_LIMIT * 1024 * 1000) {\n      setError(name, {\n        type: 'manual',\n        message: intl.formatMessage(\n          { id: 'POSTS.FORM.PICTURE.ERRORS.FILE_SIZE' },\n          { fileSize: FILE_SIZE_LIMIT },\n        ),\n      });\n      setDisabledForm(false);\n    } else {\n      const upload = new DirectUpload(file, '/api/direct_uploads');\n\n      upload.create((error: any, blob: any) => {\n        if (error) {\n          appsignal.sendError(error);\n          setError(name, error);\n        } else {\n          setValue(name, blob.blob_signed_id);\n\n          setDisabledForm(false);\n        }\n      });\n\n      setPictureObject(URL.createObjectURL(file));\n      setValue(`${name}_attributes[_destroy]`, false);\n    }\n  };\n\n  const pictureUrlToRender = willDestroy ? null : pictureObject || pictureUrl;\n\n  return (\n    <>\n      <input type=\"hidden\" {...register} name={uiSectionId} />\n      <input type=\"hidden\" {...register} name={`${name}_attributes[_destroy]`} />\n      <Box display=\"flex\" alignItems=\"center\" mb={2}>\n        <Typography\n          variant=\"body1\"\n          color={has(errors, `${name}.message`) ? 'error' : 'textSecondary'}\n          id={`${uiSectionId}-${name}-picker-helper-label`}\n          sx={(theme) => ({ display: 'flex', alignItems: 'center', gap: theme.spacing(0.5) })}\n          gutterBottom\n          component=\"label\"\n        >\n          {withOptional(labelOrPlaceholder, required)}\n\n          {labelOrPlaceholder && (\n            <Tooltip\n              title={\n                <Typography variant=\"body1\" color=\"textPrimary\">\n                  {tooltip && (\n                    <>\n                      {tooltip}\n                      <br />\n                      <br />\n                    </>\n                  )}\n                  <FormattedMessage\n                    id=\"POSTS.FORM.PICTURE.TOOLTIP\"\n                    values={{\n                      width: recommandedSize[0],\n                      height: recommandedSize[1],\n                      br: () => <br />,\n                      b: (chunks: any) => <b>{chunks}</b>,\n                    }}\n                  />\n                </Typography>\n              }\n              icon={<HelpIcon color=\"action\" fontSize=\"small\" />}\n            />\n          )}\n        </Typography>\n      </Box>\n\n      <input\n        id={`${uiSectionId}-${name}-PickerInputFile`}\n        accept=\"image/png, image/jpeg, image/jpg, image/gif, image/webp\"\n        aria-describedby={`${uiSectionId}-${name}-picker-helper-description`}\n        aria-labelledby={`${uiSectionId}-${name}-picker-helper-label`}\n        className=\"fileInput\"\n        type=\"file\"\n        style={{ display: 'none' }}\n        onClick={(e: any) => {\n          e.target.value = null; // Allows to re-select the same file\n        }}\n        onChange={handleOnChangeFileInput}\n      />\n\n      {pictureUrlToRender && (\n        <BaseImage\n          src={pictureUrlToRender}\n          ratio={previewRatio}\n          alt={name.replace('_', ' ')}\n          rounded={rounded}\n          round={round}\n          size={previewSize}\n        />\n      )}\n\n      {(willDestroy || !pictureUrlToRender) && (\n        <EmptyState\n          ratio=\"3:2\"\n          action={\n            <Button\n              size=\"large\"\n              color=\"primary\"\n              variant=\"outlined\"\n              onClick={handleTriggerFileInput}\n              startIcon={<AddAPhoto color=\"primary\" />}\n            >\n              <FormattedMessage id=\"POSTS.FORM.PICTURE.BUTTON.ADD_PICTURE\" />\n            </Button>\n          }\n        />\n      )}\n\n      {pictureUrlToRender && (\n        <Stack\n          direction=\"row\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n          spacing={2}\n          mt={1}\n        >\n          <Button\n            size=\"large\"\n            color=\"primary\"\n            onClick={handleTriggerFileInput}\n            startIcon={<EditIcon color=\"primary\" />}\n          >\n            <FormattedMessage id=\"BUTTONS.UPDATE\" />\n          </Button>\n\n          {!willDestroy && pictureUrlToRender && (\n            <Button\n              size=\"large\"\n              color=\"primary\"\n              onClick={handleDeletePicture}\n              startIcon={<DeleteIcon />}\n            >\n              <FormattedMessage id=\"POSTS.FORM.PICTURE.BUTTON.DELETE_PICTURE\" />\n            </Button>\n          )}\n        </Stack>\n      )}\n\n      <FormHelperText\n        id={`${uiSectionId}-${name}-picker-helper-description`}\n        error={has(errors, `${name}.message`)}\n      >\n        {get(errors, `${name}.message`)}\n      </FormHelperText>\n    </>\n  );\n}\n\nexport default PicturePicker;\n"],"names":["AddAPhoto","createSvgIcon","_jsx","FILE_SIZE_LIMIT","PicturePicker","_ref","uiSectionId","pictureS3Key","_ref$name","name","filename","_ref$rounded","rounded","_ref$round","round","errors","register","setValue","_ref$willDestroy","willDestroy","label","_ref$tooltip","tooltip","_ref$recommandedSize","recommandedSize","_ref$previewSize","previewSize","_ref$previewRatio","previewRatio","setDisabledForm","setError","_ref$required","required","intl","useIntl","_useState","useState","_useState2","_slicedToArray","pictureObject","setPictureObject","pictureUrl","cloudinaryImageUrl","concat","labelOrPlaceholder","formatMessage","id","handleTriggerFileInput","_document$getElementB","document","getElementById","click","handleDeletePicture","handleOnChangeFileInput","event","file","target","files","size","type","message","fileSize","upload","DirectUpload","create","error","blob","appsignal","sendError","blob_signed_id","URL","createObjectURL","pictureUrlToRender","React","createElement","Fragment","_extends","Box","display","alignItems","mb","Typography","variant","color","has","sx","theme","gap","spacing","gutterBottom","component","withOptional","Tooltip","title","FormattedMessage","values","width","height","br","b","chunks","icon","HelpIcon","fontSize","accept","className","style","onClick","e","value","onChange","BaseImage","src","ratio","alt","replace","EmptyState","action","Button","startIcon","Stack","direction","justifyContent","mt","EditIcon","DeleteIcon","FormHelperText","get"],"mappings":"mhBAIA,MAAAA,GAAeC,EAA2BC,GAAI,IAAC,OAAQ,CACrD,EAAG,oPACL,CAAC,EAAG,WAAW;01BCaf,IAAMC,EAAkB,GAExB,SAASC,GAAaC,EAmBd,CAlBNC,IAAAA,EAAWD,EAAXC,YACAC,EAAYF,EAAZE,aAAYC,EAAAH,EACZI,KAAAA,EAAID,IAAG,OAAA,UAASA,EAChBE,EAAQL,EAARK,SAAQC,EAAAN,EACRO,QAAAA,EAAOD,IAAG,OAAA,GAAKA,EAAAE,EAAAR,EACfS,MAAAA,EAAKD,IAAG,OAAA,GAAKA,EACbE,EAAMV,EAANU,OACAC,EAAQX,EAARW,SACAC,EAAQZ,EAARY,SAAQC,EAAAb,EACRc,YAAAA,EAAWD,IAAG,OAAA,GAAKA,EACnBE,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,QAAAA,EAAOD,IAAG,OAAA,KAAIA,EAAAE,EAAAlB,EACdmB,gBAAAA,EAAeD,IAAG,OAAA,CAAC,KAAM,GAAG,EAACA,EAAAE,EAAApB,EAC7BqB,YAAAA,EAAWD,IAAG,OAAA,CAAC,IAAK,GAAG,EAACA,EAAAE,EAAAtB,EACxBuB,aAAAA,EAAYD,IAAG,OAAA,aAAYA,EAC3BE,EAAexB,EAAfwB,gBACAC,EAAQzB,EAARyB,SAAQC,EAAA1B,EACR2B,SAAAA,EAAQD,IAAG,OAAA,GAAKA,EAEVE,EAAOC,GAAQ,EACrBC,EAA0CC,GAAAA,SAAwB,IAAI,EAACC,EAAAC,GAAAH,EAAA,CAAA,EAAhEI,EAAaF,EAAA,CAAA,EAAEG,EAAgBH,EAAA,CAAA,EAChCI,EAAaC,GACjBnC,EAAYoC,KAAAA,OACPjB,EAAY,CAAC,EAAC,KAAA,EAAAiB,OAAMjB,EAAY,CAAC,EACtChB,uBAAAA,EAAAA,CACF,EACMkC,EAAqBxB,GAASa,EAAKY,cAAc,CAAEC,GAAI,sBAAA,CAAwB,EAE/EC,EAAyB,UAAM,CAAAC,IAAAA,GACnCA,EAAAC,SAASC,eAAcP,GAAAA,OAAIrC,EAAWqC,GAAAA,EAAAA,OAAIlC,EAAI,kBAAA,CAAkB,KAACuC,MAAAA,YAAjEA,EAAmEG,MAAM,CAC3E,EAEMC,EAAsB,UAAM,CAChCZ,EAAiB,IAAI,EACrBvB,KAAQ0B,OAAIlC,EAAI,uBAAA,EAAyB,EAAI,EAC7CQ,EAASR,EAAM,IAAI,CACrB,EAEM4C,EAA0B,SAACC,EAAe,CAC9C,IAAMC,EAAOD,EAAME,OAAOC,MAAM,CAAC,EAIjC,GAFA5B,EAAgB,EAAI,EAEhB0B,EAAKG,KAAOvD,EAAkB,KAAO,IACvC2B,EAASrB,EAAM,CACbkD,KAAM,SACNC,QAAS3B,EAAKY,cACZ,CAAEC,GAAI,qCAAA,EACN,CAAEe,SAAU1D,CACd,CAAA,CAAA,CACD,EACD0B,EAAgB,EAAK,MAChB,CACL,IAAMiC,EAAS,IAAIC,gBAAaR,EAAM,qBAAqB,EAEpDS,EAAAA,OAAO,SAACC,EAAYC,EAAc,CACnCD,GACFE,GAAUC,UAAUH,CAAK,EACzBnC,EAASrB,EAAMwD,CAAK,IAEXxD,EAAAA,EAAMyD,EAAKG,cAAc,EAElCxC,EAAgB,EAAK,EACvB,CACD,EAEgByC,EAAAA,IAAIC,gBAAgBhB,CAAI,CAAC,EAC1CtC,KAAQ0B,OAAIlC,EAAI,uBAAA,EAAyB,EAAK,CAAA,CAElD,EAEM+D,EAAqBrD,EAAc,KAAOoB,GAAiBE,EAG/DgC,OAAAA,EAAAC,cAAAD,EAAAE,SAAA,KACED,EAAAA,cAAA,QAAAE,EAAA,CAAOjB,KAAK,UAAa3C,EAAQ,CAAEP,KAAMH,CAAY,CAAA,CAAE,EACvDoE,EAAAA,sBAAAE,EAAA,CAAOjB,KAAK,UAAa3C,EAAQ,CAAEP,KAAI,GAAAkC,OAAKlC,EAAI,uBAAA,CAAwB,CAAA,CAAE,EAC1EgE,EAAAC,cAACG,GAAG,CAACC,QAAQ,OAAOC,WAAW,SAASC,GAAI,CAAA,EAC1CN,EAAAA,cAACO,EAAU,CACTC,QAAQ,QACRC,MAAOC,EAAAA,IAAIrE,EAAM4B,GAAAA,OAAKlC,EAAc,UAAA,CAAA,EAAI,QAAU,gBAClDqC,GAAE,GAAAH,OAAKrC,OAAWqC,OAAIlC,EAA2B,sBAAA,EACjD4E,GAAI,SAACC,EAAK,CAAM,MAAA,CAAER,QAAS,OAAQC,WAAY,SAAUQ,IAAKD,EAAME,QAAQ,EAAG,CAAE,CAAC,EAClFC,aAAY,GACZC,UAAU,OAAA,EAETC,GAAa/C,EAAoBZ,CAAQ,EAEzCY,GACC6B,EAAAC,cAACkB,GAAO,CACNC,MACEnB,EAAAA,cAACO,EAAU,CAACC,QAAQ,QAAQC,MAAM,aAAA,EAC/B7D,GACCoD,EAAAA,cAAAD,EAAAE,SAAA,KACGrD,EACDoD,EAAAA,cAAA,KAAA,IAAK,IACLA,cAAA,KAAA,IAAK,CACL,EAEJA,EAAAA,cAACoB,EAAgB,CACfhD,GAAG,6BACHiD,OAAQ,CACNC,MAAOxE,EAAgB,CAAC,EACxByE,OAAQzE,EAAgB,CAAC,EACzB0E,GAAI,UAAF,CAAQzB,OAAAA,EAAAC,cAAA,KAAA,IAAK,CAAC,EAChByB,EAAG,SAACC,EAAW,CAAA,OAAK1B,EAAAA,cAAA,IAAA,KAAI0B,CAAU,CAAA,CAAC,CACrC,CACD,CACS,EAEdC,KAAM3B,EAAAA,cAAC4B,GAAQ,CAACnB,MAAM,SAASoB,SAAS,OAAS,CAAA,CAClD,CAAA,CAEO,CACT,EAEL9B,EAAAC,cAAA,QAAA,CACE5B,GAAE,GAAAH,OAAKrC,OAAWqC,OAAIlC,EAAuB,kBAAA,EAC7C+F,OAAO,0DACP,mBAAA,GAAA7D,OAAqBrC,OAAWqC,OAAIlC,EAAiC,4BAAA,EACrE,kBAAA,GAAAkC,OAAoBrC,OAAWqC,OAAIlC,EAA2B,sBAAA,EAC9DgG,UAAU,YACV9C,KAAK,OACL+C,MAAO,CAAE5B,QAAS,MAAO,EACzB6B,QAAS,SAACC,EAAW,CACnBA,EAAEpD,OAAOqD,MAAQ,IACnB,EACAC,SAAUzD,CACX,CAAA,EAEAmB,GACCC,EAAAC,cAACqC,GAAS,CACRC,IAAKxC,EACLyC,MAAOrF,EACPsF,IAAKzG,EAAK0G,QAAQ,IAAK,GAAG,EAC1BvG,QAAAA,EACAE,MAAAA,EACA4C,KAAMhC,CAAAA,CACP,GAGDP,GAAe,CAACqD,IAChBC,EAAAC,cAAC0C,GAAU,CACTH,MAAM,MACNI,OACE3C,EAAAA,cAAC4C,EAAM,CACL5D,KAAK,QACLyB,MAAM,UACND,QAAQ,WACRyB,QAAS5D,EACTwE,UAAW7C,EAAAA,cAAC1E,GAAS,CAACmF,MAAM,SAAW,CAAA,CAAA,EAEvCT,EAAAA,cAACoB,EAAgB,CAAChD,GAAG,uCAAA,CAAyC,CACxD,CAEX,CAAA,EAGF0B,GACCC,EAAAC,cAAC8C,GAAK,CACJC,UAAU,MACVC,eAAe,aACf3C,WAAW,aACXS,QAAS,EACTmC,GAAI,CAAA,EAEJjD,EAAAA,cAAC4C,EAAM,CACL5D,KAAK,QACLyB,MAAM,UACNwB,QAAS5D,EACTwE,UAAW7C,EAAAA,cAACkD,GAAQ,CAACzC,MAAM,SAAW,CAAA,CAAA,EAEtCT,EAAAA,cAACoB,EAAgB,CAAChD,GAAG,gBAAA,CAAkB,CACjC,EAEP,CAAC3B,GAAeqD,GACfC,EAAAC,cAAC4C,EAAM,CACL5D,KAAK,QACLyB,MAAM,UACNwB,QAASvD,EACTmE,UAAW9C,EAAAC,cAACmD,GAAY,IAAA,CAAA,EAExBnD,EAAAA,cAACoB,EAAgB,CAAChD,GAAG,0CAA4C,CAAA,CAC3D,CAEL,EAGT2B,EAAAC,cAACoD,GAAc,CACbhF,GAAE,GAAAH,OAAKrC,OAAWqC,OAAIlC,EAAiC,4BAAA,EACvDwD,MAAOmB,EAAIrE,IAAAA,KAAM4B,OAAKlC,EAAc,UAAA,CAAA,CAAA,EAEnCsH,EAAAA,IAAIhH,EAAM4B,GAAAA,OAAKlC,EAAI,UAAA,CAAU,CAChB,CAChB,CAEN","x_google_ignoreList":[0]}