@servicetitan/mpa-components 1.8.0 → 1.9.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 +4 -0
- package/lib/components/settings/company-details/company-details-form.stories.d.ts +3 -3
- 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 +17 -38
- package/lib/components/settings/company-details/company-details-form.stories.js.map +1 -1
- package/lib/components/settings/company-email-footer/company-email-footer.stories.d.ts +1 -1
- package/lib/components/settings/company-email-footer/company-email-footer.stories.d.ts.map +1 -1
- package/lib/components/settings/company-email-footer/company-email-footer.stories.js +5 -15
- package/lib/components/settings/company-email-footer/company-email-footer.stories.js.map +1 -1
- package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.d.ts +1 -1
- package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.d.ts.map +1 -1
- package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.js +5 -15
- package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.js.map +1 -1
- package/lib/components/settings/company-email-sender/company-email-sender.stories.d.ts +2 -2
- package/lib/components/settings/company-email-sender/company-email-sender.stories.d.ts.map +1 -1
- package/lib/components/settings/company-email-sender/company-email-sender.stories.js +7 -18
- package/lib/components/settings/company-email-sender/company-email-sender.stories.js.map +1 -1
- package/lib/components/settings/company-trades-picker/index.d.ts +2 -1
- package/lib/components/settings/company-trades-picker/index.d.ts.map +1 -1
- package/lib/components/settings/company-trades-picker/index.js +2 -2
- package/lib/components/settings/company-trades-picker/index.js.map +1 -1
- package/lib/components/settings/double-opt-in/double-opt-in.stories.d.ts +1 -1
- package/lib/components/settings/double-opt-in/double-opt-in.stories.d.ts.map +1 -1
- package/lib/components/settings/double-opt-in/double-opt-in.stories.js +5 -17
- package/lib/components/settings/double-opt-in/double-opt-in.stories.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 +7 -6
- package/lib/components/settings/logo-picker/index.js.map +1 -1
- package/lib/components/settings/opt-out-message/opt-out-message.stories.d.ts +1 -1
- package/lib/components/settings/opt-out-message/opt-out-message.stories.d.ts.map +1 -1
- package/lib/components/settings/opt-out-message/opt-out-message.stories.js +5 -17
- package/lib/components/settings/opt-out-message/opt-out-message.stories.js.map +1 -1
- package/lib/components/settings/settings-section/index.d.ts +1 -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/company-details-form.stories.tsx +18 -26
- package/src/components/settings/company-email-footer/company-email-footer.stories.tsx +3 -5
- package/src/components/settings/company-email-reply-to/company-email-reply-to.stories.tsx +4 -5
- package/src/components/settings/company-email-sender/company-email-sender.stories.tsx +6 -12
- package/src/components/settings/company-trades-picker/index.tsx +3 -1
- package/src/components/settings/double-opt-in/double-opt-in.stories.tsx +4 -7
- package/src/components/settings/logo-picker/index.tsx +102 -70
- package/src/components/settings/opt-out-message/opt-out-message.stories.tsx +3 -7
- package/src/components/settings/settings-section/index.tsx +4 -2
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
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.9.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.8.0...@servicetitan/mpa-components@1.9.0) (2024-06-13)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @servicetitan/mpa-components
|
|
9
|
+
|
|
6
10
|
# [1.8.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.7.0...@servicetitan/mpa-components@1.8.0) (2024-05-24)
|
|
7
11
|
|
|
8
12
|
### Bug Fixes
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export declare const CompanyDetailsWithoutWebsite: (
|
|
2
|
-
export declare const CompanyDetails: (
|
|
1
|
+
export declare const CompanyDetailsWithoutWebsite: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const CompanyDetails: () => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: (
|
|
5
|
+
component: () => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
parameters: {};
|
|
7
7
|
};
|
|
8
8
|
export default _default;
|
|
@@ -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":"AAoBA,eAAO,MAAM,4BAA4B,+CAQxC,CAAC;AAEF,eAAO,MAAM,cAAc,+CAQ1B,CAAC;;;;;;AAEF,wBAIE"}
|
|
@@ -1,48 +1,27 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
2
|
import { InputFieldState } from '@servicetitan/form';
|
|
9
|
-
import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
|
|
10
3
|
import { FormState } from 'formstate';
|
|
11
4
|
import { CompanyDetails as Component } from '.';
|
|
12
5
|
import { LogoPicker } from '../logo-picker/logo-picker.stories';
|
|
13
6
|
import omit from 'lodash/omit';
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
city: new InputFieldState('Glendale'),
|
|
26
|
-
state: new InputFieldState('CA'),
|
|
27
|
-
zipCode: new InputFieldState('91203'),
|
|
28
|
-
companyEmail: new InputFieldState('info@acme.com'),
|
|
29
|
-
companyWebsite: new InputFieldState('www.acme.com'),
|
|
30
|
-
yearEstablished: new InputFieldState(1999),
|
|
31
|
-
})
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
DetailsStore = __decorate([
|
|
36
|
-
injectable()
|
|
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
|
-
});
|
|
42
|
-
export const CompanyDetails = provide({ singletons: [DetailsStore] })(() => {
|
|
43
|
-
const [store] = useDependencies(DetailsStore);
|
|
44
|
-
return (_jsx(Component, { formState: store.form.$, logoPicker: _jsx(LogoPicker, {}), handleCompanyEmailBlur: () => alert('company email blurred') }));
|
|
7
|
+
const form = new FormState({
|
|
8
|
+
companyName: new InputFieldState('Acme Inc'),
|
|
9
|
+
tagline: new InputFieldState('Ayo! The Acme rules'),
|
|
10
|
+
street: new InputFieldState('Backed st.'),
|
|
11
|
+
unit: new InputFieldState('123'),
|
|
12
|
+
city: new InputFieldState('Glendale'),
|
|
13
|
+
state: new InputFieldState('CA'),
|
|
14
|
+
zipCode: new InputFieldState('91203'),
|
|
15
|
+
companyEmail: new InputFieldState('info@acme.com'),
|
|
16
|
+
companyWebsite: new InputFieldState('www.acme.com'),
|
|
17
|
+
yearEstablished: new InputFieldState(1999),
|
|
45
18
|
});
|
|
19
|
+
export const CompanyDetailsWithoutWebsite = () => {
|
|
20
|
+
return (_jsx(Component, { formState: omit(form.$, ['companyWebsite']), logoPicker: _jsx(LogoPicker, {}), handleCompanyEmailBlur: () => alert('company email blurred') }));
|
|
21
|
+
};
|
|
22
|
+
export const CompanyDetails = () => {
|
|
23
|
+
return (_jsx(Component, { formState: form.$, logoPicker: _jsx(LogoPicker, {}), handleCompanyEmailBlur: () => alert('company email blurred') }));
|
|
24
|
+
};
|
|
46
25
|
export default {
|
|
47
26
|
title: 'MPA Components/settings/CompanyDetails',
|
|
48
27
|
component: CompanyDetails,
|
|
@@ -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":"
|
|
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,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;AAE/B,MAAM,IAAI,GAAG,IAAI,SAAS,CAAC;IACvB,WAAW,EAAE,IAAI,eAAe,CAAC,UAAU,CAAC;IAC5C,OAAO,EAAE,IAAI,eAAe,CAAC,qBAAqB,CAAC;IACnD,MAAM,EAAE,IAAI,eAAe,CAAC,YAAY,CAAC;IACzC,IAAI,EAAE,IAAI,eAAe,CAAC,KAAK,CAAC;IAChC,IAAI,EAAE,IAAI,eAAe,CAAC,UAAU,CAAC;IACrC,KAAK,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC;IAChC,OAAO,EAAE,IAAI,eAAe,CAAC,OAAO,CAAC;IACrC,YAAY,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;IAClD,cAAc,EAAE,IAAI,eAAe,CAAC,cAAc,CAAC;IACnD,eAAe,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC;CAC7C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC7C,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAC3C,UAAU,EAAE,KAAC,UAAU,KAAG,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,GAC9D,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC/B,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,IAAI,CAAC,CAAC,EACjB,UAAU,EAAE,KAAC,UAAU,KAAG,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,GAC9D,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,EAAE;CACjB,CAAC"}
|
|
@@ -5,5 +5,5 @@ declare const _default: {
|
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
|
-
export declare const CompanyEmailFooter: (
|
|
8
|
+
export declare const CompanyEmailFooter: () => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=company-email-footer.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"company-email-footer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/company-email-footer.stories.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"company-email-footer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/company-email-footer.stories.tsx"],"names":[],"mappings":";;;;;;AAKA,wBAIE;AAYF,eAAO,MAAM,kBAAkB,+CAE9B,CAAC"}
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
2
|
import { InputFieldState, TextAreaFieldState } from '@servicetitan/form';
|
|
9
|
-
import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
|
|
10
3
|
import { FormState } from 'formstate';
|
|
11
4
|
import { CompanyEmailFooter as Component } from '.';
|
|
12
5
|
export default {
|
|
@@ -14,7 +7,7 @@ export default {
|
|
|
14
7
|
component: Component,
|
|
15
8
|
parameters: {},
|
|
16
9
|
};
|
|
17
|
-
|
|
10
|
+
class CompanyEmailStore {
|
|
18
11
|
constructor() {
|
|
19
12
|
Object.defineProperty(this, "form", {
|
|
20
13
|
enumerable: true,
|
|
@@ -27,12 +20,9 @@ let CompanyEmailStore = class CompanyEmailStore {
|
|
|
27
20
|
})
|
|
28
21
|
});
|
|
29
22
|
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
], CompanyEmailStore);
|
|
34
|
-
export const CompanyEmailFooter = provide({ singletons: [CompanyEmailStore] })(() => {
|
|
35
|
-
const [store] = useDependencies(CompanyEmailStore);
|
|
23
|
+
}
|
|
24
|
+
const store = new CompanyEmailStore();
|
|
25
|
+
export const CompanyEmailFooter = () => {
|
|
36
26
|
return _jsx(Component, { formState: store.form.$ });
|
|
37
|
-
}
|
|
27
|
+
};
|
|
38
28
|
//# sourceMappingURL=company-email-footer.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"company-email-footer.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/company-email-footer.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"company-email-footer.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/company-email-footer.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAEpD,eAAe;IACX,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,iBAAiB;IAAvB;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,SAAS,EAAE,IAAI,kBAAkB,CAAC,oBAAoB,CAAC;gBACvD,OAAO,EAAE,IAAI,eAAe,CAAC,SAAS,CAAC;gBACvC,aAAa,EAAE,IAAI,eAAe,CAAC,iBAAiB,CAAC;aACxD,CAAC;WAAC;IACP,CAAC;CAAA;AAED,MAAM,KAAK,GAAG,IAAI,iBAAiB,EAAE,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAI,CAAC;AAClD,CAAC,CAAC"}
|
|
@@ -5,5 +5,5 @@ declare const _default: {
|
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
|
-
export declare const CompanyEmailReplyTo: (
|
|
8
|
+
export declare const CompanyEmailReplyTo: () => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=company-email-reply-to.stories.d.ts.map
|
package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"company-email-reply-to.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/company-email-reply-to.stories.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"company-email-reply-to.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/company-email-reply-to.stories.tsx"],"names":[],"mappings":";;;;;;AAKA,wBAIE;AAUF,eAAO,MAAM,mBAAmB,+CAE/B,CAAC"}
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
2
|
import { InputFieldState } from '@servicetitan/form';
|
|
9
|
-
import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
|
|
10
3
|
import { FormState } from 'formstate';
|
|
11
4
|
import { CompanyEmailReplyTo as Component } from '.';
|
|
12
5
|
export default {
|
|
@@ -14,7 +7,7 @@ export default {
|
|
|
14
7
|
component: Component,
|
|
15
8
|
parameters: {},
|
|
16
9
|
};
|
|
17
|
-
|
|
10
|
+
class CompanyEmailReplyToStore {
|
|
18
11
|
constructor() {
|
|
19
12
|
Object.defineProperty(this, "form", {
|
|
20
13
|
enumerable: true,
|
|
@@ -25,12 +18,9 @@ let CompanyEmailReplyToStore = class CompanyEmailReplyToStore {
|
|
|
25
18
|
})
|
|
26
19
|
});
|
|
27
20
|
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
], CompanyEmailReplyToStore);
|
|
32
|
-
export const CompanyEmailReplyTo = provide({ singletons: [CompanyEmailReplyToStore] })(() => {
|
|
33
|
-
const [store] = useDependencies(CompanyEmailReplyToStore);
|
|
21
|
+
}
|
|
22
|
+
const store = new CompanyEmailReplyToStore();
|
|
23
|
+
export const CompanyEmailReplyTo = () => {
|
|
34
24
|
return _jsx(Component, { replyToEmail: store.form.$.replyToEmail });
|
|
35
|
-
}
|
|
25
|
+
};
|
|
36
26
|
//# sourceMappingURL=company-email-reply-to.stories.js.map
|
package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"company-email-reply-to.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/company-email-reply-to.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"company-email-reply-to.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/company-email-reply-to.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,mBAAmB,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAErD,eAAe;IACX,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,wBAAwB;IAA9B;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,YAAY,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;aACrD,CAAC;WAAC;IACP,CAAC;CAAA;AAED,MAAM,KAAK,GAAG,IAAI,wBAAwB,EAAE,CAAC;AAE7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,OAAO,KAAC,SAAS,IAAC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,GAAI,CAAC;AAClE,CAAC,CAAC"}
|
|
@@ -6,6 +6,6 @@ declare const _default: {
|
|
|
6
6
|
parameters: {};
|
|
7
7
|
};
|
|
8
8
|
export default _default;
|
|
9
|
-
export declare const CompanyEmailSenderCustomDomain: (
|
|
10
|
-
export declare const CompanyEmailSender: (
|
|
9
|
+
export declare const CompanyEmailSenderCustomDomain: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const CompanyEmailSender: () => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
//# sourceMappingURL=company-email-sender.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"company-email-sender.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/company-email-sender.stories.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"company-email-sender.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/company-email-sender.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAA4C,MAAM,GAAG,CAAC;;;;;;AAE3F,wBAIE;AAYF,eAAO,MAAM,8BAA8B,+CAE1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAE9B,CAAC"}
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
2
|
import { InputFieldState } from '@servicetitan/form';
|
|
9
|
-
import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
|
|
10
3
|
import { FormState } from 'formstate';
|
|
11
4
|
import { CompanyEmailSender as Simple, CompanyEmailSenderCustomDomain as Custom } from '.';
|
|
12
5
|
export default {
|
|
@@ -14,7 +7,7 @@ export default {
|
|
|
14
7
|
component: Simple,
|
|
15
8
|
parameters: {},
|
|
16
9
|
};
|
|
17
|
-
|
|
10
|
+
class CompanyEmailSenderStore {
|
|
18
11
|
constructor() {
|
|
19
12
|
Object.defineProperty(this, "form", {
|
|
20
13
|
enumerable: true,
|
|
@@ -27,16 +20,12 @@ let CompanyEmailSenderStore = class CompanyEmailSenderStore {
|
|
|
27
20
|
})
|
|
28
21
|
});
|
|
29
22
|
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
], CompanyEmailSenderStore);
|
|
34
|
-
export const CompanyEmailSenderCustomDomain = provide({ singletons: [CompanyEmailSenderStore] })(() => {
|
|
35
|
-
const [store] = useDependencies(CompanyEmailSenderStore);
|
|
23
|
+
}
|
|
24
|
+
const store = new CompanyEmailSenderStore();
|
|
25
|
+
export const CompanyEmailSenderCustomDomain = () => {
|
|
36
26
|
return _jsx(Custom, { formState: store.form.$, senderTld: "tld.com" });
|
|
37
|
-
}
|
|
38
|
-
export const CompanyEmailSender =
|
|
39
|
-
const [store] = useDependencies(CompanyEmailSenderStore);
|
|
27
|
+
};
|
|
28
|
+
export const CompanyEmailSender = () => {
|
|
40
29
|
return _jsx(Simple, { senderName: store.form.$.senderName, senderEmail: store.form.$.senderEmail });
|
|
41
|
-
}
|
|
30
|
+
};
|
|
42
31
|
//# sourceMappingURL=company-email-sender.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"company-email-sender.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/company-email-sender.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"company-email-sender.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/company-email-sender.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAAE,8BAA8B,IAAI,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3F,eAAe;IACX,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,uBAAuB;IAA7B;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,WAAW,EAAE,IAAI,eAAe,CAAC,gBAAgB,CAAC;gBAClD,UAAU,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;gBAChD,YAAY,EAAE,IAAI,eAAe,CAAC,MAAM,CAAC;aAC5C,CAAC;WAAC;IACP,CAAC;CAAA;AAED,MAAM,KAAK,GAAG,IAAI,uBAAuB,EAAE,CAAC;AAE5C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,EAAE;IAC/C,OAAO,KAAC,MAAM,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,OAAO,KAAC,MAAM,IAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,GAAI,CAAC;AAClG,CAAC,CAAC"}
|
|
@@ -17,8 +17,9 @@ export interface CompanyTradesPickerProps<TradeType extends string | number = st
|
|
|
17
17
|
layout?: LayoutProps['type'];
|
|
18
18
|
className?: string;
|
|
19
19
|
title?: ReactNode;
|
|
20
|
+
text?: ReactNode | string;
|
|
20
21
|
columns?: number;
|
|
21
22
|
onTradeChange(t?: TradeType): void;
|
|
22
23
|
}
|
|
23
|
-
export declare function CompanyTradesPicker<T extends string | number = string>({ trades, onTradeChange, layout, className, columns, title, }: CompanyTradesPickerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare function CompanyTradesPicker<T extends string | number = string>({ trades, onTradeChange, layout, className, columns, title, text, }: CompanyTradesPickerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
25
|
//# 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":"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,
|
|
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,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,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,EAC5B,IAAuG,GAC1G,EAAE,wBAAwB,CAAC,CAAC,CAAC,2CAkD7B"}
|
|
@@ -4,9 +4,9 @@ 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, layout, className, columns = 4, title = 'Select Your Trades', }) {
|
|
7
|
+
export function CompanyTradesPicker({ trades, onTradeChange, layout, className, columns = 4, title = 'Select Your Trades', text = 'Choose which trades describe your business so we can give you relevant content and merge tags.', }) {
|
|
8
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:
|
|
9
|
+
return (_jsx(SettingsSection, Object.assign({ className: className, layout: layout, title: title, qaPrefix: "qa-settings-select-your-trades", text: text }, { 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
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 : '' }), _jsx(Text, Object.assign({ bold: true, className: "m-t-2", size: 2 }, { children: trade.name }))] })) }) }, trade.name));
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAyBjE,MAAM,UAAU,mBAAmB,CAAqC,EACpE,MAAM,EACN,aAAa,EACb,MAAM,EACN,SAAS,EACT,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,oBAAoB,EAC5B,IAAI,GAAG,gGAAgG,GAC7E;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,EAAE,IAAI,gBAEV,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,GAC5B,EACF,KAAC,IAAI,kBAAC,IAAI,QAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAE,CAAC,gBAC/B,KAAK,CAAC,IAAI,IACR,KACL,GAEZ,IApBY,KAAK,CAAC,IAAI,CAqBd,CACjB,CAAC;oBACN,CAAC,CAAC,KA1BS,GAAG,CA2BP,CACd,CAAC;YACN,CAAC,CAAC,IACC,IACO,CACrB,CAAC;AACN,CAAC"}
|
|
@@ -5,5 +5,5 @@ declare const _default: {
|
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
|
-
export declare const DoubleOptIn: (
|
|
8
|
+
export declare const DoubleOptIn: () => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=double-opt-in.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"double-opt-in.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/double-opt-in.stories.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"double-opt-in.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/double-opt-in.stories.tsx"],"names":[],"mappings":";;;;;;AAIA,wBAIE;AAcF,eAAO,MAAM,WAAW,+CAEvB,CAAC"}
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
2
|
import { CheckboxFieldState, InputFieldState, TextAreaFieldState } from '@servicetitan/form';
|
|
9
|
-
import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
|
|
10
3
|
import { FormState } from 'formstate';
|
|
11
4
|
import { DoubleOptIn as Component } from '.';
|
|
12
5
|
export default {
|
|
@@ -14,7 +7,7 @@ export default {
|
|
|
14
7
|
component: Component,
|
|
15
8
|
parameters: {},
|
|
16
9
|
};
|
|
17
|
-
|
|
10
|
+
class DoubleOptInStore {
|
|
18
11
|
constructor() {
|
|
19
12
|
Object.defineProperty(this, "form", {
|
|
20
13
|
enumerable: true,
|
|
@@ -29,14 +22,9 @@ let DoubleOptInStore = class DoubleOptInStore {
|
|
|
29
22
|
})
|
|
30
23
|
});
|
|
31
24
|
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
], DoubleOptInStore);
|
|
36
|
-
export const DoubleOptIn = provide({
|
|
37
|
-
singletons: [DoubleOptInStore],
|
|
38
|
-
})(() => {
|
|
39
|
-
const [store] = useDependencies(DoubleOptInStore);
|
|
25
|
+
}
|
|
26
|
+
const store = new DoubleOptInStore();
|
|
27
|
+
export const DoubleOptIn = () => {
|
|
40
28
|
return _jsx(Component, { formState: store.form.$ });
|
|
41
|
-
}
|
|
29
|
+
};
|
|
42
30
|
//# sourceMappingURL=double-opt-in.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"double-opt-in.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/double-opt-in.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"double-opt-in.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/double-opt-in.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAE7C,eAAe;IACX,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,gBAAgB;IAAtB;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,YAAY,EAAE,IAAI,eAAe,CAAC,SAAS,CAAC;gBAC5C,WAAW,EAAE,IAAI,eAAe,CAAC,WAAW,CAAC;gBAC7C,SAAS,EAAE,IAAI,kBAAkB,CAAC,4BAA4B,CAAC;gBAC/D,eAAe,EAAE,IAAI,eAAe,CAAC,SAAS,CAAC;gBAC/C,OAAO,EAAE,IAAI,kBAAkB,CAAC,IAAI,CAAC;aACxC,CAAC;WAAC;IACP,CAAC;CAAA;AAED,MAAM,KAAK,GAAG,IAAI,gBAAgB,EAAE,CAAC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC5B,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAI,CAAC;AAClD,CAAC,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,yCAY7B,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;
|
|
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,yCAY7B,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;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,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,CA6J1C,CAAC"}
|
|
@@ -17,14 +17,12 @@ 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." }), _jsx("li", { children: "Don't know where your logo is? Your social media profile would be a good place to look." }), _jsx("li", { children: "Use a logo that is at least 180x180px in size." }), _jsx("li", { children: "Avoid using a screenshot of your logo, right click and \u201Csave as\u201D if you're pulling it from somewhere else." })] }));
|
|
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, deletable = true, 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, isGrid = true, }) => {
|
|
21
21
|
const [recommendLargerImage, setRecommendLargerImage] = useState(false);
|
|
22
22
|
const [localError, setLocalError] = useState('');
|
|
23
23
|
const [isLoading, setIsLoading] = useState(false);
|
|
24
24
|
const [sizeError, setSizeError] = useState('');
|
|
25
|
-
const fileRef = useRef(null);
|
|
26
25
|
const formattedMaxSize = useRef(formatBytes(maxSize, 2, false));
|
|
27
|
-
const handleClick = () => { var _a; return (_a = fileRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
|
|
28
26
|
useEffect(() => {
|
|
29
27
|
const handleImageUrlChange = () => __awaiter(void 0, void 0, void 0, function* () {
|
|
30
28
|
if (!imageUrl || !minDimensions) {
|
|
@@ -81,8 +79,11 @@ export const LogoPicker = observer(({ deleteImage, downloadImage, error, image,
|
|
|
81
79
|
if (!loaded || isLoading) {
|
|
82
80
|
return null;
|
|
83
81
|
}
|
|
84
|
-
return (_jsxs("div", Object.assign({ className: "field" }, { children: [_jsx(Label, { label: "Logo", hasError: !!error || !!localError || !!sizeError }), (error || localError) && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: error !== null && error !== void 0 ? error : localError, status: "critical", icon: true })), sizeError && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: sizeError, status: "critical", icon: true })), imageUrl === undefined ? (_jsx(FilePicker, { typesNote: "Allowed file types: jpeg, png, jpg", className: "qa-settings-logo-file-picker", accept: "image/png, image/jpeg", onSelected: onFileChange })) : (_jsx(Grid, { children: _jsx(Grid.Column, Object.assign({ width: 4 }, { children: _jsx(
|
|
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 }) }))) })), 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 }) })))] }) }))] }) })) })) })), 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 })), (imageUrl === undefined || recommendLargerImage || localError || sizeError) && (_jsx(Banner, Object.assign({ icon: true, title: "Tips on Uploading Your Logo:", className: "m-t-2" }, { children: tips })))] })));
|
|
82
|
+
return (_jsxs("div", Object.assign({ className: "field" }, { children: [_jsx(Label, { label: "Logo", hasError: !!error || !!localError || !!sizeError }), (error || localError) && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: error !== null && error !== void 0 ? error : localError, status: "critical", icon: true })), sizeError && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: sizeError, status: "critical", icon: true })), imageUrl === undefined ? (_jsx(FilePicker, { typesNote: "Allowed file types: jpeg, png, jpg", className: "qa-settings-logo-file-picker", accept: "image/png, image/jpeg", onSelected: onFileChange })) : isGrid ? (_jsx(Grid, { children: _jsx(Grid.Column, Object.assign({ width: 4 }, { children: _jsx(LogoCard, { imageUrl: imageUrl, onFileChange: onFileChange, image: image, downloadImage: downloadImage, deletable: deletable, deleteImage: deleteImage }) })) })) : (_jsx(LogoCard, { imageUrl: imageUrl, onFileChange: onFileChange, image: image, downloadImage: downloadImage, deletable: deletable, deleteImage: deleteImage })), 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 })), (imageUrl === undefined || recommendLargerImage || localError || sizeError) && (_jsx(Banner, Object.assign({ icon: true, title: "Tips on Uploading Your Logo:", className: "m-t-2" }, { children: tips })))] })));
|
|
87
83
|
});
|
|
84
|
+
const LogoCard = ({ imageUrl, onFileChange, image, downloadImage, deletable = true, deleteImage, }) => {
|
|
85
|
+
const fileRef = useRef(null);
|
|
86
|
+
const handleClick = () => { var _a; return (_a = fileRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
|
|
87
|
+
return (_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" }), _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" }), _jsx("input", { hidden: true, type: "file", accept: "image/png, image/jpeg", ref: fileRef, onChange: ({ currentTarget: { files } }) => onFileChange(files) })] })), _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 })) : (_jsx("a", Object.assign({ download: `logo.${imageUrl.split('.').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 }) }))) })), 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 }) })))] }) }))] }) })));
|
|
88
|
+
};
|
|
88
89
|
//# 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,8FAA2E,EAC3E,mHAEK,EACL,0EAAuD,EACvD,gJAGK,IACJ,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":"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"}
|
|
@@ -5,5 +5,5 @@ declare const _default: {
|
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
|
-
export declare const OptOutMessage: (
|
|
8
|
+
export declare const OptOutMessage: () => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=opt-out-message.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"opt-out-message.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/opt-out-message/opt-out-message.stories.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"opt-out-message.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/opt-out-message/opt-out-message.stories.tsx"],"names":[],"mappings":";;;;;;AAIA,wBAIE;AAgBF,eAAO,MAAM,aAAa,+CAEzB,CAAC"}
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
2
|
import { CheckboxFieldState, InputFieldState, TextAreaFieldState } from '@servicetitan/form';
|
|
9
|
-
import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
|
|
10
3
|
import { FormState } from 'formstate';
|
|
11
4
|
import { OptOutMessage as Component } from '.';
|
|
12
5
|
export default {
|
|
@@ -14,7 +7,7 @@ export default {
|
|
|
14
7
|
component: Component,
|
|
15
8
|
parameters: {},
|
|
16
9
|
};
|
|
17
|
-
|
|
10
|
+
class OptOutStore {
|
|
18
11
|
constructor() {
|
|
19
12
|
Object.defineProperty(this, "form", {
|
|
20
13
|
enumerable: true,
|
|
@@ -31,14 +24,9 @@ let OptOutStore = class OptOutStore {
|
|
|
31
24
|
})
|
|
32
25
|
});
|
|
33
26
|
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
], OptOutStore);
|
|
38
|
-
export const OptOutMessage = provide({
|
|
39
|
-
singletons: [OptOutStore],
|
|
40
|
-
})(() => {
|
|
41
|
-
const [store] = useDependencies(OptOutStore);
|
|
27
|
+
}
|
|
28
|
+
const store = new OptOutStore();
|
|
29
|
+
export const OptOutMessage = () => {
|
|
42
30
|
return _jsx(Component, { formState: store.form.$ });
|
|
43
|
-
}
|
|
31
|
+
};
|
|
44
32
|
//# sourceMappingURL=opt-out-message.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"opt-out-message.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/opt-out-message/opt-out-message.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"opt-out-message.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/opt-out-message/opt-out-message.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,aAAa,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAE/C,eAAe;IACX,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,WAAW;IAAjB;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,WAAW,EAAE,IAAI,eAAe,CAAC,UAAU,CAAC;gBAC5C,MAAM,EAAE,IAAI,eAAe,CAAC,mBAAmB,CAAC;gBAChD,IAAI,EAAE,IAAI,kBAAkB,CAAC,sBAAsB,CAAC;gBACpD,UAAU,EAAE,IAAI,eAAe,CAAC,KAAK,CAAC;gBACtC,WAAW,EAAE,IAAI,eAAe,CAAC,CAAC,CAAC;gBACnC,OAAO,EAAE,IAAI,kBAAkB,CAAC,IAAI,CAAC;gBACrC,sBAAsB,EAAE,IAAI,kBAAkB,CAAC,IAAI,CAAC;aACvD,CAAC;WAAC;IACP,CAAC;CAAA;AAED,MAAM,KAAK,GAAG,IAAI,WAAW,EAAE,CAAC;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAI,CAAC;AAClD,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { ReactNode, FC } from 'react';
|
|
|
2
2
|
import { LayoutProps } from '@servicetitan/design-system';
|
|
3
3
|
export interface SectionProps {
|
|
4
4
|
title: ReactNode;
|
|
5
|
-
text?:
|
|
5
|
+
text?: ReactNode | string;
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
qaPrefix?: string;
|
|
8
8
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAsB,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAsB,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,YAAY,CA0B5C,CAAC"}
|