galaxis-card 1.7.2 → 1.7.4
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/dist/cjs/Card/App.d.ts +3 -1
- package/dist/cjs/Card/App.js +3 -3
- package/dist/cjs/Card/App.js.map +1 -1
- package/dist/cjs/Card/BadgeDetails.js +2 -7
- package/dist/cjs/Card/BadgeDetails.js.map +1 -1
- package/dist/cjs/Card/BadgeDisplay.d.ts +1 -0
- package/dist/cjs/Card/BadgeDisplay.js +8 -2
- package/dist/cjs/Card/BadgeDisplay.js.map +1 -1
- package/dist/cjs/Card/BadgeList.d.ts +1 -0
- package/dist/cjs/Card/BadgeList.js +8 -3
- package/dist/cjs/Card/BadgeList.js.map +1 -1
- package/dist/cjs/Card/FrontBadgeList.d.ts +2 -0
- package/dist/cjs/Card/FrontBadgeList.js +12 -3
- package/dist/cjs/Card/FrontBadgeList.js.map +1 -1
- package/dist/cjs/Card/GalaxisCard.d.ts +2 -0
- package/dist/cjs/Card/GalaxisCard.js +12 -6
- package/dist/cjs/Card/GalaxisCard.js.map +1 -1
- package/dist/esm/Card/App.d.ts +3 -1
- package/dist/esm/Card/App.js +3 -3
- package/dist/esm/Card/App.js.map +1 -1
- package/dist/esm/Card/BadgeDetails.js +2 -7
- package/dist/esm/Card/BadgeDetails.js.map +1 -1
- package/dist/esm/Card/BadgeDisplay.d.ts +1 -0
- package/dist/esm/Card/BadgeDisplay.js +8 -2
- package/dist/esm/Card/BadgeDisplay.js.map +1 -1
- package/dist/esm/Card/BadgeList.d.ts +1 -0
- package/dist/esm/Card/BadgeList.js +8 -3
- package/dist/esm/Card/BadgeList.js.map +1 -1
- package/dist/esm/Card/FrontBadgeList.d.ts +2 -0
- package/dist/esm/Card/FrontBadgeList.js +12 -3
- package/dist/esm/Card/FrontBadgeList.js.map +1 -1
- package/dist/esm/Card/GalaxisCard.d.ts +2 -0
- package/dist/esm/Card/GalaxisCard.js +13 -7
- package/dist/esm/Card/GalaxisCard.js.map +1 -1
- package/dist/esm/Card/styles/BadgeDisplay.css +0 -5
- package/dist/esm/Card/styles/BadgeList.css +0 -7
- package/dist/esm/Card/styles/FrontBadgeList.css +0 -8
- package/dist/esm/Card/styles/GalaxisCard.css +0 -3
- package/package.json +1 -1
package/dist/cjs/Card/App.d.ts
CHANGED
|
@@ -3,11 +3,13 @@ import "./styles/App.css";
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { BalancesModel, MetadataModel } from "../models/metadata.model";
|
|
5
5
|
type Configuration = {
|
|
6
|
-
balances: BalancesModel | undefined;
|
|
7
6
|
cardLoyaltyLevel: string | undefined;
|
|
8
7
|
metadata: MetadataModel | undefined;
|
|
9
8
|
galaxisIcon: string | undefined;
|
|
10
9
|
userInteraction: Function | undefined;
|
|
10
|
+
balances?: BalancesModel | undefined;
|
|
11
|
+
badgeSize?: number;
|
|
12
|
+
badgeVisibleCount?: number;
|
|
11
13
|
};
|
|
12
14
|
declare const App: React.FC<Configuration>;
|
|
13
15
|
export default App;
|
package/dist/cjs/Card/App.js
CHANGED
|
@@ -7,7 +7,7 @@ var react_1 = require("react");
|
|
|
7
7
|
var GalaxisCard_1 = tslib_1.__importDefault(require("./GalaxisCard"));
|
|
8
8
|
var react_2 = tslib_1.__importDefault(require("react"));
|
|
9
9
|
var App = function (_a) {
|
|
10
|
-
var metadata = _a.metadata,
|
|
10
|
+
var metadata = _a.metadata, cardLoyaltyLevel = _a.cardLoyaltyLevel, galaxisIcon = _a.galaxisIcon, userInteraction = _a.userInteraction, balances = _a.balances, badgeSize = _a.badgeSize, badgeVisibleCount = _a.badgeVisibleCount;
|
|
11
11
|
var _b = (0, react_1.useState)(""), metadataUrl = _b[0], setMetadataUrl = _b[1];
|
|
12
12
|
(0, react_1.useEffect)(function () {
|
|
13
13
|
var hasIndexOf = window.location.href.indexOf("?");
|
|
@@ -16,7 +16,7 @@ var App = function (_a) {
|
|
|
16
16
|
}
|
|
17
17
|
var urlParam = window.location.href.slice(hasIndexOf + 1);
|
|
18
18
|
if (urlParam) {
|
|
19
|
-
setMetadataUrl("https://" + urlParam);
|
|
19
|
+
setMetadataUrl("https://" + urlParam.replace("&balancesOff", ""));
|
|
20
20
|
}
|
|
21
21
|
}, [metadata]);
|
|
22
22
|
var handleInteraction = function (badgeId, selectedValue) {
|
|
@@ -24,7 +24,7 @@ var App = function (_a) {
|
|
|
24
24
|
userInteraction(badgeId, selectedValue);
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
-
return (react_2.default.createElement(GalaxisCard_1.default, { metadataUrl: metadataUrl, metadata: metadata, communityCurrency: balances, cardLevel: cardLoyaltyLevel !== null && cardLoyaltyLevel !== void 0 ? cardLoyaltyLevel : "", icon: galaxisIcon !== null && galaxisIcon !== void 0 ? galaxisIcon : "", userInteraction: userInteraction ? handleInteraction : undefined }));
|
|
27
|
+
return (react_2.default.createElement(GalaxisCard_1.default, { metadataUrl: metadataUrl, metadata: metadata, communityCurrency: balances, cardLevel: cardLoyaltyLevel !== null && cardLoyaltyLevel !== void 0 ? cardLoyaltyLevel : "", icon: galaxisIcon !== null && galaxisIcon !== void 0 ? galaxisIcon : "", userInteraction: userInteraction ? handleInteraction : undefined, badgeSize: badgeSize, badgeVisibleCount: badgeVisibleCount }));
|
|
28
28
|
};
|
|
29
29
|
exports.default = App;
|
|
30
30
|
//# sourceMappingURL=App.js.map
|
package/dist/cjs/Card/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/Card/App.tsx"],"names":[],"mappings":";;;AAAA,gDAA8C;AAC9C,4BAA0B;AAE1B,+BAA4C;AAC5C,sEAAwC;AACxC,wDAA0B;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/Card/App.tsx"],"names":[],"mappings":";;;AAAA,gDAA8C;AAC9C,4BAA0B;AAE1B,+BAA4C;AAC5C,sEAAwC;AACxC,wDAA0B;AAa1B,IAAM,GAAG,GAA4B,UAAC,EAQrC;QAPC,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAiB,uBAAA;IAEX,IAAA,KAAgC,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,IAAA,iBAAS,EAAC;QACR,IAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAErD,IAAI,UAAU,GAAG,CAAC,IAAI,QAAQ,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,IAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE,CAAC;YACb,cAAc,CAAC,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,iBAAiB,GAAG,UAAC,OAAe,EAAE,aAAqB;QAC/D,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,qBAAW,IACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,QAAQ,EAC3B,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,EAAE,EACjC,IAAI,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EACvB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAChE,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,GAAG,CAAC"}
|
|
@@ -29,13 +29,8 @@ var BadgeDetails = function (_a) {
|
|
|
29
29
|
react_1.default.createElement("div", { className: "badge-title" },
|
|
30
30
|
react_1.default.createElement("div", null, badge === null || badge === void 0 ? void 0 : badge.name),
|
|
31
31
|
(badge === null || badge === void 0 ? void 0 : badge.value) && react_1.default.createElement("div", { className: "badge-value" }, badge.value)),
|
|
32
|
-
react_1.default.createElement("div", { className: "badge-description" },
|
|
33
|
-
|
|
34
|
-
var parts = line.split(/(https?:\/\/[^\s]+)/g);
|
|
35
|
-
return (react_1.default.createElement("div", { key: i }, parts.map(function (part, j) {
|
|
36
|
-
return part.match(/^https?:\/\//) ? (react_1.default.createElement("a", { key: j, href: part, target: "_blank", rel: "noopener noreferrer", className: "badge-link" }, part)) : (react_1.default.createElement("span", { key: j }, part));
|
|
37
|
-
})));
|
|
38
|
-
}),
|
|
32
|
+
react_1.default.createElement("div", { className: "badge-description" },
|
|
33
|
+
react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: badge === null || badge === void 0 ? void 0 : badge.description } }),
|
|
39
34
|
(badge === null || badge === void 0 ? void 0 : badge.is_interactive) && userInteraction !== undefined && (react_1.default.createElement("div", { className: "badge-interactive" },
|
|
40
35
|
badge.interaction && badge.interaction.config && badge.interaction.can_interact && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
41
36
|
react_1.default.createElement("p", null, badge.interaction.config.description),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeDetails.js","sourceRoot":"","sources":["../../../src/Card/BadgeDetails.tsx"],"names":[],"mappings":";;;AAAA,qDAAyC;AAOzC,IAAM,YAAY,GAAoB,UAAC,EAA0B;;QAAxB,KAAK,WAAA,EAAE,eAAe,qBAAA;IACvD,IAAA,KAAgD,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAAzE,mBAAmB,QAAA,EAAE,sBAAsB,QAA8B,CAAC;IACjF,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC;gBACpF,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE,CAAC;oBACxD,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBACpF,sBAAsB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBACpE,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,iBAAiB,GAAG,UAAC,OAAe,EAAE,aAAqB;QAC/D,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAC,eAAe;QAC5B,uCAAK,SAAS,EAAC,eAAe;YAC3B,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,CAClB,uCAAK,SAAS,EAAC,aAAa;gBAC1B,uCAAK,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,GAAI,CACzC,CACP;YACD,uCAAK,SAAS,EAAC,aAAa;gBAC1B,2CAAM,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAO;gBACvB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,uCAAK,SAAS,EAAC,aAAa,IAAE,KAAK,CAAC,KAAK,CAAO,CAC7D;YACN,uCAAK,SAAS,EAAC,mBAAmB
|
|
1
|
+
{"version":3,"file":"BadgeDetails.js","sourceRoot":"","sources":["../../../src/Card/BadgeDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,17 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
require("./styles/BadgeDisplay.css");
|
|
6
6
|
var BadgeDisplay = function (_a) {
|
|
7
|
-
var badges = _a.badges, onBadgeSelected = _a.onBadgeSelected, bgColor = _a.bgColor, color = _a.color;
|
|
7
|
+
var badges = _a.badges, onBadgeSelected = _a.onBadgeSelected, bgColor = _a.bgColor, color = _a.color, badgeSize = _a.badgeSize;
|
|
8
8
|
if (!badges || badges.length === 0)
|
|
9
9
|
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
10
10
|
return (react_1.default.createElement("div", { className: "badge-container" },
|
|
11
|
-
react_1.default.createElement("div", { className: "badge counter", onClick: function () { return onBadgeSelected(0); }, style: {
|
|
11
|
+
react_1.default.createElement("div", { className: "badge counter", onClick: function () { return onBadgeSelected(0); }, style: {
|
|
12
|
+
backgroundColor: bgColor,
|
|
13
|
+
color: color,
|
|
14
|
+
width: badgeSize ? "".concat(badgeSize * 0.7, "px") : "2.2em",
|
|
15
|
+
height: badgeSize ? "".concat(badgeSize * 0.7, "px") : "2.2em",
|
|
16
|
+
fontSize: badgeSize ? "".concat(badgeSize * 0.3, "px") : "1em",
|
|
17
|
+
} }, badges.length)));
|
|
12
18
|
};
|
|
13
19
|
exports.default = BadgeDisplay;
|
|
14
20
|
//# sourceMappingURL=BadgeDisplay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeDisplay.js","sourceRoot":"","sources":["../../../src/Card/BadgeDisplay.tsx"],"names":[],"mappings":";;;AAAA,wDAAkC;AAClC,qCAAmC;
|
|
1
|
+
{"version":3,"file":"BadgeDisplay.js","sourceRoot":"","sources":["../../../src/Card/BadgeDisplay.tsx"],"names":[],"mappings":";;;AAAA,wDAAkC;AAClC,qCAAmC;AAWnC,IAAM,YAAY,GAAc,UAAC,EAAsD;QAApD,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA;IACnF,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,6DAAK,CAAC;IAEjD,OAAO,CACL,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,uCACE,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,CAAC,CAAC,EAAlB,CAAkB,EACjC,KAAK,EAAE;gBACL,eAAe,EAAE,OAAO;gBACxB,KAAK,OAAA;gBACL,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,GAAG,GAAG,OAAI,CAAC,CAAC,CAAC,OAAO;gBACnD,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,GAAG,GAAG,OAAI,CAAC,CAAC,CAAC,OAAO;gBACpD,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,GAAG,GAAG,OAAI,CAAC,CAAC,CAAC,KAAK;aACrD,IAEA,MAAM,CAAC,MAAM,CACV,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -5,7 +5,7 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
5
5
|
require("./styles/BadgeList.css");
|
|
6
6
|
var BadgeDetails_1 = tslib_1.__importDefault(require("./BadgeDetails"));
|
|
7
7
|
var BadgeList = function (_a) {
|
|
8
|
-
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, backgroundImage = _a.backgroundImage, onClose = _a.onClose, userInteraction = _a.userInteraction;
|
|
8
|
+
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, backgroundImage = _a.backgroundImage, onClose = _a.onClose, userInteraction = _a.userInteraction, badgeSize = _a.badgeSize;
|
|
9
9
|
var _b = (0, react_1.useState)(null), selectedBadge = _b[0], setSelectedBadge = _b[1];
|
|
10
10
|
var _c = (0, react_1.useState)(false), badgeDetailsVisible = _c[0], setBadgeDetailsVisible = _c[1];
|
|
11
11
|
(0, react_1.useEffect)(function () {
|
|
@@ -44,8 +44,13 @@ var BadgeList = function (_a) {
|
|
|
44
44
|
react_1.default.createElement("div", { className: "badges" }, badges.map(function (badge) {
|
|
45
45
|
var _a;
|
|
46
46
|
return (react_1.default.createElement("div", { key: badge.traitId, className: "badge-item d-flex flex-row align-items-center", onClick: function () { return selectBadge(+badge.traitId); } },
|
|
47
|
-
react_1.default.createElement("div", { className: "badge d-flex" },
|
|
48
|
-
react_1.default.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId)
|
|
47
|
+
react_1.default.createElement("div", { className: "badge-holder d-flex" },
|
|
48
|
+
react_1.default.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId), style: {
|
|
49
|
+
width: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
50
|
+
height: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
51
|
+
minWidth: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
52
|
+
minHeight: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
53
|
+
} })),
|
|
49
54
|
react_1.default.createElement("div", { className: "d-flex badge-label flex-shrink-1" }, badge.name)));
|
|
50
55
|
})),
|
|
51
56
|
react_1.default.createElement(BadgeDetails_1.default, { badge: selectedBadge, userInteraction: userInteraction }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../../src/Card/BadgeList.tsx"],"names":[],"mappings":";;;AAAA,qDAAmD;AACnD,kCAAgC;AAEhC,wEAA0C;
|
|
1
|
+
{"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../../src/Card/BadgeList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,8 @@ type Props = {
|
|
|
6
6
|
setFlipToBadges: React.Dispatch<React.SetStateAction<boolean>>;
|
|
7
7
|
setSelectedBadgeId: React.Dispatch<React.SetStateAction<number>>;
|
|
8
8
|
setFlipped: React.Dispatch<React.SetStateAction<boolean>>;
|
|
9
|
+
badgeSize?: number;
|
|
10
|
+
badgeVisibleCount?: number;
|
|
9
11
|
};
|
|
10
12
|
declare const FrontBadgeList: React.FC<Props>;
|
|
11
13
|
export default FrontBadgeList;
|
|
@@ -4,17 +4,26 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
require("./styles/FrontBadgeList.css");
|
|
6
6
|
var FrontBadgeList = function (_a) {
|
|
7
|
-
var badges = _a.badges, setFlipToBadges = _a.setFlipToBadges, setSelectedBadgeId = _a.setSelectedBadgeId, setFlipped = _a.setFlipped;
|
|
7
|
+
var badges = _a.badges, setFlipToBadges = _a.setFlipToBadges, setSelectedBadgeId = _a.setSelectedBadgeId, setFlipped = _a.setFlipped, badgeSize = _a.badgeSize, _b = _a.badgeVisibleCount, badgeVisibleCount = _b === void 0 ? 5 : _b;
|
|
8
8
|
var selectBadge = function (traitId) {
|
|
9
9
|
setFlipToBadges(true);
|
|
10
10
|
setSelectedBadgeId(traitId);
|
|
11
11
|
setFlipped(true);
|
|
12
12
|
};
|
|
13
|
-
return (react_1.default.createElement("div", { className: "badge-list-on-front"
|
|
13
|
+
return (react_1.default.createElement("div", { className: "badge-list-on-front", style: {
|
|
14
|
+
top: badgeSize ? "".concat(badgeSize, "px") : "4em",
|
|
15
|
+
} }, badges
|
|
16
|
+
.filter(function (badge) { return badge.decorator_type !== "decal" && badge.decorator_type !== "frame"; })
|
|
17
|
+
.slice(0, badgeVisibleCount)
|
|
18
|
+
.map(function (badge) {
|
|
14
19
|
var _a;
|
|
15
20
|
return (react_1.default.createElement("div", { key: badge.traitId, className: "badge-item d-flex flex-row align-items-center", onClick: function () { return selectBadge(+badge.traitId); } },
|
|
16
21
|
react_1.default.createElement("div", { className: "front-badge d-flex" },
|
|
17
|
-
react_1.default.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId)
|
|
22
|
+
react_1.default.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId), style: {
|
|
23
|
+
width: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
24
|
+
height: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
25
|
+
minWidth: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
26
|
+
} }))));
|
|
18
27
|
})));
|
|
19
28
|
};
|
|
20
29
|
exports.default = FrontBadgeList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FrontBadgeList.js","sourceRoot":"","sources":["../../../src/Card/FrontBadgeList.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,uCAAqC;
|
|
1
|
+
{"version":3,"file":"FrontBadgeList.js","sourceRoot":"","sources":["../../../src/Card/FrontBadgeList.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,uCAAqC;AAYrC,IAAM,cAAc,GAAoB,UAAC,EAOxC;QANC,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,yBAAqB,EAArB,iBAAiB,mBAAG,CAAC,KAAA;IAErB,IAAM,WAAW,GAAG,UAAC,OAAe;QAClC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;YACL,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;SAC1C,IAEA,MAAM;SACJ,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,KAAK,CAAC,cAAc,KAAK,OAAO,EAApE,CAAoE,CAAC;SACvF,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC;SAC3B,GAAG,CAAC,UAAC,KAAK;;QAAK,OAAA,CACd,uCACE,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,SAAS,EAAC,+CAA+C,EACzD,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAA3B,CAA2B;YAE1C,uCAAK,SAAS,EAAC,oBAAoB;gBACjC,uCACE,GAAG,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,SAAS,EAChC,GAAG,EAAE,gBAAS,KAAK,CAAC,OAAO,CAAE,EAC7B,KAAK,EAAE;wBACL,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;wBAC3C,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;wBAC5C,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;qBAC/C,GACD,CACE,CACF,CACP,CAAA;KAAA,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -13,7 +13,7 @@ var Frame_1 = tslib_1.__importDefault(require("./Frame"));
|
|
|
13
13
|
require("./styles/GalaxisCard.css");
|
|
14
14
|
var FrontBadgeList_1 = tslib_1.__importDefault(require("./FrontBadgeList"));
|
|
15
15
|
var GalaxisCard = function (_a) {
|
|
16
|
-
var _b = _a.metadataUrl, metadataUrl = _b === void 0 ? "" : _b, communityCurrency = _a.communityCurrency, cardLevel = _a.cardLevel, metadata = _a.metadata, icon = _a.icon, userInteraction = _a.userInteraction;
|
|
16
|
+
var _b = _a.metadataUrl, metadataUrl = _b === void 0 ? "" : _b, communityCurrency = _a.communityCurrency, cardLevel = _a.cardLevel, metadata = _a.metadata, icon = _a.icon, userInteraction = _a.userInteraction, badgeSize = _a.badgeSize, badgeVisibleCount = _a.badgeVisibleCount;
|
|
17
17
|
var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
|
|
18
18
|
var _d = (0, react_1.useState)([]), images = _d[0], setImages = _d[1];
|
|
19
19
|
var _e = (0, react_1.useState)(1), aspectRatio = _e[0], setAspectRatio = _e[1];
|
|
@@ -44,6 +44,8 @@ var GalaxisCard = function (_a) {
|
|
|
44
44
|
},
|
|
45
45
|
}), balances = _q[0], setBalances = _q[1];
|
|
46
46
|
var _r = (0, react_1.useState)([]), layerModifiers = _r[0], setLayerModifiers = _r[1];
|
|
47
|
+
var params = (0, react_1.useMemo)(function () { return new URLSearchParams(window.location.search); }, []);
|
|
48
|
+
var balancesOff = (0, react_1.useMemo)(function () { var _a; return (_a = params.get("balancesOff")) !== null && _a !== void 0 ? _a : undefined; }, [params]);
|
|
47
49
|
(0, react_1.useEffect)(function () {
|
|
48
50
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
49
51
|
if (communityCurrency) {
|
|
@@ -173,18 +175,22 @@ var GalaxisCard = function (_a) {
|
|
|
173
175
|
react_1.default.createElement(Layers_1.default, { layers: images, modifiers: layerModifiers }),
|
|
174
176
|
react_1.default.createElement(Decals_1.default, { decals: decalUrls }),
|
|
175
177
|
react_1.default.createElement(Frame_1.default, { frameUrl: frameImageUrl }),
|
|
176
|
-
react_1.default.createElement(CurrencyDisplay_1.default, { balances: balances, icon: icon, bgColor: "#ffffffa0", color: "#000000" }),
|
|
178
|
+
balancesOff === undefined && (react_1.default.createElement(CurrencyDisplay_1.default, { balances: balances, icon: icon, bgColor: "#ffffffa0", color: "#000000" })),
|
|
177
179
|
cardLevel && (react_1.default.createElement(LevelDisplay_1.default, { label: cardLevel, bgColor: "#ffffffa0", color: "#000000" })),
|
|
178
|
-
badgeData && (react_1.default.createElement("div", { className: "badge-display"
|
|
179
|
-
|
|
180
|
-
|
|
180
|
+
badgeData && (react_1.default.createElement("div", { className: "badge-display", style: {
|
|
181
|
+
width: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
182
|
+
height: badgeSize ? "".concat(badgeSize * 0.7, "px") : "3em",
|
|
183
|
+
top: badgeSize ? "".concat(badgeSize * 0.2, "px") : "1em",
|
|
184
|
+
} },
|
|
185
|
+
react_1.default.createElement(BadgeDisplay_1.default, { badges: badgeData, onBadgeSelected: onBadgeSelected, bgColor: "#ffffffa0", color: "#000000", badgeSize: badgeSize }))),
|
|
186
|
+
badgeData && (react_1.default.createElement(FrontBadgeList_1.default, { badges: badgeData, setFlipToBadges: setFlipToBadges, setSelectedBadgeId: setSelectedBadgeId, setFlipped: setFlipped, badgeSize: badgeSize, badgeVisibleCount: badgeVisibleCount })),
|
|
181
187
|
hasMultipleSides && (react_1.default.createElement("div", { className: "flip-button", onClick: function () { return flipToImage(); } },
|
|
182
188
|
react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", clipRule: "evenodd", fillRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2", viewBox: "0 0 41 41" },
|
|
183
189
|
react_1.default.createElement("path", { d: "m92.524 117.689c-.355-.087-.704-.198-1.044-.333-1.481-.563-2.45-2.01-2.408-3.594-.024-3.7-.012-5.557-.012-9.254v-.551h-3.936c-.876.016-1.734-.254-2.443-.769-.999-.681-1.603-1.811-1.613-3.02-.024-1.78-.024-3.548 0-5.327.076-2.083 1.806-3.757 3.89-3.766 1.34-.023 2.692 0 4.1 0v-9.253c-.003-.066-.005-.132-.005-.198 0-2.16 1.777-3.937 3.937-3.937.106 0 .212.004.317.013h15.493c.104-.008.209-.013.314-.013 2.16 0 3.937 1.778 3.937 3.937 0 .066-.002.132-.005.198v14.408h.949c1.254-.033 2.509-.002 3.76.092 1.83.241 3.226 1.794 3.273 3.639.036 1.8.036 3.605 0 5.419-.087 2.065-1.799 3.723-3.866 3.743-1.2.023-2.4.011-3.593.011h-.522v4.466c.1 1.999-1.361 3.765-3.344 4.041-.043.012-.083.031-.119.057-5.696-.01-11.383-.013-17.06-.009zm-.794-18.864v14.775c-.006.053-.01.107-.01.161 0 .743.612 1.355 1.355 1.355.07 0 .14-.005.209-.016h15.536c1.044 0 1.554-.494 1.565-1.493v-4.047c0-.138-.012-.276-.024-.436h-3.843c-.048.005-.096.008-.144.008-.722 0-1.317-.595-1.317-1.317 0-.023.001-.046.002-.069 0-1.665-.012-3.318 0-4.983-.001-.024-.002-.048-.002-.072 0-.713.587-1.3 1.3-1.3.042 0 .083.002.125.006 1.139-.011 2.277 0 3.416 0h.486v-19.713c.002-.033.004-.065.004-.098 0-.725-.598-1.323-1.323-1.323-.051 0-.102.003-.152.009h-15.63c-.069-.011-.139-.016-.209-.016-.743 0-1.355.612-1.355 1.355 0 .054.004.108.01.161v9.265h2.671v-1.167c-.037-.506.235-.988.688-1.217.461-.259 1.034-.223 1.459.092 2.621 1.688 5.242 3.38 7.863 5.075.41.217.667.644.667 1.108s-.257.891-.667 1.108c-2.621 1.711-5.266 3.4-7.9 5.1-.407.292-.946.328-1.388.092-.457-.217-.742-.688-.723-1.194v-1.209zm4.756-.861s3.392-2.113 4.815-3.031c-1.447-.93-4.815-3.111-4.815-3.111l-.024 1.791-1.079.034h-10.164c-.771 0-1.34.356-1.435 1.01-.045.55-.049 1.102-.012 1.653.854-.034 1.672-.08 2.491-.092 3.06-.011 9.191 0 9.191 0l1.008-.011zm11.231 8.519c.047.034.059.057.071.057 3.107 0 6.215.011 9.322 0 .584.018 1.099-.4 1.2-.976.045-.566.049-1.134.012-1.7-.759.034-1.494.092-2.23.092-2.633.011-5.266 0-7.9 0h-.474zm5.337-5.1c1.388 0 2.74.023 4.092-.011.67-.035 1.204-.592 1.21-1.263.02-.656-.485-1.22-1.139-1.274-1.388-.046-2.763-.011-4.175-.011.012.851.012 1.676.012 2.561zm-24.016-2.569h-3.9c-.031-.002-.063-.003-.094-.003-.715 0-1.305.588-1.306 1.303.024.708.613 1.278 1.322 1.278.034 0 .067-.001.101-.004 1.2.011 2.4 0 3.594 0 .096-.006.191-.017.285-.034z", fill: "#fcfcfc", fillRule: "nonzero", transform: "translate(-81.05 -77.6872)" }))))),
|
|
184
190
|
react_1.default.createElement("div", { className: "back" }, flipToBadges ? (react_1.default.createElement(react_1.default.Fragment, null, images.length > 0 && (react_1.default.createElement(BadgeList_1.default, { badges: badgeData, selectedBadgeId: selectedBadgeId, backgroundImage: badgeBgImage, onClose: function () {
|
|
185
191
|
setFlipped(false);
|
|
186
192
|
setSelectedBadgeId(0);
|
|
187
|
-
}, userInteraction: userInteraction })))) : (react_1.default.createElement("div", { className: "back-image" },
|
|
193
|
+
}, userInteraction: userInteraction, badgeSize: badgeSize })))) : (react_1.default.createElement("div", { className: "back-image" },
|
|
188
194
|
backImage && react_1.default.createElement("img", { src: backImage }),
|
|
189
195
|
react_1.default.createElement("div", { className: "flip-button", onClick: function () { return setFlipped(false); } },
|
|
190
196
|
react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", clipRule: "evenodd", fillRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2", viewBox: "0 0 41 41" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":";;;AAAA,qDAAgE;AAChE,4DAA8B;AAC9B,wEAA0C;AAC1C,wEAA0C;AAC1C,kEAAoC;AACpC,8EAAgD;AAChD,yEAA2C;AAC3C,4DAA8B;AAC9B,0DAA4B;AAC5B,oCAAkC;AAOlC,4EAA8C;AAa9C,IAAM,WAAW,GAAc,UAAC,EAS/B;QARC,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,iBAAiB,uBAAA;IAEX,IAAA,KAA4B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IACrD,IAAA,KAAsB,IAAA,gBAAQ,EAAW,EAAE,CAAC,EAA3C,MAAM,QAAA,EAAE,SAAS,QAA0B,CAAC;IAC7C,IAAA,KAAgC,IAAA,gBAAQ,EAAS,CAAC,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAC;IACpD,IAAA,KAAwB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAC;IACjD,IAAA,KAAwC,IAAA,gBAAQ,EAAS,CAAC,CAAC,EAA1D,eAAe,QAAA,EAAE,kBAAkB,QAAuB,CAAC;IAC5D,IAAA,KAAkC,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAArD,YAAY,QAAA,EAAE,eAAe,QAAwB,CAAC;IACvD,IAAA,KAA4B,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAA/C,SAAS,QAAA,EAAE,YAAY,QAAwB,CAAC;IACjD,IAAA,KAA4B,IAAA,gBAAQ,EAAQ,EAAE,CAAC,EAA9C,SAAS,QAAA,EAAE,YAAY,QAAuB,CAAC;IAChD,IAAA,KAA0C,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAjE,gBAAgB,QAAA,EAAE,mBAAmB,QAA4B,CAAC;IACnE,IAAA,KAAoC,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvD,aAAa,QAAA,EAAE,gBAAgB,QAAwB,CAAC;IACzD,IAAA,KAA4B,IAAA,gBAAQ,EAAW,EAAE,CAAC,EAAjD,SAAS,QAAA,EAAE,YAAY,QAA0B,CAAC;IACnD,IAAA,KAAkC,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAzD,YAAY,QAAA,EAAE,eAAe,QAA4B,CAAC;IAC3D,IAAA,KAA0B,IAAA,gBAAQ,EAAgB;QACtD,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,CAAC;SACZ;QACD,MAAM,EAAE;YACN,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,CAAC;SACZ;QACD,MAAM,EAAE;YACN,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,CAAC;SACZ;KACF,CAAC,EAhBK,QAAQ,QAAA,EAAE,WAAW,QAgB1B,CAAC;IACG,IAAA,KAAsC,IAAA,gBAAQ,EAAuB,EAAE,CAAC,EAAvE,cAAc,QAAA,EAAE,iBAAiB,QAAsC,CAAC;IAC/E,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAA3C,CAA2C,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC,sBAAM,OAAA,MAAA,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,mCAAI,SAAS,CAAA,EAAA,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpF,IAAA,iBAAS,EAAC;;QACR,IAAI,iBAAiB,EAAE,CAAC;YACtB,WAAW,CAAC;gBACV,OAAO,EAAE;oBACP,OAAO,EAAE,CAAA,MAAA,iBAAiB,CAAC,OAAO,0CAAE,OAAO,KAAI,EAAE;oBACjD,MAAM,EAAE,CAAA,MAAA,iBAAiB,CAAC,OAAO,0CAAE,MAAM,KAAI,EAAE;oBAC/C,QAAQ,EAAE,CAAA,MAAA,iBAAiB,CAAC,OAAO,0CAAE,QAAQ,KAAI,CAAC;iBACnD;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,CAAA,MAAA,iBAAiB,CAAC,MAAM,0CAAE,OAAO,KAAI,EAAE;oBAChD,MAAM,EAAE,CAAA,MAAA,iBAAiB,CAAC,MAAM,0CAAE,MAAM,KAAI,EAAE;oBAC9C,QAAQ,EAAE,CAAA,MAAA,iBAAiB,CAAC,MAAM,0CAAE,QAAQ,KAAI,CAAC;iBAClD;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,CAAA,MAAA,iBAAiB,CAAC,MAAM,0CAAE,OAAO,KAAI,EAAE;oBAChD,MAAM,EAAE,CAAA,MAAA,iBAAiB,CAAC,MAAM,0CAAE,MAAM,KAAI,EAAE;oBAC9C,QAAQ,EAAE,CAAA,MAAA,iBAAiB,CAAC,MAAM,0CAAE,QAAQ,KAAI,CAAC;iBAClD;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,IAAM,qBAAqB,GAAG,UAAC,IAAgB;QAC7C,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC;QAC5D,IAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;YAC5C,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAC3C,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QACzB,IAAI,UAAU,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAClC,IAAM,uBAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;QACxE,OAAO,uBAAuB,IAAI,UAAU,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAM,WAAW,GAAG;;;;;wBACd,QAAQ,GAA8B,SAAS,CAAC;6BAChD,WAAW,EAAX,wBAAW;wBACF,qBAAM,KAAK,CAAC,WAAW,EAAE;gCAClC,OAAO,EAAE,EAAE,4BAA4B,EAAE,MAAM,EAAE;6BAClD,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,EAAE,EAAV,CAAU,CAAC,EAAA;;wBAF5B,QAAQ,GAAG,SAEiB,CAAC;;;wBAE/B,IAAI,CAAC,WAAW,IAAI,QAAQ,EAAE,CAAC;4BAC7B,QAAQ,GAAG,QAAQ,CAAC;wBACtB,CAAC;wBAED,IAAI,CAAC,QAAQ;4BAAE,sBAAO;wBAEtB,IAAI,QAAQ,CAAC,cAAc,EAAE,CAAC;4BAC5B,iBAAiB,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;wBAC7C,CAAC;wBAED,IAAI,CAAC,iBAAiB,IAAI,QAAQ,CAAC,cAAc;4BAAE,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;wBAExF,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;4BAC9B,mBAAmB,CAAC,IAAI,CAAC,CAAC;4BAC1B,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wBACxC,CAAC;wBAEG,WAAW,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAQ,CAAC;wBAE7E,IAAI,GAAG,EAAE,CAAC;wBACd,KAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;4BACzD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAS,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;wBACnF,CAAC;wBAEY,qBAAM,OAAO,CAAC,GAAG,CAC5B,IAAI,CAAC,GAAG,CAAC,UAAO,GAAG;;;;gDACP,qBAAM,KAAK,CAAC,UAAG,GAAG,oBAAU,IAAI,CAAC,GAAG,EAAE,CAAE,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,EAAE,EAAV,CAAU,CAAC,EAAA;;4CAAzE,GAAG,GAAG,SAAmE;4CAC7E,sBAAO,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,EAAC;;;iCACjC,CAAC,CACH,EAAA;;wBALK,IAAI,GAAG,SAKZ;wBAED,SAAS,CAAC,IAAI,CAAC,CAAC;wBAChB,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;wBAErB,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;wBACtB,GAAG,CAAC,MAAM,GAAG;4BACX,cAAc,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;wBACzC,CAAC,CAAC;wBACF,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;wBAElB,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;4BAChB,YAAY,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,qBAAqB,CAAC,CAAC,CAAC,EAAxB,CAAwB,CAAC,CAAC;4BAExE,MAAM,GAAG,YAAY;iCACtB,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,cAAc,KAAK,OAAO,EAAhD,CAAgD,CAAC;iCAC/D,GAAG,CAAC,UAAC,CAAoB,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,CAAC;4BAC7C,YAAY,CAAC,MAAM,CAAC,CAAC;4BAEjB,KAAK,GAAG,YAAY;iCACrB,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,cAAc,KAAK,OAAO,EAAhD,CAAgD,CAAC;iCAC/D,GAAG,CAAC,UAAC,CAAoB,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,CAAC;4BAE7C,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC7B,CAAC;wBAED,IAAI,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;4BAClD,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,qBAAqB,CAAC,CAAC,CAAC,EAAxB,CAAwB,CAAC,CAAC,CAAC;wBACxE,CAAC;wBAED,YAAY,CAAC,KAAK,CAAC,CAAC;;;;aACrB,CAAC;QAEF,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,IAAM,eAAe,GAAG,UAAC,EAAU;QACjC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,kBAAkB,CAAC,EAAE,CAAC,CAAC;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,WAAW,aAAA,EAAE;YAC9C,8BAAC,kBAAQ,OAAG,CACR,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL;QACE,uCACE,SAAS,EAAE,mBAAY,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EACjD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;YAEtD,uCAAK,SAAS,EAAC,SAAS;gBACtB,uCAAK,SAAS,EAAC,OAAO;oBACpB,8BAAC,gBAAM,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,GAAI;oBAErD,8BAAC,gBAAM,IAAC,MAAM,EAAE,SAAS,GAAI;oBAE7B,8BAAC,eAAK,IAAC,QAAQ,EAAE,aAAa,GAAI;oBAEjC,WAAW,KAAK,SAAS,IAAI,CAC5B,8BAAC,yBAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,GAChB,CACH;oBAEA,SAAS,IAAI,CACZ,8BAAC,sBAAY,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,GAAI,CAC3E;oBAEA,SAAS,IAAI,CACZ,uCACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;4BACL,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;4BAC3C,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,GAAG,GAAG,OAAI,CAAC,CAAC,CAAC,KAAK;4BAClD,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,GAAG,GAAG,OAAI,CAAC,CAAC,CAAC,KAAK;yBAChD;wBAED,8BAAC,sBAAY,IACX,MAAM,EAAE,SAAS,EACjB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,SAAS,GACpB,CACE,CACP;oBACA,SAAS,IAAI,CACZ,8BAAC,wBAAc,IACb,MAAM,EAAE,SAAS,EACjB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,GACpB,CACnB;oBAEA,gBAAgB,IAAI,CACnB,uCAAK,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa;wBACvD,uCACE,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,GAAG,EACpB,OAAO,EAAC,WAAW;4BAEnB,wCACE,CAAC,EAAC,swEAAswE,EACxwE,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAC,4BAA4B,GACtC,CACE,CACF,CACP,CACG;gBACN,uCAAK,SAAS,EAAC,MAAM,IAClB,YAAY,CAAC,CAAC,CAAC,CACd,8DACG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,8BAAC,mBAAS,IACR,MAAM,EAAE,SAAS,EACjB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,YAAY,EAC7B,OAAO,EAAE;wBACP,UAAU,CAAC,KAAK,CAAC,CAAC;wBAClB,kBAAkB,CAAC,CAAC,CAAC,CAAC;oBACxB,CAAC,EACD,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,GACpB,CACH,CACA,CACJ,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,YAAY;oBACxB,SAAS,IAAI,uCAAK,GAAG,EAAE,SAAS,GAAI;oBACrC,uCAAK,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;wBAC3D,uCACE,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,GAAG,EACpB,OAAO,EAAC,WAAW;4BAEnB,wCACE,CAAC,EAAC,swEAAswE,EACxwE,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAC,4BAA4B,GACtC,CACE,CACF,CACF,CACP,CACG,CACF,CACF,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
package/dist/esm/Card/App.d.ts
CHANGED
|
@@ -3,11 +3,13 @@ import "./styles/App.css";
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { BalancesModel, MetadataModel } from "../models/metadata.model";
|
|
5
5
|
type Configuration = {
|
|
6
|
-
balances: BalancesModel | undefined;
|
|
7
6
|
cardLoyaltyLevel: string | undefined;
|
|
8
7
|
metadata: MetadataModel | undefined;
|
|
9
8
|
galaxisIcon: string | undefined;
|
|
10
9
|
userInteraction: Function | undefined;
|
|
10
|
+
balances?: BalancesModel | undefined;
|
|
11
|
+
badgeSize?: number;
|
|
12
|
+
badgeVisibleCount?: number;
|
|
11
13
|
};
|
|
12
14
|
declare const App: React.FC<Configuration>;
|
|
13
15
|
export default App;
|
package/dist/esm/Card/App.js
CHANGED
|
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
|
|
|
4
4
|
import GalaxisCard from "./GalaxisCard";
|
|
5
5
|
import React from "react";
|
|
6
6
|
var App = function (_a) {
|
|
7
|
-
var metadata = _a.metadata,
|
|
7
|
+
var metadata = _a.metadata, cardLoyaltyLevel = _a.cardLoyaltyLevel, galaxisIcon = _a.galaxisIcon, userInteraction = _a.userInteraction, balances = _a.balances, badgeSize = _a.badgeSize, badgeVisibleCount = _a.badgeVisibleCount;
|
|
8
8
|
var _b = useState(""), metadataUrl = _b[0], setMetadataUrl = _b[1];
|
|
9
9
|
useEffect(function () {
|
|
10
10
|
var hasIndexOf = window.location.href.indexOf("?");
|
|
@@ -13,7 +13,7 @@ var App = function (_a) {
|
|
|
13
13
|
}
|
|
14
14
|
var urlParam = window.location.href.slice(hasIndexOf + 1);
|
|
15
15
|
if (urlParam) {
|
|
16
|
-
setMetadataUrl("https://" + urlParam);
|
|
16
|
+
setMetadataUrl("https://" + urlParam.replace("&balancesOff", ""));
|
|
17
17
|
}
|
|
18
18
|
}, [metadata]);
|
|
19
19
|
var handleInteraction = function (badgeId, selectedValue) {
|
|
@@ -21,7 +21,7 @@ var App = function (_a) {
|
|
|
21
21
|
userInteraction(badgeId, selectedValue);
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
-
return (React.createElement(GalaxisCard, { metadataUrl: metadataUrl, metadata: metadata, communityCurrency: balances, cardLevel: cardLoyaltyLevel !== null && cardLoyaltyLevel !== void 0 ? cardLoyaltyLevel : "", icon: galaxisIcon !== null && galaxisIcon !== void 0 ? galaxisIcon : "", userInteraction: userInteraction ? handleInteraction : undefined }));
|
|
24
|
+
return (React.createElement(GalaxisCard, { metadataUrl: metadataUrl, metadata: metadata, communityCurrency: balances, cardLevel: cardLoyaltyLevel !== null && cardLoyaltyLevel !== void 0 ? cardLoyaltyLevel : "", icon: galaxisIcon !== null && galaxisIcon !== void 0 ? galaxisIcon : "", userInteraction: userInteraction ? handleInteraction : undefined, badgeSize: badgeSize, badgeVisibleCount: badgeVisibleCount }));
|
|
25
25
|
};
|
|
26
26
|
export default App;
|
|
27
27
|
//# sourceMappingURL=App.js.map
|
package/dist/esm/Card/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/Card/App.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/Card/App.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,IAAM,GAAG,GAA4B,UAAC,EAQrC;QAPC,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAiB,uBAAA;IAEX,IAAA,KAAgC,QAAQ,CAAS,EAAE,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,SAAS,CAAC;QACR,IAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAErD,IAAI,UAAU,GAAG,CAAC,IAAI,QAAQ,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,IAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE,CAAC;YACb,cAAc,CAAC,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,iBAAiB,GAAG,UAAC,OAAe,EAAE,aAAqB;QAC/D,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,QAAQ,EAC3B,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,EAAE,EACjC,IAAI,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EACvB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAChE,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -26,13 +26,8 @@ var BadgeDetails = function (_a) {
|
|
|
26
26
|
React.createElement("div", { className: "badge-title" },
|
|
27
27
|
React.createElement("div", null, badge === null || badge === void 0 ? void 0 : badge.name),
|
|
28
28
|
(badge === null || badge === void 0 ? void 0 : badge.value) && React.createElement("div", { className: "badge-value" }, badge.value)),
|
|
29
|
-
React.createElement("div", { className: "badge-description" },
|
|
30
|
-
badge.description
|
|
31
|
-
var parts = line.split(/(https?:\/\/[^\s]+)/g);
|
|
32
|
-
return (React.createElement("div", { key: i }, parts.map(function (part, j) {
|
|
33
|
-
return part.match(/^https?:\/\//) ? (React.createElement("a", { key: j, href: part, target: "_blank", rel: "noopener noreferrer", className: "badge-link" }, part)) : (React.createElement("span", { key: j }, part));
|
|
34
|
-
})));
|
|
35
|
-
}),
|
|
29
|
+
React.createElement("div", { className: "badge-description" },
|
|
30
|
+
React.createElement("div", { dangerouslySetInnerHTML: { __html: badge === null || badge === void 0 ? void 0 : badge.description } }),
|
|
36
31
|
(badge === null || badge === void 0 ? void 0 : badge.is_interactive) && userInteraction !== undefined && (React.createElement("div", { className: "badge-interactive" },
|
|
37
32
|
badge.interaction && badge.interaction.config && badge.interaction.can_interact && (React.createElement(React.Fragment, null,
|
|
38
33
|
React.createElement("p", null, badge.interaction.config.description),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeDetails.js","sourceRoot":"","sources":["../../../src/Card/BadgeDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,IAAM,YAAY,GAAoB,UAAC,EAA0B;;QAAxB,KAAK,WAAA,EAAE,eAAe,qBAAA;IACvD,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAAzE,mBAAmB,QAAA,EAAE,sBAAsB,QAA8B,CAAC;IACjF,SAAS,CAAC;QACR,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC;gBACpF,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE,CAAC;oBACxD,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBACpF,sBAAsB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBACpE,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,iBAAiB,GAAG,UAAC,OAAe,EAAE,aAAqB;QAC/D,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,eAAe;QAC5B,6BAAK,SAAS,EAAC,eAAe;YAC3B,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,CAClB,6BAAK,SAAS,EAAC,aAAa;gBAC1B,6BAAK,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,GAAI,CACzC,CACP;YACD,6BAAK,SAAS,EAAC,aAAa;gBAC1B,iCAAM,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAO;gBACvB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,6BAAK,SAAS,EAAC,aAAa,IAAE,KAAK,CAAC,KAAK,CAAO,CAC7D;YACN,6BAAK,SAAS,EAAC,mBAAmB
|
|
1
|
+
{"version":3,"file":"BadgeDetails.js","sourceRoot":"","sources":["../../../src/Card/BadgeDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "./styles/BadgeDisplay.css";
|
|
3
3
|
var BadgeDisplay = function (_a) {
|
|
4
|
-
var badges = _a.badges, onBadgeSelected = _a.onBadgeSelected, bgColor = _a.bgColor, color = _a.color;
|
|
4
|
+
var badges = _a.badges, onBadgeSelected = _a.onBadgeSelected, bgColor = _a.bgColor, color = _a.color, badgeSize = _a.badgeSize;
|
|
5
5
|
if (!badges || badges.length === 0)
|
|
6
6
|
return React.createElement(React.Fragment, null);
|
|
7
7
|
return (React.createElement("div", { className: "badge-container" },
|
|
8
|
-
React.createElement("div", { className: "badge counter", onClick: function () { return onBadgeSelected(0); }, style: {
|
|
8
|
+
React.createElement("div", { className: "badge counter", onClick: function () { return onBadgeSelected(0); }, style: {
|
|
9
|
+
backgroundColor: bgColor,
|
|
10
|
+
color: color,
|
|
11
|
+
width: badgeSize ? "".concat(badgeSize * 0.7, "px") : "2.2em",
|
|
12
|
+
height: badgeSize ? "".concat(badgeSize * 0.7, "px") : "2.2em",
|
|
13
|
+
fontSize: badgeSize ? "".concat(badgeSize * 0.3, "px") : "1em",
|
|
14
|
+
} }, badges.length)));
|
|
9
15
|
};
|
|
10
16
|
export default BadgeDisplay;
|
|
11
17
|
//# sourceMappingURL=BadgeDisplay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeDisplay.js","sourceRoot":"","sources":["../../../src/Card/BadgeDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"BadgeDisplay.js","sourceRoot":"","sources":["../../../src/Card/BadgeDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,2BAA2B,CAAC;AAWnC,IAAM,YAAY,GAAc,UAAC,EAAsD;QAApD,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA;IACnF,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,yCAAK,CAAC;IAEjD,OAAO,CACL,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,6BACE,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,CAAC,CAAC,EAAlB,CAAkB,EACjC,KAAK,EAAE;gBACL,eAAe,EAAE,OAAO;gBACxB,KAAK,OAAA;gBACL,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,GAAG,GAAG,OAAI,CAAC,CAAC,CAAC,OAAO;gBACnD,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,GAAG,GAAG,OAAI,CAAC,CAAC,CAAC,OAAO;gBACpD,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,GAAG,GAAG,OAAI,CAAC,CAAC,CAAC,KAAK;aACrD,IAEA,MAAM,CAAC,MAAM,CACV,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
|
|
|
2
2
|
import "./styles/BadgeList.css";
|
|
3
3
|
import BadgeDetails from "./BadgeDetails";
|
|
4
4
|
var BadgeList = function (_a) {
|
|
5
|
-
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, backgroundImage = _a.backgroundImage, onClose = _a.onClose, userInteraction = _a.userInteraction;
|
|
5
|
+
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, backgroundImage = _a.backgroundImage, onClose = _a.onClose, userInteraction = _a.userInteraction, badgeSize = _a.badgeSize;
|
|
6
6
|
var _b = useState(null), selectedBadge = _b[0], setSelectedBadge = _b[1];
|
|
7
7
|
var _c = useState(false), badgeDetailsVisible = _c[0], setBadgeDetailsVisible = _c[1];
|
|
8
8
|
useEffect(function () {
|
|
@@ -41,8 +41,13 @@ var BadgeList = function (_a) {
|
|
|
41
41
|
React.createElement("div", { className: "badges" }, badges.map(function (badge) {
|
|
42
42
|
var _a;
|
|
43
43
|
return (React.createElement("div", { key: badge.traitId, className: "badge-item d-flex flex-row align-items-center", onClick: function () { return selectBadge(+badge.traitId); } },
|
|
44
|
-
React.createElement("div", { className: "badge d-flex" },
|
|
45
|
-
React.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId)
|
|
44
|
+
React.createElement("div", { className: "badge-holder d-flex" },
|
|
45
|
+
React.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId), style: {
|
|
46
|
+
width: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
47
|
+
height: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
48
|
+
minWidth: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
49
|
+
minHeight: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
50
|
+
} })),
|
|
46
51
|
React.createElement("div", { className: "d-flex badge-label flex-shrink-1" }, badge.name)));
|
|
47
52
|
})),
|
|
48
53
|
React.createElement(BadgeDetails, { badge: selectedBadge, userInteraction: userInteraction }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../../src/Card/BadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,wBAAwB,CAAC;AAEhC,OAAO,YAAY,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../../src/Card/BadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,wBAAwB,CAAC;AAEhC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAW1C,IAAM,SAAS,GAAoB,UAAC,EAOnC;QANC,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA;IAEH,IAAA,KAAoC,QAAQ,CAAoB,IAAI,CAAC,EAApE,aAAa,QAAA,EAAE,gBAAgB,QAAqC,CAAC;IACtE,IAAA,KAAgD,QAAQ,CAAU,KAAK,CAAC,EAAvE,mBAAmB,QAAA,EAAE,sBAAsB,QAA4B,CAAC;IAE/E,SAAS,CAAC;QACR,IAAI,eAAe,KAAK,CAAC,EAAE,CAAC;YAC1B,IAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,OAAO,KAAK,eAAe,EAA9B,CAA8B,CAAC,CAAC;YAC7E,IAAI,CAAC,iBAAiB;gBAAE,OAAO;YAC/B,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;YACpC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,IAAM,WAAW,GAAG,UAAC,OAAe;QAClC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,EAAtB,CAAsB,CAAC,IAAI,IAAI,CAAC;QACjE,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG;QACpB,IAAI,eAAe,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAClD,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,qBAAc,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAE,EACvE,KAAK,EAAE;YACL,eAAe,EAAE,cAAO,eAAe,MAAG;YAC1C,kBAAkB,EAAE,QAAQ;YAC5B,cAAc,EAAE,OAAO;SACxB;QAED,6BAAK,SAAS,EAAC,OAAO,EAAC,OAAO,EAAE,aAAa;YAC3C,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;gBAChF,8BACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sFAAsF,GACxF,CACE,CACF;QAEN,6BAAK,SAAS,EAAC,SAAS;YACtB,6BAAK,SAAS,EAAC,QAAQ,IACpB,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK;;gBAAK,OAAA,CACrB,6BACE,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,SAAS,EAAC,+CAA+C,EACzD,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAA3B,CAA2B;oBAE1C,6BAAK,SAAS,EAAC,qBAAqB;wBAClC,6BACE,GAAG,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,SAAS,EAChC,GAAG,EAAE,gBAAS,KAAK,CAAC,OAAO,CAAE,EAC7B,KAAK,EAAE;gCACL,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;gCAC3C,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;gCAC5C,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;gCAC9C,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;6BAChD,GACD,CACE;oBACN,6BAAK,SAAS,EAAC,kCAAkC,IAAE,KAAK,CAAC,IAAI,CAAO,CAChE,CACP,CAAA;aAAA,CAAC,CACE;YAEN,oBAAC,YAAY,IAAC,KAAK,EAAE,aAAc,EAAE,eAAe,EAAE,eAAe,GAAI,CACrE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -6,6 +6,8 @@ type Props = {
|
|
|
6
6
|
setFlipToBadges: React.Dispatch<React.SetStateAction<boolean>>;
|
|
7
7
|
setSelectedBadgeId: React.Dispatch<React.SetStateAction<number>>;
|
|
8
8
|
setFlipped: React.Dispatch<React.SetStateAction<boolean>>;
|
|
9
|
+
badgeSize?: number;
|
|
10
|
+
badgeVisibleCount?: number;
|
|
9
11
|
};
|
|
10
12
|
declare const FrontBadgeList: React.FC<Props>;
|
|
11
13
|
export default FrontBadgeList;
|
|
@@ -1,17 +1,26 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "./styles/FrontBadgeList.css";
|
|
3
3
|
var FrontBadgeList = function (_a) {
|
|
4
|
-
var badges = _a.badges, setFlipToBadges = _a.setFlipToBadges, setSelectedBadgeId = _a.setSelectedBadgeId, setFlipped = _a.setFlipped;
|
|
4
|
+
var badges = _a.badges, setFlipToBadges = _a.setFlipToBadges, setSelectedBadgeId = _a.setSelectedBadgeId, setFlipped = _a.setFlipped, badgeSize = _a.badgeSize, _b = _a.badgeVisibleCount, badgeVisibleCount = _b === void 0 ? 5 : _b;
|
|
5
5
|
var selectBadge = function (traitId) {
|
|
6
6
|
setFlipToBadges(true);
|
|
7
7
|
setSelectedBadgeId(traitId);
|
|
8
8
|
setFlipped(true);
|
|
9
9
|
};
|
|
10
|
-
return (React.createElement("div", { className: "badge-list-on-front"
|
|
10
|
+
return (React.createElement("div", { className: "badge-list-on-front", style: {
|
|
11
|
+
top: badgeSize ? "".concat(badgeSize, "px") : "4em",
|
|
12
|
+
} }, badges
|
|
13
|
+
.filter(function (badge) { return badge.decorator_type !== "decal" && badge.decorator_type !== "frame"; })
|
|
14
|
+
.slice(0, badgeVisibleCount)
|
|
15
|
+
.map(function (badge) {
|
|
11
16
|
var _a;
|
|
12
17
|
return (React.createElement("div", { key: badge.traitId, className: "badge-item d-flex flex-row align-items-center", onClick: function () { return selectBadge(+badge.traitId); } },
|
|
13
18
|
React.createElement("div", { className: "front-badge d-flex" },
|
|
14
|
-
React.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId)
|
|
19
|
+
React.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId), style: {
|
|
20
|
+
width: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
21
|
+
height: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
22
|
+
minWidth: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
23
|
+
} }))));
|
|
15
24
|
})));
|
|
16
25
|
};
|
|
17
26
|
export default FrontBadgeList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FrontBadgeList.js","sourceRoot":"","sources":["../../../src/Card/FrontBadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"FrontBadgeList.js","sourceRoot":"","sources":["../../../src/Card/FrontBadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AAYrC,IAAM,cAAc,GAAoB,UAAC,EAOxC;QANC,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,yBAAqB,EAArB,iBAAiB,mBAAG,CAAC,KAAA;IAErB,IAAM,WAAW,GAAG,UAAC,OAAe;QAClC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;YACL,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;SAC1C,IAEA,MAAM;SACJ,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,KAAK,CAAC,cAAc,KAAK,OAAO,EAApE,CAAoE,CAAC;SACvF,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC;SAC3B,GAAG,CAAC,UAAC,KAAK;;QAAK,OAAA,CACd,6BACE,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,SAAS,EAAC,+CAA+C,EACzD,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAA3B,CAA2B;YAE1C,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,6BACE,GAAG,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,SAAS,EAChC,GAAG,EAAE,gBAAS,KAAK,CAAC,OAAO,CAAE,EAC7B,KAAK,EAAE;wBACL,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;wBAC3C,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;wBAC5C,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;qBAC/C,GACD,CACE,CACF,CACP,CAAA;KAAA,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __awaiter, __generator } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from "react";
|
|
2
|
+
import React, { useEffect, useState, useMemo } from "react";
|
|
3
3
|
import Layers from "./Layers";
|
|
4
4
|
import LevelDisplay from "./LevelDisplay";
|
|
5
5
|
import BadgeDisplay from "./BadgeDisplay";
|
|
@@ -11,7 +11,7 @@ import Frame from "./Frame";
|
|
|
11
11
|
import "./styles/GalaxisCard.css";
|
|
12
12
|
import FrontBadgeList from "./FrontBadgeList";
|
|
13
13
|
var GalaxisCard = function (_a) {
|
|
14
|
-
var _b = _a.metadataUrl, metadataUrl = _b === void 0 ? "" : _b, communityCurrency = _a.communityCurrency, cardLevel = _a.cardLevel, metadata = _a.metadata, icon = _a.icon, userInteraction = _a.userInteraction;
|
|
14
|
+
var _b = _a.metadataUrl, metadataUrl = _b === void 0 ? "" : _b, communityCurrency = _a.communityCurrency, cardLevel = _a.cardLevel, metadata = _a.metadata, icon = _a.icon, userInteraction = _a.userInteraction, badgeSize = _a.badgeSize, badgeVisibleCount = _a.badgeVisibleCount;
|
|
15
15
|
var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
|
|
16
16
|
var _d = useState([]), images = _d[0], setImages = _d[1];
|
|
17
17
|
var _e = useState(1), aspectRatio = _e[0], setAspectRatio = _e[1];
|
|
@@ -42,6 +42,8 @@ var GalaxisCard = function (_a) {
|
|
|
42
42
|
},
|
|
43
43
|
}), balances = _q[0], setBalances = _q[1];
|
|
44
44
|
var _r = useState([]), layerModifiers = _r[0], setLayerModifiers = _r[1];
|
|
45
|
+
var params = useMemo(function () { return new URLSearchParams(window.location.search); }, []);
|
|
46
|
+
var balancesOff = useMemo(function () { var _a; return (_a = params.get("balancesOff")) !== null && _a !== void 0 ? _a : undefined; }, [params]);
|
|
45
47
|
useEffect(function () {
|
|
46
48
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
47
49
|
if (communityCurrency) {
|
|
@@ -171,18 +173,22 @@ var GalaxisCard = function (_a) {
|
|
|
171
173
|
React.createElement(Layers, { layers: images, modifiers: layerModifiers }),
|
|
172
174
|
React.createElement(Decals, { decals: decalUrls }),
|
|
173
175
|
React.createElement(Frame, { frameUrl: frameImageUrl }),
|
|
174
|
-
React.createElement(CurrencyDisplay, { balances: balances, icon: icon, bgColor: "#ffffffa0", color: "#000000" }),
|
|
176
|
+
balancesOff === undefined && (React.createElement(CurrencyDisplay, { balances: balances, icon: icon, bgColor: "#ffffffa0", color: "#000000" })),
|
|
175
177
|
cardLevel && (React.createElement(LevelDisplay, { label: cardLevel, bgColor: "#ffffffa0", color: "#000000" })),
|
|
176
|
-
badgeData && (React.createElement("div", { className: "badge-display"
|
|
177
|
-
|
|
178
|
-
|
|
178
|
+
badgeData && (React.createElement("div", { className: "badge-display", style: {
|
|
179
|
+
width: badgeSize ? "".concat(badgeSize, "px") : "3em",
|
|
180
|
+
height: badgeSize ? "".concat(badgeSize * 0.7, "px") : "3em",
|
|
181
|
+
top: badgeSize ? "".concat(badgeSize * 0.2, "px") : "1em",
|
|
182
|
+
} },
|
|
183
|
+
React.createElement(BadgeDisplay, { badges: badgeData, onBadgeSelected: onBadgeSelected, bgColor: "#ffffffa0", color: "#000000", badgeSize: badgeSize }))),
|
|
184
|
+
badgeData && (React.createElement(FrontBadgeList, { badges: badgeData, setFlipToBadges: setFlipToBadges, setSelectedBadgeId: setSelectedBadgeId, setFlipped: setFlipped, badgeSize: badgeSize, badgeVisibleCount: badgeVisibleCount })),
|
|
179
185
|
hasMultipleSides && (React.createElement("div", { className: "flip-button", onClick: function () { return flipToImage(); } },
|
|
180
186
|
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", clipRule: "evenodd", fillRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2", viewBox: "0 0 41 41" },
|
|
181
187
|
React.createElement("path", { d: "m92.524 117.689c-.355-.087-.704-.198-1.044-.333-1.481-.563-2.45-2.01-2.408-3.594-.024-3.7-.012-5.557-.012-9.254v-.551h-3.936c-.876.016-1.734-.254-2.443-.769-.999-.681-1.603-1.811-1.613-3.02-.024-1.78-.024-3.548 0-5.327.076-2.083 1.806-3.757 3.89-3.766 1.34-.023 2.692 0 4.1 0v-9.253c-.003-.066-.005-.132-.005-.198 0-2.16 1.777-3.937 3.937-3.937.106 0 .212.004.317.013h15.493c.104-.008.209-.013.314-.013 2.16 0 3.937 1.778 3.937 3.937 0 .066-.002.132-.005.198v14.408h.949c1.254-.033 2.509-.002 3.76.092 1.83.241 3.226 1.794 3.273 3.639.036 1.8.036 3.605 0 5.419-.087 2.065-1.799 3.723-3.866 3.743-1.2.023-2.4.011-3.593.011h-.522v4.466c.1 1.999-1.361 3.765-3.344 4.041-.043.012-.083.031-.119.057-5.696-.01-11.383-.013-17.06-.009zm-.794-18.864v14.775c-.006.053-.01.107-.01.161 0 .743.612 1.355 1.355 1.355.07 0 .14-.005.209-.016h15.536c1.044 0 1.554-.494 1.565-1.493v-4.047c0-.138-.012-.276-.024-.436h-3.843c-.048.005-.096.008-.144.008-.722 0-1.317-.595-1.317-1.317 0-.023.001-.046.002-.069 0-1.665-.012-3.318 0-4.983-.001-.024-.002-.048-.002-.072 0-.713.587-1.3 1.3-1.3.042 0 .083.002.125.006 1.139-.011 2.277 0 3.416 0h.486v-19.713c.002-.033.004-.065.004-.098 0-.725-.598-1.323-1.323-1.323-.051 0-.102.003-.152.009h-15.63c-.069-.011-.139-.016-.209-.016-.743 0-1.355.612-1.355 1.355 0 .054.004.108.01.161v9.265h2.671v-1.167c-.037-.506.235-.988.688-1.217.461-.259 1.034-.223 1.459.092 2.621 1.688 5.242 3.38 7.863 5.075.41.217.667.644.667 1.108s-.257.891-.667 1.108c-2.621 1.711-5.266 3.4-7.9 5.1-.407.292-.946.328-1.388.092-.457-.217-.742-.688-.723-1.194v-1.209zm4.756-.861s3.392-2.113 4.815-3.031c-1.447-.93-4.815-3.111-4.815-3.111l-.024 1.791-1.079.034h-10.164c-.771 0-1.34.356-1.435 1.01-.045.55-.049 1.102-.012 1.653.854-.034 1.672-.08 2.491-.092 3.06-.011 9.191 0 9.191 0l1.008-.011zm11.231 8.519c.047.034.059.057.071.057 3.107 0 6.215.011 9.322 0 .584.018 1.099-.4 1.2-.976.045-.566.049-1.134.012-1.7-.759.034-1.494.092-2.23.092-2.633.011-5.266 0-7.9 0h-.474zm5.337-5.1c1.388 0 2.74.023 4.092-.011.67-.035 1.204-.592 1.21-1.263.02-.656-.485-1.22-1.139-1.274-1.388-.046-2.763-.011-4.175-.011.012.851.012 1.676.012 2.561zm-24.016-2.569h-3.9c-.031-.002-.063-.003-.094-.003-.715 0-1.305.588-1.306 1.303.024.708.613 1.278 1.322 1.278.034 0 .067-.001.101-.004 1.2.011 2.4 0 3.594 0 .096-.006.191-.017.285-.034z", fill: "#fcfcfc", fillRule: "nonzero", transform: "translate(-81.05 -77.6872)" }))))),
|
|
182
188
|
React.createElement("div", { className: "back" }, flipToBadges ? (React.createElement(React.Fragment, null, images.length > 0 && (React.createElement(BadgeList, { badges: badgeData, selectedBadgeId: selectedBadgeId, backgroundImage: badgeBgImage, onClose: function () {
|
|
183
189
|
setFlipped(false);
|
|
184
190
|
setSelectedBadgeId(0);
|
|
185
|
-
}, userInteraction: userInteraction })))) : (React.createElement("div", { className: "back-image" },
|
|
191
|
+
}, userInteraction: userInteraction, badgeSize: badgeSize })))) : (React.createElement("div", { className: "back-image" },
|
|
186
192
|
backImage && React.createElement("img", { src: backImage }),
|
|
187
193
|
React.createElement("div", { className: "flip-button", onClick: function () { return setFlipped(false); } },
|
|
188
194
|
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", clipRule: "evenodd", fillRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2", viewBox: "0 0 41 41" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
1
|
.badge {
|
|
4
|
-
width: 2.2em !important;
|
|
5
|
-
height: 2.2em !important;
|
|
6
2
|
min-width: 2.2em !important;
|
|
7
3
|
background-color: transparent !important;
|
|
8
4
|
color: black !important;
|
|
@@ -11,7 +7,6 @@
|
|
|
11
7
|
align-items: center !important;
|
|
12
8
|
justify-content: center !important;
|
|
13
9
|
font-family: "squids" !important;
|
|
14
|
-
font-size: 1em !important;
|
|
15
10
|
font-family: "poppins-semibold" !important;
|
|
16
11
|
cursor: pointer !important;
|
|
17
12
|
padding: 0 !important;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
.badge-list-on-front {
|
|
2
2
|
position: absolute;
|
|
3
|
-
top: 4em;
|
|
4
3
|
right: 1em;
|
|
5
4
|
z-index: 10;
|
|
6
5
|
display: flex;
|
|
@@ -15,10 +14,3 @@
|
|
|
15
14
|
.badge-item:hover .front-badge {
|
|
16
15
|
transform: scale(1.1);
|
|
17
16
|
}
|
|
18
|
-
|
|
19
|
-
.front-badge img{
|
|
20
|
-
width: 3em !important;
|
|
21
|
-
height: 3em !important;
|
|
22
|
-
min-width: 3em !important;
|
|
23
|
-
|
|
24
|
-
}
|
|
@@ -160,14 +160,11 @@
|
|
|
160
160
|
|
|
161
161
|
.badge-display {
|
|
162
162
|
position: absolute;
|
|
163
|
-
top: 1em;
|
|
164
163
|
right: 1em;
|
|
165
164
|
z-index: 10;
|
|
166
165
|
display: flex;
|
|
167
166
|
flex-direction: column;
|
|
168
167
|
gap: 0.5em !important;
|
|
169
|
-
width: 3em;
|
|
170
|
-
height: 3em;
|
|
171
168
|
justify-content: center;
|
|
172
169
|
align-items: center;
|
|
173
170
|
}
|