@mycause/ui 0.0.0-ca33a864 → 0.0.0-ca3c9629

package/dist/components/green-dashboard-sidebar/Icon.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const Icons: {
+    dashboard: (props?: {}) => JSX.Element;
+    collapse: (props?: {}) => JSX.Element;
+    expand: () => JSX.Element;
+    donations: () => JSX.Element;
+    account: () => JSX.Element;
+    support: () => JSX.Element;
+    additional: () => JSX.Element;
+};
+export default Icons;

package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.d.ts

@@ -1,6 +1,15 @@
 /// <reference types="react" />
-export interface CampaignCardProps {
-    a: string;
+export interface GreenDashboardSidebarProps {
+    listMenu: Array<ItemMenu>;
+    noDashboard?: boolean;
+    noAccount?: boolean;
+    noContract?: boolean;
 }
-declare const GreenDashboardSidebar: ({ a }: CampaignCardProps) => JSX.Element;
+declare type ItemMenu = {
+    id: string;
+    icon: any;
+    label: string;
+    href?: string;
+};
+declare const GreenDashboardSidebar: ({ listMenu, noDashboard, noAccount, noContract, }: GreenDashboardSidebarProps) => JSX.Element;
 export default GreenDashboardSidebar;

package/dist/components/line-chart/index.d.ts

@@ -1 +1,2 @@
-export { default as LineChartComponent } from "./line-chart-component";
+export { default as PartnerLineChart } from "./partner-line-chart";
+export { default as PartnerLineChartBlock } from "./partner-line-chart-block";

package/dist/components/modal/modalImage.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ModalImasgeProps {
+    isOpen: boolean;
+    modalImageSrc: string;
+    toggleModal: (arg: boolean) => void;
+}
+declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
+export default ModalImage;

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

@@ -10,6 +10,12 @@ export declare const MyAccountFrpPreviewStory: {
         name: string;
     };
 };
+export declare const MyAccountFrpPreviewStoryV3: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
 export declare const MyAccountFrpPreviewStoryV2: {
     (): JSX.Element;
     story: {

package/dist/components/my-account-sidebar/my-account-sidebar.d.ts

@@ -4,6 +4,7 @@ export interface MyAccountSidebarProps {
     dashboard: ItemMenu;
     account?: ItemMenu;
     contract?: ItemMenu;
+    handleSetOverlay: () => void;
 }
 declare type ItemMenu = {
     id: string;
@@ -11,5 +12,5 @@ declare type ItemMenu = {
     label: string;
     href?: string;
 };
-declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, }: MyAccountSidebarProps) => JSX.Element;
+declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, }: MyAccountSidebarProps) => JSX.Element;
 export default MyAccountSidebar;

package/dist/components/partner-dashboard-chart/chart.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LineChart: () => JSX.Element;
+export default LineChart;

package/dist/components/{start-campaign-card copy/start-campaign-card.stories.d.ts → partner-dashboard-chart/chart.stories.d.ts}

@@ -3,10 +3,10 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, description, }: import("./start-campaign-card").StartCampaignCardProps) => JSX.Element;
+    component: () => JSX.Element;
 };
 export default _default;
-export declare const startcampaincard: {
+export declare const progressbar: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/partner-dashboard-chart/index.d.ts

@@ -0,0 +1 @@
+export { default as Chart } from "./chart";

package/dist/index.esm.js

@@ -23,7 +23,7 @@ import MDCTabBar from '@material/react-tab-bar';
 import MDCTab from '@material/react-tab';
 import Cookie from 'js-cookie';
 import Dialog, { DialogContent, DialogFooter } from '@material/react-dialog';
-import useMedia from 'use-media';
+import useMedia, { useMedia as useMedia$1 } from 'use-media';
 import MDCRadio, { NativeRadioControl } from '@material/react-radio';
 import MDCSwitch from '@material/react-switch';
 import Dropzone from 'react-dropzone-uploader';
@@ -29518,7 +29518,7 @@ FavoriteCharityItem.propTypes = {
   width: _pt.string.isRequired
 };
 
-var css$q = ".my-account-sidebar-module_wrapper__2prH6 {\n  transition: all 0.2s ease;\n  background: #fff;\n  height: 100vh;\n  box-shadow: 2px 2px 8px 0px rgba(123, 109, 109, 0.25);\n  font-family: Montserrat;\n  font-size: 14px;\n  font-weight: 400;\n  color: #404041; }\n  .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_expand__1m2Vs {\n    min-width: 260px;\n    width: 260px; }\n  .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 {\n    min-width: 64px;\n    width: 64px; }\n    .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 p.my-account-sidebar-module_label__3RALd,\n    .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 .my-account-sidebar-module_additional__1EeN2 {\n      opacity: 0; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 {\n    background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%); }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 p {\n      color: #fff;\n      font-weight: 700; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 svg path {\n      fill: #fff !important; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc {\n    display: flex;\n    align-items: center;\n    padding-left: 16px;\n    text-decoration: none;\n    color: #404041;\n    height: 50px;\n    cursor: pointer; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc p.my-account-sidebar-module_label__3RALd {\n      padding-left: 8px;\n      position: absolute;\n      left: 58px; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc svg {\n      width: 36px; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover {\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%); }\n      .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover p {\n        color: #fff;\n        font-weight: 700; }\n      .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover svg path {\n        fill: #fff !important; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc svg path {\n      fill: #2d8a75; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc .my-account-sidebar-module_label__3RALd {\n      opacity: 1; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc .my-account-sidebar-module_hiden__xtlWO {\n      width: 0; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_account__sruAN {\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid var(--Stroke, #e2e2e2);\n    border-top: 1px solid #e2e2e2;\n    border-top: 1px solid #e2e2e2;\n    border-top: 1px solid var(--Stroke, #e2e2e2);\n    display: flex;\n    justify-content: space-between; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_account__sruAN .my-account-sidebar-module_coverLabel__2obOx {\n      display: flex;\n      align-items: center; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_collapse__2X0m7 {\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid var(--Stroke, #e2e2e2); }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_additional__1EeN2 svg path {\n    fill: #acacac; }\n";
+var css$q = ".my-account-sidebar-module_wrapper__2prH6 {\n  transition: all 0.2s ease;\n  background: #fff;\n  height: 100%;\n  min-height: 100vh;\n  box-shadow: 2px 2px 8px 0px rgba(123, 109, 109, 0.25);\n  font-family: Montserrat;\n  font-size: 14px;\n  font-weight: 400;\n  color: #404041; }\n  .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_expand__1m2Vs {\n    min-width: 260px;\n    width: 260px; }\n  .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 {\n    min-width: 64px;\n    width: 64px; }\n    .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 p.my-account-sidebar-module_label__3RALd,\n    .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 .my-account-sidebar-module_additional__1EeN2 {\n      opacity: 0; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 {\n    background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%); }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 p {\n      color: #fff;\n      font-weight: 700; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 svg path {\n      fill: #fff !important; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc {\n    display: flex;\n    align-items: center;\n    padding-left: 16px;\n    text-decoration: none;\n    color: #404041;\n    height: 50px;\n    cursor: pointer; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc p.my-account-sidebar-module_label__3RALd {\n      padding-left: 8px;\n      position: absolute;\n      left: 58px; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc svg {\n      width: 36px; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover {\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%); }\n      .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover p {\n        color: #fff;\n        font-weight: 700; }\n      .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover svg path {\n        fill: #fff !important; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc svg path {\n      fill: #2d8a75; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc .my-account-sidebar-module_label__3RALd {\n      opacity: 1; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc .my-account-sidebar-module_hiden__xtlWO {\n      width: 0; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_account__sruAN {\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid var(--Stroke, #e2e2e2);\n    border-top: 1px solid #e2e2e2;\n    border-top: 1px solid #e2e2e2;\n    border-top: 1px solid var(--Stroke, #e2e2e2);\n    display: flex;\n    justify-content: space-between; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_account__sruAN .my-account-sidebar-module_coverLabel__2obOx {\n      display: flex;\n      align-items: center; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_collapse__2X0m7 {\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid var(--Stroke, #e2e2e2); }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_additional__1EeN2 svg path {\n    fill: #acacac; }\n\n@media all and (max-width: 1070px) {\n  .my-account-sidebar-module_wrapper__2prH6 {\n    position: fixed;\n    z-index: 9; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc p.my-account-sidebar-module_label__3RALd {\n      width: 200px; } }\n";
 var cls$q = {"wrapper":"my-account-sidebar-module_wrapper__2prH6","expand":"my-account-sidebar-module_expand__1m2Vs","collapse":"my-account-sidebar-module_collapse__2X0m7","label":"my-account-sidebar-module_label__3RALd","additional":"my-account-sidebar-module_additional__1EeN2","active":"my-account-sidebar-module_active__f-nw8","item":"my-account-sidebar-module_item__1nSgc","hiden":"my-account-sidebar-module_hiden__xtlWO","account":"my-account-sidebar-module_account__sruAN","coverLabel":"my-account-sidebar-module_coverLabel__2obOx"};
 styleInject(css$q);
 
@@ -29630,7 +29630,8 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
   var listMenu = _ref.listMenu,
       dashboard = _ref.dashboard,
       account = _ref.account,
-      contract = _ref.contract;
+      contract = _ref.contract,
+      handleSetOverlay = _ref.handleSetOverlay;
 
   var _useState = useState(dashboard.id),
       _useState2 = _slicedToArray(_useState, 2),
@@ -29646,8 +29647,23 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
     setTabActive(id);
   };
 
