sr-npm 1.2.15 → 1.2.17

package/backend/consts.js

@@ -72,6 +72,9 @@ const TASKS = {
     }
 }
 
+
+
+
 const TASK_TYPE = {
   SCHEDULED: 'scheduled',
   EVENT: 'event',
@@ -89,6 +92,10 @@ const supportTeamsPageIds={
     VIDEO_TITLE: "#videoTitle",
     VIDEO_PLAYER: "#videoPlayer",
 
+
+
+
+
     RECENTLEY_ADDED_JOBS_ITEM: "#recentleyAddedJobsItem",
     JOB_LOCATION: "#jobLocation",
     JOB_TITLE: "#jobTitle",
@@ -130,13 +137,12 @@ const supportTeamsPageSections={
   VIDEO: "video",
 }
 
-
-module.exports = {
-  TASKS_NAMES,
-  TASK_TYPE,
-  TASKS,
-  QUERY_MAX_LIMIT,
-  supportTeamsPageIds,
-  LINKS,
-  supportTeamsPageSections,
+  module.exports = {
+    TASKS_NAMES,
+    TASK_TYPE,
+    TASKS,
+    QUERY_MAX_LIMIT,
+    supportTeamsPageIds,
+    LINKS,
+    supportTeamsPageSections,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sr-npm",
-  "version": "1.2.15",
+  "version": "1.2.17",
   "description": "",
   "main": "index.js",
   "scripts": {

package/pages/careersMultiBoxesPage.js

@@ -22,23 +22,22 @@ const pagination = {
   currentPage: 1,
 };
 async function careersMultiBoxesPageOnReady(_$w,urlParams) {
-    await loadData(_$w);
-    loadJobsRepeater(_$w);
-    loadPrimarySearchRepeater(_$w);
-    await loadFilters(_$w);
-    loadSelectedValuesRepeater(_$w);
-    bindSearchInput(_$w);
-    loadPaginationButtons(_$w);
-
-    if (await window.formFactor() === "Mobile") {
-      handleFilterInMobile(_$w);
-  }
-    
-    await handleUrlParams(_$w, urlParams);
-    _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.CLEAR_ALL_BUTTON_ID).onClick(async () => {
-      await clearAll(_$w);
-    });
+  bindSearchInput(_$w);
+  // loadPrimarySearchRepeater(_$w);
+
+  // await loadData(_$w);
+
+  // loadJobsRepeater(_$w);
+
+  // await loadFilters(_$w);
+  // loadSelectedValuesRepeater(_$w);
 
+  // loadPaginationButtons(_$w);
+  
+  // await handleUrlParams(_$w, urlParams);
+  // _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.CLEAR_ALL_BUTTON_ID).onClick(async () => {
+  //   await clearAll(_$w);
+  // });
 }
 
 async function clearAll(_$w) {
@@ -56,41 +55,6 @@ async function clearAll(_$w) {
     }
 }
 
-function handleFilterInMobile(_$w) {
-  const searchResultsSelectors = [
-      CAREERS_PAGE_SELECTORS.RESULT_BOX,
-      CAREERS_PAGE_SELECTORS.PAGINATION_BTN, 
-      CAREERS_PAGE_SELECTORS.HEAD_BTNS, 
-      CAREERS_PAGE_SELECTORS.SELECTED_VALUES_REPEATER, 
-      CAREERS_PAGE_SELECTORS.BUTTOM_TXT, 
-      CAREERS_PAGE_SELECTORS.SECTION_24, 
-      CAREERS_PAGE_SELECTORS.SECTION_3, 
-      CAREERS_PAGE_SELECTORS.LINE_3,
-      CAREERS_PAGE_SELECTORS.FILTER_ICON];
-
-  _$w(CAREERS_PAGE_SELECTORS.FILTER_ICON).onClick(()=>{
-      _$w(CAREERS_PAGE_SELECTORS.FILTER_BOX).expand();
-      searchResultsSelectors.forEach(selector => {
-          _$w(selector).collapse();
-      });
-  });
-
-  const exitFilterBox = () => {
-      _$w(CAREERS_PAGE_SELECTORS.FILTER_BOX).collapse();
-      searchResultsSelectors.forEach(selector => {
-          _$w(selector).expand();
-      });
-  }
-
-  _$w(CAREERS_PAGE_SELECTORS.EXIT_BUTTON).onClick(()=>{
-      exitFilterBox();
-  });
-
-  _$w(CAREERS_PAGE_SELECTORS.REFINE_SEARCH_BUTTON).onClick(()=>{
-      exitFilterBox();
-  });
-}
-
 
 async function handleUrlParams(_$w,urlParams) {
   try { 
@@ -233,6 +197,7 @@ async function loadData() {
     console.error('Failed to load data:', error);
   }
 }
+
 async function loadJobsRepeater(_$w) {
   try {
     _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.JOBS_REPEATER).onItemReady(($item, itemData) => {
@@ -264,7 +229,7 @@ async function loadJobsRepeater(_$w) {
   async function loadFilters(_$w) {
     try {
       // 1) Load all categories (fields)
-      const cities=await getAllRecords(COLLECTIONS.CITIES);
+      const cities = await getAllRecords(COLLECTIONS.CITIES);
       for(const city of cities) {
         valueToJobs[city._id]=city.jobIds;
       }
@@ -299,27 +264,24 @@ async function loadJobsRepeater(_$w) {
         updateOptionsUI(_$w,field.title, field._id, ''); // no search query
         _$w(`#${FiltersIds[field.title]}CheckBox`).selectedIndices = []; // start empty
         _$w(`#${FiltersIds[field.title]}CheckBox`).onChange(async (ev) => {
-          console.log("i am here !!!!!")
-          console.log("field.title: ",field.title)
-          console.log("value: ",value)
-          dontUpdateThisCheckBox=field._id;
-        const selected = ev.target.value; // array of selected value IDs
-        console.log("ev: ",ev)
-        console.log("ev.target: ",ev.target)
-        if (selected && selected.length) {
-          selectedByField.set(field._id, selected); 
-        } else {
-          selectedByField.delete(field._id);  
-        }
-        await updateJobsAndNumbersAndFilters(_$w);
-    
-      });
-      const runFilter = debounce(() => {
-      const query = (_$w(`#${FiltersIds[field.title]}input`).value || '').toLowerCase().trim();
-      updateOptionsUI(_$w, field.title, field._id, query);
+                  dontUpdateThisCheckBox=field._id;
+                  const selected = ev.target.value; // array of selected value IDs
+                  console.log("ev: ",ev)
+                  console.log("ev.target: ",ev.target)
+                  if (selected && selected.length) {
+                    selectedByField.set(field._id, selected); 
+                  } else {
+                    selectedByField.delete(field._id);  
+                  }
+                  await updateJobsAndNumbersAndFilters(_$w);
+        });
+
+        const runFilter = debounce(() => {
+        const query = (_$w(`#${FiltersIds[field.title]}input`).value || '').toLowerCase().trim();
+        updateOptionsUI(_$w, field.title, field._id, query);
+
     }, 150);
       _$w(`#${FiltersIds[field.title]}input`).onInput(runFilter);         
-      
     }
     await refreshFacetCounts(_$w);
 

package/pages/careersPage.js

@@ -5,10 +5,12 @@ const { query,queryParams,onChange} = require("wix-location-frontend");
 const { location } = require("@wix/site-location");
 const { COLLECTIONS } = require('../backend/collectionConsts');
 const { careersMultiBoxesPageOnReady } = require('./careersMultiBoxesPage');
-const { debounce, getFilter} = require('../public/filterUtils');
-const { CAREERS_PAGE_SELECTORS, FILTER_FIELDS } = require('../public/selectors');
+
+const {
+    debounce,
+    getFilter,
+  } = require('../public/filterUtils');
   const { filterBrokenMarkers } = require('../public/utils');
-  
   let currentLoadedItems =100;
   const itemsPerPage = 100;
   let allJobs=[]
@@ -43,25 +45,22 @@ async function careersPageOnReady(_$w,thisObject=null,queryParams=null) {
         queryJobTypeVar=jobType;
         queryBrandVar=brand;
         thisObjectVar=thisObject;
-        allJobs = await getAllPositions();
-
+        allJobs=await getAllPositions();
         activateAutoLoad(_$w);
         await bind(_$w);
         init(_$w);
         await handleBrandDropdown(_$w);
         await handleUrlParams(_$w);
-
     }
-
-
 }
+
   
 function activateAutoLoad(_$w)
 {
-    _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).onReady(() => {
+    _$w("#jobsDataset").onReady(() => {
         updateCount(_$w);
-        _$w(CAREERS_PAGE_SELECTORS.FOOTER).onViewportEnter(() => {
-            if (currentLoadedItems<_$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).getTotalCount()) {
+        _$w("#section2").onViewportEnter(() => {
+            if (currentLoadedItems<_$w("#jobsDataset").getTotalCount()) {
                 loadMoreJobs(_$w);  
             }   
             else {
@@ -81,12 +80,10 @@ async function loadMoreJobs(_$w) {
         pageParamSet = Number(pageParamSet) + 1;
     }
     if (shouldLoad) {
-        _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).loadMore();
+        _$w("#jobsDataset").loadMore();
         console.log("loading more jobs");
-
         currentLoadedItems = currentLoadedItems + itemsPerPage;
-        const data = _$w(CAREERS_PAGE_SELECTORS.POSITIONS_REPEATER).data;
-
+        const data = _$w("#positionsRepeater").data;
         console.log("data length is :    ", data.length);
         setPageParamInUrl();
     }
@@ -109,26 +106,26 @@ async function handleUrlParams(_$w) {
     if (queryKeyWordVar) {
         await handleKeyWordParam(_$w,queryKeyWordVar);
     }
-    if (queryBrandVar && _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).isVisible) { //if it is not visible, ignore it
+    if (queryBrandVar && _$w('#dropdownBrand').isVisible) { //if it is not visible, ignore it
         await handleBrandParam(_$w,queryBrandVar);
     }
-    if (queryPageVar) {
-        await handlePageParam(_$w);    
-    }
-    if (queryDepartmentVar) {
-        await handleDepartmentParam(_$w,queryDepartmentVar);
-    }
-    if (queryLocationVar) {
-        await handleLocationParam(_$w,queryLocationVar);
-    }
-    if (queryJobTypeVar) {
-        await handleJobTypeParam(_$w,queryJobTypeVar);
-    }
+        if (queryPageVar) {
+            await handlePageParam(_$w);    
+        }
+        if (queryDepartmentVar) {
+            await handleDepartmentParam(_$w,queryDepartmentVar);
+        }
+        if (queryLocationVar) {
+            await handleLocationParam(_$w,queryLocationVar);
+        }
+        if (queryJobTypeVar) {
+            await handleJobTypeParam(_$w,queryJobTypeVar);
+        }
     await applyFilters(_$w, true); // Skip URL update since we're handling initial URL params
 }
 
 async function handleKeyWordParam(_$w,keyWord) {
-    _$w(CAREERS_PAGE_SELECTORS.SEARCH_INPUT).value = keyWord;
+    _$w('#searchInput').value = keyWord;
     // Use applyFilters to maintain consistency instead of directly setting filter
 }
 
@@ -148,18 +145,18 @@ async function handlePageParam(_$w) {
         //scrolls a bit to load the dataset data
         await window.scrollTo(0, 200,{scrollAnimation:false});
         for (let i = 2; i <= queryPageVar; i++) {
-           await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).loadMore();
+           await _$w("#jobsDataset").loadMore();
             currentLoadedItems=currentLoadedItems+itemsPerPage
         }
         // the timeout is to wait for the repeater to render, then scroll to the last item.
             setTimeout(() => {
-            const data = _$w(CAREERS_PAGE_SELECTORS.POSITIONS_REPEATER).data;
+            const data = _$w("#positionsRepeater").data;
             if (data && data.length > 0) {
                 //the dataset each time it loads 100 items
                 const lastIndex = data.length - itemsPerPage;
-                _$w(CAREERS_PAGE_SELECTORS.POSITIONS_REPEATER).forEachItem(async ($item, itemData, index) => {
+                _$w("#positionsRepeater").forEachItem(async ($item, itemData, index) => {
                     if (index === lastIndex) {
-                        await $item(CAREERS_PAGE_SELECTORS.POSITION_ITEM).scrollTo();
+                        await $item("#positionItem").scrollTo();
                         console.log("finishied scrolling inside handlePageParam")
                     }
                 });
@@ -170,40 +167,40 @@ async function handlePageParam(_$w) {
 }
 
 async function bind(_$w) {
-	await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).onReady(async () => {
+	await _$w('#jobsDataset').onReady(async () => {
 		await updateCount(_$w);
         await updateMapMarkers(_$w);
 		
 	});
 
 	if (await window.formFactor() === "Mobile") {
-		_$w(CAREERS_PAGE_SELECTORS.DROPDOWN_CONTAINER).collapse();
+		_$w('#dropdownsContainer').collapse();
     } 
 
 }
 
 function init(_$w) {
     const debouncedSearch = debounce(()=>applyFilters(_$w), 400,thisObjectVar);
-    _$w(CAREERS_PAGE_SELECTORS.SEARCH_INPUT).onInput(debouncedSearch);
-    _$w(CAREERS_PAGE_SELECTORS.SEARCH_INPUT).onBlur(()=>{
-        if(searchInputBlurredFirstTime && _$w(CAREERS_PAGE_SELECTORS.SEARCH_INPUT).value.trim() !== '')
+    _$w('#searchInput').onInput(debouncedSearch);
+    _$w('#searchInput').onBlur(()=>{
+        if(searchInputBlurredFirstTime && _$w('#searchInput').value.trim() !== '')
         {
-        _$w(CAREERS_PAGE_SELECTORS.SEARCH_INPUT).focus();
-        searchInputBlurredFirstTime=false;
+            _$w('#searchInput').focus();
+            searchInputBlurredFirstTime=false;
         }
     });
-    _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT, CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION, CAREERS_PAGE_SELECTORS.DROPDOWN_JOB_TYPE, CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).onChange(()=>{
+    _$w('#dropdownDepartment, #dropdownLocation, #dropdownJobType, #dropdownBrand').onChange(()=>{
         console.log("dropdown onChange is triggered");
         applyFilters(_$w);
     });
-	_$w(CAREERS_PAGE_SELECTORS.RESET_FILTERS_BUTTON, CAREERS_PAGE_SELECTORS.CLEAR_SEARCH).onClick(()=>resetFilters(_$w));
+	_$w('#resetFiltersButton, #clearSearch').onClick(()=>resetFilters(_$w));
 
-	_$w(CAREERS_PAGE_SELECTORS.OPEN_FILTERS_BUTTON).onClick(()=>{
-		_$w(CAREERS_PAGE_SELECTORS.DROPDOWN_CONTAINER, CAREERS_PAGE_SELECTORS.CLOSE_FILTERS_BUTTON).expand();
+	_$w('#openFiltersButton').onClick(()=>{
+		_$w('#dropdownsContainer, #closeFiltersButton').expand();
 	});
 
-	_$w(CAREERS_PAGE_SELECTORS.CLOSE_FILTERS_BUTTON).onClick(()=>{
-		_$w(CAREERS_PAGE_SELECTORS.DROPDOWN_CONTAINER, CAREERS_PAGE_SELECTORS.CLOSE_FILTERS_BUTTON).collapse();
+	_$w('#closeFiltersButton').onClick(()=>{
+		_$w('#dropdownsContainer, #closeFiltersButton').collapse();
 	});
 
     //URL onChange
@@ -222,7 +219,7 @@ async function handleBackAndForth(_$w){
         else{
             queryDepartmentVar=undefined;
             deletedParam=true;
-            _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT).value = '';
+            _$w('#dropdownDepartment').value = '';
         }
         if(newQueryParams.location){
             queryLocationVar=newQueryParams.location;
@@ -230,7 +227,7 @@ async function handleBackAndForth(_$w){
         else{
             queryLocationVar=undefined;
             deletedParam=true
-            _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION).value = '';
+            _$w('#dropdownLocation').value = '';
         }
         if(newQueryParams.keyWord){
             queryKeyWordVar=newQueryParams.keyWord;
@@ -238,7 +235,7 @@ async function handleBackAndForth(_$w){
         else{
             queryKeyWordVar=undefined;
             deletedParam=true;
-            _$w(CAREERS_PAGE_SELECTORS.SEARCH_INPUT).value = '';
+            _$w('#searchInput').value = '';
         }
         if(newQueryParams.jobType){
             queryJobTypeVar=newQueryParams.jobType;
@@ -246,16 +243,16 @@ async function handleBackAndForth(_$w){
         else{
             queryJobTypeVar=undefined;
             deletedParam=true;
-            _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_JOB_TYPE).value = '';
+            _$w('#dropdownJobType').value = '';
         }
-        if(_$w(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).isVisible){
+        if(_$w('#dropdownBrand').isVisible){
         if(newQueryParams.brand){
             queryBrandVar=newQueryParams.brand;
         }
         else{
             queryBrandVar=undefined;
             deletedParam=true;
-            _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).value = '';
+            _$w('#dropdownBrand').value = '';
         }
     }
         await handleUrlParams(_$w);
@@ -265,11 +262,11 @@ async function handleBackAndForth(_$w){
 async function applyFilters(_$w, skipUrlUpdate = false) {
     console.log("applying filters");
 	const dropdownFiltersMapping = [
-        { elementId: CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT, field: 'department', value: _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT).value },
-		{ elementId: CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION, field: 'cityText', value: _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION).value },
-		{ elementId: CAREERS_PAGE_SELECTORS.DROPDOWN_JOB_TYPE, field: 'remote', value: _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_JOB_TYPE).value},
-		{ elementId: CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND, field: 'brand', value: _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).value},
-		{ elementId: CAREERS_PAGE_SELECTORS.SEARCH_INPUT, field: 'title', value: _$w(CAREERS_PAGE_SELECTORS.SEARCH_INPUT).value }
+		{ elementId: '#dropdownDepartment', field: 'department', value: _$w('#dropdownDepartment').value },
+		{ elementId: '#dropdownLocation', field: 'cityText', value: _$w('#dropdownLocation').value },
+		{ elementId: '#dropdownJobType', field: 'remote', value: _$w('#dropdownJobType').value},
+		{ elementId: '#dropdownBrand', field: 'brand', value: _$w('#dropdownBrand').value},
+		{ elementId: '#searchInput', field: 'title', value: _$w('#searchInput').value }
 		];
     console.log("dropdownFiltersMapping: ", dropdownFiltersMapping);
     
@@ -288,16 +285,16 @@ async function applyFilters(_$w, skipUrlUpdate = false) {
 		// build filters
 		if (filter.value && filter.value.trim() !== '') {
             if (!skipUrlUpdate) {
-                if(filter.field === FILTER_FIELDS.SEARCH){
+                if(filter.field === 'title'){
                     queryParams.add({ keyWord: filter.value });
                 }
-                if(filter.field === FILTER_FIELDS.DEPARTMENT){
+                if(filter.field === 'department'){
                     queryParams.add({ department: encodeURIComponent(filter.value) });
                 }
-                if(filter.field === FILTER_FIELDS.LOCATION){
+                if(filter.field === 'cityText'){
                     queryParams.add({ location:  encodeURIComponent(filter.value) });
                 }
-                if(filter.field === FILTER_FIELDS.JOB_TYPE){
+                if(filter.field === 'remote'){
                     if(filter.value === 'true'){
                         queryParams.add({ jobType: encodeURIComponent("remote") });
                     }
@@ -305,11 +302,11 @@ async function applyFilters(_$w, skipUrlUpdate = false) {
                         queryParams.add({ jobType: encodeURIComponent("onsite") });
                     }
                 }
-                if(filter.field === FILTER_FIELDS.BRAND){
+                if(filter.field === 'brand'){
                     queryParams.add({ brand: encodeURIComponent(filter.value) });
                 }
             }
-			if(filter.field === FILTER_FIELDS.JOB_TYPE) {	
+			if(filter.field === 'remote') {	
 				value = filter.value === 'true';
 			} else {
 				value = filter.value;
@@ -318,22 +315,22 @@ async function applyFilters(_$w, skipUrlUpdate = false) {
 		}
     else{
         if (!skipUrlUpdate) {
-            if(filter.field === FILTER_FIELDS.SEARCH){
+            if(filter.field === 'title'){
                 queryParams.remove(["keyWord" ]);
             }
-            if(filter.field === FILTER_FIELDS.DEPARTMENT){
+            if(filter.field === 'department'){
                 console.log("removing department from url")
                 queryParams.remove(["department" ]);
             }
-            if(filter.field === FILTER_FIELDS.LOCATION){
+            if(filter.field === 'cityText'){
                 console.log("removing location from url")
                 queryParams.remove(["location" ]);
             }
-            if(filter.field === FILTER_FIELDS.JOB_TYPE){
+            if(filter.field === 'remote'){
                 console.log("removing jobType from url")
                 queryParams.remove(["jobType" ]);
             }
-            if(filter.field === FILTER_FIELDS.BRAND){
+            if(filter.field === 'brand'){
                 console.log("removing brand from url")
                 queryParams.remove(["brand" ]);
             }
@@ -342,32 +339,32 @@ async function applyFilters(_$w, skipUrlUpdate = false) {
 	});
 	
 	const filter = await getFilter(filters, 'and');
-    await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).setFilter(filter);
-    await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).refresh();
+    await _$w('#jobsDataset').setFilter(filter);
+    await _$w('#jobsDataset').refresh();
     
 	const count = await updateCount(_$w);
     console.log("updating map markers");
     await updateMapMarkers(_$w);
     console.log("updating map markers completed");
-    count ? _$w(CAREERS_PAGE_SELECTORS.RESULTS_MULTI_STATE).changeState('results') : _$w(CAREERS_PAGE_SELECTORS.RESULTS_MULTI_STATE).changeState('noResults');
+    count ? _$w('#resultsMultiState').changeState('results') : _$w('#resultsMultiState').changeState('noResults');
     
     
     // Update reset button state
 	const hasActiveFilters = filters.length > 0;
-	hasActiveFilters? _$w(CAREERS_PAGE_SELECTORS.RESET_FILTERS_BUTTON).enable() : _$w(CAREERS_PAGE_SELECTORS.RESET_FILTERS_BUTTON).disable();
+	hasActiveFilters? _$w('#resetFiltersButton').enable() : _$w('#resetFiltersButton').disable();
     
     
 }
 
 async function resetFilters(_$w) {
-	_$w(CAREERS_PAGE_SELECTORS.SEARCH_INPUT, CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT, CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION, CAREERS_PAGE_SELECTORS.DROPDOWN_JOB_TYPE, CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).value = '';
+	_$w('#searchInput, #dropdownDepartment, #dropdownLocation, #dropdownJobType, #dropdownBrand').value = '';
 
-    await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).setFilter(wixData.filter());
-    await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).refresh();
+    await _$w('#jobsDataset').setFilter(wixData.filter());
+    await _$w('#jobsDataset').refresh();
 
-	_$w(CAREERS_PAGE_SELECTORS.RESULTS_MULTI_STATE).changeState('results');
+	_$w('#resultsMultiState').changeState('results');
 
-	_$w(CAREERS_PAGE_SELECTORS.RESET_FILTERS_BUTTON).disable();
+	_$w('#resetFiltersButton').disable();
 
     queryParams.remove(["keyWord", "department","page","location","jobType","brand"]);
     
@@ -379,7 +376,7 @@ async function resetFilters(_$w) {
 }
 
 async function updateCount(_$w) {
-	const count = await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).getTotalCount();
+	const count = await _$w('#jobsDataset').getTotalCount();
     _$w('#numOfPositionText').text = `Showing ${count} Open Positions`;
 
 	return count;
@@ -390,19 +387,19 @@ async function handleDepartmentParam(_$w,department) {
     
         
     
-    let dropdownOptions = _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT).options;
+    let dropdownOptions = _$w('#dropdownDepartment').options;
     console.log("dropdown options:", dropdownOptions);
     const optionsFromCMS=await wixData.query("AmountOfJobsPerDepartment").find();
     //+1 because of the "All" option
 
     if(dropdownOptions.length!==optionsFromCMS.items.length+1){
-        fixDropdownOptions(CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT,optionsFromCMS, _$w);
+        fixDropdownOptions('#dropdownDepartment',optionsFromCMS, _$w);
     }
 
-    if (_$w(CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT).options.find(option => option.value === departmentValue))
+    if (_$w('#dropdownDepartment').options.find(option => option.value === departmentValue))
     {
         console.log("department value found in dropdown options ",departmentValue);
-        _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT).value = departmentValue;
+        _$w('#dropdownDepartment').value = departmentValue;
     }
     else{
         console.warn("department value not found in dropdown options");
@@ -431,18 +428,18 @@ function fixDropdownOptions(dropdown,optionsFromCMS, _$w){
 
 async function handleLocationParam(_$w,location) {
     const locationValue = decodeURIComponent(location);
-    let dropdownOptions = _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION).options;
+    let dropdownOptions = _$w('#dropdownLocation').options;
     console.log("location dropdown options:", dropdownOptions);
     const optionsFromCMS=await wixData.query("cities").find();
     //+1 because of the "All" option
     if(dropdownOptions.length!==optionsFromCMS.items.length+1){
-        fixDropdownOptions(CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION,optionsFromCMS, _$w);
+        fixDropdownOptions('#dropdownLocation',optionsFromCMS, _$w);
     }
     
-    const option=_$w(CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION).options.find(option => option.value.toLowerCase() === locationValue.toLowerCase())
+    const option=_$w('#dropdownLocation').options.find(option => option.value.toLowerCase() === locationValue.toLowerCase())
 
     if(option){
-        _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION).value = option.value;
+        _$w('#dropdownLocation').value = option.value;
     }
     else{
         console.warn("location value not found in dropdown options");
@@ -453,15 +450,15 @@ async function handleLocationParam(_$w,location) {
 
 async function handleBrandParam(_$w,brand){
     const brandValue = decodeURIComponent(brand);
-    let dropdownOptions = _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).options;
+    let dropdownOptions = _$w('#dropdownBrand').options;
     console.log("brand dropdown options:", dropdownOptions);
     const optionsFromCMS=await wixData.query(COLLECTIONS.BRANDS).find();
     if(dropdownOptions.length!==optionsFromCMS.items.length+1){
-        fixDropdownOptions(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND,optionsFromCMS, _$w);
+        fixDropdownOptions('#dropdownBrand',optionsFromCMS, _$w);
     }
-    const option=_$w(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).options.find(option => option.value.toLowerCase() === brandValue.toLowerCase())
+    const option=_$w('#dropdownBrand').options.find(option => option.value.toLowerCase() === brandValue.toLowerCase())
     if(option){
-        _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).value = option.value;
+        _$w('#dropdownBrand').value = option.value;
     }
     else{
         console.warn("brand value not found in dropdown options");
@@ -471,7 +468,7 @@ async function handleBrandParam(_$w,brand){
 
 async function handleJobTypeParam(_$w,jobType) {
     const jobTypeValue = decodeURIComponent(jobType);
-    let dropdownOptions = _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_JOB_TYPE).options;
+    let dropdownOptions = _$w('#dropdownJobType').options;
     console.log("jobType dropdown options:", dropdownOptions);
     let option;
     if(jobTypeValue.toLowerCase()==="remote"){
@@ -481,7 +478,7 @@ async function handleJobTypeParam(_$w,jobType) {
         option="false";
     }
     if(option){
-        _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_JOB_TYPE).value = option;
+        _$w('#dropdownJobType').value = option;
     }
     else{
         console.warn("jobType value not found in dropdown options");
@@ -490,8 +487,8 @@ async function handleJobTypeParam(_$w,jobType) {
 }
 
 async function updateMapMarkers(_$w){
-    const numOfItems = await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).getTotalCount();
-    const items = await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).getItems(0, numOfItems);
+    const numOfItems = await _$w('#jobsDataset').getTotalCount();
+    const items = await _$w('#jobsDataset').getItems(0, numOfItems);
     const markers = filterBrokenMarkers(items.items).map(item => {
             const location = item.locationAddress.location;
             return {
@@ -504,21 +501,21 @@ async function updateMapMarkers(_$w){
             };
         });
     //@ts-ignore
-    _$w(CAREERS_PAGE_SELECTORS.GOOGLE_MAPS).setMarkers(markers);
+    _$w('#googleMaps').setMarkers(markers);
 
 }
 
 async function handleBrandDropdown(_$w){
     if(siteconfig.disableMultiBrand==="false"){
-        const brands=await wixData.query(COLLECTIONS.BRANDS).find();
-        if(brands.items.length>1){
-            console.log("showing brand dropdown");
-            _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).show();
-        }
-    }
-    else{
-        _$w(CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).hide();
+    const brands=await wixData.query(COLLECTIONS.BRANDS).find();
+    if(brands.items.length>1){
+        console.log("showing brand dropdown");
+        _$w('#dropdownBrand').show();
     }
+}
+else{
+    _$w('#dropdownBrand').hide();
+}
 }  
 module.exports = {
     careersPageOnReady,

package/public/selectors.js

@@ -1,53 +0,0 @@
-const CAREERS_PAGE_SELECTORS = {
-    FILTER_ICON: '#filterIcon',
-    FILTER_BOX: '#filterBox',
-    RESULT_BOX: '#resultBox',
-    PAGINATION_BTN: '#paginationBtn',
-    HEAD_BTNS: '#headBtns',
-    SELECTED_VALUES_REPEATER: '#selectedValuesReapter',
-    BUTTOM_TXT: '#buttomTxt',
-    SECTION_24: '#section24',
-    SECTION_3: '#section3',
-    LINE_3: '#line3',
-    EXIT_BUTTON: '#exitBtn',
-    REFINE_SEARCH_BUTTON: '#refineSearchBtn',
-    
-    POSITIONS_REPEATER: '#positionsRepeater',
-    POSITION_ITEM: '#positionItem',
-    SEARCH_INPUT: '#searchInput',
-    CLEAR_SEARCH: '#clearSearch',
-
-    DROPDOWN_BRAND: '#dropdownBrand',
-    DROPDOWN_CONTAINER: '#dropdownsContainer',
-    DROPDOWN_DEPARTMENT: '#dropdownDepartment',
-    DROPDOWN_LOCATION: '#dropdownLocation',
-    DROPDOWN_JOB_TYPE: '#dropdownJobType',
-
-    OPEN_FILTERS_BUTTON: '#openFiltersButton',
-    CLOSE_FILTERS_BUTTON: '#closeFiltersButton',
-    RESET_FILTERS_BUTTON: '#resetFiltersButton',
-    RESET_FILTERS_BUTTON: '#resetFiltersButton',
-
-    RESULTS_MULTI_STATE: '#resultsMultiState',
-    BRANDS_DATASET: '#brandsDataset',
-    DEPARTMENTS_DATASET: '#departmentsDataset',
-    LOCATIONS_DATASET: '#locationsDataset',
-    JOB_TYPES_DATASET: '#jobTypesDataset',
-    JOBS_DATASET: '#jobsDataset',
-    
-    GOOGLE_MAPS: '#googleMaps',
-    FOOTER: '#footer',
-}
-
-const   FILTER_FIELDS = {
-    DEPARTMENT: 'department',
-    LOCATION: 'cityText',
-    JOB_TYPE: 'remote',
-    BRAND: 'brand',
-    SEARCH: 'title',
-}
-
-module.exports = {
-    CAREERS_PAGE_SELECTORS,
-    FILTER_FIELDS,
-}