@servicetitan/mpa-components 1.9.0 → 1.11.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 +16 -0
- package/lib/components/brands/brand-card/brand-card.d.ts +4 -0
- package/lib/components/brands/brand-card/brand-card.d.ts.map +1 -0
- package/lib/components/brands/brand-card/brand-card.js +61 -0
- package/lib/components/brands/brand-card/brand-card.js.map +1 -0
- package/lib/components/brands/cards-grid/cards-grid.d.ts +6 -0
- package/lib/components/brands/cards-grid/cards-grid.d.ts.map +1 -0
- package/lib/components/brands/cards-grid/cards-grid.js +8 -0
- package/lib/components/brands/cards-grid/cards-grid.js.map +1 -0
- package/lib/components/brands/index.d.ts +2 -0
- package/lib/components/brands/index.d.ts.map +1 -0
- package/lib/components/brands/index.js +2 -0
- package/lib/components/brands/index.js.map +1 -0
- package/lib/components/brands/styles.module.less +73 -0
- package/lib/components/campaign-actions/action-button/action-button-archive.js +1 -1
- package/lib/components/campaign-actions/action-button/action-button-archive.js.map +1 -1
- package/lib/components/campaign-actions/action-button/action-button-clone.js +1 -1
- package/lib/components/campaign-actions/action-button/action-button-clone.js.map +1 -1
- package/lib/components/campaign-actions/action-button/action-button-edit.js +1 -1
- package/lib/components/campaign-actions/action-button/action-button-edit.js.map +1 -1
- package/lib/components/campaign-actions/action-button/action-button-unarchive.js +1 -1
- package/lib/components/campaign-actions/action-button/action-button-unarchive.js.map +1 -1
- package/lib/components/campaign-actions/action-button/action-button.js +2 -2
- package/lib/components/campaign-actions/action-button/action-button.js.map +1 -1
- package/lib/components/campaign-actions/actions-button/actions-button.js +2 -2
- package/lib/components/campaign-actions/actions-button/actions-button.js.map +1 -1
- package/lib/components/campaign-actions/actions-button/campaign-actions.js +2 -2
- package/lib/components/campaign-actions/actions-button/campaign-actions.js.map +1 -1
- package/lib/components/settings/company-details/index.js +2 -2
- package/lib/components/settings/company-details/index.js.map +1 -1
- package/lib/components/settings/company-email-footer/company-email-footer.stories.d.ts +0 -1
- package/lib/components/settings/company-email-footer/company-email-footer.stories.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/company-email-reply-to.stories.d.ts +0 -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/index.js +1 -1
- package/lib/components/settings/company-email-reply-to/index.js.map +1 -1
- package/lib/components/settings/company-email-sender/company-email-sender.stories.d.ts +0 -1
- package/lib/components/settings/company-email-sender/company-email-sender.stories.d.ts.map +1 -1
- package/lib/components/settings/company-email-sender/custom-domain-sender.js +3 -3
- package/lib/components/settings/company-email-sender/custom-domain-sender.js.map +1 -1
- package/lib/components/settings/company-email-sender/simple-sender.js +1 -1
- package/lib/components/settings/company-email-sender/simple-sender.js.map +1 -1
- package/lib/components/settings/company-trade-checkbox/index.d.ts +0 -1
- package/lib/components/settings/company-trade-checkbox/index.d.ts.map +1 -1
- package/lib/components/settings/company-trade-checkbox/index.js +1 -1
- package/lib/components/settings/company-trade-checkbox/index.js.map +1 -1
- package/lib/components/settings/company-trades-picker/company-trades-picker.stories.js +4 -1
- package/lib/components/settings/company-trades-picker/company-trades-picker.stories.js.map +1 -1
- package/lib/components/settings/company-trades-picker/index.js +5 -5
- 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 +0 -1
- package/lib/components/settings/double-opt-in/double-opt-in.stories.d.ts.map +1 -1
- package/lib/components/settings/double-opt-in/index.js +1 -1
- package/lib/components/settings/double-opt-in/index.js.map +1 -1
- package/lib/components/settings/email-preview/email-preview.js +1 -1
- package/lib/components/settings/email-preview/email-preview.js.map +1 -1
- package/lib/components/settings/email-preview/opt-in-email-preview.js.map +1 -1
- package/lib/components/settings/email-preview/opt-out-email-preview.js.map +1 -1
- package/lib/components/settings/email-validation/email-validation.stories.js +26 -37
- package/lib/components/settings/email-validation/email-validation.stories.js.map +1 -1
- package/lib/components/settings/email-validation/index.d.ts.map +1 -1
- package/lib/components/settings/email-validation/index.js +2 -2
- package/lib/components/settings/email-validation/index.js.map +1 -1
- package/lib/components/settings/form-errors-list/index.js +2 -2
- package/lib/components/settings/form-errors-list/index.js.map +1 -1
- package/lib/components/settings/logo-picker/index.js +5 -14
- package/lib/components/settings/logo-picker/index.js.map +1 -1
- package/lib/components/settings/opt-out-message/index.js +1 -1
- package/lib/components/settings/opt-out-message/index.js.map +1 -1
- package/lib/components/settings/opt-out-message/opt-out-message.stories.d.ts +0 -1
- package/lib/components/settings/opt-out-message/opt-out-message.stories.d.ts.map +1 -1
- package/lib/components/settings/result-definitions-modal/header.js +1 -1
- package/lib/components/settings/result-definitions-modal/header.js.map +1 -1
- package/lib/components/settings/result-definitions-modal/index.js +1 -1
- package/lib/components/settings/result-definitions-modal/index.js.map +1 -1
- package/lib/components/settings/result-definitions-modal/row.js +1 -1
- package/lib/components/settings/result-definitions-modal/row.js.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/lib/components/settings/settings-section/settings-section.stories.d.ts +0 -1
- package/lib/components/settings/settings-section/settings-section.stories.d.ts.map +1 -1
- package/lib/components/settings/settings-section/settings-section.stories.js +1 -1
- package/lib/components/settings/settings-section/settings-section.stories.js.map +1 -1
- package/lib/enums/brands.d.ts +21 -0
- package/lib/enums/brands.d.ts.map +1 -0
- package/lib/enums/brands.js +2 -0
- package/lib/enums/brands.js.map +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/utils/helpers.js +1 -1
- package/lib/utils/helpers.js.map +1 -1
- package/package.json +15 -11
- package/src/components/brands/brand-card/brand-card.tsx +245 -0
- package/src/components/brands/cards-grid/cards-grid.tsx +16 -0
- package/src/components/brands/index.ts +1 -0
- package/src/components/brands/styles.module.less +73 -0
- package/src/components/brands/styles.module.less.d.ts +11 -0
- package/src/components/settings/company-details/index.tsx +1 -1
- package/src/components/settings/company-email-footer/index.tsx +1 -1
- package/src/components/settings/company-email-reply-to/index.tsx +1 -1
- package/src/components/settings/company-email-sender/custom-domain-sender.tsx +4 -4
- package/src/components/settings/company-email-sender/simple-sender.tsx +2 -2
- package/src/components/settings/company-trades-picker/company-trades-picker.stories.tsx +2 -2
- package/src/components/settings/company-trades-picker/index.tsx +1 -1
- package/src/components/settings/double-opt-in/index.tsx +3 -3
- package/src/components/settings/email-preview/email-preview.tsx +1 -1
- package/src/components/settings/email-preview/opt-in-email-preview.tsx +1 -1
- package/src/components/settings/email-validation/index.tsx +5 -5
- package/src/components/settings/form-errors-list/index.tsx +2 -2
- package/src/components/settings/logo-picker/index.tsx +2 -2
- package/src/components/settings/opt-out-message/index.tsx +2 -2
- package/src/components/settings/settings-section/index.tsx +1 -1
- package/src/enums/brands.ts +23 -0
- package/src/index.ts +1 -1
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
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.11.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.10.0...@servicetitan/mpa-components@1.11.0) (2025-04-02)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @servicetitan/mpa-components
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [1.10.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.9.0...@servicetitan/mpa-components@1.10.0) (2024-09-18)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @servicetitan/mpa-components
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
# [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
23
|
|
|
8
24
|
**Note:** Version bump only for package @servicetitan/mpa-components
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"brand-card.d.ts","sourceRoot":"","sources":["../../../../src/components/brands/brand-card/brand-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAiB9C,OAAO,EAAe,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAMpE,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA4GxC,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo, useState } from 'react';
|
|
3
|
+
import { Link } from 'react-router-dom';
|
|
4
|
+
import { ActionMenu, BodyText, Button, Card, Headline, Icon, Stack, Tag, Tooltip, } from '@servicetitan/design-system';
|
|
5
|
+
import { DomainValidationStatus } from '@servicetitan/marketing-services-api/dist/settings/brand.mrk.api';
|
|
6
|
+
import { tokens } from '@servicetitan/tokens/core';
|
|
7
|
+
import * as Styles from '../styles.module.less';
|
|
8
|
+
const BRAND_NAME_PLACEHOLDER = 'Assign Brand Name';
|
|
9
|
+
export const BrandCard = ({ actions, domainValidationStatus, email, isDefault, isShared, logo, name, }) => {
|
|
10
|
+
const [isOpen, setOpen] = useState(false);
|
|
11
|
+
const actionsButtonSection = useMemo(() => {
|
|
12
|
+
if (!Array.isArray(actions)) {
|
|
13
|
+
return (_jsx(SingleActionButtonSection, { action: actions, domainValidationStatus: domainValidationStatus }));
|
|
14
|
+
}
|
|
15
|
+
const trigger = (_jsxs(Button, { outline: true, size: "small", onClick: () => setOpen(true), children: ["Actions ", _jsx(Icon, { name: "keyboard_arrow_down", size: 16 })] }));
|
|
16
|
+
return (_jsx(ActionMenu, { trigger: trigger, open: isOpen, onClickOutside: () => setOpen(false), direction: "bl", children: actions.map(action => {
|
|
17
|
+
if (action.href) {
|
|
18
|
+
return (_jsx(Link, { to: action.href, children: _jsx(ActionMenu.Item, { disabled: action.disabled, children: _jsx(BodyText, { subdued: action.disabled, children: action.name }) }, action.name) }, action.name));
|
|
19
|
+
}
|
|
20
|
+
const actionClick = () => {
|
|
21
|
+
setOpen(false);
|
|
22
|
+
if (action.action) {
|
|
23
|
+
action.action();
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
return (_jsx(ActionMenu.Item, { disabled: action.disabled, onClick: actionClick, children: _jsx(BodyText, { subdued: action.disabled, children: action.name }) }, action.name));
|
|
27
|
+
}) }));
|
|
28
|
+
}, [isOpen, setOpen, actions, domainValidationStatus]);
|
|
29
|
+
const nameToShow = name || BRAND_NAME_PLACEHOLDER;
|
|
30
|
+
return (_jsx(Card, { className: Styles.brandCard, status: domainValidationStatus === DomainValidationStatus.Error ? 'error' : 'default', children: _jsxs(Stack, { direction: "row", spacing: 2, className: Styles.cardContent, children: [_jsx(Stack.Item, { fill: true, children: _jsxs(Stack, { direction: "column", children: [logo && nameToShow !== 'Corporate Brand 2' ? (_jsx("img", { className: Styles.brandImg, src: logo, alt: name })) : (_jsx("div", { className: Styles.brandImgPlaceholder, children: _jsx(Icon, { name: "image", className: "c-neutral-90", size: 24 }) })), _jsxs(Stack, { direction: "column", className: "m-t-3", children: [_jsx(Headline, { el: "p", subdued: !name, className: "t-truncate-i m-0", title: nameToShow, children: nameToShow }), email && (_jsx(BodyText, { subdued: true, title: email, className: "t-truncate-i", children: email }))] })] }) }), _jsxs(Stack, { direction: "column", children: [actionsButtonSection, _jsx(CardTags, { isDefault: isDefault, isShared: isShared })] })] }) }));
|
|
31
|
+
};
|
|
32
|
+
const CardTags = ({ isDefault, isShared }) => {
|
|
33
|
+
if (!isDefault && !isShared) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
return (_jsxs(Stack, { direction: "column", alignItems: "flex-end", className: Styles.tags, children: [isShared && (_jsx(Tag, { className: Styles.corporateTag, color: "info", subtle: true, compact: true, children: "Corporate HQ" })), isDefault && (_jsx(Tag, { className: Styles.defaultTag, compact: true, children: "Default" }))] }));
|
|
37
|
+
};
|
|
38
|
+
const SingleActionButtonSection = ({ domainValidationStatus, action }) => {
|
|
39
|
+
const validationStatusIcon = useMemo(() => {
|
|
40
|
+
return _jsx(ValidationStatusIcon, { status: domainValidationStatus });
|
|
41
|
+
}, [domainValidationStatus]);
|
|
42
|
+
if (domainValidationStatus === DomainValidationStatus.Pending) {
|
|
43
|
+
return (_jsxs(Stack, { spacing: 1, alignItems: "center", children: [_jsx(BodyText, { size: "small", children: "Validation In Process" }), validationStatusIcon] }));
|
|
44
|
+
}
|
|
45
|
+
return (_jsxs(Stack, { spacing: 2, alignItems: "center", children: [validationStatusIcon, action.isConfigured && (_jsx(Icon, { name: "check_circle", color: tokens.colorGreen500, size: 24 })), action.inProgress ? (_jsx(InProgressButton, { action: action })) : (_jsx(StandardButton, { action: action }))] }));
|
|
46
|
+
};
|
|
47
|
+
const StandardButton = ({ action }) => (_jsx(Tooltip, { text: action.disabled ? action.tooltipMessage : '', children: action.href ? (_jsx(Link, { to: action.href, children: _jsx(Button, { size: "small", primary: true, outline: true, disabled: action.disabled, children: action.name }) })) : (_jsx(Button, { size: "small", primary: true, onClick: action.action, outline: true, disabled: action.disabled, children: action.name })) }));
|
|
48
|
+
const InProgressButton = ({ action }) => (_jsx(Tooltip, { text: action.disabled ? action.tooltipMessage : '', children: action.href ? (_jsx(Link, { to: action.href, children: _jsxs(Button, { size: "small", primary: true, text: true, className: "m-0 p-1", children: [_jsx(BodyText, { size: "small", className: "m-r-half", children: "Registration In Progress" }), _jsx(Icon, { name: "hourglass_full", color: tokens.colorBlue, size: 16 })] }) })) : (_jsxs(Button, { size: "small", primary: true, text: true, className: "m-0 p-1", onClick: action.action, children: [_jsx(BodyText, { size: "small", className: "m-r-1", children: "Registration In Progress" }), _jsx(Icon, { name: "hourglass_full", color: tokens.colorBlue, size: 16 })] })) }));
|
|
49
|
+
const ValidationStatusIcon = ({ status }) => {
|
|
50
|
+
switch (status) {
|
|
51
|
+
case DomainValidationStatus.Error:
|
|
52
|
+
return (_jsx(Tooltip, { direction: "t", text: "Error is detected in processing the Sender Domain validation. Please check and try again.", className: "cursor-pointer", children: _jsx(Icon, { name: "warning", color: tokens.colorRed500, size: 24 }) }));
|
|
53
|
+
case DomainValidationStatus.Validated:
|
|
54
|
+
return _jsx(Icon, { name: "check_circle", color: tokens.colorGreen500, size: 24 });
|
|
55
|
+
case DomainValidationStatus.Pending:
|
|
56
|
+
return _jsx(Icon, { name: "hourglass_full", color: tokens.colorBlue500, size: 24 });
|
|
57
|
+
default:
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
//# sourceMappingURL=brand-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"brand-card.js","sourceRoot":"","sources":["../../../../src/components/brands/brand-card/brand-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cards-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/brands/cards-grid/cards-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,cAAc,EAAE,CAAA;CAAE,CAMtD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Grid } from '@servicetitan/anvil2';
|
|
3
|
+
import { BrandCard } from '../brand-card/brand-card';
|
|
4
|
+
import * as Styles from '../styles.module.less';
|
|
5
|
+
export const CardsGrid = ({ brands }) => (_jsx(Grid, { className: Styles.grid, gap: "6", children: brands.map(brand => {
|
|
6
|
+
return _jsx(BrandCard, { ...brand }, brand.id);
|
|
7
|
+
}) }));
|
|
8
|
+
//# sourceMappingURL=cards-grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cards-grid.js","sourceRoot":"","sources":["../../../../src/components/brands/cards-grid/cards-grid.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAC;AAEhD,MAAM,CAAC,MAAM,SAAS,GAAqC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACvE,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAC,GAAG,YAChC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAChB,OAAO,KAAC,SAAS,OAAoB,KAAK,IAAnB,KAAK,CAAC,EAAE,CAAe,CAAC;IACnD,CAAC,CAAC,GACC,CACV,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/brands/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/brands/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
@import (reference) '@servicetitan/tokens/dist/tokens.less';
|
|
2
|
+
|
|
3
|
+
@action-menu-item-padding: 12px;
|
|
4
|
+
@card-min-width: 330px;
|
|
5
|
+
@card-max-width: 700px;
|
|
6
|
+
@max-number-of-cards: 3;
|
|
7
|
+
|
|
8
|
+
.delete-tooltip {
|
|
9
|
+
min-width: 327px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.grid {
|
|
13
|
+
grid-template-columns: repeat(auto-fill, minmax(@card-min-width, 1fr));
|
|
14
|
+
max-width: calc(@card-max-width * @max-number-of-cards + @spacing-3 * 2);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@media (min-width: 1120px) {
|
|
18
|
+
.grid {
|
|
19
|
+
grid-template-columns: repeat(@max-number-of-cards - 1, 1fr);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@media (min-width: 1620px) {
|
|
24
|
+
.grid {
|
|
25
|
+
grid-template-columns: repeat(@max-number-of-cards, 1fr);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.brand-card {
|
|
30
|
+
height: 200px;
|
|
31
|
+
min-width: @card-min-width;
|
|
32
|
+
max-width: @card-max-width;
|
|
33
|
+
box-sizing: border-box;
|
|
34
|
+
background: inherit !important;
|
|
35
|
+
|
|
36
|
+
:global(.CardSection) {
|
|
37
|
+
height: 150px;
|
|
38
|
+
background-color: @color-white;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.card-content {
|
|
43
|
+
height: 139px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.brand-img {
|
|
47
|
+
width: @spacing-6;
|
|
48
|
+
height: @spacing-6;
|
|
49
|
+
min-width: @spacing-6;
|
|
50
|
+
min-height: @spacing-6;
|
|
51
|
+
border-radius: @border-radius-circular;
|
|
52
|
+
border: solid 1px @color-neutral-60;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.brand-img-placeholder {
|
|
56
|
+
.brand-img();
|
|
57
|
+
background-color: @color-neutral-60;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.tags {
|
|
61
|
+
height: 41px;
|
|
62
|
+
margin-bottom: 2px;
|
|
63
|
+
margin-top: auto;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.default-tag {
|
|
67
|
+
width: 53px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.corporate-tag {
|
|
71
|
+
min-width: 86px;
|
|
72
|
+
margin-bottom: @spacing-half;
|
|
73
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { ActionButton } from './action-button';
|
|
3
|
-
export const ActionButtonArchive = props => (_jsx(ActionButton,
|
|
3
|
+
export const ActionButtonArchive = props => (_jsx(ActionButton, { ...props, iconName: "archive", hover: "primary", tooltip: props.tooltip, qaPrefix: "qa-action-button-archive", children: "Archive" }));
|
|
4
4
|
//# sourceMappingURL=action-button-archive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-button-archive.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button-archive.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAI3B,KAAK,CAAC,EAAE,CAAC,CACV,KAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"action-button-archive.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button-archive.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAI3B,KAAK,CAAC,EAAE,CAAC,CACV,KAAC,YAAY,OACL,KAAK,EACT,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAC,0BAA0B,wBAGxB,CAClB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { ActionButton } from './action-button';
|
|
3
|
-
export const ActionButtonClone = props => (_jsx(ActionButton,
|
|
3
|
+
export const ActionButtonClone = props => (_jsx(ActionButton, { ...props, iconName: "control_point_duplicate", hover: "primary", qaPrefix: "qa-action-button-clone", children: "Clone" }));
|
|
4
4
|
//# sourceMappingURL=action-button-clone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-button-clone.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button-clone.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAiD,KAAK,CAAC,EAAE,CAAC,CACpF,KAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"action-button-clone.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button-clone.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAiD,KAAK,CAAC,EAAE,CAAC,CACpF,KAAC,YAAY,OACL,KAAK,EACT,QAAQ,EAAC,yBAAyB,EAClC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,wBAAwB,sBAGtB,CAClB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { ActionButton } from './action-button';
|
|
3
|
-
export const ActionButtonEdit = props => (_jsx(ActionButton,
|
|
3
|
+
export const ActionButtonEdit = props => (_jsx(ActionButton, { ...props, iconName: "edit", hover: "primary", qaPrefix: "qa-action-button-edit", tooltip: props.tooltip, children: "Edit" }));
|
|
4
4
|
//# sourceMappingURL=action-button-edit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-button-edit.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button-edit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAIxB,KAAK,CAAC,EAAE,CAAC,CACV,KAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"action-button-edit.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button-edit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAIxB,KAAK,CAAC,EAAE,CAAC,CACV,KAAC,YAAY,OACL,KAAK,EACT,QAAQ,EAAC,MAAM,EACf,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,uBAAuB,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO,qBAGX,CAClB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { ActionButton } from './action-button';
|
|
3
|
-
export const ActionButtonUnarchive = props => (_jsx(ActionButton,
|
|
3
|
+
export const ActionButtonUnarchive = props => (_jsx(ActionButton, { ...props, iconName: "unarchive", hover: "primary", qaPrefix: "qa-action-button-unarchive", children: "Unarchive" }));
|
|
4
4
|
//# sourceMappingURL=action-button-unarchive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-button-unarchive.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button-unarchive.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAiD,KAAK,CAAC,EAAE,CAAC,CACxF,KAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"action-button-unarchive.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button-unarchive.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAiD,KAAK,CAAC,EAAE,CAAC,CACxF,KAAC,YAAY,OACL,KAAK,EACT,QAAQ,EAAC,WAAW,EACpB,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,4BAA4B,0BAG1B,CAClB,CAAC"}
|
|
@@ -19,11 +19,11 @@ export const ActionButton = ({ active, children, disabled, iconName, onClick, qa
|
|
|
19
19
|
[Styles.primary]: !disabled,
|
|
20
20
|
[Styles.focusVisible]: isFocusVisible,
|
|
21
21
|
});
|
|
22
|
-
return (_jsxs("button",
|
|
22
|
+
return (_jsxs("button", { type: "button", ref: buttonRef, className: classes, onClick: handleClick, disabled: disabled, onFocus: focusFunction, onBlur: blurFunction, children: [iconName && _jsx(Icon, { name: iconName, size: "20px", className: "m-r-1" }), _jsx(BodyText, { className: `${qaPrefix}-text ${active ? 'c-blue-500' : 'c-neutral-100'}`, children: children })] }));
|
|
23
23
|
};
|
|
24
24
|
if (!tooltip) {
|
|
25
25
|
return getButton();
|
|
26
26
|
}
|
|
27
|
-
return (_jsx(Tooltip,
|
|
27
|
+
return (_jsx(Tooltip, { text: tooltip, direction: "l", el: "div", className: `${qaPrefix}-tooltip`, children: getButton() }));
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=action-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,IAAI,EACJ,QAAQ,EAER,OAAO,EACP,eAAe,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAiB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAatD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAChD,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAEnF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,QAAQ,EAAE;
|
|
1
|
+
{"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/action-button/action-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,IAAI,EACJ,QAAQ,EAER,OAAO,EACP,eAAe,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAiB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAatD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAChD,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAEnF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE,QAAQ,EAAE;YACtD,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ;YAC3B,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,cAAc;SACxC,CAAC,CAAC;QAEH,OAAO,CACH,kBACI,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,aAEnB,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,GAAG,EACnE,KAAC,QAAQ,IAAC,SAAS,EAAE,GAAG,QAAQ,SAAS,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,EAAE,YAC7E,QAAQ,GACF,IACN,CACZ,CAAC;IACN,CAAC,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,SAAS,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,CACH,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,GAAG,QAAQ,UAAU,YAC1E,SAAS,EAAE,GACN,CACb,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -26,8 +26,8 @@ export const ActionsButton = ({ children }) => {
|
|
|
26
26
|
const close = () => {
|
|
27
27
|
setIsOpen(false);
|
|
28
28
|
};
|
|
29
|
-
return (_jsx("div",
|
|
29
|
+
return (_jsx("div", { ref: wrapElem, className: "qa-actions-button d-ib", onClick: e => {
|
|
30
30
|
e.stopPropagation();
|
|
31
|
-
}
|
|
31
|
+
}, children: _jsx(Popover, { className: Styles.popover, width: "xs", open: isOpen, direction: "bl", trigger: _jsx(Card, { raised: true, sharp: true, padding: "none", active: isOpen, onClick: toggle, className: "qa-actions-button-menu-button", children: _jsx(Card.Section, { className: "p-half-i", children: _jsx(Icon, { name: "more_vert", size: "22px", className: isOpen ? 'c-blue-400' : '' }) }) }), children: children }) }));
|
|
32
32
|
};
|
|
33
33
|
//# sourceMappingURL=actions-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions-button.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/actions-button/actions-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAM,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAErB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;
|
|
1
|
+
{"version":3,"file":"actions-button.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/actions-button/actions-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAM,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAErB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO;YACX,CAAC;YAED,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;YAExE,IAAI,CAAC,eAAe,EAAE,CAAC;gBACnB,KAAK,EAAE,CAAC;YACZ,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACH,cACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,CAAC,CAAC,EAAE;YACT,CAAC,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC,YAED,KAAC,OAAO,IACJ,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EAAC,IAAI,EACV,IAAI,EAAE,MAAM,EACZ,SAAS,EAAC,IAAI,EACd,OAAO,EACH,KAAC,IAAI,IACD,MAAM,QACN,KAAK,QACL,OAAO,EAAC,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,+BAA+B,YAEzC,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,UAAU,YAC9B,KAAC,IAAI,IACD,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,GACvC,GACS,GACZ,YAGV,QAAQ,GACH,GACR,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -7,9 +7,9 @@ import { ActionsButton } from './actions-button';
|
|
|
7
7
|
import { ActionButtonClone } from '../action-button/action-button-clone';
|
|
8
8
|
import { ActionButtonEdit } from '../action-button/action-button-edit';
|
|
9
9
|
export const CampaignActions = ({ archivedDisabledTooltip, onClickEdit, onClickStop, onClickClone, onClickArchive, onClickUnarchive, }) => {
|
|
10
|
-
const stopAction = (handleClick) => (_jsx(Button,
|
|
10
|
+
const stopAction = (handleClick) => (_jsx(Button, { outline: true, onClick: handleClick, small: true, negative: true, className: "qa-campaign-actions-stop", children: "Stop" }));
|
|
11
11
|
const archiveAction = (handleClick) => (_jsx(ActionButtonArchive, { onClick: handleClick }));
|
|
12
12
|
const unarchiveAction = (handleClick) => (_jsx(ActionButtonUnarchive, { onClick: handleClick }));
|
|
13
|
-
return (_jsxs(ButtonGroup, { children: [onClickStop && (_jsx(Confirm,
|
|
13
|
+
return (_jsxs(ButtonGroup, { children: [onClickStop && (_jsx(Confirm, { onConfirm: onClickStop, title: "Confirm stop", message: "Are you sure you want to stop this campaign?", negative: true, children: stopAction })), _jsxs(ActionsButton, { children: [onClickClone && _jsx(ActionButtonClone, { onClick: onClickClone }), onClickArchive ? (_jsx(Confirm, { onConfirm: onClickArchive, title: "Confirm archive", message: "Are you sure you want to archive this campaign?", negative: false, children: archiveAction })) : (_jsx(ActionButtonArchive, { disabled: true, tooltip: archivedDisabledTooltip })), onClickUnarchive && (_jsx(Confirm, { onConfirm: onClickUnarchive, title: "Confirm unarchive", message: "Are you sure you want to unarchive this campaign?", negative: false, children: unarchiveAction })), onClickEdit && _jsx(ActionButtonEdit, { onClick: onClickEdit })] })] }));
|
|
14
14
|
};
|
|
15
15
|
//# sourceMappingURL=campaign-actions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"campaign-actions.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/actions-button/campaign-actions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAWvE,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACtD,uBAAuB,EACvB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,cAAc,EACd,gBAAgB,GACnB,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,CAAC,WAAuB,EAAE,EAAE,CAAC,CAC5C,KAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"campaign-actions.js","sourceRoot":"","sources":["../../../../src/components/campaign-actions/actions-button/campaign-actions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAWvE,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACtD,uBAAuB,EACvB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,cAAc,EACd,gBAAgB,GACnB,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,CAAC,WAAuB,EAAE,EAAE,CAAC,CAC5C,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAE,WAAW,EAAE,KAAK,QAAC,QAAQ,QAAC,SAAS,EAAC,0BAA0B,qBAEhF,CACZ,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,WAAuB,EAAE,EAAE,CAAC,CAC/C,KAAC,mBAAmB,IAAC,OAAO,EAAE,WAAW,GAAI,CAChD,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,WAAuB,EAAE,EAAE,CAAC,CACjD,KAAC,qBAAqB,IAAC,OAAO,EAAE,WAAW,GAAI,CAClD,CAAC;IAEF,OAAO,CACH,MAAC,WAAW,eACP,WAAW,IAAI,CACZ,KAAC,OAAO,IACJ,SAAS,EAAE,WAAW,EACtB,KAAK,EAAC,cAAc,EACpB,OAAO,EAAC,8CAA8C,EACtD,QAAQ,kBAEP,UAAU,GACL,CACb,EACD,MAAC,aAAa,eACT,YAAY,IAAI,KAAC,iBAAiB,IAAC,OAAO,EAAE,YAAY,GAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,OAAO,IACJ,SAAS,EAAE,cAAc,EACzB,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAC,iDAAiD,EACzD,QAAQ,EAAE,KAAK,YAEd,aAAa,GACR,CACb,CAAC,CAAC,CAAC,CACA,KAAC,mBAAmB,IAAC,QAAQ,QAAC,OAAO,EAAE,uBAAuB,GAAI,CACrE,EACA,gBAAgB,IAAI,CACjB,KAAC,OAAO,IACJ,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAC,mDAAmD,EAC3D,QAAQ,EAAE,KAAK,YAEd,eAAe,GACV,CACb,EACA,WAAW,IAAI,KAAC,gBAAgB,IAAC,OAAO,EAAE,WAAW,GAAI,IAC9C,IACN,CACjB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -7,8 +7,8 @@ import { NumberInput } from '@servicetitan/form';
|
|
|
7
7
|
import { SettingsSection } from '../settings-section';
|
|
8
8
|
import * as Styles from './company-details-form.module.less';
|
|
9
9
|
export const MERGE_TAGS_DOCUMENTATION_LINK = 'https://help.servicetitan.com/Content/Marketing/merge-tags.htm';
|
|
10
|
-
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,
|
|
10
|
+
const DEFAULT_SECTION_DESCRIPTION = (_jsxs(Fragment, { children: ["Enter these details as you would like them to appear in your campaign. Much of this info can be utilized as\u00A0", _jsx(Link, { href: MERGE_TAGS_DOCUMENTATION_LINK, target: "_blank", primary: true, className: classNames(Styles.description, 'qa-settings-company-details-merge-tags'), children: "merge tags" }), "."] }));
|
|
11
11
|
export const CompanyDetails = observer(({ formState, logoPicker, sectionDescription = DEFAULT_SECTION_DESCRIPTION, handleCompanyEmailBlur = () => { }, layout, className = '', title = 'Company Details', }) => {
|
|
12
|
-
return (_jsx(SettingsSection,
|
|
12
|
+
return (_jsx(SettingsSection, { className: className, layout: layout, qaPrefix: "qa-settings-company-details", title: title, text: sectionDescription, children: _jsxs(Form, { className: "m-b-0-i", children: [_jsx(Form.Input, { className: "m-b-2-i qa-settings-company-details-company-name", value: formState.companyName.value, onChange: formState.companyName.onChangeHandler, error: formState.companyName.hasError, label: "Company Name", placeholder: "Enter company name", fluid: true }), _jsx(Form.Input, { className: "m-b-2-i qa-settings-company-details-tagline", value: formState.tagline.value, onChange: formState.tagline.onChangeHandler, error: formState.tagline.hasError, label: "Tagline / Slogan", placeholder: "ex: Trusted since 1956", fluid: true }), _jsxs(Form.Group, { className: "m-b-2-i", children: [_jsx(Form.Input, { width: 8, className: "m-b-0-i qa-settings-company-details-address", value: formState.street.value, onChange: formState.street.onChangeHandler, error: formState.street.hasError, label: "Street Address", placeholder: "801 N Brand Blvd" }), _jsx(Form.Input, { width: 4, className: "m-b-0-i qa-settings-company-details-address", value: formState.unit.value, onChange: formState.unit.onChangeHandler, error: formState.unit.hasError, label: "Suite, Unit, etc" })] }), _jsxs(Form.Group, { widths: "equal", className: "m-b-2-i", children: [_jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-city", value: formState.city.value, onChange: formState.city.onChangeHandler, error: formState.city.hasError, label: "City", placeholder: "Glendale", fluid: true }), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-state", value: formState.state.value, onChange: formState.state.onChangeHandler, error: formState.state.hasError, label: "State", placeholder: "CA", fluid: true }), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-zip-code", value: formState.zipCode.value, onChange: formState.zipCode.onChangeHandler, error: formState.zipCode.hasError, label: "Zip Code", placeholder: "91203", fluid: true, maxLength: 10 })] }), formState.companyWebsite ? (_jsxs(Fragment, { children: [_jsxs(Form.Group, { widths: "equal", className: "m-b-2-i", children: [_jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-company-website", value: formState.companyWebsite.value, onChange: formState.companyWebsite.onChangeHandler, error: formState.companyWebsite.hasError, label: "Company Website", placeholder: "Company Website", fluid: true }), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-company-email", value: formState.companyEmail.value, onChange: formState.companyEmail.onChangeHandler, error: formState.companyEmail.hasError, onBlur: handleCompanyEmailBlur, label: "Company Email", placeholder: "hello@yourcompany.com", fluid: true })] }), _jsx(Form.Group, { className: "m-b-2-i", children: _jsx(Form.Field, { label: "Year Established", className: "qa-settings-company-details-company-email", width: 4, error: formState.yearEstablished.hasError, children: _jsx(NumberInput, { value: formState.yearEstablished.value, onChange: formState.yearEstablished.onChange, error: formState.yearEstablished.hasError, emptyValue: undefined, min: 1, max: 2099, useEmptyThousandsSeparator: true, placeholder: "1950", fluid: true }) }) })] })) : (_jsx(Fragment, { children: _jsxs(Form.Group, { widths: "equal", className: "m-b-2-i", children: [_jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-company-email", width: 8, value: formState.companyEmail.value, onChange: formState.companyEmail.onChangeHandler, error: formState.companyEmail.hasError, onBlur: handleCompanyEmailBlur, label: "Company Email", placeholder: "hello@yourcompany.com", fluid: true }), _jsx(Form.Field, { label: "Year Established", className: "qa-settings-company-details-company-email", width: 4, error: formState.yearEstablished.hasError, children: _jsx(NumberInput, { value: formState.yearEstablished.value, onChange: formState.yearEstablished.onChange, error: formState.yearEstablished.hasError, emptyValue: undefined, min: 1, max: 2099, useEmptyThousandsSeparator: true, placeholder: "1950", fluid: true }) })] }) })), logoPicker] }) }));
|
|
13
13
|
});
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAe,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAmB,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,KAAK,MAAM,MAAM,oCAAoC,CAAC;AAuB7D,MAAM,CAAC,MAAM,6BAA6B,GACtC,gEAAgE,CAAC;AAErE,MAAM,2BAA2B,GAAG,CAChC,MAAC,QAAQ,oIAGL,KAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"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"}
|
|
@@ -4,7 +4,7 @@ import { observer } from 'mobx-react';
|
|
|
4
4
|
import { Form, Text } from '@servicetitan/design-system';
|
|
5
5
|
import { SettingsSection } from '../settings-section';
|
|
6
6
|
export const CompanyEmailFooter = observer(({ formState: { legalCopy, license, copyrightText }, layout, className }) => {
|
|
7
|
-
return (_jsx(SettingsSection,
|
|
8
|
-
Please enter the additional info so that it is CAN-SPAM compliant.`, qaPrefix: "qa-settings-footer"
|
|
7
|
+
return (_jsx(SettingsSection, { className: className, layout: layout, title: "Footer", text: `Your footer will be partially generated from the Company Details section above.
|
|
8
|
+
Please enter the additional info so that it is CAN-SPAM compliant.`, qaPrefix: "qa-settings-footer", children: _jsxs(Form, { 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, { inline: true, size: 2, subdued: true, children: "(optional)" })] }), placeholder: "Enter legal copy here", value: legalCopy.value, onChange: legalCopy.onChangeHandler }), _jsxs(Form.Group, { 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, { inline: true, size: 2, subdued: true, children: "(optional)" })] }), placeholder: "XYZ12345", fluid: true }), _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, { inline: true, size: 2, subdued: true, children: "(optional)" })] }), placeholder: "\u00A9 2022, all right reserved", fluid: true })] })] }) }));
|
|
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,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,
|
|
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,IACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE;uFACiE,EACvE,QAAQ,EAAC,oBAAoB,YAE7B,MAAC,IAAI,IAAC,SAAS,EAAC,SAAS,aACrB,KAAC,IAAI,CAAC,QAAQ,IACV,SAAS,EAAC,uCAAuC,EACjD,KAAK,EACD,MAAC,QAAQ,mCAEL,KAAC,IAAI,IAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,iCAEtB,IACA,EAEf,WAAW,EAAC,uBAAuB,EACnC,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,QAAQ,EAAE,SAAS,CAAC,eAAe,GACrC,EACF,MAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,aAC3B,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,IAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,iCAEtB,IACA,EAEf,WAAW,EAAC,UAAU,EACtB,KAAK,SACP,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,IAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,iCAEtB,IACA,EAEf,WAAW,EAAC,iCAA4B,EACxC,KAAK,SACP,IACO,IACV,GACO,CACrB,CAAC;AACN,CAAC,CACJ,CAAC"}
|
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"}
|
|
@@ -7,6 +7,6 @@ export const CompanyEmailReplyTo = observer(({ replyToEmail, layout, className }
|
|
|
7
7
|
const handleReplyToBlur = useCallback(() => {
|
|
8
8
|
replyToEmail.validate();
|
|
9
9
|
}, [replyToEmail]);
|
|
10
|
-
return (_jsx(SettingsSection,
|
|
10
|
+
return (_jsx(SettingsSection, { 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, { 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 }) }) }));
|
|
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,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,
|
|
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,IACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,6EAA6E,EAClF,QAAQ,EAAC,sBAAsB,YAE/B,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,YACrB,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,SACP,GACC,GACO,CACrB,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -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"}
|
|
@@ -26,8 +26,8 @@ export const CompanyEmailSender = observer(({ formState: { senderDomain, senderN
|
|
|
26
26
|
}
|
|
27
27
|
senderEmail.onChange(data.value);
|
|
28
28
|
}, [senderEmail]);
|
|
29
|
-
return (_jsx(SettingsSection,
|
|
30
|
-
action: isSenderDomainValidatedSuccessfully ? (_jsxs(Stack,
|
|
31
|
-
}, className: "m-b-0-i qa-settings-sender-domain", value: senderDomain.value, onChange: handleSenderDomainChange, error: senderDomain.hasError, label: "Sender Domain", placeholder: "domain", fluid: true })] })
|
|
29
|
+
return (_jsx(SettingsSection, { className: className, layout: layout, title: "Sender", text: "Configure sender name and email.", qaPrefix: "qa-settings-sender", children: _jsxs(Form, { className: "m-b-0-i", children: [_jsxs(Form.Group, { 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, { inline: true, size: 2, subdued: true, children: "max 80 characters" })] }), placeholder: "John Doe", fluid: true }), _jsx(Form.Input, { width: 6, labelProps: {
|
|
30
|
+
action: isSenderDomainValidatedSuccessfully ? (_jsxs(Stack, { spacing: 1, alignItems: "center", children: [_jsx(BodyText, { size: "small", className: "c-green-500", style: { lineHeight: `${LABEL_ACTION_SIZE}px` }, children: "Validated" }), _jsx(Icon, { color: tokens.colorGreen500, name: "check_circle", size: LABEL_ACTION_SIZE })] })) : undefined,
|
|
31
|
+
}, className: "m-b-0-i qa-settings-sender-domain", value: senderDomain.value, onChange: handleSenderDomainChange, error: senderDomain.hasError, label: "Sender Domain", placeholder: "domain", fluid: true })] }), _jsxs(Form.Group, { 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, { inline: true, size: 2, subdued: true, children: "(domain added automatically)" })] }), placeholder: "john.doe", fluid: true }), _jsx(Form.Field, { label: '\u00A0', children: _jsx("div", { className: Styles.domain, children: _jsxs(Text, { size: 3, bold: true, subdued: true, className: "qa-settings-sender-generated-domain", children: ["@", senderDomain.$ ? convertDomainName(senderDomain.$) : 'domain', ".", senderTld] }) }) })] })] }) }));
|
|
32
32
|
});
|
|
33
33
|
//# sourceMappingURL=custom-domain-sender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-domain-sender.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/custom-domain-sender.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,QAAQ,EAAE,WAAW,EAAM,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAe,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7F,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,MAAM,MAAM,oCAAoC,CAAC;AAE7D,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAc7B,MAAM,CAAC,MAAM,kBAAkB,GAAgC,QAAQ,CACnE,CAAC,EACG,SAAS,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,EACpD,SAAS,EACT,MAAM,EACN,SAAS,EACT,mCAAmC,GACtC,EAAE,EAAE;IACD,MAAM,sBAAsB,GAAG,WAAW,CACtC,CAAC,EAAoC,EAAE,IAAuB,EAAE,EAAE;QAC9D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"custom-domain-sender.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/custom-domain-sender.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,QAAQ,EAAE,WAAW,EAAM,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAe,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7F,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,MAAM,MAAM,oCAAoC,CAAC;AAE7D,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAc7B,MAAM,CAAC,MAAM,kBAAkB,GAAgC,QAAQ,CACnE,CAAC,EACG,SAAS,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,EACpD,SAAS,EACT,MAAM,EACN,SAAS,EACT,mCAAmC,GACtC,EAAE,EAAE;IACD,MAAM,sBAAsB,GAAG,WAAW,CACtC,CAAC,EAAoC,EAAE,IAAuB,EAAE,EAAE;QAC9D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;YACzB,OAAO;QACX,CAAC;QAED,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,UAAU,CAAC,CACf,CAAC;IAEF,MAAM,wBAAwB,GAAG,WAAW,CACxC,CAAC,EAAoC,EAAE,IAAuB,EAAE,EAAE;QAC9D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;YACzB,OAAO;QACX,CAAC;QAED,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,MAAM,uBAAuB,GAAG,WAAW,CACvC,CAAC,EAAoC,EAAE,IAAuB,EAAE,EAAE;QAC9D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;YACzB,OAAO;QACX,CAAC;QAED,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,OAAO,CACH,KAAC,eAAe,IACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kCAAkC,EACvC,QAAQ,EAAC,oBAAoB,YAE7B,MAAC,IAAI,IAAC,SAAS,EAAC,SAAS,aACrB,MAAC,IAAI,CAAC,KAAK,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,aAC1C,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,IAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,wCAEtB,IACA,EAEf,WAAW,EAAC,UAAU,EACtB,KAAK,SACP,EACF,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,UAAU,EAAE;gCACR,MAAM,EAAE,mCAAmC,CAAC,CAAC,CAAC,CAC1C,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAClC,KAAC,QAAQ,IACL,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,iBAAiB,IAAI,EAAE,0BAGxC,EACX,KAAC,IAAI,IACD,KAAK,EAAE,MAAM,CAAC,aAAa,EAC3B,IAAI,EAAC,cAAc,EACnB,IAAI,EAAE,iBAAiB,GACzB,IACE,CACX,CAAC,CAAC,CAAC,SAAS;6BAChB,EACD,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,QAAQ,EAAE,wBAAwB,EAClC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAC5B,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,QAAQ,EACpB,KAAK,SACP,IACO,EACb,MAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,aAC3B,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,QAAQ,EAAE,uBAAuB,EACjC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAC3B,KAAK,EACD,MAAC,QAAQ,qCAEL,KAAC,IAAI,IAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,mDAEtB,IACA,EAEf,WAAW,EAAC,UAAU,EACtB,KAAK,SACP,EACF,KAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAE,QAAQ,YACvB,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YACzB,MAAC,IAAI,IACD,IAAI,EAAE,CAAC,EACP,IAAI,QACJ,OAAO,QACP,SAAS,EAAC,qCAAqC,kBAE7C,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,OAC7D,SAAS,IACR,GACL,GACG,IACJ,IACV,GACO,CACrB,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -13,6 +13,6 @@ export const CompanyEmailSender = observer(({ senderName, senderEmail, layout, c
|
|
|
13
13
|
const handleSenderEmailBlur = useCallback(() => {
|
|
14
14
|
senderEmail.validate();
|
|
15
15
|
}, [senderEmail]);
|
|
16
|
-
return (_jsx(SettingsSection,
|
|
16
|
+
return (_jsx(SettingsSection, { layout: layout, className: className, title: "Sender", text: "Configure sender name and email.", qaPrefix: "qa-settings-sender", children: _jsx(Form, { className: "m-b-0-i", children: _jsxs(Form.Group, { 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, { inline: true, size: 2, subdued: true, children: "max 80 characters" })] }), placeholder: "John Doe", fluid: true }), _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 })] }) }) }));
|
|
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,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;
|
|
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,CAAC;YACzB,OAAO;QACX,CAAC;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,IACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kCAAkC,EACvC,QAAQ,EAAC,oBAAoB,YAE7B,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,YACrB,MAAC,IAAI,CAAC,KAAK,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,aAC1C,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,IAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,wCAEtB,IACA,EAEf,WAAW,EAAC,UAAU,EACtB,KAAK,SACP,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,SACP,IACO,GACV,GACO,CACrB,CAAC;AACN,CAAC,CACJ,CAAC"}
|