galaxis-card 1.8.1 → 1.8.3

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.
Files changed (124) hide show
  1. package/package.json +1 -1
  2. package/dist/cjs/Card/App.d.ts +0 -15
  3. package/dist/cjs/Card/App.js +0 -30
  4. package/dist/cjs/Card/App.js.map +0 -1
  5. package/dist/cjs/Card/BadgeDetails.d.ts +0 -8
  6. package/dist/cjs/Card/BadgeDetails.js +0 -56
  7. package/dist/cjs/Card/BadgeDetails.js.map +0 -1
  8. package/dist/cjs/Card/BadgeDisplay.d.ts +0 -12
  9. package/dist/cjs/Card/BadgeDisplay.js +0 -20
  10. package/dist/cjs/Card/BadgeDisplay.js.map +0 -1
  11. package/dist/cjs/Card/BadgeList.d.ts +0 -13
  12. package/dist/cjs/Card/BadgeList.js +0 -59
  13. package/dist/cjs/Card/BadgeList.js.map +0 -1
  14. package/dist/cjs/Card/CurrencyDisplay.d.ts +0 -11
  15. package/dist/cjs/Card/CurrencyDisplay.js +0 -57
  16. package/dist/cjs/Card/CurrencyDisplay.js.map +0 -1
  17. package/dist/cjs/Card/Decals.d.ts +0 -7
  18. package/dist/cjs/Card/Decals.js +0 -14
  19. package/dist/cjs/Card/Decals.js.map +0 -1
  20. package/dist/cjs/Card/Frame.d.ts +0 -7
  21. package/dist/cjs/Card/Frame.js +0 -14
  22. package/dist/cjs/Card/Frame.js.map +0 -1
  23. package/dist/cjs/Card/FrontBadgeList.d.ts +0 -13
  24. package/dist/cjs/Card/FrontBadgeList.js +0 -38
  25. package/dist/cjs/Card/FrontBadgeList.js.map +0 -1
  26. package/dist/cjs/Card/GSpinner/GSpinner.d.ts +0 -11
  27. package/dist/cjs/Card/GSpinner/GSpinner.js +0 -15
  28. package/dist/cjs/Card/GSpinner/GSpinner.js.map +0 -1
  29. package/dist/cjs/Card/GSpinner/index.d.ts +0 -1
  30. package/dist/cjs/Card/GSpinner/index.js +0 -7
  31. package/dist/cjs/Card/GSpinner/index.js.map +0 -1
  32. package/dist/cjs/Card/GalaxisCard.d.ts +0 -15
  33. package/dist/cjs/Card/GalaxisCard.js +0 -204
  34. package/dist/cjs/Card/GalaxisCard.js.map +0 -1
  35. package/dist/cjs/Card/Layers.d.ts +0 -9
  36. package/dist/cjs/Card/Layers.js +0 -84
  37. package/dist/cjs/Card/Layers.js.map +0 -1
  38. package/dist/cjs/Card/LevelDisplay.d.ts +0 -9
  39. package/dist/cjs/Card/LevelDisplay.js +0 -11
  40. package/dist/cjs/Card/LevelDisplay.js.map +0 -1
  41. package/dist/cjs/Card/index.d.ts +0 -9
  42. package/dist/cjs/Card/index.js +0 -23
  43. package/dist/cjs/Card/index.js.map +0 -1
  44. package/dist/cjs/icons/Icons.d.ts +0 -5
  45. package/dist/cjs/icons/Icons.js +0 -18
  46. package/dist/cjs/icons/Icons.js.map +0 -1
  47. package/dist/cjs/index.d.ts +0 -1
  48. package/dist/cjs/index.js +0 -5
  49. package/dist/cjs/index.js.map +0 -1
  50. package/dist/cjs/main.d.ts +0 -1
  51. package/dist/cjs/main.js +0 -10
  52. package/dist/cjs/main.js.map +0 -1
  53. package/dist/cjs/models/metadata.model.d.ts +0 -78
  54. package/dist/cjs/models/metadata.model.js +0 -3
  55. package/dist/cjs/models/metadata.model.js.map +0 -1
  56. package/dist/esm/Card/App.d.ts +0 -15
  57. package/dist/esm/Card/App.js +0 -27
  58. package/dist/esm/Card/App.js.map +0 -1
  59. package/dist/esm/Card/BadgeDetails.d.ts +0 -8
  60. package/dist/esm/Card/BadgeDetails.js +0 -53
  61. package/dist/esm/Card/BadgeDetails.js.map +0 -1
  62. package/dist/esm/Card/BadgeDisplay.d.ts +0 -12
  63. package/dist/esm/Card/BadgeDisplay.js +0 -17
  64. package/dist/esm/Card/BadgeDisplay.js.map +0 -1
  65. package/dist/esm/Card/BadgeList.d.ts +0 -13
  66. package/dist/esm/Card/BadgeList.js +0 -56
  67. package/dist/esm/Card/BadgeList.js.map +0 -1
  68. package/dist/esm/Card/CurrencyDisplay.d.ts +0 -11
  69. package/dist/esm/Card/CurrencyDisplay.js +0 -54
  70. package/dist/esm/Card/CurrencyDisplay.js.map +0 -1
  71. package/dist/esm/Card/Decals.d.ts +0 -7
  72. package/dist/esm/Card/Decals.js +0 -11
  73. package/dist/esm/Card/Decals.js.map +0 -1
  74. package/dist/esm/Card/Frame.d.ts +0 -7
  75. package/dist/esm/Card/Frame.js +0 -11
  76. package/dist/esm/Card/Frame.js.map +0 -1
  77. package/dist/esm/Card/FrontBadgeList.d.ts +0 -13
  78. package/dist/esm/Card/FrontBadgeList.js +0 -35
  79. package/dist/esm/Card/FrontBadgeList.js.map +0 -1
  80. package/dist/esm/Card/GSpinner/GSpinner.d.ts +0 -11
  81. package/dist/esm/Card/GSpinner/GSpinner.js +0 -12
  82. package/dist/esm/Card/GSpinner/GSpinner.js.map +0 -1
  83. package/dist/esm/Card/GSpinner/index.d.ts +0 -1
  84. package/dist/esm/Card/GSpinner/index.js +0 -2
  85. package/dist/esm/Card/GSpinner/index.js.map +0 -1
  86. package/dist/esm/Card/GalaxisCard.d.ts +0 -15
  87. package/dist/esm/Card/GalaxisCard.js +0 -202
  88. package/dist/esm/Card/GalaxisCard.js.map +0 -1
  89. package/dist/esm/Card/Layers.d.ts +0 -9
  90. package/dist/esm/Card/Layers.js +0 -81
  91. package/dist/esm/Card/Layers.js.map +0 -1
  92. package/dist/esm/Card/LevelDisplay.d.ts +0 -9
  93. package/dist/esm/Card/LevelDisplay.js +0 -8
  94. package/dist/esm/Card/LevelDisplay.js.map +0 -1
  95. package/dist/esm/Card/assets/Fonts/GameOfSquids.ttf +0 -0
  96. package/dist/esm/Card/assets/Fonts/Poppins-SemiBold.ttf +0 -0
  97. package/dist/esm/Card/assets/Fonts/Poppins.ttf +0 -0
  98. package/dist/esm/Card/index.d.ts +0 -9
  99. package/dist/esm/Card/index.js +0 -10
  100. package/dist/esm/Card/index.js.map +0 -1
  101. package/dist/esm/Card/styles/App.css +0 -46
  102. package/dist/esm/Card/styles/BadgeDisplay.css +0 -27
  103. package/dist/esm/Card/styles/BadgeList.css +0 -180
  104. package/dist/esm/Card/styles/CurrencyDisplay.css +0 -58
  105. package/dist/esm/Card/styles/Decals.css +0 -13
  106. package/dist/esm/Card/styles/Frame.css +0 -12
  107. package/dist/esm/Card/styles/FrontBadgeList.css +0 -16
  108. package/dist/esm/Card/styles/GSpinner.css +0 -12
  109. package/dist/esm/Card/styles/GalaxisCard.css +0 -170
  110. package/dist/esm/Card/styles/Layers.css +0 -13
  111. package/dist/esm/Card/styles/LevelDisplay.css +0 -16
  112. package/dist/esm/icons/Icons.d.ts +0 -5
  113. package/dist/esm/icons/Icons.js +0 -14
  114. package/dist/esm/icons/Icons.js.map +0 -1
  115. package/dist/esm/index.d.ts +0 -1
  116. package/dist/esm/index.js +0 -2
  117. package/dist/esm/index.js.map +0 -1
  118. package/dist/esm/main.d.ts +0 -1
  119. package/dist/esm/main.js +0 -7
  120. package/dist/esm/main.js.map +0 -1
  121. package/dist/esm/models/metadata.model.d.ts +0 -78
  122. package/dist/esm/models/metadata.model.js +0 -2
  123. package/dist/esm/models/metadata.model.js.map +0 -1
  124. package/dist/esm/types/svg.d.ts +0 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "galaxis-card",
