@servicetitan/mpa-components 0.1.0 → 0.2.0

package/lib/components/settings/email-validation/email-validation.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type TType = 'high' | 'medium' | 'low';
+export declare const EmailValidation: ({ className, handleDownload, loading, resultGrid, setValidationRiskType, validationRiskType, }: import(".").EmailValidationProps<TType, string>) => JSX.Element;
+declare const _default: {
+    title: string;
+    component: ({ className, handleDownload, loading, resultGrid, setValidationRiskType, validationRiskType, }: import(".").EmailValidationProps<TType, string>) => JSX.Element;
+    parameters: {};
+};
+export default _default;
+export declare function EmailValidationSimple(): JSX.Element;
+//# sourceMappingURL=email-validation.stories.d.ts.map

package/lib/components/settings/email-validation/email-validation.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-validation.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/email-validation/email-validation.stories.tsx"],"names":[],"mappings":";AAMA,aAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAGvC,eAAO,MAAM,eAAe,kKAuB1B,CAAC;;;;;;AAEH,wBAIE;AAEF,wBAAgB,qBAAqB,gBAgDpC"}

package/lib/components/settings/email-validation/email-validation.stories.js

@@ -0,0 +1,84 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { TableState } from '@servicetitan/table';
+import { InMemoryDataSource } from '@servicetitan/data-query';
+import { emailValidationHoc } from '.';
+export const EmailValidation = emailValidationHoc({
+    resultToText: new Map([
+        ['ok', 'Valid'],
+        ['fail', 'Invalid'],
+    ]),
+    levelTypeMap: {
+        high: 'high',
+        medium: 'medium',
+        low: 'low',
+    },
+    levelsResultMap: new Map([
+        ['high', ['ok', 'fail']],
+        ['medium', ['ok', 'fail']],
+        ['high', ['ok']],
+    ]),
+    resultToTooltipText: new Map([
+        ['ok', 'Valid'],
+        ['fail', 'Invalid'],
+    ]),
+    TenantDateCell: (props) => {
+        const value = props.dataItem[props.field];
+        return _jsx("td", Object.assign({ className: props.className }, { children: value.toString() }), void 0);
+    },
+});
+export default {
+    title: 'MPA Components/settings/EmailValidation',
+    component: EmailValidation,
+    parameters: {},
+};
+export function EmailValidationSimple() {
+    const [type, setType] = useState('high');
+    const [loading, setLoading] = useState(true);
+    const grid = new TableState({
+        dataSource: null,
+        pageSize: 15,
+    });
+    useEffect(() => {
+        function load() {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (!loading) {
+                    return;
+                }
+                setLoading(true);
+                const dataSource = new InMemoryDataSource([
+                    {
+                        id: 1,
+                        active: false,
+                        createdOn: new Date(),
+                        result: 'ok',
+                        email: 'varg@vikernes.com',
+                        dateAdded: new Date(),
+                    },
+                    {
+                        id: 2,
+                        active: true,
+                        createdOn: new Date(),
+                        result: 'fail',
+                        email: 'joe@biden.com',
+                        dateAdded: new Date(),
+                    },
+                ]);
+                yield grid.setDataSource(dataSource, true);
+                setLoading(false);
+            });
+        }
+        load();
+    });
+    return (_jsx(EmailValidation, { loading: loading, resultGrid: grid, validationRiskType: type, setValidationRiskType: setType, handleDownload: () => alert('downloading csv') }, void 0));
+}
+//# sourceMappingURL=email-validation.stories.js.map

package/lib/components/settings/email-validation/email-validation.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-validation.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/email-validation/email-validation.stories.tsx"],"names":[],"mappings":"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"}

