galaxis-card 1.4.1 → 1.6.0
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/CurrencyDisplay.js +17 -6
- package/dist/cjs/Card/CurrencyDisplay.js.map +1 -1
- package/dist/cjs/Card/GalaxisCard.js +26 -16
- package/dist/cjs/Card/GalaxisCard.js.map +1 -1
- package/dist/cjs/Card/Layers.d.ts +2 -0
- package/dist/cjs/Card/Layers.js +25 -10
- package/dist/cjs/Card/Layers.js.map +1 -1
- package/dist/cjs/models/metadata.model.d.ts +11 -3
- package/dist/esm/Card/CurrencyDisplay.js +17 -6
- package/dist/esm/Card/CurrencyDisplay.js.map +1 -1
- package/dist/esm/Card/GalaxisCard.js +26 -16
- package/dist/esm/Card/GalaxisCard.js.map +1 -1
- package/dist/esm/Card/Layers.d.ts +2 -0
- package/dist/esm/Card/Layers.js +25 -10
- package/dist/esm/Card/Layers.js.map +1 -1
- package/dist/esm/models/metadata.model.d.ts +11 -3
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
require("./styles/CurrencyDisplay.css");
|
|
6
6
|
var Icons_1 = require("../icons/Icons");
|
|
7
|
+
var viem_1 = require("viem");
|
|
7
8
|
var CurrencyDisplay = function (_a) {
|
|
8
9
|
var balances = _a.balances, icon = _a.icon, bgColor = _a.bgColor, color = _a.color;
|
|
9
10
|
var _b = (0, react_1.useState)(false), showCurrencies = _b[0], setShowCurrencies = _b[1];
|
|
@@ -23,17 +24,27 @@ var CurrencyDisplay = function (_a) {
|
|
|
23
24
|
document.addEventListener("mousedown", handleClickAway);
|
|
24
25
|
return function () { return document.removeEventListener("mousedown", handleClickAway); };
|
|
25
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
|
+
};
|
|
26
37
|
return (react_1.default.createElement("div", { className: "currency-display", ref: currencyRef, onClick: function () { return setShowCurrencies(function (prev) { return !prev; }); } }, allCurrencies.map(function (_a) {
|
|
27
38
|
var key = _a.key, data = _a.data, alwaysShow = _a.alwaysShow;
|
|
28
|
-
if ((!alwaysShow && !showCurrencies) || !(data === null || data === void 0 ? void 0 : data.
|
|
39
|
+
if ((!alwaysShow && !showCurrencies) || !(data === null || data === void 0 ? void 0 : data.symbol))
|
|
29
40
|
return null;
|
|
30
|
-
var showMore = alwaysShow && (!!(stable === null || stable === void 0 ? void 0 : stable.
|
|
41
|
+
var showMore = alwaysShow && (!!(stable === null || stable === void 0 ? void 0 : stable.symbol) || !!(custom === null || custom === void 0 ? void 0 : custom.symbol));
|
|
31
42
|
return (react_1.default.createElement("div", { key: key, className: "".concat(key, "-balance ").concat(showMore ? "show-more" : "") },
|
|
32
43
|
react_1.default.createElement("span", { style: { backgroundColor: bgColor, color: color } },
|
|
33
|
-
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.
|
|
34
|
-
data.
|
|
35
|
-
": ",
|
|
36
|
-
data.
|
|
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),
|
|
37
48
|
showMore && (react_1.default.createElement(Icons_1.ShowMoreIcon, { className: "show-more-icon ".concat(showCurrencies ? "flipped" : "") })))));
|
|
38
49
|
})));
|
|
39
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../src/Card/CurrencyDisplay.tsx"],"names":[],"mappings":";;;AAAA,qDAAuD;AACvD,wCAAsC;AAEtC,wCAAgE;
|
|
1
|
+
{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../src/Card/CurrencyDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,33 +28,40 @@ var GalaxisCard = function (_a) {
|
|
|
28
28
|
var _p = (0, react_1.useState)(false), flipToBadges = _p[0], setFlipToBadges = _p[1];
|
|
29
29
|
var _q = (0, react_1.useState)({
|
|
30
30
|
galaxis: {
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
symbol: "",
|
|
32
|
+
balance: "",
|
|
33
|
+
decimals: 0,
|
|
33
34
|
},
|
|
34
35
|
stable: {
|
|
35
|
-
|
|
36
|
-
|
|
36
|
+
symbol: "",
|
|
37
|
+
balance: "",
|
|
38
|
+
decimals: 0,
|
|
37
39
|
},
|
|
38
40
|
custom: {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
+
symbol: "",
|
|
42
|
+
balance: "",
|
|
43
|
+
decimals: 0,
|
|
41
44
|
},
|
|
42
45
|
}), balances = _q[0], setBalances = _q[1];
|
|
46
|
+
var _r = (0, react_1.useState)([]), layerModifiers = _r[0], setLayerModifiers = _r[1];
|
|
43
47
|
(0, react_1.useEffect)(function () {
|
|
44
|
-
var _a, _b, _c, _d, _e, _f;
|
|
48
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
45
49
|
if (communityCurrency) {
|
|
46
50
|
setBalances({
|
|
47
51
|
galaxis: {
|
|
48
|
-
|
|
49
|
-
|
|
52
|
+
balance: ((_a = communityCurrency.galaxis) === null || _a === void 0 ? void 0 : _a.balance) || "",
|
|
53
|
+
symbol: ((_b = communityCurrency.galaxis) === null || _b === void 0 ? void 0 : _b.symbol) || "",
|
|
54
|
+
decimals: ((_c = communityCurrency.galaxis) === null || _c === void 0 ? void 0 : _c.decimals) || 0,
|
|
50
55
|
},
|
|
51
56
|
stable: {
|
|
52
|
-
|
|
53
|
-
|
|
57
|
+
balance: ((_d = communityCurrency.stable) === null || _d === void 0 ? void 0 : _d.balance) || "",
|
|
58
|
+
symbol: ((_e = communityCurrency.stable) === null || _e === void 0 ? void 0 : _e.symbol) || "",
|
|
59
|
+
decimals: ((_f = communityCurrency.stable) === null || _f === void 0 ? void 0 : _f.decimals) || 0,
|
|
54
60
|
},
|
|
55
61
|
custom: {
|
|
56
|
-
|
|
57
|
-
|
|
62
|
+
balance: ((_g = communityCurrency.custom) === null || _g === void 0 ? void 0 : _g.balance) || "",
|
|
63
|
+
symbol: ((_h = communityCurrency.custom) === null || _h === void 0 ? void 0 : _h.symbol) || "",
|
|
64
|
+
decimals: ((_j = communityCurrency.custom) === null || _j === void 0 ? void 0 : _j.decimals) || 0,
|
|
58
65
|
},
|
|
59
66
|
});
|
|
60
67
|
}
|
|
@@ -90,8 +97,11 @@ var GalaxisCard = function (_a) {
|
|
|
90
97
|
}
|
|
91
98
|
if (!cardMeta)
|
|
92
99
|
return [2 /*return*/];
|
|
93
|
-
if (
|
|
94
|
-
|
|
100
|
+
if (cardMeta.layerModifiers) {
|
|
101
|
+
setLayerModifiers(cardMeta.layerModifiers);
|
|
102
|
+
}
|
|
103
|
+
if (!communityCurrency && cardMeta.cardWalletData)
|
|
104
|
+
setBalances(cardMeta.cardWalletData);
|
|
95
105
|
if (cardMeta.sides.length > 1) {
|
|
96
106
|
setHasMultipleSides(true);
|
|
97
107
|
setBackImage(cardMeta.sides[1].image);
|
|
@@ -160,7 +170,7 @@ var GalaxisCard = function (_a) {
|
|
|
160
170
|
react_1.default.createElement("div", { className: "glx-card ".concat(flipped ? "flipped" : ""), style: aspectRatio ? { aspectRatio: aspectRatio } : {} },
|
|
161
171
|
react_1.default.createElement("div", { className: "flipper" },
|
|
162
172
|
react_1.default.createElement("div", { className: "front" },
|
|
163
|
-
react_1.default.createElement(Layers_1.default, { layers: images }),
|
|
173
|
+
react_1.default.createElement(Layers_1.default, { layers: images, modifiers: layerModifiers }),
|
|
164
174
|
react_1.default.createElement(Decals_1.default, { decals: decalUrls }),
|
|
165
175
|
react_1.default.createElement(Frame_1.default, { frameUrl: frameImageUrl }),
|
|
166
176
|
react_1.default.createElement(CurrencyDisplay_1.default, { balances: balances, icon: icon, bgColor: "#ffffffa0", color: "#000000" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":";;;AAAA,qDAAuD;AACvD,4DAA8B;AAC9B,wEAA0C;AAC1C,wEAA0C;AAC1C,kEAAoC;AACpC,8EAAgD;AAChD,yEAA2C;AAC3C,4DAA8B;AAC9B,0DAA4B;AAC5B,oCAAkC;
|
|
1
|
+
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
2
|
import "./styles/Layers.css";
|
|
3
|
+
import { LayerModifierModel } from "../models/metadata.model";
|
|
3
4
|
type Props = {
|
|
4
5
|
layers: string[];
|
|
6
|
+
modifiers: LayerModifierModel[] | null;
|
|
5
7
|
};
|
|
6
8
|
declare const Layers: FC<Props>;
|
|
7
9
|
export default Layers;
|
package/dist/cjs/Card/Layers.js
CHANGED
|
@@ -5,12 +5,12 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
require("./styles/Layers.css");
|
|
7
7
|
var Layers = function (_a) {
|
|
8
|
-
var layers = _a.layers;
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
8
|
+
var layers = _a.layers, _b = _a.modifiers, modifiers = _b === void 0 ? null : _b;
|
|
9
|
+
var _c = (0, react_1.useState)(0), mouseX = _c[0], setMouseX = _c[1];
|
|
10
|
+
var _d = (0, react_1.useState)(0), mouseY = _d[0], setMouseY = _d[1];
|
|
11
|
+
var _e = (0, react_1.useState)([]), images = _e[0], setImages = _e[1];
|
|
12
12
|
var cardRef = (0, react_1.useRef)(null);
|
|
13
|
-
var
|
|
13
|
+
var _f = (0, react_1.useState)(null), rect = _f[0], _setRect = _f[1];
|
|
14
14
|
var rectRef = (0, react_1.useRef)(rect);
|
|
15
15
|
var setRect = function (v) {
|
|
16
16
|
rectRef.current = v;
|
|
@@ -58,11 +58,26 @@ var Layers = function (_a) {
|
|
|
58
58
|
return (react_1.default.createElement(react_1.default.Fragment, null, images.length > 0 && (react_1.default.createElement("div", { className: "fs-layer-container", ref: cardRef, onLoad: function () {
|
|
59
59
|
getPosition();
|
|
60
60
|
} }, layers.map(function (k, i) {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
61
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
62
|
+
return (react_1.default.createElement("img", { key: "k".concat(i, "-").concat(k) + i, src: images[i], alt: "layer", style: {
|
|
63
|
+
transform: "\n translateX(".concat((mouseX / -25) *
|
|
64
|
+
(modifiers && modifiers.length > 0
|
|
65
|
+
? modifiers[i].animationX
|
|
66
|
+
: i === 0
|
|
67
|
+
? 0
|
|
68
|
+
: i * 0.7 + 1), "px)\n\n translateY(").concat((mouseY / -25) *
|
|
69
|
+
(modifiers && modifiers.length > 0
|
|
70
|
+
? modifiers[i].animationY
|
|
71
|
+
: i === 0
|
|
72
|
+
? 0
|
|
73
|
+
: i * 0.7 + 1), "px)\n scale(").concat(modifiers && modifiers.length > 0 ? modifiers[i].scale : 1.0, ")\n rotateZ(").concat(modifiers && modifiers.length > 0
|
|
74
|
+
? ((_b = (_a = modifiers[i]) === null || _a === void 0 ? void 0 : _a.rotation) === null || _b === void 0 ? void 0 : _b.mouseX) !== 0
|
|
75
|
+
? (mouseX / -20) * ((_d = (_c = modifiers[i]) === null || _c === void 0 ? void 0 : _c.rotation) === null || _d === void 0 ? void 0 : _d.mouseX)
|
|
76
|
+
: ((_f = (_e = modifiers[i]) === null || _e === void 0 ? void 0 : _e.rotation) === null || _f === void 0 ? void 0 : _f.mouseY) !== 0
|
|
77
|
+
? (mouseY / -20) * ((_h = (_g = modifiers[i]) === null || _g === void 0 ? void 0 : _g.rotation) === null || _h === void 0 ? void 0 : _h.mouseY)
|
|
78
|
+
: ((_k = (_j = modifiers[i]) === null || _j === void 0 ? void 0 : _j.rotation) === null || _k === void 0 ? void 0 : _k.static) || 0
|
|
79
|
+
: 0, "deg)\n "),
|
|
80
|
+
} }));
|
|
66
81
|
})))));
|
|
67
82
|
};
|
|
68
83
|
exports.default = Layers;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layers.js","sourceRoot":"","sources":["../../../src/Card/Layers.tsx"],"names":[],"mappings":";;;AAAA,mCAAmC;AACnC,qDAA+D;AAC/D,+BAA6B;
|
|
1
|
+
{"version":3,"file":"Layers.js","sourceRoot":"","sources":["../../../src/Card/Layers.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,9 @@ interface AttributeModel {
|
|
|
3
3
|
trait_type: string;
|
|
4
4
|
}
|
|
5
5
|
export interface BalanceModel {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
symbol: string;
|
|
7
|
+
balance: string;
|
|
8
|
+
decimals: number;
|
|
8
9
|
}
|
|
9
10
|
export interface BalancesModel {
|
|
10
11
|
custom?: BalanceModel;
|
|
@@ -33,9 +34,15 @@ export interface TraitModel {
|
|
|
33
34
|
highlighted: boolean;
|
|
34
35
|
value?: string;
|
|
35
36
|
}
|
|
37
|
+
export interface LayerModifierModel {
|
|
38
|
+
animationX: number;
|
|
39
|
+
animationY: number;
|
|
40
|
+
scale: number;
|
|
41
|
+
rotation: any;
|
|
42
|
+
}
|
|
36
43
|
export interface MetadataModel {
|
|
37
44
|
attributes: AttributeModel[];
|
|
38
|
-
|
|
45
|
+
cardWalletData?: BalancesModel;
|
|
39
46
|
collection_name: string;
|
|
40
47
|
collection_type: string;
|
|
41
48
|
image: string;
|
|
@@ -43,5 +50,6 @@ export interface MetadataModel {
|
|
|
43
50
|
sides: SideModel[];
|
|
44
51
|
tokenId: number | string;
|
|
45
52
|
traits?: TraitModel[];
|
|
53
|
+
layerModifiers?: LayerModifierModel[];
|
|
46
54
|
}
|
|
47
55
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
2
|
import "./styles/CurrencyDisplay.css";
|
|
3
3
|
import { GalaxisTokenLogo, ShowMoreIcon } from "../icons/Icons";
|
|
4
|
+
import { formatUnits } from "viem";
|
|
4
5
|
var CurrencyDisplay = function (_a) {
|
|
5
6
|
var balances = _a.balances, icon = _a.icon, bgColor = _a.bgColor, color = _a.color;
|
|
6
7
|
var _b = useState(false), showCurrencies = _b[0], setShowCurrencies = _b[1];
|
|
@@ -20,17 +21,27 @@ var CurrencyDisplay = function (_a) {
|
|
|
20
21
|
document.addEventListener("mousedown", handleClickAway);
|
|
21
22
|
return function () { return document.removeEventListener("mousedown", handleClickAway); };
|
|
22
23
|
}, []);
|
|
24
|
+
var bigIntToDecimalNumber = function (value, decimals, returnDecimals) {
|
|
25
|
+
var convertedValue = formatUnits(value, decimals);
|
|
26
|
+
var _a = convertedValue.split("."), integer = _a[0], decimal = _a[1];
|
|
27
|
+
var decimalValue = "";
|
|
28
|
+
if (decimal) {
|
|
29
|
+
decimalValue = decimal.substring(0, returnDecimals);
|
|
30
|
+
}
|
|
31
|
+
var formattedInteger = Number(integer).toLocaleString();
|
|
32
|
+
return "".concat(formattedInteger).concat(decimalValue ? ".".concat(decimalValue) : "");
|
|
33
|
+
};
|
|
23
34
|
return (React.createElement("div", { className: "currency-display", ref: currencyRef, onClick: function () { return setShowCurrencies(function (prev) { return !prev; }); } }, allCurrencies.map(function (_a) {
|
|
24
35
|
var key = _a.key, data = _a.data, alwaysShow = _a.alwaysShow;
|
|
25
|
-
if ((!alwaysShow && !showCurrencies) || !(data === null || data === void 0 ? void 0 : data.
|
|
36
|
+
if ((!alwaysShow && !showCurrencies) || !(data === null || data === void 0 ? void 0 : data.symbol))
|
|
26
37
|
return null;
|
|
27
|
-
var showMore = alwaysShow && (!!(stable === null || stable === void 0 ? void 0 : stable.
|
|
38
|
+
var showMore = alwaysShow && (!!(stable === null || stable === void 0 ? void 0 : stable.symbol) || !!(custom === null || custom === void 0 ? void 0 : custom.symbol));
|
|
28
39
|
return (React.createElement("div", { key: key, className: "".concat(key, "-balance ").concat(showMore ? "show-more" : "") },
|
|
29
40
|
React.createElement("span", { style: { backgroundColor: bgColor, color: color } },
|
|
30
|
-
key === "galaxis" && (React.createElement(React.Fragment, null, icon ? (React.createElement("img", { src: icon, alt: "".concat(data === null || data === void 0 ? void 0 : data.
|
|
31
|
-
data.
|
|
32
|
-
": ",
|
|
33
|
-
data.
|
|
41
|
+
key === "galaxis" && (React.createElement(React.Fragment, null, icon ? (React.createElement("img", { src: icon, alt: "".concat(data === null || data === void 0 ? void 0 : data.symbol, " icon") })) : (React.createElement(GalaxisTokenLogo, { className: "galaxis-token-logo" })))), data === null || data === void 0 ? void 0 :
|
|
42
|
+
data.symbol,
|
|
43
|
+
": ",
|
|
44
|
+
bigIntToDecimalNumber(BigInt(data === null || data === void 0 ? void 0 : data.balance), data === null || data === void 0 ? void 0 : data.decimals, 2),
|
|
34
45
|
showMore && (React.createElement(ShowMoreIcon, { className: "show-more-icon ".concat(showCurrencies ? "flipped" : "") })))));
|
|
35
46
|
})));
|
|
36
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../src/Card/CurrencyDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../src/Card/CurrencyDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,33 +26,40 @@ var GalaxisCard = function (_a) {
|
|
|
26
26
|
var _p = useState(false), flipToBadges = _p[0], setFlipToBadges = _p[1];
|
|
27
27
|
var _q = useState({
|
|
28
28
|
galaxis: {
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
symbol: "",
|
|
30
|
+
balance: "",
|
|
31
|
+
decimals: 0,
|
|
31
32
|
},
|
|
32
33
|
stable: {
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
symbol: "",
|
|
35
|
+
balance: "",
|
|
36
|
+
decimals: 0,
|
|
35
37
|
},
|
|
36
38
|
custom: {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
+
symbol: "",
|
|
40
|
+
balance: "",
|
|
41
|
+
decimals: 0,
|
|
39
42
|
},
|
|
40
43
|
}), balances = _q[0], setBalances = _q[1];
|
|
44
|
+
var _r = useState([]), layerModifiers = _r[0], setLayerModifiers = _r[1];
|
|
41
45
|
useEffect(function () {
|
|
42
|
-
var _a, _b, _c, _d, _e, _f;
|
|
46
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
43
47
|
if (communityCurrency) {
|
|
44
48
|
setBalances({
|
|
45
49
|
galaxis: {
|
|
46
|
-
|
|
47
|
-
|
|
50
|
+
balance: ((_a = communityCurrency.galaxis) === null || _a === void 0 ? void 0 : _a.balance) || "",
|
|
51
|
+
symbol: ((_b = communityCurrency.galaxis) === null || _b === void 0 ? void 0 : _b.symbol) || "",
|
|
52
|
+
decimals: ((_c = communityCurrency.galaxis) === null || _c === void 0 ? void 0 : _c.decimals) || 0,
|
|
48
53
|
},
|
|
49
54
|
stable: {
|
|
50
|
-
|
|
51
|
-
|
|
55
|
+
balance: ((_d = communityCurrency.stable) === null || _d === void 0 ? void 0 : _d.balance) || "",
|
|
56
|
+
symbol: ((_e = communityCurrency.stable) === null || _e === void 0 ? void 0 : _e.symbol) || "",
|
|
57
|
+
decimals: ((_f = communityCurrency.stable) === null || _f === void 0 ? void 0 : _f.decimals) || 0,
|
|
52
58
|
},
|
|
53
59
|
custom: {
|
|
54
|
-
|
|
55
|
-
|
|
60
|
+
balance: ((_g = communityCurrency.custom) === null || _g === void 0 ? void 0 : _g.balance) || "",
|
|
61
|
+
symbol: ((_h = communityCurrency.custom) === null || _h === void 0 ? void 0 : _h.symbol) || "",
|
|
62
|
+
decimals: ((_j = communityCurrency.custom) === null || _j === void 0 ? void 0 : _j.decimals) || 0,
|
|
56
63
|
},
|
|
57
64
|
});
|
|
58
65
|
}
|
|
@@ -88,8 +95,11 @@ var GalaxisCard = function (_a) {
|
|
|
88
95
|
}
|
|
89
96
|
if (!cardMeta)
|
|
90
97
|
return [2 /*return*/];
|
|
91
|
-
if (
|
|
92
|
-
|
|
98
|
+
if (cardMeta.layerModifiers) {
|
|
99
|
+
setLayerModifiers(cardMeta.layerModifiers);
|
|
100
|
+
}
|
|
101
|
+
if (!communityCurrency && cardMeta.cardWalletData)
|
|
102
|
+
setBalances(cardMeta.cardWalletData);
|
|
93
103
|
if (cardMeta.sides.length > 1) {
|
|
94
104
|
setHasMultipleSides(true);
|
|
95
105
|
setBackImage(cardMeta.sides[1].image);
|
|
@@ -158,7 +168,7 @@ var GalaxisCard = function (_a) {
|
|
|
158
168
|
React.createElement("div", { className: "glx-card ".concat(flipped ? "flipped" : ""), style: aspectRatio ? { aspectRatio: aspectRatio } : {} },
|
|
159
169
|
React.createElement("div", { className: "flipper" },
|
|
160
170
|
React.createElement("div", { className: "front" },
|
|
161
|
-
React.createElement(Layers, { layers: images }),
|
|
171
|
+
React.createElement(Layers, { layers: images, modifiers: layerModifiers }),
|
|
162
172
|
React.createElement(Decals, { decals: decalUrls }),
|
|
163
173
|
React.createElement(Frame, { frameUrl: frameImageUrl }),
|
|
164
174
|
React.createElement(CurrencyDisplay, { balances: balances, icon: icon, bgColor: "#ffffffa0", color: "#000000" }),
|
|
@@ -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;AACvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
2
|
import "./styles/Layers.css";
|
|
3
|
+
import { LayerModifierModel } from "../models/metadata.model";
|
|
3
4
|
type Props = {
|
|
4
5
|
layers: string[];
|
|
6
|
+
modifiers: LayerModifierModel[] | null;
|
|
5
7
|
};
|
|
6
8
|
declare const Layers: FC<Props>;
|
|
7
9
|
export default Layers;
|
package/dist/esm/Card/Layers.js
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
import React, { useEffect, useRef, useState } from "react";
|
|
3
3
|
import "./styles/Layers.css";
|
|
4
4
|
var Layers = function (_a) {
|
|
5
|
-
var layers = _a.layers;
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
5
|
+
var layers = _a.layers, _b = _a.modifiers, modifiers = _b === void 0 ? null : _b;
|
|
6
|
+
var _c = useState(0), mouseX = _c[0], setMouseX = _c[1];
|
|
7
|
+
var _d = useState(0), mouseY = _d[0], setMouseY = _d[1];
|
|
8
|
+
var _e = useState([]), images = _e[0], setImages = _e[1];
|
|
9
9
|
var cardRef = useRef(null);
|
|
10
|
-
var
|
|
10
|
+
var _f = useState(null), rect = _f[0], _setRect = _f[1];
|
|
11
11
|
var rectRef = useRef(rect);
|
|
12
12
|
var setRect = function (v) {
|
|
13
13
|
rectRef.current = v;
|
|
@@ -55,11 +55,26 @@ var Layers = function (_a) {
|
|
|
55
55
|
return (React.createElement(React.Fragment, null, images.length > 0 && (React.createElement("div", { className: "fs-layer-container", ref: cardRef, onLoad: function () {
|
|
56
56
|
getPosition();
|
|
57
57
|
} }, layers.map(function (k, i) {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
58
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
59
|
+
return (React.createElement("img", { key: "k".concat(i, "-").concat(k) + i, src: images[i], alt: "layer", style: {
|
|
60
|
+
transform: "\n translateX(".concat((mouseX / -25) *
|
|
61
|
+
(modifiers && modifiers.length > 0
|
|
62
|
+
? modifiers[i].animationX
|
|
63
|
+
: i === 0
|
|
64
|
+
? 0
|
|
65
|
+
: i * 0.7 + 1), "px)\n\n translateY(").concat((mouseY / -25) *
|
|
66
|
+
(modifiers && modifiers.length > 0
|
|
67
|
+
? modifiers[i].animationY
|
|
68
|
+
: i === 0
|
|
69
|
+
? 0
|
|
70
|
+
: i * 0.7 + 1), "px)\n scale(").concat(modifiers && modifiers.length > 0 ? modifiers[i].scale : 1.0, ")\n rotateZ(").concat(modifiers && modifiers.length > 0
|
|
71
|
+
? ((_b = (_a = modifiers[i]) === null || _a === void 0 ? void 0 : _a.rotation) === null || _b === void 0 ? void 0 : _b.mouseX) !== 0
|
|
72
|
+
? (mouseX / -20) * ((_d = (_c = modifiers[i]) === null || _c === void 0 ? void 0 : _c.rotation) === null || _d === void 0 ? void 0 : _d.mouseX)
|
|
73
|
+
: ((_f = (_e = modifiers[i]) === null || _e === void 0 ? void 0 : _e.rotation) === null || _f === void 0 ? void 0 : _f.mouseY) !== 0
|
|
74
|
+
? (mouseY / -20) * ((_h = (_g = modifiers[i]) === null || _g === void 0 ? void 0 : _g.rotation) === null || _h === void 0 ? void 0 : _h.mouseY)
|
|
75
|
+
: ((_k = (_j = modifiers[i]) === null || _j === void 0 ? void 0 : _j.rotation) === null || _k === void 0 ? void 0 : _k.static) || 0
|
|
76
|
+
: 0, "deg)\n "),
|
|
77
|
+
} }));
|
|
63
78
|
})))));
|
|
64
79
|
};
|
|
65
80
|
export default Layers;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layers.js","sourceRoot":"","sources":["../../../src/Card/Layers.tsx"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AAC/D,OAAO,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Layers.js","sourceRoot":"","sources":["../../../src/Card/Layers.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,9 @@ interface AttributeModel {
|
|
|
3
3
|
trait_type: string;
|
|
4
4
|
}
|
|
5
5
|
export interface BalanceModel {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
symbol: string;
|
|
7
|
+
balance: string;
|
|
8
|
+
decimals: number;
|
|
8
9
|
}
|
|
9
10
|
export interface BalancesModel {
|
|
10
11
|
custom?: BalanceModel;
|
|
@@ -33,9 +34,15 @@ export interface TraitModel {
|
|
|
33
34
|
highlighted: boolean;
|
|
34
35
|
value?: string;
|
|
35
36
|
}
|
|
37
|
+
export interface LayerModifierModel {
|
|
38
|
+
animationX: number;
|
|
39
|
+
animationY: number;
|
|
40
|
+
scale: number;
|
|
41
|
+
rotation: any;
|
|
42
|
+
}
|
|
36
43
|
export interface MetadataModel {
|
|
37
44
|
attributes: AttributeModel[];
|
|
38
|
-
|
|
45
|
+
cardWalletData?: BalancesModel;
|
|
39
46
|
collection_name: string;
|
|
40
47
|
collection_type: string;
|
|
41
48
|
image: string;
|
|
@@ -43,5 +50,6 @@ export interface MetadataModel {
|
|
|
43
50
|
sides: SideModel[];
|
|
44
51
|
tokenId: number | string;
|
|
45
52
|
traits?: TraitModel[];
|
|
53
|
+
layerModifiers?: LayerModifierModel[];
|
|
46
54
|
}
|
|
47
55
|
export {};
|