sr-npm 1.2.76 → 1.2.81

package/backend/careersMultiBoxesPageIds.js

@@ -34,6 +34,12 @@ const CAREERS_MULTI_BOXES_PAGE_CONSTS={
     RESULTS_MULTI_STATE_BOX: '#multiStateBox1',
 }
 
+const PRIMARY_SEARCH_STATES={
+    CATEGORY_RESULTS: 'categoryResults',
+    JOB_RESULTS: 'jobResults',
+    NO_RESULTS: 'noResults',
+}
+
 const TWG_JOBS_COLLECTION_FIELDS={
     LINK_JOBS_TITLE: 'link-jobs-title',
     LINK_JOBS_REF_ID_SLUG: 'link-jobs-refId-slug',
@@ -82,4 +88,5 @@ module.exports = {
     CATEGORY_CUSTOM_FIELD_ID_IN_CMS,
     possibleUrlParams,
     TWG_JOBS_COLLECTION_FIELDS,
+    PRIMARY_SEARCH_STATES,
 }

package/backend/fetchPositionsFromSRAPI.js

@@ -115,6 +115,7 @@ async function fetchJobDescription(jobId,testObject=undefined) {
 }
 
 async function htmlRichContentConverter(sections,richContentConverterToken) {
+  
   const richContentObject = {}
   for (const [sectionTitle, sectionData] of Object.entries(sections)) {
     if (sectionData.text) {
@@ -136,7 +137,8 @@ async function htmlRichContentConverter(sections,richContentConverterToken) {
       );
       if (response.ok) {
         const data = await response.json();
-        richContentObject[sectionTitle] = data.richContent.richContent;
+        const richContentWithSpacing=addSpacingToRichContent(sectionData.text,data.richContent.richContent);
+        richContentObject[sectionTitle] = richContentWithSpacing
       }
       else {
         throw new Error("Error converting html to rich content response: "+response);
@@ -146,6 +148,178 @@ async function htmlRichContentConverter(sections,richContentConverterToken) {
   return richContentObject;
 }
 
+//Adds empty paragraph nodes between sections in rich content 
+// to create visual spacing that the Wix RICOS converter strips out
+function addSpacingToRichContent(html, richContent) {
+  if (!richContent || !richContent.nodes) {
+      return richContent;
+  }
+
+  // Extract paragraph texts from HTML that end with  
+  const htmlParagraphsWithSpace = [];
+  // Extract paragraphs with <br> tags
+  const htmlParagraphsWithBr = new Map(); // text -> array of parts split by <br>
+  
+  const pTagRegex = /<p>(.*?)<\/p>/gi;
+  let match;
+  
+  while ((match = pTagRegex.exec(html)) !== null) {
+      const content = match[1];
+      
+      // Check if this paragraph ends with &#xa0; (before closing tags)
+      if (content.includes('&#xa0;')) {
+          const textOnly = content.replace(/<[^>]+>/g, '').trim();
+          htmlParagraphsWithSpace.push(textOnly);
+      }
+      
+      // Check if this paragraph contains <br> tags
+      if (content.includes('<br>') || content.includes('<br/>') || content.includes('<br />')) {
+          // Split by <br> tags and extract text parts
+          const parts = content.split(/<br\s*\/?>/i).map(part => 
+              part.replace(/<[^>]+>/g, '').trim()
+          ).filter(part => part.length > 0);
+          
+          if (parts.length > 1) {
+              // Store the parts for this paragraph
+              const fullText = content.replace(/<[^>]+>/g, '').replace(/\s+/g, '').trim();
+              htmlParagraphsWithBr.set(fullText, parts);
+          }
+      }
+  }
+
+  const nodes = richContent.nodes;
+  const newNodes = [];
+  let nodeIdCounter = 0;
+  
+  // Check if a paragraph is bold (has BOLD decoration)
+  const isBoldParagraph = (node) => {
+      if (node.type !== 'PARAGRAPH') return false;
+      const decorations = node.nodes?.[0]?.textData?.decorations || [];
+      return decorations.some(d => d.type === 'BOLD');
+  };
+  
+  // Check if a paragraph node's text matches one with &#xa0; in HTML
+  const needsSpacingAfter = (node) => {
+      if (node.type !== 'PARAGRAPH') return false;
+      
+      // Add spacing after bold paragraphs
+      if (isBoldParagraph(node)) {
+          return true;
+      }
+      
+      const text = node.nodes?.[0]?.textData?.text || '';
+      const trimmedText = text.trim();
+      
+      // Check if this text matches any HTML paragraph that had &#xa0;
+      return htmlParagraphsWithSpace.some(htmlText => {
+          const cleanHtml = htmlText.replace(/&#xa0;/g, ' ').trim();
+          return trimmedText.includes(cleanHtml) || cleanHtml.includes(trimmedText);
+      });
+  };
+  
+  // Check if a paragraph contains text that should be split by <br>
+  const shouldSplitByBr = (node) => {
+      if (node.type !== 'PARAGRAPH') return null;
+      
+      const text = node.nodes?.[0]?.textData?.text || '';
+      const normalizedText = text.replace(/\s+/g, '').trim();
+      
+      // Find matching HTML paragraph with <br>
+      for (const [htmlText, parts] of htmlParagraphsWithBr.entries()) {
+          if (normalizedText.includes(htmlText) || htmlText.includes(normalizedText)) {
+              return parts;
+          }
+      }
+      return null;
+  };
+  
+  // Add spacing after bulleted lists
+  const isListEnd = (currentNode, nextNode) => {
+      return currentNode.type === 'BULLETED_LIST' && 
+             nextNode && 
+             nextNode.type === 'PARAGRAPH';
+  };
+
+  for (let i = 0; i < nodes.length; i++) {
+      const currentNode = nodes[i];
+      const nextNode = nodes[i + 1];
+      
+      // Check if this paragraph should be split by <br>
+      const brParts = shouldSplitByBr(currentNode);
+      if (brParts && brParts.length > 1) {
+          // Split into multiple paragraphs and add spacing between them
+          const decorations = currentNode.nodes?.[0]?.textData?.decorations || [];
+          
+          brParts.forEach((part, idx) => {
+              newNodes.push({
+                  ...currentNode,
+                  id: `${currentNode.id}_split_${idx}`,
+                  nodes: [{
+                      type: "TEXT",
+                      id: "",
+                      nodes: [],
+                      textData: {
+                          text: part,
+                          decorations: decorations
+                      }
+                  }]
+              });
+              
+              // Add empty paragraph after each split part except the last
+              if (idx < brParts.length - 1) {
+                  newNodes.push(createEmptyParagraph(`empty_br_${nodeIdCounter++}`));
+              }
+          });
+          
+          // Add spacing after the split paragraphs if there's a next node
+          if (nextNode) {
+              newNodes.push(createEmptyParagraph(`empty_${nodeIdCounter++}`));
+          }
+      } else {
+          newNodes.push(currentNode);
+          
+          // Add empty paragraph ONLY after paragraphs with &#xa0; or after lists
+          if ((needsSpacingAfter(currentNode) || isListEnd(currentNode, nextNode)) && nextNode) {
+              newNodes.push(createEmptyParagraph(`empty_${nodeIdCounter++}`));
+          }
+      }
+  }
+  
+  return {
+      ...richContent,
+      nodes: newNodes
+  };
+}
+
+function createEmptyParagraph(id) {
+  return {
+      type: "PARAGRAPH",
+      id: id,
+      nodes: [
+          {
+              type: "TEXT",
+              id: "",
+              nodes: [],
+              textData: {
+                  text: "",
+                  decorations: []
+              }
+          }
+      ],
+      paragraphData: {
+          textStyle: {
+              textAlignment: "AUTO"
+          }
+      }
+  };
+}
+
+
+
+
+
+
+
 
 
 

package/package.json

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

package/pages/careersMultiBoxesPage.js

@@ -1,5 +1,5 @@
 const { COLLECTIONS,CUSTOM_VALUES_COLLECTION_FIELDS,JOBS_COLLECTION_FIELDS } = require('../backend/collectionConsts');
-const { CAREERS_PAGE_SELECTORS } = require('../public/selectors');
+const { CAREERS_PAGE_SELECTORS, GLOBAL_SECTIONS_SELECTORS } = require('../public/selectors');
 
 const { window } = require('@wix/site-window');
 const { queryParams,onChange} = require('wix-location-frontend');
@@ -44,24 +44,25 @@ const pagination = {
 
 async function careersMultiBoxesPageOnReady(_$w,urlParams) {
   //to handle back and forth , url changes
-  onChange(async ()=>{
-    await handleBackAndForth(_$w);
-  });
-  await loadData(_$w);
-  await loadJobsRepeater(_$w); // if we remove the await here the job list will be flaky , it doesn't fill it properly
-  handlePrimarySearch(_$w, allvaluesobjects);
-  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);
-    });
-    _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.RESULTS_MULTI_STATE_BOX).changeState("results");
+  // onChange(async ()=>{
+  //   await handleBackAndForth(_$w);
+  // });
+  // await loadData(_$w);
+  // await loadJobsRepeater(_$w); // if we remove the await here the job list will be flaky , it doesn't fill it properly
+  // handlePrimarySearch(_$w, allvaluesobjects);
+  // await loadFilters(_$w);
+  // loadSelectedValuesRepeater(_$w);
+  // bindSearchInput(_$w);
+  // loadPaginationButtons(_$w);
+
+  //   await handleUrlParams(_$w, urlParams);
+  //   _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.CLEAR_ALL_BUTTON_ID).onClick(async () => {
+  //     await clearAll(_$w);
+  //   });
+  //   if (await window.formFactor() === "Mobile") {
+  //     handleFilterInMobile(_$w);
+  // }
+  //   _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.RESULTS_MULTI_STATE_BOX).changeState("results");
 }
 
 async function handleBackAndForth(_$w){
@@ -113,16 +114,26 @@ function handleFilterInMobile(_$w) {
       CAREERS_PAGE_SELECTORS.SECTION_3, 
       CAREERS_PAGE_SELECTORS.LINE_3,
       CAREERS_PAGE_SELECTORS.FILTER_ICON];
+    
+  const mobileFilterBoxSelectors = [
+    CAREERS_PAGE_SELECTORS.FILTER_BOX,
+    CAREERS_PAGE_SELECTORS.REFINE_SEARCH_BUTTON,
+    CAREERS_PAGE_SELECTORS.EXIT_BUTTON,
+  ];
 
   _$w(CAREERS_PAGE_SELECTORS.FILTER_ICON).onClick(()=>{
-      _$w(CAREERS_PAGE_SELECTORS.FILTER_BOX).expand();
+      mobileFilterBoxSelectors.forEach(selector => {
+        _$w(selector).expand();
+      });
       searchResultsSelectors.forEach(selector => {
           _$w(selector).collapse();
       });
   });
 
   const exitFilterBox = () => {
-      _$w(CAREERS_PAGE_SELECTORS.FILTER_BOX).collapse();
+      mobileFilterBoxSelectors.forEach(selector => {
+        _$w(selector).collapse();
+      });
       searchResultsSelectors.forEach(selector => {
           _$w(selector).expand();
       });
@@ -135,6 +146,11 @@ function handleFilterInMobile(_$w) {
   _$w(CAREERS_PAGE_SELECTORS.REFINE_SEARCH_BUTTON).onClick(()=>{
       exitFilterBox();
   });
+
+  //onmobile we should collapse the filter box and the refine search button by default 
+  mobileFilterBoxSelectors.forEach(selector => {
+    _$w(selector).collapse();
+  });
 }
 
 
@@ -147,7 +163,7 @@ async function handleUrlParams(_$w,urlParams,handleBackAndForth=false) {
     applyFiltering = await queryPrimarySearchResults(_$w, decodeURIComponent(urlParams.keyword));
     _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_INPUT).value = decodeURIComponent(urlParams.keyword);
 
-    const items = await getAllDatasetItems(_$w, CAREERS_MULTI_BOXES_PAGE_CONSTS.JOBS_DATASET);
+    const items = await getAllDatasetItems(_$w, GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET);
 
     currentJobs = items;   
     keywordAllJobs = items;
@@ -237,6 +253,7 @@ async function handleParams(_$w,param,values) {
       _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.paginationCurrentText).text = pagination.currentPage.toString();
       _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.JOBS_REPEATER).data = nextPageJobs;
       handlePaginationButtons(_$w);
+      await _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_INPUT).scrollTo();
     });
 
     _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PAGE_BUTTON_PREVIOUS).onClick(async () => {
@@ -245,6 +262,7 @@ async function handleParams(_$w,param,values) {
       _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.paginationCurrentText).text =   pagination.currentPage.toString();
       _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.JOBS_REPEATER).data = previousPageJobs;
       handlePaginationButtons(_$w);
+      await _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_INPUT).scrollTo();
     });
   } catch (error) {
     console.error('Failed to load pagination buttons:', error);
@@ -466,6 +484,8 @@ function getValueFromValueId(valueIds, value) {
       ? withCounts.filter(o => (o.label || '').toLowerCase().includes(searchQuery))
       : withCounts;
 
+    // Sort alphabetically by label
+    filtered.sort((a, b) => (a.label || '').localeCompare(b.label || ''));
     // Preserve currently selected values that are still visible
   //  let prevSelected=[]
   //  clearAll? prevSelected=[]:prevSelected= _$w(`#${FiltersIds[fieldTitle]}CheckBox`).value;

package/pages/careersPage.js

@@ -6,7 +6,7 @@ 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 { CAREERS_PAGE_SELECTORS, FILTER_FIELDS, GLOBAL_SECTIONS_SELECTORS } = require('../public/selectors');
 const { filterBrokenMarkers } = require('../public/utils');
   
   let currentLoadedItems =100;
@@ -58,10 +58,10 @@ async function careersPageOnReady(_$w,thisObject=null,queryParams=null) {
   
 function activateAutoLoad(_$w)
 {
-    _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).onReady(() => {
+    _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).onReady(() => {
         updateCount(_$w);
         _$w(CAREERS_PAGE_SELECTORS.FOOTER).onViewportEnter(() => {
-            if (currentLoadedItems<_$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).getTotalCount()) {
+            if (currentLoadedItems<_$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).getTotalCount()) {
                 loadMoreJobs(_$w);  
             }   
             else {
@@ -81,7 +81,7 @@ async function loadMoreJobs(_$w) {
         pageParamSet = Number(pageParamSet) + 1;
     }
     if (shouldLoad) {
-        _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).loadMore();
+        _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).loadMore();
         console.log("loading more jobs");
 
         currentLoadedItems = currentLoadedItems + itemsPerPage;
@@ -148,7 +148,7 @@ 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(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).loadMore();
             currentLoadedItems=currentLoadedItems+itemsPerPage
         }
         // the timeout is to wait for the repeater to render, then scroll to the last item.
@@ -170,7 +170,7 @@ async function handlePageParam(_$w) {
 }
 
 async function bind(_$w) {
-	await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).onReady(async () => {
+	await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).onReady(async () => {
 		await updateCount(_$w);
         await updateMapMarkers(_$w);
 		
@@ -192,18 +192,18 @@ function init(_$w) {
         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(CAREERS_PAGE_SELECTORS.DROPDOWN_DEPARTMENT+', '+ CAREERS_PAGE_SELECTORS.DROPDOWN_LOCATION+', '+ CAREERS_PAGE_SELECTORS.DROPDOWN_JOB_TYPE+', '+ CAREERS_PAGE_SELECTORS.DROPDOWN_BRAND).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(CAREERS_PAGE_SELECTORS.RESET_FILTERS_BUTTON+', '+ CAREERS_PAGE_SELECTORS.CLEAR_SEARCH).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(CAREERS_PAGE_SELECTORS.DROPDOWN_CONTAINER+', '+ CAREERS_PAGE_SELECTORS.CLOSE_FILTERS_BUTTON).expand();
 	});
 
 	_$w(CAREERS_PAGE_SELECTORS.CLOSE_FILTERS_BUTTON).onClick(()=>{
-		_$w(CAREERS_PAGE_SELECTORS.DROPDOWN_CONTAINER, CAREERS_PAGE_SELECTORS.CLOSE_FILTERS_BUTTON).collapse();
+		_$w(CAREERS_PAGE_SELECTORS.DROPDOWN_CONTAINER+', '+ CAREERS_PAGE_SELECTORS.CLOSE_FILTERS_BUTTON).collapse();
 	});
 
     //URL onChange
@@ -337,8 +337,8 @@ 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(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).setFilter(filter);
+    await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).refresh();
     
 	const count = await updateCount(_$w);
     console.log("updating map markers");
@@ -355,10 +355,10 @@ async function applyFilters(_$w, skipUrlUpdate = false) {
 }
 
 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(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 = '';
 
-    await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).setFilter(wixData.filter());
-    await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).refresh();
+    await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).setFilter(wixData.filter());
+    await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).refresh();
 
 	_$w(CAREERS_PAGE_SELECTORS.RESULTS_MULTI_STATE).changeState('results');
 
@@ -374,7 +374,7 @@ async function resetFilters(_$w) {
 }
 
 async function updateCount(_$w) {
-	const count = await _$w(CAREERS_PAGE_SELECTORS.JOBS_DATASET).getTotalCount();
+	const count = await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).getTotalCount();
     _$w('#numOfPositionText').text = `Showing ${count} Open Positions`;
 
 	return count;
@@ -404,8 +404,7 @@ async function handleDepartmentParam(_$w,department) {
         queryParams.remove(["department" ]);
 
     }
-    
-    
+     
      
 }
 
@@ -485,8 +484,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(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).getTotalCount();
+    const items = await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).getItems(0, numOfItems);
     const markers = filterBrokenMarkers(items.items).map(item => {
             const location = item.locationAddress.location;
             return {

package/pages/homePage.js

@@ -6,6 +6,8 @@ const {wixData} = require('wix-data');
 const { COLLECTIONS } = require('../backend/collectionConsts');
 const { getAllRecords } = require('./pagesUtils');
 const { handlePrimarySearch } = require('../public/primarySearchUtils');
+const { GLOBAL_SECTIONS_SELECTORS } = require('../public/selectors');
+const { isElementExistOnPage } = require('psdev-utils');
 
 let thisObjectVar;
 let searchByCityFlag=false;
@@ -64,35 +66,22 @@ function bind(_$w) {
 function bindTeamRepeater(_$w) {
     _$w('#teamRepeater').onItemReady(($item, itemData) => {
         $item('#teamButton').label = `View ${itemData.count} Open Positions`;
-       // const department = encodeURIComponent(itemData.title);
-        // if (itemData.customField) {
-        //     [$item('#teamButton'), $item('#teamButton2')].forEach(btn => {
-        //         btn.onClick(() => {
-        //             location.to(`/search?category=${department}`);
-        //         });
-        //     });
-
-        // }
-        // else{
-        //     $item('#teamButton').onClick(()=>{
-        //         location.to(`/positions?department=${department}`);
-        //     });
-        // }
     });
     
     _$w("#teamRepeaterItem").onClick((event) => {
        
             const $item = _$w.at(event.context);
             
-            if(_$w("#categoriesDataset")) {
+            if(isElementExistOnPage(_$w("#categoriesDataset"))) {
                 const clickedItemData = $item("#categoriesDataset").getCurrentItem();
                 const department = encodeURIComponent(clickedItemData.title);
                 location.to(`/search?category=${department}`);
             }      
             else
             {
-                console.log("check SR templates  and do this ")
-               
+                const clickedItemData =  $item("#dataset1").getCurrentItem()
+                const department = encodeURIComponent(clickedItemData.title);
+                location.to(`/positions?department=${department}`);
             } 
       });
 
@@ -161,10 +150,10 @@ async function handleSearchInput(_$w) {
     
     let filter = await getFilter(searchByTitle);
 
-    await _$w('#jobsDataset').setFilter(filter);
-    await _$w('#jobsDataset').refresh();
+    await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).setFilter(filter);
+    await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).refresh();
 
-    count = _$w('#jobsDataset').getTotalCount();
+    count = _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).getTotalCount();
 
     if (count > 0) {
         searchByCityFlag = false;
@@ -172,9 +161,9 @@ async function handleSearchInput(_$w) {
         _$w('#searchMultiStateBox').changeState('results');
     } else {    
         filter = await getFilter(searchByCity);
-        await _$w('#jobsDataset').setFilter(filter);
-        await _$w('#jobsDataset').refresh();
-        count = _$w('#jobsDataset').getTotalCount();
+        await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).setFilter(filter);
+        await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).refresh();
+        count = _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).getTotalCount();
         if( count > 0 )
         {
             searchByCityFlag = true;

package/pages/positionPage.js

@@ -10,8 +10,6 @@ const {
   } = require('../public/utils');
   
   
-
-
   async function positionPageOnReady(_$w) {
     console.log("positionPageOnReady called");
     await bind(_$w);
@@ -90,8 +88,14 @@ async function getCategoryValue(customValues) {
 }
 
   function handleReferFriendButton(_$w,item) {
-    if(!item.referFriendLink &&  isElementExistOnPage(_$w('#referFriendButton'))){
-      _$w('#referFriendButton').hide();
+    if(isElementExistOnPage(_$w('#referFriendButton'))){
+      if(!item.referFriendLink){
+        _$w('#referFriendButton').hide();
+      }
+      else {
+        _$w('#referFriendButton').target="_blank";
+        _$w('#referFriendButton').link=item.referFriendLink;
+      }
     }
   }
 

package/public/primarySearchUtils.js

@@ -1,6 +1,7 @@
 const { location } = require("@wix/site-location");
 
-const { CAREERS_MULTI_BOXES_PAGE_CONSTS, CATEGORY_CUSTOM_FIELD_ID_IN_CMS } = require('../backend/careersMultiBoxesPageIds');
+const { CAREERS_MULTI_BOXES_PAGE_CONSTS, CATEGORY_CUSTOM_FIELD_ID_IN_CMS, PRIMARY_SEARCH_STATES } = require('../backend/careersMultiBoxesPageIds');
+const { GLOBAL_SECTIONS_SELECTORS } = require('../public/selectors');
 const { getFilter } = require('../public/filterUtils');
 const { debounce } = require('../pages/pagesUtils');
 
@@ -9,7 +10,7 @@ async function handlePrimarySearch(_$w, allvaluesobjects) {
     loadCategoryRepeaterData(_$w, allvaluesobjects);
 
     // wait for the jobs dataset to be ready
-    await _$w("#jobsDataset").onReadyAsync();
+    await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).onReadyAsync();
 
     await bindPrimarySearch(_$w);
 }
@@ -72,7 +73,7 @@ function getSearchQuery(_$w) {
 }
 
 async function handleSearchInput(_$w) {
-    _$w('#primarySearchInput').enable();
+    _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_INPUT).enable();
 
     // on Input call the queryPrimarySearchResults function
     const callQueryPrimarySearchResults = async () => { 
@@ -91,7 +92,7 @@ async function handleSearchInput(_$w) {
             await queryPrimarySearchResults(_$w, searchQuery);
         }
         else {
-            _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState("categoryResults");
+            _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState(PRIMARY_SEARCH_STATES.CATEGORY_RESULTS);
         }
     });
 
@@ -114,36 +115,36 @@ async function handleSearchInput(_$w) {
     
 async function queryPrimarySearchResults(_$w, query) {
     if(query === undefined || query === '') {
-        _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState("categoryResults");
+        _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState(PRIMARY_SEARCH_STATES.CATEGORY_RESULTS);
         return false;
     }
 
     const searchByTitle = [{field: 'title', searchTerm: query}];
     const searchByCity = [{field: 'location.fullLocation', searchTerm: query}];
 
-    let filter = await getFilter(searchByTitle);
+    let filter = await getFilter(searchByTitle);    
 
-    await _$w('#jobsDataset').setFilter(filter);
-    await _$w('#jobsDataset').refresh();
+    await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).setFilter(filter); 
+    await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).refresh();
 
-    let count = _$w('#jobsDataset').getTotalCount();
+    let count = _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).getTotalCount();
 
     if( count > 0 ) {
         _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.RESULTS_CONTAINER).expand();
-        _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState("jobResults");
+        _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState(PRIMARY_SEARCH_STATES.JOB_RESULTS);
     }
     else {
         filter = await getFilter(searchByCity);
-        await _$w('#jobsDataset').setFilter(filter);
-        await _$w('#jobsDataset').refresh();
+        await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).setFilter(filter);
+        await _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).refresh();
 
-        count = _$w('#jobsDataset').getTotalCount();
+        count = _$w(GLOBAL_SECTIONS_SELECTORS.JOBS_DATASET).getTotalCount();
         if  (count > 0) {
         _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.RESULTS_CONTAINER).expand();
-        _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState("jobResults");
+        _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState(PRIMARY_SEARCH_STATES.JOB_RESULTS);
         }
         else{
-        _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState("noResults");
+        _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.PRIMARY_SEARCH_MULTI_BOX).changeState(PRIMARY_SEARCH_STATES.NO_RESULTS);
         }
 }
 
@@ -152,4 +153,5 @@ return count > 0;
 
 module.exports = {
   handlePrimarySearch,
+  queryPrimarySearchResults
 }

package/public/selectors.js

@@ -26,19 +26,22 @@ const CAREERS_PAGE_SELECTORS = {
     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 GLOBAL_SECTIONS_SELECTORS = {
+    JOBS_DATASET: '#jobsDataset',
+
+}
+
 const   FILTER_FIELDS = {
     DEPARTMENT: 'department',
     LOCATION: 'cityText',
@@ -49,5 +52,6 @@ const   FILTER_FIELDS = {
 
 module.exports = {
     CAREERS_PAGE_SELECTORS,
+    GLOBAL_SECTIONS_SELECTORS,
     FILTER_FIELDS,
 }