@mycause/ui 0.0.0-cadf499b → 0.0.0-cb0a82c0

package/dist/components/index.d.ts

@@ -61,3 +61,4 @@ export * from "./my-account-frp-preview";
 export * from "./my-account-stats-donated";
 export * from "./my-account-stats-raised";
 export * from "./input";
+export * from "./my-account-frp-closed";

package/dist/components/my-account-frp-archive/Icon.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Icons: {
+    arrowNext: () => JSX.Element;
+};
+export default Icons;

package/dist/components/my-account-frp-archive/frp-archive-img.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface FrpArchiveImgProps {
+    img?: string;
+    link?: string;
+    title?: string;
+}
+declare const FrpArchiveImg: ({ img, link, title }: FrpArchiveImgProps) => JSX.Element;
+export default FrpArchiveImg;

package/dist/components/my-account-frp-archive/frp-information.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface FrpInfomationProps {
+    amountOfweek: number;
+    donations: number;
+    daysToGo: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+}
+declare const FrpInfomation: ({ amountOfweek, donations, daysToGo, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => JSX.Element;
+export default FrpInfomation;

package/dist/components/my-account-frp-archive/index.d.ts

@@ -0,0 +1 @@
+export { default as MyAccountFrpPreview } from "./my-account-frp-archive";

package/dist/components/my-account-frp-archive/my-account-frp-archive.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface MyAccountFrpArchiveProps {
+    img?: string;
+    link?: string;
+    title?: string;
+    amountOfweek: number;
+    donations: number;
+    daysToGo: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+}
+declare const MyAccountFrpArchive: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, }: MyAccountFrpArchiveProps) => JSX.Element;
+export default MyAccountFrpArchive;

package/dist/components/my-account-frp-archive/my-account-frp-archive.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const MyAccountFrpArchiveStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV3: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/my-account-frp-closed/Icon.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Icons: {
+    arrowNext: () => JSX.Element;
+};
+export default Icons;

package/dist/components/my-account-frp-closed/frp-closed-img.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface FrpClosedImgProps {
+    img?: string;
+    link?: string;
+    title?: string;
+}
+declare const FrpClosedImg: ({ img, link, title }: FrpClosedImgProps) => JSX.Element;
+export default FrpClosedImg;

package/dist/components/my-account-frp-closed/frp-information.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface FrpInfomationProps {
+    donations: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+}
+declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => JSX.Element;
+export default FrpInfomation;

package/dist/components/my-account-frp-closed/index.d.ts

@@ -0,0 +1 @@
+export { default as MyAccountFrpClosed } from "./my-account-frp-closed";

package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface MyAccountFrpClosedProps {
+    img?: string;
+    link?: string;
+    title?: string;
+    donations: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+}
+declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, }: MyAccountFrpClosedProps) => JSX.Element;
+export default MyAccountFrpClosed;

package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const MyAccountFrpCloseStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV3: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/my-account-frp-preview/frp-information.d.ts

@@ -7,6 +7,7 @@ interface FrpInfomationProps {
     amountGoal: number;
     sqSize: number;
     strokeWidth: number;
+    manageLink?: string;
 }
-declare const FrpInfomation: ({ amountOfweek, donations, daysToGo, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => JSX.Element;
+declare const FrpInfomation: ({ amountOfweek, donations, daysToGo, amountRaised, amountGoal, sqSize, strokeWidth, manageLink, }: FrpInfomationProps) => JSX.Element;
 export default FrpInfomation;

package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts

@@ -10,6 +10,7 @@ export interface MyAccountFrpPreviewProps {
     amountGoal: number;
     sqSize: number;
     strokeWidth: number;
+    manageLink?: string;
 }
-declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, }: MyAccountFrpPreviewProps) => JSX.Element;
+declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, manageLink, }: MyAccountFrpPreviewProps) => JSX.Element;
 export default MyAccountFrpPreview;

package/dist/index.esm.js

@@ -29546,7 +29546,7 @@ MyAccountStartFundraiseCard.propTypes = {
   width: _pt.string.isRequired
 };
 
