@servicetitan/marketing-ui 5.9.0 → 5.11.0

package/dist/components/ui/title-popover/title-popover.js

@@ -1,12 +1,25 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
+}
+function _ts_metadata(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { observer } from 'mobx-react';
@@ -14,53 +27,7 @@ import { createRef, Component } from 'react';
 import { observable, action, makeObservable } from 'mobx';
 import { Popover, Stack, BodyText, Icon } from '@servicetitan/design-system';
 import * as Styles from './title-popover.module.less';
-let TitlePopover = class TitlePopover extends Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "isOpen", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "wrapElem", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: createRef()
-        });
-        Object.defineProperty(this, "toggle", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.isOpen = !this.isOpen;
-            }
-        });
-        Object.defineProperty(this, "close", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.isOpen = false;
-            }
-        });
-        Object.defineProperty(this, "handleClick", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (event) => {
-                if (!this.wrapElem.current) {
-                    return;
-                }
-                const isClickedInside = this.wrapElem.current.contains(event.target);
-                if (!isClickedInside) {
-                    this.close();
-                }
-            }
-        });
-        makeObservable(this);
-    }
+export class TitlePopover extends Component {
     componentDidMount() {
         window.addEventListener('click', this.handleClick);
     }
@@ -69,28 +36,70 @@ let TitlePopover = class TitlePopover extends Component {
     }
     render() {
         const { text, children } = this.props;
-        return (_jsx("div", { ref: this.wrapElem, className: "qa-title-popover", children: _jsx(Popover, { className: classNames(Styles.popover, 'qa-title-popover'), width: "xs", open: this.isOpen, direction: "br", trigger: _jsxs(Stack, { alignItems: "center", className: "qa-title-popover-button cursor-pointer", onClick: this.toggle, children: [_jsx(BodyText, { size: "large", className: "qa-title-popover-text", children: text }), _jsx(Icon, { name: "expand_more", size: 20, className: "m-l-1 qa-title-popover-icon" })] }), children: children }) }));
+        return /*#__PURE__*/ _jsx("div", {
+            ref: this.wrapElem,
+            className: "qa-title-popover",
+            children: /*#__PURE__*/ _jsx(Popover, {
+                className: classNames(Styles.popover, 'qa-title-popover'),
+                width: "xs",
+                open: this.isOpen,
+                direction: "br",
+                trigger: /*#__PURE__*/ _jsxs(Stack, {
+                    alignItems: "center",
+                    className: "qa-title-popover-button cursor-pointer",
+                    onClick: this.toggle,
+                    children: [
+                        /*#__PURE__*/ _jsx(BodyText, {
+                            size: "large",
+                            className: "qa-title-popover-text",
+                            children: text
+                        }),
+                        /*#__PURE__*/ _jsx(Icon, {
+                            name: "expand_more",
+                            size: 20,
+                            className: "m-l-1 qa-title-popover-icon"
+                        })
+                    ]
+                }),
+                children: children
+            })
+        });
+    }
+    constructor(props){
+        super(props), _define_property(this, "isOpen", false), _define_property(this, "wrapElem", /*#__PURE__*/ createRef()), _define_property(this, "toggle", ()=>{
+            this.isOpen = !this.isOpen;
+        }), _define_property(this, "close", ()=>{
+            this.isOpen = false;
+        }), _define_property(this, "handleClick", (event)=>{
+            if (!this.wrapElem.current) {
+                return;
+            }
+            const isClickedInside = this.wrapElem.current.contains(event.target);
+            if (!isClickedInside) {
+                this.close();
+            }
+        });
+        makeObservable(this);
     }
-};
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+}
+_ts_decorate([
+    observable
 ], TitlePopover.prototype, "isOpen", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], TitlePopover.prototype, "toggle", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], TitlePopover.prototype, "close", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], TitlePopover.prototype, "handleClick", void 0);