package/lib/components/settings/email-validation/index.d.ts

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import { TableState, TableCellProps } from '@servicetitan/table';
+export interface EmailValidationTableRecord<T> {
+    id: number;
+    active: boolean;
+    createdOn: Date;
+    email?: string | undefined;
+    result: T;
+    dateAdded?: Date | undefined;
+}
+export interface EmailValidationProps<TEmailValidationType extends string = string, TEmailValidationResult extends string = string> {
+    className?: string;
+    loading: boolean;
+    resultGrid: TableState<EmailValidationTableRecord<TEmailValidationResult>>;
+    validationRiskType: TEmailValidationType;
+    handleDownload(): void;
+    setValidationRiskType(type: TEmailValidationType): void;
+}
+interface EmailValidationHocOptions<TEmailValidationType extends string = string, TEmailValidationResult extends string = string> {
+    resultToText: Map<TEmailValidationResult, string>;
+    levelTypeMap: {
+        high: TEmailValidationType;
+        medium: TEmailValidationType;
+        low: TEmailValidationType;
+    };
+    levelsResultMap: Map<TEmailValidationType, TEmailValidationResult[]>;
+    resultToTooltipText: Map<TEmailValidationResult, string>;
+    TenantDateCell: FC<TableCellProps>;
+}
+export declare function emailValidationHoc<TEmailValidationType extends string = string, TEmailValidationResult extends string = string>({ resultToText, levelTypeMap, resultToTooltipText, levelsResultMap, TenantDateCell, }: EmailValidationHocOptions<TEmailValidationType, TEmailValidationResult>): ({ className, handleDownload, loading, resultGrid, setValidationRiskType, validationRiskType, }: EmailValidationProps<TEmailValidationType>) => JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/settings/email-validation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/email-validation/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAgBxC,OAAO,EAMH,UAAU,EACV,cAAc,EACjB,MAAM,qBAAqB,CAAC;AAS7B,MAAM,WAAW,0BAA0B,CAAC,CAAC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,EAAE,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB,CACjC,oBAAoB,SAAS,MAAM,GAAG,MAAM,EAC5C,sBAAsB,SAAS,MAAM,GAAG,MAAM;IAE9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC,0BAA0B,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAC3E,kBAAkB,EAAE,oBAAoB,CAAC;IACzC,cAAc,IAAI,IAAI,CAAC;IACvB,qBAAqB,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAC3D;AAED,UAAU,yBAAyB,CAC/B,oBAAoB,SAAS,MAAM,GAAG,MAAM,EAC5C,sBAAsB,SAAS,MAAM,GAAG,MAAM;IAE9C,YAAY,EAAE,GAAG,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;IAClD,YAAY,EAAE;QACV,IAAI,EAAE,oBAAoB,CAAC;QAC3B,MAAM,EAAE,oBAAoB,CAAC;QAC7B,GAAG,EAAE,oBAAoB,CAAC;KAC7B,CAAC;IACF,eAAe,EAAE,GAAG,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,CAAC,CAAC;IACrE,mBAAmB,EAAE,GAAG,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;IACzD,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAC9B,oBAAoB,SAAS,MAAM,GAAG,MAAM,EAC5C,sBAAsB,SAAS,MAAM,GAAG,MAAM,EAChD,EACE,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,cAAc,GACjB,EAAE,yBAAyB,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,oGAyBnE,qBAAqB,oBAAoB,CAAC,iBAiKhD"}