-var css$p = ".my-account-choose-charity-card-module_wrapper__3ne7s {\n  height: 226px;\n  display: flex;\n  align-items: center;\n  border-radius: 16px;\n  background-color: #F7F7F8;\n  font-family: \"Montserrat\", sans-serif;\n  justify-content: space-around;\n  box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25); }\n  .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-around;\n    height: 100%;\n    padding: 30px 30px 30px 0;\n    margin-left: 12%; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n      font-weight: 700;\n      font-size: 24px;\n      line-height: 32px;\n      text-align: left;\n      color: #404041; }\n  .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n    width: 270px;\n    height: 214px;\n    margin-left: 50px; }\n\n@media all and (max-width: 768px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n      height: 100%;\n      margin-left: 0; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      margin-left: 50px;\n      padding: 16px 34px 15px 0px;\n      justify-content: space-around;\n      z-index: 1; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 24px;\n        line-height: 32px; } }\n\n@media all and (max-width: 580px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 {\n      max-width: 40%;\n      align-items: center; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n        width: 150px;\n        margin-left: -16px; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      max-width: 60%;\n      margin-left: 24px;\n      padding: 40px 20px 40px 0; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 20px;\n        line-height: 30px; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 button .mdc-button__label {\n        font-size: 14px; } }\n\n@media all and (max-width: 440px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 {\n      max-width: 40%;\n      align-items: center; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n        width: 150px;\n        margin-left: -34px; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      max-width: 90%;\n      margin-left: 24px;\n      padding: 20px 20px 20px 0; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 16px;\n        line-height: 24px; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 button .mdc-button__label {\n        font-size: 14px; } }\n";
+var css$p = ".my-account-choose-charity-card-module_wrapper__3ne7s {\n  height: 226px;\n  display: flex;\n  align-items: center;\n  border-radius: 16px;\n  background-color: #F7F7F8;\n  font-family: \"Montserrat\", sans-serif;\n  justify-content: space-around;\n  box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25); }\n  .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-around;\n    height: 100%;\n    padding: 30px 30px 30px 0;\n    margin-left: 12%; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n      font-weight: 700;\n      font-size: 24px;\n      line-height: 32px;\n      text-align: left;\n      color: #404041; }\n  .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n    width: 270px;\n    height: 214px;\n    margin-left: 50px; }\n\n@media all and (max-width: 768px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n      width: 100%;\n      margin-left: 0; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      margin-left: 50px;\n      padding: 16px 34px 15px 0px;\n      justify-content: space-around;\n      z-index: 1; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 24px;\n        line-height: 32px; } }\n\n@media all and (max-width: 580px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 {\n      max-width: 40%;\n      align-items: center; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n        width: 150px;\n        margin-left: -16px; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      max-width: 60%;\n      margin-left: 24px;\n      padding: 40px 20px 40px 0; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 20px;\n        line-height: 30px; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 button .mdc-button__label {\n        font-size: 14px; } }\n\n@media all and (max-width: 440px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 {\n      max-width: 40%;\n      align-items: center; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n        width: 150px;\n        margin-left: -34px; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      max-width: 90%;\n      margin-left: 24px;\n      padding: 20px 20px 20px 0; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 16px;\n        line-height: 24px; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 button .mdc-button__label {\n        font-size: 14px; } }\n";
 var cls$p = {"wrapper":"my-account-choose-charity-card-module_wrapper__3ne7s","rightSide":"my-account-choose-charity-card-module_rightSide__2-yf1","title":"my-account-choose-charity-card-module_title__2CB3U","leftSide":"my-account-choose-charity-card-module_leftSide__3S_e3"};
 styleInject(css$p);
 
@@ -29838,7 +29838,6 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
       setIsExpand = _useState2[1];
 
   var handleOnChangeActiveTabOnMobile = function handleOnChangeActiveTabOnMobile() {
-    console.log("jjjj");
     setIsExpand(false);
   };
 
@@ -30098,7 +30097,8 @@ var FrpInfomation = function FrpInfomation(_ref) {
       amountRaised = _ref.amountRaised,
       amountGoal = _ref.amountGoal,
       sqSize = _ref.sqSize,
-      strokeWidth = _ref.strokeWidth;
+      strokeWidth = _ref.strokeWidth,
+      manageLink = _ref.manageLink;
   var formatterMoney = new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",
@@ -30149,7 +30149,10 @@ var FrpInfomation = function FrpInfomation(_ref) {
     }, formatterMoney.format(amountRaised).replace("$", "$ ")), " ", React.createElement("br", null), "raised of ", React.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
   })), React.createElement("button", {
     className: cls$s.manageBtn,
-    color: "greenLinear"
+    color: "greenLinear",
+    onClick: function onClick() {
+      return window.open(manageLink);
+    }
   }, "Manage Campaign ", React.createElement(Icons$1.arrowNext, null))));
 };
 
@@ -30160,7 +30163,8 @@ FrpInfomation.propTypes = {
   amountRaised: _pt.number.isRequired,
   amountGoal: _pt.number.isRequired,
   sqSize: _pt.number.isRequired,
-  strokeWidth: _pt.number.isRequired
+  strokeWidth: _pt.number.isRequired,
+  manageLink: _pt.string
 };
 
 var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
@@ -30173,7 +30177,8 @@ var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
       donations = _ref.donations,
       sqSize = _ref.sqSize,
       strokeWidth = _ref.strokeWidth,
-      daysToGo = _ref.daysToGo;
+      daysToGo = _ref.daysToGo,
+      manageLink = _ref.manageLink;
   return React.createElement("div", {
     className: cls$s.wrapper,
     onClick: function onClick() {
@@ -30190,7 +30195,8 @@ var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
     amountRaised: amountRaised,
     amountGoal: amountGoal,
     sqSize: sqSize,
-    strokeWidth: strokeWidth
+    strokeWidth: strokeWidth,
+    manageLink: manageLink
   }));
 };
 
@@ -30204,7 +30210,8 @@ MyAccountFrpPreview.propTypes = {
   amountRaised: _pt.number.isRequired,
   amountGoal: _pt.number.isRequired,
   sqSize: _pt.number.isRequired,
-  strokeWidth: _pt.number.isRequired
+  strokeWidth: _pt.number.isRequired,
+  manageLink: _pt.string
 };
 
 var css$t = ".my-account-stats-donated-module_wrapper__2204E {\n  width: 100%;\n  border-radius: 16px;\n  background: #f2f8f1;\n  position: relative;\n  font-family: Montserrat;\n  text-align: center;\n  min-height: 312px;\n  display: flex;\n  justify-content: center;\n  box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25); }\n  .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_picture__WCuVs {\n    position: absolute;\n    top: 45px;\n    right: 25px; }\n  .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE {\n    padding-top: 32px;\n    max-width: 300px; }\n    .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_title__2d6nq {\n      font-size: 20px;\n      font-weight: 700;\n      color: #2d8a75;\n      padding-bottom: 13px;\n      margin: 0; }\n    .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_number__1cP4D {\n      font-size: 24px;\n      font-weight: 700;\n      color: #2d8a75;\n      margin: 10px 0; }\n    .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_text__293Ij {\n      font-size: 16px;\n      font-weight: 400;\n      color: #404041;\n      margin: 0;\n      padding-bottom: 24px; }\n      .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_text__293Ij .my-account-stats-donated-module_num__3-ePn {\n        font-weight: 700;\n        color: #2d8a75; }\n    .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_view__Faeo3 {\n      color: #2D8A75;\n      font-size: 14px;\n      text-decoration: none; }\n\n@media screen and (max-width: 768px) {\n  .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_picture__WCuVs {\n    display: none; } }\n";
