@servicetitan/mpa-components 0.6.0 → 1.0.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 +17 -0
- package/lib/components/settings/company-details/index.d.ts +5 -0
- package/lib/components/settings/company-details/index.d.ts.map +1 -1
- package/lib/components/settings/company-details/index.js +4 -3
- package/lib/components/settings/company-details/index.js.map +1 -1
- package/lib/components/settings/company-email-footer/index.d.ts +3 -0
- package/lib/components/settings/company-email-footer/index.d.ts.map +1 -1
- package/lib/components/settings/company-email-footer/index.js +2 -2
- package/lib/components/settings/company-email-footer/index.js.map +1 -1
- package/lib/components/settings/company-email-reply-to/index.d.ts +3 -0
- package/lib/components/settings/company-email-reply-to/index.d.ts.map +1 -1
- package/lib/components/settings/company-email-reply-to/index.js +2 -2
- package/lib/components/settings/company-email-reply-to/index.js.map +1 -1
- package/lib/components/settings/company-email-sender/custom-domain-sender.d.ts +3 -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 +2 -2
- package/lib/components/settings/company-email-sender/custom-domain-sender.js.map +1 -1
- package/lib/components/settings/company-email-sender/simple-sender.d.ts +3 -0
- package/lib/components/settings/company-email-sender/simple-sender.d.ts.map +1 -1
- package/lib/components/settings/company-email-sender/simple-sender.js +2 -2
- package/lib/components/settings/company-email-sender/simple-sender.js.map +1 -1
- package/lib/components/settings/company-trades-picker/index.d.ts +7 -2
- package/lib/components/settings/company-trades-picker/index.d.ts.map +1 -1
- package/lib/components/settings/company-trades-picker/index.js +4 -4
- package/lib/components/settings/company-trades-picker/index.js.map +1 -1
- package/lib/components/settings/double-opt-in/index.d.ts +3 -0
- package/lib/components/settings/double-opt-in/index.d.ts.map +1 -1
- package/lib/components/settings/double-opt-in/index.js +2 -2
- package/lib/components/settings/double-opt-in/index.js.map +1 -1
- package/lib/components/settings/form-errors-list/index.d.ts +1 -0
- package/lib/components/settings/form-errors-list/index.d.ts.map +1 -1
- package/lib/components/settings/form-errors-list/index.js +3 -2
- package/lib/components/settings/form-errors-list/index.js.map +1 -1
- package/lib/components/settings/logo-picker/index.d.ts +1 -0
- package/lib/components/settings/logo-picker/index.d.ts.map +1 -1
- package/lib/components/settings/logo-picker/index.js +2 -2
- package/lib/components/settings/logo-picker/index.js.map +1 -1
- package/lib/components/settings/opt-out-message/index.d.ts +3 -0
- package/lib/components/settings/opt-out-message/index.d.ts.map +1 -1
- package/lib/components/settings/opt-out-message/index.js +2 -2
- package/lib/components/settings/opt-out-message/index.js.map +1 -1
- package/lib/components/settings/settings-section/index.d.ts +3 -1
- package/lib/components/settings/settings-section/index.d.ts.map +1 -1
- package/lib/components/settings/settings-section/index.js +1 -1
- package/lib/components/settings/settings-section/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/settings/company-details/index.tsx +15 -4
- package/src/components/settings/company-email-footer/index.tsx +6 -2
- package/src/components/settings/company-email-reply-to/index.tsx +32 -26
- package/src/components/settings/company-email-sender/custom-domain-sender.tsx +6 -2
- package/src/components/settings/company-email-sender/simple-sender.tsx +6 -2
- package/src/components/settings/company-trades-picker/index.tsx +17 -7
- package/src/components/settings/double-opt-in/index.tsx +116 -110
- package/src/components/settings/form-errors-list/index.tsx +31 -27
- package/src/components/settings/logo-picker/index.tsx +12 -8
- package/src/components/settings/opt-out-message/index.tsx +6 -3
- package/src/components/settings/settings-section/index.tsx +12 -7
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,23 @@
|
|
|
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.0.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@0.6.0...@servicetitan/mpa-components@1.0.0) (2022-08-25)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **application:** fixed merge tags link ([2aa47be](https://github.com/servicetitan/marketing/commit/2aa47be51cb89ae9e44f923d39356e1196bd69d1))
|
|
12
|
+
* **application:** made logo undeletable ([a0d5f63](https://github.com/servicetitan/marketing/commit/a0d5f63f4c9e313d9d030675af26117895d45ff3))
|
|
13
|
+
* **application:** small fixes in whole app ([7ccaec3](https://github.com/servicetitan/marketing/commit/7ccaec34c2912c9f98da932b00981adb9195f407))
|
|
14
|
+
* **components:** adding layout and className prop to every settings component ([4cd0746](https://github.com/servicetitan/marketing/commit/4cd07468ec629c5909ce4d546e0423809e9af3d4))
|
|
15
|
+
* **components:** fixed zip-code input ([b022900](https://github.com/servicetitan/marketing/commit/b02290051ade0d64eed370a553f47f3709aac70c))
|
|
16
|
+
* **components:** pass columns count into company-trades-picker ([6d01ca7](https://github.com/servicetitan/marketing/commit/6d01ca7c6ce04b24ae75e4bd03a85294c5ac4a53))
|
|
17
|
+
* **packages:** fixed props passing for SettingsSection and company details, email, trades picker ([a3cecf3](https://github.com/servicetitan/marketing/commit/a3cecf38bac6ba90d1b93ddc9f3b6102af05e057))
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
6
23
|
# [0.6.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@0.5.0...@servicetitan/mpa-components@0.6.0) (2022-08-18)
|
|
7
24
|
|
|
8
25
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { FieldState } from 'formstate';
|
|
3
|
+
import { LayoutProps } from '@servicetitan/design-system';
|
|
3
4
|
import { InputFieldState } from '@servicetitan/form';
|
|
4
5
|
export interface CompanyDetailsProps {
|
|
5
6
|
formState: {
|
|
@@ -15,7 +16,11 @@ export interface CompanyDetailsProps {
|
|
|
15
16
|
};
|
|
16
17
|
logoPicker?: ReactNode;
|
|
17
18
|
sectionDescription?: string | JSX.Element;
|
|
19
|
+
layout?: LayoutProps['type'];
|
|
20
|
+
className?: string;
|
|
21
|
+
title?: ReactNode;
|
|
18
22
|
handleCompanyEmailBlur?: () => void;
|
|
19
23
|
}
|
|
24
|
+
export declare const MERGE_TAGS_DOCUMENTATION_LINK = "https://help.servicetitan.com/Content/Marketing/merge-tags.htm";
|
|
20
25
|
export declare const CompanyDetails: FC<CompanyDetailsProps>;
|
|
21
26
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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;
|
|
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;AAEvC,OAAO,EAAQ,WAAW,EAAQ,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAe,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGlE,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,CA0HlD,CAAC"}
|
|
@@ -4,8 +4,9 @@ import { observer } from 'mobx-react';
|
|
|
4
4
|
import { Form, Link } from '@servicetitan/design-system';
|
|
5
5
|
import { NumberInput } from '@servicetitan/form';
|
|
6
6
|
import { SettingsSection } from '../settings-section';
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
export const MERGE_TAGS_DOCUMENTATION_LINK = 'https://help.servicetitan.com/Content/Marketing/merge-tags.htm';
|
|
8
|
+
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: "qa-settings-company-details-merge-tags" }, { children: "merge tags" }), void 0), "."] }, void 0));
|
|
9
|
+
export const CompanyDetails = observer(({ formState, logoPicker, sectionDescription = DEFAULT_SECTION_DESCRIPTION, handleCompanyEmailBlur = () => { }, layout, className = '', title = 'Company Details', }) => {
|
|
10
|
+
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 }, void 0), _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 }, void 0), _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" }, void 0), _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" }, void 0)] }), void 0), _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 }, void 0), _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 }, void 0), _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 }, void 0)] }), void 0), _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-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 }, void 0), _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 }, void 0) }), void 0)] }), void 0), logoPicker] }), void 0) }), void 0));
|
|
10
11
|
});
|
|
11
12
|
//# 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;AAGtC,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { LayoutProps } from '@servicetitan/design-system';
|
|
2
3
|
import { InputFieldState, TextAreaFieldState } from '@servicetitan/form';
|
|
3
4
|
export interface CompanyEmailFooterProps {
|
|
4
5
|
formState: {
|
|
@@ -6,6 +7,8 @@ export interface CompanyEmailFooterProps {
|
|
|
6
7
|
license: InputFieldState<string | undefined>;
|
|
7
8
|
copyrightText: InputFieldState<string | undefined>;
|
|
8
9
|
};
|
|
10
|
+
layout?: LayoutProps['type'];
|
|
11
|
+
className?: string;
|
|
9
12
|
}
|
|
10
13
|
export declare const CompanyEmailFooter: FC<CompanyEmailFooterProps>;
|
|
11
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAQ,WAAW,EAAQ,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAIzE,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE;QACP,SAAS,EAAE,kBAAkB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAClD,OAAO,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;QAC7C,aAAa,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAgE1D,CAAC"}
|
|
@@ -3,8 +3,8 @@ import { Fragment } from 'react';
|
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
4
|
import { Form, Text } from '@servicetitan/design-system';
|
|
5
5
|
import { SettingsSection } from '../settings-section';
|
|
6
|
-
export const CompanyEmailFooter = observer(({ formState: { legalCopy, license, copyrightText } }) => {
|
|
7
|
-
return (_jsx(SettingsSection, Object.assign({ title: "Footer", text: `Your footer will be partially generated from the Company Details section above.
|
|
6
|
+
export const CompanyEmailFooter = observer(({ formState: { legalCopy, license, copyrightText }, layout, className }) => {
|
|
7
|
+
return (_jsx(SettingsSection, Object.assign({ className: className, layout: layout, title: "Footer", text: `Your footer will be partially generated from the Company Details section above.
|
|
8
8
|
Please enter the additional info so that it is CAN-SPAM compliant.`, qaPrefix: "qa-settings-footer" }, { children: _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.TextArea, { className: "m-b-2-i qa-settings-footer-legal-copy", label: _jsxs(Fragment, { children: ["Legal Copy\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(optional)" }), void 0)] }, void 0), placeholder: "Enter legal copy here", value: legalCopy.value, onChange: legalCopy.onChangeHandler }, void 0), _jsxs(Form.Group, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-footer-lic", value: license.value, onChange: license.onChangeHandler, label: _jsxs(Fragment, { children: ["LIC #\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(optional)" }), void 0)] }, void 0), placeholder: "XYZ12345", fluid: true }, void 0), _jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-footer-copyright-text", value: copyrightText.value, onChange: copyrightText.onChangeHandler, label: _jsxs(Fragment, { children: ["Copyright Text\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(optional)" }), void 0)] }, void 0), placeholder: "\u00A9 2022, all right reserved", fluid: true }, void 0)] }), void 0)] }), void 0) }), void 0));
|
|
9
9
|
});
|
|
10
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAe,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAYtD,MAAM,CAAC,MAAM,kBAAkB,GAAgC,QAAQ,CACnE,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IACxE,OAAO,CACH,KAAC,eAAe,kBACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE;uFACiE,EACvE,QAAQ,EAAC,oBAAoB,gBAE7B,MAAC,IAAI,kBAAC,SAAS,EAAC,SAAS,iBACrB,KAAC,IAAI,CAAC,QAAQ,IACV,SAAS,EAAC,uCAAuC,EACjD,KAAK,EACD,MAAC,QAAQ,mCAEL,KAAC,IAAI,kBAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,8CAEtB,YACA,EAEf,WAAW,EAAC,uBAAuB,EACnC,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,QAAQ,EAAE,SAAS,CAAC,eAAe,WACrC,EACF,MAAC,IAAI,CAAC,KAAK,kBAAC,SAAS,EAAC,SAAS,iBAC3B,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,QAAQ,EAAE,OAAO,CAAC,eAAe,EACjC,KAAK,EACD,MAAC,QAAQ,8BAEL,KAAC,IAAI,kBAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,8CAEtB,YACA,EAEf,WAAW,EAAC,UAAU,EACtB,KAAK,iBACP,EACF,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,QAAQ,EAAE,aAAa,CAAC,eAAe,EACvC,KAAK,EACD,MAAC,QAAQ,uCAEL,KAAC,IAAI,kBAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,8CAEtB,YACA,EAEf,WAAW,EAAC,iCAA4B,EACxC,KAAK,iBACP,aACO,aACV,YACO,CACrB,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { InputFieldState } from '@servicetitan/form';
|
|
3
|
+
import { LayoutProps } from '@servicetitan/design-system';
|
|
3
4
|
export interface CompanyEmailReplyToProps {
|
|
4
5
|
replyToEmail: InputFieldState<string | undefined>;
|
|
6
|
+
layout?: LayoutProps['type'];
|
|
7
|
+
className?: string;
|
|
5
8
|
}
|
|
6
9
|
export declare const CompanyEmailReplyTo: FC<CompanyEmailReplyToProps>;
|
|
7
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAQ,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAIhE,MAAM,WAAW,wBAAwB;IACrC,YAAY,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA6B5D,CAAC"}
|
|
@@ -3,10 +3,10 @@ import { useCallback } from 'react';
|
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
4
|
import { Form } from '@servicetitan/design-system';
|
|
5
5
|
import { SettingsSection } from '../settings-section';
|
|
6
|
-
export const CompanyEmailReplyTo = observer(({ replyToEmail }) => {
|
|
6
|
+
export const CompanyEmailReplyTo = observer(({ replyToEmail, layout, className }) => {
|
|
7
7
|
const handleReplyToBlur = useCallback(() => {
|
|
8
8
|
replyToEmail.validate();
|
|
9
9
|
}, [replyToEmail]);
|
|
10
|
-
return (_jsx(SettingsSection, Object.assign({ title: "Reply-To", text: "This is where emails will be sent if someone replies to one of your emails.", qaPrefix: "qa-settings-reply-to" }, { children: _jsx(Form, Object.assign({ className: "m-b-0-i" }, { children: _jsx(Form.Input, { className: "m-b-0-i qa-settings-reply-to-email-address", value: replyToEmail.value, onChange: replyToEmail.onChangeHandler, error: replyToEmail.hasError, onBlur: handleReplyToBlur, label: "Reply-to Email Address", placeholder: "info@yourcompany.com", fluid: true }, void 0) }), void 0) }), void 0));
|
|
10
|
+
return (_jsx(SettingsSection, Object.assign({ layout: layout, className: className, title: "Reply-To", text: "This is where emails will be sent if someone replies to one of your emails.", qaPrefix: "qa-settings-reply-to" }, { children: _jsx(Form, Object.assign({ className: "m-b-0-i" }, { children: _jsx(Form.Input, { className: "m-b-0-i qa-settings-reply-to-email-address", value: replyToEmail.value, onChange: replyToEmail.onChangeHandler, error: replyToEmail.hasError, onBlur: handleReplyToBlur, label: "Reply-to Email Address", placeholder: "info@yourcompany.com", fluid: true }, void 0) }), void 0) }), void 0));
|
|
11
11
|
});
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,IAAI,EAAe,MAAM,6BAA6B,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQtD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,QAAQ,CACrE,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IACpC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,YAAY,CAAC,QAAQ,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACH,KAAC,eAAe,kBACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,6EAA6E,EAClF,QAAQ,EAAC,sBAAsB,gBAE/B,KAAC,IAAI,kBAAC,SAAS,EAAC,SAAS,gBACrB,KAAC,IAAI,CAAC,KAAK,IACP,SAAS,EAAC,4CAA4C,EACtD,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,QAAQ,EAAE,YAAY,CAAC,eAAe,EACtC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAC5B,MAAM,EAAE,iBAAiB,EACzB,KAAK,EAAC,wBAAwB,EAC9B,WAAW,EAAC,sBAAsB,EAClC,KAAK,iBACP,YACC,YACO,CACrB,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { LayoutProps } from '@servicetitan/design-system';
|
|
2
3
|
import { InputFieldState } from '@servicetitan/form';
|
|
3
4
|
export interface CompanyEmailSenderProps {
|
|
4
5
|
formState: {
|
|
@@ -7,6 +8,8 @@ export interface CompanyEmailSenderProps {
|
|
|
7
8
|
senderEmail: InputFieldState<string | undefined>;
|
|
8
9
|
};
|
|
9
10
|
senderTld: string;
|
|
11
|
+
layout?: LayoutProps['type'];
|
|
12
|
+
className?: string;
|
|
10
13
|
}
|
|
11
14
|
export declare const CompanyEmailSender: FC<CompanyEmailSenderProps>;
|
|
12
15
|
//# sourceMappingURL=custom-domain-sender.d.ts.map
|
|
@@ -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;
|
|
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,EAAQ,WAAW,EAAQ,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAOrD,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;IAEF,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,CA6G1D,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { Form, Text } from '@servicetitan/design-system';
|
|
|
5
5
|
import { SettingsSection } from '../settings-section';
|
|
6
6
|
import { convertDomainName } from '../../../utils/helpers';
|
|
7
7
|
import * as Styles from './company-email-sender.module.less';
|
|
8
|
-
export const CompanyEmailSender = observer(({ formState: { senderDomain, senderName, senderEmail }, senderTld }) => {
|
|
8
|
+
export const CompanyEmailSender = observer(({ formState: { senderDomain, senderName, senderEmail }, senderTld, layout, className }) => {
|
|
9
9
|
const handleSenderNameChange = useCallback((_0, data) => {
|
|
10
10
|
if (data.value.length > 80) {
|
|
11
11
|
return;
|
|
@@ -24,6 +24,6 @@ export const CompanyEmailSender = observer(({ formState: { senderDomain, senderN
|
|
|
24
24
|
}
|
|
25
25
|
senderEmail.onChange(data.value);
|
|
26
26
|
}, [senderEmail]);
|
|
27
|
-
return (_jsx(SettingsSection, Object.assign({ 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" }), void 0)] }, void 0), placeholder: "John Doe", fluid: true }, void 0), _jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-domain", value: senderDomain.value, onChange: handleSenderDomainChange, error: senderDomain.hasError, label: "Sender Domain", placeholder: "Your Company", fluid: true }, void 0)] }), void 0), _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)" }), void 0)] }, void 0), placeholder: "john.doe", fluid: true }, void 0), _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] }), void 0) }), void 0) }), void 0)] }), void 0)] }), void 0) }), void 0));
|
|
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" }), void 0)] }, void 0), placeholder: "John Doe", fluid: true }, void 0), _jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-domain", value: senderDomain.value, onChange: handleSenderDomainChange, error: senderDomain.hasError, label: "Sender Domain", placeholder: "Your Company", fluid: true }, void 0)] }), void 0), _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)" }), void 0)] }, void 0), placeholder: "john.doe", fluid: true }, void 0), _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] }), void 0) }), void 0) }), void 0)] }), void 0)] }), void 0) }), void 0));
|
|
28
28
|
});
|
|
29
29
|
//# 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,
|
|
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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"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { LayoutProps } from '@servicetitan/design-system';
|
|
2
3
|
import { InputFieldState } from '@servicetitan/form';
|
|
3
4
|
export interface CompanyEmailSender {
|
|
4
5
|
senderName: InputFieldState<string | undefined>;
|
|
5
6
|
senderEmail: InputFieldState<string | undefined>;
|
|
7
|
+
layout?: LayoutProps['type'];
|
|
8
|
+
className?: string;
|
|
6
9
|
}
|
|
7
10
|
export declare const CompanyEmailSender: FC<CompanyEmailSender>;
|
|
8
11
|
//# sourceMappingURL=simple-sender.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-sender.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/simple-sender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"simple-sender.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/simple-sender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAQ,WAAW,EAAQ,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,MAAM,WAAW,kBAAkB;IAC/B,UAAU,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAChD,WAAW,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,kBAAkB,CA4DrD,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Fragment, useCallback } from 'react';
|
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
4
|
import { Form, Text } from '@servicetitan/design-system';
|
|
5
5
|
import { SettingsSection } from '../settings-section';
|
|
6
|
-
export const CompanyEmailSender = observer(({ senderName, senderEmail }) => {
|
|
6
|
+
export const CompanyEmailSender = observer(({ senderName, senderEmail, layout, className }) => {
|
|
7
7
|
const handleSenderNameChange = useCallback((_0, data) => {
|
|
8
8
|
if (data.value.length > 80) {
|
|
9
9
|
return;
|
|
@@ -13,6 +13,6 @@ export const CompanyEmailSender = observer(({ senderName, senderEmail }) => {
|
|
|
13
13
|
const handleSenderEmailBlur = useCallback(() => {
|
|
14
14
|
senderEmail.validate();
|
|
15
15
|
}, [senderEmail]);
|
|
16
|
-
return (_jsx(SettingsSection, Object.assign({ title: "Sender", text: "Configure sender name and email.", qaPrefix: "qa-settings-sender" }, { children: _jsx(Form, Object.assign({ className: "m-b-0-i" }, { children: _jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-0-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" }), void 0)] }, void 0), placeholder: "John Doe", fluid: true }, void 0), _jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-email", value: senderEmail.value, onChange: senderEmail.onChangeHandler, error: senderEmail.hasError, onBlur: handleSenderEmailBlur, label: "Sender Email", placeholder: "name@company.com", fluid: true }, void 0)] }), void 0) }), void 0) }), void 0));
|
|
16
|
+
return (_jsx(SettingsSection, Object.assign({ layout: layout, className: className, title: "Sender", text: "Configure sender name and email.", qaPrefix: "qa-settings-sender" }, { children: _jsx(Form, Object.assign({ className: "m-b-0-i" }, { children: _jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-0-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" }), void 0)] }, void 0), placeholder: "John Doe", fluid: true }, void 0), _jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-email", value: senderEmail.value, onChange: senderEmail.onChangeHandler, error: senderEmail.hasError, onBlur: handleSenderEmailBlur, label: "Sender Email", placeholder: "name@company.com", fluid: true }, void 0)] }), void 0) }), void 0) }), void 0));
|
|
17
17
|
});
|
|
18
18
|
//# sourceMappingURL=simple-sender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-sender.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/simple-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,
|
|
1
|
+
{"version":3,"file":"simple-sender.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/simple-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;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAStD,MAAM,CAAC,MAAM,kBAAkB,GAA2B,QAAQ,CAC9D,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IAC/C,MAAM,sBAAsB,GAAG,WAAW,CACtC,CAAC,EAA2C,EAAE,IAAuB,EAAE,EAAE;QACrE,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,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,WAAW,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACH,KAAC,eAAe,kBACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kCAAkC,EACvC,QAAQ,EAAC,oBAAoB,gBAE7B,KAAC,IAAI,kBAAC,SAAS,EAAC,SAAS,gBACrB,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,qDAEtB,YACA,EAEf,WAAW,EAAC,UAAU,EACtB,KAAK,iBACP,EACF,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,QAAQ,EAAE,WAAW,CAAC,eAAe,EACrC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAC3B,MAAM,EAAE,qBAAqB,EAC7B,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,kBAAkB,EAC9B,KAAK,iBACP,aACO,YACV,YACO,CACrB,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { LayoutProps } from '@servicetitan/design-system';
|
|
2
3
|
export interface Trade<TradeType extends string | number> {
|
|
3
4
|
qaKey?: string;
|
|
4
5
|
name: string;
|
|
@@ -13,7 +14,11 @@ export interface Trade<TradeType extends string | number> {
|
|
|
13
14
|
}
|
|
14
15
|
export interface CompanyTradesPickerProps<TradeType extends string | number = string> {
|
|
15
16
|
trades: Trade<TradeType>[];
|
|
17
|
+
layout?: LayoutProps['type'];
|
|
18
|
+
className?: string;
|
|
19
|
+
title?: ReactNode;
|
|
20
|
+
columns?: number;
|
|
16
21
|
onTradeChange(t?: TradeType): void;
|
|
17
22
|
}
|
|
18
|
-
export declare function CompanyTradesPicker<T extends string | number = string>({ trades, onTradeChange, }: CompanyTradesPickerProps<T>): JSX.Element;
|
|
23
|
+
export declare function CompanyTradesPicker<T extends string | number = string>({ trades, onTradeChange, layout, className, columns, title, }: CompanyTradesPickerProps<T>): JSX.Element;
|
|
19
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAG3C,OAAO,EAA0B,WAAW,EAAQ,MAAM,6BAA6B,CAAC;AAKxF,MAAM,WAAW,KAAK,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACL;AAED,MAAM,WAAW,wBAAwB,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAChF,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACtC;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,EACpE,MAAM,EACN,aAAa,EACb,MAAM,EACN,SAAS,EACT,OAAW,EACX,KAA4B,GAC/B,EAAE,wBAAwB,CAAC,CAAC,CAAC,eAkD7B"}
|
|
@@ -4,12 +4,12 @@ import chunk from 'lodash/chunk';
|
|
|
4
4
|
import { Grid, Text } from '@servicetitan/design-system';
|
|
5
5
|
import { SettingsSection } from '../settings-section';
|
|
6
6
|
import { CompanyTradeCheckbox } from '../company-trade-checkbox';
|
|
7
|
-
export function CompanyTradesPicker({ trades, onTradeChange, }) {
|
|
8
|
-
const rows = useMemo(() => chunk(trades,
|
|
9
|
-
return (_jsx(SettingsSection, Object.assign({ qaPrefix: "qa-settings-select-your-trades",
|
|
7
|
+
export function CompanyTradesPicker({ trades, onTradeChange, layout, className, columns = 4, title = 'Select Your Trades', }) {
|
|
8
|
+
const rows = useMemo(() => chunk(trades, columns).map((row, idx) => ({ row, key: `row=${idx}` })), [trades, columns]);
|
|
9
|
+
return (_jsx(SettingsSection, Object.assign({ className: className, layout: layout, title: title, qaPrefix: "qa-settings-select-your-trades", text: "Choose which trades describe your business so we can give you relevant content and merge tags." }, { children: _jsx(Grid, Object.assign({ columns: columns }, { children: rows.map(({ row, key }) => {
|
|
10
10
|
return (_jsx(Grid.Row, Object.assign({ stretched: true, className: "p-0" }, { children: row.map(trade => {
|
|
11
11
|
var _a, _b;
|
|
12
|
-
return (_jsx(Grid.Column, { children: _jsx(CompanyTradeCheckbox, { className: `qa-settings-select-your-trades-${(_a = trade.qaKey) !== null && _a !== void 0 ? _a : trade.value}`, active: trade.active, onClick: onTradeChange, value: trade.value, label: _jsxs("div", Object.assign({ className: "ta-center" }, { children: [_jsx("img", { src: trade.asset.main, srcSet: `${trade.asset.x3} 3x, ${trade.asset.x2} 2x`, alt: (_b = trade.asset.alt) !== null && _b !== void 0 ? _b : '' }, void 0), _jsx(Text, Object.assign({ bold: true, className: "m-t-2", size: 2 }, { children: trade.name }), void 0)] }), void 0) }, void 0) }, trade.
|
|
12
|
+
return (_jsx(Grid.Column, { children: _jsx(CompanyTradeCheckbox, { className: `qa-settings-select-your-trades-${(_a = trade.qaKey) !== null && _a !== void 0 ? _a : trade.value}`, active: trade.active, onClick: onTradeChange, value: trade.value, label: _jsxs("div", Object.assign({ className: "ta-center" }, { children: [_jsx("img", { src: trade.asset.main, srcSet: `${trade.asset.x3} 3x, ${trade.asset.x2} 2x`, alt: (_b = trade.asset.alt) !== null && _b !== void 0 ? _b : '' }, void 0), _jsx(Text, Object.assign({ bold: true, className: "m-t-2", size: 2 }, { children: trade.name }), void 0)] }), void 0) }, void 0) }, trade.name));
|
|
13
13
|
}) }), key));
|
|
14
14
|
}) }), void 0) }), void 0));
|
|
15
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/index.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAiC,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAwBjE,MAAM,UAAU,mBAAmB,CAAqC,EACpE,MAAM,EACN,aAAa,EACb,MAAM,EACN,SAAS,EACT,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,oBAAoB,GACF;IAC1B,MAAM,IAAI,GAAG,OAAO,CAChB,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,CAAC,CAAC,EAC5E,CAAC,MAAM,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,KAAC,eAAe,kBACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,gCAAgC,EACzC,IAAI,EAAC,gGAAgG,gBAErG,KAAC,IAAI,kBAAC,OAAO,EAAE,OAA2B,gBACrC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;gBACvB,OAAO,CACH,KAAC,IAAI,CAAC,GAAG,kBAAW,SAAS,QAAC,SAAS,EAAC,KAAK,gBACxC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;;wBACb,OAAO,CACH,KAAC,IAAI,CAAC,MAAM,cACR,KAAC,oBAAoB,IACjB,SAAS,EAAE,kCACP,MAAA,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,KACzB,EAAE,EACF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EACD,6BAAK,SAAS,EAAC,WAAW,iBACtB,cACI,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACrB,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,QAAQ,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EACpD,GAAG,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,GAAG,mCAAI,EAAE,WAC5B,EACF,KAAC,IAAI,kBAAC,IAAI,QAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAE,CAAC,gBAC/B,KAAK,CAAC,IAAI,YACR,aACL,WAEZ,IApBY,KAAK,CAAC,IAAI,CAqBd,CACjB,CAAC;oBACN,CAAC,CAAC,KA1BS,GAAG,CA2BP,CACd,CAAC;YACN,CAAC,CAAC,YACC,YACO,CACrB,CAAC;AACN,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { CheckboxFieldState, InputFieldState, TextAreaFieldState } from '@servicetitan/form';
|
|
3
|
+
import { LayoutProps } from '@servicetitan/design-system';
|
|
3
4
|
export declare const footerText = "If you\u2019ve received this email by mistake, no action is needed, just delete this message.";
|
|
4
5
|
export interface DoubleOptInPropsFormState {
|
|
5
6
|
emailSubject: InputFieldState<string | undefined>;
|
|
@@ -10,6 +11,8 @@ export interface DoubleOptInPropsFormState {
|
|
|
10
11
|
}
|
|
11
12
|
export interface DoubleOptInProps {
|
|
12
13
|
formState: DoubleOptInPropsFormState;
|
|
14
|
+
layout?: LayoutProps['type'];
|
|
15
|
+
className?: string;
|
|
13
16
|
onHandleClickEnable?(checkd: boolean): void;
|
|
14
17
|
}
|
|
15
18
|
export declare const DoubleOptIn: FC<DoubleOptInProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAoC,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAQ5F,eAAO,MAAM,UAAU,kGACuE,CAAC;AAE/F,MAAM,WAAW,yBAAyB;IACtC,YAAY,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAClD,WAAW,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjD,SAAS,EAAE,kBAAkB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAClD,eAAe,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrD,OAAO,EAAE,kBAAkB,CAAC;CAC/B;AACD,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,yBAAyB,CAAC;IACrC,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsH5C,CAAC"}
|
|
@@ -8,7 +8,7 @@ import { SettingsSection } from '../settings-section';
|
|
|
8
8
|
import { OptInEmailPreview } from '../email-preview/opt-in-email-preview';
|
|
9
9
|
import * as Styles from './double-opt-in.module.less';
|
|
10
10
|
export const footerText = 'If you’ve received this email by mistake, no action is needed, just delete this message.';
|
|
11
|
-
export const DoubleOptIn = observer(({ onHandleClickEnable, formState }) => {
|
|
11
|
+
export const DoubleOptIn = observer(({ onHandleClickEnable, formState, layout, className }) => {
|
|
12
12
|
const { emailSubject, emailHeader, emailBody, emailButtonText, enabled } = formState;
|
|
13
13
|
const [isPreviewOpen, setIsPreviewOpen] = useState(false);
|
|
14
14
|
const openPreview = useCallback(() => setIsPreviewOpen(true), [setIsPreviewOpen]);
|
|
@@ -18,6 +18,6 @@ export const DoubleOptIn = observer(({ onHandleClickEnable, formState }) => {
|
|
|
18
18
|
enabled.onChange(checked);
|
|
19
19
|
}, [enabled, onHandleClickEnable]);
|
|
20
20
|
const [Confirm, handleConfirmed] = useConfirm(handleClickEnable);
|
|
21
|
-
return (_jsxs(SettingsSection, Object.assign({ qaPrefix: "qa-double-opt-in", title: "Double Opt-In", text: _jsxs(Fragment, { children: [_jsx("div", { children: "Double opt-in ensures that your emails will go to SPAM at a much lower rate. The opt-in confirmation happens after a job has been completed." }, void 0), _jsx(ToggleSwitch, { label: "Enable", onChange: handleConfirmed, checked: enabled.value, className: "m-t-2 qa-double-opt-in-enable" }, void 0)] }, void 0) }, { children: [_jsx(Text, Object.assign({ bold: true, className: "m-b-2" }, { children: "Double Opt-In Email Content" }), void 0), _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.Input, { className: "m-b-2-i qa-double-opt-in-subject-line", value: emailSubject.value, onChange: emailSubject.onChangeHandler, error: emailSubject.hasError, label: "Subject Line", fluid: true, disabled: !enabled.value }, void 0), _jsx(Form.Input, { className: "m-b-2-i qa-double-opt-in-header", value: emailHeader.value, onChange: emailHeader.onChangeHandler, error: emailHeader.hasError, label: "Header", fluid: true, disabled: !enabled.value }, void 0), _jsx(Form.TextArea, { className: "m-b-2-i qa-double-opt-in-body-copy", label: "Body Copy", value: emailBody.value, onChange: emailBody.onChangeHandler, error: emailBody.hasError, rows: 2, disabled: !enabled.value }, void 0), _jsx(Form.Input, { className: classnames(Styles.buttonInput, 'm-b-2-i qa-double-opt-in-button-text'), value: emailButtonText.value, onChange: emailButtonText.onChangeHandler, error: emailButtonText.hasError, label: "Button Text", disabled: !enabled.value }, void 0), _jsx(Form.Field, Object.assign({ className: "m-b-3-i", label: _jsxs(Fragment, { children: ["Footer\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(automatically added)" }), void 0)] }, void 0) }, { children: _jsx(Text, { children: footerText }, void 0) }), void 0), _jsx(Button, Object.assign({ className: "qa-double-opt-in-preview-email", primary: true, onClick: openPreview, outline: true, small: true, disabled: !enabled.value }, { children: "Preview Email" }), void 0)] }), void 0), _jsx(Confirm, { title: "Disable Double Opt-In", message: "Disabling double opt-in could potentially lead to worse email performance and higher spam rates. Are you sure?", when: enabled.value }, void 0), _jsx(OptInEmailPreview, Object.assign({}, formState, { open: isPreviewOpen, footerText: footerText, onClose: closePreview }), void 0)] }), void 0));
|
|
21
|
+
return (_jsxs(SettingsSection, Object.assign({ layout: layout, className: className, qaPrefix: "qa-double-opt-in", title: "Double Opt-In", text: _jsxs(Fragment, { children: [_jsx("div", { children: "Double opt-in ensures that your emails will go to SPAM at a much lower rate. The opt-in confirmation happens after a job has been completed." }, void 0), _jsx(ToggleSwitch, { label: "Enable", onChange: handleConfirmed, checked: enabled.value, className: "m-t-2 qa-double-opt-in-enable" }, void 0)] }, void 0) }, { children: [_jsx(Text, Object.assign({ bold: true, className: "m-b-2" }, { children: "Double Opt-In Email Content" }), void 0), _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.Input, { className: "m-b-2-i qa-double-opt-in-subject-line", value: emailSubject.value, onChange: emailSubject.onChangeHandler, error: emailSubject.hasError, label: "Subject Line", fluid: true, disabled: !enabled.value }, void 0), _jsx(Form.Input, { className: "m-b-2-i qa-double-opt-in-header", value: emailHeader.value, onChange: emailHeader.onChangeHandler, error: emailHeader.hasError, label: "Header", fluid: true, disabled: !enabled.value }, void 0), _jsx(Form.TextArea, { className: "m-b-2-i qa-double-opt-in-body-copy", label: "Body Copy", value: emailBody.value, onChange: emailBody.onChangeHandler, error: emailBody.hasError, rows: 2, disabled: !enabled.value }, void 0), _jsx(Form.Input, { className: classnames(Styles.buttonInput, 'm-b-2-i qa-double-opt-in-button-text'), value: emailButtonText.value, onChange: emailButtonText.onChangeHandler, error: emailButtonText.hasError, label: "Button Text", disabled: !enabled.value }, void 0), _jsx(Form.Field, Object.assign({ className: "m-b-3-i", label: _jsxs(Fragment, { children: ["Footer\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(automatically added)" }), void 0)] }, void 0) }, { children: _jsx(Text, { children: footerText }, void 0) }), void 0), _jsx(Button, Object.assign({ className: "qa-double-opt-in-preview-email", primary: true, onClick: openPreview, outline: true, small: true, disabled: !enabled.value }, { children: "Preview Email" }), void 0)] }), void 0), _jsx(Confirm, { title: "Disable Double Opt-In", message: "Disabling double opt-in could potentially lead to worse email performance and higher spam rates. Are you sure?", when: enabled.value }, void 0), _jsx(OptInEmailPreview, Object.assign({}, formState, { open: isPreviewOpen, footerText: footerText, onClose: closePreview }), void 0)] }), void 0));
|
|
22
22
|
});
|
|
23
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { FormState, ValidatableMapOrArray } from 'formstate';
|
|
3
3
|
export interface FormErrorsListProps<T extends ValidatableMapOrArray = ValidatableMapOrArray> {
|
|
4
|
+
className?: string;
|
|
4
5
|
form: FormState<T>;
|
|
5
6
|
}
|
|
6
7
|
export declare const FormErrorsList: FC<FormErrorsListProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/form-errors-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAyB,SAAS,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/form-errors-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAyB,SAAS,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAKpF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8BlD,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import { Banner } from '@servicetitan/design-system';
|
|
4
|
-
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
export const FormErrorsList = observer(({ form, className }) => {
|
|
5
6
|
const getErrors = () => {
|
|
6
7
|
return Object.entries(form.$).map(([key, field]) => {
|
|
7
8
|
return field.hasError ? (_jsx("li", Object.assign({ className: "qa-settings-email-error-list-item" }, { children: field.error }), key)) : null;
|
|
@@ -10,6 +11,6 @@ export const FormErrorsList = observer(({ form }) => {
|
|
|
10
11
|
if (!form.hasError) {
|
|
11
12
|
return null;
|
|
12
13
|
}
|
|
13
|
-
return (_jsxs(Banner, Object.assign({ status: "critical", title: "Missing Fields", icon: true, className:
|
|
14
|
+
return (_jsxs(Banner, Object.assign({ status: "critical", title: "Missing Fields", icon: true, className: classNames('m-b-2 qa-settings-email-error', className) }, { children: [_jsx("p", { children: "Please complete all required fields:" }, void 0), _jsx("ul", Object.assign({ className: "qa-settings-email-error-list" }, { children: getErrors() }), void 0)] }), void 0));
|
|
14
15
|
});
|
|
15
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/form-errors-list/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/form-errors-list/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,CAAC,MAAM,cAAc,GAA4B,QAAQ,CAC3D,CAAC,EAAE,IAAI,EAAE,SAAS,EAAuB,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAC7B,CAAC,CAAC,GAAG,EAAE,KAAK,CAAuD,EAAE,EAAE;YACnE,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACpB,2BAAc,SAAS,EAAC,mCAAmC,gBACtD,KAAK,CAAC,KAAK,KADP,GAAG,CAEP,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;QACb,CAAC,CACJ,CAAC;IACN,CAAC,CAAC;IAEF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAChB,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,MAAC,MAAM,kBACH,MAAM,EAAC,UAAU,EACjB,KAAK,EAAC,gBAAgB,EACtB,IAAI,QACJ,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,SAAS,CAAC,iBAEjE,uEAA2C,EAC3C,2BAAI,SAAS,EAAC,8BAA8B,gBAAE,SAAS,EAAE,YAAM,aAC1D,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/logo-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAgBnE,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,sBAAsB;;;CAAkD,CAAC;AACtF,eAAO,MAAM,iBAAiB,aAY7B,CAAC;AAIF,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/logo-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAgBnE,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,sBAAsB;;;CAAkD,CAAC;AACtF,eAAO,MAAM,iBAAiB,aAY7B,CAAC;AAIF,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,WAAW,IAAI,IAAI,CAAC;IACpB,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,UAAU,CAAC,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,GAAG,IAAI,CAAC;IACzF,YAAY,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgN1C,CAAC"}
|
|
@@ -17,7 +17,7 @@ export const LOGO_MIN_SIZE = 180;
|
|
|
17
17
|
export const DEFAULT_MIN_DIMENSIONS = { width: LOGO_MIN_SIZE, height: LOGO_MIN_SIZE };
|
|
18
18
|
export const DEFAULT_LOGO_TIPS = (_jsxs("ul", { children: [_jsx("li", { children: "PNGs with a transparent background work best, but aren't required." }, void 0), _jsx("li", { children: "Don't know where your logo is? Your social media profile would be a good place to look." }, void 0), _jsx("li", { children: "Use a logo that is at least 180x180px in size." }, void 0), _jsx("li", { children: "Avoid using a screenshot of your logo, right click and \u201Csave as\u201D if you're pulling it from somewhere else." }, void 0)] }, void 0));
|
|
19
19
|
import * as Styles from './logo-picker.module.less';
|
|
20
|
-
export const LogoPicker = observer(({ deleteImage, downloadImage, error, image, imageUrl, loaded = true, maxSize, minDimensions = DEFAULT_MIN_DIMENSIONS, onBadImage, onFileChange, setError, tips = DEFAULT_LOGO_TIPS, }) => {
|
|
20
|
+
export const LogoPicker = observer(({ deleteImage, downloadImage, error, image, imageUrl, loaded = true, maxSize, minDimensions = DEFAULT_MIN_DIMENSIONS, onBadImage, onFileChange, setError, deletable = true, tips = DEFAULT_LOGO_TIPS, }) => {
|
|
21
21
|
const [recommendLargerImage, setRecommendLargerImage] = useState(false);
|
|
22
22
|
const [localError, setLocalError] = useState('');
|
|
23
23
|
const [isLoading, setIsLoading] = useState(false);
|
|
@@ -83,6 +83,6 @@ export const LogoPicker = observer(({ deleteImage, downloadImage, error, image,
|
|
|
83
83
|
}
|
|
84
84
|
return (_jsxs("div", Object.assign({ className: "field" }, { children: [_jsx(Label, { label: "Logo", hasError: !!error || !!localError || !!sizeError }, void 0), (error || localError) && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: error !== null && error !== void 0 ? error : localError, status: "critical", icon: true }, void 0)), sizeError && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: sizeError, status: "critical", icon: true }, void 0)), imageUrl === undefined ? (_jsx(FilePicker, { typesNote: "Allowed file types: jpeg, png, jpg", className: "qa-settings-logo-file-picker", accept: "image/png, image/jpeg", onSelected: onFileChange }, void 0)) : (_jsx(Grid, { children: _jsx(Grid.Column, Object.assign({ width: 4 }, { children: _jsx(Card, Object.assign({ raised: true, padding: "none", className: Styles.logoCard }, { children: _jsxs(Card.Section, { children: [_jsx("img", { className: "qa-settings-logo-image", src: imageUrl, alt: "logo" }, void 0), _jsx("div", Object.assign({ className: Styles.logoAction }, { children: _jsxs(ButtonGroup, { children: [_jsxs(Tooltip, Object.assign({ el: "div", text: "Replace" }, { children: [_jsx(Button, { outline: true, iconName: "sync", onClick: handleClick, className: "qa-settings-logo-replace shadow-1-i bg-white-i" }, void 0), _jsx("input", { hidden: true, type: "file", accept: "image/png, image/jpeg", ref: fileRef, onChange: ({ currentTarget: { files } }) => onFileChange(files) }, void 0)] }), void 0), _jsx(Tooltip, Object.assign({ el: "div", text: "Download" }, { children: downloadImage || image !== undefined ? (_jsx(Button, { className: "qa-settings-logo-download shadow-1-i bg-white-i", disabled: image !== undefined, onClick: downloadImage, iconName: "file_download", outline: true }, void 0)) : (_jsx("a", Object.assign({ download: `logo.${imageUrl
|
|
85
85
|
.split('.')
|
|
86
|
-
.pop()}`, rel: "noreferrer", target: "_blank", href: imageUrl }, { children: _jsx(Button, { className: "qa-settings-logo-download shadow-1-i bg-white-i", iconName: "file_download", outline: true }, void 0) }), void 0)) }), void 0), _jsx(Tooltip, Object.assign({ el: "div", text: "Delete" }, { children: _jsx(Button, { className: "qa-settings-logo-delete shadow-1-i bg-white-i", onClick: deleteImage, iconName: "delete", outline: true }, void 0) }), void 0)] }, void 0) }), void 0)] }, void 0) }), void 0) }), void 0) }, void 0)), recommendLargerImage && minDimensions && (imageUrl || image) && (_jsx(Banner, { title: `We strongly recommend using a logo that is at least ${minDimensions.width}x${minDimensions.height}px in size. Using a lower-resolution image may result in logo pixelation in your templates.`, className: "m-t-2", status: "warning", icon: true }, void 0)), (imageUrl === undefined || recommendLargerImage || localError || sizeError) && (_jsx(Banner, Object.assign({ icon: true, title: "Tips on Uploading Your Logo:", className: "m-t-2" }, { children: tips }), void 0))] }), void 0));
|
|
86
|
+
.pop()}`, rel: "noreferrer", target: "_blank", href: imageUrl }, { children: _jsx(Button, { className: "qa-settings-logo-download shadow-1-i bg-white-i", iconName: "file_download", outline: true }, void 0) }), void 0)) }), void 0), deletable && (_jsx(Tooltip, Object.assign({ el: "div", text: "Delete" }, { children: _jsx(Button, { className: "qa-settings-logo-delete shadow-1-i bg-white-i", onClick: deleteImage, iconName: "delete", outline: true }, void 0) }), void 0))] }, void 0) }), void 0)] }, void 0) }), void 0) }), void 0) }, void 0)), recommendLargerImage && minDimensions && (imageUrl || image) && (_jsx(Banner, { title: `We strongly recommend using a logo that is at least ${minDimensions.width}x${minDimensions.height}px in size. Using a lower-resolution image may result in logo pixelation in your templates.`, className: "m-t-2", status: "warning", icon: true }, void 0)), (imageUrl === undefined || recommendLargerImage || localError || sizeError) && (_jsx(Banner, Object.assign({ icon: true, title: "Tips on Uploading Your Logo:", className: "m-t-2" }, { children: tips }), void 0))] }), void 0));
|
|
87
87
|
});
|
|
88
88
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/logo-picker/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAiB,MAAM,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACH,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,IAAI,EACJ,MAAM,EACN,IAAI,GACP,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AACjC,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AACtF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,yBACI,sGAA2E,EAC3E,2HAEK,EACL,kFAAuD,EACvD,wJAGK,YACJ,CACR,CAAC;AAEF,OAAO,KAAK,MAAM,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/logo-picker/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAiB,MAAM,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACH,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,IAAI,EACJ,MAAM,EACN,IAAI,GACP,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AACjC,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AACtF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,yBACI,sGAA2E,EAC3E,2HAEK,EACL,kFAAuD,EACvD,wJAGK,YACJ,CACR,CAAC;AAEF,OAAO,KAAK,MAAM,MAAM,2BAA2B,CAAC;AAmBpD,MAAM,CAAC,MAAM,UAAU,GAAwB,QAAQ,CACnD,CAAC,EACG,WAAW,EACX,aAAa,EACb,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,IAAI,EACb,OAAO,EACP,aAAa,GAAG,sBAAsB,EACtC,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,iBAAiB,GAC3B,EAAE,EAAE;IACD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC/C,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,oBAAoB,GAAG,GAAS,EAAE;YACpC,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE;gBAC7B,OAAO;aACV;YAED,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,IAAI;gBACA,MAAM,IAAI,GAAG,MAAM,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAC1C,uBAAuB,CACnB,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CACzE,CAAC;gBACF,aAAa,CAAC,EAAE,CAAC,CAAC;gBAElB,IAAI,QAAQ,EAAE;oBACV,QAAQ,CAAC,EAAE,CAAC,CAAC;iBAChB;aACJ;YAAC,WAAM;gBACJ,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG;oBACT,QAAQ,EAAE,YAAY;oBACtB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,EAAE,QAAQ,EAAE;iBACrB,CAAC,CAAC;gBACH,WAAW,EAAE,CAAC;gBAEd,aAAa,CAAC,2BAA2B,CAAC,CAAC;gBAC3C,uBAAuB,CAAC,KAAK,CAAC,CAAC;gBAE/B,IAAI,QAAQ,EAAE;oBACV,QAAQ,CAAC,2BAA2B,CAAC,CAAC;iBACzC;aACJ;oBAAS;gBACN,YAAY,CAAC,KAAK,CAAC,CAAC;aACvB;QACL,CAAC,CAAA,CAAC;QACF,oBAAoB,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA,IAAI,CAAC,OAAO,EAAE;YAC1B,OAAO;SACV;QAED,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,GAAG,OAAO,EAAE;YAC/B,WAAW,EAAE,CAAC;YAEd,YAAY,CAAC,iCAAiC,gBAAgB,CAAC,OAAO,GAAG,CAAC,CAAC;YAE3E,IAAI,QAAQ,EAAE;gBACV,QAAQ,CAAC,iCAAiC,gBAAgB,CAAC,OAAO,GAAG,CAAC,CAAC;aAC1E;SACJ;aAAM;YACH,YAAY,CAAC,EAAE,CAAC,CAAC;YAEjB,IAAI,QAAQ,EAAE;gBACV,QAAQ,CAAC,EAAE,CAAC,CAAC;aAChB;SACJ;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE;QACtB,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,6BAAK,SAAS,EAAC,OAAO,iBAClB,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,SAAS,WAAI,EACvE,CAAC,KAAK,IAAI,UAAU,CAAC,IAAI,CACtB,KAAC,MAAM,IACH,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,UAAU,EAC1B,MAAM,EAAC,UAAU,EACjB,IAAI,iBACN,CACL,EACA,SAAS,IAAI,CACV,KAAC,MAAM,IACH,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,SAAS,EAChB,MAAM,EAAC,UAAU,EACjB,IAAI,iBACN,CACL,EACA,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,UAAU,IACP,SAAS,EAAC,oCAAoC,EAC9C,SAAS,EAAC,8BAA8B,EACxC,MAAM,EAAC,uBAAuB,EAC9B,UAAU,EAAE,YAAY,WAC1B,CACL,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,cACD,KAAC,IAAI,CAAC,MAAM,kBAAC,KAAK,EAAE,CAAC,gBACjB,KAAC,IAAI,kBAAC,MAAM,QAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,gBAClD,MAAC,IAAI,CAAC,OAAO,eACT,cACI,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,MAAM,WACZ,EACF,4BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,gBAC7B,MAAC,WAAW,eACR,MAAC,OAAO,kBAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,iBAC5B,KAAC,MAAM,IACH,OAAO,QACP,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,gDAAgD,WAC5D,EACF,gBACI,MAAM,QACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,uBAAuB,EAC9B,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CACvC,YAAY,CAAC,KAAK,CAAC,WAEzB,aACI,EACV,KAAC,OAAO,kBAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,UAAU,gBAC5B,aAAa,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACpC,KAAC,MAAM,IACH,SAAS,EAAC,iDAAiD,EAC3D,QAAQ,EAAE,KAAK,KAAK,SAAS,EAC7B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAC,eAAe,EACxB,OAAO,iBACT,CACL,CAAC,CAAC,CAAC,CACA,0BACI,QAAQ,EAAE,QAAQ,QAAQ;yDACrB,KAAK,CAAC,GAAG,CAAC;yDACV,GAAG,EAAE,EAAE,EACZ,GAAG,EAAC,YAAY,EAChB,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,QAAQ,gBAEd,KAAC,MAAM,IACH,SAAS,EAAC,iDAAiD,EAC3D,QAAQ,EAAC,eAAe,EACxB,OAAO,iBACT,YACF,CACP,YACK,EACT,SAAS,IAAI,CACV,KAAC,OAAO,kBAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,gBAC3B,KAAC,MAAM,IACH,SAAS,EAAC,+CAA+C,EACzD,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,QAAQ,EACjB,OAAO,iBACT,YACI,CACb,YACS,YACZ,YACK,YACZ,YACG,WACX,CACV,EACA,oBAAoB,IAAI,aAAa,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAC7D,KAAC,MAAM,IACH,KAAK,EAAE,uDAAuD,aAAa,CAAC,KAAK,IAAI,aAAa,CAAC,MAAM,6FAA6F,EACtM,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,SAAS,EAChB,IAAI,iBACN,CACL,EACA,CAAC,QAAQ,KAAK,SAAS,IAAI,oBAAoB,IAAI,UAAU,IAAI,SAAS,CAAC,IAAI,CAC5E,KAAC,MAAM,kBAAC,IAAI,QAAC,KAAK,EAAC,8BAA8B,EAAC,SAAS,EAAC,OAAO,gBAC9D,IAAI,YACA,CACZ,aACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { CheckboxFieldState, InputFieldState, TextAreaFieldState } from '@servicetitan/form';
|
|
3
|
+
import { LayoutProps } from '@servicetitan/design-system';
|
|
3
4
|
export interface OptOutMessageState {
|
|
4
5
|
subjectLine: InputFieldState<string | undefined>;
|
|
5
6
|
header: InputFieldState<string | undefined>;
|
|
@@ -11,6 +12,8 @@ export interface OptOutMessageState {
|
|
|
11
12
|
}
|
|
12
13
|
export interface OptOutMessageProps {
|
|
13
14
|
formState: OptOutMessageState;
|
|
15
|
+
layout?: LayoutProps['type'];
|
|
16
|
+
className?: string;
|
|
14
17
|
onHandleClickEnable?(checked: boolean): void;
|
|
15
18
|
}
|
|
16
19
|
export declare const OptOutMessage: FC<OptOutMessageProps>;
|