package/lib/components/settings/email-validation/index.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { action } from 'mobx';
+import { useCallback } from 'react';
+import { observer, useLocalStore } from 'mobx-react';
+import { BodyText, Button, Card, Container, Form, Grid, Layout, Link, Stack, Text, Tooltip, } from '@servicetitan/design-system';
+import { DateRangeColumnMenuFilter, multiSelectColumnMenuFilter, StandardColumnMenuFilter, Table, TableColumn, } from '@servicetitan/table';
+import { ResultDefinitionsModal } from '../result-definitions-modal';
+export function emailValidationHoc({ resultToText, levelTypeMap, resultToTooltipText, levelsResultMap, TenantDateCell, }) {
+    const ResultColumnMenuFilter = multiSelectColumnMenuFilter([...resultToText.keys()], result => resultToText.get(result));
+    const ResultCell = props => {
+        const { result } = props.dataItem;
+        return (_jsx("td", Object.assign({ className: "qa-result-cell of-visible-i" }, { children: _jsx(Tooltip, Object.assign({ text: resultToTooltipText.get(result), className: "qa-result-cell-tooltip" }, { children: resultToText.get(result) }), void 0) }), void 0));
+    };
+    function EmailValidationImpl({ className, handleDownload, loading, resultGrid, setValidationRiskType, validationRiskType, }) {
+        const localStore = useLocalStore(() => ({
+            open: false,
+            setOpen: action(function (state) {
+                this.open = state;
+            }),
+        }));
+        const handleCheck = useCallback((riskType) => () => {
+            setValidationRiskType(riskType);
+        }, [setValidationRiskType]);
+        const handleClickLearnMore = () => {
+            localStore.setOpen(true);
+        };
+        const handleClose = () => {
+            localStore.setOpen(false);
+        };
+        const getResultsItemsForLevel = (level) => {
+            var _a;
+            return (_a = levelsResultMap.get(level)) === null || _a === void 0 ? void 0 : _a.map(r => _jsx("div", { children: r }, r));
+        };
+        return (_jsxs(Container, Object.assign({ className: classnames(className, 'p-b-5 qa-email-validation') }, { children: [_jsxs(Stack, Object.assign({ justifyContent: "space-between", alignItems: "center", className: "m-b-2" }, { children: [_jsx(Text, Object.assign({ size: 4, className: "m-r-3" }, { children: "Email Validation" }), void 0), _jsx(Button, Object.assign({ small: true, primary: true, onClick: handleDownload, className: "qa-email-validation-download-csv", iconName: "file_download", iconPosition: "left" }, { children: "Download CSV" }), void 0)] }), void 0), _jsxs(Layout, Object.assign({ type: "support", direction: "right" }, { children: [_jsx(Layout.Section, { children: _jsx(Text, Object.assign({ size: 2, className: "m-b-4 c-neutral-90" }, { children: "Email Validation acts like a filter that will block emails from going to bad email addresses. You won't necessarily see these emails in your suppression list, but it will effect your number \u201CSent\u201D." }), void 0) }, void 0), _jsx(Layout.Section, {}, void 0)] }), void 0), _jsxs(Grid, Object.assign({ relaxed: true }, { children: [_jsx(Grid.Column, Object.assign({ width: 3 }, { children: _jsxs(Card, { children: [_jsxs(Card.Section, Object.assign({ light: true }, { children: [_jsx(Text, Object.assign({ bold: true, size: 3, className: "m-b-1" }, { children: "Set Your Preference" }), void 0), _jsx(Text, Object.assign({ size: 2, className: "m-b-1" }, { children: "Choose what level you want to enable for auto-suppression." }), void 0), _jsx(Link, Object.assign({ primary: true, onClick: handleClickLearnMore, className: "qa-email-validation-learn-more" }, { children: "Learn More" }), void 0)] }), void 0), _jsx(Card.Section, { children: _jsx(Form.Radio, { label: _jsxs("div", Object.assign({ className: "m-l-1" }, { children: [_jsxs(Text, Object.assign({ bold: true, size: 3, className: "m-b-1" }, { children: ["High", _jsx("span", Object.assign({ className: "c-neutral-90 fs-1 m-l-1" }, { children: "(recommended)" }), void 0)] }), void 0), _jsx(BodyText, Object.assign({ size: "small", className: "c-neutral-90" }, { children: getResultsItemsForLevel(levelTypeMap.high) }), void 0)] }), void 0), checked: validationRiskType === levelTypeMap.high, onChange: handleCheck(levelTypeMap.high), className: "qa-email-validation-high" }, void 0) }, void 0), _jsx(Card.Section, { children: _jsx(Form.Radio, { label: _jsxs("div", Object.assign({ className: "m-l-1" }, { children: [_jsx(Text, Object.assign({ bold: true, size: 3, className: "m-b-1" }, { children: "Medium" }), void 0), _jsx(BodyText, Object.assign({ size: "small", className: "c-neutral-90" }, { children: getResultsItemsForLevel(levelTypeMap.medium) }), void 0)] }), void 0), checked: validationRiskType === levelTypeMap.medium, onChange: handleCheck(levelTypeMap.medium), className: "qa-email-validation-medium" }, void 0) }, void 0), _jsx(Card.Section, { children: _jsx(Form.Radio, { label: _jsxs("div", Object.assign({ className: "m-l-1" }, { children: [_jsx(Text, Object.assign({ bold: true, size: 3, className: "m-b-1" }, { children: "Low" }), void 0), _jsx(BodyText, Object.assign({ size: "small", className: "c-neutral-90" }, { children: getResultsItemsForLevel(levelTypeMap.low) }), void 0)] }), void 0), checked: validationRiskType === levelTypeMap.low, onChange: handleCheck(levelTypeMap.low), className: "qa-email-validation-low" }, void 0) }, void 0)] }, void 0) }), void 0), _jsx(Grid.Column, Object.assign({ width: 9 }, { children: _jsxs(Table, Object.assign({ tableState: resultGrid, sortable: true, loading: loading, className: "qa-email-validation-table", scrollable: "none" }, { children: [_jsx(TableColumn, { field: "email", title: "Email Address", columnMenu: StandardColumnMenuFilter }, void 0), _jsx(TableColumn, { field: "result", title: "Result", cell: ResultCell, columnMenu: ResultColumnMenuFilter }, void 0), _jsx(TableColumn, { field: "dateAdded", title: "Date Added", cell: TenantDateCell, columnMenu: DateRangeColumnMenuFilter }, void 0)] }), void 0) }), void 0)] }), void 0), localStore.open && _jsx(ResultDefinitionsModal, { onClose: handleClose }, void 0)] }), void 0));
+    }
+    return observer(EmailValidationImpl);
+}
+//# sourceMappingURL=index.js.map

