udp-react-enterprise-component-library 26.5.0-beta.2 → 26.5.0-beta.21

package/dist/utilities/form/paymentForm/PaymentCard.mjs

@@ -1,96 +0,0 @@
-import { c } from "react-compiler-runtime";
-import React from "react";
-import { Box, Card, CardContent, LinearProgress, Typography, makeStyles } from "@material-ui/core";
-//#region src/utilities/form/paymentForm/PaymentCard.tsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	paper: {
-		width: "100%",
-		height: "100%",
-		position: "relative"
-	},
-	styleWidth: { width: "75%" },
-	media: { height: 120 },
-	cardContent: { paddingTop: 0 },
-	titleWrapper: {
-		display: "flex",
-		backgroundColor: (props) => props?.headerColor || "#FFFFFF",
-		alignItems: "center"
-	},
-	loading: {
-		position: "absolute",
-		top: 0,
-		left: 0
-	},
-	expandMessage: { display: "flex" },
-	cardRoot: { "&:last-child": { paddingBottom: theme.spacing(10) } },
-	title: { flex: 1 },
-	visualization: {
-		display: "flex",
-		alignItems: "flex-end",
-		width: "100%",
-		height: 300
-	}
-}));
-const PaymentCard = (props) => {
-	const $ = c(17);
-	const { title, className, style, loading, headerElement, children } = props;
-	const classes = useStyles(props);
-	let t0;
-	if ($[0] !== style) {
-		t0 = {
-			border: "none",
-			boxShadow: "none",
-			borderRadius: 0,
-			...style
-		};
-		$[0] = style;
-		$[1] = t0;
-	} else t0 = $[1];
-	let t1;
-	if ($[2] !== classes || $[3] !== headerElement || $[4] !== title) {
-		t1 = title && /* @__PURE__ */ React.createElement(CardContent, {
-			className: classes.titleWrapper,
-			classes: { root: classes.cardRoot }
-		}, /* @__PURE__ */ React.createElement(Typography, {
-			className: classes.title,
-			component: "h2",
-			variant: "h6"
-		}, title), headerElement && headerElement);
-		$[2] = classes;
-		$[3] = headerElement;
-		$[4] = title;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] !== loading) {
-		t2 = loading && /* @__PURE__ */ React.createElement(Box, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(LinearProgress, null));
-		$[6] = loading;
-		$[7] = t2;
-	} else t2 = $[7];
-	let t3;
-	if ($[8] !== children || $[9] !== className) {
-		t3 = /* @__PURE__ */ React.createElement(Box, { className }, children);
-		$[8] = children;
-		$[9] = className;
-		$[10] = t3;
-	} else t3 = $[10];
-	let t4;
-	if ($[11] !== className || $[12] !== t0 || $[13] !== t1 || $[14] !== t2 || $[15] !== t3) {
-		t4 = /* @__PURE__ */ React.createElement(Card, {
-			className,
-			style: t0
-		}, t1, t2, t3);
-		$[11] = className;
-		$[12] = t0;
-		$[13] = t1;
-		$[14] = t2;
-		$[15] = t3;
-		$[16] = t4;
-	} else t4 = $[16];
-	return t4;
-};
-//#endregion
-export { PaymentCard };
-
-//# sourceMappingURL=PaymentCard.mjs.map

