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/view/adminhtml/ui_component/pagebuilder_modal_form.xml

@@ -23,6 +23,11 @@
         </dataProvider>
     </dataSource>
     <modal name="modal" component="Magento_PageBuilder/js/modal/modal">
+        <argument name="data" xsi:type="array">
+            <item name="config" xsi:type="array">
+                <item name="insertFormProvider" xsi:type="string">${ $.name }.insert_form</item>
+            </item>
+        </argument>
         <settings>
             <options>
                 <option name="title" xsi:type="string" translate="true">Edit</option>

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

@@ -25,6 +25,7 @@ define([
             listens: {
                 conditionOption: 'updateProductTotals',
                 conditionValue: 'updateProductTotals',
+                '${ $.provider }:data.modalClosed': 'abortRunningRequest'
             },
             imports: {
                 formData: '${ $.provider }:data'
@@ -42,15 +43,6 @@ define([
             jqXHR: null
         },
 
-        /** @inheritdoc */
-        initialize: function () {
-            $('.cms-page-edit .modals-wrapper').on('modalclosed', function () {
-                this.abortRunningRequest();
-            }.bind(this));
-
-            return this._super();
-        },
-
         /**
          * Abort running Ajax request
          */

app/code/Magento/PageBuilder/view/adminhtml/web/js/modal/modal.js

@@ -11,7 +11,10 @@ define([
 
     return ModalComponent.extend({
         defaults: {
-            titlePrefix: '${ $.options.title }'
+            titlePrefix: '${ $.options.title }',
+            modules: {
+                insertForm: '${ $.insertFormProvider }'
+            }
         },
 
         /** @inheritdoc */
@@ -37,6 +40,19 @@ define([
                 this.closeModal();
             }.bind(this));
 
+        },
+
+        /**
+         * Trigger modalClosed event on external provider
+         *
+         * @returns {any}
+         */
+        closeModal: function () {
+            this.insertForm() &&
+            this.insertForm().externalSource() &&
+            this.insertForm().externalSource().trigger('data.modalClosed');
+
+            return this._super();
         }
     });
 });