@servicetitan/marketing-ui 1.10.0 → 1.13.0

package/dist/index.d.ts

@@ -9,4 +9,5 @@ export * from './utils/formatters';
 export * from './utils/string-case';
 export * from './utils/use-client-rect';
 export * from './utils/helpers';
+export * from './utils/format-big-numbers';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -21,4 +21,5 @@ __exportStar(require("./utils/formatters"), exports);
 __exportStar(require("./utils/string-case"), exports);
 __exportStar(require("./utils/use-client-rect"), exports);
 __exportStar(require("./utils/helpers"), exports);
+__exportStar(require("./utils/format-big-numbers"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8DAA4C;AAC5C,uEAAqD;AACrD,4DAA0C;AAC1C,mEAAiD;AACjD,4DAA0C;AAC1C,2EAAyD;AAEzD,oDAAkC;AAClC,qDAAmC;AACnC,sDAAoC;AACpC,0DAAwC;AACxC,kDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8DAA4C;AAC5C,uEAAqD;AACrD,4DAA0C;AAC1C,mEAAiD;AACjD,4DAA0C;AAC1C,2EAAyD;AAEzD,oDAAkC;AAClC,qDAAmC;AACnC,sDAAoC;AACpC,0DAAwC;AACxC,kDAAgC;AAChC,6DAA2C"}

package/dist/utils/ads-texts.d.ts

@@ -1,3 +1,3 @@
-export declare type AdsStatType = 'impressions' | 'views' | 'clicks' | 'clickRate' | 'conversionRate' | 'closeRate' | 'sessions' | 'conversions' | 'transactions' | 'bookedJobs' | 'ranJobs' | 'ranRate' | 'leads' | 'leadRate' | 'completedJobs' | 'soldJobs' | 'revenue' | 'marketingRevenue' | 'expenseToIncomeRatio' | 'costPerBookedJob' | 'costPerLead' | 'costPerRanJob' | 'costPerSoldJob' | 'costPerConversion' | 'cost' | 'averageCostPerClick' | 'averageJobValue' | 'roi' | 'bookingRate' | 'opportunityRate' | 'newCustomerLeads' | 'newCustomerLeadRate' | 'ranJobsFromMarketing' | 'existingCustomerLeads';
+export declare type AdsStatType = 'impressions' | 'views' | 'clicks' | 'clickRate' | 'conversionRate' | 'closeRate' | 'sessions' | 'conversions' | 'allConversions' | 'transactions' | 'bookedJobs' | 'ranJobs' | 'ranRate' | 'leads' | 'leadRate' | 'completedJobs' | 'soldJobs' | 'revenue' | 'marketingRevenue' | 'expenseToIncomeRatio' | 'costPerBookedJob' | 'costPerLead' | 'costPerRanJob' | 'costPerSoldJob' | 'costPerConversion' | 'cost' | 'averageCostPerClick' | 'averageJobValue' | 'roi' | 'bookingRate' | 'opportunityRate' | 'newCustomerLeads' | 'newCustomerLeadRate' | 'ranJobsFromMarketing' | 'existingCustomerLeads';
 export declare const adsStatDescriptions: Record<AdsStatType, string>;
 //# sourceMappingURL=ads-texts.d.ts.map

package/dist/utils/ads-texts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ads-texts.d.ts","sourceRoot":"","sources":["../../src/utils/ads-texts.tsx"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GACjB,aAAa,GACb,OAAO,GACP,QAAQ,GACR,WAAW,GACX,gBAAgB,GAChB,WAAW,GACX,UAAU,GACV,aAAa,GACb,cAAc,GACd,YAAY,GACZ,SAAS,GACT,SAAS,GACT,OAAO,GACP,UAAU,GACV,eAAe,GACf,UAAU,GACV,SAAS,GACT,kBAAkB,GAClB,sBAAsB,GACtB,kBAAkB,GAClB,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,MAAM,GACN,qBAAqB,GACrB,iBAAiB,GACjB,KAAK,GACL,aAAa,GACb,iBAAiB,GACjB,kBAAkB,GAClB,qBAAqB,GACrB,sBAAsB,GACtB,uBAAuB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAmD3D,CAAC"}
+{"version":3,"file":"ads-texts.d.ts","sourceRoot":"","sources":["../../src/utils/ads-texts.tsx"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GACjB,aAAa,GACb,OAAO,GACP,QAAQ,GACR,WAAW,GACX,gBAAgB,GAChB,WAAW,GACX,UAAU,GACV,aAAa,GACb,gBAAgB,GAChB,cAAc,GACd,YAAY,GACZ,SAAS,GACT,SAAS,GACT,OAAO,GACP,UAAU,GACV,eAAe,GACf,UAAU,GACV,SAAS,GACT,kBAAkB,GAClB,sBAAsB,GACtB,kBAAkB,GAClB,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,MAAM,GACN,qBAAqB,GACrB,iBAAiB,GACjB,KAAK,GACL,aAAa,GACb,iBAAiB,GACjB,kBAAkB,GAClB,qBAAqB,GACrB,sBAAsB,GACtB,uBAAuB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAqD3D,CAAC"}

package/dist/utils/ads-texts.js

@@ -7,6 +7,7 @@ exports.adsStatDescriptions = {
     clicks: 'The number of times an ad was clicked, taking a searcher to a landing page',
     sessions: "The number of times your website registered a visitor. This can differ from clicks because clicks can include clicks on extensions on the ad that don't lead to the website, like call extensions. Also, some clickers immediately leave the website before the website can register a session",
     conversions: 'The number of people who took a predesignated action resulting from a marketing campaign. This typically includes Phone Calls, Form Submissions, Appointments Booked, and Live Chats',
+    allConversions: 'Every conversion reported by Google Ads, including those that are marked to NOT be included in the Conversions column',
     transactions: 'The number of completed jobs where revenue was generated',
     leads: 'Phone Calls that are longer than 60 seconds and not dismissed, plus online bookings and manual jobs',
     ranJobs: 'A booking where a truck was dispatched. On the marketing dashboard, we show Ran Jobs that have marketing attribution',

package/dist/utils/ads-texts.js.map

@@ -1 +1 @@
-{"version":3,"file":"ads-texts.js","sourceRoot":"","sources":["../../src/utils/ads-texts.tsx"],"names":[],"mappings":";;;AAoCa,QAAA,mBAAmB,GAAgC;IAC5D,WAAW,EAAE,oCAAoC;IACjD,KAAK,EAAE,2HAA2H;IAClI,MAAM,EAAE,4EAA4E;IACpF,QAAQ,EACJ,gSAAgS;IACpS,WAAW,EACP,sLAAsL;IAC1L,YAAY,EAAE,0DAA0D;IACxE,KAAK,EAAE,qGAAqG;IAC5G,OAAO,EACH,sHAAsH;IAC1H,OAAO,EAAE,mDAAmD;IAC5D,UAAU,EAAE,4CAA4C;IACxD,aAAa,EAAE,6CAA6C;IAC5D,QAAQ,EACJ,kIAAkI;IACtI,OAAO,EAAE,uEAAuE;IAChF,gBAAgB,EACZ,wFAAwF;IAC5F,oBAAoB,EAChB,2HAA2H;IAC/H,WAAW,EAAE,0CAA0C;IACvD,gBAAgB,EAAE,gDAAgD;IAClE,aAAa,EACT,iGAAiG;IACrG,cAAc,EAAE,mDAAmD;IACnE,iBAAiB,EAAE,0DAA0D;IAC7E,mBAAmB,EACf,8JAA8J;IAClK,IAAI,EAAE,2DAA2D;IAEjE,SAAS,EAAE,kEAAkE;IAC7E,cAAc,EACV,wLAAwL;IAC5L,SAAS,EACL,2LAA2L;IAC/L,QAAQ,EACJ,iJAAiJ;IACrJ,eAAe,EAAE,mDAAmD;IACpE,GAAG,EAAE,+JAA+J;IACpK,WAAW,EAAE,qDAAqD;IAClE,eAAe,EAAE,4DAA4D;IAC7E,gBAAgB,EACZ,8GAA8G;IAClH,mBAAmB,EACf,8KAA8K;IAClL,qBAAqB,EACjB,mGAAmG;IACvG,oBAAoB,EAChB,2FAA2F;CAClG,CAAC"}
+{"version":3,"file":"ads-texts.js","sourceRoot":"","sources":["../../src/utils/ads-texts.tsx"],"names":[],"mappings":";;;AAqCa,QAAA,mBAAmB,GAAgC;IAC5D,WAAW,EAAE,oCAAoC;IACjD,KAAK,EAAE,2HAA2H;IAClI,MAAM,EAAE,4EAA4E;IACpF,QAAQ,EACJ,gSAAgS;IACpS,WAAW,EACP,sLAAsL;IAC1L,cAAc,EACV,uHAAuH;IAC3H,YAAY,EAAE,0DAA0D;IACxE,KAAK,EAAE,qGAAqG;IAC5G,OAAO,EACH,sHAAsH;IAC1H,OAAO,EAAE,mDAAmD;IAC5D,UAAU,EAAE,4CAA4C;IACxD,aAAa,EAAE,6CAA6C;IAC5D,QAAQ,EACJ,kIAAkI;IACtI,OAAO,EAAE,uEAAuE;IAChF,gBAAgB,EACZ,wFAAwF;IAC5F,oBAAoB,EAChB,2HAA2H;IAC/H,WAAW,EAAE,0CAA0C;IACvD,gBAAgB,EAAE,gDAAgD;IAClE,aAAa,EACT,iGAAiG;IACrG,cAAc,EAAE,mDAAmD;IACnE,iBAAiB,EAAE,0DAA0D;IAC7E,mBAAmB,EACf,8JAA8J;IAClK,IAAI,EAAE,2DAA2D;IAEjE,SAAS,EAAE,kEAAkE;IAC7E,cAAc,EACV,wLAAwL;IAC5L,SAAS,EACL,2LAA2L;IAC/L,QAAQ,EACJ,iJAAiJ;IACrJ,eAAe,EAAE,mDAAmD;IACpE,GAAG,EAAE,+JAA+J;IACpK,WAAW,EAAE,qDAAqD;IAClE,eAAe,EAAE,4DAA4D;IAC7E,gBAAgB,EACZ,8GAA8G;IAClH,mBAAmB,EACf,8KAA8K;IAClL,qBAAqB,EACjB,mGAAmG;IACvG,oBAAoB,EAChB,2FAA2F;CAClG,CAAC"}

package/dist/utils/format-big-numbers.d.ts

@@ -0,0 +1,2 @@
+export declare const formatBigNumber: (num: number, maximumFractionDigits: number) => string;
+//# sourceMappingURL=format-big-numbers.d.ts.map

package/dist/utils/format-big-numbers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-big-numbers.d.ts","sourceRoot":"","sources":["../../src/utils/format-big-numbers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,QAAS,MAAM,yBAAyB,MAAM,WAczE,CAAC"}

package/dist/utils/format-big-numbers.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatBigNumber = void 0;
+const formatBigNumber = (num, maximumFractionDigits) => {
+    let formatedNum = num;
+    const ranks = ['', 'K', 'M'];
+    let rankIndex = 0;
+    while (formatedNum > 10000 && rankIndex < ranks.length - 1) {
+        formatedNum /= 1000;
+        rankIndex++;
+    }
+    return (formatedNum.toLocaleString(undefined, {
+        maximumFractionDigits,
+    }) + ranks[rankIndex]);
+};
+exports.formatBigNumber = formatBigNumber;
+//# sourceMappingURL=format-big-numbers.js.map

package/dist/utils/format-big-numbers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-big-numbers.js","sourceRoot":"","sources":["../../src/utils/format-big-numbers.ts"],"names":[],"mappings":";;;AAAO,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,qBAA6B,EAAE,EAAE;IAC1E,IAAI,WAAW,GAAG,GAAG,CAAC;IACtB,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAC7B,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,OAAO,WAAW,GAAG,KAAK,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACxD,WAAW,IAAI,IAAI,CAAC;QACpB,SAAS,EAAE,CAAC;KACf;IAED,OAAO,CACH,WAAW,CAAC,cAAc,CAAC,SAAS,EAAE;QAClC,qBAAqB;KACxB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CACxB,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B"}

package/dist/utils/helpers.d.ts

@@ -1,2 +1,17 @@
 export declare const keys: <T extends Record<string, any>>(obj: T) => (keyof T)[];
+/**
+ * Searches for words (divided by white space) in the string,
+ * i.e `findSubstrIndexes('91203 - Glendale, CA', 'glen 912')`
+ * returns `[
+ *   { start: 0, end: 3 },
+ *   { start: 8, end: 12 },
+ * ]`
+ * @param str - String to search in
+ * @param substr - Searched words, i.e 'hello world'
+ * @returns Array of start and end indexes of the words
+ */
+export declare const findSubstrIndexes: (str: string, substr: string) => {
+    start: number;
+    end: number;
+}[];
 //# sourceMappingURL=helpers.d.ts.map

package/dist/utils/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,wDAA2E,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,wDAA2E,CAAC;AAE7F;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,QAAS,MAAM,UAAU,MAAM;;;GA8B5D,CAAC"}

package/dist/utils/helpers.js

@@ -1,6 +1,46 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.keys = void 0;
+exports.findSubstrIndexes = exports.keys = void 0;
 const keys = (obj) => Object.keys(obj);
 exports.keys = keys;
+/**
+ * Searches for words (divided by white space) in the string,
+ * i.e `findSubstrIndexes('91203 - Glendale, CA', 'glen 912')`
+ * returns `[
+ *   { start: 0, end: 3 },
+ *   { start: 8, end: 12 },
+ * ]`
+ * @param str - String to search in
+ * @param substr - Searched words, i.e 'hello world'
+ * @returns Array of start and end indexes of the words
+ */
+const findSubstrIndexes = (str, substr) => {
+    const searchWords = substr.split(' ');
+    const realSearchWords = searchWords.filter(word => word !== '');
+    const indexes = realSearchWords.map(word => {
+        const index = str.toLowerCase().indexOf(word.toLowerCase());
+        return {
+            start: index,
+            end: index + word.length,
+        };
+    });
+    const realIndexes = indexes
+        .filter(index => index.start !== -1)
+        .sort((indexA, indexB) => indexA.start - indexB.start);
+    const realRanges = [];
+    if (realIndexes.length >= 1) {
+        realRanges.push(realIndexes[0]);
+        for (let i = 1; i < realIndexes.length; i++) {
+            const lastRealRange = realRanges[realRanges.length - 1];
+            if (realIndexes[i].start < lastRealRange.end) {
+                lastRealRange.end = realIndexes[i].end;
+            }
+            else {
+                realRanges.push(realIndexes[i]);
+            }
+        }
+    }
+    return realRanges;
+};
+exports.findSubstrIndexes = findSubstrIndexes;
 //# sourceMappingURL=helpers.js.map

package/dist/utils/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":";;;AAAO,MAAM,IAAI,GAAG,CAAgC,GAAM,EAAe,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAAhF,QAAA,IAAI,QAA4E"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":";;;AAAO,MAAM,IAAI,GAAG,CAAgC,GAAM,EAAe,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAAhF,QAAA,IAAI,QAA4E;AAE7F;;;;;;;;;;GAUG;AACI,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE;IAC7D,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACvC,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAC5D,OAAO;YACH,KAAK,EAAE,KAAK;YACZ,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM;SAC3B,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO;SACtB,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;SACnC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,EAAE,CAAC;IAEtB,IAAI,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE;QACzB,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAChC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACzC,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACxD,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC,GAAG,EAAE;gBAC1C,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;aAC1C;iBAAM;gBACH,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;aACnC;SACJ;KACJ;IAED,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/marketing-ui",
-    "version": "1.10.0",
+    "version": "1.13.0",
     "description": "Marketing UI component and utils",
     "repository": {
         "type": "git",
@@ -9,6 +9,7 @@
     },
     "main": "./dist/index.js",
     "typings": "./dist/index.d.ts",
+    "sideEffects": false,
     "files": [
         "dist",
         "src"
@@ -50,5 +51,5 @@
         "less": true,
         "webpack": false
     },
-    "gitHead": "9d9535ae5a97e07a1f2d4de2c6db4e6f5a64ea5e"
+    "gitHead": "b4fe44f5c84b2009399239f3973473fffd0e9346"
 }

package/src/index.ts

@@ -10,3 +10,4 @@ export * from './utils/formatters';
 export * from './utils/string-case';
 export * from './utils/use-client-rect';
 export * from './utils/helpers';
+export * from './utils/format-big-numbers';

package/src/utils/__tests__/format-big-numbers.test.ts

@@ -0,0 +1,17 @@
+import { formatBigNumber } from '../format-big-numbers';
+
+test('formatBigNumber', () => {
+    expect(formatBigNumber(12.333333, 0)).toEqual('12');
+    expect(formatBigNumber(12000.333333, 0)).toEqual('12K');
+    expect(formatBigNumber(12000000.333333, 0)).toEqual('12M');
+    expect(formatBigNumber(12.333333, 2)).toEqual(
+        /*
+         * I know it's a bad practice to compare like this
+         * but I don't want to use preset culture that I get from backend side
+         * I want to define culture on the user side
+         */
+        (12.333333).toLocaleString(undefined, {
+            maximumFractionDigits: 2,
+        })
+    );
+});

package/src/utils/__tests__/helpers.test.ts

@@ -0,0 +1,31 @@
+import { findSubstrIndexes } from '../helpers';
+
+describe('[Marketing] helpers', () => {
+    test('findSubstrIndexes works well', () => {
+        expect(findSubstrIndexes('91203 - Glendale, CA', '912')).toEqual([{ start: 0, end: 3 }]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', '912 ')).toEqual([{ start: 0, end: 3 }]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', ' 912 ')).toEqual([{ start: 0, end: 3 }]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', '912 glen')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 12 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'glen 912')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 12 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'glen lend 912')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 13 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'lend glen 912')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 13 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'glen glen 912')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 12 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', '')).toEqual([]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'blabla')).toEqual([]);
+    });
+});