package/dist/utilities/form/paymentForm/PaymentCard.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentCard.mjs","names":["React","FC","Box","Card","CardContent","LinearProgress","makeStyles","Typography","useStyles","theme","root","paper","width","height","position","styleWidth","media","cardContent","paddingTop","titleWrapper","display","backgroundColor","props","PaymentCardProps","headerColor","alignItems","loading","top","left","expandMessage","cardRoot","paddingBottom","spacing","title","flex","visualization","className","style","headerElement","ReactNode","children","PaymentCard","$","_c","classes","t0","border","boxShadow","borderRadius","t1","t2","t3","t4"],"sources":["../../../../src/utilities/form/paymentForm/PaymentCard.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  Box,\n  Card,\n  CardContent,\n  LinearProgress,\n  makeStyles,\n  Typography\n} from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  paper: {\n    width: '100%',\n    height: '100%',\n    position: 'relative'\n  },\n  styleWidth: {\n    width: '75%'\n  },\n  media: {\n    height: 120\n  },\n  cardContent: {\n    paddingTop: 0\n  },\n  titleWrapper: {\n    display: 'flex',\n    backgroundColor: (props: PaymentCardProps) =>\n      props?.headerColor || '#FFFFFF',\n    alignItems: 'center'\n  },\n  loading: {\n    position: 'absolute',\n    top: 0,\n    left: 0\n  },\n  expandMessage: {\n    display: 'flex'\n  },\n  cardRoot: {\n    '&:last-child': {\n      paddingBottom: theme.spacing(10)\n    }\n  },\n  title: {\n    flex: 1\n  },\n  visualization: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    width: '100%',\n    height: 300\n  }\n}));\n\ninterface PaymentCardProps {\n  title?: string;\n  className?: any;\n  style?: any;\n  headerColor?: string;\n  loading?: boolean;\n  headerElement?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport const PaymentCard: FC<PaymentCardProps> = (props) => {\n  const { title, className, style, loading, headerElement, children } = props;\n\n  const classes = useStyles(props);\n\n  return (\n    <Card\n      className={className}\n      style={{ border: 'none', boxShadow: 'none', borderRadius: 0, ...style }}\n    >\n      {title && (\n        <CardContent\n          className={classes.titleWrapper}\n          classes={{ root: classes.cardRoot }}\n        >\n          <Typography className={classes.title} component='h2' variant='h6'>\n            {title}\n          </Typography>\n\n          {headerElement && headerElement}\n        </CardContent>\n      )}\n      {loading && (\n        // @ts-ignore\n        <Box sx={{ width: '100%' }}>\n          <LinearProgress />\n        </Box>\n      )}\n      { /* @ts-ignore */ }\n      <Box className={className}>{children}</Box>\n    </Card>\n  );\n};\n"],"mappings":";;;;AAUA,MAAMQ,YAAYF,YAAYG,WAAW;CACvCC,MAAM,EAAE;CACRC,OAAO;EACLC,OAAO;EACPC,QAAQ;EACRC,UAAU;EACX;CACDC,YAAY,EACVH,OAAO,OACR;CACDI,OAAO,EACLH,QAAQ,KACT;CACDI,aAAa,EACXC,YAAY,GACb;CACDC,cAAc;EACZC,SAAS;EACTC,kBAAkBC,UAChBA,OAAOE,eAAe;EACxBC,YAAY;EACb;CACDC,SAAS;EACPZ,UAAU;EACVa,KAAK;EACLC,MAAM;EACP;CACDC,eAAe,EACbT,SAAS,QACV;CACDU,UAAU,EACR,gBAAgB,EACdC,eAAetB,MAAMuB,QAAQ,GAAE,EACjC,EACD;CACDC,OAAO,EACLC,MAAM,GACP;CACDC,eAAe;EACbf,SAAS;EACTK,YAAY;EACZb,OAAO;EACPC,QAAQ;EACV;CACD,EAAE;AAYH,MAAa4B,eAAoCnB,UAAA;CAAA,MAAAoB,IAAAC,EAAA,GAAA;CAC/C,MAAA,EAAAV,OAAAG,WAAAC,OAAAX,SAAAY,eAAAE,aAAsElB;CAEtE,MAAAsB,UAAgBpC,UAAUc,MAAM;CAAC,IAAAuB;AAAA,KAAAH,EAAA,OAAAL,OAAA;AAKtBQ,OAAA;GAAAC,QAAU;GAAMC,WAAa;GAAMC,cAAgB;GAAC,GAAKX;GAAO;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAE,WAAAF,EAAA,OAAAJ,iBAAAI,EAAA,OAAAT,OAAA;AAEtEgB,OAAAhB,SACC,sBAAA,cAAC,aAAD;GACa,WAAAW,QAAOzB;GACT,SAAA,EAAAT,MAAQkC,QAAOd,UAAU;GAQrC,EANG,sBAAA,cAAC,YAAD;GAAuB,WAAAc,QAAOX;GAAkB,WAAA;GAAa,SAAA;GAI5D,EAHEA,MAGF,EAAAK,iBAAAA,cAEJ;AAAAI,IAAA,KAAAE;AAAAF,IAAA,KAAAJ;AAAAI,IAAA,KAAAT;AAAAS,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAhB,SAAA;AACAwB,OAAAxB,WAEC,sBAAA,cAAC,KAAD,EAAS,IAAA,EAAAd,OAAS,QAAO,EAG1B,EAFG,sBAAA,cAAC,gBAAA,KACH,CACD;AAAA8B,IAAA,KAAAhB;AAAAgB,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAF,YAAAE,EAAA,OAAAN,WAAA;AAEDe,OAAA,sBAAA,cAAC,KAAD,EAAgBf,WAA2B,EAAfI,SAAe;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAN;AAAAM,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,QAAAN,aAAAM,EAAA,QAAAG,MAAAH,EAAA,QAAAO,MAAAP,EAAA,QAAAQ,MAAAR,EAAA,QAAAS,IAAA;AAvB7CC,OAAA,sBAAA,cAAC,MAAD;GACahB;GACJ,OAAAS;GAsBF,EApBJI,IAYAC,IAODC,GACK;AAAAT,IAAA,MAAAN;AAAAM,IAAA,MAAAG;AAAAH,IAAA,MAAAO;AAAAP,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAAU;OAAAA,MAAAV,EAAA;AAAA,QAxBPU"}

package/dist/utilities/form/paymentForm/PaymentCardDetail.mjs

@@ -1,284 +0,0 @@
-import { Grid as Grid$1 } from "../../../UI/Grid.mjs";
-import { c } from "react-compiler-runtime";
-import React from "react";
-import { Card, CardContent, Chip, Typography } from "@material-ui/core";
-import visaLogo from "../../../assets/paymentIcons/visa-logo.svg";
-import masterCardLogo from "../../../assets/paymentIcons/mastercard-logo.svg";
-import discoverLogo from "../../../assets/paymentIcons/discover-logo.svg";
-import americaExpressLogo from "../../../assets/paymentIcons/american-logo.svg";
-//#region src/utilities/form/paymentForm/PaymentCardDetail.tsx
-const logos = {
-	visa: visaLogo,
-	mastercard: masterCardLogo,
-	discover: discoverLogo,
-	amex: americaExpressLogo,
-	default: visaLogo
-};
-/**
-* PaymentCardDetail component displays the details of a payment card.
-* 
-* @param {Object} props - The component props.
-* @param {CardData} props.cardData - The data of the payment card.
-* @param {string} props.cardData.paymentToken - The token of the payment card.
-* @param {string} props.cardData.expirationDate - The expiration date of the payment card.
-* @param {boolean} props.cardData.active - The active status of the payment card.
-* 
-* @returns {JSX.Element} The rendered PaymentCardDetail component.
-* 
-* The component displays the card logo, nickname, and expiration date.
-* If the card is expired, it shows an "Expired" chip.
-* The card logo is determined based on the nickname of the card.
-*/
-const PaymentCardDetail = (t0) => {
-	const $ = c(65);
-	const { cardData } = t0;
-	let T0;
-	let T1;
-	let T2;
-	let T3;
-	let T4;
-	let isExpired;
-	let styles;
-	let t1;
-	let t10;
-	let t11;
-	let t12;
-	let t13;
-	let t14;
-	let t15;
-	let t16;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	let t6;
-	let t7;
-	let t8;
-	let t9;
-	if ($[0] !== cardData) {
-		const { paymentToken, expirationDate, active } = cardData || {};
-		isExpired = new Date(expirationDate) < /* @__PURE__ */ new Date() && !active;
-		const getCardLogo = _temp;
-		let t17;
-		if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-			t17 = {
-				card: {
-					border: 0,
-					padding: "5px 15px",
-					width: "100%"
-				},
-				logoContainer: {
-					border: "2px solid #e0e0e0",
-					borderRadius: "8px",
-					padding: "8px",
-					display: "flex",
-					justifyContent: "center",
-					alignItems: "center",
-					height: "42px",
-					width: "70px"
-				},
-				logoImage: {
-					width: 55,
-					height: "auto",
-					objectFit: "contain"
-				},
-				nickname: { fontWeight: 600 },
-				expiration: { fontWeight: 400 },
-				expiredChip: { fontWeight: "bold" }
-			};
-			$[24] = t17;
-		} else t17 = $[24];
-		styles = t17;
-		T4 = Card;
-		t15 = "outlined";
-		t16 = styles.card;
-		T3 = CardContent;
-		if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-			t14 = { padding: "5px 0" };
-			$[25] = t14;
-		} else t14 = $[25];
-		T2 = Grid$1;
-		t10 = true;
-		t11 = "center";
-		t12 = 2;
-		const t18 = /* @__PURE__ */ React.createElement("div", { style: styles.logoContainer }, /* @__PURE__ */ React.createElement("img", {
-			src: getCardLogo(paymentToken?.nickname || ""),
-			alt: "Card Logo",
-			style: styles.logoImage
-		}));
-		if ($[26] !== t18) {
-			t13 = /* @__PURE__ */ React.createElement(Grid$1, { item: true }, t18);
-			$[26] = t18;
-			$[27] = t13;
-		} else t13 = $[27];
-		T1 = Grid$1;
-		t7 = true;
-		t8 = true;
-		t9 = /* @__PURE__ */ React.createElement(Typography, {
-			variant: "body1",
-			style: styles.nickname
-		}, paymentToken?.nickname || "Unknown Card");
-		T0 = Typography;
-		t1 = "subtitle2";
-		t2 = "textSecondary";
-		t3 = styles.expiration;
-		t4 = "Exp. date: ";
-		t5 = " ";
-		t6 = expirationDate ? new Date(expirationDate).toLocaleDateString("en-US", {
-			month: "2-digit",
-			year: "2-digit"
-		}) : "N/A";
-		$[0] = cardData;
-		$[1] = T0;
-		$[2] = T1;
-		$[3] = T2;
-		$[4] = T3;
-		$[5] = T4;
-		$[6] = isExpired;
-		$[7] = styles;
-		$[8] = t1;
-		$[9] = t10;
-		$[10] = t11;
-		$[11] = t12;
-		$[12] = t13;
-		$[13] = t14;
-		$[14] = t15;
-		$[15] = t16;
-		$[16] = t2;
-		$[17] = t3;
-		$[18] = t4;
-		$[19] = t5;
-		$[20] = t6;
-		$[21] = t7;
-		$[22] = t8;
-		$[23] = t9;
-	} else {
-		T0 = $[1];
-		T1 = $[2];
-		T2 = $[3];
-		T3 = $[4];
-		T4 = $[5];
-		isExpired = $[6];
-		styles = $[7];
-		t1 = $[8];
-		t10 = $[9];
-		t11 = $[10];
-		t12 = $[11];
-		t13 = $[12];
-		t14 = $[13];
-		t15 = $[14];
-		t16 = $[15];
-		t2 = $[16];
-		t3 = $[17];
-		t4 = $[18];
-		t5 = $[19];
-		t6 = $[20];
-		t7 = $[21];
-		t8 = $[22];
-		t9 = $[23];
-	}
-	let t17;
-	if ($[28] !== T0 || $[29] !== t1 || $[30] !== t2 || $[31] !== t3 || $[32] !== t4 || $[33] !== t5 || $[34] !== t6) {
-		t17 = /* @__PURE__ */ React.createElement(T0, {
-			variant: t1,
-			color: t2,
-			style: t3
-		}, t4, t5, t6);
-		$[28] = T0;
-		$[29] = t1;
-		$[30] = t2;
-		$[31] = t3;
-		$[32] = t4;
-		$[33] = t5;
-		$[34] = t6;
-		$[35] = t17;
-	} else t17 = $[35];
-	let t18;
-	if ($[36] !== T1 || $[37] !== t17 || $[38] !== t7 || $[39] !== t8 || $[40] !== t9) {
-		t18 = /* @__PURE__ */ React.createElement(T1, {
-			item: t7,
-			xs: t8
-		}, t9, t17);
-		$[36] = T1;
-		$[37] = t17;
-		$[38] = t7;
-		$[39] = t8;
-		$[40] = t9;
-		$[41] = t18;
-	} else t18 = $[41];
-	let t19;
-	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = { marginRight: "15px" };
-		$[42] = t19;
-	} else t19 = $[42];
-	let t20;
-	if ($[43] !== isExpired || $[44] !== styles.expiredChip) {
-		t20 = isExpired && /* @__PURE__ */ React.createElement(Chip, {
-			label: "Expired",
-			color: "secondary",
-			size: "small",
-			style: styles.expiredChip
-		});
-		$[43] = isExpired;
-		$[44] = styles.expiredChip;
-		$[45] = t20;
-	} else t20 = $[45];
-	let t21;
-	if ($[46] !== t20) {
-		t21 = /* @__PURE__ */ React.createElement(Grid$1, {
-			item: true,
-			style: t19
-		}, t20);
-		$[46] = t20;
-		$[47] = t21;
-	} else t21 = $[47];
-	let t22;
-	if ($[48] !== T2 || $[49] !== t10 || $[50] !== t11 || $[51] !== t12 || $[52] !== t13 || $[53] !== t18 || $[54] !== t21) {
-		t22 = /* @__PURE__ */ React.createElement(T2, {
-			container: t10,
-			alignItems: t11,
-			spacing: t12
-		}, t13, t18, t21);
-		$[48] = T2;
-		$[49] = t10;
-		$[50] = t11;
-		$[51] = t12;
-		$[52] = t13;
-		$[53] = t18;
-		$[54] = t21;
-		$[55] = t22;
-	} else t22 = $[55];
-	let t23;
-	if ($[56] !== T3 || $[57] !== t14 || $[58] !== t22) {
-		t23 = /* @__PURE__ */ React.createElement(T3, { style: t14 }, t22);
-		$[56] = T3;
-		$[57] = t14;
-		$[58] = t22;
-		$[59] = t23;
-	} else t23 = $[59];
-	let t24;
-	if ($[60] !== T4 || $[61] !== t15 || $[62] !== t16 || $[63] !== t23) {
-		t24 = /* @__PURE__ */ React.createElement(T4, {
-			variant: t15,
-			style: t16
-		}, t23);
-		$[60] = T4;
-		$[61] = t15;
-		$[62] = t16;
-		$[63] = t23;
-		$[64] = t24;
-	} else t24 = $[64];
-	return t24;
-};
-function _temp(nickname) {
-	const lowerNickname = nickname?.toLowerCase();
-	if (lowerNickname.includes("visa")) return logos.visa;
-	if (lowerNickname.includes("mc")) return logos.mastercard;
-	if (lowerNickname.includes("disc")) return logos.discover;
-	if (lowerNickname.includes("amex") || lowerNickname.includes("american express")) return logos.amex;
-	return logos.default;
-}
-//#endregion
-export { PaymentCardDetail };
-
-//# sourceMappingURL=PaymentCardDetail.mjs.map

package/dist/utilities/form/paymentForm/PaymentCardDetail.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentCardDetail.mjs","names":["React","Card","CardContent","Chip","Typography","Grid","visaLogo","masterCardLogo","discoverLogo","americaExpressLogo","CardData","logos","key","visa","mastercard","discover","amex","default","PaymentCardDetail","t0","$","_c","cardData","T0","T1","T2","T3","T4","isExpired","styles","t1","t10","t11","t12","t13","t14","t15","t16","t2","t3","t4","t5","t6","t7","t8","t9","paymentToken","expirationDate","active","Date","getCardLogo","_temp","t17","Symbol","for","card","border","padding","width","logoContainer","borderRadius","display","justifyContent","alignItems","height","logoImage","objectFit","nickname","fontWeight","expiration","expiredChip","t18","CSSProperties","toLocaleDateString","month","year","t19","marginRight","t20","t21","t22","t23","t24","lowerNickname","toLowerCase","includes"],"sources":["../../../../src/utilities/form/paymentForm/PaymentCardDetail.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Card,\n  CardContent,\n  Chip,\n  Typography\n} from \"@material-ui/core\";\nimport { Grid } from \"../../../UI/Grid\";\nimport visaLogo from \"../../../assets/paymentIcons/visa-logo.svg\";\nimport masterCardLogo from \"../../../assets/paymentIcons/mastercard-logo.svg\";\nimport discoverLogo from \"../../../assets/paymentIcons/discover-logo.svg\";\nimport americaExpressLogo from \"../../../assets/paymentIcons/american-logo.svg\";\nimport { CardData } from \"./PaymentDropdown\";\n\nconst logos: { [key: string]: string } = {\n  visa: visaLogo,\n  mastercard: masterCardLogo,\n  discover: discoverLogo,\n  amex: americaExpressLogo,\n  default: visaLogo,\n};\n\n/**\n * PaymentCardDetail component displays the details of a payment card.\n * \n * @param {Object} props - The component props.\n * @param {CardData} props.cardData - The data of the payment card.\n * @param {string} props.cardData.paymentToken - The token of the payment card.\n * @param {string} props.cardData.expirationDate - The expiration date of the payment card.\n * @param {boolean} props.cardData.active - The active status of the payment card.\n * \n * @returns {JSX.Element} The rendered PaymentCardDetail component.\n * \n * The component displays the card logo, nickname, and expiration date.\n * If the card is expired, it shows an \"Expired\" chip.\n * The card logo is determined based on the nickname of the card.\n */\nexport const PaymentCardDetail = ({ cardData }: { cardData: CardData }) => {\n  const { paymentToken, expirationDate, active } = cardData || {};\n\n  const isExpired = new Date(expirationDate) < new Date() && !active;\n\n  const getCardLogo = (nickname: string) => {\n    const lowerNickname = nickname?.toLowerCase();\n    if (lowerNickname.includes(\"visa\")) return logos.visa;\n    if (lowerNickname.includes(\"mc\")) return logos.mastercard;\n    if (lowerNickname.includes(\"disc\")) return logos.discover;\n    if (lowerNickname.includes(\"amex\") || lowerNickname.includes(\"american express\"))\n      return logos.amex;\n    return logos.default;\n  };\n\n  const styles = {\n    card: {\n      border: 0,\n      padding: \"5px 15px\",\n      width: \"100%\",\n    },\n    logoContainer: {\n      border: \"2px solid #e0e0e0\",\n      borderRadius: \"8px\",\n      padding: \"8px\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      height: \"42px\",\n      width: \"70px\",\n    },\n    logoImage: {\n      width: 55,\n      height: \"auto\",\n      objectFit: \"contain\",\n    },\n    nickname: {\n      fontWeight: 600,\n    },\n    expiration: {\n      fontWeight: 400,\n    },\n    expiredChip: {\n      fontWeight: \"bold\",\n    },\n  };\n\n  return (\n    <Card variant=\"outlined\" style={styles.card}>\n      <CardContent style={{ padding: \"5px 0\" }}>\n        <Grid container alignItems=\"center\" spacing={2}>\n          {/* Card Logo with Border */}\n          <Grid item>\n            <div style={styles.logoContainer}>\n              <img\n                src={getCardLogo(paymentToken?.nickname || \"\")}\n                alt=\"Card Logo\"\n                style={styles.logoImage as React.CSSProperties}\n              />\n            </div>\n          </Grid>\n\n          {/* Card Details */}\n          <Grid item xs>\n            <Typography variant=\"body1\" style={styles.nickname}>\n              {paymentToken?.nickname || \"Unknown Card\"}\n            </Typography>\n            <Typography\n              variant=\"subtitle2\"\n              color=\"textSecondary\"\n              style={styles.expiration}\n            >\n              Exp. date: {\" \"}\n              {expirationDate\n                ? new Date(expirationDate).toLocaleDateString(\"en-US\", {\n                  month: \"2-digit\",\n                  year: \"2-digit\",\n                })\n                : \"N/A\"}\n            </Typography>\n          </Grid>\n\n          {/* Expiration */}\n          <Grid item style={{ marginRight: \"15px\" }}>\n            {isExpired && (\n              <Chip\n                label=\"Expired\"\n                color=\"secondary\"\n                size=\"small\"\n                style={styles.expiredChip}\n              />\n            )}\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};"],"mappings":"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"}

