@servicetitan/marketing-ui 1.7.0 → 1.11.0

package/src/components/ui/line-text/line-text-head.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactElement } from 'react';
 import { HeadlineLine } from './line-text';
 
 export default {
@@ -7,7 +7,7 @@ export default {
     parameters: {},
 };
 
-const w = (style: { width?: string }, cb: () => React.ReactElement) => () =>
+const w = (style: { width?: string }, cb: () => ReactElement) => () =>
     <div style={style}>{cb()}</div>;
 
 export const headlineLineUnlimited = w({}, () => <HeadlineLine>just a simple text</HeadlineLine>);

package/src/components/ui/line-text/line-text.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import { useMemo, FC } from 'react';
 import classNames from 'classnames';
 import {
     BodyText,
@@ -30,11 +30,7 @@ export interface BodyTextLineProps extends BodyTextPropsStrict {
     children?: string;
 }
 
-export const BodyTextLine: React.FC<BodyTextLineProps> = ({
-    children,
-    wrapperClassName,
-    ...props
-}) => {
+export const BodyTextLine: FC<BodyTextLineProps> = ({ children, wrapperClassName, ...props }) => {
     const [ref1, ref2, limited] = useLimited();
 
     return (
@@ -79,11 +75,7 @@ export interface HeadlineLineProps extends HeadlinePropsStrict {
     children?: string;
 }
 
-export const HeadlineLine: React.FC<HeadlineLineProps> = ({
-    children,
-    wrapperClassName,
-    ...props
-}) => {
+export const HeadlineLine: FC<HeadlineLineProps> = ({ children, wrapperClassName, ...props }) => {
     const [ref1, ref2, limited] = useLimited();
 
     return (

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/use-client-rect.ts

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 
 export const useClientRect = (): [
     DOMRect | null,
@@ -41,7 +41,7 @@ export const useClientRect = (): [
         return () => clearTimeout(to);
     });
 
-    const ref = React.useCallback(
+    const ref = useCallback(
         (node: HTMLElement | null) => {
             if (node !== null) {
                 window.addEventListener('resize', handleResize);