-TitlePopover = __decorate([
+TitlePopover = _ts_decorate([
     observer,
-    __metadata("design:paramtypes", [Object])
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [
+        typeof TitlePopoverProps === "undefined" ? Object : TitlePopoverProps
+    ])
 ], TitlePopover);
-export { TitlePopover };
+
 //# sourceMappingURL=title-popover.js.map

package/dist/components/ui/title-popover/title-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"title-popover.js","sourceRoot":"","sources":["../../../../src/components/ui/title-popover/title-popover.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAO/C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,SAA4B;IAK1D,YAAY,KAAwB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QALL;;;;mBAAS,KAAK;WAAC;QAE3B;;;;mBAAW,SAAS,EAAkB;WAAC;QAQvC;;;;mBAAS,GAAG,EAAE;gBACV,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;YAC/B,CAAC;WAAC;QAGF;;;;mBAAQ,GAAG,EAAE;gBACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACxB,CAAC;WAAC;QAGF;;;;mBAAc,CAAC,KAAiB,EAAE,EAAE;gBAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;oBACzB,OAAO;gBACX,CAAC;gBAED,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;gBAE7E,IAAI,CAAC,eAAe,EAAE,CAAC;oBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACjB,CAAC;YACL,CAAC;WAAC;QAxBE,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAyBD,iBAAiB;QACb,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACvD,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM;QACF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,OAAO,CACH,cAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YACjD,KAAC,OAAO,IACJ,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACzD,KAAK,EAAC,IAAI,EACV,IAAI,EAAE,IAAI,CAAC,MAAM,EACjB,SAAS,EAAC,IAAI,EACd,OAAO,EACH,MAAC,KAAK,IACF,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAE,IAAI,CAAC,MAAM,aAEpB,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,uBAAuB,YACnD,IAAI,GACE,EACX,KAAC,IAAI,IACD,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,6BAA6B,GACzC,IACE,YAGX,QAAQ,GACH,GACR,CACT,CAAC;IACN,CAAC;CACJ,CAAA;AAxEe;IAAX,UAAU;;4CAAgB;AAU3B;IADC,MAAM;;4CAGL;AAGF;IADC,MAAM;;2CAGL;AAGF;IADC,MAAM;;iDAWL;AA/BO,YAAY;IADxB,QAAQ;;GACI,YAAY,CAyExB"}
+{"version":3,"sources":["../../../../src/components/ui/title-popover/title-popover.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { observer } from 'mobx-react';\nimport { createRef, Component, PropsWithChildren } from 'react';\nimport { observable, action, makeObservable } from 'mobx';\nimport { Popover, Stack, BodyText, Icon } from '@servicetitan/design-system';\nimport * as Styles from './title-popover.module.less';\n\ninterface TitlePopoverProps extends PropsWithChildren<{}> {\n    text?: string;\n}\n\n@observer\nexport class TitlePopover extends Component<TitlePopoverProps> {\n    @observable isOpen = false;\n\n    wrapElem = createRef<HTMLDivElement>();\n\n    constructor(props: TitlePopoverProps) {\n        super(props);\n        makeObservable(this);\n    }\n\n    @action\n    toggle = () => {\n        this.isOpen = !this.isOpen;\n    };\n\n    @action\n    close = () => {\n        this.isOpen = false;\n    };\n\n    @action\n    handleClick = (event: MouseEvent) => {\n        if (!this.wrapElem.current) {\n            return;\n        }\n\n        const isClickedInside = this.wrapElem.current.contains(event.target as Node);\n\n        if (!isClickedInside) {\n            this.close();\n        }\n    };\n\n    componentDidMount() {\n        window.addEventListener('click', this.handleClick);\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('click', this.handleClick);\n    }\n\n    render() {\n        const { text, children } = this.props;\n\n        return (\n            <div ref={this.wrapElem} className=\"qa-title-popover\">\n                <Popover\n                    className={classNames(Styles.popover, 'qa-title-popover')}\n                    width=\"xs\"\n                    open={this.isOpen}\n                    direction=\"br\"\n                    trigger={\n                        <Stack\n                            alignItems=\"center\"\n                            className=\"qa-title-popover-button cursor-pointer\"\n                            onClick={this.toggle}\n                        >\n                            <BodyText size=\"large\" className=\"qa-title-popover-text\">\n                                {text}\n                            </BodyText>\n                            <Icon\n                                name=\"expand_more\"\n                                size={20}\n                                className=\"m-l-1 qa-title-popover-icon\"\n                            />\n                        </Stack>\n                    }\n                >\n                    {children}\n                </Popover>\n            </div>\n        );\n    }\n}\n"],"names":["classNames","observer","createRef","Component","observable","action","makeObservable","Popover","Stack","BodyText","Icon","Styles","TitlePopover","componentDidMount","window","addEventListener","handleClick","componentWillUnmount","removeEventListener","render","text","children","props","div","ref","wrapElem","className","popover","width","open","isOpen","direction","trigger","alignItems","onClick","toggle","size","name","close","event","current","isClickedInside","contains","target"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,gBAAgB,aAAa;AACpC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,SAAS,EAAEC,SAAS,QAA2B,QAAQ;AAChE,SAASC,UAAU,EAAEC,MAAM,EAAEC,cAAc,QAAQ,OAAO;AAC1D,SAASC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,8BAA8B;AAC7E,YAAYC,YAAY,8BAA8B;AAOtD,OAAO,MAAMC,qBAAqBT;IAiC9BU,oBAAoB;QAChBC,OAAOC,gBAAgB,CAAC,SAAS,IAAI,CAACC,WAAW;IACrD;IAEAC,uBAAuB;QACnBH,OAAOI,mBAAmB,CAAC,SAAS,IAAI,CAACF,WAAW;IACxD;IAEAG,SAAS;QACL,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAG,IAAI,CAACC,KAAK;QAErC,qBACI,KAACC;YAAIC,KAAK,IAAI,CAACC,QAAQ;YAAEC,WAAU;sBAC/B,cAAA,KAACnB;gBACGmB,WAAW1B,WAAWW,OAAOgB,OAAO,EAAE;gBACtCC,OAAM;gBACNC,MAAM,IAAI,CAACC,MAAM;gBACjBC,WAAU;gBACVC,uBACI,MAACxB;oBACGyB,YAAW;oBACXP,WAAU;oBACVQ,SAAS,IAAI,CAACC,MAAM;;sCAEpB,KAAC1B;4BAAS2B,MAAK;4BAAQV,WAAU;sCAC5BN;;sCAEL,KAACV;4BACG2B,MAAK;4BACLD,MAAM;4BACNV,WAAU;;;;0BAKrBL;;;IAIjB;IAnEA,YAAYC,KAAwB,CAAE;QAClC,KAAK,CAACA,QALV,uBAAYQ,UAAS,QAErBL,uBAAAA,0BAAWvB,cAOX,uBACAiC,UAAS;YACL,IAAI,CAACL,MAAM,GAAG,CAAC,IAAI,CAACA,MAAM;QAC9B,IAEA,uBACAQ,SAAQ;YACJ,IAAI,CAACR,MAAM,GAAG;QAClB,IAEA,uBACAd,eAAc,CAACuB;YACX,IAAI,CAAC,IAAI,CAACd,QAAQ,CAACe,OAAO,EAAE;gBACxB;YACJ;YAEA,MAAMC,kBAAkB,IAAI,CAAChB,QAAQ,CAACe,OAAO,CAACE,QAAQ,CAACH,MAAMI,MAAM;YAEnE,IAAI,CAACF,iBAAiB;gBAClB,IAAI,CAACH,KAAK;YACd;QACJ;QAxBIhC,eAAe,IAAI;IACvB;AAiEJ"}

package/dist/components/ui/title-popover/title-popover.module.less.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: true;
+export const popover: string;
+

package/dist/index.js

@@ -14,5 +14,7 @@ export * from './utils/use-client-rect';
 export * from './utils/helpers';
 export * from './utils/format-big-numbers';
 export * from './utils/use-target-range-store';
-export * as marketingRedirector from './utils/marketing-parner-handlers';
+import * as _marketingRedirector from './utils/marketing-parner-handlers';
+export { _marketingRedirector as marketingRedirector };
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,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;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,OAAO,KAAK,mBAAmB,MAAM,mCAAmC,CAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './components/stat/stat-card';\nexport * from './components/stat/stat-extended-card';\nexport * from './components/ads/ads-stat';\nexport * from './components/ui/action-button';\nexport * from './components/ui/centered-spinner/centered-spinner';\nexport * from './components/ui/label-with-hint/label-with-hint';\nexport * from './components/ui/line-text';\nexport * from './components/ui/title-popover';\nexport * from './components/image-cropper/image-cropper';\n\nexport * from './utils/ads-texts';\nexport * from './utils/formatters';\nexport * from './utils/string-case';\nexport * from './utils/use-client-rect';\nexport * from './utils/helpers';\nexport * from './utils/format-big-numbers';\nexport * from './utils/use-target-range-store';\nexport * as marketingRedirector from './utils/marketing-parner-handlers';\n"],"names":["marketingRedirector"],"mappings":"AAAA,cAAc,8BAA8B;AAC5C,cAAc,uCAAuC;AACrD,cAAc,4BAA4B;AAC1C,cAAc,gCAAgC;AAC9C,cAAc,oDAAoD;AAClE,cAAc,kDAAkD;AAChE,cAAc,4BAA4B;AAC1C,cAAc,gCAAgC;AAC9C,cAAc,2CAA2C;AAEzD,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,cAAc,0BAA0B;AACxC,cAAc,kBAAkB;AAChC,cAAc,6BAA6B;AAC3C,cAAc,iCAAiC;AAC/C,sCAAqC,oCAAoC;AAAzE,SAAO,wBAAKA,mBAAmB,GAA0C"}

package/dist/utils/ads-texts.js

@@ -35,6 +35,7 @@ export const adsStatDescriptions = {
     newCustomerLeadRate: 'The percentage of Leads that came from someone not already part of your database. If this number is low, then you are mostly reaching your existing customers with marketing',
     existingCustomerLeads: 'Leads that came from someone already in your database, ie. you have ran a job for them previously',
     ranJobsFromMarketing: 'Ran Jobs with Campaigns/Categories that match the filter selected at the top of this page',
-    returnOnInvestment: 'Shown as a percentage, this is the ratio of what revenue you make from marketing versus what you spend on your marketing activity',
+    returnOnInvestment: 'Shown as a percentage, this is the ratio of what revenue you make from marketing versus what you spend on your marketing activity'
 };
+
 //# sourceMappingURL=ads-texts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ads-texts.js","sourceRoot":"","sources":["../../src/utils/ads-texts.tsx"],"names":[],"mappings":"AAuCA,MAAM,CAAC,MAAM,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,EACH,0IAA0I;IAC9I,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,2DAA2D;IAC5E,eAAe,EAAE,4DAA4D;IAC7E,gBAAgB,EACZ,8GAA8G;IAClH,mBAAmB,EACf,8KAA8K;IAClL,qBAAqB,EACjB,mGAAmG;IACvG,oBAAoB,EAChB,2FAA2F;IAC/F,kBAAkB,EACd,mIAAmI;CAC1I,CAAC"}
+{"version":3,"sources":["../../src/utils/ads-texts.tsx"],"sourcesContent":["export type AdsStatType =\n    | 'impressions'\n    | 'views'\n    | 'clicks'\n    | 'clickRate'\n    | 'conversionRate'\n    | 'closeRate'\n    | 'sessions'\n    | 'conversions'\n    | 'allConversions'\n    | 'transactions'\n    | 'bookedJobs'\n    | 'ranJobs'\n    | 'ranRate'\n    | 'leads'\n    | 'leadRate'\n    | 'completedJobs'\n    | 'soldJobs'\n    | 'revenue'\n    | 'marketingRevenue'\n    | 'expenseToIncomeRatio'\n    | 'costPerBookedJob'\n    | 'costPerLead'\n    | 'costPerRanJob'\n    | 'costPerSoldJob'\n    | 'costPerConversion'\n    | 'cost'\n    | 'averageCostPerClick'\n    | 'averageJobValue'\n    | 'roi'\n    | 'bookingRate'\n    | 'callBookingRate'\n    | 'opportunityRate'\n    | 'newCustomerLeads'\n    | 'newCustomerLeadRate'\n    | 'ranJobsFromMarketing'\n    | 'existingCustomerLeads'\n    | 'returnOnInvestment';\n\nexport const adsStatDescriptions: Record<AdsStatType, string> = {\n    impressions: 'The number of times an ad was seen',\n    views: 'The number of impressions where the ad was on screen for more than 1 second with more than 50% of the ad actually visible',\n    clicks: 'The number of times an ad was clicked, taking a searcher to a landing page',\n    sessions:\n        \"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\",\n    conversions:\n        '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',\n    allConversions:\n        'Every conversion reported by Google Ads, including those that are marked to NOT be included in the Conversions column',\n    transactions: 'The number of completed jobs where revenue was generated',\n    leads: 'Phone Calls that are longer than 60 seconds and not dismissed, plus online bookings and manual jobs',\n    ranJobs:\n        'A booking where a truck was dispatched. On the marketing dashboard, we show Ran Jobs that have marketing attribution',\n    ranRate:\n        'The percentage of Booked Jobs that turned into Ran Jobs. This is a measure of how many booked jobs are not cancelled or left unfulfilled',\n    bookedJobs: 'Leads that were booked/scheduled for a job',\n    completedJobs: 'Scheduled jobs that were actually completed',\n    soldJobs:\n        'Jobs that have estimates that were closed. This is useful in determining how many of your ran jobs are turning into actual sales',\n    revenue: 'The total of all invoice items from all jobs that have been completed',\n    marketingRevenue:\n        'The total of all invoice items from marketing attributed jobs that have been completed',\n    expenseToIncomeRatio:\n        'Shown as a percentage, this is the ratio of what you spend on marketing versus what you make from your marketing activity',\n    costPerLead: 'How much it costs you to generate a lead',\n    costPerBookedJob: 'How much it costs you to generate a Booked Job',\n    costPerRanJob:\n        'How much it costs you to generate a Ran Job. Ran Jobs are bookings where a truck was dispatched',\n    costPerSoldJob: 'How much it costs you to generate a sold estimate',\n    costPerConversion: 'How much you are willing to pay to generate a conversion',\n    averageCostPerClick:\n        'The amount it costs each time an ad is clicked, on average. This varies depending on keyword, region, ad position, and your set willingness to pay (Max CPC)',\n    cost: 'The amount spent on marketing for the selected time range',\n\n    clickRate: 'The percentage rate at which a user views and clicks on your ads',\n    conversionRate:\n        'The percentage of people who visit your website and convert. This is an indicator that you are either targeting the wrong audience or that your website/landing page needs improvement',\n    closeRate:\n        'A measure of how many leads are actually turning into customers. This could be low due to poor targeting (getting the wrong type of leads) or office performance (failing to close deals)',\n    leadRate:\n        'The percentage of calls that can be qualified as a lead. This is a useful metric to determine the quality of lead that a campaign is generating',\n    averageJobValue: 'The average income generated across all your jobs',\n    roi: 'The number of dollars generated from each dollar of marketing spend. For example, and ROI of 5x means that every $1 spent on marketing leads to $5 of revenue',\n    bookingRate: 'The percentage of leads that resulted in Booked Job',\n    callBookingRate: 'The percentage of lead calls that resulted in Booked Jobs',\n    opportunityRate: 'The percentage of Ran Jobs that resulted in an Opportunity',\n    newCustomerLeads:\n        'Leads that came from someone not already part of your database, ie. you have never ran a job for them before',\n    newCustomerLeadRate:\n        'The percentage of Leads that came from someone not already part of your database. If this number is low, then you are mostly reaching your existing customers with marketing',\n    existingCustomerLeads:\n        'Leads that came from someone already in your database, ie. you have ran a job for them previously',\n    ranJobsFromMarketing:\n        'Ran Jobs with Campaigns/Categories that match the filter selected at the top of this page',\n    returnOnInvestment:\n        'Shown as a percentage, this is the ratio of what revenue you make from marketing versus what you spend on your marketing activity',\n};\n"],"names":["adsStatDescriptions","impressions","views","clicks","sessions","conversions","allConversions","transactions","leads","ranJobs","ranRate","bookedJobs","completedJobs","soldJobs","revenue","marketingRevenue","expenseToIncomeRatio","costPerLead","costPerBookedJob","costPerRanJob","costPerSoldJob","costPerConversion","averageCostPerClick","cost","clickRate","conversionRate","closeRate","leadRate","averageJobValue","roi","bookingRate","callBookingRate","opportunityRate","newCustomerLeads","newCustomerLeadRate","existingCustomerLeads","ranJobsFromMarketing","returnOnInvestment"],"mappings":"AAuCA,OAAO,MAAMA,sBAAmD;IAC5DC,aAAa;IACbC,OAAO;IACPC,QAAQ;IACRC,UACI;IACJC,aACI;IACJC,gBACI;IACJC,cAAc;IACdC,OAAO;IACPC,SACI;IACJC,SACI;IACJC,YAAY;IACZC,eAAe;IACfC,UACI;IACJC,SAAS;IACTC,kBACI;IACJC,sBACI;IACJC,aAAa;IACbC,kBAAkB;IAClBC,eACI;IACJC,gBAAgB;IAChBC,mBAAmB;IACnBC,qBACI;IACJC,MAAM;IAENC,WAAW;IACXC,gBACI;IACJC,WACI;IACJC,UACI;IACJC,iBAAiB;IACjBC,KAAK;IACLC,aAAa;IACbC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBACI;IACJC,qBACI;IACJC,uBACI;IACJC,sBACI;IACJC,oBACI;AACR,EAAE"}

package/dist/utils/date/date-range-picker-options.js

@@ -1,36 +1,34 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 import { TenantDate } from './date-tenant';
 import { dateRangesEqual, getComparisonDateRange } from './date';
 /**
  * base class for predefined date range options
  *
  * @note start date is inclusive and end date is exclusive for each option
- */
-export class DateRangePickerOptions {
-    constructor() {
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "defaultOption", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-    }
+ */ export class DateRangePickerOptions {
     get keys() {
-        return this.options.map(o => o.key);
+        return this.options.map((o)=>o.key);
     }
     findOption(arg) {
         if (!arg) {
             return undefined;
         }
         if (typeof arg === 'string') {
-            return this.options.find(o => o.key === arg);
+            return this.options.find((o)=>o.key === arg);
         }
-        for (const opt of this.options) {
+        for (const opt of this.options){
             if (dateRangesEqual(arg, opt.value)) {
                 return opt;
             }
@@ -40,8 +38,12 @@ export class DateRangePickerOptions {
     getComparisonDateRange(_range) {
         return undefined;
     }
+    constructor(){
+        _define_property(this, "options", []);
+        _define_property(this, "defaultOption", void 0);
+    }
 }
-const subtractDays = (dt, days) => new Date(dt.getTime() - days * 86400000);
+const subtractDays = (dt, days)=>new Date(dt.getTime() - days * 86400000);
 /**
  * options wrapper in tenant timezone that is used in ads. it contain following options:
  * Today
@@ -52,37 +54,27 @@ const subtractDays = (dt, days) => new Date(dt.getTime() - days * 86400000);
  * Last Month
  * Last 90 Days
  * Current Year
- */
-export class DateRangePickerOptionsTenantAds extends DateRangePickerOptions {
-    constructor(tz, defaultOption = 'last30') {
-        super();
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "getComparisonDateRange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (range) => {
-                const option = this.findOption(range);
-                switch (option === null || option === void 0 ? void 0 : option.key) {
-                    case 'currentMonth':
-                    case 'lastMonth':
-                        return {
-                            start: new Date(range.start.getFullYear(), range.start.getMonth() - 1, 1),
-                            end: range.start,
-                        };
-                    case 'currentYear':
-                        return {
-                            start: new Date(range.start.getFullYear() - 1, 0, 1),
-                            end: range.start,
-                        };
-                }
-                return getComparisonDateRange(range);
+ */ export class DateRangePickerOptionsTenantAds extends DateRangePickerOptions {
+    static create(tz, defaultOption) {
+        return new DateRangePickerOptionsTenantAds(tz, defaultOption);
+    }
+    constructor(tz, defaultOption = 'last30'){
+        super(), _define_property(this, "options", void 0), _define_property(this, "getComparisonDateRange", (range)=>{
+            const option = this.findOption(range);
+            switch(option === null || option === void 0 ? void 0 : option.key){
+                case 'currentMonth':
+                case 'lastMonth':
+                    return {
+                        start: new Date(range.start.getFullYear(), range.start.getMonth() - 1, 1),
+                        end: range.start
+                    };
+                case 'currentYear':
+                    return {
+                        start: new Date(range.start.getFullYear() - 1, 0, 1),
+                        end: range.start
+                    };
             }
+            return getComparisonDateRange(range);
         });
         const todayTenant = TenantDate.tenantDateFromLocal(tz.UtcOffset);
         const tomTenant = new Date(todayTenant.getFullYear(), todayTenant.getMonth(), todayTenant.getDate() + 1);
@@ -91,43 +83,73 @@ export class DateRangePickerOptionsTenantAds extends DateRangePickerOptions {
         const lastMonTenant = new Date(todayTenant.getFullYear(), todayTenant.getMonth() - 1, 1);
         const yearTenant = new Date(todayTenant.getFullYear(), 0, 1);
         this.options = [
-            { key: 'today', value: { start: todayTenant, end: tomTenant }, text: 'Today' },
-            { key: 'yesterday', value: { start: yestTenant, end: todayTenant }, text: 'Yesterday' },
+            {
+                key: 'today',
+                value: {
+                    start: todayTenant,
+                    end: tomTenant
+                },
+                text: 'Today'
+            },
+            {
+                key: 'yesterday',
+                value: {
+                    start: yestTenant,
+                    end: todayTenant
+                },
+                text: 'Yesterday'
+            },
             {
                 key: 'last7',
-                value: { start: subtractDays(todayTenant, 6), end: tomTenant },
-                text: 'Last 7 Days',
+                value: {
+                    start: subtractDays(todayTenant, 6),
+                    end: tomTenant
+                },
+                text: 'Last 7 Days'
             },
             {
                 key: 'last30',
-                value: { start: subtractDays(todayTenant, 29), end: tomTenant },
-                text: 'Last 30 Days',
+                value: {
+                    start: subtractDays(todayTenant, 29),
+                    end: tomTenant
+                },
+                text: 'Last 30 Days'
             },
             {
                 key: 'currentMonth',
-                value: { start: monTenant, end: tomTenant },
-                text: 'Current Month',
+                value: {
+                    start: monTenant,
+                    end: tomTenant
+                },
+                text: 'Current Month'
             },
             {
                 key: 'lastMonth',
-                value: { start: lastMonTenant, end: monTenant },
-                text: 'Last Month',
+                value: {
+                    start: lastMonTenant,
+                    end: monTenant
+                },
+                text: 'Last Month'
             },
             {
                 key: 'last90',
-                value: { start: subtractDays(todayTenant, 89), end: tomTenant },
-                text: 'Last 90 Days',
+                value: {
+                    start: subtractDays(todayTenant, 89),
+                    end: tomTenant
+                },
+                text: 'Last 90 Days'
             },
             {
                 key: 'currentYear',
-                value: { start: yearTenant, end: tomTenant },
-                text: 'Current Year',
-            },
+                value: {
+                    start: yearTenant,
+                    end: tomTenant
+                },
+                text: 'Current Year'
+            }
         ];
         this.defaultOption = defaultOption;
     }
-    static create(tz, defaultOption) {
-        return new DateRangePickerOptionsTenantAds(tz, defaultOption);
-    }
 }
+
 //# sourceMappingURL=date-range-picker-options.js.map

package/dist/utils/date/date-range-picker-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker-options.js","sourceRoot":"","sources":["../../../src/utils/date/date-range-picker-options.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/utils/date/date-range-picker-options.ts"],"sourcesContent":["import { TenantDate } from './date-tenant';\nimport { DateRange, dateRangesEqual, getComparisonDateRange } from './date';\n\nexport interface DateRangePickerOption<OptionKeys extends string> {\n    key: OptionKeys;\n    value: DateRange;\n    text: string;\n}\n\n/**\n * base class for predefined date range options\n *\n * @note start date is inclusive and end date is exclusive for each option\n */\nexport abstract class DateRangePickerOptions<OptionKeys extends string> {\n    options: DateRangePickerOption<OptionKeys>[] = [];\n    defaultOption?: OptionKeys;\n\n    get keys(): OptionKeys[] {\n        return this.options.map(o => o.key);\n    }\n\n    findOption(key: undefined): undefined;\n    findOption(key: OptionKeys): DateRangePickerOption<OptionKeys>;\n    findOption(range: DateRange): DateRangePickerOption<OptionKeys> | undefined;\n    findOption(arg?: DateRange | OptionKeys): DateRangePickerOption<OptionKeys> | undefined {\n        if (!arg) {\n            return undefined;\n        }\n\n        if (typeof arg === 'string') {\n            return this.options.find(o => o.key === arg);\n        }\n\n        for (const opt of this.options) {\n            if (dateRangesEqual(arg, opt.value)) {\n                return opt;\n            }\n        }\n\n        return undefined;\n    }\n\n    getComparisonDateRange(_range: DateRange): DateRange | undefined {\n        return undefined;\n    }\n}\n\nexport interface TenantTimezone {\n    UtcOffset: number;\n}\n\nconst subtractDays = (dt: Date, days: number) => new Date(dt.getTime() - days * 86400000);\n\nexport type DateRangePickerOptionsTenantAdsTypes =\n    | 'today'\n    | 'yesterday'\n    | 'last7'\n    | 'last30'\n    | 'last90'\n    | 'currentMonth'\n    | 'lastMonth'\n    | 'currentYear';\n\n/**\n * options wrapper in tenant timezone that is used in ads. it contain following options:\n * Today\n * Yesterday\n * Last 7 Days\n * Last 30 Days\n * Current Month\n * Last Month\n * Last 90 Days\n * Current Year\n */\nexport class DateRangePickerOptionsTenantAds extends DateRangePickerOptions<DateRangePickerOptionsTenantAdsTypes> {\n    readonly options: DateRangePickerOption<DateRangePickerOptionsTenantAdsTypes>[];\n\n    private constructor(\n        tz: TenantTimezone,\n        defaultOption: DateRangePickerOptionsTenantAdsTypes = 'last30'\n    ) {\n        super();\n\n        const todayTenant = TenantDate.tenantDateFromLocal(tz.UtcOffset);\n\n        const tomTenant = new Date(\n            todayTenant.getFullYear(),\n            todayTenant.getMonth(),\n            todayTenant.getDate() + 1\n        );\n\n        const yestTenant = new Date(\n            todayTenant.getFullYear(),\n            todayTenant.getMonth(),\n            todayTenant.getDate() - 1\n        );\n\n        const monTenant = new Date(todayTenant.getFullYear(), todayTenant.getMonth(), 1);\n        const lastMonTenant = new Date(todayTenant.getFullYear(), todayTenant.getMonth() - 1, 1);\n        const yearTenant = new Date(todayTenant.getFullYear(), 0, 1);\n\n        this.options = [\n            { key: 'today', value: { start: todayTenant, end: tomTenant }, text: 'Today' },\n            { key: 'yesterday', value: { start: yestTenant, end: todayTenant }, text: 'Yesterday' },\n            {\n                key: 'last7',\n                value: { start: subtractDays(todayTenant, 6), end: tomTenant },\n                text: 'Last 7 Days',\n            },\n            {\n                key: 'last30',\n                value: { start: subtractDays(todayTenant, 29), end: tomTenant },\n                text: 'Last 30 Days',\n            },\n            {\n                key: 'currentMonth',\n                value: { start: monTenant, end: tomTenant },\n                text: 'Current Month',\n            },\n            {\n                key: 'lastMonth',\n                value: { start: lastMonTenant, end: monTenant },\n                text: 'Last Month',\n            },\n            {\n                key: 'last90',\n                value: { start: subtractDays(todayTenant, 89), end: tomTenant },\n                text: 'Last 90 Days',\n            },\n            {\n                key: 'currentYear',\n                value: { start: yearTenant, end: tomTenant },\n                text: 'Current Year',\n            },\n        ];\n\n        this.defaultOption = defaultOption;\n    }\n\n    static create(\n        tz: TenantTimezone,\n        defaultOption?: DateRangePickerOptionsTenantAdsTypes\n    ): DateRangePickerOptionsTenantAds {\n        return new DateRangePickerOptionsTenantAds(tz, defaultOption);\n    }\n\n    getComparisonDateRange = (range: DateRange) => {\n        const option = this.findOption(range);\n\n        switch (option?.key) {\n            case 'currentMonth':\n            case 'lastMonth':\n                return {\n                    start: new Date(range.start.getFullYear(), range.start.getMonth() - 1, 1),\n                    end: range.start,\n                };\n            case 'currentYear':\n                return {\n                    start: new Date(range.start.getFullYear() - 1, 0, 1),\n                    end: range.start,\n                };\n        }\n\n        return getComparisonDateRange(range);\n    };\n}\n"],"names":["TenantDate","dateRangesEqual","getComparisonDateRange","DateRangePickerOptions","keys","options","map","o","key","findOption","arg","undefined","find","opt","value","_range","defaultOption","subtractDays","dt","days","Date","getTime","DateRangePickerOptionsTenantAds","create","tz","range","option","start","getFullYear","getMonth","end","todayTenant","tenantDateFromLocal","UtcOffset","tomTenant","getDate","yestTenant","monTenant","lastMonTenant","yearTenant","text"],"mappings":"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"}

package/dist/utils/date/date-range-picker-state.js

@@ -1,12 +1,26 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
+}
+function _ts_metadata(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
+}
+import { DateRange } from './date';
 import { action, computed, makeObservable, observable } from 'mobx';
 export class DateRangePickerState {
     get selectedOption() {
@@ -15,55 +29,40 @@ export class DateRangePickerState {
         }
         return this.options.findOption(this.value);
     }
-    constructor(config, options) {
-        var _a, _b;
-        Object.defineProperty(this, "value", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (val) => {
-                this.value = val;
-            }
+    static create(config) {
+        return new DateRangePickerState(config);
+    }
+    static createWithOptions(options, config) {
+        return new DateRangePickerState(config, options);
+    }
+    constructor(config, options){
+        var _this_options;
+        _define_property(this, "value", void 0);
+        _define_property(this, "options", void 0);
+        _define_property(this, "onChange", (val)=>{
+            this.value = val;
         });
         makeObservable(this);
         this.options = options;
         if (config === null || config === void 0 ? void 0 : config.defaultValue) {
             this.value = config.defaultValue;
+        } else if ((_this_options = this.options) === null || _this_options === void 0 ? void 0 : _this_options.defaultOption) {
+            var _this_options_findOption;
+            this.value = (_this_options_findOption = this.options.findOption(this.options.defaultOption)) === null || _this_options_findOption === void 0 ? void 0 : _this_options_findOption.value;
         }
-        else if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultOption) {
-            this.value = (_b = this.options.findOption(this.options.defaultOption)) === null || _b === void 0 ? void 0 : _b.value;
-        }
-    }
-    static create(config) {
-        return new DateRangePickerState(config);
-    }
-    static createWithOptions(options, config) {
-        return new DateRangePickerState(config, options);
     }
 }
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Object)
+    _ts_metadata("design:type", typeof DateRange === "undefined" ? Object : DateRange)
 ], DateRangePickerState.prototype, "value", void 0);
-__decorate([
+_ts_decorate([
     computed,
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
+    _ts_metadata("design:type", Object),
+    _ts_metadata("design:paramtypes", [])
 ], DateRangePickerState.prototype, "selectedOption", null);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], DateRangePickerState.prototype, "onChange", void 0);
+
 //# sourceMappingURL=date-range-picker-state.js.map