package/dist/utilities/form/paymentForm/PaymentDropdown.mjs

@@ -1,142 +0,0 @@
-import { PaymentTenderTypeEnum } from "../../../enums/paymentTenderTypeEnum.mjs";
-import { PaymentCardDetail } from "./PaymentCardDetail.mjs";
-import { PaymentBankDetails } from "./PaymentBankDetails.mjs";
-import { c } from "react-compiler-runtime";
-import React, { useEffect, useState } from "react";
-import { FormControl, InputLabel, MenuItem, Select, makeStyles } from "@material-ui/core";
-import { useTranslation } from "react-i18next";
-//#region src/utilities/form/paymentForm/PaymentDropdown.tsx
-const useStyles = makeStyles(() => ({ select: {
-	background: "#F5F6F9",
-	paddingTop: 2,
-	paddingBottom: 0,
-	paddingLeft: 0
-} }));
-/**
-* PaymentDropdown component renders a dropdown menu for selecting a payment account.
-* It supports both credit card and bank account payment types.
-*
-* @component
-* @param {PaymentDropdownProps} props - The properties for the PaymentDropdown component.
-* @param {Array} props.paymentAccounts - An array of payment accounts to display in the dropdown.
-* @param {Function} props.setSelectedPaymentAccount - A function to set the selected payment account.
-* @param {PaymentTenderTypeEnum} props.paymentType - The type of payment (CreditCard or BankAccount).
-*
-* @returns {JSX.Element} The rendered PaymentDropdown component.
-*/
-const PaymentDropdown = (t0) => {
-	const $ = c(29);
-	const { paymentAccounts, setSelectedPaymentAccount, paymentType } = t0;
-	const [selectedPaymentCard, setSelectedPaymentCard] = useState(paymentAccounts?.[0]?.paymentTokenID || "");
-	const classes = useStyles();
-	const { t } = useTranslation();
-	let t1;
-	if ($[0] !== paymentType) {
-		t1 = (card) => {
-			switch (paymentType) {
-				case PaymentTenderTypeEnum.CreditCard: return /* @__PURE__ */ React.createElement(PaymentCardDetail, { cardData: card });
-				case PaymentTenderTypeEnum.ECheck: return /* @__PURE__ */ React.createElement(PaymentBankDetails, { bankData: card });
-				default: return null;
-			}
-		};
-		$[0] = paymentType;
-		$[1] = t1;
-	} else t1 = $[1];
-	const renderMenuItemContent = t1;
-	let t2;
-	if ($[2] !== paymentAccounts || $[3] !== setSelectedPaymentAccount) {
-		t2 = (event) => {
-			const selectedPaymentAccount = paymentAccounts.find((account) => account.paymentTokenID === event.target.value);
-			setSelectedPaymentCard(event.target.value);
-			setSelectedPaymentAccount?.(selectedPaymentAccount);
-		};
-		$[2] = paymentAccounts;
-		$[3] = setSelectedPaymentAccount;
-		$[4] = t2;
-	} else t2 = $[4];
-	const handleChange = t2;
-	let t3;
-	if ($[5] !== paymentAccounts || $[6] !== renderMenuItemContent) {
-		t3 = paymentAccounts?.map((card_0) => /* @__PURE__ */ React.createElement(MenuItem, {
-			key: card_0.paymentTokenID,
-			value: card_0.paymentTokenID,
-			style: { padding: 0 }
-		}, renderMenuItemContent(card_0)));
-		$[5] = paymentAccounts;
-		$[6] = renderMenuItemContent;
-		$[7] = t3;
-	} else t3 = $[7];
-	const menuItems = t3;
-	let t4;
-	let t5;
-	if ($[8] !== paymentAccounts || $[9] !== setSelectedPaymentAccount) {
-		t4 = () => {
-			const defaultPaymentAccount = paymentAccounts.find((account_0) => account_0.paymentTokenID === paymentAccounts?.[0]?.paymentTokenID);
-			setSelectedPaymentAccount?.(defaultPaymentAccount);
-		};
-		t5 = [paymentAccounts, setSelectedPaymentAccount];
-		$[8] = paymentAccounts;
-		$[9] = setSelectedPaymentAccount;
-		$[10] = t4;
-		$[11] = t5;
-	} else {
-		t4 = $[10];
-		t5 = $[11];
-	}
-	useEffect(t4, t5);
-	let t6;
-	if ($[12] !== t) {
-		t6 = t("Select Payment Account");
-		$[12] = t;
-		$[13] = t6;
-	} else t6 = $[13];
-	let t7;
-	if ($[14] !== t6) {
-		t7 = /* @__PURE__ */ React.createElement(InputLabel, { id: "payment-select-label" }, t6);
-		$[14] = t6;
-		$[15] = t7;
-	} else t7 = $[15];
-	let t8;
-	if ($[16] !== t) {
-		t8 = t("Select Payment Account");
-		$[16] = t;
-		$[17] = t8;
-	} else t8 = $[17];
-	let t9;
-	if ($[18] !== classes.select) {
-		t9 = { root: classes.select };
-		$[18] = classes.select;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== handleChange || $[21] !== menuItems || $[22] !== selectedPaymentCard || $[23] !== t8 || $[24] !== t9) {
-		t10 = /* @__PURE__ */ React.createElement(Select, {
-			labelId: "payment-select-label",
-			label: t8,
-			onChange: handleChange,
-			value: selectedPaymentCard,
-			classes: t9
-		}, menuItems);
-		$[20] = handleChange;
-		$[21] = menuItems;
-		$[22] = selectedPaymentCard;
-		$[23] = t8;
-		$[24] = t9;
-		$[25] = t10;
-	} else t10 = $[25];
-	let t11;
-	if ($[26] !== t10 || $[27] !== t7) {
-		t11 = /* @__PURE__ */ React.createElement(FormControl, {
-			fullWidth: true,
-			variant: "outlined"
-		}, t7, t10);
-		$[26] = t10;
-		$[27] = t7;
-		$[28] = t11;
-	} else t11 = $[28];
-	return t11;
-};
-//#endregion
-export { PaymentDropdown as default };
-
-//# sourceMappingURL=PaymentDropdown.mjs.map