@@ -30340,4 +30347,135 @@ Input.propTypes = {
   error: _pt.oneOfType([_pt.string, _pt.oneOf([null]), _pt.bool])
 };
 
-export { Anchor, Avatar, BoldAnchor, Box, Button, ButtonSelect, CampaignCard, CampaignOfMonth, CharityCard, Checkbox, Chip, Chips, ComboField, ComboFieldExpander, CommentSection, CommentSectionV2, Cropper, DatePicker, DonateCard, DonationForm, DonationFormV2, Elevation, FavoriteCharityItem, FeaturedCampaignCard, FieldHelperText, FieldLabel, Flex, FooterV2, FundraisingSection, Grid, HeartToggle, HeroBnner as HeroBanner, HorizontalBar, Icon, IconButton, IconButtonGroup, Input, InputChips, List, Login, MENU_ANCHOR_CLASS, Menu, MenuList, ListDivider as MenuListDivider, MenuListItem, MenuListItemGraphic, ListItemMeta as MenuListItemMeta, MenuListItemText, MenuSurface, Modal, ModalImage, MyAccountChooseCharityCard, MyAccountFrpPreview, MyAccountSidebar, MyAccountStartFundraiseCard, MyAccountStatsDonated, MyAccountStatsRaised, MyCauseTheme, Navigation$1 as Nav, Navigation, PartnerChartStats, PartnerMonthlyDonations, PartnerMonthlyStats, PartnerMonthlyTable, PartnerToggleButton, PartnerToggleButtonBlock, PhoneInput, PhoneNumberInput, Popup, ProgressBar, Radio, RadioGroup, Select, SelectHelperText, CustomSingleDatePicker as SingleDatePicker, Spinner, Stack, StartCampaignCard, Statistics, Switch, Tabs, Text, TextField, HelperText as TextFieldHelperText, TextFieldSearch, ThemeContext, ThemeProvider, ThisMonthCard, Uploader, getColorToken, parseNationalPhoneNumber, useTheme };
+var css$w = ".my-account-frp-closed-module_wrapper__1I9n9 {\n  border-radius: 16px;\n  background: #fff;\n  box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25);\n  display: flex;\n  font-family: Montserrat;\n  cursor: pointer; }\n  .my-account-frp-closed-module_wrapper__1I9n9:hover .my-account-frp-closed-module_coverImage__UyIdc,\n  .my-account-frp-closed-module_wrapper__1I9n9:hover .my-account-frp-closed-module_imgOverlay__2KJdC {\n    background: rgba(34, 39, 37, 0.2); }\n  .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc {\n    width: calc(100% - 200px);\n    border-radius: 16px 0 0 16px;\n    position: relative;\n    cursor: pointer;\n    opacity: 0.6; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_imgOverlay__2KJdC {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 16px 0 0 16px;\n      transition: 0.2s all; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_boxImage__3lh3x {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      overflow: hidden;\n      border-radius: 16px 0 0 16px; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_boxImage__3lh3x img.my-account-frp-closed-module_image__3FAn3 {\n        width: 100%;\n        height: auto; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_boxImage__3lh3x .my-account-frp-closed-module_noImg__1Ktbc {\n        background: url(\"./background.png\") no-repeat;\n        background-size: cover;\n        width: 100%;\n        height: 460px; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R {\n      position: absolute;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n      width: 100%;\n      border-radius: 0px 0px 0px 16px;\n      min-height: 80px;\n      opacity: 0.95;\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%);\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%);\n      background: var(--Green-Linear, linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%)); }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R .my-account-frp-closed-module_title__3M0pI {\n        font-size: 20px;\n        line-height: 26px;\n        font-weight: 700;\n        color: #fff;\n        padding: 11px 32px;\n        margin: 0; }\n  .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L {\n    width: 200px;\n    padding: 50px 30px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L p {\n      margin: 0; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_item__1S1Q4 {\n      margin-bottom: 16px; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_item__1S1Q4 .my-account-frp-closed-module_number__2Uyn9 {\n        font-size: 16px;\n        font-weight: 700;\n        margin-bottom: 5px; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_item__1S1Q4 .my-account-frp-closed-module_text__E7Tjr {\n        font-size: 14px; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_manageBtn__3pzfu {\n      border-radius: 50px;\n      border: none;\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%);\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%);\n      background: var(--Green-Linear, linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%));\n      padding: 8px 16px;\n      font-size: 10px;\n      font-weight: 700;\n      color: #fff;\n      display: flex;\n      align-items: center;\n      cursor: pointer; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_manageBtn__3pzfu svg {\n        margin-left: 8px; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_manageBtn__3pzfu:hover {\n        background: #65a797; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_progress__2tfwn {\n      margin: 0 0 16px 0; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_coverRight__3b5oY {\n      display: flex;\n      flex-direction: column;\n      align-items: center; }\n\n@media all and (max-width: 768px) {\n  .my-account-frp-closed-module_wrapper__1I9n9 {\n    flex-direction: column; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc {\n      width: 100%;\n      border-radius: 16px 16px 0 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_boxImage__3lh3x {\n        border-radius: 16px 16px 0 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_imgOverlay__2KJdC {\n        border-radius: 16px 16px 0 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R {\n        border-radius: 0;\n        min-height: 0;\n        min-height: initial; }\n        .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R .my-account-frp-closed-module_title__3M0pI {\n          font-size: 18px; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L {\n      flex-direction: row;\n      width: 100%;\n      justify-content: space-around;\n      padding: 32px 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_coverItem__2i2wT {\n        display: flex;\n        flex-direction: column;\n        grid-gap: 18px;\n        grid-gap: 18px;\n        gap: 18px; }\n        .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_coverItem__2i2wT .my-account-frp-closed-module_item__1S1Q4 {\n          margin-bottom: 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_progress__2tfwn {\n        margin: 0 0 20px 0; } }\n\n@media all and (max-width: 480px) {\n  .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R .my-account-frp-closed-module_title__3M0pI {\n    font-size: 16px;\n    padding: 10px 15px;\n    line-height: 20px; } }\n\n@media all and (max-width: 400px) {\n  .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R .my-account-frp-closed-module_title__3M0pI {\n    font-size: 13px;\n    line-height: 16px; } }\n";
+var cls$w = {"wrapper":"my-account-frp-closed-module_wrapper__1I9n9","coverImage":"my-account-frp-closed-module_coverImage__UyIdc","imgOverlay":"my-account-frp-closed-module_imgOverlay__2KJdC","boxImage":"my-account-frp-closed-module_boxImage__3lh3x","image":"my-account-frp-closed-module_image__3FAn3","noImg":"my-account-frp-closed-module_noImg__1Ktbc","coverTitle":"my-account-frp-closed-module_coverTitle__3OQ7R","title":"my-account-frp-closed-module_title__3M0pI","coverInfomation":"my-account-frp-closed-module_coverInfomation__wrS7L","item":"my-account-frp-closed-module_item__1S1Q4","number":"my-account-frp-closed-module_number__2Uyn9","text":"my-account-frp-closed-module_text__E7Tjr","manageBtn":"my-account-frp-closed-module_manageBtn__3pzfu","progress":"my-account-frp-closed-module_progress__2tfwn","coverRight":"my-account-frp-closed-module_coverRight__3b5oY","coverItem":"my-account-frp-closed-module_coverItem__2i2wT"};
+styleInject(css$w);
+
+var FrpClosedImg = function FrpClosedImg(_ref) {
+  var img = _ref.img,
+      link = _ref.link,
+      title = _ref.title;
+  return React.createElement("div", {
+    className: cls$w.coverImage
+  }, React.createElement("div", {
+    className: cls$w.imgOverlay
+  }), React.createElement("div", {
+    className: cls$w.boxImage
+  }, img ? React.createElement("img", {
+    className: cls$w.image,
+    src: img,
+    alt: ""
+  }) : React.createElement("div", {
+    className: cls$w.noImg
+  })), React.createElement("div", {
+    className: cls$w.coverTitle
+  }, React.createElement("p", {
+    className: cls$w.title
+  }, title)));
+};
+
+FrpClosedImg.propTypes = {
+  img: _pt.string,
+  link: _pt.string,
+  title: _pt.string
+};
+
+var FrpInfomation$1 = function FrpInfomation(_ref) {
+  var donations = _ref.donations,
+      amountRaised = _ref.amountRaised,
+      amountGoal = _ref.amountGoal,
+      sqSize = _ref.sqSize,
+      strokeWidth = _ref.strokeWidth;
+  var formatterMoney = new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 0
+  });
+  return React.createElement("div", {
+    className: cls$w.coverInfomation
+  }, React.createElement("div", {
+    className: cls$w.coverItem
+  }, React.createElement("div", {
+    className: cls$w.item
+  }, React.createElement("p", {
+    className: cls$w.number
+  }, donations), React.createElement("p", {
+    className: cls$w.text
+  }, "Donations")), React.createElement("div", {
+    className: cls$w.progress
+  }, React.createElement(CircularProgress, {
+    percentage: amountRaised / amountGoal * 100,
+    sqSize: sqSize,
+    strokeWidth: strokeWidth,
+    color: "#2D8A75",
+    centerContent: React.createElement("p", {
+      className: "text",
+      style: {
+        fontSize: "10px",
+        lineHeight: 1.5
+      }
+    }, React.createElement("span", {
+      style: {
+        fontSize: "14px",
+        fontWeight: 700
+      }
+    }, formatterMoney.format(amountRaised).replace("$", "$ ")), React.createElement("br", null), "raised of ", React.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
+  }))), React.createElement("div", {
+    className: cls$w.coverRight
+  }, React.createElement("div", {
+    className: cls$w.item
+  }, React.createElement("p", {
+    className: cls$w.text
+  }, "This campaign is now closed.")), React.createElement("button", {
+    className: cls$w.manageBtn,
+    color: "greenLinear"
+  }, "View page")));
+};
+
+FrpInfomation$1.propTypes = {
+  donations: _pt.number.isRequired,
+  amountRaised: _pt.number.isRequired,
+  amountGoal: _pt.number.isRequired,
+  sqSize: _pt.number.isRequired,
+  strokeWidth: _pt.number.isRequired
+};
+
+var MyAccountFrpClosed = function MyAccountFrpClosed(_ref) {
+  var img = _ref.img,
+      link = _ref.link,
+      title = _ref.title,
+      amountGoal = _ref.amountGoal,
+      amountRaised = _ref.amountRaised,
+      donations = _ref.donations,
+      sqSize = _ref.sqSize,
+      strokeWidth = _ref.strokeWidth;
+  return React.createElement("div", {
+    className: cls$w.wrapper,
+    onClick: function onClick() {
+      return window.open(link);
+    }
+  }, React.createElement(FrpClosedImg, {
+    img: img,
+    link: link,
+    title: title
+  }), React.createElement(FrpInfomation$1, {
+    donations: donations,
+    amountRaised: amountRaised,
+    amountGoal: amountGoal,
+    sqSize: sqSize,
+    strokeWidth: strokeWidth
+  }));
+};
+
+MyAccountFrpClosed.propTypes = {
+  img: _pt.string,
+  link: _pt.string,
+  title: _pt.string,
+  donations: _pt.number.isRequired,
+  amountRaised: _pt.number.isRequired,
+  amountGoal: _pt.number.isRequired,
+  sqSize: _pt.number.isRequired,
+  strokeWidth: _pt.number.isRequired
+};
+
+export { Anchor, Avatar, BoldAnchor, Box, Button, ButtonSelect, CampaignCard, CampaignOfMonth, CharityCard, Checkbox, Chip, Chips, ComboField, ComboFieldExpander, CommentSection, CommentSectionV2, Cropper, DatePicker, DonateCard, DonationForm, DonationFormV2, Elevation, FavoriteCharityItem, FeaturedCampaignCard, FieldHelperText, FieldLabel, Flex, FooterV2, FundraisingSection, Grid, HeartToggle, HeroBnner as HeroBanner, HorizontalBar, Icon, IconButton, IconButtonGroup, Input, InputChips, List, Login, MENU_ANCHOR_CLASS, Menu, MenuList, ListDivider as MenuListDivider, MenuListItem, MenuListItemGraphic, ListItemMeta as MenuListItemMeta, MenuListItemText, MenuSurface, Modal, ModalImage, MyAccountChooseCharityCard, MyAccountFrpClosed, MyAccountFrpPreview, MyAccountSidebar, MyAccountStartFundraiseCard, MyAccountStatsDonated, MyAccountStatsRaised, MyCauseTheme, Navigation$1 as Nav, Navigation, PartnerChartStats, PartnerMonthlyDonations, PartnerMonthlyStats, PartnerMonthlyTable, PartnerToggleButton, PartnerToggleButtonBlock, PhoneInput, PhoneNumberInput, Popup, ProgressBar, Radio, RadioGroup, Select, SelectHelperText, CustomSingleDatePicker as SingleDatePicker, Spinner, Stack, StartCampaignCard, Statistics, Switch, Tabs, Text, TextField, HelperText as TextFieldHelperText, TextFieldSearch, ThemeContext, ThemeProvider, ThisMonthCard, Uploader, getColorToken, parseNationalPhoneNumber, useTheme };

