bananas-commerce-admin
Version:
What's this, an admin for apes?
23 lines • 1.96 kB
JavaScript
import React from "react";
import { Link } from "@mui/material";
import Stack from "@mui/material/Stack";
import Typography from "@mui/material/Typography";
import { countryCodeFormatter } from "../../../util/country_code_formatter";
export const AddressLine = ({ value, icon, bold = false }) => value == null ? null : icon != null ? (React.createElement(Stack, { alignItems: "center", direction: "row", gap: 1 },
icon,
React.createElement(Typography, { noWrap: true, fontWeight: bold ? 500 : 400, variant: "body2" }, value))) : (React.createElement(Typography, { noWrap: true, fontWeight: bold ? 500 : 400, variant: "body2" }, value));
export const AddressInfo = ({ info: { name, givenName, familyName, companyName, careOf, streetAddress, streetAddress2, postalCode, city, region, countryCode, email, phone, }, }) => (React.createElement(Stack, { direction: "column", gap: 0.5, sx: { "& > a": { color: "text.primary" } } },
React.createElement(AddressLine, { bold: true, value: name }),
React.createElement(AddressLine, { bold: true, value: companyName }),
Boolean(givenName || familyName) && (React.createElement(AddressLine, { bold: true, value: [givenName, familyName].join(" ") })),
careOf && React.createElement(AddressLine, { value: `c/o ${careOf}` }),
React.createElement(AddressLine, { value: streetAddress }),
React.createElement(AddressLine, { value: streetAddress2 }),
Boolean(postalCode && city) && React.createElement(AddressLine, { value: `${postalCode} ${city}` }),
React.createElement(AddressLine, { value: region }),
countryCode != null && React.createElement(AddressLine, { value: countryCodeFormatter.of(countryCode) }),
React.createElement(Link, { href: `mailto:${email}` },
React.createElement(AddressLine, { value: email })),
React.createElement(Link, { href: `tel:${phone}` },
React.createElement(AddressLine, { value: phone }))));
//# sourceMappingURL=AddressInfo.js.map