{"version":3,"file":"js/9859-e875243fea82ea8ca09b.chunk.js","mappings":"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","sources":["webpack://agra/./app/javascript/components/upload/direct-dropzone.vue?4faf","webpack://agra/./app/javascript/components/upload/direct-dropzone.vue","webpack://agra/./app/javascript/image/select-image-and-crop-modal.vue","webpack://agra/./app/javascript/image/select-image-and-crop-modal.vue?9996","webpack://agra/./app/javascript/image/select-image-and-crop-mixin.js","webpack://agra/./app/javascript/image/upload-and-crop.vue","webpack://agra/./app/javascript/image/upload-and-crop.vue?f7ef","webpack://agra/./app/javascript/modals/modal-button.vue","webpack://agra/./app/javascript/modals/modal-button.vue?45be","webpack://agra/./app/javascript/components/buttons/light-button.vue","webpack://agra/./app/javascript/components/buttons/light-button.vue?b296"],"sourcesContent":["import script from \"./direct-dropzone.vue?vue&type=script&lang=js\"\nexport * from \"./direct-dropzone.vue?vue&type=script&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\nimport BaseDropzone from './base-dropzone'\nimport Dropzone from 'dropzone'\n\nexport default {\n  name: 'DirectDropzone',\n  extends: BaseDropzone,\n\n  props: {\n    maxFilesizeMb: {\n      type: Number,\n      required: false,\n      default: 10\n    },\n    paramName: {\n      type: String,\n      required: true\n    },\n    uploadUrl: {\n      type: String,\n      required: true\n    }\n  },\n\n  emits: ['upload-error', 'upload-success'],\n\n  mounted() {\n    const component = this\n    const options = {\n      ...this.commonDropzoneOptions,\n      maxFiles: 1,\n      maxFilesize: this.maxFilesizeMb,\n      method: 'patch',\n      paramName: this.paramName,\n      url: this.uploadUrl,\n      headers: {\n        'Accept': 'application/json'\n      },\n      success(file, response) {\n        if (response.status === 'error') {\n          component.$emit('upload-error', response)\n        } else {\n          component.$emit('upload-success', response)\n        }\n      },\n      error(file, errorMessage, xhr) {\n        if (xhr) {\n          component.$emit('upload-error', xhr.response)\n        } else {\n          component.$emit('upload-error', {message: errorMessage})\n        }\n      }\n    }\n    const tokenElement = document.querySelector('meta[name=\"csrf-token\"]')\n    if (tokenElement) {\n      options.headers = { 'X-CSRF-Token': tokenElement.getAttribute('content') }\n    }\n    this.dropzone = new Dropzone(this.$el, options)\n  },\n\n  methods: {\n    clearFile() {\n      this.dropzone.removeAllFiles()\n    }\n  }\n}\n</script>\n","<template>\n  <modal ref=\"modal\"\n         :modal-id=\"`${entityType}-${fieldName}-upload-modal`\"\n         :paddingless-body=\"uploading\"\n         :click-outside-to-close=\"!cropping\"\n         @visibility-changed=\"visibilityChanged\">\n    <template #body>\n      <alert v-if=\"errorMessage\" :message=\"errorMessage\" />\n\n      <image-source-selector v-if=\"selectingSource\" :description=\"description\"\n                             @upload-file=\"showUploadSource\" @search-image=\"searchImage\" />\n\n      <search-stock-image v-if=\"selectingStockImage\" :description=\"description\" :search-query=\"stockImageSearchQuery\"\n                          :external-image-attribution-utm-params=\"externalImageAttributionUtmParams\"\n                          :external-image-photo-retrieval-url-with-placeholder=\"externalImagePhotoRetrievalUrlWithPlaceholder\"\n                          :external-image-search-url=\"externalImageSearchUrl\"\n                          @use-stock-image=\"useStockImage\" />\n\n      <template v-if=\"uploading\">\n        <div class=\"d-flex flex-column align-items-center mb-4\">\n          <div class=\"padded-content d-flex flex-column justify-content-center align-items-center\">\n            <strong class=\"title mb-2\">\n              {{ i18n.t('components.image_upload.upload_title') }}\n            </strong>\n            <div class=\"text-center\">\n              {{ description }}\n            </div>\n          </div>\n        </div>\n        <direct-dropzone ref=\"dropzone\" class=\"d-none d-md-flex justify-content-center align-items-center flex-column\"\n                         :title=\"i18n.t('components.dropzone.image.title')\"\n                         :description=\"modalDescription\"\n                         :disclaimer=\"i18n.t('components.dropzone.image.disclaimer')\"\n                         :param-name=\"`${entityType}[${fieldName}]`\"\n                         :accepted-file-types=\"imageFileTypes\"\n                         :upload-url=\"imageBaseUrl\"\n                         @upload-success=\"finishedUpload\" @upload-error=\"setUploadErrorMessage\" />\n        <p v-if=\"uploadErrorMessage\" class=\"text-danger text-center\">\n          {{ uploadErrorMessage }}\n        </p>\n        <div class=\"mt-4 padded-content\">\n          <modal-button class=\"btn-primary\" type=\"button\" @click=\"openDropzone\">\n            {{ i18n.t('components.image_upload.choose_file') }}\n          </modal-button>\n          <modal-button class=\"btn-light mt-3\" type=\"button\" @click=\"close\">\n            {{ i18n.t('administrative.cancel') }}\n          </modal-button>\n        </div>\n      </template>\n      <template v-if=\"cropping\">\n        <div class=\"d-flex flex-column justify-content-center align-items-center\">\n          <strong class=\"title mb-2\">\n            {{ i18n.t('components.image_upload.crop_title') }}\n          </strong>\n          <p class=\"mt10 text-center\">\n            {{ i18n.t('components.image_upload.cropping_instructions') }}\n          </p>\n        </div>\n        <cropper :original-image-url=\"image.originalUrl\" :aspect-ratio=\"aspectRatio\" :enforce-aspect-ratio=\"true\"\n                 @update=\"updateCrop\" />\n        <div class=\"mt-3\">\n          <modal-button class=\"btn-primary\" type=\"button\" :label=\"i18n.t('buttons.crop')\" @click=\"crop\">\n            {{ i18n.t('buttons.crop') }}\n          </modal-button>\n          <modal-button class=\"btn-light mt-3\" type=\"button\" :label=\"i18n.t('components.image_upload.skip_crop')\" @click=\"stopCropping\">\n            {{ i18n.t('components.image_upload.skip_crop') }}\n          </modal-button>\n        </div>\n      </template>\n    </template>\n  </modal>\n</template>\n\n<script>\nimport ajax from '../helpers/ajax'\nimport Alert from '@/components/alert'\nimport Cropper from './cropper'\nimport DirectDropzone from '@/components/upload/direct-dropzone'\nimport { IMAGE_FILE_TYPES } from '@/components/upload/file-types'\nimport ImageSourceSelector from './image-source-selector'\nimport Modal from '../components/modal'\nimport ModalButton from '../modals/modal-button'\nimport { nextTick } from 'vue'\nimport { objectKeysToSnakeCase } from '@/helpers/transform-object-keys'\nimport SearchStockImage from './search-stock-image'\n\nexport default {\n  components: { Alert, Cropper, DirectDropzone, ImageSourceSelector, Modal, ModalButton, SearchStockImage },\n\n  props: {\n    allowCropping: {\n      type: Boolean,\n      required: false,\n      default: true\n    },\n    allowExternalImage: {\n      type: Boolean,\n      required: true\n    },\n    aspectRatio: {\n      type: Number,\n      required: true\n    },\n    image: {\n      type: Object,\n      required: false\n    },\n    description: {\n      type: String,\n      required: false\n    },\n    entityType: {\n      type: String,\n      required: true\n    },\n    externalImageAttributionUtmParams: {\n      type: Object,\n      required: false\n    },\n    externalImagePhotoRetrievalUrlWithPlaceholder: {\n      type: String,\n      required: false\n    },\n    externalImageSearchUrl: {\n      type: String,\n      required: false\n    },\n    fieldName: {\n      type: String,\n      required: true\n    },\n    imageBaseUrl: {\n      type: String,\n      required: true\n    },\n    previewStyle: {\n      type: String,\n      required: false,\n      default: 'form'\n    }\n  },\n\n  emits: ['done-cropping', 'image-updated', 'visibility-changed'],\n\n  data() {\n    return {\n      cropRect: null,\n      errorMessage: null,\n      stage: null,\n      stockImageSearchQuery: '',\n      uploadErrorMessage: null\n    }\n  },\n\n  computed: {\n    cropping() {\n      return this.stage === 'cropping'\n    },\n\n    cropWhxy() {\n      return `${this.cropRect.w}x${this.cropRect.h}+${this.cropRect.x}+${this.cropRect.y}`\n    },\n\n    imageFileTypes() {\n      return IMAGE_FILE_TYPES\n    },\n\n    modalSize() {\n      if (this.cropping) {\n        return 'lg'\n      } else {\n        return 'md'\n      }\n    },\n\n    modalTitle() {\n      if (this.cropping) {\n        return this.i18n.t('buttons.crop')\n      } else {\n        if (this.image) {\n          return this.i18n.t('components.image_upload.edit')\n        } else {\n          return this.i18n.t('components.image_upload.new')\n        }\n      }\n    },\n\n    modalDescription() {\n      // Build the string with the list of supported file types\n      const supportedFileTypes = ['.jpg', '.png', '.gif', '.heic', '.heif', '.avif', '.tiff']\n      const fileTypesString = `${supportedFileTypes.slice(0, -1).join(', ')} ${this.i18n.t('or')} ${supportedFileTypes.slice(-1)}`\n\n      return this.i18n.t('components.dropzone.accepted_file_types', {file_types: fileTypesString})\n    },\n\n    selectingSource() {\n      return this.stage === 'selectingSource'\n    },\n\n    selectingStockImage() {\n      return this.stage === 'selectingStockImage'\n    },\n\n    uploading() {\n      return this.stage === 'uploading'\n    }\n  },\n\n  methods: {\n    openDropzone() {\n      // First, clear out any previous upload attempt\n      this.$refs.dropzone.clearFile()\n      this.uploadErrorMessage = null\n\n      // See: https://stackoverflow.com/questions/49197488/how-to-manually-trigger-click-for-dropzone-open-select-file-dialog\n      // It seems there is no cleaner way to use an element outside the dropzone to trigger the dialog to\n      // open as if the user clicked the dropzone.\n      this.$refs.dropzone.$el.click()\n    },\n    crop() {\n      ajax.patch({\n        url: `${this.imageBaseUrl}/crop`,\n        data: {\n          id: this.fieldName,\n          [this.entityType]: {\n            crop_whxy: this.cropWhxy\n          }\n        },\n        successHandler: (response) => {\n          this.errorMessage = null\n          this.$refs.modal.close()\n          this.updateImage({\n            originalUrl: response.imageUrls.original,\n            previewUrl: response.imageUrls[this.previewStyle],\n            allUrls: response.imageUrls,\n            type: 'uploaded-image'\n          })\n          this.stopCropping()\n        },\n        errorHandler: ({ message }) => {\n          this.errorMessage = message\n        }\n      })\n    },\n\n    finishedUpload({image_urls}) {\n      this.updateImage({\n        originalUrl: image_urls.original,\n        previewUrl: image_urls[this.previewStyle],\n        allUrls: image_urls,\n        type: 'uploaded-image'\n      })\n      if (this.allowCropping) {\n        nextTick(() => {\n          this.startCropping()\n        })\n      } else {\n        this.$refs.modal.close()\n        this.stage = null\n      }\n    },\n\n    open() {\n      this.$refs.modal.open()\n\n      if (this.allowExternalImage) {\n        this.stage = 'selectingSource'\n      }\n      else {\n        this.stage = 'uploading'\n      }\n    },\n\n    close() {\n      this.$refs.modal.close()\n    },\n\n    searchImage(imageQuery) {\n      this.stage = 'selectingStockImage'\n      this.stockImageSearchQuery = imageQuery\n    },\n\n    setUploadErrorMessage({ message }) {\n      this.uploadErrorMessage = message\n    },\n\n    showUploadSource() {\n      this.stage = 'uploading'\n    },\n\n    startCropping() {\n      this.stage = 'cropping'\n    },\n\n    stopCropping() {\n      this.$refs.modal.close()\n      this.cropRect = null\n      this.stage = null\n      this.$emit('done-cropping')\n    },\n\n    useStockImage(stockImageProperties) {\n      const attributionData = objectKeysToSnakeCase(stockImageProperties.user)\n\n      ajax.post({\n        url: `${this.imageBaseUrl}/external`,\n        data: {\n          image: {\n            external_url: stockImageProperties.originalImageUrl,\n            external_id: stockImageProperties.id,\n            attribution_data: attributionData\n          }\n        },\n        successHandler: (response) => {\n          this.updateImage({\n            originalUrl: response.imageUrls.original,\n            previewUrl: response.imageUrls[this.previewStyle],\n            allUrls: response.imageUrls,\n            attributionData: stockImageProperties.user,\n            type: 'external-image'\n          })\n\n          // Unsplash doesn't support cropping images, so we skip that\n          this.stopCropping()\n        }\n      })\n    },\n\n    updateCrop({x, y, height, width}) {\n      this.cropRect = {w: Math.round(width),\n                       h: Math.round(height),\n                       x: Math.round(x),\n                       y: Math.round(y)}\n    },\n\n    updateImage(image) {\n      this.$emit('image-updated', image)\n    },\n\n    visibilityChanged(newVisibility) {\n      this.$emit('visibility-changed', newVisibility)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .title {\n    font-size: 24px;\n  }\n\n  .padded-content {\n    padding: 0 20px;\n  }\n</style>\n","import { render } from \"./select-image-and-crop-modal.vue?vue&type=template&id=1689cca2&scoped=true\"\nimport script from \"./select-image-and-crop-modal.vue?vue&type=script&lang=js\"\nexport * from \"./select-image-and-crop-modal.vue?vue&type=script&lang=js\"\n\nimport \"./select-image-and-crop-modal.vue?vue&type=style&index=0&id=1689cca2&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1689cca2\"]])\n\nexport default __exports__","import SelectImageAndCropModal from './select-image-and-crop-modal'\n\nexport default {\n  components: {  SelectImageAndCropModal },\n\n  props: {\n    allowCropping: {\n      type: Boolean,\n      required: false,\n      default: true\n    },\n    aspectRatio: {\n      type: Number,\n      required: true\n    },\n    fieldName: {\n      type: String,\n      required: true\n    },\n    imageBaseUrl: {\n      type: String,\n      required: true\n    },\n    previewStyle: {\n      type: String,\n      required: false,\n      default: 'form'\n    }\n  },\n\n  data() {\n    return {\n      image: this.initialImage\n    }\n  },\n\n  methods: {\n    openModal() {\n      this.$refs.modal.open()\n    },\n\n    updateImage(image) {\n      this.image = image\n    }\n  }\n}\n","<template>\n  <div>\n    <div v-if=\"image\" class=\"preview-image\">\n      <img :src=\"image.previewUrl\">\n      <light-button :title=\"i18n.t('administrative.delete')\" class=\"btn-sm delete-button\" @click=\"deleteImage\">\n        <i class=\"icon-cancel\" />\n      </light-button>\n    </div>\n\n    <light-button :label=\"addOrEditText\" @click=\"openModal\" />\n\n    <select-image-and-crop-modal ref=\"modal\" :allow-cropping=\"allowCropping\" :allow-external-image=\"allowExternalImage\"\n                                 :aspect-ratio=\"aspectRatio\"\n                                 :image=\"image\" :entity-type=\"entityType\" :field-name=\"fieldName\"\n                                 :image-base-url=\"imageBaseUrl\" :preview-style=\"previewStyle\"\n                                 :external-image-attribution-utm-params=\"externalImageAttributionUtmParams\"\n                                 :external-image-photo-retrieval-url-with-placeholder=\"externalImagePhotoRetrievalUrlWithPlaceholder\"\n                                 :external-image-search-url=\"externalImageSearchUrl\"\n                                 @image-updated=\"updateImage\" />\n  </div>\n</template>\n\n<script>\nimport ajax from '../helpers/ajax'\nimport LightButton from '../components/buttons/light-button'\nimport SelectImageAndCropMixin from './select-image-and-crop-mixin'\n\nexport default {\n  components: { LightButton },\n\n  mixins: [SelectImageAndCropMixin],\n\n  props: {\n    allowExternalImage: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n    initialImage: {\n      type: Object,\n      required: false\n    },\n    entityType: {\n      type: String,\n      required: true\n    },\n    externalImageAttributionUtmParams: {\n      type: Object,\n      required: false\n    },\n    externalImagePhotoRetrievalUrlWithPlaceholder: {\n      type: String,\n      required: false\n    },\n    externalImageSearchUrl: {\n      type: String,\n      required: false\n    }\n  },\n\n  computed: {\n    addOrEditText() {\n      if (this.image) {\n        return this.i18n.t('components.image_upload.edit')\n      } else {\n        return this.i18n.t('components.image_upload.new')\n      }\n    }\n  },\n\n  methods: {\n    deleteImage() {\n      ajax.delete({\n        url: this.imageBaseUrl,\n        successHandler: () => {\n          this.updateImage(null)\n        }\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .preview-image {\n    position: relative;\n    min-height: 50px;\n\n    .delete-button {\n      position: absolute;\n      top: 10px;\n      left: 5px;\n      padding: 2px 4px;\n    }\n  }\n</style>\n","import { render } from \"./upload-and-crop.vue?vue&type=template&id=099ff3c0&scoped=true\"\nimport script from \"./upload-and-crop.vue?vue&type=script&lang=js\"\nexport * from \"./upload-and-crop.vue?vue&type=script&lang=js\"\n\nimport \"./upload-and-crop.vue?vue&type=style&index=0&id=099ff3c0&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-099ff3c0\"]])\n\nexport default __exports__","<template>\n  <button class=\"modal-button btn btn-lg w-100\" :type=\"type\" :disabled=\"disabled\" @click=\"onClick\">\n    <slot />\n  </button>\n</template>\n\n<script>\nexport default {\n  props: {\n    type: {\n      type: String,\n      required: false,\n      default: 'button'\n    },\n    disabled: {\n      type: Boolean,\n      required: false,\n      default: false\n    }\n  },\n\n  emits: ['click'],\n\n  methods: {\n    onClick() {\n      this.$emit('click')\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n  .modal-button {\n    text-transform: none;\n    font-size: 1rem;\n    padding: 1rem;\n  }\n</style>\n","import { render } from \"./modal-button.vue?vue&type=template&id=5eb8860d&scoped=true\"\nimport script from \"./modal-button.vue?vue&type=script&lang=js\"\nexport * from \"./modal-button.vue?vue&type=script&lang=js\"\n\nimport \"./modal-button.vue?vue&type=style&index=0&id=5eb8860d&scoped=true&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-5eb8860d\"]])\n\nexport default __exports__","<template>\n  <button type=\"button\" class=\"btn btn-light\" @click=\"$emit('click')\">\n    <slot>\n      {{ label }}\n    </slot>\n  </button>\n</template>\n\n<script>\nexport default {\n  props: {\n    label: {\n      type: String,\n      required: false,  // to support just putting something in the slot\n      default: ''\n    }\n  },\n\n  emits: ['click']\n}\n</script>\n","import { render } from \"./light-button.vue?vue&type=template&id=67792c88\"\nimport script from \"./light-button.vue?vue&type=script&lang=js\"\nexport * from \"./light-button.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["name","extends","BaseDropzone","props","maxFilesizeMb","type","Number","required","default","paramName","String","uploadUrl","emits","mounted","component","this","options","commonDropzoneOptions","maxFiles","maxFilesize","method","url","headers","success","file","response","status","$emit","error","errorMessage","xhr","message","tokenElement","document","querySelector","getAttribute","dropzone","Dropzone","$el","methods","clearFile","removeAllFiles","class","key","components","Alert","Cropper","DirectDropzone","ImageSourceSelector","Modal","ModalButton","SearchStockImage","allowCropping","Boolean","allowExternalImage","aspectRatio","image","Object","description","entityType","externalImageAttributionUtmParams","externalImagePhotoRetrievalUrlWithPlaceholder","externalImageSearchUrl","fieldName","imageBaseUrl","previewStyle","data","cropRect","stage","stockImageSearchQuery","uploadErrorMessage","computed","cropping","cropWhxy","w","h","x","y","imageFileTypes","IMAGE_FILE_TYPES","modalSize","modalTitle","i18n","t","modalDescription","supportedFileTypes","fileTypesString","slice","join","file_types","selectingSource","selectingStockImage","uploading","openDropzone","$refs","click","crop","ajax","patch","id","crop_whxy","successHandler","modal","close","updateImage","originalUrl","imageUrls","original","previewUrl","allUrls","stopCropping","errorHandler","finishedUpload","image_urls","nextTick","startCropping","open","searchImage","imageQuery","setUploadErrorMessage","showUploadSource","useStockImage","stockImageProperties","attributionData","objectKeysToSnakeCase","user","post","external_url","originalImageUrl","external_id","attribution_data","updateCrop","height","width","Math","round","visibilityChanged","newVisibility","_createBlock","_component_modal","ref","$props","$options","onVisibilityChanged","body","_withCtx","$data","_component_alert","_createCommentVNode","_createTextVNode","_component_image_source_selector","onUploadFile","onSearchImage","_component_search_stock_image","onUseStockImage","_createElementBlock","_Fragment","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_toDisplayString","_ctx","_hoisted_4","_createVNode","_component_direct_dropzone","title","disclaimer","onUploadSuccess","onUploadError","_hoisted_5","_hoisted_6","_component_modal_button","onClick","_","_hoisted_7","_hoisted_8","_hoisted_9","_component_cropper","onUpdate","_hoisted_10","label","SelectImageAndCropModal","initialImage","openModal","LightButton","mixins","SelectImageAndCropMixin","addOrEditText","deleteImage","delete","src","_component_light_button","_cache","_component_select_image_and_crop_modal","onImageUpdated","disabled","args","_renderSlot","$slots","undefined","$event"],"sourceRoot":""}