dev: refactor the setting field modal

Author: Soare Robert-Daniel

.eslintrc.json

@@ -7,5 +7,5 @@
   "rules": {
     "camelcase": "off"
   },
-  "ignorePatterns": ["**/*.min.js", "**/*.bundle.js", "js/inputmask/**", "js/sweetalert/**", "tests/e2e/**", "backend/assets/**"]
+  "ignorePatterns": ["**/*.min.js", "**/*.bundle.js", "js/inputmask/**", "js/sweetalert/**", "tests/e2e/**", "backend/assets/**", "packages/admin/field-modal/**"]
 }

.github/workflows/e2e.yml

@@ -24,6 +24,8 @@ jobs:
           npm ci
           npm install -g playwright-cli
           npx playwright install --with-deps chromium
+      - name: Build admin field modal bundle
+        run: npm run build:admin-field-modal
       - name: Install composer deps
         run: composer install --no-dev
       - name: Install environment

.gitignore

@@ -10,3 +10,4 @@ languages/woocommerce-product-addon.pot
 artifacts
 .phpunit.result.cache
 tests/e2e/fixtures/generated/
+packages/admin/field-modal/build/

classes/fields.class.php

@@ -237,6 +237,31 @@ public function load_script( $hook ) {
 		wp_localize_script( 'ppom-field', 'ppom_vars', $ppom_admin_meta );
 		wp_localize_script( 'ppom-meta-table', 'ppom_vars', $ppom_admin_meta );
 
+		$is_field_editor_screen = ( isset( $_GET['do_meta'] ) && 'edit' === $_GET['do_meta'] )
+			|| ( isset( $_GET['action'] ) && 'new' === $_GET['action'] );
+		if ( $is_field_editor_screen && function_exists( 'ppom_use_react_field_modal' ) && ppom_use_react_field_modal() ) {
+			$field_modal_asset = PPOM_PATH . '/packages/admin/field-modal/build/index.asset.php';
+			if ( file_exists( $field_modal_asset ) ) {
+				$field_modal = require $field_modal_asset;
+				wp_enqueue_script(
+					'ppom-admin-field-modal',
+					PPOM_URL . '/packages/admin/field-modal/build/index.js',
+					$field_modal['dependencies'],
+					$field_modal['version'],
+					true
+				);
+				$productmeta_id = isset( $_GET['productmeta_id'] ) ? absint( $_GET['productmeta_id'] ) : 0;
+				wp_localize_script(
+					'ppom-admin-field-modal',
+					'ppomFieldModalBoot',
+					array(
+						'productmetaId' => $productmeta_id,
+						'nonce'         => wp_create_nonce( 'wp_rest' ),
+					)
+				);
+			}
+		}
+
 		$action    = isset( $_GET['action'] ) ? sanitize_text_field( $_GET['action'] ) : '';
 		$page_slug = 'fields';