@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Cards/SubscriptionPlan/SubscriptionPlan.js

@@ -1,395 +0,0 @@
-import { useState } from "react";
-import PropTypes from "prop-types";
-import ReactMarkdown from "react-markdown";
-import { Button, Typography, Card, Menu, MenuItem, IconButton, Box, CardContent as MuiCard, Stack } from "@mui/material";
-import CheckCircleIcon from "@mui/icons-material/CheckCircle";
-import HighlightOffIcon from "@mui/icons-material/HighlightOff";
-import HelpOutlinedIcon from "@mui/icons-material/HelpOutlined";
-import CloseIcon from "@mui/icons-material/Close";
-import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
-import { styled } from "@mui/system";
-import PlusSVG from "./plus.svg";
-import NualaSVG from "./nuala.svg";
-import { formatCurrency } from "../../utils/index";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const PREFIX = "SubscriptionPlan";
-const classes = {
-  planFeaturesListItemTooltipContent: `${PREFIX}-planFeaturesListItemTooltipContent`,
-  planFootnote: `${PREFIX}-planFootnote`
-};
-const Root = styled("div")(({
-  theme
-}) => ({
-  [`& .${classes.planFootnote}`]: {
-    "& a": {
-      color: "#ffac63"
-    },
-    marginTop: theme.spacing(),
-    fontSize: theme.typography.pxToRem(10)
-  }
-}));
-const CardContainer = styled(Card)(({
-  theme,
-  bgPrimary
-}) => ({
-  position: "relative",
-  borderRadius: theme.spacing(2),
-  maxWidth: 500,
-  boxShadow: bgPrimary ? null : "none",
-  border: bgPrimary ? null : null,
-  backgroundColor: bgPrimary ? theme.palette.primary.main : "transparent",
-  color: bgPrimary ? theme.palette.getContrastText(theme.palette.primary.main) : null
-}));
-const CardContent = styled(MuiCard)(({
-  theme
-}) => ({
-  padding: theme.spacing(3),
-  paddingBottom: `${theme.spacing(4)} !important`
-}));
-const PlanTitle = styled(Typography)(() => ({
-  fontWeight: "bold"
-}));
-const PlanPricing = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  marginTop: theme.spacing(2)
-}));
-const PlanPricingTotal = styled(Typography)(({
-  theme,
-  priceSmall
-}) => ({
-  marginRight: theme.spacing(),
-  fontSize: priceSmall ? "1.75rem" : null
-}));
-const PlanSubtitle = styled(Typography)(({
-  theme
-}) => ({
-  marginTop: theme.spacing(2)
-}));
-const PlanFeaturesList = styled("ul")(({
-  theme
-}) => ({
-  marginTop: theme.spacing(2),
-  minHeight: 250
-}));
-const PlanFeaturesListItem = styled("li")(({
-  theme
-}) => ({
-  display: "flex",
-  marginTop: theme.spacing(2)
-}));
-const PlanFeaturesListItemLabel = styled(Typography)(() => ({
-  display: "flex",
-  alignItems: "center"
-}));
-const PlanButton = styled(Button)(({
-  theme,
-  bgPrimary
-}) => ({
-  textTransform: "none",
-  marginTop: theme.spacing(1),
-  fontSize: "1rem",
-  lineHeight: "2.5",
-  borderRadius: theme.spacing(),
-  fontWeight: "bold",
-  color: bgPrimary ? theme.palette.primary.main : null,
-  backgroundColor: bgPrimary ? theme.palette.common.white : null,
-  "&:hover": {
-    backgroundColor: bgPrimary ? theme.palette.grey[100] : null,
-    border: bgPrimary ? `1px solid ${theme.palette.primary.dark}` : null
-  }
-}));
-const Plus = styled("img")(({
-  theme
-}) => ({
-  [theme.breakpoints.down("md")]: {
-    display: "none"
-  },
-  position: "absolute",
-  width: 60,
-  height: 60,
-  right: "-25px",
-  top: "-25px",
-  zIndex: 1000
-}));
-const Nuala = styled("img")(({
-  theme
-}) => ({
-  [theme.breakpoints.down("md")]: {
-    display: "none"
-  },
-  position: "absolute",
-  height: 100,
-  left: "-60px",
-  bottom: "-20px",
-  zIndex: 1000
-}));
-const HtmlTooltip = styled(({
-  className,
-  ...props
-}) => /*#__PURE__*/_jsx(Tooltip, {
-  ...props,
-  classes: {
-    popper: className
-  }
-}))(({
-  theme
-}) => ({
-  [`& .${tooltipClasses.tooltip}`]: {
-    backgroundColor: theme.palette.background.default,
-    color: theme.palette.text.primary,
-    maxWidth: 300,
-    fontSize: theme.typography.pxToRem(12),
-    border: `1px solid ${theme.palette.divider}`,
-    boxShadow: theme.shadows[5],
-    padding: theme.spacing(2),
-    [`& .${classes.planFeaturesListItemTooltipContent}`]: {
-      "& ul": {
-        display: "block",
-        listStyleType: "disc",
-        marginBlockStart: "1em",
-        marginBlockEnd: "1em",
-        marginInlineStart: "0px",
-        marginInlineEnd: "0px",
-        paddingInlineStart: "30px"
-      },
-      "& ul li": {
-        marginBottom: theme.spacing()
-      }
-    }
-  }
-}));
-function SubscriptionPlan({
-  t = text => text,
-  plan,
-  billingPeriod = "yearly",
-  currency
-}) {
-  const [displayPlan, setDisplayPlan] = useState(plan);
-  const [buyNowDisabled, setBuyNowDisabled] = useState(plan?.planVersions?.length > 0 ? true : false);
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  const [disableRippleEff, setDisableRippleEff] = useState(false);
-  const handleClick = event => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  const handleClickItem = planIndex => {
-    setAnchorEl(null);
-    setDisplayPlan(plan.planVersions[planIndex]);
-    setBuyNowDisabled(false);
-  };
-  function handleListKeyDownEnter(event) {
-    if (event.key === "Enter") {
-      setDisableRippleEff(true);
-    }
-  }
-  function handleListKeyDownTab(event) {
-    if (event.key === "Tab") {
-      setDisableRippleEff(false);
-    }
-  }
-  const getPriceList = planIndex => {
-    const rawPrice = plan.planVersions[planIndex].billingPeriods[`${billingPeriod}`][`${currency}`];
-    const priceTotal = formatCurrency(rawPrice.amount, rawPrice.currency);
-    const displayPrice = priceTotal.replace(".00", "");
-    return displayPrice;
-  };
-  const planBillingPeriod = displayPlan && displayPlan.billingPeriods && displayPlan.billingPeriods[billingPeriod] ? displayPlan.billingPeriods[billingPeriod] : null;
-  const priceInfo = planBillingPeriod && planBillingPeriod[currency] ? planBillingPeriod[currency] : null;
-  const priceTotal = priceInfo ? formatCurrency(priceInfo.amount, priceInfo.currency) : null;
-  const displayPrice = priceTotal && priceTotal.endsWith(".00") ? priceTotal.replace(".00", "") : priceTotal;
-  return /*#__PURE__*/_jsxs(Root, {
-    style: {
-      position: "relative"
-    },
-    children: [displayPlan && displayPlan.plus && /*#__PURE__*/_jsx(Plus, {
-      src: PlusSVG
-    }), displayPlan && /*#__PURE__*/_jsx(CardContainer, {
-      bgPrimary: displayPlan ? displayPlan.bgPrimary : true,
-      children: /*#__PURE__*/_jsxs(CardContent, {
-        children: [/*#__PURE__*/_jsx(PlanTitle, {
-          variant: "h6",
-          children: t(displayPlan.title)
-        }), /*#__PURE__*/_jsxs(PlanPricing, {
-          children: [/*#__PURE__*/_jsx(PlanPricingTotal, {
-            variant: "h3",
-            priceSmall: displayPlan.priceSmall,
-            children: displayPlan.price ? displayPlan.price : displayPrice
-          }), /*#__PURE__*/_jsxs(Stack, {
-            sx: {
-              display: "flex",
-              justifyContent: "center"
-            },
-            children: [displayPlan.badge ? /*#__PURE__*/_jsx(HtmlTooltip, {
-              interactive: true,
-              title: /*#__PURE__*/_jsx("div", {
-                className: classes.planFeaturesListItemTooltipContent,
-                children: /*#__PURE__*/_jsx(ReactMarkdown, {
-                  children: t(displayPlan.footnote)
-                })
-              }),
-              children: /*#__PURE__*/_jsx(Box, {
-                sx: {
-                  fontSize: theme => theme.typography.pxToRem(10),
-                  backgroundColor: "common.white",
-                  color: "common.black",
-                  borderRadius: "9px",
-                  py: 0.25,
-                  px: 1,
-                  display: "flex",
-                  alignItems: "center",
-                  mb: "2px"
-                },
-                children: t(displayPlan.badge)
-              })
-            }) : /*#__PURE__*/_jsx(_Fragment, {}), priceInfo && priceInfo.interval && /*#__PURE__*/_jsxs(Typography, {
-              variant: "subtitle1",
-              children: ["/ ", t(priceInfo.interval)]
-            })]
-          })]
-        }), /*#__PURE__*/_jsx(PlanSubtitle, {
-          variant: "subtitle1",
-          children: t(displayPlan.subtitle)
-        }), /*#__PURE__*/_jsx(PlanFeaturesList, {
-          children: (displayPlan.benefits || []).map((feature, index) => /*#__PURE__*/_jsxs(PlanFeaturesListItem, {
-            children: [feature.supported ? /*#__PURE__*/_jsx(CheckCircleIcon, {
-              sx: {
-                mr: 1,
-                color: displayPlan.bgPrimary ? "common.white" : "success.main"
-              }
-            }) : /*#__PURE__*/_jsx(HighlightOffIcon, {
-              sx: {
-                mr: 1,
-                color: displayPlan.bgPrimary ? "grey.100" : "grey.400"
-              }
-            }), feature.description && /*#__PURE__*/_jsx(HtmlTooltip, {
-              title: /*#__PURE__*/_jsx("div", {
-                className: classes.planFeaturesListItemTooltipContent,
-                children: /*#__PURE__*/_jsx(ReactMarkdown, {
-                  children: t(feature.description)
-                })
-              }),
-              children: /*#__PURE__*/_jsxs(PlanFeaturesListItemLabel, {
-                variant: "subtitle2",
-                children: [t(feature.label), /*#__PURE__*/_jsx(HelpOutlinedIcon, {
-                  fontSize: "small",
-                  sx: {
-                    ml: 0.5,
-                    color: displayPlan.bgPrimary ? "grey.100" : "grey.400"
-                  }
-                })]
-              })
-            }), !feature.description && /*#__PURE__*/_jsx(PlanFeaturesListItemLabel, {
-              variant: "subtitle2",
-              children: t(feature.label)
-            })]
-          }, `${displayPlan.title}-benefits-${index}`))
-        }), plan.button && /*#__PURE__*/_jsx(PlanButton, {
-          fullWidth: true,
-          variant: plan.button.buttonVariant,
-          color: plan.button.buttonColor || "primary",
-          onClick: () => plan.button.onClick(),
-          bgPrimary: plan.bgPrimary,
-          children: t(plan.button.buttonText)
-        }), displayPlan && billingPeriod && currency && /*#__PURE__*/_jsxs(Box, {
-          sx: {
-            mt: 2
-          },
-          children: [plan.planVersions && displayPlan.subButton && /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(PlanButton, {
-              id: "plan-button",
-              fullWidth: true,
-              variant: displayPlan.subButton.buttonVariant,
-              color: displayPlan.subButton.buttonColor || "primary",
-              onClick: handleClick,
-              onKeyDown: handleListKeyDownTab,
-              disableFocusRipple: disableRippleEff,
-              bgPrimary: displayPlan.bgPrimary,
-              "aria-controls": open ? "demo-positioned-menu" : undefined,
-              "aria-haspopup": "true",
-              "aria-expanded": open ? "true" : "false",
-              children: t(plan.subButton.buttonText)
-            }), /*#__PURE__*/_jsx(Box, {
-              sx: {
-                alignItems: "center"
-              },
-              children: /*#__PURE__*/_jsxs(Menu, {
-                id: "plan-positioned-menu",
-                "aria-labelledby": "plan-button",
-                fullWidth: true,
-                anchorEl: anchorEl,
-                open: open,
-                onClose: handleClose,
-                anchorOrigin: {
-                  vertical: "bottom",
-                  horizontal: "center"
-                },
-                transformOrigin: {
-                  vertical: "bottom",
-                  horizontal: "center"
-                },
-                children: [plan.planVersions.map((currentPlan, i) => /*#__PURE__*/_jsx(MenuItem, {
-                  disableGutters: true,
-                  selected: currentPlan === displayPlan,
-                  onKeyDown: handleListKeyDownEnter,
-                  onClick: () => handleClickItem(i),
-                  children: /*#__PURE__*/_jsxs(Typography, {
-                    sx: {
-                      fontSize: "14px",
-                      margin: 2
-                    },
-                    children: [getPriceList(i), " ", t(currentPlan.title), " - Up to", " ", t(currentPlan.students), " Students"]
-                  })
-                })), /*#__PURE__*/_jsx(IconButton, {
-                  "aria-label": "close",
-                  onClick: handleClose,
-                  sx: {
-                    position: "absolute",
-                    display: "flex",
-                    right: 10,
-                    top: 8,
-                    color: theme => theme.palette.grey[500]
-                  },
-                  children: /*#__PURE__*/_jsx(CloseIcon, {
-                    sx: {
-                      fontSize: 15
-                    }
-                  })
-                })]
-              })
-            })]
-          }), displayPlan.buyButton && /*#__PURE__*/_jsx(PlanButton, {
-            id: "buy-now-button",
-            fullWidth: true,
-            variant: displayPlan.buyButton.buttonVariant,
-            color: displayPlan.buyButton.buttonColor || "primary",
-            disabled: buyNowDisabled,
-            onClick: () => displayPlan.buyButton.onClick(displayPlan, currency, billingPeriod),
-            bgPrimary: displayPlan.bgPrimary,
-            children: t(displayPlan.buyButton.buttonText)
-          })]
-        }), /*#__PURE__*/_jsx("div", {
-          className: classes.planFootnote,
-          children: /*#__PURE__*/_jsx(ReactMarkdown, {
-            children: t(displayPlan.footnote)
-          })
-        })]
-      })
-    }), displayPlan && displayPlan.nuala && /*#__PURE__*/_jsx(Nuala, {
-      src: NualaSVG
-    })]
-  });
-}
-SubscriptionPlan.propTypes = {
-  plan: PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    description: PropTypes.array.isRequired,
-    buttonText: PropTypes.string.isRequired,
-    buttonVariant: PropTypes.string
-  })
-};
-export default SubscriptionPlan;