package/lib/components/settings/email-validation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/email-validation/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/settings/result-definitions-modal/header.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const Header: FC;
+//# sourceMappingURL=header.d.ts.map

package/lib/components/settings/result-definitions-modal/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/result-definitions-modal/header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,eAAO,MAAM,MAAM,EAAE,EAqBpB,CAAC"}

package/lib/components/settings/result-definitions-modal/header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid, Text } from '@servicetitan/design-system';
+import * as Styles from './result-definitions-modal.module.less';
+export const Header = () => (_jsxs("div", Object.assign({ className: "position-sticky position-t-0 z-popover" }, { children: [_jsxs(Grid, Object.assign({ columns: 3, className: "p-y-1 bg-white" }, { children: [_jsx(Grid.Column, { children: _jsx(Text, Object.assign({ size: 1, className: "c-neutral-90 tt-uppercase" }, { children: "Result" }), void 0) }, void 0), _jsx(Grid.Column, { children: _jsx(Text, Object.assign({ size: 1, className: "c-neutral-90 tt-uppercase" }, { children: "Risk" }), void 0) }, void 0), _jsx(Grid.Column, { children: _jsx(Text, Object.assign({ size: 1, className: "c-neutral-90 tt-uppercase" }, { children: "Recommendation" }), void 0) }, void 0)] }), void 0), _jsx("hr", { className: Styles.divider }, void 0)] }), void 0));
+//# sourceMappingURL=header.js.map

package/lib/components/settings/result-definitions-modal/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/settings/result-definitions-modal/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,KAAK,MAAM,MAAM,wCAAwC,CAAC;AAEjE,MAAM,CAAC,MAAM,MAAM,GAAO,GAAG,EAAE,CAAC,CAC5B,6BAAK,SAAS,EAAC,wCAAwC,iBACnD,MAAC,IAAI,kBAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,gBAAgB,iBACxC,KAAC,IAAI,CAAC,MAAM,cACR,KAAC,IAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,2BAA2B,oCAE7C,WACG,EACd,KAAC,IAAI,CAAC,MAAM,cACR,KAAC,IAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,2BAA2B,kCAE7C,WACG,EACd,KAAC,IAAI,CAAC,MAAM,cACR,KAAC,IAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,2BAA2B,4CAE7C,WACG,aACX,EACP,aAAI,SAAS,EAAE,MAAM,CAAC,OAAO,WAAI,aAC/B,CACT,CAAC"}

package/lib/components/settings/result-definitions-modal/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface ResultDefinitionsModalProps {
+    onClose(): void;
+}
+export declare const ResultDefinitionsModal: FC<ResultDefinitionsModalProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/settings/result-definitions-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/result-definitions-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAS3B,UAAU,2BAA2B;IACjC,OAAO,IAAI,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAiHlE,CAAC"}

