@servicetitan/mpa-components 1.5.0 → 1.7.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 +10 -0
- package/lib/components/settings/company-details/company-details-form.stories.d.ts +1 -0
- package/lib/components/settings/company-details/company-details-form.stories.d.ts.map +1 -1
- package/lib/components/settings/company-details/company-details-form.stories.js +6 -0
- package/lib/components/settings/company-details/company-details-form.stories.js.map +1 -1
- package/lib/components/settings/company-details/index.d.ts +1 -0
- package/lib/components/settings/company-details/index.d.ts.map +1 -1
- package/lib/components/settings/company-details/index.js +1 -1
- package/lib/components/settings/company-details/index.js.map +1 -1
- 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 +3 -2
- package/lib/components/settings/company-email-sender/custom-domain-sender.js.map +1 -1
- package/package.json +2 -2
- package/src/components/settings/company-details/company-details-form.stories.tsx +14 -0
- package/src/components/settings/company-details/index.tsx +81 -31
- package/src/components/settings/company-email-sender/custom-domain-sender.tsx +9 -3
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
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.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.6.0...@servicetitan/mpa-components@1.7.0) (2024-03-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @servicetitan/mpa-components
|
|
9
|
+
|
|
10
|
+
# [1.6.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.5.0...@servicetitan/mpa-components@1.6.0) (2023-08-09)
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
- **mpa-components:** minor fixes, test publishing ([b166416](https://github.com/servicetitan/marketing/commit/b166416c8ade3d1a99d2463d0afa43e9742460f4))
|
|
15
|
+
|
|
6
16
|
# [1.5.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.4.0...@servicetitan/mpa-components@1.5.0) (2023-08-09)
|
|
7
17
|
|
|
8
18
|
### Features
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
export declare const CompanyDetailsWithoutWebsite: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
|
|
2
3
|
export declare const CompanyDetails: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
|
|
3
4
|
declare const _default: {
|
|
4
5
|
title: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"company-details-form.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-details/company-details-form.stories.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"company-details-form.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-details/company-details-form.stories.tsx"],"names":[],"mappings":";AAwBA,eAAO,MAAM,4BAA4B,0GAUvC,CAAC;AAEH,eAAO,MAAM,cAAc,0GAUzB,CAAC;;;;;;AAEH,wBAIE"}
|
|
@@ -10,6 +10,7 @@ import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
|
|
|
10
10
|
import { FormState } from 'formstate';
|
|
11
11
|
import { CompanyDetails as Component } from '.';
|
|
12
12
|
import { LogoPicker } from '../logo-picker/logo-picker.stories';
|
|
13
|
+
import omit from 'lodash/omit';
|
|
13
14
|
let DetailsStore = class DetailsStore {
|
|
14
15
|
constructor() {
|
|
15
16
|
Object.defineProperty(this, "form", {
|
|
@@ -25,6 +26,7 @@ let DetailsStore = class DetailsStore {
|
|
|
25
26
|
state: new InputFieldState('CA'),
|
|
26
27
|
zipCode: new InputFieldState('91203'),
|
|
27
28
|
companyEmail: new InputFieldState('info@acme.com'),
|
|
29
|
+
companyWebsite: new InputFieldState('www.acme.com'),
|
|
28
30
|
yearEstablished: new InputFieldState(1999),
|
|
29
31
|
})
|
|
30
32
|
});
|
|
@@ -33,6 +35,10 @@ let DetailsStore = class DetailsStore {
|
|
|
33
35
|
DetailsStore = __decorate([
|
|
34
36
|
injectable()
|
|
35
37
|
], DetailsStore);
|
|
38
|
+
export const CompanyDetailsWithoutWebsite = provide({ singletons: [DetailsStore] })(() => {
|
|
39
|
+
const [store] = useDependencies(DetailsStore);
|
|
40
|
+
return (_jsx(Component, { formState: omit(store.form.$, ['companyWebsite']), logoPicker: _jsx(LogoPicker, {}), handleCompanyEmailBlur: () => alert('company email blurred') }));
|
|
41
|
+
});
|
|
36
42
|
export const CompanyDetails = provide({ singletons: [DetailsStore] })(() => {
|
|
37
43
|
const [store] = useDependencies(DetailsStore);
|
|
38
44
|
return (_jsx(Component, { formState: store.form.$, logoPicker: _jsx(LogoPicker, {}), handleCompanyEmailBlur: () => alert('company email blurred') }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"company-details-form.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/company-details-form.stories.tsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"company-details-form.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/company-details-form.stories.tsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,IAAI,MAAM,aAAa,CAAC;AAG/B,IAAM,YAAY,GAAlB,MAAM,YAAY;IAAlB;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,WAAW,EAAE,IAAI,eAAe,CAAC,UAAU,CAAC;gBAC5C,OAAO,EAAE,IAAI,eAAe,CAAC,qBAAqB,CAAC;gBACnD,MAAM,EAAE,IAAI,eAAe,CAAC,YAAY,CAAC;gBACzC,IAAI,EAAE,IAAI,eAAe,CAAC,KAAK,CAAC;gBAChC,IAAI,EAAE,IAAI,eAAe,CAAC,UAAU,CAAC;gBACrC,KAAK,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC;gBAChC,OAAO,EAAE,IAAI,eAAe,CAAC,OAAO,CAAC;gBACrC,YAAY,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;gBAClD,cAAc,EAAE,IAAI,eAAe,CAAC,cAAc,CAAC;gBACnD,eAAe,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC;aAC7C,CAAC;WAAC;IACP,CAAC;CAAA,CAAA;AAbK,YAAY;IADjB,UAAU,EAAE;GACP,YAAY,CAajB;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;IACrF,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,EACjD,UAAU,EAAE,KAAC,UAAU,KAAG,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,GAC9D,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;IACvE,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EACvB,UAAU,EAAE,KAAC,UAAU,KAAG,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,GAC9D,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,EAAE;CACjB,CAAC"}
|
|
@@ -6,6 +6,7 @@ export interface CompanyDetailsProps {
|
|
|
6
6
|
formState: {
|
|
7
7
|
city: InputFieldState<string | undefined>;
|
|
8
8
|
companyEmail: InputFieldState<string | undefined>;
|
|
9
|
+
companyWebsite?: InputFieldState<string | undefined>;
|
|
9
10
|
companyName: InputFieldState<string | undefined>;
|
|
10
11
|
state: InputFieldState<string | undefined>;
|
|
11
12
|
street: InputFieldState<string | undefined>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-details/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGvC,OAAO,EAAQ,WAAW,EAAQ,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAe,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAMlE,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE;QACP,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC1C,YAAY,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAClD,WAAW,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QACjD,KAAK,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC3C,MAAM,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC5C,OAAO,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC7C,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC1C,eAAe,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAChD,OAAO,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;KAChD,CAAC;IACF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,6BAA6B,mEAC0B,CAAC;AAkBrE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-details/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGvC,OAAO,EAAQ,WAAW,EAAQ,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAe,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAMlE,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE;QACP,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC1C,YAAY,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAClD,cAAc,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QACrD,WAAW,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QACjD,KAAK,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC3C,MAAM,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC5C,OAAO,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC7C,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC1C,eAAe,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAChD,OAAO,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;KAChD,CAAC;IACF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,6BAA6B,mEAC0B,CAAC;AAkBrE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA2KlD,CAAC"}
|
|
@@ -9,6 +9,6 @@ import * as Styles from './company-details-form.module.less';
|
|
|
9
9
|
export const MERGE_TAGS_DOCUMENTATION_LINK = 'https://help.servicetitan.com/Content/Marketing/merge-tags.htm';
|
|
10
10
|
const DEFAULT_SECTION_DESCRIPTION = (_jsxs(Fragment, { children: ["Enter these details as you would like them to appear in your campaign. Much of this info can be utilized as\u00A0", _jsx(Link, Object.assign({ href: MERGE_TAGS_DOCUMENTATION_LINK, target: "_blank", primary: true, className: classNames(Styles.description, 'qa-settings-company-details-merge-tags') }, { children: "merge tags" })), "."] }));
|
|
11
11
|
export const CompanyDetails = observer(({ formState, logoPicker, sectionDescription = DEFAULT_SECTION_DESCRIPTION, handleCompanyEmailBlur = () => { }, layout, className = '', title = 'Company Details', }) => {
|
|
12
|
-
return (_jsx(SettingsSection, Object.assign({ className: className, layout: layout, qaPrefix: "qa-settings-company-details", title: title, text: sectionDescription }, { children: _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.Input, { className: "m-b-2-i qa-settings-company-details-company-name", value: formState.companyName.value, onChange: formState.companyName.onChangeHandler, error: formState.companyName.hasError, label: "Company Name", placeholder: "Enter company name", fluid: true }), _jsx(Form.Input, { className: "m-b-2-i qa-settings-company-details-tagline", value: formState.tagline.value, onChange: formState.tagline.onChangeHandler, error: formState.tagline.hasError, label: "Tagline / Slogan", placeholder: "ex: Trusted since 1956", fluid: true }), _jsxs(Form.Group, Object.assign({ className: "m-b-2-i" }, { children: [_jsx(Form.Input, { width: 8, className: "m-b-0-i qa-settings-company-details-address", value: formState.street.value, onChange: formState.street.onChangeHandler, error: formState.street.hasError, label: "Street Address", placeholder: "801 N Brand Blvd" }), _jsx(Form.Input, { width: 4, className: "m-b-0-i qa-settings-company-details-address", value: formState.unit.value, onChange: formState.unit.onChangeHandler, error: formState.unit.hasError, label: "Suite, Unit, etc" })] })), _jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-2-i" }, { children: [_jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-city", value: formState.city.value, onChange: formState.city.onChangeHandler, error: formState.city.hasError, label: "City", placeholder: "Glendale", fluid: true }), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-state", value: formState.state.value, onChange: formState.state.onChangeHandler, error: formState.state.hasError, label: "State", placeholder: "CA", fluid: true }), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-zip-code", value: formState.zipCode.value, onChange: formState.zipCode.onChangeHandler, error: formState.zipCode.hasError, label: "Zip Code", placeholder: "91203", fluid: true, maxLength: 10 })] })), _jsxs(Form.Group, Object.assign({ className: "m-b-2-i" }, { children: [_jsx(Form.Input, { width:
|
|
12
|
+
return (_jsx(SettingsSection, Object.assign({ className: className, layout: layout, qaPrefix: "qa-settings-company-details", title: title, text: sectionDescription }, { children: _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.Input, { className: "m-b-2-i qa-settings-company-details-company-name", value: formState.companyName.value, onChange: formState.companyName.onChangeHandler, error: formState.companyName.hasError, label: "Company Name", placeholder: "Enter company name", fluid: true }), _jsx(Form.Input, { className: "m-b-2-i qa-settings-company-details-tagline", value: formState.tagline.value, onChange: formState.tagline.onChangeHandler, error: formState.tagline.hasError, label: "Tagline / Slogan", placeholder: "ex: Trusted since 1956", fluid: true }), _jsxs(Form.Group, Object.assign({ className: "m-b-2-i" }, { children: [_jsx(Form.Input, { width: 8, className: "m-b-0-i qa-settings-company-details-address", value: formState.street.value, onChange: formState.street.onChangeHandler, error: formState.street.hasError, label: "Street Address", placeholder: "801 N Brand Blvd" }), _jsx(Form.Input, { width: 4, className: "m-b-0-i qa-settings-company-details-address", value: formState.unit.value, onChange: formState.unit.onChangeHandler, error: formState.unit.hasError, label: "Suite, Unit, etc" })] })), _jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-2-i" }, { children: [_jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-city", value: formState.city.value, onChange: formState.city.onChangeHandler, error: formState.city.hasError, label: "City", placeholder: "Glendale", fluid: true }), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-state", value: formState.state.value, onChange: formState.state.onChangeHandler, error: formState.state.hasError, label: "State", placeholder: "CA", fluid: true }), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-zip-code", value: formState.zipCode.value, onChange: formState.zipCode.onChangeHandler, error: formState.zipCode.hasError, label: "Zip Code", placeholder: "91203", fluid: true, maxLength: 10 })] })), formState.companyWebsite ? (_jsxs(Fragment, { children: [_jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-2-i" }, { children: [_jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-company-website", value: formState.companyWebsite.value, onChange: formState.companyWebsite.onChangeHandler, error: formState.companyWebsite.hasError, label: "Company Website", placeholder: "Company Website", fluid: true }), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-company-email", value: formState.companyEmail.value, onChange: formState.companyEmail.onChangeHandler, error: formState.companyEmail.hasError, onBlur: handleCompanyEmailBlur, label: "Company Email", placeholder: "hello@yourcompany.com", fluid: true })] })), _jsx(Form.Group, Object.assign({ className: "m-b-2-i" }, { children: _jsx(Form.Field, Object.assign({ label: "Year Established", className: "qa-settings-company-details-company-email", width: 4, error: formState.yearEstablished.hasError }, { children: _jsx(NumberInput, { value: formState.yearEstablished.value, onChange: formState.yearEstablished.onChange, error: formState.yearEstablished.hasError, emptyValue: undefined, min: 1, max: 2099, useEmptyThousandsSeparator: true, placeholder: "1950", fluid: true }) })) }))] })) : (_jsx(Fragment, { children: _jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-2-i" }, { children: [_jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-company-email", width: 8, value: formState.companyEmail.value, onChange: formState.companyEmail.onChangeHandler, error: formState.companyEmail.hasError, onBlur: handleCompanyEmailBlur, label: "Company Email", placeholder: "hello@yourcompany.com", fluid: true }), _jsx(Form.Field, Object.assign({ label: "Year Established", className: "qa-settings-company-details-company-email", width: 4, error: formState.yearEstablished.hasError }, { children: _jsx(NumberInput, { value: formState.yearEstablished.value, onChange: formState.yearEstablished.onChange, error: formState.yearEstablished.hasError, emptyValue: undefined, min: 1, max: 2099, useEmptyThousandsSeparator: true, placeholder: "1950", fluid: true }) }))] })) })), logoPicker] })) })));
|
|
13
13
|
});
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAe,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAmB,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,KAAK,MAAM,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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,EAAwB,WAAW,EAAe,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
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"}
|
|
@@ -6,6 +6,7 @@ import { tokens } from '@servicetitan/tokens/core';
|
|
|
6
6
|
import { SettingsSection } from '../settings-section';
|
|
7
7
|
import { convertDomainName } from '../../../utils/helpers';
|
|
8
8
|
import * as Styles from './company-email-sender.module.less';
|
|
9
|
+
const LABEL_ACTION_SIZE = 19;
|
|
9
10
|
export const CompanyEmailSender = observer(({ formState: { senderDomain, senderName, senderEmail }, senderTld, layout, className, isSenderDomainValidatedSuccessfully, }) => {
|
|
10
11
|
const handleSenderNameChange = useCallback((_0, data) => {
|
|
11
12
|
if (data.value.length > 80) {
|
|
@@ -26,7 +27,7 @@ export const CompanyEmailSender = observer(({ formState: { senderDomain, senderN
|
|
|
26
27
|
senderEmail.onChange(data.value);
|
|
27
28
|
}, [senderEmail]);
|
|
28
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: {
|
|
29
|
-
action: isSenderDomainValidatedSuccessfully ? (_jsxs(Stack, Object.assign({ spacing: 1, alignItems: "center" }, { children: [_jsx(BodyText, Object.assign({ size: "small", className: "c-green-500" }, { children: "Validated" })), _jsx(Icon, { color: tokens.colorGreen500, name: "check_circle", size:
|
|
30
|
-
}, className: "m-b-0-i qa-settings-sender-domain", value: senderDomain.value, onChange: handleSenderDomainChange, error: senderDomain.hasError, label: "Sender Domain", placeholder: "
|
|
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] })) })) }))] }))] })) })));
|
|
31
32
|
});
|
|
32
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,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;
|
|
1
|
+
{"version":3,"file":"custom-domain-sender.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/custom-domain-sender.tsx"],"names":[],"mappings":"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"}
|
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.7.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": "cad9531dfe493cc9db9da8ecbf1bbc793ea958fc"
|
|
34
34
|
}
|
|
@@ -4,6 +4,7 @@ import { FormState } from 'formstate';
|
|
|
4
4
|
|
|
5
5
|
import { CompanyDetails as Component } from '.';
|
|
6
6
|
import { LogoPicker } from '../logo-picker/logo-picker.stories';
|
|
7
|
+
import omit from 'lodash/omit';
|
|
7
8
|
|
|
8
9
|
@injectable()
|
|
9
10
|
class DetailsStore {
|
|
@@ -16,10 +17,23 @@ class DetailsStore {
|
|
|
16
17
|
state: new InputFieldState('CA'),
|
|
17
18
|
zipCode: new InputFieldState('91203'),
|
|
18
19
|
companyEmail: new InputFieldState('info@acme.com'),
|
|
20
|
+
companyWebsite: new InputFieldState('www.acme.com'),
|
|
19
21
|
yearEstablished: new InputFieldState(1999),
|
|
20
22
|
});
|
|
21
23
|
}
|
|
22
24
|
|
|
25
|
+
export const CompanyDetailsWithoutWebsite = provide({ singletons: [DetailsStore] })(() => {
|
|
26
|
+
const [store] = useDependencies(DetailsStore);
|
|
27
|
+
|
|
28
|
+
return (
|
|
29
|
+
<Component
|
|
30
|
+
formState={omit(store.form.$, ['companyWebsite'])}
|
|
31
|
+
logoPicker={<LogoPicker />}
|
|
32
|
+
handleCompanyEmailBlur={() => alert('company email blurred')}
|
|
33
|
+
/>
|
|
34
|
+
);
|
|
35
|
+
});
|
|
36
|
+
|
|
23
37
|
export const CompanyDetails = provide({ singletons: [DetailsStore] })(() => {
|
|
24
38
|
const [store] = useDependencies(DetailsStore);
|
|
25
39
|
|
|
@@ -14,6 +14,7 @@ export interface CompanyDetailsProps {
|
|
|
14
14
|
formState: {
|
|
15
15
|
city: InputFieldState<string | undefined>;
|
|
16
16
|
companyEmail: InputFieldState<string | undefined>;
|
|
17
|
+
companyWebsite?: InputFieldState<string | undefined>;
|
|
17
18
|
companyName: InputFieldState<string | undefined>;
|
|
18
19
|
state: InputFieldState<string | undefined>;
|
|
19
20
|
street: InputFieldState<string | undefined>;
|
|
@@ -135,37 +136,86 @@ export const CompanyDetails: FC<CompanyDetailsProps> = observer(
|
|
|
135
136
|
maxLength={10}
|
|
136
137
|
/>
|
|
137
138
|
</Form.Group>
|
|
138
|
-
|
|
139
|
-
<
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
139
|
+
{formState.companyWebsite ? (
|
|
140
|
+
<Fragment>
|
|
141
|
+
<Form.Group widths="equal" className="m-b-2-i">
|
|
142
|
+
<Form.Input
|
|
143
|
+
className="m-b-0-i qa-settings-company-details-company-website"
|
|
144
|
+
value={formState.companyWebsite.value}
|
|
145
|
+
onChange={formState.companyWebsite.onChangeHandler}
|
|
146
|
+
error={formState.companyWebsite.hasError}
|
|
147
|
+
label="Company Website"
|
|
148
|
+
placeholder="Company Website"
|
|
149
|
+
fluid
|
|
150
|
+
/>
|
|
151
|
+
<Form.Input
|
|
152
|
+
className="m-b-0-i qa-settings-company-details-company-email"
|
|
153
|
+
value={formState.companyEmail.value}
|
|
154
|
+
onChange={formState.companyEmail.onChangeHandler}
|
|
155
|
+
error={formState.companyEmail.hasError}
|
|
156
|
+
onBlur={handleCompanyEmailBlur}
|
|
157
|
+
label="Company Email"
|
|
158
|
+
placeholder="hello@yourcompany.com"
|
|
159
|
+
fluid
|
|
160
|
+
/>
|
|
161
|
+
</Form.Group>
|
|
162
|
+
<Form.Group className="m-b-2-i">
|
|
163
|
+
<Form.Field
|
|
164
|
+
label="Year Established"
|
|
165
|
+
className="qa-settings-company-details-company-email"
|
|
166
|
+
width={4}
|
|
167
|
+
error={formState.yearEstablished.hasError}
|
|
168
|
+
>
|
|
169
|
+
<NumberInput
|
|
170
|
+
value={formState.yearEstablished.value}
|
|
171
|
+
onChange={formState.yearEstablished.onChange}
|
|
172
|
+
error={formState.yearEstablished.hasError}
|
|
173
|
+
emptyValue={undefined}
|
|
174
|
+
min={1}
|
|
175
|
+
max={2099}
|
|
176
|
+
useEmptyThousandsSeparator
|
|
177
|
+
placeholder="1950"
|
|
178
|
+
fluid
|
|
179
|
+
/>
|
|
180
|
+
</Form.Field>
|
|
181
|
+
</Form.Group>
|
|
182
|
+
</Fragment>
|
|
183
|
+
) : (
|
|
184
|
+
<Fragment>
|
|
185
|
+
<Form.Group widths="equal" className="m-b-2-i">
|
|
186
|
+
<Form.Input
|
|
187
|
+
className="m-b-0-i qa-settings-company-details-company-email"
|
|
188
|
+
width={8}
|
|
189
|
+
value={formState.companyEmail.value}
|
|
190
|
+
onChange={formState.companyEmail.onChangeHandler}
|
|
191
|
+
error={formState.companyEmail.hasError}
|
|
192
|
+
onBlur={handleCompanyEmailBlur}
|
|
193
|
+
label="Company Email"
|
|
194
|
+
placeholder="hello@yourcompany.com"
|
|
195
|
+
fluid
|
|
196
|
+
/>
|
|
197
|
+
<Form.Field
|
|
198
|
+
label="Year Established"
|
|
199
|
+
className="qa-settings-company-details-company-email"
|
|
200
|
+
width={4}
|
|
201
|
+
error={formState.yearEstablished.hasError}
|
|
202
|
+
>
|
|
203
|
+
<NumberInput
|
|
204
|
+
value={formState.yearEstablished.value}
|
|
205
|
+
onChange={formState.yearEstablished.onChange}
|
|
206
|
+
error={formState.yearEstablished.hasError}
|
|
207
|
+
emptyValue={undefined}
|
|
208
|
+
min={1}
|
|
209
|
+
max={2099}
|
|
210
|
+
useEmptyThousandsSeparator
|
|
211
|
+
placeholder="1950"
|
|
212
|
+
fluid
|
|
213
|
+
/>
|
|
214
|
+
</Form.Field>
|
|
215
|
+
</Form.Group>
|
|
216
|
+
</Fragment>
|
|
217
|
+
)}
|
|
218
|
+
|
|
169
219
|
{logoPicker}
|
|
170
220
|
</Form>
|
|
171
221
|
</SettingsSection>
|
|
@@ -10,6 +10,8 @@ import { convertDomainName } from '../../../utils/helpers';
|
|
|
10
10
|
|
|
11
11
|
import * as Styles from './company-email-sender.module.less';
|
|
12
12
|
|
|
13
|
+
const LABEL_ACTION_SIZE = 19;
|
|
14
|
+
|
|
13
15
|
export interface CompanyEmailSenderProps {
|
|
14
16
|
formState: {
|
|
15
17
|
senderName: InputFieldState<string | undefined>;
|
|
@@ -95,13 +97,17 @@ export const CompanyEmailSender: FC<CompanyEmailSenderProps> = observer(
|
|
|
95
97
|
labelProps={{
|
|
96
98
|
action: isSenderDomainValidatedSuccessfully ? (
|
|
97
99
|
<Stack spacing={1} alignItems="center">
|
|
98
|
-
<BodyText
|
|
100
|
+
<BodyText
|
|
101
|
+
size="small"
|
|
102
|
+
className="c-green-500"
|
|
103
|
+
style={{ lineHeight: `${LABEL_ACTION_SIZE}px` }}
|
|
104
|
+
>
|
|
99
105
|
Validated
|
|
100
106
|
</BodyText>
|
|
101
107
|
<Icon
|
|
102
108
|
color={tokens.colorGreen500}
|
|
103
109
|
name="check_circle"
|
|
104
|
-
size={
|
|
110
|
+
size={LABEL_ACTION_SIZE}
|
|
105
111
|
/>
|
|
106
112
|
</Stack>
|
|
107
113
|
) : undefined,
|
|
@@ -111,7 +117,7 @@ export const CompanyEmailSender: FC<CompanyEmailSenderProps> = observer(
|
|
|
111
117
|
onChange={handleSenderDomainChange}
|
|
112
118
|
error={senderDomain.hasError}
|
|
113
119
|
label="Sender Domain"
|
|
114
|
-
placeholder="
|
|
120
|
+
placeholder="domain"
|
|
115
121
|
fluid
|
|
116
122
|
/>
|
|
117
123
|
</Form.Group>
|