#436: Cannot Drag and Drop Image to Upload Area in Banner, Slide in Safari, IE11 - Removed added validation type, changed isFileAllowed function

Author: hannahnida

app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/image-uploader.js

@@ -82,13 +82,16 @@ define([
         },
 
         /**
-         * Checks if extension of provided file is allowed.
+         * Checks if provided file is allowed to be uploaded.
          * {@inheritDoc}
          */
-        isExtensionAllowed: function (file) {
-            var fileExtensions = this.getAllowedFileExtensionsInCommaDelimitedFormat(),
-                fileExtensionMessage = this.translations.allowedFileTypes + ':\t' + fileExtensions;
-            return validator('validate-file-extension', file.name, this.allowedExtensions, fileExtensionMessage);
+        isFileAllowed: function () {
+            var result = this._super();
+
+            if (!result.passed && result.rule === 'validate-file-type') {
+                result.message += ('\t' + this.translations.allowedFileTypes + ':\t' + this.getAllowedFileExtensionsInCommaDelimitedFormat());
+            }
+            return result;
         },
 
         /**

app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/validator-rules-mixin.js

@@ -124,23 +124,6 @@ define([
         return !!style.width.length;
     }
 
-    /**
-     * Validate file extension.
-     *
-     * @param {String} name
-     * @param {String} types
-     * @returns {Boolean}
-     */
-    function validateFileExtension(name, types) {
-        var extension = name.split('.').pop().toLowerCase();
-
-        if (types && typeof types === 'string') {
-            types = types.split(' ');
-        }
-
-        return !types || !types.length || ~types.indexOf(extension);
-    }
-
     return function (validator) {
         var requiredInputRule = validator.getRule('required-entry');
 
@@ -271,20 +254,6 @@ define([
             $.mage.__('Please enter a valid number or calculation: Valid numbers must have an extension (px, %, pt, vh). Calculations must have white space around the + and - operators and cannot divide by zero.')//eslint-disable-line max-len
         );
 
-        validator.addRule(
-            'validate-file-extension',
-            function (name, types, additionalMessage) {
-                this.fileTypeErrorMessage = $.mage.__('We don\'t recognize or support this file extension type.');
-                if (additionalMessage) {
-                    this.fileTypeErrorMessage += ('\t' + additionalMessage);
-                }
-                return validateFileExtension(name, types);
-            },
-            function () {
-                return this.fileTypeErrorMessage;
-            }
-        );
-
         validateObjectField(validator, 'validate-number');
         validateObjectField(validator, 'less-than-equals-to');
         validateObjectField(validator, 'greater-than-equals-to');