BOD-35 Refactored email screen to use TinyMCE + added templates schema + base level email generation

This commit is contained in:
Patrick Fic
2020-04-16 15:50:07 -07:00
parent 248665aa65
commit c9cafa7ab7
27 changed files with 650 additions and 1639 deletions

View File

@@ -14,7 +14,7 @@ import { toggleModalVisible } from "../../redux/modals/modals.actions";
import { selectPartsOrder } from "../../redux/modals/modals.selectors";
import {
selectBodyshop,
selectCurrentUser
selectCurrentUser,
} from "../../redux/user/user.selectors";
import AlertComponent from "../alert/alert.component";
import LoadingSpinner from "../loading-spinner/loading-spinner.component";
@@ -24,12 +24,12 @@ import { EmailSettings } from "../../emails/constants";
const mapStateToProps = createStructuredSelector({
currentUser: selectCurrentUser,
bodyshop: selectBodyshop,
partsOrderModal: selectPartsOrder
partsOrderModal: selectPartsOrder,
});
const mapDispatchToProps = dispatch => ({
setEmailOptions: e => dispatch(setEmailOptions(e)),
toggleModalVisible: () => dispatch(toggleModalVisible("partsOrder"))
const mapDispatchToProps = (dispatch) => ({
setEmailOptions: (e) => dispatch(setEmailOptions(e)),
toggleModalVisible: () => dispatch(toggleModalVisible("partsOrder")),
});
export function PartsOrderModalContainer({
@@ -37,7 +37,7 @@ export function PartsOrderModalContainer({
toggleModalVisible,
currentUser,
bodyshop,
setEmailOptions
setEmailOptions,
}) {
const { t } = useTranslation();
@@ -50,12 +50,12 @@ export function PartsOrderModalContainer({
const sendType = sendTypeState[0];
const { loading, error, data } = useQuery(QUERY_ALL_VENDORS_FOR_ORDER, {
skip: !visible
skip: !visible,
});
const [insertPartOrder] = useMutation(INSERT_NEW_PARTS_ORDERS);
const [updateJobLines] = useMutation(UPDATE_JOB_LINE_STATUS);
const handleFinish = values => {
const handleFinish = (values) => {
insertPartOrder({
variables: {
po: [
@@ -63,21 +63,21 @@ export function PartsOrderModalContainer({
...values,
jobid: jobId,
user_email: currentUser.email,
status: bodyshop.md_order_statuses.default_ordered || "Ordered*"
}
]
}
status: bodyshop.md_order_statuses.default_ordered || "Ordered*",
},
],
},
})
.then(r => {
.then((r) => {
updateJobLines({
variables: {
ids: values.parts_order_lines.data.map(item => item.job_line_id),
status: bodyshop.md_order_statuses.default_ordered || "Ordered*"
}
ids: values.parts_order_lines.data.map((item) => item.job_line_id),
status: bodyshop.md_order_statuses.default_ordered || "Ordered*",
},
})
.then(response => {
.then((response) => {
notification["success"]({
message: t("parts_orders.successes.created")
message: t("parts_orders.successes.created"),
});
if (refetch) refetch();
toggleModalVisible();
@@ -88,38 +88,38 @@ export function PartsOrderModalContainer({
messageOptions: {
from: {
name: bodyshop.shopname || EmailSettings.fromNameDefault,
address: EmailSettings.fromAddress
address: EmailSettings.fromAddress,
},
to:
data.vendors.filter(item => item.id === values.id)[0] ||
data.vendors.filter((item) => item.id === values.id)[0] ||
null,
replyTo: bodyshop.shopname || null
replyTo: bodyshop.email,
},
template: PartsOrderEmailTemplate,
queryConfig: [
REPORT_QUERY_PARTS_ORDER_BY_PK,
{
variables: {
id: r.data.insert_parts_orders.returning[0].id
}
}
]
id: r.data.insert_parts_orders.returning[0].id,
},
},
],
});
}
})
.catch(error => {
.catch((error) => {
notification["error"]({
message: t("parts_orders.errors.creating"),
description: error.message
description: error.message,
});
});
//end no good
})
.catch(error => {
.catch((error) => {
notification["error"]({
message: t("parts_orders.errors.creating"),
description: error.message
description: error.message,
});
});
};
@@ -133,7 +133,7 @@ export function PartsOrderModalContainer({
db_price: value.db_price,
act_price: value.act_price,
job_line_id: value.id,
status: bodyshop.md_order_statuses.default_ordered || "Ordered*"
status: bodyshop.md_order_statuses.default_ordered || "Ordered*",
});
return acc;
}, []);