ACP2E-3504: Product images not resized when added as configurable product

Author: Chhandak.Barua

app/code/Magento/ConfigurableProduct/view/adminhtml/layout/catalog_product_wizard.xml

@@ -58,7 +58,7 @@
                             <item name="modal" xsi:type="string">configurableModal</item>
                             <item name="dataScope" xsi:type="string">productFormConfigurable</item>
                         </argument>
-                        <argument name="view_model" xsi:type="object">Magento\ConfigurableProduct\ViewModel\uploadResizeConfigValue</argument>
+                        <argument name="view_model" xsi:type="object">Magento\ConfigurableProduct\ViewModel\UploadResizeConfigValue</argument>
                     </arguments>
                 </block>
                 <block class="Magento\ConfigurableProduct\Block\Adminhtml\Product\Steps\Summary" name="step4" template="Magento_ConfigurableProduct::catalog/product/edit/attribute/steps/summary.phtml">

app/code/Magento/ConfigurableProduct/view/adminhtml/templates/catalog/product/edit/attribute/steps/bulk.phtml

@@ -771,7 +771,8 @@ $uploadUrl = $block->getUrl('catalog/product_gallery/upload');
                     "component": "Magento_ConfigurableProduct/js/variations/steps/bulk",
                     "appendTo": "<?= /* @noEscape */  $block->getParentComponentName() ?>",
                     "noImage": "<?= /* @noEscape */  $block->getNoImageUrl() ?>",
-                    "variationsComponent": "<?= /* @noEscape */ $block->getData('config/form') ?>.configurableVariations",
+                    "variationsComponent": "<?= /* @noEscape */ $block->getData('config/form')
+                    ?>.configurableVariations",
                     "isResizeEnabled": <?= /* @noEscape */  $viewModel->isResizeEnabled() ?>,
                     "maxWidth": <?= /* @noEscape */  $viewModel->getMaxWidth() ?>,
                     "maxHeight": <?= /* @noEscape */  $viewModel->getMaxHeight() ?>

app/code/Magento/ConfigurableProduct/view/adminhtml/web/js/variations/steps/bulk.js

@@ -463,19 +463,19 @@ define([
                     // initialize Uppy upload
                     uppy.use(Uppy.Dashboard, options);
 
-                    // // Use 'self.options' to access component options
-                    // if (self.options?.isResizeEnabled) {
-                    //     uppy.use(Uppy.Compressor, {
-                    //         maxWidth: self.options.maxWidth,
-                    //         maxHeight: self.options.maxHeight,
-                    //         quality: 0.92,
-                    //         beforeDraw() {
-                    //             if (!allowedResize) {
-                    //                 this.abort();
-                    //             }
-                    //         }
-                    //     });
-                    // }
+                    // Use 'self.options' to access component options
+                    if (self.options?.isResizeEnabled) {
+                        uppy.use(Uppy.Compressor, {
+                            maxWidth: self.options.maxWidth,
+                            maxHeight: self.options.maxHeight,
+                            quality: 0.92,
+                            beforeDraw() {
+                                if (!allowedResize) {
+                                    this.abort();
+                                }
+                            }
+                        });
+                    }
 
                     // drop area for file upload
                     uppy.use(Uppy.DropTarget, {