@servicetitan/mpa-components 1.4.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -43
- package/lib/components/settings/company-email-sender/custom-domain-sender.d.ts +1 -0
- package/lib/components/settings/company-email-sender/custom-domain-sender.d.ts.map +1 -1
- package/lib/components/settings/company-email-sender/custom-domain-sender.js +7 -3
- package/lib/components/settings/company-email-sender/custom-domain-sender.js.map +1 -1
- package/package.json +2 -2
- package/src/components/settings/company-email-sender/custom-domain-sender.tsx +31 -4
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,86 +3,64 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
# [1.
|
|
7
|
-
|
|
6
|
+
# [1.6.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.5.0...@servicetitan/mpa-components@1.6.0) (2023-08-09)
|
|
8
7
|
|
|
9
8
|
### Bug Fixes
|
|
10
9
|
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
- **mpa-components:** minor fixes, test publishing ([b166416](https://github.com/servicetitan/marketing/commit/b166416c8ade3d1a99d2463d0afa43e9742460f4))
|
|
13
11
|
|
|
12
|
+
# [1.5.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.4.0...@servicetitan/mpa-components@1.5.0) (2023-08-09)
|
|
14
13
|
|
|
14
|
+
### Features
|
|
15
15
|
|
|
16
|
+
- **mpa-components:** validated status action label for sender domain field ([#1713](https://github.com/servicetitan/marketing/issues/1713)) ([1d0db5d](https://github.com/servicetitan/marketing/commit/1d0db5dcd5594e8e2c9c1be8cbd4ca67ddef57c2))
|
|
16
17
|
|
|
17
|
-
# [1.
|
|
18
|
-
|
|
18
|
+
# [1.4.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.3.0...@servicetitan/mpa-components@1.4.0) (2023-05-02)
|
|
19
19
|
|
|
20
20
|
### Bug Fixes
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
- **components:** fixed merge tags link appereance ([#1495](https://github.com/servicetitan/marketing/issues/1495)) ([18740f5](https://github.com/servicetitan/marketing/commit/18740f5bf2cfd0b839d2fe1c13175680937d252a))
|
|
24
23
|
|
|
24
|
+
# [1.3.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.2.0...@servicetitan/mpa-components@1.3.0) (2023-03-07)
|
|
25
25
|
|
|
26
|
+
### Bug Fixes
|
|
26
27
|
|
|
28
|
+
- **application:** updated anvil ([ad777ca](https://github.com/servicetitan/marketing/commit/ad777ca05691afe6f7142c20d69d32b18506cb12))
|
|
27
29
|
|
|
28
30
|
# [1.2.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.1.1...@servicetitan/mpa-components@1.2.0) (2022-11-23)
|
|
29
31
|
|
|
30
32
|
**Note:** Version bump only for package @servicetitan/mpa-components
|
|
31
33
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
34
|
## [1.1.1](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.1.0...@servicetitan/mpa-components@1.1.1) (2022-10-26)
|
|
37
35
|
|
|
38
|
-
|
|
39
36
|
### Features
|
|
40
37
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
38
|
+
- **email-components), feat(components), fix(date-range-select:** extracted email components, marketing campaign actions component, added storybook stories ([cf50700](https://github.com/servicetitan/marketing/commit/cf507004302573b6bbd0e4b4fe1055a787a724f5))
|
|
39
|
+
- **email-components), feat(components), fix(date-range-select:** extracted email components, marketing campaign actions component, added storybook stories ([5941c5c](https://github.com/servicetitan/marketing/commit/5941c5cebb7994d98f5c888f2ed2bdc17967d29b))
|
|
47
40
|
|
|
48
41
|
# [1.1.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.0.0...@servicetitan/mpa-components@1.1.0) (2022-09-07)
|
|
49
42
|
|
|
50
|
-
|
|
51
43
|
### Bug Fixes
|
|
52
44
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
45
|
+
- **root:** fixed package.jsons + fixed email components subjet-line-modal-props ([7d093f4](https://github.com/servicetitan/marketing/commit/7d093f476c5236e45663dec7487ae3e5b24037e2))
|
|
58
46
|
|
|
59
47
|
# [1.0.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@0.6.0...@servicetitan/mpa-components@1.0.0) (2022-08-25)
|
|
60
48
|
|
|
61
|
-
|
|
62
49
|
### Bug Fixes
|
|
63
50
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
51
|
+
- **application:** fixed merge tags link ([2aa47be](https://github.com/servicetitan/marketing/commit/2aa47be51cb89ae9e44f923d39356e1196bd69d1))
|
|
52
|
+
- **application:** made logo undeletable ([a0d5f63](https://github.com/servicetitan/marketing/commit/a0d5f63f4c9e313d9d030675af26117895d45ff3))
|
|
53
|
+
- **application:** small fixes in whole app ([7ccaec3](https://github.com/servicetitan/marketing/commit/7ccaec34c2912c9f98da932b00981adb9195f407))
|
|
54
|
+
- **components:** adding layout and className prop to every settings component ([4cd0746](https://github.com/servicetitan/marketing/commit/4cd07468ec629c5909ce4d546e0423809e9af3d4))
|
|
55
|
+
- **components:** fixed zip-code input ([b022900](https://github.com/servicetitan/marketing/commit/b02290051ade0d64eed370a553f47f3709aac70c))
|
|
56
|
+
- **components:** pass columns count into company-trades-picker ([6d01ca7](https://github.com/servicetitan/marketing/commit/6d01ca7c6ce04b24ae75e4bd03a85294c5ac4a53))
|
|
57
|
+
- **packages:** fixed props passing for SettingsSection and company details, email, trades picker ([a3cecf3](https://github.com/servicetitan/marketing/commit/a3cecf38bac6ba90d1b93ddc9f3b6102af05e057))
|
|
75
58
|
|
|
76
59
|
# [0.6.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@0.5.0...@servicetitan/mpa-components@0.6.0) (2022-08-18)
|
|
77
60
|
|
|
78
|
-
|
|
79
61
|
### Features
|
|
80
62
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
63
|
+
- **email-components:** added email components package + email template builder components ([4055179](https://github.com/servicetitan/marketing/commit/405517928f532286e0aaa3e68283a9f27c9a1e3b))
|
|
86
64
|
|
|
87
65
|
# [0.5.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@0.4.0...@servicetitan/mpa-components@0.5.0) (2022-08-01)
|
|
88
66
|
|
|
@@ -7,6 +7,7 @@ export interface CompanyEmailSenderProps {
|
|
|
7
7
|
senderDomain: InputFieldState<string | undefined>;
|
|
8
8
|
senderEmail: InputFieldState<string | undefined>;
|
|
9
9
|
};
|
|
10
|
+
isSenderDomainValidatedSuccessfully?: boolean;
|
|
10
11
|
senderTld: string;
|
|
11
12
|
layout?: LayoutProps['type'];
|
|
12
13
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-domain-sender.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/custom-domain-sender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,
|
|
1
|
+
{"version":3,"file":"custom-domain-sender.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/custom-domain-sender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAwB,WAAW,EAAe,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAUrD,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE;QACP,UAAU,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAChD,YAAY,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAClD,WAAW,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;KACpD,CAAC;IACF,mCAAmC,CAAC,EAAE,OAAO,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqI1D,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Fragment, useCallback } from 'react';
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
|
-
import { Form, Text } from '@servicetitan/design-system';
|
|
4
|
+
import { BodyText, Form, Icon, Stack, Text } from '@servicetitan/design-system';
|
|
5
|
+
import { tokens } from '@servicetitan/tokens/core';
|
|
5
6
|
import { SettingsSection } from '../settings-section';
|
|
6
7
|
import { convertDomainName } from '../../../utils/helpers';
|
|
7
8
|
import * as Styles from './company-email-sender.module.less';
|
|
8
|
-
|
|
9
|
+
const LABEL_ACTION_SIZE = 19;
|
|
10
|
+
export const CompanyEmailSender = observer(({ formState: { senderDomain, senderName, senderEmail }, senderTld, layout, className, isSenderDomainValidatedSuccessfully, }) => {
|
|
9
11
|
const handleSenderNameChange = useCallback((_0, data) => {
|
|
10
12
|
if (data.value.length > 80) {
|
|
11
13
|
return;
|
|
@@ -24,6 +26,8 @@ export const CompanyEmailSender = observer(({ formState: { senderDomain, senderN
|
|
|
24
26
|
}
|
|
25
27
|
senderEmail.onChange(data.value);
|
|
26
28
|
}, [senderEmail]);
|
|
27
|
-
return (_jsx(SettingsSection, Object.assign({ className: className, layout: layout, title: "Sender", text: "Configure sender name and email.", qaPrefix: "qa-settings-sender" }, { children: _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-2-i" }, { children: [_jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-name", value: senderName.value, onChange: handleSenderNameChange, error: senderName.hasError, label: _jsxs(Fragment, { children: ["Sender Name \u00A0\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "max 80 characters" }))] }), placeholder: "John Doe", fluid: true }), _jsx(Form.Input, { width: 6,
|
|
29
|
+
return (_jsx(SettingsSection, Object.assign({ className: className, layout: layout, title: "Sender", text: "Configure sender name and email.", qaPrefix: "qa-settings-sender" }, { children: _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-2-i" }, { children: [_jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-name", value: senderName.value, onChange: handleSenderNameChange, error: senderName.hasError, label: _jsxs(Fragment, { children: ["Sender Name \u00A0\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "max 80 characters" }))] }), placeholder: "John Doe", fluid: true }), _jsx(Form.Input, { width: 6, labelProps: {
|
|
30
|
+
action: isSenderDomainValidatedSuccessfully ? (_jsxs(Stack, Object.assign({ spacing: 1, alignItems: "center" }, { children: [_jsx(BodyText, Object.assign({ size: "small", className: "c-green-500", style: { lineHeight: `${LABEL_ACTION_SIZE}px` } }, { children: "Validated" })), _jsx(Icon, { color: tokens.colorGreen500, name: "check_circle", size: LABEL_ACTION_SIZE })] }))) : undefined,
|
|
31
|
+
}, className: "m-b-0-i qa-settings-sender-domain", value: senderDomain.value, onChange: handleSenderDomainChange, error: senderDomain.hasError, label: "Sender Domain", placeholder: "domain", fluid: true })] })), _jsxs(Form.Group, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-email", value: senderEmail.value, onChange: handleSenderEmailChange, error: senderEmail.hasError, label: _jsxs(Fragment, { children: ["Sender Email\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(domain added automatically)" }))] }), placeholder: "john.doe", fluid: true }), _jsx(Form.Field, Object.assign({ label: '\u00A0' }, { children: _jsx("div", Object.assign({ className: Styles.domain }, { children: _jsxs(Text, Object.assign({ size: 3, bold: true, subdued: true, className: "qa-settings-sender-generated-domain" }, { children: ["@", senderDomain.$ ? convertDomainName(senderDomain.$) : 'domain', ".", senderTld] })) })) }))] }))] })) })));
|
|
28
32
|
});
|
|
29
33
|
//# sourceMappingURL=custom-domain-sender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-domain-sender.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/custom-domain-sender.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,QAAQ,EAAE,WAAW,EAAM,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAe,IAAI,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"custom-domain-sender.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/custom-domain-sender.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,QAAQ,EAAE,WAAW,EAAM,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAe,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7F,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,MAAM,MAAM,oCAAoC,CAAC;AAE7D,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAc7B,MAAM,CAAC,MAAM,kBAAkB,GAAgC,QAAQ,CACnE,CAAC,EACG,SAAS,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,EACpD,SAAS,EACT,MAAM,EACN,SAAS,EACT,mCAAmC,GACtC,EAAE,EAAE;IACD,MAAM,sBAAsB,GAAG,WAAW,CACtC,CAAC,EAAoC,EAAE,IAAuB,EAAE,EAAE;QAC9D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE;YACxB,OAAO;SACV;QAED,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,UAAU,CAAC,CACf,CAAC;IAEF,MAAM,wBAAwB,GAAG,WAAW,CACxC,CAAC,EAAoC,EAAE,IAAuB,EAAE,EAAE;QAC9D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE;YACxB,OAAO;SACV;QAED,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,MAAM,uBAAuB,GAAG,WAAW,CACvC,CAAC,EAAoC,EAAE,IAAuB,EAAE,EAAE;QAC9D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE;YACxB,OAAO;SACV;QAED,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,OAAO,CACH,KAAC,eAAe,kBACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kCAAkC,EACvC,QAAQ,EAAC,oBAAoB,gBAE7B,MAAC,IAAI,kBAAC,SAAS,EAAC,SAAS,iBACrB,MAAC,IAAI,CAAC,KAAK,kBAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,iBAC1C,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,QAAQ,EAAE,sBAAsB,EAChC,KAAK,EAAE,UAAU,CAAC,QAAQ,EAC1B,KAAK,EACD,MAAC,QAAQ,2CAEL,KAAC,IAAI,kBAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,6CAEtB,IACA,EAEf,WAAW,EAAC,UAAU,EACtB,KAAK,SACP,EACF,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,UAAU,EAAE;gCACR,MAAM,EAAE,mCAAmC,CAAC,CAAC,CAAC,CAC1C,MAAC,KAAK,kBAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,iBAClC,KAAC,QAAQ,kBACL,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,iBAAiB,IAAI,EAAE,+BAGxC,EACX,KAAC,IAAI,IACD,KAAK,EAAE,MAAM,CAAC,aAAa,EAC3B,IAAI,EAAC,cAAc,EACnB,IAAI,EAAE,iBAAiB,GACzB,KACE,CACX,CAAC,CAAC,CAAC,SAAS;6BAChB,EACD,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,QAAQ,EAAE,wBAAwB,EAClC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAC5B,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,QAAQ,EACpB,KAAK,SACP,KACO,EACb,MAAC,IAAI,CAAC,KAAK,kBAAC,SAAS,EAAC,SAAS,iBAC3B,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,QAAQ,EAAE,uBAAuB,EACjC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAC3B,KAAK,EACD,MAAC,QAAQ,qCAEL,KAAC,IAAI,kBAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,wDAEtB,IACA,EAEf,WAAW,EAAC,UAAU,EACtB,KAAK,SACP,EACF,KAAC,IAAI,CAAC,KAAK,kBAAC,KAAK,EAAE,QAAQ,gBACvB,4BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,gBACzB,MAAC,IAAI,kBACD,IAAI,EAAE,CAAC,EACP,IAAI,QACJ,OAAO,QACP,SAAS,EAAC,qCAAqC,sBAE7C,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,OAC7D,SAAS,KACR,IACL,IACG,KACJ,KACV,IACO,CACrB,CAAC;AACN,CAAC,CACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"repository": {
|
|
4
4
|
"url": "https://github.com/servicetitan/marketing"
|
|
5
5
|
},
|
|
6
|
-
"version": "1.
|
|
6
|
+
"version": "1.6.0",
|
|
7
7
|
"description": "",
|
|
8
8
|
"main": "./lib/index.js",
|
|
9
9
|
"typings": "./lib/index.d.ts",
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"cli": {
|
|
31
31
|
"webpack": false
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "2e704e3825e8c54bb6d8bdcaaee5e28ba5122ddb"
|
|
34
34
|
}
|
|
@@ -1,28 +1,37 @@
|
|
|
1
1
|
import { SyntheticEvent, Fragment, useCallback, FC } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
|
|
4
|
-
import { Form, LayoutProps, Text } from '@servicetitan/design-system';
|
|
4
|
+
import { BodyText, Form, Icon, LayoutProps, Stack, Text } from '@servicetitan/design-system';
|
|
5
5
|
import { InputFieldState } from '@servicetitan/form';
|
|
6
|
+
import { tokens } from '@servicetitan/tokens/core';
|
|
6
7
|
|
|
7
8
|
import { SettingsSection } from '../settings-section';
|
|
8
9
|
import { convertDomainName } from '../../../utils/helpers';
|
|
9
10
|
|
|
10
11
|
import * as Styles from './company-email-sender.module.less';
|
|
11
12
|
|
|
13
|
+
const LABEL_ACTION_SIZE = 19;
|
|
14
|
+
|
|
12
15
|
export interface CompanyEmailSenderProps {
|
|
13
16
|
formState: {
|
|
14
17
|
senderName: InputFieldState<string | undefined>;
|
|
15
18
|
senderDomain: InputFieldState<string | undefined>;
|
|
16
19
|
senderEmail: InputFieldState<string | undefined>;
|
|
17
20
|
};
|
|
18
|
-
|
|
21
|
+
isSenderDomainValidatedSuccessfully?: boolean;
|
|
19
22
|
senderTld: string;
|
|
20
23
|
layout?: LayoutProps['type'];
|
|
21
24
|
className?: string;
|
|
22
25
|
}
|
|
23
26
|
|
|
24
27
|
export const CompanyEmailSender: FC<CompanyEmailSenderProps> = observer(
|
|
25
|
-
({
|
|
28
|
+
({
|
|
29
|
+
formState: { senderDomain, senderName, senderEmail },
|
|
30
|
+
senderTld,
|
|
31
|
+
layout,
|
|
32
|
+
className,
|
|
33
|
+
isSenderDomainValidatedSuccessfully,
|
|
34
|
+
}) => {
|
|
26
35
|
const handleSenderNameChange = useCallback(
|
|
27
36
|
(_0: SyntheticEvent<HTMLInputElement>, data: { value: string }) => {
|
|
28
37
|
if (data.value.length > 80) {
|
|
@@ -85,12 +94,30 @@ export const CompanyEmailSender: FC<CompanyEmailSenderProps> = observer(
|
|
|
85
94
|
/>
|
|
86
95
|
<Form.Input
|
|
87
96
|
width={6}
|
|
97
|
+
labelProps={{
|
|
98
|
+
action: isSenderDomainValidatedSuccessfully ? (
|
|
99
|
+
<Stack spacing={1} alignItems="center">
|
|
100
|
+
<BodyText
|
|
101
|
+
size="small"
|
|
102
|
+
className="c-green-500"
|
|
103
|
+
style={{ lineHeight: `${LABEL_ACTION_SIZE}px` }}
|
|
104
|
+
>
|
|
105
|
+
Validated
|
|
106
|
+
</BodyText>
|
|
107
|
+
<Icon
|
|
108
|
+
color={tokens.colorGreen500}
|
|
109
|
+
name="check_circle"
|
|
110
|
+
size={LABEL_ACTION_SIZE}
|
|
111
|
+
/>
|
|
112
|
+
</Stack>
|
|
113
|
+
) : undefined,
|
|
114
|
+
}}
|
|
88
115
|
className="m-b-0-i qa-settings-sender-domain"
|
|
89
116
|
value={senderDomain.value}
|
|
90
117
|
onChange={handleSenderDomainChange}
|
|
91
118
|
error={senderDomain.hasError}
|
|
92
119
|
label="Sender Domain"
|
|
93
|
-
placeholder="
|
|
120
|
+
placeholder="domain"
|
|
94
121
|
fluid
|
|
95
122
|
/>
|
|
96
123
|
</Form.Group>
|