@mycause/ui 0.18.8 → 0.18.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
export interface MyAccountSidebarProps {
|
|
3
3
|
listMenu: Array<ItemMenu>;
|
|
4
4
|
dashboard: ItemMenu;
|
|
5
|
-
account
|
|
5
|
+
account: ItemMenu;
|
|
6
6
|
contract?: ItemMenu;
|
|
7
7
|
handleSetOverlay: (value: boolean) => void;
|
|
8
8
|
activeMenu: ItemMenu;
|
|
9
|
+
pathnameActive?: string;
|
|
9
10
|
}
|
|
10
11
|
declare type ItemMenu = {
|
|
11
12
|
id: string;
|
|
@@ -14,5 +15,5 @@ declare type ItemMenu = {
|
|
|
14
15
|
href?: string;
|
|
15
16
|
items?: Array<ItemMenu>;
|
|
16
17
|
};
|
|
17
|
-
declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, }: MyAccountSidebarProps) => JSX.Element;
|
|
18
|
+
declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, pathnameActive, }: MyAccountSidebarProps) => JSX.Element;
|
|
18
19
|
export default MyAccountSidebar;
|
|
@@ -10,13 +10,13 @@ export declare const SelectStory: {
|
|
|
10
10
|
name: string;
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
-
export declare const
|
|
13
|
+
export declare const SelectStoryV2: {
|
|
14
14
|
(): JSX.Element;
|
|
15
15
|
story: {
|
|
16
16
|
name: string;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
|
-
export declare const
|
|
19
|
+
export declare const SelectEnhancedStory: {
|
|
20
20
|
(): JSX.Element;
|
|
21
21
|
story: {
|
|
22
22
|
name: string;
|
package/dist/index.esm.js
CHANGED
|
@@ -35150,7 +35150,8 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
|
|
|
35150
35150
|
account = _ref.account,
|
|
35151
35151
|
contract = _ref.contract,
|
|
35152
35152
|
handleSetOverlay = _ref.handleSetOverlay,
|
|
35153
|
-
activeMenu = _ref.activeMenu
|
|
35153
|
+
activeMenu = _ref.activeMenu,
|
|
35154
|
+
pathnameActive = _ref.pathnameActive;
|
|
35154
35155
|
var isMedium = useMedia$1("screen and (max-width: 1070px)");
|
|
35155
35156
|
var isMobile = useMedia$1("screen and (max-width: 480px)");
|
|
35156
35157
|
|
|
@@ -35189,6 +35190,13 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
|
|
|
35189
35190
|
}));
|
|
35190
35191
|
}
|
|
35191
35192
|
}, [isMedium]);
|
|
35193
|
+
useEffect(function () {
|
|
35194
|
+
if (activeMenu.id === account.id) {
|
|
35195
|
+
setIsExpand(_objectSpread2({}, isExpand, {
|
|
35196
|
+
account: true
|
|
35197
|
+
}));
|
|
35198
|
+
}
|
|
35199
|
+
}, [activeMenu]);
|
|
35192
35200
|
|
|
35193
35201
|
var renderSidebarOnDestop = function renderSidebarOnDestop() {
|
|
35194
35202
|
return React.createElement("div", {
|
|
@@ -35230,7 +35238,7 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
|
|
|
35230
35238
|
className: cls$r.additional
|
|
35231
35239
|
}, React.createElement(Icons.minus, null))), React.createElement("div", null, isExpand.account && account.items && account.items.map(function (item, index) {
|
|
35232
35240
|
return React.createElement("a", {
|
|
35233
|
-
className: classnames(cls$r.itemChild),
|
|
35241
|
+
className: classnames(cls$r.itemChild, item.href === pathnameActive && cls$r.activeChild),
|
|
35234
35242
|
key: "".concat(item.id, "+").concat(index),
|
|
35235
35243
|
href: item.href
|
|
35236
35244
|
}, React.createElement(Icons.dot, null), React.createElement("p", {
|
|
@@ -35292,7 +35300,7 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
|
|
|
35292
35300
|
className: cls$r.additional
|
|
35293
35301
|
}, React.createElement(Icons.minus, null))), React.createElement("div", null, isExpand.account && account.items && account.items.map(function (item, index) {
|
|
35294
35302
|
return React.createElement("a", {
|
|
35295
|
-
className: classnames(cls$r.itemChild),
|
|
35303
|
+
className: classnames(cls$r.itemChild, item.href === pathnameActive && cls$r.activeChild),
|
|
35296
35304
|
key: "".concat(item.id, "+").concat(index),
|
|
35297
35305
|
href: item.href
|
|
35298
35306
|
}, React.createElement(Icons.dot, null), React.createElement("p", {
|
|
@@ -35328,7 +35336,7 @@ MyAccountSidebar.propTypes = {
|
|
|
35328
35336
|
label: _pt.string.isRequired,
|
|
35329
35337
|
href: _pt.string,
|
|
35330
35338
|
items: _pt.any
|
|
35331
|
-
}),
|
|
35339
|
+
}).isRequired,
|
|
35332
35340
|
contract: _pt.shape({
|
|
35333
35341
|
id: _pt.string.isRequired,
|
|
35334
35342
|
icon: _pt.any,
|
|
@@ -35343,7 +35351,8 @@ MyAccountSidebar.propTypes = {
|
|
|
35343
35351
|
label: _pt.string.isRequired,
|
|
35344
35352
|
href: _pt.string,
|
|
35345
35353
|
items: _pt.any
|
|
35346
|
-
}).isRequired
|
|
35354
|
+
}).isRequired,
|
|
35355
|
+
pathnameActive: _pt.string
|
|
35347
35356
|
};
|
|
35348
35357
|
|
|
35349
35358
|
var css$s = ".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: calc(100% - 200px);\n border-radius: 16px 0 0 16px;\n position: relative;\n cursor: pointer;\n overflow: hidden; }\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 .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 display: flex;\n align-items: center;\n width: 100%;\n border-radius: 0px 0px 0px 16px;\n opacity: 0.95;\n min-height: 80px;\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: 20px;\n line-height: 26px;\n font-weight: 700;\n color: #fff;\n padding: 11px 32px;\n margin: 0; }\n .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye {\n width: 200px;\n padding: 22px 20px;\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: 13px; }\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: 16px;\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_item__FZTOt .my-account-frp-preview-module_closeDateText___wEII {\n margin-left: -10px;\n margin-right: -10px;\n font-size: 14px; }\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_closeDateText___wEII .my-account-frp-preview-module_number__2Nd_S {\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: 6px 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-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: 0 0 16px 0; }\n\n@media all and (max-width: 768px) {\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 padding: 32px 0; }\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: 18px;\n grid-gap: 18px;\n gap: 18px; }\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 line-height: 20px; } }\n\n@media all and (max-width: 400px) {\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: 13px;\n line-height: 16px; } }\n";
|
|
@@ -36004,8 +36013,8 @@ MyAccountFrpClosed.propTypes = {
|
|
|
36004
36013
|
manageLink: _pt.string
|
|
36005
36014
|
};
|
|
36006
36015
|
|
|
36007
|
-
var css$x = ".transaction-card-module_wrapper__1P9LL {\n width: 100%;\n display: flex;\n height: -webkit-fit-content;\n height: fit-content;\n flex-direction: column;\n padding: 24px;\n align-items: flex-start;\n border-radius: 8px;\n border: 1px solid #e2e2e2;\n background-color: #ffffff;\n font-family: \"Montserrat\", sans-serif;\n font-size: 14px;\n color: #404041;\n cursor: pointer; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr {\n width: 100%;\n display: flex;\n justify-content: space-between; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr .transaction-card-module_details__3gulV {\n width: -webkit-fit-content;\n width: fit-content;\n padding: 2px 8px;\n border-radius: 4px;\n background-color: #
|
|
36008
|
-
var cls$x = {"wrapper":"transaction-card-module_wrapper__1P9LL","header":"transaction-card-module_header__1qBGr","details":"transaction-card-module_details__3gulV","content":"transaction-card-module_content__282B0","recipient":"transaction-card-module_recipient__3EsUm","amount":"transaction-card-module_amount__2NofB","footer":"transaction-card-module_footer__3hWuW"};
|
|
36016
|
+
var css$x = ".transaction-card-module_wrapper__1P9LL {\n width: 100%;\n display: flex;\n height: -webkit-fit-content;\n height: fit-content;\n flex-direction: column;\n padding: 24px;\n align-items: flex-start;\n border-radius: 8px;\n border: 1px solid #e2e2e2;\n background-color: #ffffff;\n font-family: \"Montserrat\", sans-serif;\n font-size: 14px;\n color: #404041;\n cursor: pointer; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr {\n width: 100%;\n display: flex;\n justify-content: space-between;\n grid-gap: 10px;\n grid-gap: 10px;\n gap: 10px; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr .transaction-card-module_details__3gulV {\n width: -webkit-fit-content;\n width: fit-content;\n padding: 2px 8px;\n border-radius: 4px;\n background-color: #42ccae;\n color: #ffffff;\n font-weight: 700;\n text-align: center; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_content__282B0 {\n width: 100%;\n display: flex;\n justify-content: space-between;\n padding: 16px 0;\n align-items: center; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_content__282B0 .transaction-card-module_recipient__3EsUm {\n font-weight: 700;\n max-width: 72%;\n height: auto;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_content__282B0 .transaction-card-module_amountCover__3cuFw {\n display: flex;\n grid-gap: 10px;\n grid-gap: 10px;\n gap: 10px; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_content__282B0 .transaction-card-module_amountCover__3cuFw .transaction-card-module_amount__2NofB {\n color: #2d8a75; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_footer__3hWuW {\n width: 100%;\n display: flex;\n justify-content: space-between; }\n\n@media all and (max-width: 480px) {\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr .transaction-card-module_details__3gulV {\n font-size: 12px; } }\n";
|
|
36017
|
+
var cls$x = {"wrapper":"transaction-card-module_wrapper__1P9LL","header":"transaction-card-module_header__1qBGr","details":"transaction-card-module_details__3gulV","content":"transaction-card-module_content__282B0","recipient":"transaction-card-module_recipient__3EsUm","amountCover":"transaction-card-module_amountCover__3cuFw","amount":"transaction-card-module_amount__2NofB","footer":"transaction-card-module_footer__3hWuW"};
|
|
36009
36018
|
styleInject(css$x);
|
|
36010
36019
|
|
|
36011
36020
|
function Dot(props) {
|
|
@@ -36059,14 +36068,16 @@ var TransactionCard = function TransactionCard(_ref) {
|
|
|
36059
36068
|
}, React.createElement("div", {
|
|
36060
36069
|
className: cls$x.recipient
|
|
36061
36070
|
}, recipient), React.createElement("div", {
|
|
36071
|
+
className: cls$x.amountCover
|
|
36072
|
+
}, React.createElement("div", {
|
|
36062
36073
|
className: cls$x.amount
|
|
36063
36074
|
}, "$", amount), React.createElement("div", {
|
|
36064
36075
|
className: cls$x.tax
|
|
36065
|
-
}, tax == "
|
|
36076
|
+
}, tax == "Yes" ? React.createElement(Dot, {
|
|
36066
36077
|
color: "#2D8A75"
|
|
36067
36078
|
}) : React.createElement(Dot, {
|
|
36068
36079
|
color: "#FF5E6A"
|
|
36069
|
-
}))), React.createElement("div", {
|
|
36080
|
+
})))), React.createElement("div", {
|
|
36070
36081
|
className: cls$x.footer
|
|
36071
36082
|
}, React.createElement("div", {
|
|
36072
36083
|
className: cls$x.receiptNo
|
package/dist/index.js
CHANGED
|
@@ -35164,7 +35164,8 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
|
|
|
35164
35164
|
account = _ref.account,
|
|
35165
35165
|
contract = _ref.contract,
|
|
35166
35166
|
handleSetOverlay = _ref.handleSetOverlay,
|
|
35167
|
-
activeMenu = _ref.activeMenu
|
|
35167
|
+
activeMenu = _ref.activeMenu,
|
|
35168
|
+
pathnameActive = _ref.pathnameActive;
|
|
35168
35169
|
var isMedium = useMedia.useMedia("screen and (max-width: 1070px)");
|
|
35169
35170
|
var isMobile = useMedia.useMedia("screen and (max-width: 480px)");
|
|
35170
35171
|
|
|
@@ -35203,6 +35204,13 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
|
|
|
35203
35204
|
}));
|
|
35204
35205
|
}
|
|
35205
35206
|
}, [isMedium]);
|
|
35207
|
+
React.useEffect(function () {
|
|
35208
|
+
if (activeMenu.id === account.id) {
|
|
35209
|
+
setIsExpand(_objectSpread2({}, isExpand, {
|
|
35210
|
+
account: true
|
|
35211
|
+
}));
|
|
35212
|
+
}
|
|
35213
|
+
}, [activeMenu]);
|
|
35206
35214
|
|
|
35207
35215
|
var renderSidebarOnDestop = function renderSidebarOnDestop() {
|
|
35208
35216
|
return React__default.createElement("div", {
|
|
@@ -35244,7 +35252,7 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
|
|
|
35244
35252
|
className: cls$r.additional
|
|
35245
35253
|
}, React__default.createElement(Icons.minus, null))), React__default.createElement("div", null, isExpand.account && account.items && account.items.map(function (item, index) {
|
|
35246
35254
|
return React__default.createElement("a", {
|
|
35247
|
-
className: classnames(cls$r.itemChild),
|
|
35255
|
+
className: classnames(cls$r.itemChild, item.href === pathnameActive && cls$r.activeChild),
|
|
35248
35256
|
key: "".concat(item.id, "+").concat(index),
|
|
35249
35257
|
href: item.href
|
|
35250
35258
|
}, React__default.createElement(Icons.dot, null), React__default.createElement("p", {
|
|
@@ -35306,7 +35314,7 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
|
|
|
35306
35314
|
className: cls$r.additional
|
|
35307
35315
|
}, React__default.createElement(Icons.minus, null))), React__default.createElement("div", null, isExpand.account && account.items && account.items.map(function (item, index) {
|
|
35308
35316
|
return React__default.createElement("a", {
|
|
35309
|
-
className: classnames(cls$r.itemChild),
|
|
35317
|
+
className: classnames(cls$r.itemChild, item.href === pathnameActive && cls$r.activeChild),
|
|
35310
35318
|
key: "".concat(item.id, "+").concat(index),
|
|
35311
35319
|
href: item.href
|
|
35312
35320
|
}, React__default.createElement(Icons.dot, null), React__default.createElement("p", {
|
|
@@ -35342,7 +35350,7 @@ MyAccountSidebar.propTypes = {
|
|
|
35342
35350
|
label: _pt.string.isRequired,
|
|
35343
35351
|
href: _pt.string,
|
|
35344
35352
|
items: _pt.any
|
|
35345
|
-
}),
|
|
35353
|
+
}).isRequired,
|
|
35346
35354
|
contract: _pt.shape({
|
|
35347
35355
|
id: _pt.string.isRequired,
|
|
35348
35356
|
icon: _pt.any,
|
|
@@ -35357,7 +35365,8 @@ MyAccountSidebar.propTypes = {
|
|
|
35357
35365
|
label: _pt.string.isRequired,
|
|
35358
35366
|
href: _pt.string,
|
|
35359
35367
|
items: _pt.any
|
|
35360
|
-
}).isRequired
|
|
35368
|
+
}).isRequired,
|
|
35369
|
+
pathnameActive: _pt.string
|
|
35361
35370
|
};
|
|
35362
35371
|
|
|
35363
35372
|
var css$s = ".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: calc(100% - 200px);\n border-radius: 16px 0 0 16px;\n position: relative;\n cursor: pointer;\n overflow: hidden; }\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 .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 display: flex;\n align-items: center;\n width: 100%;\n border-radius: 0px 0px 0px 16px;\n opacity: 0.95;\n min-height: 80px;\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: 20px;\n line-height: 26px;\n font-weight: 700;\n color: #fff;\n padding: 11px 32px;\n margin: 0; }\n .my-account-frp-preview-module_wrapper__dNipd .my-account-frp-preview-module_coverInfomation__2d2Ye {\n width: 200px;\n padding: 22px 20px;\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: 13px; }\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: 16px;\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_item__FZTOt .my-account-frp-preview-module_closeDateText___wEII {\n margin-left: -10px;\n margin-right: -10px;\n font-size: 14px; }\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_closeDateText___wEII .my-account-frp-preview-module_number__2Nd_S {\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: 6px 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-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: 0 0 16px 0; }\n\n@media all and (max-width: 768px) {\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 padding: 32px 0; }\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: 18px;\n grid-gap: 18px;\n gap: 18px; }\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 line-height: 20px; } }\n\n@media all and (max-width: 400px) {\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: 13px;\n line-height: 16px; } }\n";
|
|
@@ -36018,8 +36027,8 @@ MyAccountFrpClosed.propTypes = {
|
|
|
36018
36027
|
manageLink: _pt.string
|
|
36019
36028
|
};
|
|
36020
36029
|
|
|
36021
|
-
var css$x = ".transaction-card-module_wrapper__1P9LL {\n width: 100%;\n display: flex;\n height: -webkit-fit-content;\n height: fit-content;\n flex-direction: column;\n padding: 24px;\n align-items: flex-start;\n border-radius: 8px;\n border: 1px solid #e2e2e2;\n background-color: #ffffff;\n font-family: \"Montserrat\", sans-serif;\n font-size: 14px;\n color: #404041;\n cursor: pointer; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr {\n width: 100%;\n display: flex;\n justify-content: space-between; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr .transaction-card-module_details__3gulV {\n width: -webkit-fit-content;\n width: fit-content;\n padding: 2px 8px;\n border-radius: 4px;\n background-color: #
|
|
36022
|
-
var cls$x = {"wrapper":"transaction-card-module_wrapper__1P9LL","header":"transaction-card-module_header__1qBGr","details":"transaction-card-module_details__3gulV","content":"transaction-card-module_content__282B0","recipient":"transaction-card-module_recipient__3EsUm","amount":"transaction-card-module_amount__2NofB","footer":"transaction-card-module_footer__3hWuW"};
|
|
36030
|
+
var css$x = ".transaction-card-module_wrapper__1P9LL {\n width: 100%;\n display: flex;\n height: -webkit-fit-content;\n height: fit-content;\n flex-direction: column;\n padding: 24px;\n align-items: flex-start;\n border-radius: 8px;\n border: 1px solid #e2e2e2;\n background-color: #ffffff;\n font-family: \"Montserrat\", sans-serif;\n font-size: 14px;\n color: #404041;\n cursor: pointer; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr {\n width: 100%;\n display: flex;\n justify-content: space-between;\n grid-gap: 10px;\n grid-gap: 10px;\n gap: 10px; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr .transaction-card-module_details__3gulV {\n width: -webkit-fit-content;\n width: fit-content;\n padding: 2px 8px;\n border-radius: 4px;\n background-color: #42ccae;\n color: #ffffff;\n font-weight: 700;\n text-align: center; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_content__282B0 {\n width: 100%;\n display: flex;\n justify-content: space-between;\n padding: 16px 0;\n align-items: center; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_content__282B0 .transaction-card-module_recipient__3EsUm {\n font-weight: 700;\n max-width: 72%;\n height: auto;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_content__282B0 .transaction-card-module_amountCover__3cuFw {\n display: flex;\n grid-gap: 10px;\n grid-gap: 10px;\n gap: 10px; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_content__282B0 .transaction-card-module_amountCover__3cuFw .transaction-card-module_amount__2NofB {\n color: #2d8a75; }\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_footer__3hWuW {\n width: 100%;\n display: flex;\n justify-content: space-between; }\n\n@media all and (max-width: 480px) {\n .transaction-card-module_wrapper__1P9LL .transaction-card-module_header__1qBGr .transaction-card-module_details__3gulV {\n font-size: 12px; } }\n";
|
|
36031
|
+
var cls$x = {"wrapper":"transaction-card-module_wrapper__1P9LL","header":"transaction-card-module_header__1qBGr","details":"transaction-card-module_details__3gulV","content":"transaction-card-module_content__282B0","recipient":"transaction-card-module_recipient__3EsUm","amountCover":"transaction-card-module_amountCover__3cuFw","amount":"transaction-card-module_amount__2NofB","footer":"transaction-card-module_footer__3hWuW"};
|
|
36023
36032
|
styleInject(css$x);
|
|
36024
36033
|
|
|
36025
36034
|
function Dot(props) {
|
|
@@ -36073,14 +36082,16 @@ var TransactionCard = function TransactionCard(_ref) {
|
|
|
36073
36082
|
}, React__default.createElement("div", {
|
|
36074
36083
|
className: cls$x.recipient
|
|
36075
36084
|
}, recipient), React__default.createElement("div", {
|
|
36085
|
+
className: cls$x.amountCover
|
|
36086
|
+
}, React__default.createElement("div", {
|
|
36076
36087
|
className: cls$x.amount
|
|
36077
36088
|
}, "$", amount), React__default.createElement("div", {
|
|
36078
36089
|
className: cls$x.tax
|
|
36079
|
-
}, tax == "
|
|
36090
|
+
}, tax == "Yes" ? React__default.createElement(Dot, {
|
|
36080
36091
|
color: "#2D8A75"
|
|
36081
36092
|
}) : React__default.createElement(Dot, {
|
|
36082
36093
|
color: "#FF5E6A"
|
|
36083
|
-
}))), React__default.createElement("div", {
|
|
36094
|
+
})))), React__default.createElement("div", {
|
|
36084
36095
|
className: cls$x.footer
|
|
36085
36096
|
}, React__default.createElement("div", {
|
|
36086
36097
|
className: cls$x.receiptNo
|