Better JS file orgnization for PNI (#12700)

* Better JS file orgnization for PNI

* moved pni-mobile-nav.js and renamed it to mobile-category-nav.js

source/js/buyers-guide/bg-main.js

@@ -13,11 +13,11 @@ import injectMultipageNav from "../multipage-nav.js";
 
 import primaryNav from "../primary-nav.js";
 
-import HomepageSlider from "./homepage-c-slider.js";
-import NewsletterBox from "./newsletter-box.js";
+import HomepageSlider from "./template-js-handler/homepage-c-slider.js";
+import NewsletterBox from "./template-js-handler/newsletter-box.js";
+import PNIMobileCategoryNav from "./template-js-handler/mobile-category-nav.js";
 import AnalyticsEvents from "./analytics-events.js";
 import initializeSentry from "../common/sentry-config.js";
-import PNIMobileNav from "./pni-mobile-nav.js";
 
 // Initializing component a11y browser console logging
 if (process.env.NODE_ENV === "development") {
@@ -78,7 +78,7 @@ let main = {
  Promise.all(apps).then(() => {
  document.body.classList.add(`react-loaded`);
  this.initPageSpecificScript();
- PNIMobileNav.init();
+ PNIMobileCategoryNav.init();
  // bind custom analytics only once everything's up and loaded
  // Analytics events does give errors quite often, do not add JS after this
  AnalyticsEvents.init();

source/js/buyers-guide/index.js

@@ -1,5 +1,5 @@
 export { injectReactComponents } from "./inject-react";
 export { bindEventHandlers } from "./template-js-handler";
-import injectProductTabs from "./product-tab.js";
+import injectProductTabs from "./template-js-handler/product-tab.js";
 
 injectProductTabs();

source/js/buyers-guide/homepage-c-slider.js → source/js/buyers-guide/template-js-handler/homepage-c-slider.js

@@ -1,4 +1,4 @@
-import CREEPINESS_LABELS from "./components/creepiness-labels.js";
+import CREEPINESS_LABELS from "../components/creepiness-labels.js";
 
 /**
  * Logic to render the "Creep-O-Meter" face at the bottom right of the PNI homepage.

source/js/buyers-guide/pni-mobile-nav.js → source/js/buyers-guide/template-js-handler/mobile-category-nav.js

@@ -3,7 +3,7 @@
  * If the navigation menu button is clicked, open the navigation panel.
  */
 
-const PNIMobileNav = {
+const PNIMobileCategoryNav = {
  init: () => {
  const mobileNav = document.querySelector("#pni-mobile-category-nav");
 
@@ -17,4 +17,4 @@ const PNIMobileNav = {
  },
 };
 
-export default PNIMobileNav;
+export default PNIMobileCategoryNav;