package/dist/index.js

@@ -29560,7 +29560,7 @@ MyAccountStartFundraiseCard.propTypes = {
   width: _pt.string.isRequired
 };
 
-var css$p = ".my-account-choose-charity-card-module_wrapper__3ne7s {\n  height: 226px;\n  display: flex;\n  align-items: center;\n  border-radius: 16px;\n  background-color: #F7F7F8;\n  font-family: \"Montserrat\", sans-serif;\n  justify-content: space-around;\n  box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25); }\n  .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-around;\n    height: 100%;\n    padding: 30px 30px 30px 0;\n    margin-left: 12%; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n      font-weight: 700;\n      font-size: 24px;\n      line-height: 32px;\n      text-align: left;\n      color: #404041; }\n  .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n    width: 270px;\n    height: 214px;\n    margin-left: 50px; }\n\n@media all and (max-width: 768px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n      height: 100%;\n      margin-left: 0; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      margin-left: 50px;\n      padding: 16px 34px 15px 0px;\n      justify-content: space-around;\n      z-index: 1; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 24px;\n        line-height: 32px; } }\n\n@media all and (max-width: 580px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 {\n      max-width: 40%;\n      align-items: center; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n        width: 150px;\n        margin-left: -16px; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      max-width: 60%;\n      margin-left: 24px;\n      padding: 40px 20px 40px 0; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 20px;\n        line-height: 30px; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 button .mdc-button__label {\n        font-size: 14px; } }\n\n@media all and (max-width: 440px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 {\n      max-width: 40%;\n      align-items: center; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n        width: 150px;\n        margin-left: -34px; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      max-width: 90%;\n      margin-left: 24px;\n      padding: 20px 20px 20px 0; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 16px;\n        line-height: 24px; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 button .mdc-button__label {\n        font-size: 14px; } }\n";
+var css$p = ".my-account-choose-charity-card-module_wrapper__3ne7s {\n  height: 226px;\n  display: flex;\n  align-items: center;\n  border-radius: 16px;\n  background-color: #F7F7F8;\n  font-family: \"Montserrat\", sans-serif;\n  justify-content: space-around;\n  box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25); }\n  .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-around;\n    height: 100%;\n    padding: 30px 30px 30px 0;\n    margin-left: 12%; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n      font-weight: 700;\n      font-size: 24px;\n      line-height: 32px;\n      text-align: left;\n      color: #404041; }\n  .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n    width: 270px;\n    height: 214px;\n    margin-left: 50px; }\n\n@media all and (max-width: 768px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n      width: 100%;\n      margin-left: 0; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      margin-left: 50px;\n      padding: 16px 34px 15px 0px;\n      justify-content: space-around;\n      z-index: 1; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 24px;\n        line-height: 32px; } }\n\n@media all and (max-width: 580px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 {\n      max-width: 40%;\n      align-items: center; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n        width: 150px;\n        margin-left: -16px; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      max-width: 60%;\n      margin-left: 24px;\n      padding: 40px 20px 40px 0; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 20px;\n        line-height: 30px; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 button .mdc-button__label {\n        font-size: 14px; } }\n\n@media all and (max-width: 440px) {\n  .my-account-choose-charity-card-module_wrapper__3ne7s {\n    overflow: hidden; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 {\n      max-width: 40%;\n      align-items: center; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_leftSide__3S_e3 img {\n        width: 150px;\n        margin-left: -34px; }\n    .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 {\n      max-width: 90%;\n      margin-left: 24px;\n      padding: 20px 20px 20px 0; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 .my-account-choose-charity-card-module_title__2CB3U {\n        font-size: 16px;\n        line-height: 24px; }\n      .my-account-choose-charity-card-module_wrapper__3ne7s .my-account-choose-charity-card-module_rightSide__2-yf1 button .mdc-button__label {\n        font-size: 14px; } }\n";
 var cls$p = {"wrapper":"my-account-choose-charity-card-module_wrapper__3ne7s","rightSide":"my-account-choose-charity-card-module_rightSide__2-yf1","title":"my-account-choose-charity-card-module_title__2CB3U","leftSide":"my-account-choose-charity-card-module_leftSide__3S_e3"};
 styleInject(css$p);
 