package/dist/utilities/form/paymentForm/PaymentDropdown.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentDropdown.mjs","names":["React","useCallback","useEffect","useMemo","useState","Select","MenuItem","FormControl","InputLabel","makeStyles","useTranslation","PaymentCardDetail","PaymentTenderTypeEnum","PaymentBankDetails","useStyles","select","background","paddingTop","paddingBottom","paddingLeft","PaymentToken","nickname","active","CardData","paymentToken","expirationDate","routingNumber","paymentTokenID","PaymentDropdownProps","paymentAccounts","paymentType","setSelectedPaymentAccount","paymentAccount","PaymentDropdown","FC","t0","$","_c","selectedPaymentCard","setSelectedPaymentCard","classes","t","t1","card","CreditCard","ECheck","renderMenuItemContent","t2","event","selectedPaymentAccount","find","account","target","value","handleChange","t3","map","card_0","padding","menuItems","t4","t5","defaultPaymentAccount","account_0","t6","t7","t8","t9","root","t10","t11"],"sources":["../../../../src/utilities/form/paymentForm/PaymentDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  Select,\n  MenuItem,\n  FormControl,\n  InputLabel,\n  makeStyles,\n} from \"@material-ui/core\";\nimport { useTranslation } from \"react-i18next\";\nimport { PaymentCardDetail } from \"./PaymentCardDetail\";\nimport { PaymentTenderTypeEnum } from \"../../../enums/paymentTenderTypeEnum\";\nimport { PaymentBankDetails } from \"./PaymentBankDetails\";\n\nconst useStyles = makeStyles(() => ({\n  select: {\n    background: '#F5F6F9',\n    paddingTop: 2,\n    paddingBottom: 0,\n    paddingLeft: 0,\n  },\n}));\n\ninterface PaymentToken {\n  nickname: string;\n  active?: boolean;\n}\n\nexport interface CardData {\n  paymentToken: PaymentToken;\n  expirationDate: string;\n  routingNumber: string;\n  active: boolean;\n  paymentTokenID: string;\n}\n\ninterface PaymentDropdownProps {\n  paymentAccounts: CardData[];\n  paymentType: PaymentTenderTypeEnum;\n  setSelectedPaymentAccount?: (paymentAccount: any) => void;\n}\n\n/**\n * PaymentDropdown component renders a dropdown menu for selecting a payment account.\n * It supports both credit card and bank account payment types.\n *\n * @component\n * @param {PaymentDropdownProps} props - The properties for the PaymentDropdown component.\n * @param {Array} props.paymentAccounts - An array of payment accounts to display in the dropdown.\n * @param {Function} props.setSelectedPaymentAccount - A function to set the selected payment account.\n * @param {PaymentTenderTypeEnum} props.paymentType - The type of payment (CreditCard or BankAccount).\n *\n * @returns {JSX.Element} The rendered PaymentDropdown component.\n */\nconst PaymentDropdown: React.FC<PaymentDropdownProps> = ({ paymentAccounts, setSelectedPaymentAccount, paymentType }) => {\n  const [selectedPaymentCard, setSelectedPaymentCard] = useState<string>(\n    paymentAccounts?.[0]?.paymentTokenID || \"\"\n  );\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  /**\n   * Renders the content for a MenuItem based on the payment type.\n   *\n   * @param {CardData} card - The card data.\n   * @returns {JSX.Element} The rendered component for the MenuItem.\n   */\n  const renderMenuItemContent = useCallback(\n    (card: CardData) => {\n      switch (paymentType) {\n        case PaymentTenderTypeEnum.CreditCard:\n          return <PaymentCardDetail cardData={card} />;\n        case PaymentTenderTypeEnum.ECheck:\n          return <PaymentBankDetails bankData={card} />;\n        default:\n          return null;\n      }\n    },\n    [paymentType]\n  );\n\n  /**\n   * Handles the change event for the dropdown menu.\n   *\n   * @param {React.ChangeEvent<{ value: unknown }>} event\n   */\n  const handleChange = (event: React.ChangeEvent<{ value: unknown }>) => {\n    const selectedPaymentAccount = paymentAccounts.find(\n      (account) => account.paymentTokenID === event.target.value\n    );\n    setSelectedPaymentCard(event.target.value as string);\n    setSelectedPaymentAccount?.(selectedPaymentAccount);\n  };\n\n  /**\n   * Generates a memoized list of menu items for payment accounts.\n   *\n   * This function uses the `useMemo` hook to optimize performance by memoizing the list of menu items.\n   * It maps over the `paymentAccounts` array and creates a `MenuItem` for each account.\n   *\n   * @returns {JSX.Element[]} A memoized array of `MenuItem` components.\n   */\n  const menuItems = useMemo(\n    () =>\n      paymentAccounts?.map((card) => (\n        <MenuItem key={card.paymentTokenID} value={card.paymentTokenID} style={{ padding: 0 }}>\n          {renderMenuItemContent(card)}\n        </MenuItem>\n      )),\n    [paymentAccounts, renderMenuItemContent]\n  );\n\n  /**\n   * useEffect()\n   * Set the default selected payment account when the component mounts or paymentAccounts change\n   */\n  useEffect(() => {\n    const defaultPaymentAccount = paymentAccounts.find(\n      (account) => account.paymentTokenID === paymentAccounts?.[0]?.paymentTokenID\n    );\n    setSelectedPaymentAccount?.(defaultPaymentAccount);\n  }, [paymentAccounts, setSelectedPaymentAccount]);\n\n  return (\n    <FormControl fullWidth variant=\"outlined\">\n      <InputLabel id=\"payment-select-label\">{t('Select Payment Account')}</InputLabel>\n      <Select\n        labelId=\"payment-select-label\"\n        label={t(`Select Payment Account`)}\n        onChange={handleChange}\n        value={selectedPaymentCard}\n        classes={{ root: classes.select }}\n      >\n        {menuItems}\n      </Select>\n    </FormControl>\n  );\n};\n\n\nexport default PaymentDropdown;"],"mappings":"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"}

