Issue 6987

src/actions.js

@@ -22,6 +22,7 @@ export const defaultSession = {
   email: null,
   location: null,
   language: "en",
+  blockList: [],
   utm: {
     gclid: undefined,
     utm_campaign: undefined,
@@ -194,6 +195,10 @@ export function tagManager(eventName, payload = {}) {
 export const apply = async (data, session) => {
   console.log("Apply action called with session: ", session);
 
+  let isBlockNumber = session.blockList.find(
+    (element) => element.phone_regex === data.phone.phoneCode
+  );
+
   let body = {};
 
   Object.keys(data).forEach((key) => {
@@ -207,7 +212,7 @@ export const apply = async (data, session) => {
   const action = "submit";
   let token = await getToken(action);
 
-  if (!session || !session.utm || !session.utm.utm_test) {
+  if ((!session || !session.utm || !session.utm.utm_test) && !isBlockNumber) {
     const _data = await save_form(
       body,
       [tag.value || tag],
@@ -255,8 +260,13 @@ export const requestSyllabus = async (data, session) => {
   const automation = body.automation || "soft";
   const action = "submit";
   let token = await getToken(action);
+
+  let isBlockNumber = session.blockList.find(
+    (element) => element.phone_regex === data.phone.phoneCode
+  );
+
   //tag                automation
-  if (!session || !session.utm || !session.utm.utm_test) {
+  if ((!session || !session.utm || !session.utm.utm_test) && !isBlockNumber) {
     const _data = await save_form(
       body,
       [tag.value || tag],
@@ -290,7 +300,12 @@ export const beHiringPartner = async (data, session) => {
   for (let key in data) body[key] = data[key].value;
   const action = "submit";
   let token = await getToken(action);
-  if (!session || !session.utm || !session.utm.utm_test) {
+
+  let isBlockNumber = session.blockList.find(
+    (element) => element.phone_regex === data.phone.phoneCode
+  );
+
+  if ((!session || !session.utm || !session.utm.utm_test) && !isBlockNumber) {
     const _data = await save_form(
       body,
       ["hiring-partner"],
@@ -310,6 +325,7 @@ export const beHiringPartner = async (data, session) => {
   }
   return true;
 };
+
 export const applyJob = async (data) => {
   console.log("New job application", data);
   let body = {};
@@ -319,21 +335,33 @@ export const applyJob = async (data) => {
   // if(!session || !session.utm || !session.utm.utm_test) return await save_form(body, ['hiring-partner'], ['hiring-partner']);
   return true;
 };
+
 export const contactUs = async (data, session) => {
   console.log("Succesfully contact us", data);
   let body = {};
   for (let key in data) body[key] = data[key].value;
 
-  //                                                                                      tag       automation
+  //Contact us form don´t admit phone number so it's not posible block it
+  // let isBlockNumber = session.blockList.find(
+  //   (element) => element.phone_regex === data.phone.phoneCode
+  // );
+  // if ((!session || !session.utm || !session.utm.utm_test) && !isBlockNumber)
   if (!session || !session.utm || !session.utm.utm_test)
+    //                                                                                      tag       automation
     return await save_form(body, ["contact-us"], ["soft"], session);
   return true;
 };
+
 export const newsletterSignup = async (data, session) => {
   console.log("Succesfully newsletter signup", data);
   let body = {};
   for (let key in data) body[key] = data[key].value;
 
+  //Newaletter form don´t admit phone number so it's not posible block it
+  // let isBlockNumber = session.blockList.find(
+  //   (element) => element.phone_regex === data.phone.phoneCode
+  // );
+  // if ((!session || !session.utm || !session.utm.utm_test) && !isBlockNumber)
   //                                                                                      tag          automation
   if (!session || !session.utm || !session.utm.utm_test) {
     const _data = await save_form(
@@ -358,8 +386,11 @@ export const outcomesReport = async (data, session) => {
   let body = {};
   for (let key in data) body[key] = data[key].value;
 
+  let isBlockNumber = session.blockList.find(
+    (element) => element.phone_regex === data.phone.phoneCode
+  );
   //                                                                                      tag                automation
-  if (!session || !session.utm || !session.utm.utm_test) {
+  if ((!session || !session.utm || !session.utm.utm_test) && !isBlockNumber) {
     const _data = await save_form(
       body,
       ["download_outcome"],
@@ -423,8 +454,11 @@ export const processFormEntry = async (data, session) => {
   const action = "submit";
   let token = await getToken(action);
 
-  //                                                                                      tag                automation
-  if (!session || !session.utm || !session.utm.utm_test) {
+  let isBlockNumber = session.blockList.find(
+    (element) => element.phone_regex === data.phone.phoneCode
+  );
+  // tag   automation
+  if ((!session || !session.utm || !session.utm.utm_test) && !isBlockNumber) {
     const _data = await save_form(
       body,
       [tag.value || tag],

src/components/LeadForm/PhoneInput/index.js

@@ -238,7 +238,12 @@ const PhoneInput = ({
     }
     setVal({
       ...formData,
-      phone: { ...phoneFormValues, value: cleanedPhoneInput, valid: true },
+      phone: {
+        ...phoneFormValues,
+        value: cleanedPhoneInput,
+        valid: true,
+        phoneCode: prefixCode,
+      },
     });
   };
 

src/components/LeadForm/index.js

@@ -91,6 +91,7 @@ const _fields = {
   phone: {
     value: "",
     valid: false,
+    phoneCode: "",
     required: true,
     type: "phone",
     place_holder: "Phone number",

src/session.js

@@ -10,6 +10,8 @@ import {
   locByLanguage,
 } from "./actions";
 
+const blockList = require("./utils/dictionaries/blockList.json");
+
 // import ActionsWorker from "./actions.worker.js";
 export const SessionContext = createContext(defaultSession);
 
@@ -89,6 +91,7 @@ export default ({ children }) => {
     };
     const message = {
       locationsArray: data.allLocationYaml,
+      blockListArray: blockList,
       storedSession: getStorage("academy_session"),
       path: window.location.pathname,
       seed: {
@@ -141,7 +144,7 @@ export default ({ children }) => {
               l.breathecode_location_slug ===
               _s.location.breathecode_location_slug
           );
-          const _session = { ..._s, location };
+          const _session = { ..._s, location, blockList };
           setStorage(_session);
           setSession(_session);
           dayjs.locale(_session.language == "us" ? "en" : _session.language);

src/templates/apply.js

@@ -47,7 +47,7 @@ const Apply = (props) => {
   });
   const [formData, setVal] = useState({
     first_name: { value: "", valid: false },
-    phone: { value: "", valid: false },
+    phone: { value: "", phoneCode: "", valid: false },
     email: { value: "", valid: false },
     location: { value: "", valid: false },
     consents: { value: [], valid: true },
@@ -103,6 +103,7 @@ const Apply = (props) => {
   React.useEffect(() => {
     tagManager("application_rendered");
   }, []);
+
   React.useEffect(() => {
     const urlParams = new URLSearchParams(window.location.search);
     // Pre-fill the location
@@ -184,6 +185,7 @@ const Apply = (props) => {
         });
       });
   };
+
   return (
     <>
       <Header

src/utils/dictionaries/blockList.json

@@ -0,0 +1,12 @@
+[
+  {
+    "academies": "madrid-spain",
+    "phone_regex": "+56",
+    "country_regex": "spain"
+  },
+  {
+    "academies": "lima-peru",
+    "phone_regex": "+51",
+    "country_regex": "peru"
+  }
+]

src/worker.js

@@ -113,7 +113,13 @@ const getRegion = (shortName, regions) => {
   return region.length === 1 ? region[0] : null;
 };
 
-const initSession = async (locationsArray, storedSession, path, seed = {}) => {
+const initSession = async (
+  locationsArray,
+  blockListArray,
+  storedSession,
+  path,
+  seed = {}
+) => {
   console.log("Initializing session");
   var v4 = null;
   var latitude = null;
@@ -274,6 +280,7 @@ const initSession = async (locationsArray, storedSession, path, seed = {}) => {
     academyAliasDictionary[key] = alias.academy.slug;
   });
 
+  const blockList = blockListArray.find((element) => element !== null);
   const _session = {
     ...defaultSession,
     ...storedSession,
@@ -287,7 +294,7 @@ const initSession = async (locationsArray, storedSession, path, seed = {}) => {
     longitude,
     academyAliasDictionary,
     pathsDictionary,
-
+    blockList: blockList,
     // marketing utm info
     utm: { ...storedSession.utm, ...utm },
 
@@ -303,7 +310,14 @@ const initSession = async (locationsArray, storedSession, path, seed = {}) => {
 };
 
 self.onmessage = async (message) => {
-  const { locationsArray, storedSession, seed, path } = message.data;
-  const _session = await initSession(locationsArray, storedSession, path, seed);
+  const { locationsArray, blockListArray, storedSession, seed, path } =
+    message.data;
+  const _session = await initSession(
+    locationsArray,
+    blockListArray,
+    storedSession,
+    path,
+    seed
+  );
   self.postMessage(_session);
 };