webpack/index.js in foreman_ansible-3.0.9 vs webpack/index.js in foreman_ansible-4.0.0

@@ -1,13 +1,14 @@
+import $ from 'jquery';
 import componentRegistry from 'foremanReact/components/componentRegistry';
 import injectReducer from 'foremanReact/redux/reducers/registerReducer';
 import ReportJsonViewer from './components/ReportJsonViewer';
 import AnsibleRolesSwitcher from './components/AnsibleRolesSwitcher';
-import $ from 'jquery';
-
 import reducer from './reducer';
 
+const { tfm } = window;
+
 componentRegistry.register({
   name: 'ReportJsonViewer',
   type: ReportJsonViewer,
 });
 componentRegistry.register({
@@ -15,14 +16,14 @@
   type: AnsibleRolesSwitcher,
 });
 
 injectReducer('foremanAnsible', reducer);
 
-window.tfm.initAnsibleRoleSwitcher = () => {
+tfm.initAnsibleRoleSwitcher = () => {
   $(document).on('ContentLoad', evt => {
     tfm.reactMounter.mount(
       'AnsibleRolesSwitcher',
       '#ansible_roles_switcher',
       $('#ansible_roles_switcher').data('roles')
     );
   });
-}
+};