package/src/utils/ads-texts.tsx

@@ -7,6 +7,7 @@ export type AdsStatType =
     | 'closeRate'
     | 'sessions'
     | 'conversions'
+    | 'allConversions'
     | 'transactions'
     | 'bookedJobs'
     | 'ranJobs'
@@ -42,6 +43,8 @@ export const adsStatDescriptions: Record<AdsStatType, string> = {
         "The number of times your website registered a visitor. This can differ from clicks because clicks can include clicks on extensions on the ad that don't lead to the website, like call extensions. Also, some clickers immediately leave the website before the website can register a session",
     conversions:
         'The number of people who took a predesignated action resulting from a marketing campaign. This typically includes Phone Calls, Form Submissions, Appointments Booked, and Live Chats',
+    allConversions:
+        'Every conversion reported by Google Ads, including those that are marked to NOT be included in the Conversions column',
     transactions: 'The number of completed jobs where revenue was generated',
     leads: 'Phone Calls that are longer than 60 seconds and not dismissed, plus online bookings and manual jobs',
     ranJobs:

package/src/utils/format-big-numbers.ts

@@ -0,0 +1,15 @@
+export const formatBigNumber = (num: number, maximumFractionDigits: number) => {
+    let formatedNum = num;
+    const ranks = ['', 'K', 'M'];
+    let rankIndex = 0;
+    while (formatedNum > 10000 && rankIndex < ranks.length - 1) {
+        formatedNum /= 1000;
+        rankIndex++;
+    }
+
+    return (
+        formatedNum.toLocaleString(undefined, {
+            maximumFractionDigits,
+        }) + ranks[rankIndex]
+    );
+};

package/src/utils/helpers.ts

@@ -1 +1,44 @@
 export const keys = <T extends Record<string, any>>(obj: T): (keyof T)[] => Object.keys(obj);
+
+/**
+ * Searches for words (divided by white space) in the string,
+ * i.e `findSubstrIndexes('91203 - Glendale, CA', 'glen 912')`
+ * returns `[
+ *   { start: 0, end: 3 },
+ *   { start: 8, end: 12 },
+ * ]`
+ * @param str - String to search in
+ * @param substr - Searched words, i.e 'hello world'
+ * @returns Array of start and end indexes of the words
+ */
+export const findSubstrIndexes = (str: string, substr: string) => {
+    const searchWords = substr.split(' ');
+    const realSearchWords = searchWords.filter(word => word !== '');
+    const indexes = realSearchWords.map(word => {
+        const index = str.toLowerCase().indexOf(word.toLowerCase());
+        return {
+            start: index,
+            end: index + word.length,
+        };
+    });
+
+    const realIndexes = indexes
+        .filter(index => index.start !== -1)
+        .sort((indexA, indexB) => indexA.start - indexB.start);
+
+    const realRanges = [];
+
+    if (realIndexes.length >= 1) {
+        realRanges.push(realIndexes[0]);
+        for (let i = 1; i < realIndexes.length; i++) {
+            const lastRealRange = realRanges[realRanges.length - 1];
+            if (realIndexes[i].start < lastRealRange.end) {
+                lastRealRange.end = realIndexes[i].end;
+            } else {
+                realRanges.push(realIndexes[i]);
+            }
+        }
+    }
+
+    return realRanges;
+};