PB-235: Story Bug for PB-107: Adding Condition Filter will Not Update Total until After Saving Edit Form & Reopening

Author: cspruiell

app/code/Magento/PageBuilder/Controller/Adminhtml/Form/Element/ProductTotals.php

@@ -66,6 +66,7 @@ class ProductTotals extends \Magento\Backend\App\Action implements HttpPostActio
      * @param \Magento\Widget\Helper\Conditions $conditionsHelper
      * @param \Magento\Catalog\Api\CategoryRepositoryInterface $categoryRepository
      * @param \Magento\Framework\Controller\Result\JsonFactory $jsonFactory
+     * @param \Magento\CatalogInventory\Helper\Stock $stockFilter
      */
     public function __construct(
         \Magento\Backend\App\Action\Context $context,
@@ -159,7 +160,7 @@ public function execute()
 
         // Only display enabled products in totals count
         $collection->addAttributeToFilter('status', Status::STATUS_ENABLED);
-        $collection->setVisibility(Visibility::VISIBILITY_BOTH);
+        $collection->setVisibility([Visibility::VISIBILITY_BOTH]);
         $this->stockFilter->addIsInStockFilterToCollection($collection);
 
         return $this->jsonFactory->create()

app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_products_form.xml

@@ -231,7 +231,7 @@
                     <dataType>text</dataType>
                     <imports>
                         <link name="conditionOption">ns = ${ $.ns }, index = condition_option:value</link>
-                        <link name="updateProductTotals">ns = ${ $.ns }, index = category_ids:value</link>
+                        <link name="category_ids">ns = ${ $.ns }, index = category_ids:value</link>
                         <link name="updateProductTotals">ns = ${ $.ns }, index = sku:value</link>
                         <link name="conditionValue">ns = ${ $.ns }, index = conditions_form:value</link>
                     </imports>

app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/html.js

@@ -37,8 +37,11 @@ define(['Magento_Ui/js/form/components/html', 'jquery'], function (Html, $) {
             }, function (el) {
                 this.elements.push(el);
                 $(el).on('change', this.updateValue.bind(this));
-                $('.rule-param-apply').on('click', function(e) {
-                    $(e.target).closest('.rule-param-apply').prevAll('input.element-value-changer').change();
+                $(el).nextAll('.rule-param-apply').on('click', function() {
+                    $(el).change();
+                });
+                $(el).closest('li').find('.rule-param-remove').on('click', function() {
+                    $(el).val('').change();
                 });
                 this.updateValue(this);
             }.bind(this));

app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/product-totals.js

@@ -23,7 +23,7 @@ define([
             listens: {
                 conditionOption: 'updateProductTotals',
                 conditionValue: 'updateProductTotals',
-                formData: 'updateProductTotals'
+                category_ids: 'updateProductTotals'
             },
             imports: {
                 formData: '${ $.provider }:data'
@@ -48,17 +48,14 @@ define([
          *
          */
         updateProductTotals: _.debounce(function () {
-            if (!this.conditionOption || _.isEmpty(this.formData) ||
-                (this.conditionOption === 'category_ids' && this.category_ids === this.formData['category_ids'])) {
+            if (!this.conditionOption || _.isEmpty(this.formData)) {
                 return;
             }
 
             if (this.conditionOption === 'category_ids' && typeof this.formData['category_ids'] != "string") {
                 this.formData['category_ids'] = '';
             }
 
-            this.category_ids = this.conditionOption === 'category_ids' ? this.formData['category_ids'] : '';
-
             _.extend(this.formData, this.conditionValue);
             conditionsDataProcessor(this.formData, this.conditionOption + '_source');