+  var isMedium = useMedia$1("screen and (max-width: 1070px)");
+
+  var hanldeCollapse = function hanldeCollapse() {
+    setIsExpand(!isExpand);
+
+    if (isMedium) {
+      handleSetOverlay();
+    }
+  };
+
+  useEffect(function () {
+    if (isMedium) {
+      setIsExpand(false);
+    }
+  }, [isMedium]);
   return React.createElement("div", {
-    className: classnames(cls$q.wrapper, cls$q.sidebar, isExpand ? cls$q.expand : cls$q.collapse)
+    className: classnames(cls$q.wrapper, cls$q.sidebar, !isExpand ? cls$q.collapse : cls$q.expand)
   }, dashboard && React.createElement("a", {
     className: classnames(cls$q.item, tabActive === dashboard.id && cls$q.active),
     onClick: function onClick() {
@@ -29658,9 +29674,7 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
     className: cls$q.label
   }, dashboard.label)), React.createElement("div", {
     className: cls$q.item,
-    onClick: function onClick() {
-      return setIsExpand(!isExpand);
-    }
+    onClick: hanldeCollapse
   }, isExpand ? React.createElement(Icons.collapse, null) : React.createElement(Icons.expand, null), React.createElement("p", {
     className: cls$q.label
   }, collapse.label)), listMenu.map(function (item) {
@@ -29716,11 +29730,12 @@ MyAccountSidebar.propTypes = {
     icon: _pt.any.isRequired,
     label: _pt.string.isRequired,
     href: _pt.string
-  })
+  }),
+  handleSetOverlay: _pt.func.isRequired
 };
 