@@ -29852,7 +29852,6 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
       setIsExpand = _useState2[1];
 
   var handleOnChangeActiveTabOnMobile = function handleOnChangeActiveTabOnMobile() {
-    console.log("jjjj");
     setIsExpand(false);
   };
 
@@ -30112,7 +30111,8 @@ var FrpInfomation = function FrpInfomation(_ref) {
       amountRaised = _ref.amountRaised,
       amountGoal = _ref.amountGoal,
       sqSize = _ref.sqSize,
-      strokeWidth = _ref.strokeWidth;
+      strokeWidth = _ref.strokeWidth,
+      manageLink = _ref.manageLink;
   var formatterMoney = new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",
@@ -30163,7 +30163,10 @@ var FrpInfomation = function FrpInfomation(_ref) {
     }, formatterMoney.format(amountRaised).replace("$", "$ ")), " ", React__default.createElement("br", null), "raised of ", React__default.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
   })), React__default.createElement("button", {
     className: cls$s.manageBtn,
-    color: "greenLinear"
+    color: "greenLinear",
+    onClick: function onClick() {
+      return window.open(manageLink);
+    }
   }, "Manage Campaign ", React__default.createElement(Icons$1.arrowNext, null))));
 };
 
@@ -30174,7 +30177,8 @@ FrpInfomation.propTypes = {
   amountRaised: _pt.number.isRequired,
   amountGoal: _pt.number.isRequired,
   sqSize: _pt.number.isRequired,
-  strokeWidth: _pt.number.isRequired
+  strokeWidth: _pt.number.isRequired,
+  manageLink: _pt.string
 };
 
 var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