package/lib/components/settings/result-definitions-modal/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { Modal, Text } from '@servicetitan/design-system';
+import { Header } from './header';
+import { Row, RiskType } from './row';
+import * as Styles from './result-definitions-modal.module.less';
+export const ResultDefinitionsModal = ({ onClose }) => (_jsxs(Modal, Object.assign({ open: true, closable: true, title: "Email Validation Result Definitions", onClose: onClose, className: classnames(Styles.modal, 'qa-result-definitions-modal') }, { children: [_jsx(Header, {}, void 0), _jsx("div", { className: Styles.wall }, void 0), _jsx(Row, { result: "Undeliverable", risk: RiskType.VeryHigh, recommendation: "Suppress" }, void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsxs(Text, Object.assign({ size: 2, className: "m-y-2" }, { children: ["Address was determined invalid after performing multiple checks including MX, SMTP, etc., likely due to:", _jsxs("ul", Object.assign({ className: "m-y-0" }, { children: [_jsx("li", { children: "The receiving recipient domain is not configured to accept email" }, void 0), _jsx("li", { children: "The SMTP commands issued resulted in a hard bounce, i.e., \"user does not exist\" or \"mailbox full\" errors" }, void 0), _jsx("li", { children: "The recipient address historically hard-bounced or appeared on suppression lists" }, void 0), _jsx("li", { children: "Mailbox providers require specific standard for an email address including min/max number of characters, max number of periods, etc." }, void 0)] }), void 0)] }), void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsx(Row, { result: "Risky", risk: RiskType.Medium, recommendation: "Proceed With Caution" }, void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsxs(Text, Object.assign({ size: 2, className: "m-y-2" }, { children: ["Address was determined risky based on historical analysis or problematic results, likely due to:", _jsx("ul", Object.assign({ className: "m-y-0" }, { children: _jsx("li", { children: "The receiving address may be valid, but was found on one or more suppression lists Addresses matching a known spam trap are not ideal for sending campaigns to and can impact reputation" }, void 0) }), void 0)] }), void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsx(Row, { result: "Typo", risk: RiskType.High, recommendation: "Suppress" }, void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsxs(Text, Object.assign({ size: 2, className: "m-y-2" }, { children: ["Address was possibly typed incorrectly during sign-up, or matches known typo domains, likely due to:", _jsx("ul", Object.assign({ className: "m-y-0" }, { children: _jsx("li", { children: "Typos are mistyped address domains like \"gmil.com\" instead of \"gmail.com,\" and are often undeliverable. Address is checked against database of common domain misspellings. These kinds of addresses are usually not good for sending." }, void 0) }), void 0)] }), void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsx(Row, { result: "Accept-All", risk: RiskType.Medium, recommendation: "Proceed With Caution" }, void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsxs(Text, Object.assign({ size: 2, className: "m-y-2" }, { children: ["The receiving domain of the address accepts all mail, indicating it may be a spam trap, likely due to:", _jsx("ul", Object.assign({ className: "m-y-0" }, { children: _jsx("li", { children: "Some domains do not distinguish between existing and non-existing addresses and accept all mail" }, void 0) }), void 0)] }), void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsx(Row, { result: "Dispose", risk: RiskType.Medium, recommendation: "Proceed With Caution" }, void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsxs(Text, Object.assign({ size: 2, className: "m-y-2" }, { children: ["The receiving domain of the address accepts all mail, indicating it may be a spam trap, likely due to:", _jsx("ul", Object.assign({ className: "m-y-0" }, { children: _jsx("li", { children: "Some domains do not distinguish between existing and non-existing addresses and accept all mail" }, void 0) }), void 0)] }), void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsx(Row, { result: "Role", risk: RiskType.Medium, recommendation: "Proceed With Caution" }, void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsxs(Text, Object.assign({ size: 2, className: "m-y-2" }, { children: ["Address likely is not a particular person, but rather a group or department, likely due to:", _jsx("ul", Object.assign({ className: "m-y-0" }, { children: _jsx("li", { children: "Role addresses belong to the end user and are deliverable, but include multiple end recipients as part of a larger distribution list. These kinds of addreses are usually not good for sending campaigns" }, void 0) }), void 0)] }), void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsx(Row, { result: "Unknown", risk: RiskType.Medium, recommendation: "Proceed With Caution" }, void 0), _jsx("hr", { className: Styles.divider }, void 0), _jsxs(Text, Object.assign({ size: 2, className: "m-y-2" }, { children: ["A connection problem or unresponsive SMTP server prevented validation, likely due to:", _jsxs("ul", Object.assign({ className: "m-y-0" }, { children: [_jsx("li", { children: "Unable to connect and resolve to service during SMTP connection" }, void 0), _jsx("li", { children: "Unable to successfully get a response from SMTP server" }, void 0), _jsx("li", { children: "Address was outside known result definitions and criteria and was unable to be classified" }, void 0)] }), void 0)] }), void 0)] }), void 0));
+//# sourceMappingURL=index.js.map

package/lib/components/settings/result-definitions-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/result-definitions-modal/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/settings/result-definitions-modal/result-definitions-modal.module.less

@@ -0,0 +1,17 @@
+@import (reference) '@servicetitan/tokens/dist/tokens.less';
+
+.modal {
+    :global(.Modal__content) {
+        padding-top: @spacing-0;
+    }
+
+    .divider {
+        margin: @spacing-1 @spacing-0;
+        border: 0;
+        border-bottom: 1px solid @color-neutral-60;
+    }
+
+    .wall {
+        height: 1px;
+    }
+}

package/lib/components/settings/result-definitions-modal/row.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export declare enum RiskType {
+    Medium = 0,
+    High = 1,
+    VeryHigh = 2
+}
+interface RowProps {
+    result: string;
+    risk: RiskType;
+    recommendation: string;
+}
+export declare const Row: FC<RowProps>;
+export {};
+//# sourceMappingURL=row.d.ts.map

package/lib/components/settings/result-definitions-modal/row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/result-definitions-modal/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,oBAAY,QAAQ;IAChB,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,QAAQ,IAAA;CACX;AAcD,UAAU,QAAQ;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAkB5B,CAAC"}

package/lib/components/settings/result-definitions-modal/row.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid, Text, Tag } from '@servicetitan/design-system';
+import tokens from '@servicetitan/tokens';
+export var RiskType;
+(function (RiskType) {
+    RiskType[RiskType["Medium"] = 0] = "Medium";
+    RiskType[RiskType["High"] = 1] = "High";
+    RiskType[RiskType["VeryHigh"] = 2] = "VeryHigh";
+})(RiskType || (RiskType = {}));
+const riskTypeToColor = new Map([
+    [RiskType.Medium, 'warning'],
+    [RiskType.High, tokens.colorRed500],
+    [RiskType.VeryHigh, tokens.colorRed600],
+]);
+const riskTypeToText = new Map([
+    [RiskType.Medium, 'Medium'],
+    [RiskType.High, 'High'],
+    [RiskType.VeryHigh, 'Very High'],
+]);
+export const Row = ({ result, risk, recommendation }) => (_jsxs(Grid, Object.assign({ columns: 3, className: "m-y-1" }, { children: [_jsx(Grid.Column, { children: _jsx(Text, Object.assign({ size: 2, bold: true }, { children: result }), void 0) }, void 0), _jsx(Grid.Column, { children: _jsx(Tag, Object.assign({ color: riskTypeToColor.get(risk), compact: true }, { children: riskTypeToText.get(risk) }), void 0) }, void 0), _jsx(Grid.Column, { children: _jsx(Text, Object.assign({ size: 2, bold: true }, { children: recommendation }), void 0) }, void 0)] }), void 0));
+//# sourceMappingURL=row.js.map

package/lib/components/settings/result-definitions-modal/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../../src/components/settings/result-definitions-modal/row.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAN,IAAY,QAIX;AAJD,WAAY,QAAQ;IAChB,2CAAM,CAAA;IACN,uCAAI,CAAA;IACJ,+CAAQ,CAAA;AACZ,CAAC,EAJW,QAAQ,KAAR,QAAQ,QAInB;AAED,MAAM,eAAe,GAAG,IAAI,GAAG,CAAmB;IAC9C,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC5B,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC;IACnC,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,CAAC;CAC1C,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAI,GAAG,CAAmB;IAC7C,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC;IAC3B,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACvB,CAAC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;CACnC,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACnE,MAAC,IAAI,kBAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,OAAO,iBAC/B,KAAC,IAAI,CAAC,MAAM,cACR,KAAC,IAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,IAAI,sBACd,MAAM,YACJ,WACG,EACd,KAAC,IAAI,CAAC,MAAM,cACR,KAAC,GAAG,kBAAC,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,sBACzC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,YACvB,WACI,EACd,KAAC,IAAI,CAAC,MAAM,cACR,KAAC,IAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,IAAI,sBACd,cAAc,YACZ,WACG,aACX,CACV,CAAC"}

package/lib/components/settings/settings-section/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, FC } from 'react';
-interface SectionProps {
+export interface SectionProps {
     title: string;
     text?: JSX.Element | string;
     children: ReactNode;
@@ -7,5 +7,4 @@ interface SectionProps {
     className?: string;
 }
 export declare const SettingsSection: FC<SectionProps>;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/components/settings/settings-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtC,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,YAAY,CAoB5C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtC,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,YAAY,CAoB5C,CAAC"}

package/lib/components/settings/settings-section/settings-section.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import(".").SectionProps>;
+    parameters: {};
+};
+export default _default;
+export declare const SettingsSection: () => JSX.Element;
+//# sourceMappingURL=settings-section.stories.d.ts.map

package/lib/components/settings/settings-section/settings-section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/settings-section.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAEF,eAAO,MAAM,eAAe,mBAM3B,CAAC"}

package/lib/components/settings/settings-section/settings-section.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Headline } from '@servicetitan/design-system';
+import { SettingsSection as Component } from '.';
+export default {
+    title: 'MPA Components/settings/SettingsSection',
+    component: Component,
+    parameters: {},
+};
+export const SettingsSection = () => {
+    return (_jsx(Component, Object.assign({ title: "Hey! The test" }, { children: _jsx(Headline, { children: "The body" }, void 0) }), void 0));
+};
+//# sourceMappingURL=settings-section.stories.js.map

package/lib/components/settings/settings-section/settings-section.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-section.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/settings-section.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAEjD,eAAe;IACX,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,OAAO,CACH,KAAC,SAAS,kBAAC,KAAK,EAAC,eAAe,gBAC5B,KAAC,QAAQ,mCAAoB,YACrB,CACf,CAAC;AACN,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/mpa-components",
-    "version": "0.1.0",
+    "version": "0.2.0",
     "description": "",
     "main": "./lib/index.js",
     "typings": "./lib/index.d.ts",
@@ -32,5 +32,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "a8a8a8e9b672a2d45847991df0e23036e3810482"
+    "gitHead": "64c15750f23ff40c4a3b3c477873168699dc8161"
 }

package/src/components/settings/email-validation/email-validation.stories.tsx

@@ -0,0 +1,89 @@
+import { useEffect, useState } from 'react';
+import { TableCellProps, TableState } from '@servicetitan/table';
+import { InMemoryDataSource } from '@servicetitan/data-query';
+
+import { emailValidationHoc, EmailValidationTableRecord } from '.';
+
+type TType = 'high' | 'medium' | 'low';
+type TResult = 'ok' | 'fail';
+
+export const EmailValidation = emailValidationHoc<TType, TResult>({
+    resultToText: new Map([
+        ['ok', 'Valid'],
+        ['fail', 'Invalid'],
+    ]),
+    levelTypeMap: {
+        high: 'high',
+        medium: 'medium',
+        low: 'low',
+    },
+    levelsResultMap: new Map([
+        ['high', ['ok', 'fail']],
+        ['medium', ['ok', 'fail']],
+        ['high', ['ok']],
+    ]),
+    resultToTooltipText: new Map([
+        ['ok', 'Valid'],
+        ['fail', 'Invalid'],
+    ]),
+    TenantDateCell: (props: TableCellProps) => {
+        const value = props.dataItem[props.field!];
+        return <td className={props.className}>{value.toString()}</td>;
+    },
+});
+
+export default {
+    title: 'MPA Components/settings/EmailValidation',
+    component: EmailValidation,
+    parameters: {},
+};
+
+export function EmailValidationSimple() {
+    const [type, setType] = useState<TType>('high');
+    const [loading, setLoading] = useState(true);
+
+    const grid = new TableState<EmailValidationTableRecord<TResult>>({
+        dataSource: null,
+        pageSize: 15,
+    });
+
+    useEffect(() => {
+        async function load() {
+            if (!loading) {
+                return;
+            }
+            setLoading(true);
+            const dataSource = new InMemoryDataSource<EmailValidationTableRecord<TResult>>([
+                {
+                    id: 1,
+                    active: false,
+                    createdOn: new Date(),
+                    result: 'ok',
+                    email: 'varg@vikernes.com',
+                    dateAdded: new Date(),
+                },
+                {
+                    id: 2,
+                    active: true,
+                    createdOn: new Date(),
+                    result: 'fail',
+                    email: 'joe@biden.com',
+                    dateAdded: new Date(),
+                },
+            ]);
+            await grid.setDataSource(dataSource, true);
+            setLoading(false);
+        }
+        load();
+    });
+
+    return (
+        <EmailValidation
+            loading={loading}
+            resultGrid={grid}
+            validationRiskType={type}
+            setValidationRiskType={setType}
+            handleDownload={() => alert('downloading csv')}
+        />
+    );
+}