-var css$r = ".my-account-frp-preview-module_wrapper__dNipd {\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-preview-module_wrapper__dNipd:hover .my-account-frp-preview-module_coverImage__2mHgG,\n  .my-account-frp-preview-module_wrapper__dNipd:hover .my-account-frp-preview-module_imgOverlay__2nZSr {\n    background: rgba(34, 39, 37, 0.2); }\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG {\n    width: 75%;\n    border-radius: 16px 0 0 16px;\n    position: relative;\n    cursor: pointer; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_imgOverlay__2nZSr {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 16px 0 0 16px;\n      z-index: 1;\n      transition: 0.2s all; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      overflow: hidden; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR img.my-account-frp-preview-module_image__1yL3f {\n        width: auto;\n        height: 100%;\n        max-height: 460px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR .my-account-frp-preview-module_noImg__1hY6M {\n        background: url(\"./background.png\") no-repeat;\n        background-size: cover;\n        width: 100%;\n        height: 460px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- {\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      min-height: 105px;\n      border-radius: 0px 0px 0px 16px;\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-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- .my-account-frp-preview-module_title__1x_bj {\n        font-size: 24px;\n        font-weight: 700;\n        color: #fff;\n        padding: 24px 32px;\n        margin: 0; }\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye {\n    width: 30%;\n    min-width: 220px;\n    padding: 36px 32px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye p {\n      margin: 0; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt {\n      margin-bottom: 16px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt .my-account-frp-preview-module_number__2Nd_S {\n        font-size: 20px;\n        font-weight: 700;\n        margin-bottom: 5px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt .my-account-frp-preview-module_text__2CocT {\n        font-size: 14px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0 {\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: 14px;\n      font-weight: 700;\n      color: #fff;\n      display: flex;\n      align-items: center;\n      cursor: pointer; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0 svg {\n        margin-left: 8px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0:hover {\n        background: #65a797; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_progress__2cXze {\n      margin: 20px 0 38px 0; }\n";
-var cls$r = {"wrapper":"my-account-frp-preview-module_wrapper__dNipd","coverImage":"my-account-frp-preview-module_coverImage__2mHgG","imgOverlay":"my-account-frp-preview-module_imgOverlay__2nZSr","boxImage":"my-account-frp-preview-module_boxImage__1ttYR","image":"my-account-frp-preview-module_image__1yL3f","noImg":"my-account-frp-preview-module_noImg__1hY6M","coverTitle":"my-account-frp-preview-module_coverTitle__1sSn-","title":"my-account-frp-preview-module_title__1x_bj","coverInfomation":"my-account-frp-preview-module_coverInfomation__2d2Ye","item":"my-account-frp-preview-module_item__FZTOt","number":"my-account-frp-preview-module_number__2Nd_S","text":"my-account-frp-preview-module_text__2CocT","manageBtn":"my-account-frp-preview-module_manageBtn__1AYl0","progress":"my-account-frp-preview-module_progress__2cXze"};
+var css$r = ".my-account-frp-preview-module_wrapper__dNipd {\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-preview-module_wrapper__dNipd:hover .my-account-frp-preview-module_coverImage__2mHgG,\n  .my-account-frp-preview-module_wrapper__dNipd:hover .my-account-frp-preview-module_imgOverlay__2nZSr {\n    background: rgba(34, 39, 37, 0.2); }\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG {\n    width: 75%;\n    border-radius: 16px 0 0 16px;\n    position: relative;\n    cursor: pointer; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_imgOverlay__2nZSr {\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-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      overflow: hidden;\n      border-radius: 16px 0 0 16px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR img.my-account-frp-preview-module_image__1yL3f {\n        width: auto;\n        height: 100%;\n        max-height: 460px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR .my-account-frp-preview-module_noImg__1hY6M {\n        background: url(\"./background.png\") no-repeat;\n        background-size: cover;\n        width: 100%;\n        height: 460px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- {\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      min-height: 105px;\n      border-radius: 0px 0px 0px 16px;\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-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- .my-account-frp-preview-module_title__1x_bj {\n        font-size: 24px;\n        font-weight: 700;\n        color: #fff;\n        padding: 24px 32px;\n        margin: 0; }\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye {\n    width: 30%;\n    min-width: 220px;\n    padding: 36px 32px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye p {\n      margin: 0; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt {\n      margin-bottom: 16px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt .my-account-frp-preview-module_number__2Nd_S {\n        font-size: 20px;\n        font-weight: 700;\n        margin-bottom: 5px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt .my-account-frp-preview-module_text__2CocT {\n        font-size: 14px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0 {\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: 14px;\n      font-weight: 700;\n      color: #fff;\n      display: flex;\n      align-items: center;\n      cursor: pointer; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0 svg {\n        margin-left: 8px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0:hover {\n        background: #65a797; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_progress__2cXze {\n      margin: 20px 0 38px 0; }\n\n@media all and (max-width: 1070px) {\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR img.my-account-frp-preview-module_image__1yL3f {\n    width: 100%;\n    height: auto;\n    max-height: none;\n    max-height: initial; } }\n\n@media all and (max-width: 900px) {\n  .my-account-frp-preview-module_wrapper__dNipd {\n    flex-direction: column; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG {\n      width: 100%;\n      border-radius: 16px 16px 0 0; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR {\n        border-radius: 16px 16px 0 0; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_imgOverlay__2nZSr {\n        border-radius: 16px 16px 0 0; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- {\n        border-radius: 0;\n        min-height: 0;\n        min-height: initial; }\n        .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- .my-account-frp-preview-module_title__1x_bj {\n          font-size: 18px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye {\n      flex-direction: row;\n      width: 100%;\n      justify-content: space-around; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_coverItem__1QS20 {\n        display: flex;\n        flex-direction: column;\n        grid-gap: 24px;\n        grid-gap: 24px;\n        gap: 24px; }\n        .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_coverItem__1QS20 .my-account-frp-preview-module_item__FZTOt {\n          margin-bottom: 0; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_progress__2cXze {\n        margin: 0 0 20px 0; } }\n\n@media all and (max-width: 480px) {\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- .my-account-frp-preview-module_title__1x_bj {\n    font-size: 16px;\n    padding: 10px 15px; } }\n";
+var cls$r = {"wrapper":"my-account-frp-preview-module_wrapper__dNipd","coverImage":"my-account-frp-preview-module_coverImage__2mHgG","imgOverlay":"my-account-frp-preview-module_imgOverlay__2nZSr","boxImage":"my-account-frp-preview-module_boxImage__1ttYR","image":"my-account-frp-preview-module_image__1yL3f","noImg":"my-account-frp-preview-module_noImg__1hY6M","coverTitle":"my-account-frp-preview-module_coverTitle__1sSn-","title":"my-account-frp-preview-module_title__1x_bj","coverInfomation":"my-account-frp-preview-module_coverInfomation__2d2Ye","item":"my-account-frp-preview-module_item__FZTOt","number":"my-account-frp-preview-module_number__2Nd_S","text":"my-account-frp-preview-module_text__2CocT","manageBtn":"my-account-frp-preview-module_manageBtn__1AYl0","progress":"my-account-frp-preview-module_progress__2cXze","coverItem":"my-account-frp-preview-module_coverItem__1QS20"};
 styleInject(css$r);
 
 var FrpPreviewImg = function FrpPreviewImg(_ref) {
@@ -29841,6 +29856,8 @@ var FrpInfomation = function FrpInfomation(_ref) {
   });
   return React.createElement("div", {
     className: cls$r.coverInfomation
+  }, React.createElement("div", {
+    className: cls$r.coverItem
   }, React.createElement("div", {
     className: cls$r.item
   }, React.createElement("p", {
@@ -29859,7 +29876,9 @@ var FrpInfomation = function FrpInfomation(_ref) {
     className: cls$r.number
   }, daysToGo), React.createElement("p", {
     className: cls$r.text
-  }, "Day to go")), React.createElement("div", {
+  }, "Day to go"))), React.createElement("div", {
+    className: cls$r.coverProgress
+  }, React.createElement("div", {
     className: cls$r.progress
   }, React.createElement(CircularProgress, {
     percentage: amountRaised / amountGoal * 100,
@@ -29881,7 +29900,7 @@ var FrpInfomation = function FrpInfomation(_ref) {
   })), React.createElement("button", {
     className: cls$r.manageBtn,
     color: "greenLinear"
-  }, "Manage Campaign ", React.createElement(Icons$1.arrowNext, null)));
+  }, "Manage Campaign ", React.createElement(Icons$1.arrowNext, null))));
 };
 
 FrpInfomation.propTypes = {

package/dist/index.js

@@ -35,7 +35,8 @@ var MDCTab = _interopDefault(require('@material/react-tab'));
 var Cookie = _interopDefault(require('js-cookie'));
 var Dialog = require('@material/react-dialog');
 var Dialog__default = _interopDefault(Dialog);
-var useMedia = _interopDefault(require('use-media'));
+var useMedia = require('use-media');
+var useMedia__default = _interopDefault(useMedia);
 var MDCRadio = require('@material/react-radio');
 var MDCRadio__default = _interopDefault(MDCRadio);
 var MDCSwitch = _interopDefault(require('@material/react-switch'));
@@ -9368,8 +9369,8 @@ function NavigationSearch(_ref) {
   };
 
   var placeholder = "Try searching for a friend, campaign, or event";
-  var isMobile = useMedia("screen and (max-width: 719px)");
-  var isCompact = useMedia("screen and (max-width: 959px)");
+  var isMobile = useMedia__default("screen and (max-width: 719px)");
+  var isCompact = useMedia__default("screen and (max-width: 959px)");
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "jsx-3334382920" + " " + "navigation-search"
   }, !isCompact ? React__default.createElement(TextField, {
@@ -9615,7 +9616,7 @@ function NavigationUserMenu(_ref) {
   }, [onChangeOpen, isHovered]);
   return React__default.createElement("div", _extends({}, bind(), {
     className: "jsx-744321216 " + _JSXStyle.dynamic([["2704769880", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + (classnames("menu-anchor", {
-      compact: useMedia("screen and (max-width: 425px)")
+      compact: useMedia__default("screen and (max-width: 425px)")
     }) || "")
   }), React__default.createElement("div", {
     className: "jsx-744321216 " + _JSXStyle.dynamic([["2704769880", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + (classnames("menu-trigger", {
@@ -9712,8 +9713,8 @@ function Navigation(_ref) {
       active = _useState8[0],
       setActive = _useState8[1];
 
-  var isCompact = useMedia("screen and (max-width: 720px)");
-  var isMedium = useMedia("screen and (max-width: 960px)");
+  var isCompact = useMedia__default("screen and (max-width: 720px)");
+  var isMedium = useMedia__default("screen and (max-width: 960px)");
   var menu = active[0] && menus ? menus.find(function (menu) {
     return menu.id === active[0];
   }) : null;
@@ -11057,8 +11058,8 @@ function NavigationSearch$1(_ref) {
   };
 
   var placeholder = "Try searching for a friend, campaign, or event";
-  var isMobile = useMedia("screen and (max-width: 719px)");
-  var isCompact = useMedia("screen and (max-width: 959px)");
+  var isMobile = useMedia__default("screen and (max-width: 719px)");
+  var isCompact = useMedia__default("screen and (max-width: 959px)");
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: _JSXStyle.dynamic([["512261977", [isDark ? "#fff" : "#000", isDark ? "#e6e6e6" : "#999"]]]) + " " + "navigation-search"
   }, !isCompact ? React__default.createElement(TextField, {
@@ -11324,7 +11325,7 @@ function NavigationUserMenu$1(_ref) {
   }, [onChangeOpen, isHovered]);
   return React__default.createElement("div", _extends({}, bind(), {
     className: "jsx-744321216 " + _JSXStyle.dynamic([["2704769880", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + (classnames("menu-anchor", {
-      compact: useMedia("screen and (max-width: 425px)")
+      compact: useMedia__default("screen and (max-width: 425px)")
     }) || "")
   }), React__default.createElement("div", {
     className: "jsx-744321216 " + _JSXStyle.dynamic([["2704769880", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + (classnames("menu-trigger", {
@@ -11426,8 +11427,8 @@ function Navigation$1(_ref) {
       active = _useState8[0],
       setActive = _useState8[1];
 
-  var isCompact = useMedia("screen and (max-width: 768px)");
-  var isMedium = useMedia("screen and (max-width: 1070px)");
+  var isCompact = useMedia__default("screen and (max-width: 768px)");
+  var isMedium = useMedia__default("screen and (max-width: 1070px)");
   var menu = active[0] && menus ? menus.find(function (menu) {
     return menu.id === active[0];
   }) : null;
@@ -29145,8 +29146,8 @@ function FooterV2(_ref) {
       OrangeCardFirstTitle = _ref$OrangeCardFirstT === void 0 ? "For your Charity, School, NFP or Event" : _ref$OrangeCardFirstT,
       _ref$OrangeCardSecond = _ref.OrangeCardSecondTitle,
       OrangeCardSecondTitle = _ref$OrangeCardSecond === void 0 ? "View the mycause suite of fundraising products and tools" : _ref$OrangeCardSecond;
-  var isMobile = useMedia("screen and (max-width: 480px)");
-  var lg = useMedia("screen and (min-width: 1024px");
+  var isMobile = useMedia__default("screen and (max-width: 480px)");
+  var lg = useMedia__default("screen and (min-width: 1024px");
 
   var body = lodash.get(document, "body", []);
 
@@ -29531,7 +29532,7 @@ FavoriteCharityItem.propTypes = {
   width: _pt.string.isRequired
 };
 
-var css$q = ".my-account-sidebar-module_wrapper__2prH6 {\n  transition: all 0.2s ease;\n  background: #fff;\n  height: 100vh;\n  box-shadow: 2px 2px 8px 0px rgba(123, 109, 109, 0.25);\n  font-family: Montserrat;\n  font-size: 14px;\n  font-weight: 400;\n  color: #404041; }\n  .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_expand__1m2Vs {\n    min-width: 260px;\n    width: 260px; }\n  .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 {\n    min-width: 64px;\n    width: 64px; }\n    .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 p.my-account-sidebar-module_label__3RALd,\n    .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 .my-account-sidebar-module_additional__1EeN2 {\n      opacity: 0; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 {\n    background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%); }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 p {\n      color: #fff;\n      font-weight: 700; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 svg path {\n      fill: #fff !important; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc {\n    display: flex;\n    align-items: center;\n    padding-left: 16px;\n    text-decoration: none;\n    color: #404041;\n    height: 50px;\n    cursor: pointer; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc p.my-account-sidebar-module_label__3RALd {\n      padding-left: 8px;\n      position: absolute;\n      left: 58px; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc svg {\n      width: 36px; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover {\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%); }\n      .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover p {\n        color: #fff;\n        font-weight: 700; }\n      .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover svg path {\n        fill: #fff !important; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc svg path {\n      fill: #2d8a75; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc .my-account-sidebar-module_label__3RALd {\n      opacity: 1; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc .my-account-sidebar-module_hiden__xtlWO {\n      width: 0; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_account__sruAN {\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid var(--Stroke, #e2e2e2);\n    border-top: 1px solid #e2e2e2;\n    border-top: 1px solid #e2e2e2;\n    border-top: 1px solid var(--Stroke, #e2e2e2);\n    display: flex;\n    justify-content: space-between; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_account__sruAN .my-account-sidebar-module_coverLabel__2obOx {\n      display: flex;\n      align-items: center; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_collapse__2X0m7 {\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid var(--Stroke, #e2e2e2); }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_additional__1EeN2 svg path {\n    fill: #acacac; }\n";
+var css$q = ".my-account-sidebar-module_wrapper__2prH6 {\n  transition: all 0.2s ease;\n  background: #fff;\n  height: 100%;\n  min-height: 100vh;\n  box-shadow: 2px 2px 8px 0px rgba(123, 109, 109, 0.25);\n  font-family: Montserrat;\n  font-size: 14px;\n  font-weight: 400;\n  color: #404041; }\n  .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_expand__1m2Vs {\n    min-width: 260px;\n    width: 260px; }\n  .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 {\n    min-width: 64px;\n    width: 64px; }\n    .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 p.my-account-sidebar-module_label__3RALd,\n    .my-account-sidebar-module_wrapper__2prH6.my-account-sidebar-module_collapse__2X0m7 .my-account-sidebar-module_additional__1EeN2 {\n      opacity: 0; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 {\n    background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%); }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 p {\n      color: #fff;\n      font-weight: 700; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_active__f-nw8 svg path {\n      fill: #fff !important; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc {\n    display: flex;\n    align-items: center;\n    padding-left: 16px;\n    text-decoration: none;\n    color: #404041;\n    height: 50px;\n    cursor: pointer; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc p.my-account-sidebar-module_label__3RALd {\n      padding-left: 8px;\n      position: absolute;\n      left: 58px; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc svg {\n      width: 36px; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover {\n      background: linear-gradient(90deg, #2d8a75 0%, #42ccae 97.5%); }\n      .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover p {\n        color: #fff;\n        font-weight: 700; }\n      .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc:hover svg path {\n        fill: #fff !important; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc svg path {\n      fill: #2d8a75; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc .my-account-sidebar-module_label__3RALd {\n      opacity: 1; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc .my-account-sidebar-module_hiden__xtlWO {\n      width: 0; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_account__sruAN {\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid var(--Stroke, #e2e2e2);\n    border-top: 1px solid #e2e2e2;\n    border-top: 1px solid #e2e2e2;\n    border-top: 1px solid var(--Stroke, #e2e2e2);\n    display: flex;\n    justify-content: space-between; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_account__sruAN .my-account-sidebar-module_coverLabel__2obOx {\n      display: flex;\n      align-items: center; }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_collapse__2X0m7 {\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid #e2e2e2;\n    border-bottom: 1px solid var(--Stroke, #e2e2e2); }\n  .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_additional__1EeN2 svg path {\n    fill: #acacac; }\n\n@media all and (max-width: 1070px) {\n  .my-account-sidebar-module_wrapper__2prH6 {\n    position: fixed;\n    z-index: 9; }\n    .my-account-sidebar-module_wrapper__2prH6 .my-account-sidebar-module_item__1nSgc p.my-account-sidebar-module_label__3RALd {\n      width: 200px; } }\n";
 var cls$q = {"wrapper":"my-account-sidebar-module_wrapper__2prH6","expand":"my-account-sidebar-module_expand__1m2Vs","collapse":"my-account-sidebar-module_collapse__2X0m7","label":"my-account-sidebar-module_label__3RALd","additional":"my-account-sidebar-module_additional__1EeN2","active":"my-account-sidebar-module_active__f-nw8","item":"my-account-sidebar-module_item__1nSgc","hiden":"my-account-sidebar-module_hiden__xtlWO","account":"my-account-sidebar-module_account__sruAN","coverLabel":"my-account-sidebar-module_coverLabel__2obOx"};
 styleInject(css$q);
 
@@ -29643,7 +29644,8 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
   var listMenu = _ref.listMenu,
       dashboard = _ref.dashboard,
       account = _ref.account,
-      contract = _ref.contract;
+      contract = _ref.contract,
+      handleSetOverlay = _ref.handleSetOverlay;
 
   var _useState = React.useState(dashboard.id),
       _useState2 = _slicedToArray(_useState, 2),
@@ -29659,8 +29661,23 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
     setTabActive(id);
   };
 
+  var isMedium = useMedia.useMedia("screen and (max-width: 1070px)");
+
+  var hanldeCollapse = function hanldeCollapse() {
+    setIsExpand(!isExpand);
+
+    if (isMedium) {
+      handleSetOverlay();
+    }
+  };
+
+  React.useEffect(function () {
+    if (isMedium) {
+      setIsExpand(false);
+    }
+  }, [isMedium]);
   return React__default.createElement("div", {
-    className: classnames(cls$q.wrapper, cls$q.sidebar, isExpand ? cls$q.expand : cls$q.collapse)
+    className: classnames(cls$q.wrapper, cls$q.sidebar, !isExpand ? cls$q.collapse : cls$q.expand)
   }, dashboard && React__default.createElement("a", {
     className: classnames(cls$q.item, tabActive === dashboard.id && cls$q.active),
     onClick: function onClick() {
@@ -29671,9 +29688,7 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
     className: cls$q.label
   }, dashboard.label)), React__default.createElement("div", {
     className: cls$q.item,
-    onClick: function onClick() {
-      return setIsExpand(!isExpand);
-    }
+    onClick: hanldeCollapse
   }, isExpand ? React__default.createElement(Icons.collapse, null) : React__default.createElement(Icons.expand, null), React__default.createElement("p", {
     className: cls$q.label
   }, collapse.label)), listMenu.map(function (item) {
@@ -29729,11 +29744,12 @@ MyAccountSidebar.propTypes = {
     icon: _pt.any.isRequired,
     label: _pt.string.isRequired,
     href: _pt.string
-  })
+  }),
+  handleSetOverlay: _pt.func.isRequired
 };
 
-var css$r = ".my-account-frp-preview-module_wrapper__dNipd {\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-preview-module_wrapper__dNipd:hover .my-account-frp-preview-module_coverImage__2mHgG,\n  .my-account-frp-preview-module_wrapper__dNipd:hover .my-account-frp-preview-module_imgOverlay__2nZSr {\n    background: rgba(34, 39, 37, 0.2); }\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG {\n    width: 75%;\n    border-radius: 16px 0 0 16px;\n    position: relative;\n    cursor: pointer; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_imgOverlay__2nZSr {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 16px 0 0 16px;\n      z-index: 1;\n      transition: 0.2s all; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      overflow: hidden; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR img.my-account-frp-preview-module_image__1yL3f {\n        width: auto;\n        height: 100%;\n        max-height: 460px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR .my-account-frp-preview-module_noImg__1hY6M {\n        background: url(\"./background.png\") no-repeat;\n        background-size: cover;\n        width: 100%;\n        height: 460px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- {\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      min-height: 105px;\n      border-radius: 0px 0px 0px 16px;\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-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- .my-account-frp-preview-module_title__1x_bj {\n        font-size: 24px;\n        font-weight: 700;\n        color: #fff;\n        padding: 24px 32px;\n        margin: 0; }\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye {\n    width: 30%;\n    min-width: 220px;\n    padding: 36px 32px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye p {\n      margin: 0; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt {\n      margin-bottom: 16px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt .my-account-frp-preview-module_number__2Nd_S {\n        font-size: 20px;\n        font-weight: 700;\n        margin-bottom: 5px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt .my-account-frp-preview-module_text__2CocT {\n        font-size: 14px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0 {\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: 14px;\n      font-weight: 700;\n      color: #fff;\n      display: flex;\n      align-items: center;\n      cursor: pointer; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0 svg {\n        margin-left: 8px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0:hover {\n        background: #65a797; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_progress__2cXze {\n      margin: 20px 0 38px 0; }\n";
-var cls$r = {"wrapper":"my-account-frp-preview-module_wrapper__dNipd","coverImage":"my-account-frp-preview-module_coverImage__2mHgG","imgOverlay":"my-account-frp-preview-module_imgOverlay__2nZSr","boxImage":"my-account-frp-preview-module_boxImage__1ttYR","image":"my-account-frp-preview-module_image__1yL3f","noImg":"my-account-frp-preview-module_noImg__1hY6M","coverTitle":"my-account-frp-preview-module_coverTitle__1sSn-","title":"my-account-frp-preview-module_title__1x_bj","coverInfomation":"my-account-frp-preview-module_coverInfomation__2d2Ye","item":"my-account-frp-preview-module_item__FZTOt","number":"my-account-frp-preview-module_number__2Nd_S","text":"my-account-frp-preview-module_text__2CocT","manageBtn":"my-account-frp-preview-module_manageBtn__1AYl0","progress":"my-account-frp-preview-module_progress__2cXze"};
+var css$r = ".my-account-frp-preview-module_wrapper__dNipd {\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-preview-module_wrapper__dNipd:hover .my-account-frp-preview-module_coverImage__2mHgG,\n  .my-account-frp-preview-module_wrapper__dNipd:hover .my-account-frp-preview-module_imgOverlay__2nZSr {\n    background: rgba(34, 39, 37, 0.2); }\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG {\n    width: 75%;\n    border-radius: 16px 0 0 16px;\n    position: relative;\n    cursor: pointer; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_imgOverlay__2nZSr {\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-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      overflow: hidden;\n      border-radius: 16px 0 0 16px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR img.my-account-frp-preview-module_image__1yL3f {\n        width: auto;\n        height: 100%;\n        max-height: 460px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR .my-account-frp-preview-module_noImg__1hY6M {\n        background: url(\"./background.png\") no-repeat;\n        background-size: cover;\n        width: 100%;\n        height: 460px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- {\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      min-height: 105px;\n      border-radius: 0px 0px 0px 16px;\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-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- .my-account-frp-preview-module_title__1x_bj {\n        font-size: 24px;\n        font-weight: 700;\n        color: #fff;\n        padding: 24px 32px;\n        margin: 0; }\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye {\n    width: 30%;\n    min-width: 220px;\n    padding: 36px 32px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye p {\n      margin: 0; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt {\n      margin-bottom: 16px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt .my-account-frp-preview-module_number__2Nd_S {\n        font-size: 20px;\n        font-weight: 700;\n        margin-bottom: 5px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_item__FZTOt .my-account-frp-preview-module_text__2CocT {\n        font-size: 14px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0 {\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: 14px;\n      font-weight: 700;\n      color: #fff;\n      display: flex;\n      align-items: center;\n      cursor: pointer; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0 svg {\n        margin-left: 8px; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_manageBtn__1AYl0:hover {\n        background: #65a797; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_progress__2cXze {\n      margin: 20px 0 38px 0; }\n\n@media all and (max-width: 1070px) {\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR img.my-account-frp-preview-module_image__1yL3f {\n    width: 100%;\n    height: auto;\n    max-height: none;\n    max-height: initial; } }\n\n@media all and (max-width: 900px) {\n  .my-account-frp-preview-module_wrapper__dNipd {\n    flex-direction: column; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG {\n      width: 100%;\n      border-radius: 16px 16px 0 0; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_boxImage__1ttYR {\n        border-radius: 16px 16px 0 0; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_imgOverlay__2nZSr {\n        border-radius: 16px 16px 0 0; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- {\n        border-radius: 0;\n        min-height: 0;\n        min-height: initial; }\n        .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- .my-account-frp-preview-module_title__1x_bj {\n          font-size: 18px; }\n    .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye {\n      flex-direction: row;\n      width: 100%;\n      justify-content: space-around; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_coverItem__1QS20 {\n        display: flex;\n        flex-direction: column;\n        grid-gap: 24px;\n        grid-gap: 24px;\n        gap: 24px; }\n        .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_coverItem__1QS20 .my-account-frp-preview-module_item__FZTOt {\n          margin-bottom: 0; }\n      .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye .my-account-frp-preview-module_progress__2cXze {\n        margin: 0 0 20px 0; } }\n\n@media all and (max-width: 480px) {\n  .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverImage__2mHgG .my-account-frp-preview-module_coverTitle__1sSn- .my-account-frp-preview-module_title__1x_bj {\n    font-size: 16px;\n    padding: 10px 15px; } }\n";
+var cls$r = {"wrapper":"my-account-frp-preview-module_wrapper__dNipd","coverImage":"my-account-frp-preview-module_coverImage__2mHgG","imgOverlay":"my-account-frp-preview-module_imgOverlay__2nZSr","boxImage":"my-account-frp-preview-module_boxImage__1ttYR","image":"my-account-frp-preview-module_image__1yL3f","noImg":"my-account-frp-preview-module_noImg__1hY6M","coverTitle":"my-account-frp-preview-module_coverTitle__1sSn-","title":"my-account-frp-preview-module_title__1x_bj","coverInfomation":"my-account-frp-preview-module_coverInfomation__2d2Ye","item":"my-account-frp-preview-module_item__FZTOt","number":"my-account-frp-preview-module_number__2Nd_S","text":"my-account-frp-preview-module_text__2CocT","manageBtn":"my-account-frp-preview-module_manageBtn__1AYl0","progress":"my-account-frp-preview-module_progress__2cXze","coverItem":"my-account-frp-preview-module_coverItem__1QS20"};
 styleInject(css$r);
 
 var FrpPreviewImg = function FrpPreviewImg(_ref) {
@@ -29854,6 +29870,8 @@ var FrpInfomation = function FrpInfomation(_ref) {
   });
   return React__default.createElement("div", {
     className: cls$r.coverInfomation
+  }, React__default.createElement("div", {
+    className: cls$r.coverItem
   }, React__default.createElement("div", {
     className: cls$r.item
   }, React__default.createElement("p", {
@@ -29872,7 +29890,9 @@ var FrpInfomation = function FrpInfomation(_ref) {
     className: cls$r.number
   }, daysToGo), React__default.createElement("p", {
     className: cls$r.text
-  }, "Day to go")), React__default.createElement("div", {
+  }, "Day to go"))), React__default.createElement("div", {
+    className: cls$r.coverProgress
+  }, React__default.createElement("div", {
     className: cls$r.progress
   }, React__default.createElement(CircularProgress, {
     percentage: amountRaised / amountGoal * 100,
@@ -29894,7 +29914,7 @@ var FrpInfomation = function FrpInfomation(_ref) {
   })), React__default.createElement("button", {
     className: cls$r.manageBtn,
     color: "greenLinear"
-  }, "Manage Campaign ", React__default.createElement(Icons$1.arrowNext, null)));
+  }, "Manage Campaign ", React__default.createElement(Icons$1.arrowNext, null))));
 };
 
 FrpInfomation.propTypes = {

package/package.json

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

package/dist/components/choose-/index.d.ts

@@ -1 +0,0 @@
-export { default as StartFundraiseCard } from "./start-fundraise-card";

package/dist/components/choose-/start-fundraise-card.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface StartFundraiseCardProps {
-    className?: string;
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    onClick?: () => void;
-}
-declare const StartFundraiseCard: ({ className, title, buttonText, onClick }: StartFundraiseCardProps) => JSX.Element;
-export default StartFundraiseCard;

package/dist/components/choose-/start-fundraise-card.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick }: import("./start-fundraise-card").StartFundraiseCardProps) => JSX.Element;
-};
-export default _default;
-export declare const startcampaincard: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/choose-charity-card/start-fundraise-card.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface ChooseCharityCardProps {
-    className?: string;
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    onClick?: () => void;
-}
-declare const ChooseCharityCard: ({ className, title, buttonText, onClick }: ChooseCharityCardProps) => JSX.Element;
-export default ChooseCharityCard;

package/dist/components/choose-charity-card/start-fundraise-card.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick }: import("./choose-charity-card").ChooseCharityCardProps) => JSX.Element;
-};
-export default _default;
-export declare const startcampaincard: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/choose-charity-card copy/choose-charity-card.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface ChooseCharityCardProps {
-    className?: string;
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    onClick?: () => void;
-}
-declare const ChooseCharityCard: ({ className, title, buttonText, onClick }: ChooseCharityCardProps) => JSX.Element;
-export default ChooseCharityCard;

package/dist/components/choose-charity-card copy/choose-charity-card.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick }: import("./choose-charity-card").ChooseCharityCardProps) => JSX.Element;
-};
-export default _default;
-export declare const chooseCharityStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/choose-charity-card copy/index.d.ts

@@ -1 +0,0 @@
-export { default as ChooseCharityCard } from "./choose-charity-card";

package/dist/components/favorite-charity-item/choose-charity-card.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface ChooseCharityCardProps {
-    className?: string;
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    onClick?: () => void;
-}
-declare const ChooseCharityCard: ({ className, title, buttonText, onClick }: ChooseCharityCardProps) => JSX.Element;
-export default ChooseCharityCard;

package/dist/components/favorite-charity-item/choose-charity-card.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick }: import("./favorite-charity-item").ChooseCharityCardProps) => JSX.Element;
-};
-export default _default;
-export declare const chooseCharityStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/line-chart/line-chart-component.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface LineChartProps {
-    data: any;
-}
-declare const LineChartComponent: React.FC<LineChartProps>;
-export default LineChartComponent;

package/dist/components/line-chart/line-chart.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface LineChartProps {
-    data: any;
-}
-declare const LineChartComponent: React.FC<LineChartProps>;
-export default LineChartComponent;

package/dist/components/line-chart/line-chart.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: React.FunctionComponent<import("./line-chart-component").LineChartProps>;
-};
-export default _default;
-export declare const LineChart: any;

package/dist/components/line-chart/parnert-line-chart.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Linechart: (props: any) => JSX.Element;
-export default Linechart;

package/dist/components/line-chart/parnert-line-chart.stories.d.ts

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

package/dist/components/line-chart/partner-line-chart.stories-block.d.ts

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

package/dist/components/line-chart/partner-line-chart.stories.d.ts

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

package/dist/components/line-chart copy/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PartnerLineChart } from "./partner-line-chart";
-export { default as PartnerLineChartBlock } from "./partner-line-chart-block";

package/dist/components/line-chart copy/partner-line-chart-block.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface PartnerLineChartBlockProps {
-    chartData: {
-        current_year: Array<number>;
-        months_label: Array<string>;
-        requested_year: Array<number>;
-    };
-}
-declare const PartnerLineChartBlock: ({ chartData }: PartnerLineChartBlockProps) => JSX.Element;
-export default PartnerLineChartBlock;

package/dist/components/line-chart copy/partner-line-chart-block.stories.d.ts

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

package/dist/components/line-chart copy/partner-line-chart.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const PartnerLineChart: (props: any) => JSX.Element;
-export default PartnerLineChart;

package/dist/components/line-chartjs/index.d.ts

@@ -1 +0,0 @@
-export { default as PartnerLineChart } from "./partner-line-chart";

package/dist/components/line-chartjs/partner-line-chart-block.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface PartnerLineChartBlockProps {
-    chartData: {
-        current_year: Array<number>;
-        months_label: Array<string>;
-        requested_year: Array<number>;
-    };
-}
-declare const PartnerLineChartBlock: ({ chartData }: PartnerLineChartBlockProps) => JSX.Element;
-export default PartnerLineChartBlock;

package/dist/components/line-chartjs/partner-line-chart-block.stories.d.ts

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

package/dist/components/line-chartjs/partner-line-chart.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const PartnerLineChart: (props: any) => JSX.Element;
-export default PartnerLineChart;

package/dist/components/my-account-choose-charity-card/choose-charity-card.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface ChooseCharityCardProps {
-    className?: string;
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    onClick?: () => void;
-}
-declare const ChooseCharityCard: ({ className, title, buttonText, onClick, }: ChooseCharityCardProps) => JSX.Element;
-export default ChooseCharityCard;

package/dist/components/my-account-choose-charity-card/choose-charity-card.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick, }: import("./choose-charity-card").ChooseCharityCardProps) => JSX.Element;
-};
-export default _default;
-export declare const chooseCharityStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/my-account-start-fundraise-card/start-fundraise-card.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface StartFundraiseCardProps {
-    className?: string;
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    onClick?: () => void;
-}
-declare const StartFundraiseCard: ({ className, title, buttonText, onClick, }: StartFundraiseCardProps) => JSX.Element;
-export default StartFundraiseCard;

package/dist/components/my-account-start-fundraise-card/start-fundraise-card.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick, }: import("./start-fundraise-card").StartFundraiseCardProps) => JSX.Element;
-};
-export default _default;
-export declare const startFundraiseStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/parnert-monthly-stats/index.d.ts

@@ -1 +0,0 @@
-export { default as PartnertMonthlyStart } from "./parnert-monthly-stats";

package/dist/components/parnert-monthly-stats/parnert-monthly-stats.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface PartnertMonthlyStatsProps {
-    numeric: number;
-    title: string;
-}
-declare const PartnertMonthlyStats: ({ numeric, title, }: PartnertMonthlyStatsProps) => JSX.Element;
-export default PartnertMonthlyStats;

package/dist/components/parnert-monthly-stats/parnert-monthly-stats.stories.d.ts

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

package/dist/components/partner-chart-stats/partner-monthly-stats.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface PartnerMonthlyStatsProps {
-    numeric?: number;
-    title: string;
-}
-declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
-export default PartnerMonthlyStats;

package/dist/components/partner-chart-stats/partner-monthly-stats.stories.d.ts

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

package/dist/components/partner-monthly-stats copy/index.d.ts

@@ -1 +0,0 @@
-export { default as PartnerMonthlyStats } from "./partner-monthly-stats";

package/dist/components/partner-monthly-stats copy/partner-monthly-stats.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface PartnerMonthlyStatsProps {
-    numeric?: number;
-    title: string;
-}
-declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
-export default PartnerMonthlyStats;

package/dist/components/partner-monthly-stats copy/partner-monthly-stats.stories.d.ts

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

package/dist/components/partner-monthly-table/index.d.ts

@@ -1 +0,0 @@
-export { default as PartnerMonthlyTable } from "./partner-monthly-table";

package/dist/components/partner-monthly-table/partner-monthly-table.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface PartnerMonthlyTableProps {
-    numeric: number;
-    title: string;
-}
-declare const PartnerMonthlyTable: ({ numeric, title }: PartnerMonthlyTableProps) => JSX.Element;
-export default PartnerMonthlyTable;

package/dist/components/partner-monthly-table/partner-monthly-table.stories.d.ts

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

package/dist/components/partner-thismonth-stats/index.d.ts

@@ -1 +0,0 @@
-export { default as PartnerMonthlyStats } from "./partner-monthly-stats";

package/dist/components/partner-thismonth-stats/partner-monthly-stats.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface PartnerMonthlyStatsProps {
-    numeric?: number;
-    title: string;
-}
-declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
-export default PartnerMonthlyStats;

package/dist/components/partner-thismonth-stats/partner-monthly-stats.stories.d.ts

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

package/dist/components/start-campaign-card copy/index.d.ts

@@ -1 +0,0 @@
-export { default as StartCampaignCard } from "./start-campaign-card";

package/dist/components/start-campaign-card copy/start-campaign-card.d.ts

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

package/dist/components/start-fundraise-card/start-campaign-card.d.ts

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

package/dist/components/start-fundraise-card/start-campaign-card.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, description, }: import("./start-fundraise-card").StartCampaignCardProps) => JSX.Element;
-};
-export default _default;
-export declare const startcampaincard: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/start-fundraise-card copy/index.d.ts

@@ -1 +0,0 @@
-export { default as StartFundraiseCard } from "./start-fundraise-card";

package/dist/components/start-fundraise-card copy/start-fundraise-card.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface StartFundraiseCardProps {
-    className?: string;
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    onClick?: () => void;
-}
-declare const StartFundraiseCard: ({ className, title, buttonText, onClick }: StartFundraiseCardProps) => JSX.Element;
-export default StartFundraiseCard;

package/dist/components/start-fundraise-card copy/start-fundraise-card.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick }: import("./start-fundraise-card").StartFundraiseCardProps) => JSX.Element;
-};
-export default _default;
-export declare const startcampaincard: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};