@@ -30187,7 +30191,8 @@ var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
       donations = _ref.donations,
       sqSize = _ref.sqSize,
       strokeWidth = _ref.strokeWidth,
-      daysToGo = _ref.daysToGo;
+      daysToGo = _ref.daysToGo,
+      manageLink = _ref.manageLink;
   return React__default.createElement("div", {
     className: cls$s.wrapper,
     onClick: function onClick() {
@@ -30204,7 +30209,8 @@ var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
     amountRaised: amountRaised,
     amountGoal: amountGoal,
     sqSize: sqSize,
-    strokeWidth: strokeWidth
+    strokeWidth: strokeWidth,
+    manageLink: manageLink
   }));
 };
 
@@ -30218,7 +30224,8 @@ MyAccountFrpPreview.propTypes = {
   amountRaised: _pt.number.isRequired,
   amountGoal: _pt.number.isRequired,
   sqSize: _pt.number.isRequired,
-  strokeWidth: _pt.number.isRequired
+  strokeWidth: _pt.number.isRequired,
+  manageLink: _pt.string
 };
 
 var css$t = ".my-account-stats-donated-module_wrapper__2204E {\n  width: 100%;\n  border-radius: 16px;\n  background: #f2f8f1;\n  position: relative;\n  font-family: Montserrat;\n  text-align: center;\n  min-height: 312px;\n  display: flex;\n  justify-content: center;\n  box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25); }\n  .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_picture__WCuVs {\n    position: absolute;\n    top: 45px;\n    right: 25px; }\n  .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE {\n    padding-top: 32px;\n    max-width: 300px; }\n    .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_title__2d6nq {\n      font-size: 20px;\n      font-weight: 700;\n      color: #2d8a75;\n      padding-bottom: 13px;\n      margin: 0; }\n    .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_number__1cP4D {\n      font-size: 24px;\n      font-weight: 700;\n      color: #2d8a75;\n      margin: 10px 0; }\n    .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_text__293Ij {\n      font-size: 16px;\n      font-weight: 400;\n      color: #404041;\n      margin: 0;\n      padding-bottom: 24px; }\n      .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_text__293Ij .my-account-stats-donated-module_num__3-ePn {\n        font-weight: 700;\n        color: #2d8a75; }\n    .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_view__Faeo3 {\n      color: #2D8A75;\n      font-size: 14px;\n      text-decoration: none; }\n\n@media screen and (max-width: 768px) {\n  .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_picture__WCuVs {\n    display: none; } }\n";
