All files / src/sections/VerifyAccountHolder_v2/components BusinessProfileDisclaimer.tsx

0% Statements 0/3
100% Branches 0/0
0% Functions 0/1
0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80                                                                                                                                                               
import React from "react";
import { Grid } from "@mui/material";
import { Box } from "@mui/material";
import InfoOutlined from "@mui/icons-material/InfoOutlined";
import { Text } from "@common/Text";
import { palette } from "@palette";
 
type Props = {
  messageType:
    | "controller"
    | "owner"
    | "non_resident_pah"
    | "non_citizen_pah"
    | "non_resident_bo"
    | "non_citizen_bo";
  containerStyle?: React.CSSProperties;
};
 
export const BusinessProfileDisclaimer = ({
  messageType,
  containerStyle,
}: Props) => {
  return (
    <Box
      bgcolor={palette.info.light}
      borderRadius="12px"
      padding="12px 16px"
      width="100%"
      sx={containerStyle}
    >
      <Grid display="flex" alignItems="flex-end" paddingBottom="8px">
        <InfoOutlined
          sx={{
            width: 24,
            height: 24,
            marginRight: "8px",
            fill: palette.filled.blue,
          }}
        />
        <Text color={palette.filled.blue} fontSize="18px" fontWeight="regular">
          {messages[messageType]?.title}
        </Text>
      </Grid>
      <Text color={palette.filled.blue} fontSize="14px" fontWeight="book">
        {messages[messageType]?.description}
      </Text>
    </Box>
  );
};
 
const messages = {
  controller: {
    title: "Merchant linked to an existing business profile",
    description:
      "Ensure that when linking a merchant to an existing business profile, the primary account holder is not added as a business owner.",
  },
  owner: {
    title: "Info",
    description:
      "You can edit the business owner details on the Business Details step or in settings.",
  },
  non_resident_pah: {
    title: "Non-resident",
    description:
      "Primary Account Holder is a non-resident of the United States",
  },
  non_citizen_pah: {
    title: "Non-citizen",
    description: "Primary Account Holder is a non-citizen of the United States",
  },
  non_resident_bo: {
    title: "Non-resident",
    description: "Business Owner is a non-resident of the United States",
  },
  non_citizen_bo: {
    title: "Non-citizen",
    description: "Business Owner is a non-citizen of the United States",
  },
};