d82f87aa2a
* wip * refactor(emails): remove circular dependencies from packages/emails - Extract renderEmail imports to use direct path (../src/renderEmail) instead of index - Create utility files for shared types and functions: - lib/utils/team-invite-utils.ts: TeamInvite type and utility functions - lib/utils/booking-redirect-types.ts: IBookingRedirect type - lib/utils/email-types.ts: OrganizationCreation and EmailVerifyCode types - lib/utils/date-formatting.ts: getFormattedDate utility function - Update all template files to import renderEmail directly from ../src/renderEmail - Update React template components to import from utility files instead of class templates - This eliminates all circular dependencies within packages/emails (reduced from 234 to 0 internal circular deps) Co-Authored-By: Volnei Munhoz <volnei.munhoz@gmail.com> * refactor(trpc): remove circular dependency in routing-forms - Extract ZFormByResponseIdInputSchema to separate schema file - Create getResponseWithFormFields.schema.ts to break circular dependency - Update imports in _router.ts and getResponseWithFormFields.handler.ts - Fix eslint warnings by updating deprecated rule names - This eliminates the circular dependency within packages/trpc (reduced from 1 to 0 internal circular deps) Co-Authored-By: Volnei Munhoz <volnei.munhoz@gmail.com> * fix(emails): correct TeamInvite type definition - Make isExistingUserMovedToOrg required (not optional) - Make prevLink and newLink non-optional (string | null) - Add back JSDoc comment for isAutoJoin field - This fixes type check errors in CI Co-Authored-By: Volnei Munhoz <volnei.munhoz@gmail.com> * wip * Fixes types folder --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
51 lines
1.6 KiB
TypeScript
51 lines
1.6 KiB
TypeScript
import { APP_NAME, SENDER_NAME, SUPPORT_MAIL_ADDRESS } from "@calcom/lib/constants";
|
|
|
|
import type { EmailVerifyCode } from "../../lib/types/email-types";
|
|
import { BaseEmailHtml } from "../components";
|
|
|
|
export const VerifyEmailByCode = (
|
|
props: EmailVerifyCode & Partial<React.ComponentProps<typeof BaseEmailHtml>>
|
|
) => {
|
|
return (
|
|
<BaseEmailHtml
|
|
subject={props.language(`verify_email_subject${props.isVerifyingEmail ? "_verifying_email" : ""}`, {
|
|
appName: APP_NAME,
|
|
})}>
|
|
<p
|
|
style={{
|
|
fontWeight: 600,
|
|
fontSize: "32px",
|
|
lineHeight: "38px",
|
|
}}>
|
|
<>{props.language("verify_email_email_header")}</>
|
|
</p>
|
|
<p style={{ fontWeight: 400 }}>
|
|
<>{props.language("hi_user_name", { name: props.user.name })}!</>
|
|
</p>
|
|
<div style={{ lineHeight: "6px" }}>
|
|
<p style={{ fontWeight: 400, lineHeight: "24px" }}>
|
|
<>
|
|
{props.language("verify_email_by_code_email_body")}
|
|
<br />
|
|
<span>{props.verificationEmailCode}</span>
|
|
</>
|
|
</p>
|
|
</div>
|
|
<div style={{ lineHeight: "6px" }}>
|
|
<p style={{ fontWeight: 400, lineHeight: "24px" }}>
|
|
<>
|
|
{props.language("happy_scheduling")}, <br />
|
|
<a
|
|
href={`mailto:${SUPPORT_MAIL_ADDRESS}`}
|
|
style={{ color: "#3E3E3E" }}
|
|
target="_blank"
|
|
rel="noreferrer">
|
|
<>{props.language("the_calcom_team", { companyName: SENDER_NAME })}</>
|
|
</a>
|
|
</>
|
|
</p>
|
|
</div>
|
|
</BaseEmailHtml>
|
|
);
|
|
};
|