@@ -30354,6 +30361,137 @@ Input.propTypes = {
   error: _pt.oneOfType([_pt.string, _pt.oneOf([null]), _pt.bool])
 };
 
+var css$w = ".my-account-frp-closed-module_wrapper__1I9n9 {\n  border-radius: 16px;\n  background: #fff;\n  box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25);\n  display: flex;\n  font-family: Montserrat;\n  cursor: pointer; }\n  .my-account-frp-closed-module_wrapper__1I9n9:hover .my-account-frp-closed-module_coverImage__UyIdc,\n  .my-account-frp-closed-module_wrapper__1I9n9:hover .my-account-frp-closed-module_imgOverlay__2KJdC {\n    background: rgba(34, 39, 37, 0.2); }\n  .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc {\n    width: calc(100% - 200px);\n    border-radius: 16px 0 0 16px;\n    position: relative;\n    cursor: pointer;\n    opacity: 0.6; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_imgOverlay__2KJdC {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 16px 0 0 16px;\n      transition: 0.2s all; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_boxImage__3lh3x {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      overflow: hidden;\n      border-radius: 16px 0 0 16px; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_boxImage__3lh3x img.my-account-frp-closed-module_image__3FAn3 {\n        width: 100%;\n        height: auto; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_boxImage__3lh3x .my-account-frp-closed-module_noImg__1Ktbc {\n        background: url(\"./background.png\") no-repeat;\n        background-size: cover;\n        width: 100%;\n        height: 460px; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R {\n      position: absolute;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n      width: 100%;\n      border-radius: 0px 0px 0px 16px;\n      min-height: 80px;\n      opacity: 0.95;\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%);\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%);\n      background: var(--Green-Linear, linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%)); }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R .my-account-frp-closed-module_title__3M0pI {\n        font-size: 20px;\n        line-height: 26px;\n        font-weight: 700;\n        color: #fff;\n        padding: 11px 32px;\n        margin: 0; }\n  .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L {\n    width: 200px;\n    padding: 50px 30px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L p {\n      margin: 0; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_item__1S1Q4 {\n      margin-bottom: 16px; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_item__1S1Q4 .my-account-frp-closed-module_number__2Uyn9 {\n        font-size: 16px;\n        font-weight: 700;\n        margin-bottom: 5px; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_item__1S1Q4 .my-account-frp-closed-module_text__E7Tjr {\n        font-size: 14px; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_manageBtn__3pzfu {\n      border-radius: 50px;\n      border: none;\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%);\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%);\n      background: var(--Green-Linear, linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%));\n      padding: 8px 16px;\n      font-size: 10px;\n      font-weight: 700;\n      color: #fff;\n      display: flex;\n      align-items: center;\n      cursor: pointer; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_manageBtn__3pzfu svg {\n        margin-left: 8px; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_manageBtn__3pzfu:hover {\n        background: #65a797; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_progress__2tfwn {\n      margin: 0 0 16px 0; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_coverRight__3b5oY {\n      display: flex;\n      flex-direction: column;\n      align-items: center; }\n\n@media all and (max-width: 768px) {\n  .my-account-frp-closed-module_wrapper__1I9n9 {\n    flex-direction: column; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc {\n      width: 100%;\n      border-radius: 16px 16px 0 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_boxImage__3lh3x {\n        border-radius: 16px 16px 0 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_imgOverlay__2KJdC {\n        border-radius: 16px 16px 0 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R {\n        border-radius: 0;\n        min-height: 0;\n        min-height: initial; }\n        .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R .my-account-frp-closed-module_title__3M0pI {\n          font-size: 18px; }\n    .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L {\n      flex-direction: row;\n      width: 100%;\n      justify-content: space-around;\n      padding: 32px 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_coverItem__2i2wT {\n        display: flex;\n        flex-direction: column;\n        grid-gap: 18px;\n        grid-gap: 18px;\n        gap: 18px; }\n        .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_coverItem__2i2wT .my-account-frp-closed-module_item__1S1Q4 {\n          margin-bottom: 0; }\n      .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverInfomation__wrS7L .my-account-frp-closed-module_progress__2tfwn {\n        margin: 0 0 20px 0; } }\n\n@media all and (max-width: 480px) {\n  .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R .my-account-frp-closed-module_title__3M0pI {\n    font-size: 16px;\n    padding: 10px 15px;\n    line-height: 20px; } }\n\n@media all and (max-width: 400px) {\n  .my-account-frp-closed-module_wrapper__1I9n9 .my-account-frp-closed-module_coverImage__UyIdc .my-account-frp-closed-module_coverTitle__3OQ7R .my-account-frp-closed-module_title__3M0pI {\n    font-size: 13px;\n    line-height: 16px; } }\n";
+var cls$w = {"wrapper":"my-account-frp-closed-module_wrapper__1I9n9","coverImage":"my-account-frp-closed-module_coverImage__UyIdc","imgOverlay":"my-account-frp-closed-module_imgOverlay__2KJdC","boxImage":"my-account-frp-closed-module_boxImage__3lh3x","image":"my-account-frp-closed-module_image__3FAn3","noImg":"my-account-frp-closed-module_noImg__1Ktbc","coverTitle":"my-account-frp-closed-module_coverTitle__3OQ7R","title":"my-account-frp-closed-module_title__3M0pI","coverInfomation":"my-account-frp-closed-module_coverInfomation__wrS7L","item":"my-account-frp-closed-module_item__1S1Q4","number":"my-account-frp-closed-module_number__2Uyn9","text":"my-account-frp-closed-module_text__E7Tjr","manageBtn":"my-account-frp-closed-module_manageBtn__3pzfu","progress":"my-account-frp-closed-module_progress__2tfwn","coverRight":"my-account-frp-closed-module_coverRight__3b5oY","coverItem":"my-account-frp-closed-module_coverItem__2i2wT"};
+styleInject(css$w);
+
+var FrpClosedImg = function FrpClosedImg(_ref) {
+  var img = _ref.img,
+      link = _ref.link,
+      title = _ref.title;
+  return React__default.createElement("div", {
+    className: cls$w.coverImage
+  }, React__default.createElement("div", {
+    className: cls$w.imgOverlay
+  }), React__default.createElement("div", {
+    className: cls$w.boxImage
+  }, img ? React__default.createElement("img", {
+    className: cls$w.image,
+    src: img,
+    alt: ""
+  }) : React__default.createElement("div", {
+    className: cls$w.noImg
+  })), React__default.createElement("div", {
+    className: cls$w.coverTitle
+  }, React__default.createElement("p", {
+    className: cls$w.title
+  }, title)));
+};
+
+FrpClosedImg.propTypes = {
+  img: _pt.string,
+  link: _pt.string,
+  title: _pt.string
+};
+
+var FrpInfomation$1 = function FrpInfomation(_ref) {
+  var donations = _ref.donations,
+      amountRaised = _ref.amountRaised,
+      amountGoal = _ref.amountGoal,
+      sqSize = _ref.sqSize,
+      strokeWidth = _ref.strokeWidth;
+  var formatterMoney = new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 0
+  });
+  return React__default.createElement("div", {
+    className: cls$w.coverInfomation
+  }, React__default.createElement("div", {
+    className: cls$w.coverItem
+  }, React__default.createElement("div", {
+    className: cls$w.item
+  }, React__default.createElement("p", {
+    className: cls$w.number
+  }, donations), React__default.createElement("p", {
+    className: cls$w.text
+  }, "Donations")), React__default.createElement("div", {
+    className: cls$w.progress
+  }, React__default.createElement(CircularProgress, {
+    percentage: amountRaised / amountGoal * 100,
+    sqSize: sqSize,
+    strokeWidth: strokeWidth,
+    color: "#2D8A75",
+    centerContent: React__default.createElement("p", {
+      className: "text",
+      style: {
+        fontSize: "10px",
+        lineHeight: 1.5
+      }
+    }, React__default.createElement("span", {
+      style: {
+        fontSize: "14px",
+        fontWeight: 700
+      }
+    }, formatterMoney.format(amountRaised).replace("$", "$ ")), React__default.createElement("br", null), "raised of ", React__default.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
+  }))), React__default.createElement("div", {
+    className: cls$w.coverRight
+  }, React__default.createElement("div", {
+    className: cls$w.item
+  }, React__default.createElement("p", {
+    className: cls$w.text
+  }, "This campaign is now closed.")), React__default.createElement("button", {
+    className: cls$w.manageBtn,
+    color: "greenLinear"
+  }, "View page")));
+};
+
+FrpInfomation$1.propTypes = {
+  donations: _pt.number.isRequired,
+  amountRaised: _pt.number.isRequired,
+  amountGoal: _pt.number.isRequired,
+  sqSize: _pt.number.isRequired,
+  strokeWidth: _pt.number.isRequired
+};
+
+var MyAccountFrpClosed = function MyAccountFrpClosed(_ref) {
+  var img = _ref.img,
+      link = _ref.link,
+      title = _ref.title,
+      amountGoal = _ref.amountGoal,
+      amountRaised = _ref.amountRaised,
+      donations = _ref.donations,
+      sqSize = _ref.sqSize,
+      strokeWidth = _ref.strokeWidth;
+  return React__default.createElement("div", {
+    className: cls$w.wrapper,
+    onClick: function onClick() {
+      return window.open(link);
+    }
+  }, React__default.createElement(FrpClosedImg, {
+    img: img,
+    link: link,
+    title: title
+  }), React__default.createElement(FrpInfomation$1, {
+    donations: donations,
+    amountRaised: amountRaised,
+    amountGoal: amountGoal,
+    sqSize: sqSize,
+    strokeWidth: strokeWidth
+  }));
+};
+
+MyAccountFrpClosed.propTypes = {
+  img: _pt.string,
+  link: _pt.string,
+  title: _pt.string,
+  donations: _pt.number.isRequired,
+  amountRaised: _pt.number.isRequired,
+  amountGoal: _pt.number.isRequired,
+  sqSize: _pt.number.isRequired,
+  strokeWidth: _pt.number.isRequired
+};
+
 exports._React = React__default;
 Object.defineProperty(exports, 'MenuCorner', {
   enumerable: true,
@@ -30413,6 +30551,7 @@ exports.MenuSurface = MenuSurface__default;
 exports.Modal = Modal;
 exports.ModalImage = ModalImage;
 exports.MyAccountChooseCharityCard = MyAccountChooseCharityCard;
+exports.MyAccountFrpClosed = MyAccountFrpClosed;
 exports.MyAccountFrpPreview = MyAccountFrpPreview;
 exports.MyAccountSidebar = MyAccountSidebar;
 exports.MyAccountStartFundraiseCard = MyAccountStartFundraiseCard;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mycause/ui",
-  "version": "0.0.0-cadf499b",
+  "version": "0.0.0-cb0a82c0",
   "author": "Marc Porciuncula <marc@mycause.com.au>",
   "license": "MIT",
   "main": "dist/index.js",