package/dist/Cards/SubscriptionPlan/SubscriptionPlan.test.js

@@ -1,20 +0,0 @@
-import { ThemeProvider, createTheme } from "@mui/material/styles";
-import SubscriptionPlan from "./SubscriptionPlan";
-import { plan } from "./SubscriptionPlan.stories";
-import { render } from "@testing-library/react";
-import { describe, it } from "vitest";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe("SubscriptionPlan", () => {
-  it("renders without crashing", () => {
-    const theme = createTheme();
-    const {
-      unmount
-    } = render(/*#__PURE__*/_jsx(ThemeProvider, {
-      theme: theme,
-      children: /*#__PURE__*/_jsx(SubscriptionPlan, {
-        ...plan
-      })
-    }));
-    unmount();
-  });
-});

package/dist/Cards/SubscriptionPlan/nuala.svg

@@ -1,28 +0,0 @@
-<svg width="66" height="93" viewBox="0 0 66 93" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.1359 68.3626L17.7724 78.84L15.6095 88.2619C15.5106 88.6781 15.4951 89.1097 15.5639 89.5319C15.6328 89.9542 15.7847 90.3585 16.0107 90.7217C16.2368 91.0849 16.5326 91.3997 16.881 91.6479C17.2294 91.8961 17.6236 92.0728 18.0407 92.1677C18.4578 92.2627 18.8896 92.2741 19.3111 92.2012C19.7327 92.1283 20.1356 91.9726 20.4966 91.7431C20.8576 91.5136 21.1695 91.2148 21.4144 90.864C21.6593 90.5133 21.8322 90.1174 21.9232 89.6994L24.0666 80.297L26.4496 69.8196L20.1359 68.3626Z" fill="#F5C8A6"/>
-<path d="M16.2203 85.5878L15.4368 89.0133C15.3379 89.4295 15.3224 89.8612 15.3912 90.2834C15.4601 90.7056 15.6119 91.11 15.838 91.4732C16.064 91.8363 16.3598 92.1511 16.7083 92.3993C17.0567 92.6475 17.4508 92.8242 17.8679 92.9192C18.2851 93.0142 18.7169 93.0255 19.1384 92.9527C19.5599 92.8798 19.9628 92.7241 20.3238 92.4946C20.6849 92.265 20.9968 91.9663 21.2417 91.6155C21.4865 91.2647 21.6594 90.8689 21.7504 90.4509L22.534 87.0253L16.2203 85.5878Z" fill="#101B2D"/>
-<path d="M20.1395 68.3626L17.7565 78.84L17.5104 79.902L23.8306 81.3395L24.0701 80.2776L26.4531 69.8001L20.1395 68.3626Z" fill="#FDC859"/>
-<path d="M38.6299 69.8001L41.0129 80.297L43.1563 89.7189C43.2473 90.1369 43.4203 90.5327 43.6651 90.8835C43.91 91.2342 44.2219 91.533 44.5829 91.7625C44.944 91.992 45.3469 92.1477 45.7684 92.2206C46.1899 92.2935 46.6217 92.2821 47.0388 92.1872C47.456 92.0922 47.8501 91.9155 48.1985 91.6673C48.547 91.4191 48.8428 91.1043 49.0688 90.7411C49.2949 90.3779 49.4467 89.9736 49.5156 89.5514C49.5844 89.1292 49.5689 88.6975 49.47 88.2813L47.3266 78.8594L44.976 68.3626L38.6299 69.8001Z" fill="#F5C8A6"/>
-<path d="M42.5428 87.0253L43.3263 90.4509C43.4173 90.8689 43.5902 91.2647 43.8351 91.6155C44.08 91.9663 44.3919 92.265 44.7529 92.4946C45.1139 92.7241 45.5168 92.8798 45.9384 92.9527C46.3599 93.0255 46.7917 93.0142 47.2088 92.9192C47.6259 92.8242 48.0201 92.6475 48.3685 92.3993C48.7169 92.1511 49.0127 91.8363 49.2388 91.4732C49.4648 91.11 49.6167 90.7056 49.6855 90.2834C49.7544 89.8612 49.7389 89.4295 49.64 89.0133L48.8564 85.5878L42.5428 87.0253Z" fill="#101B2D"/>
-<path d="M14.9604 56.3702C12.4 60.9716 9.55247 65.4068 6.43491 69.6495C5.54726 70.8278 4.58583 71.9486 3.55642 73.005C3.34427 73.1973 3.18029 73.437 3.07775 73.7046C3.02452 73.8427 2.9855 73.986 2.96132 74.1321C2.93752 74.2625 2.92454 74.3947 2.92251 74.5272C2.8994 75.1985 3.03924 75.8653 3.33002 76.4705C3.48406 76.786 3.72057 77.0538 4.01443 77.2454C4.30828 77.437 4.64849 77.5453 4.9989 77.5588C5.19897 77.5779 5.4004 77.5779 5.60047 77.5588C5.78627 77.5251 5.96828 77.473 6.14383 77.4033C6.52215 77.2537 6.86889 77.0339 7.16585 76.7556C8.37625 75.5365 9.50427 74.2381 10.5424 72.8689C13.8184 68.4038 16.8044 63.7323 19.4819 58.8835L14.9604 56.3702Z" fill="#F5C8A6"/>
-<path d="M14.9606 56.3702C12.4072 60.9577 9.56843 65.3799 6.46094 69.6106L10.5749 72.7523C13.8368 68.3247 16.8119 63.6923 19.4821 58.8835L14.9606 56.3702Z" fill="#FFDF5B"/>
-<path d="M44.54 62.7472C49.774 61.0048 54.8926 58.9347 59.8655 56.5491C61.4007 55.7779 62.8852 54.9098 64.3097 53.9499C64.6375 53.7058 64.9177 53.4039 65.1366 53.0591C65.2376 52.8994 65.3224 52.7302 65.3899 52.5539C65.4452 52.3629 65.4821 52.167 65.5 51.969C65.553 51.6213 65.5103 51.2657 65.3765 50.9402C65.2427 50.6148 65.0229 50.3317 64.7405 50.1213C64.1979 49.7264 63.5692 49.4659 62.9062 49.3612C62.7751 49.3419 62.6431 49.3302 62.5107 49.3263C62.3622 49.3282 62.214 49.3421 62.0678 49.3679C61.7874 49.4195 61.5225 49.5339 61.2929 49.7025C60.0656 50.5208 58.7862 51.2584 57.4628 51.9105C52.7151 54.1889 47.8294 56.1686 42.8342 57.8383L44.54 62.7472Z" fill="#F5C8A6"/>
-<path d="M44.54 62.7472C49.7595 61.0017 54.8633 58.9287 59.821 56.5408L57.4947 51.9165C52.7602 54.1917 47.8881 56.1697 42.9066 57.8387L44.54 62.7472Z" fill="#FFDF5B"/>
-<path d="M38.6299 69.8001L41.0129 80.2776L41.2525 81.3395L47.5727 79.902L47.3266 78.84L44.9436 68.3626L38.6299 69.8001Z" fill="#FDC859"/>
-<path d="M32.4663 71.6684C42.5445 71.6684 50.7144 68.4126 50.7144 64.3964C50.7144 60.3802 42.5445 57.1244 32.4663 57.1244C22.3882 57.1244 14.2183 60.3802 14.2183 64.3964C14.2183 68.4126 22.3882 71.6684 32.4663 71.6684Z" fill="#FDC859"/>
-<path d="M50.7209 55.5527H14.2183V64.2688H50.7209V55.5527Z" fill="#FFDF5B"/>
-<path d="M16.4284 43.7453C25.5016 43.7453 32.8568 36.3901 32.8568 27.3169C32.8568 18.2437 25.5016 10.8885 16.4284 10.8885C7.35525 10.8885 0 18.2437 0 27.3169C0 36.3901 7.35525 43.7453 16.4284 43.7453Z" fill="#FDC859"/>
-<path d="M48.5115 43.7453C57.5847 43.7453 64.94 36.3901 64.94 27.3169C64.94 18.2437 57.5847 10.8885 48.5115 10.8885C39.4384 10.8885 32.0831 18.2437 32.0831 27.3169C32.0831 36.3901 39.4384 43.7453 48.5115 43.7453Z" fill="#FDC859"/>
-<path d="M53.0714 30.3364C52.2431 30.3308 51.4294 30.555 50.7208 30.9839V20.7979H14.2247V31.0034C13.5382 30.5779 12.7504 30.3436 11.943 30.3247C11.1355 30.3058 10.3377 30.5029 9.63199 30.8958C8.9263 31.2887 8.3384 31.863 7.92911 32.5593C7.51982 33.2556 7.30402 34.0486 7.30402 34.8563C7.30402 35.664 7.51982 36.457 7.92911 37.1533C8.3384 37.8496 8.9263 38.4239 9.63199 38.8167C10.3377 39.2096 11.1355 39.4068 11.943 39.3879C12.7504 39.369 13.5382 39.1347 14.2247 38.7092V55.9729H50.7208V38.7092C51.3178 39.0836 51.9939 39.3136 52.6954 39.381C53.3968 39.4483 54.1044 39.3513 54.7617 39.0974C55.4191 38.8435 56.0082 38.4399 56.4824 37.9186C56.9565 37.3972 57.3025 36.7725 57.493 36.0941C57.6835 35.4156 57.7131 34.7021 57.5796 34.0102C57.4461 33.3182 57.1531 32.667 56.7239 32.1081C56.2947 31.5492 55.7411 31.098 55.1071 30.7905C54.4731 30.4829 53.7761 30.3274 53.0714 30.3364Z" fill="#F5C8A6"/>
-<path d="M11.86 36.7944C12.9293 36.7944 13.7962 35.9275 13.7962 34.8582C13.7962 33.7889 12.9293 32.922 11.86 32.922C10.7907 32.922 9.92383 33.7889 9.92383 34.8582C9.92383 35.9275 10.7907 36.7944 11.86 36.7944Z" fill="#D37E7A"/>
-<path d="M37.0672 37.9258H27.8719V40.1793H37.0672V37.9258Z" fill="white"/>
-<path d="M27.8719 40.528H37.0672V41.59C37.0672 42.1876 36.8298 42.7608 36.4072 43.1834C35.9846 43.606 35.4114 43.8435 34.8137 43.8435H30.1254C29.5278 43.8435 28.9546 43.606 28.532 43.1834C28.1094 42.7608 27.8719 42.1876 27.8719 41.59V40.528Z" fill="#701926"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M36.4022 43.1904C35.9803 43.6086 35.4102 43.8434 34.8158 43.8434H30.1275C29.5299 43.8434 28.9567 43.606 28.5341 43.1834C28.5194 43.1687 28.505 43.1539 28.4908 43.1389C28.5505 41.8891 30.2984 40.8868 32.4458 40.8868C34.6226 40.8868 36.3888 41.9168 36.4022 43.1904Z" fill="#CA3858"/>
-<path d="M50.6691 16.9983C50.351 12.3868 48.2952 8.06766 44.9168 4.91277C41.5383 1.75788 37.0888 0.00215938 32.4663 3.49048e-07V3.49048e-07C27.843 -0.000903551 23.3917 1.75379 20.0126 4.90928C16.6335 8.06478 14.5787 12.3857 14.2636 16.9983H14.2183V18.248V26.595H50.7144V16.9983H50.6691Z" fill="#FFDF5B"/>
-<path d="M53.0681 36.7944C54.1375 36.7944 55.0043 35.9275 55.0043 34.8582C55.0043 33.7889 54.1375 32.922 53.0681 32.922C51.9988 32.922 51.132 33.7889 51.132 34.8582C51.132 35.9275 51.9988 36.7944 53.0681 36.7944Z" fill="#D37E7A"/>
-<path d="M49.1536 22.9073C48.6767 22.4311 48.11 22.0544 47.4864 21.7987C46.8629 21.5431 46.1948 21.4136 45.5208 21.4179C44.3937 21.4216 43.2957 21.777 42.3802 22.4346C41.4551 21.7717 40.3453 21.4161 39.2072 21.4179C37.9731 21.4069 36.7775 21.847 35.845 22.6555C34.9126 23.464 34.3074 24.5851 34.1433 25.8083H30.8084C30.6637 24.7101 30.1607 23.6904 29.3773 22.9073C28.9004 22.4311 28.3337 22.0544 27.7101 21.7987C27.0866 21.5431 26.4185 21.4136 25.7446 21.4179C24.6087 21.417 23.5011 21.7726 22.578 22.4346C21.653 21.7717 20.5431 21.4161 19.405 21.4179C18.7207 21.4123 18.0422 21.5451 17.4105 21.8084C16.7788 22.0716 16.2068 22.4599 15.7289 22.9498C15.2511 23.4398 14.8772 24.0213 14.6298 24.6594C14.3825 25.2975 14.2666 25.9791 14.2894 26.6631C14.3232 28.0772 14.9034 29.4233 15.9082 30.4189L16.1155 30.6261L21.6585 36.1692L22.578 37.0887L23.4911 36.1692L29.0406 30.6261L29.2478 30.4189C30.1388 29.5266 30.6985 28.357 30.8343 27.1034H34.0721C34.2092 28.3677 34.7788 29.5457 35.6845 30.4383L35.8917 30.6455L38.6633 33.4171L41.4348 36.1886L42.3802 37.0887L43.2933 36.1692L48.8428 30.6261L49.05 30.4189C50.053 29.4226 50.6309 28.0764 50.6624 26.6631C50.6827 25.9669 50.5592 25.2741 50.2996 24.6279C50.04 23.9816 49.6499 23.3959 49.1536 22.9073ZM28.3283 29.4994L28.1276 29.7066L22.578 35.2561L17.0285 29.7066L16.8213 29.4994C16.0537 28.762 15.6092 27.7507 15.5849 26.6866C15.5607 25.6224 15.9586 24.592 16.6918 23.8203C17.0485 23.4657 17.4719 23.1852 17.9376 22.9952C18.4033 22.8051 18.9021 22.7092 19.405 22.713C19.9574 22.7152 20.5039 22.8268 21.0129 23.0413C21.522 23.2558 21.9835 23.569 22.3708 23.9628L22.578 24.1635L22.7853 23.9628C23.1717 23.57 23.6323 23.2579 24.1403 23.0445C24.6483 22.8311 25.1936 22.7206 25.7446 22.7195C26.2485 22.7159 26.7481 22.8119 27.2149 23.0019C27.6816 23.1919 28.1062 23.4723 28.4643 23.8268C29.1931 24.5998 29.5876 25.629 29.5621 26.691C29.5367 27.7531 29.0933 28.7622 28.3283 29.4994ZM48.1046 29.4994L47.8974 29.7066L42.3802 35.2561L36.8307 29.7066L36.6235 29.4994C35.8559 28.762 35.4114 27.7507 35.3871 26.6866C35.3628 25.6224 35.7608 24.592 36.494 23.8203C36.8507 23.4657 37.2741 23.1852 37.7398 22.9952C38.2055 22.8051 38.7042 22.7092 39.2072 22.713C40.3139 22.7243 41.371 23.1737 42.1471 23.9628L42.3543 24.1635L42.5551 23.9628C42.9432 23.5704 43.405 23.2586 43.9139 23.0452C44.4229 22.8319 44.969 22.7212 45.5208 22.7195C46.0248 22.7159 46.5244 22.8119 46.9911 23.0019C47.4579 23.1919 47.8825 23.4723 48.2406 23.8268C48.9694 24.5998 49.3638 25.629 49.3384 26.691C49.3129 27.7531 48.8696 28.7622 48.1046 29.4994Z" fill="#4067AF"/>
-<path d="M23.9249 23.1378C23.5024 23.3475 23.1173 23.6253 22.7852 23.9602L22.578 24.1609L22.3708 23.9602C21.7571 23.3314 20.9575 22.9165 20.0901 22.7766C19.2227 22.6367 18.3333 22.7792 17.553 23.1831L26.1007 31.7308L28.134 29.704L28.3347 29.4968C28.6673 29.1641 28.9429 28.7791 29.1506 28.3571L23.9249 23.1378Z" fill="white"/>
-<path d="M16.5554 23.9595C15.8873 24.7418 15.5428 25.7495 15.5922 26.7771C15.6415 27.8047 16.0809 28.7748 16.8209 29.4896L17.0281 29.6968L22.5776 35.2463L25.2131 32.6108L16.5554 23.9595Z" fill="white"/>
-<path d="M42.5601 23.9637L42.3852 24.1579L42.1521 23.9637C41.7136 23.5227 41.1828 23.1843 40.598 22.9729L47.6175 29.9924L47.9024 29.7075L48.1096 29.5003C48.6986 28.9233 49.1016 28.1834 49.2666 27.3756C49.4316 26.5678 49.3512 25.7291 49.0356 24.9674L47.0929 23.0247C46.3298 22.7116 45.4906 22.6337 44.6829 22.801C43.8752 22.9683 43.136 23.3732 42.5601 23.9637Z" fill="white"/>
-<path d="M43.5218 34.0883L46.7272 30.8505L38.6004 22.7561C37.7866 22.8705 37.0331 23.2495 36.4562 23.8347C35.8792 24.4198 35.5109 25.1786 35.408 25.9939L43.5218 34.0883Z" fill="white"/>
-</svg>

package/dist/Cards/SubscriptionPlan/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "SubscriptionPlan",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./SubscriptionPlan.js"
-}

package/dist/Cards/SubscriptionPlan/plus.svg

@@ -1,4 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M30.7302 8.73016C30.7302 3.90863 26.8215 0 22 0C17.1785 0 13.2698 3.90863 13.2698 8.73016V35.2698C13.2698 40.0914 17.1785 44 22 44C26.8215 44 30.7302 40.0914 30.7302 35.2698V8.73016Z" fill="#F6D861"/>
-<path d="M35.2698 30.7302C40.0914 30.7302 44 26.8215 44 22C44 17.1785 40.0914 13.2698 35.2698 13.2698L8.73016 13.2698C3.90862 13.2698 0 17.1785 0 22C0 26.8215 3.90862 30.7302 8.73016 30.7302L35.2698 30.7302Z" fill="#F6D861"/>
-</svg>