3
- "version": "1.8.1",
3
+ "version": "1.8.3",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "license": "MIT",
@@ -1,15 +0,0 @@
1
- import "bootstrap/dist/css/bootstrap.min.css";
2
- import "./styles/App.css";
3
- import React from "react";
4
- import { BalancesModel, MetadataModel } from "../models/metadata.model";
5
- type Configuration = {
6
- cardLoyaltyLevel: string | undefined;
7
- metadata: MetadataModel | undefined;
8
- galaxisIcon: string | undefined;
9
- userInteraction: Function | undefined;
10
- balances?: BalancesModel | undefined;
11
- badgeSize?: number;
12
- badgeVisibleCount?: number;
13
- };
14
- declare const App: React.FC<Configuration>;
15
- export default App;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- require("bootstrap/dist/css/bootstrap.min.css");
5
- require("./styles/App.css");
6
- var react_1 = require("react");
7
- var GalaxisCard_1 = tslib_1.__importDefault(require("./GalaxisCard"));
8
- var react_2 = tslib_1.__importDefault(require("react"));
9
- var App = function (_a) {
10
- var metadata = _a.metadata, cardLoyaltyLevel = _a.cardLoyaltyLevel, galaxisIcon = _a.galaxisIcon, userInteraction = _a.userInteraction, balances = _a.balances, badgeSize = _a.badgeSize, badgeVisibleCount = _a.badgeVisibleCount;
11
- var _b = (0, react_1.useState)(""), metadataUrl = _b[0], setMetadataUrl = _b[1];
12
- (0, react_1.useEffect)(function () {
13
- var hasIndexOf = window.location.href.indexOf("?");
14
- if (hasIndexOf < 0 || metadata) {
15
- return;
16
- }
17
- var urlParam = window.location.href.slice(hasIndexOf + 1);
18
- if (urlParam) {
19
- setMetadataUrl("https://" + urlParam.replace("&balancesOff", ""));
20
- }
21
- }, [metadata]);
22
- var handleInteraction = function (badgeId, selectedValue) {
23
- if (userInteraction) {
24
- userInteraction(badgeId, selectedValue);
25
- }
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, badgeSize: badgeSize, badgeVisibleCount: badgeVisibleCount }));
28
- };
29
- exports.default = App;
30
- //# sourceMappingURL=App.js.map
@@ -1 +0,0 @@
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"}
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import { TraitModel } from "../models/metadata.model";
3
- type Props = {
4
- badge: TraitModel;
5
- userInteraction: Function | undefined;
6
- };
7
- declare const BadgeDetails: React.FC<Props>;
8
- export default BadgeDetails;
@@ -1,56 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importStar(require("react"));
5
- var BadgeDetails = function (_a) {
6
- var _b, _c;
7
- var badge = _a.badge, userInteraction = _a.userInteraction;
8
- var _d = react_1.default.useState(""), multipleChoiceValue = _d[0], setMultipleChoiceValue = _d[1];
9
- (0, react_1.useEffect)(function () {
10
- if (badge) {
11
- if (badge.interaction && badge.interaction.config && badge.interaction.can_interact) {
12
- if (badge.interaction.config.type === "multiple_choice") {
13
- if (badge.interaction.config.choices && badge.interaction.config.choices.length > 0) {
14
- setMultipleChoiceValue(badge.interaction.config.choices[0].value);
15
- }
16
- }
17
- }
18
- }
19
- }, [badge]);
20
- var handleInteraction = function (badgeId, selectedValue) {
21
- if (userInteraction) {
22
- userInteraction(badgeId, selectedValue);
23
- }
24
- };
25
- return (react_1.default.createElement("div", { className: "badge-wrapper" },
26
- react_1.default.createElement("div", { className: "badge-details" },
27
- (badge === null || badge === void 0 ? void 0 : badge.icon_url) && (react_1.default.createElement("div", { className: "badge-image" },
28
- react_1.default.createElement("img", { src: badge.icon_url, alt: badge.name }))),
29
- react_1.default.createElement("div", { className: "badge-title" },
30
- react_1.default.createElement("div", null, badge === null || badge === void 0 ? void 0 : badge.name),
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
- react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: badge === null || badge === void 0 ? void 0 : badge.description }, className: "description-text" }),
34
- (badge === null || badge === void 0 ? void 0 : badge.is_interactive) && userInteraction !== undefined && (react_1.default.createElement("div", { className: "badge-interactive" },
35
- badge.interaction && badge.interaction.config && badge.interaction.can_interact && (react_1.default.createElement(react_1.default.Fragment, null,
36
- react_1.default.createElement("p", null, badge.interaction.config.description),
37
- badge.interaction.config.type === "single_button" && (react_1.default.createElement("div", null,
38
- react_1.default.createElement("button", { className: "btn btn-outline-primary btn-sm mc-btn", onClick: function () {
39
- var _a;
40
- return handleInteraction(Number(badge.traitId), ((_a = badge === null || badge === void 0 ? void 0 : badge.interaction) === null || _a === void 0 ? void 0 : _a.config.button_text) || "OK");
41
- } }, badge.interaction.config.button_text))),
42
- badge.interaction.config.type === "multiple_choice" && (react_1.default.createElement("div", { className: "d-flex flex-row gap-2 align-items-center" },
43
- react_1.default.createElement("select", { className: "form-select form-select-sm w-75", onChange: function (e) { return setMultipleChoiceValue(e.target.value); } }, (_b = badge.interaction.config.choices) === null || _b === void 0 ? void 0 : _b.map(function (choice, index) { return (react_1.default.createElement("option", { key: index, value: choice.value }, choice.label)); })),
44
- react_1.default.createElement("button", { className: "btn btn-outline-primary btn-sm mc-btn", onClick: function () {
45
- return handleInteraction(Number(badge.traitId), multipleChoiceValue);
46
- } }, "OK"))))),
47
- badge.interaction && badge.interaction.interacted_value && (react_1.default.createElement(react_1.default.Fragment, null,
48
- react_1.default.createElement("p", null, badge.interaction.config.description),
49
- react_1.default.createElement("p", null, badge.interaction.config.type === "single_button"
50
- ? "I clicked the button."
51
- : "I chose this: ".concat(badge.interaction.config.choices
52
- ? (_c = badge.interaction.config.choices.find(function (choice) { var _a; return choice.value === ((_a = badge.interaction) === null || _a === void 0 ? void 0 : _a.interacted_value); })) === null || _c === void 0 ? void 0 : _c.label
53
- : ""))))))))));
54
- };
55
- exports.default = BadgeDetails;
56
- //# sourceMappingURL=BadgeDetails.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BadgeDetails.js","sourceRoot":"","sources":["../../../src/Card/BadgeDetails.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- import { FC } from "react";
2
- import "./styles/BadgeDisplay.css";
3
- import { TraitModel } from "../models/metadata.model";
4
- type Props = {
5
- badges: TraitModel[];
6
- onBadgeSelected: (id: number) => void;
7
- bgColor?: string;
8
- color?: string;
9
- badgeSize?: number;
10
- };
11
- declare const BadgeDisplay: FC<Props>;
12
- export default BadgeDisplay;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importDefault(require("react"));
5
- require("./styles/BadgeDisplay.css");
6
- var BadgeDisplay = function (_a) {
7
- var badges = _a.badges, onBadgeSelected = _a.onBadgeSelected, bgColor = _a.bgColor, color = _a.color, badgeSize = _a.badgeSize;
8
- if (!badges || badges.length === 0)
9
- return react_1.default.createElement(react_1.default.Fragment, null);
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: {
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)));
18
- };
19
- exports.default = BadgeDisplay;
20
- //# sourceMappingURL=BadgeDisplay.js.map
@@ -1 +0,0 @@
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"}
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import "./styles/BadgeList.css";
3
- import { TraitModel } from "../models/metadata.model";
4
- type Props = {
5
- badges: TraitModel[];
6
- selectedBadgeId: number;
7
- backgroundImage: string;
8
- onClose: () => void;
9
- userInteraction: Function | undefined;
10
- badgeSize?: number;
11
- };
12
- declare const BadgeList: React.FC<Props>;
13
- export default BadgeList;
@@ -1,59 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importStar(require("react"));
5
- require("./styles/BadgeList.css");
6
- var BadgeDetails_1 = tslib_1.__importDefault(require("./BadgeDetails"));
7
- var BadgeList = function (_a) {
8
- var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, backgroundImage = _a.backgroundImage, onClose = _a.onClose, userInteraction = _a.userInteraction, badgeSize = _a.badgeSize;
9
- var _b = (0, react_1.useState)(null), selectedBadge = _b[0], setSelectedBadge = _b[1];
10
- var _c = (0, react_1.useState)(false), badgeDetailsVisible = _c[0], setBadgeDetailsVisible = _c[1];
11
- (0, react_1.useEffect)(function () {
12
- if (selectedBadgeId !== 0) {
13
- var selectedBadgeById = badges.find(function (b) { return +b.traitId === selectedBadgeId; });
14
- if (!selectedBadgeById)
15
- return;
16
- setSelectedBadge(selectedBadgeById);
17
- setBadgeDetailsVisible(true);
18
- }
19
- else {
20
- setSelectedBadge(null);
21
- setBadgeDetailsVisible(false);
22
- }
23
- }, [selectedBadgeId, badges]);
24
- var selectBadge = function (traitId) {
25
- var badge = badges.find(function (b) { return +b.traitId === traitId; }) || null;
26
- setSelectedBadge(badge);
27
- setBadgeDetailsVisible(true);
28
- };
29
- var handleOnClose = function () {
30
- if (selectedBadgeId !== 0 || !badgeDetailsVisible) {
31
- onClose();
32
- }
33
- setBadgeDetailsVisible(false);
34
- };
35
- return (react_1.default.createElement("div", { className: "badge-list ".concat(badgeDetailsVisible ? "details-visible" : ""), style: {
36
- backgroundImage: "url(".concat(backgroundImage, ")"),
37
- backgroundPosition: "center",
38
- backgroundSize: "cover",
39
- } },
40
- react_1.default.createElement("div", { className: "close", onClick: handleOnClose },
41
- react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16" },
42
- react_1.default.createElement("path", { fill: "currentColor", d: "M15.1 3.1L12.9.9L8 5.9L3.1.9L.9 3.1l5 4.9l-5 4.9l2.2 2.2l4.9-5l4.9 5l2.2-2.2l-5-4.9z" }))),
43
- react_1.default.createElement("div", { className: "overlay" },
44
- react_1.default.createElement("div", { className: "badges" }, badges.map(function (badge) {
45
- var _a;
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-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
- } })),
54
- react_1.default.createElement("div", { className: "d-flex badge-label flex-shrink-1" }, badge.name)));
55
- })),
56
- react_1.default.createElement(BadgeDetails_1.default, { badge: selectedBadge, userInteraction: userInteraction }))));
57
- };
58
- exports.default = BadgeList;
59
- //# sourceMappingURL=BadgeList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../../src/Card/BadgeList.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- import { FC } from "react";
2
- import "./styles/CurrencyDisplay.css";
3
- import { BalancesModel } from "../models/metadata.model";
4
- type Props = {
5
- balances: BalancesModel;
6
- icon?: string;
7
- bgColor: string;
8
- color: string;
9
- };
10
- declare const CurrencyDisplay: FC<Props>;
11
- export default CurrencyDisplay;
@@ -1,57 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importStar(require("react"));
5
- require("./styles/CurrencyDisplay.css");
6
- var Icons_1 = require("../icons/Icons");
7
- var viem_1 = require("viem");
8
- var CurrencyDisplay = function (_a) {
9
- var balances = _a.balances, icon = _a.icon, bgColor = _a.bgColor, color = _a.color;
10
- var _b = (0, react_1.useState)(false), showCurrencies = _b[0], setShowCurrencies = _b[1];
11
- var currencyRef = react_1.default.useRef(null);
12
- var galaxis = balances.galaxis, stable = balances.stable, custom = balances.custom;
13
- var allCurrencies = [
14
- { key: "galaxis", data: galaxis, alwaysShow: true },
15
- { key: "stable", data: stable, alwaysShow: false },
16
- { key: "custom", data: custom, alwaysShow: false },
17
- ];
18
- (0, react_1.useEffect)(function () {
19
- var handleClickAway = function (event) {
20
- if (currencyRef.current && !currencyRef.current.contains(event.target)) {
21
- setShowCurrencies(false);
22
- }
23
- };
24
- document.addEventListener("mousedown", handleClickAway);
25
- return function () { return document.removeEventListener("mousedown", handleClickAway); };
26
- }, []);
27
- var bigIntToDecimalNumber = function (value, decimals, returnDecimals) {
28
- var convertedValue = (0, viem_1.formatUnits)(value, decimals);
29
- var _a = convertedValue.split("."), integer = _a[0], decimal = _a[1];
30
- var decimalValue = "";
31
- if (decimal) {
32
- decimalValue = decimal.substring(0, returnDecimals);
33
- }
34
- var formattedInteger = Number(integer).toLocaleString();
35
- return "".concat(formattedInteger).concat(decimalValue ? ".".concat(decimalValue) : "");
36
- };
37
- return (react_1.default.createElement("div", { className: "currency-display", ref: currencyRef, onClick: function () { return setShowCurrencies(function (prev) { return !prev; }); } }, allCurrencies.map(function (_a) {
38
- var key = _a.key, data = _a.data, alwaysShow = _a.alwaysShow;
39
- if ((!alwaysShow && !showCurrencies) || !(data === null || data === void 0 ? void 0 : data.symbol))
40
- return null;
41
- var showMore = alwaysShow && (!!(stable === null || stable === void 0 ? void 0 : stable.symbol) || !!(custom === null || custom === void 0 ? void 0 : custom.symbol));
42
- return (react_1.default.createElement("div", { key: key, className: "".concat(key, "-balance ").concat(showMore ? "show-more" : "") },
43
- react_1.default.createElement("span", { style: { backgroundColor: bgColor, color: color } },
44
- key === "galaxis" && (react_1.default.createElement(react_1.default.Fragment, null, icon ? (react_1.default.createElement("img", { src: icon, alt: "".concat(data === null || data === void 0 ? void 0 : data.symbol, " icon") })) : (react_1.default.createElement(Icons_1.GalaxisTokenLogo, { className: "galaxis-token-logo" })))), data === null || data === void 0 ? void 0 :
45
- data.symbol,
46
- ": ",
47
- bigIntToDecimalNumber(BigInt(data === null || data === void 0 ? void 0 : data.balance), data === null || data === void 0 ? void 0 : data.decimals, 2),
48
- key === "galaxis" && data.locked && (react_1.default.createElement("span", { className: "locked-amount" },
49
- "(+",
50
- bigIntToDecimalNumber(BigInt(data.locked), data.decimals, 2),
51
- " locked)",
52
- " ")),
53
- showMore && (react_1.default.createElement(Icons_1.ShowMoreIcon, { className: "show-more-icon ".concat(showCurrencies ? "flipped" : "") })))));
54
- })));
55
- };
56
- exports.default = CurrencyDisplay;
57
- //# sourceMappingURL=CurrencyDisplay.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../src/Card/CurrencyDisplay.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import { FC } from "react";
2
- import "./styles/Decals.css";
3
- type Props = {
4
- decals: string[];
5
- };
6
- declare const Decals: FC<Props>;
7
- export default Decals;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importDefault(require("react"));
5
- require("./styles/Decals.css");
6
- var Decals = function (_a) {
7
- var decals = _a.decals;
8
- if (decals.length === 0)
9
- return react_1.default.createElement(react_1.default.Fragment, null);
10
- return (react_1.default.createElement("div", { className: "decals" }, decals.map(function (d, i) { return (react_1.default.createElement("div", { key: "decal-" + i, className: "decal" },
11
- react_1.default.createElement("img", { src: d, alt: "Decal ".concat(i) }))); })));
12
- };
13
- exports.default = Decals;
14
- //# sourceMappingURL=Decals.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Decals.js","sourceRoot":"","sources":["../../../src/Card/Decals.tsx"],"names":[],"mappings":";;;AAAA,wDAAkC;AAClC,+BAA6B;AAM7B,IAAM,MAAM,GAAc,UAAC,EAAU;QAAR,MAAM,YAAA;IACjC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,6DAAK,CAAC;IAEtC,OAAO,CACL,uCAAK,SAAS,EAAC,QAAQ,IACpB,MAAM,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CACpB,uCAAK,GAAG,EAAE,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAC,OAAO;QACvC,uCAAK,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,gBAAS,CAAC,CAAE,GAAI,CAC9B,CACP,EAJqB,CAIrB,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
@@ -1,7 +0,0 @@
1
- import { FC } from "react";
2
- import "./styles/Frame.css";
3
- type Props = {
4
- frameUrl: string;
5
- };
6
- declare const Frame: FC<Props>;
7
- export default Frame;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importDefault(require("react"));
5
- require("./styles/Frame.css");
6
- var Frame = function (_a) {
7
- var frameUrl = _a.frameUrl;
8
- if (!frameUrl)
9
- return react_1.default.createElement(react_1.default.Fragment, null);
10
- return (react_1.default.createElement("div", { className: "frame" },
11
- react_1.default.createElement("img", { src: frameUrl, alt: "Frame" })));
12
- };
13
- exports.default = Frame;
14
- //# sourceMappingURL=Frame.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/Card/Frame.tsx"],"names":[],"mappings":";;;AAAA,wDAAkC;AAClC,8BAA4B;AAM5B,IAAM,KAAK,GAAc,UAAC,EAAY;QAAV,QAAQ,cAAA;IAClC,IAAI,CAAC,QAAQ;QAAE,OAAO,6DAAK,CAAC;IAC5B,OAAO,CACL,uCAAK,SAAS,EAAC,OAAO;QACpB,uCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,OAAO,GAAG,CAC9B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import "./styles/FrontBadgeList.css";
3
- import { TraitModel } from "../models/metadata.model";
4
- type Props = {
5
- badges: TraitModel[];
6
- setFlipToBadges: React.Dispatch<React.SetStateAction<boolean>>;
7
- setSelectedBadgeId: React.Dispatch<React.SetStateAction<number>>;
8
- setFlipped: React.Dispatch<React.SetStateAction<boolean>>;
9
- badgeSize?: number;
10
- badgeVisibleCount?: number;
11
- };
12
- declare const FrontBadgeList: React.FC<Props>;
13
- export default FrontBadgeList;
@@ -1,38 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importDefault(require("react"));
5
- require("./styles/FrontBadgeList.css");
6
- var FrontBadgeList = function (_a) {
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
- var selectBadge = function (traitId) {
9
- setFlipToBadges(true);
10
- setSelectedBadgeId(traitId);
11
- setFlipped(true);
12
- };
13
- var attributeHighlight = badges.filter(function (badge) { return badge.attribute_highlight !== undefined; });
14
- return (react_1.default.createElement(react_1.default.Fragment, null,
15
- react_1.default.createElement("div", { className: "badge-list-on-front", style: {
16
- top: badgeSize ? "".concat(badgeSize, "px") : "4em",
17
- } }, badges
18
- .filter(function (badge) { return badge.decorator_type !== "decal" && badge.decorator_type !== "frame"; })
19
- .slice(0, badgeVisibleCount)
20
- .map(function (badge) {
21
- var _a;
22
- 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); } },
23
- react_1.default.createElement("div", { className: "front-badge d-flex" },
24
- react_1.default.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId), style: {
25
- width: badgeSize ? "".concat(badgeSize, "px") : "3em",
26
- height: badgeSize ? "".concat(badgeSize, "px") : "3em",
27
- minWidth: badgeSize ? "".concat(badgeSize, "px") : "3em",
28
- } }))));
29
- })),
30
- attributeHighlight.length > 0 &&
31
- attributeHighlight.map(function (highlight, index) { return (react_1.default.createElement("div", { style: {
32
- position: "absolute",
33
- left: "".concat(highlight.attribute_highlight.x, "%"),
34
- top: "".concat(highlight.attribute_highlight.y, "%"),
35
- }, key: index, dangerouslySetInnerHTML: { __html: highlight.attribute_highlight.content } })); })));
36
- };
37
- exports.default = FrontBadgeList;
38
- //# sourceMappingURL=FrontBadgeList.js.map
@@ -1 +0,0 @@
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,IAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,mBAAmB,KAAK,SAAS,EAAvC,CAAuC,CAAC,CAAC;IAC7F,OAAO,CACL;QACE,uCACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;gBACL,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;aAC1C,IAEA,MAAM;aACJ,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,KAAK,CAAC,cAAc,KAAK,OAAO,EAApE,CAAoE,CAAC;aACvF,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC;aAC3B,GAAG,CAAC,UAAC,KAAK;;YAAK,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;gBAE1C,uCAAK,SAAS,EAAC,oBAAoB;oBACjC,uCACE,GAAG,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,SAAS,EAChC,GAAG,EAAE,gBAAS,KAAK,CAAC,OAAO,CAAE,EAC7B,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,OAAI,CAAC,CAAC,CAAC,KAAK;4BAC5C,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,OAAI,CAAC,CAAC,CAAC,KAAK;yBAC/C,GACD,CACE,CACF,CACP,CAAA;SAAA,CAAC,CACA;QACL,kBAAkB,CAAC,MAAM,GAAG,CAAC;YAC5B,kBAAkB,CAAC,GAAG,CAAC,UAAC,SAAS,EAAE,KAAK,IAAK,OAAA,CAC3C,uCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,UAAG,SAAS,CAAC,mBAAoB,CAAC,CAAC,MAAG;oBAC5C,GAAG,EAAE,UAAG,SAAS,CAAC,mBAAoB,CAAC,CAAC,MAAG;iBAC5C,EACD,GAAG,EAAE,KAAK,EACV,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,mBAAoB,CAAC,OAAO,EAAE,GACtE,CACR,EAV4C,CAU5C,CAAC,CACH,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -1,11 +0,0 @@
1
- import { FC } from "react";
2
- import "../styles/GSpinner.css";
3
- type Props = {
4
- className?: string;
5
- size?: number;
6
- thickness?: number;
7
- color?: string;
8
- secondaryColor?: string;
9
- };
10
- declare const GSpinner: FC<Props>;
11
- export default GSpinner;
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importDefault(require("react"));
5
- require("../styles/GSpinner.css");
6
- var GSpinner = function (_a) {
7
- var className = _a.className, _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.thickness, thickness = _c === void 0 ? 100 : _c, _d = _a.color, color = _d === void 0 ? "white" : _d, _e = _a.secondaryColor, secondaryColor = _e === void 0 ? "gray" : _e;
8
- return (react_1.default.createElement("svg", { fill: "none", viewBox: "0 0 66 66", className: className, style: { overflow: "visible", width: "".concat(size, "px") } },
9
- react_1.default.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: secondaryColor, strokeWidth: 4 * (thickness / 100) }),
10
- react_1.default.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: color, strokeDasharray: "1, 174", strokeDashoffset: "306", strokeLinecap: "round", strokeWidth: 4 * (thickness / 100), style: {
11
- animation: "1.4s linear 0s infinite normal none running gspinner-animation",
12
- } })));
13
- };
14
- exports.default = GSpinner;
15
- //# sourceMappingURL=GSpinner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GSpinner.js","sourceRoot":"","sources":["../../../../src/Card/GSpinner/GSpinner.tsx"],"names":[],"mappings":";;;AAAA,wDAAkC;AAClC,kCAAgC;AAUhC,IAAM,QAAQ,GAAc,UAAC,EAM5B;QALC,SAAS,eAAA,EACT,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACf,sBAAuB,EAAvB,cAAc,mBAAG,MAAM,KAAA;IAEvB,OAAO,CACL,uCACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAG,IAAI,OAAI,EAAE;QAElD,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,IAAI,EACN,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,CAAC,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,GAC1B;QACV,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,IAAI,EACN,MAAM,EAAE,KAAK,EACb,eAAe,EAAC,QAAQ,EACxB,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAC,OAAO,EACrB,WAAW,EAAE,CAAC,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,EAClC,KAAK,EAAE;gBACL,SAAS,EAAE,gEAAgE;aAC5E,GACO,CACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
@@ -1 +0,0 @@
1
- export { default as GSpinner } from "./GSpinner";
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.GSpinner = void 0;
4
- var tslib_1 = require("tslib");
5
- var GSpinner_1 = require("./GSpinner");
6
- Object.defineProperty(exports, "GSpinner", { enumerable: true, get: function () { return tslib_1.__importDefault(GSpinner_1).default; } });
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Card/GSpinner/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAiD;AAAxC,6HAAA,OAAO,OAAY"}
@@ -1,15 +0,0 @@
1
- import { FC } from "react";
2
- import "./styles/GalaxisCard.css";
3
- import { BalancesModel, MetadataModel } from "../models/metadata.model";
4
- type Props = {
5
- metadataUrl?: string;
6
- metadata?: MetadataModel;
7
- communityCurrency?: BalancesModel;
8
- cardLevel?: string;
9
- icon: string;
10
- userInteraction: Function | undefined;
11
- badgeSize?: number;
12
- badgeVisibleCount?: number;
13
- };
14
- declare const GalaxisCard: FC<Props>;
15
- export default GalaxisCard;