package/dist/utilities/form/paymentForm/TabPanel.mjs

@@ -1,74 +0,0 @@
-import { c } from "react-compiler-runtime";
-import React from "react";
-import { Box, Tab, Typography, lighten, styled } from "@material-ui/core";
-styled(Tab)(({ theme, style }) => ({
-	textTransform: "none",
-	"&.Mui-selected": {
-		backgroundColor: lighten(theme.palette.secondary.light, .9),
-		color: theme.palette.primary.main
-	},
-	backgroundColor: theme.palette.background.paper,
-	...style
-}));
-/**
-* TabPanel
-*
-* @param {TabPanelProps} props
-* @return {*}
-*/
-const TabPanel = (props) => {
-	const $ = c(17);
-	let children;
-	let index;
-	let other;
-	let sx;
-	let value;
-	if ($[0] !== props) {
-		({children, value, index, sx, ...other} = props);
-		$[0] = props;
-		$[1] = children;
-		$[2] = index;
-		$[3] = other;
-		$[4] = sx;
-		$[5] = value;
-	} else {
-		children = $[1];
-		index = $[2];
-		other = $[3];
-		sx = $[4];
-		value = $[5];
-	}
-	const t0 = value !== index;
-	const t1 = `simple-tabpanel-${index}`;
-	const t2 = `simple-tab-${index}`;
-	let t3;
-	if ($[6] !== children || $[7] !== index || $[8] !== sx || $[9] !== value) {
-		t3 = value === index && /* @__PURE__ */ React.createElement(Box, { sx: sx ? { ...sx } : { p: 3 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, children));
-		$[6] = children;
-		$[7] = index;
-		$[8] = sx;
-		$[9] = value;
-		$[10] = t3;
-	} else t3 = $[10];
-	let t4;
-	if ($[11] !== other || $[12] !== t0 || $[13] !== t1 || $[14] !== t2 || $[15] !== t3) {
-		t4 = /* @__PURE__ */ React.createElement("div", {
-			role: "tabpanel",
-			hidden: t0,
-			id: t1,
-			"aria-labelledby": t2,
-			...other
-		}, t3);
-		$[11] = other;
-		$[12] = t0;
-		$[13] = t1;
-		$[14] = t2;
-		$[15] = t3;
-		$[16] = t4;
-	} else t4 = $[16];
-	return t4;
-};
-//#endregion
-export { TabPanel };
-
-//# sourceMappingURL=TabPanel.mjs.map

package/dist/utilities/form/paymentForm/TabPanel.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.mjs","names":["React","Box","Tab","Typography","styled","lighten","a11yProps","index","id","StyledTab","ComponentType","theme","style","textTransform","backgroundColor","palette","secondary","light","color","primary","main","background","paper","TabPanelProps","children","ReactNode","value","sx","TabPanel","props","$","_c","other","t0","t1","t2","t3","p","t4"],"sources":["../../../../src/utilities/form/paymentForm/TabPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Tab, Typography, styled, lighten } from '@material-ui/core';\n\nexport const a11yProps = (index: number | string) => {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`\n  };\n};\n\nexport const StyledTab: React.ComponentType<any> = styled(Tab)(({ theme, style }: any) => ({\n  textTransform: 'none',\n  '&.Mui-selected': {\n    backgroundColor: lighten(theme.palette.secondary.light, 0.9),\n    color: theme.palette.primary.main\n  },\n  backgroundColor: theme.palette.background.paper,\n  ...style\n}));\n\ninterface TabPanelProps {\n  children?: React.ReactNode;\n  index: number;\n  value: number;\n  sx?: any;\n}\n\n/**\n * TabPanel\n *\n * @param {TabPanelProps} props\n * @return {*}\n */\nexport const TabPanel = (props: TabPanelProps) => {\n  const { children, value, index, sx, ...other } = props;\n\n  return (\n    <div\n      role='tabpanel'\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        // @ts-ignore\n        <Box sx={sx ? { ...sx } : { p: 3 }}>\n          <Typography variant='subtitle2'>{children}</Typography>\n        </Box>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;AAUmDI,OAAOF,IAAI,EAAE,EAAES,OAAOC,aAAkB;CACzFC,eAAe;CACf,kBAAkB;EAChBC,iBAAiBT,QAAQM,MAAMI,QAAQC,UAAUC,OAAO,GAAI;EAC5DC,OAAOP,MAAMI,QAAQI,QAAQC;EAC9B;CACDN,iBAAiBH,MAAMI,QAAQM,WAAWC;CAC1C,GAAGV;CACJ,EAAE;;;;;;;AAeH,MAAagB,YAAWC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAP;CAAA,IAAAjB;CAAA,IAAAyB;CAAA,IAAAL;CAAA,IAAAD;AAAA,KAAAI,EAAA,OAAAD,OAAA;AACtB,GAAA,CAAAL,UAAAE,OAAAnB,OAAAoB,OAAAK,SAAiDH;AAAMC,IAAA,KAAAD;AAAAC,IAAA,KAAAN;AAAAM,IAAA,KAAAvB;AAAAuB,IAAA,KAAAE;AAAAF,IAAA,KAAAH;AAAAG,IAAA,KAAAJ;QAAA;AAAAF,aAAAM,EAAA;AAAAvB,UAAAuB,EAAA;AAAAE,UAAAF,EAAA;AAAAH,OAAAG,EAAA;AAAAJ,UAAAI,EAAA;;CAK3C,MAAAG,KAAAP,UAAUnB;CACd,MAAA2B,KAAA,mBAAmB3B;CACN,MAAA4B,KAAA,cAAc5B;CAAO,IAAA6B;AAAA,KAAAN,EAAA,OAAAN,YAAAM,EAAA,OAAAvB,SAAAuB,EAAA,OAAAH,MAAAG,EAAA,OAAAJ,OAAA;AAGrCU,OAAAV,UAAUnB,SAET,sBAAA,cAAC,KAAD,EAAS,IAAAoB,KAAA,EAAA,GAAUA,IAAe,GAAzB,EAAAU,GAAsB,GAAE,EAGlC,EAFG,sBAAA,cAAC,YAAD,EAAoB,SAAA,aACtB,EADmCb,SACnC,CACD;AAAAM,IAAA,KAAAN;AAAAM,IAAA,KAAAvB;AAAAuB,IAAA,KAAAH;AAAAG,IAAA,KAAAJ;AAAAI,IAAA,MAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,QAAAE,SAAAF,EAAA,QAAAG,MAAAH,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,MAAAL,EAAA,QAAAM,IAAA;AAZHE,OAAA,sBAAA,cAAA,OAAA;GACO,MAAA;GACG,QAAAL;GACJ,IAAAC;GACa,mBAAAC;GAAqB,GAClCH;GAQA,EANHI,GAMG;AAAAN,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;AAAAL,IAAA,MAAAM;AAAAN,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QAbNQ"}