galaxis-card 1.6.0 → 1.7.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/App.d.ts +1 -0
- package/dist/cjs/Card/App.js +7 -2
- package/dist/cjs/Card/App.js.map +1 -1
- package/dist/cjs/Card/BadgeDetails.d.ts +8 -0
- package/dist/cjs/Card/BadgeDetails.js +53 -0
- package/dist/cjs/Card/BadgeDetails.js.map +1 -0
- package/dist/cjs/Card/BadgeList.d.ts +1 -0
- package/dist/cjs/Card/BadgeList.js +3 -14
- package/dist/cjs/Card/BadgeList.js.map +1 -1
- package/dist/cjs/Card/GalaxisCard.d.ts +1 -0
- package/dist/cjs/Card/GalaxisCard.js +2 -2
- package/dist/cjs/Card/GalaxisCard.js.map +1 -1
- package/dist/cjs/main.js +1 -1
- package/dist/cjs/main.js.map +1 -1
- package/dist/cjs/models/metadata.model.d.ts +16 -0
- package/dist/esm/Card/App.d.ts +1 -0
- package/dist/esm/Card/App.js +7 -2
- package/dist/esm/Card/App.js.map +1 -1
- package/dist/esm/Card/BadgeDetails.d.ts +8 -0
- package/dist/esm/Card/BadgeDetails.js +50 -0
- package/dist/esm/Card/BadgeDetails.js.map +1 -0
- package/dist/esm/Card/BadgeList.d.ts +1 -0
- package/dist/esm/Card/BadgeList.js +3 -14
- package/dist/esm/Card/BadgeList.js.map +1 -1
- package/dist/esm/Card/GalaxisCard.d.ts +1 -0
- package/dist/esm/Card/GalaxisCard.js +2 -2
- package/dist/esm/Card/GalaxisCard.js.map +1 -1
- package/dist/esm/Card/styles/BadgeList.css +20 -0
- package/dist/esm/main.js +1 -1
- package/dist/esm/main.js.map +1 -1
- package/dist/esm/models/metadata.model.d.ts +16 -0
- package/package.json +1 -1
package/dist/cjs/Card/App.d.ts
CHANGED
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, balances = _a.balances, cardLoyaltyLevel = _a.cardLoyaltyLevel, galaxisIcon = _a.galaxisIcon;
|
|
10
|
+
var metadata = _a.metadata, balances = _a.balances, cardLoyaltyLevel = _a.cardLoyaltyLevel, galaxisIcon = _a.galaxisIcon, userInteraction = _a.userInteraction;
|
|
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("?");
|
|
@@ -19,7 +19,12 @@ var App = function (_a) {
|
|
|
19
19
|
setMetadataUrl("https://" + urlParam);
|
|
20
20
|
}
|
|
21
21
|
}, [metadata]);
|
|
22
|
-
|
|
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: handleInteraction }));
|
|
23
28
|
};
|
|
24
29
|
exports.default = App;
|
|
25
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;AAW1B,IAAM,GAAG,GAA4B,UAAC,EAMrC;QALC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,eAAe,qBAAA;IAET,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,CAAC;QACxC,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,iBAAiB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,GAAG,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
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;
|
|
7
|
+
var badge = _a.badge, userInteraction = _a.userInteraction;
|
|
8
|
+
var _c = react_1.default.useState(""), multipleChoiceValue = _c[0], setMultipleChoiceValue = _c[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" }, badge === null || badge === void 0 ? void 0 :
|
|
33
|
+
badge.description.split(/\r?\n/).map(function (line, i) {
|
|
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
|
+
}),
|
|
39
|
+
(badge === null || badge === void 0 ? void 0 : badge.is_interactive) && userInteraction && (react_1.default.createElement("div", { className: "badge-interactive" }, badge.interaction && badge.interaction.config && badge.interaction.can_interact && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
40
|
+
react_1.default.createElement("p", null, badge.interaction.config.description),
|
|
41
|
+
badge.interaction.config.type === "single_button" && (react_1.default.createElement("div", null,
|
|
42
|
+
react_1.default.createElement("button", { className: "btn btn-outline-primary btn-sm mc-btn", onClick: function () {
|
|
43
|
+
var _a;
|
|
44
|
+
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");
|
|
45
|
+
} }, badge.interaction.config.button_text))),
|
|
46
|
+
badge.interaction.config.type === "multiple_choice" && (react_1.default.createElement("div", { className: "d-flex flex-row gap-2 align-items-center" },
|
|
47
|
+
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)); })),
|
|
48
|
+
react_1.default.createElement("button", { className: "btn btn-outline-primary btn-sm mc-btn", onClick: function () {
|
|
49
|
+
return handleInteraction(Number(badge.traitId), multipleChoiceValue);
|
|
50
|
+
} }, "OK")))))))))));
|
|
51
|
+
};
|
|
52
|
+
exports.default = BadgeDetails;
|
|
53
|
+
//# sourceMappingURL=BadgeDetails.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeDetails.js","sourceRoot":"","sources":["../../../src/Card/BadgeDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
require("./styles/BadgeList.css");
|
|
6
|
+
var BadgeDetails_1 = tslib_1.__importDefault(require("./BadgeDetails"));
|
|
6
7
|
var BadgeList = function (_a) {
|
|
7
|
-
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, backgroundImage = _a.backgroundImage, onClose = _a.onClose;
|
|
8
|
+
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, backgroundImage = _a.backgroundImage, onClose = _a.onClose, userInteraction = _a.userInteraction;
|
|
8
9
|
var _b = (0, react_1.useState)(null), selectedBadge = _b[0], setSelectedBadge = _b[1];
|
|
9
10
|
var _c = (0, react_1.useState)(false), badgeDetailsVisible = _c[0], setBadgeDetailsVisible = _c[1];
|
|
10
11
|
(0, react_1.useEffect)(function () {
|
|
@@ -47,19 +48,7 @@ var BadgeList = function (_a) {
|
|
|
47
48
|
react_1.default.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId) })),
|
|
48
49
|
react_1.default.createElement("div", { className: "d-flex badge-label flex-shrink-1" }, badge.name)));
|
|
49
50
|
})),
|
|
50
|
-
react_1.default.createElement(
|
|
51
|
-
react_1.default.createElement("div", { className: "badge-details" },
|
|
52
|
-
(selectedBadge === null || selectedBadge === void 0 ? void 0 : selectedBadge.icon_url) && (react_1.default.createElement("div", { className: "badge-image" },
|
|
53
|
-
react_1.default.createElement("img", { src: selectedBadge.icon_url, alt: selectedBadge.name }))),
|
|
54
|
-
react_1.default.createElement("div", { className: "badge-title" },
|
|
55
|
-
react_1.default.createElement("div", null, selectedBadge === null || selectedBadge === void 0 ? void 0 : selectedBadge.name),
|
|
56
|
-
(selectedBadge === null || selectedBadge === void 0 ? void 0 : selectedBadge.value) && react_1.default.createElement("div", { className: "badge-value" }, selectedBadge.value)),
|
|
57
|
-
react_1.default.createElement("div", { className: "badge-description" }, selectedBadge === null || selectedBadge === void 0 ? void 0 : selectedBadge.description.split(/\r?\n/).map(function (line, i) {
|
|
58
|
-
var parts = line.split(/(https?:\/\/[^\s]+)/g);
|
|
59
|
-
return (react_1.default.createElement("div", { key: i }, parts.map(function (part, j) {
|
|
60
|
-
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));
|
|
61
|
-
})));
|
|
62
|
-
})))))));
|
|
51
|
+
react_1.default.createElement(BadgeDetails_1.default, { badge: selectedBadge, userInteraction: userInteraction }))));
|
|
63
52
|
};
|
|
64
53
|
exports.default = BadgeList;
|
|
65
54
|
//# sourceMappingURL=BadgeList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../../src/Card/BadgeList.tsx"],"names":[],"mappings":";;;AAAA,qDAAmD;AACnD,kCAAgC;
|
|
1
|
+
{"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../../src/Card/BadgeList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
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;
|
|
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];
|
|
@@ -184,7 +184,7 @@ var GalaxisCard = function (_a) {
|
|
|
184
184
|
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
185
|
setFlipped(false);
|
|
186
186
|
setSelectedBadgeId(0);
|
|
187
|
-
} })))) : (react_1.default.createElement("div", { className: "back-image" },
|
|
187
|
+
}, userInteraction: userInteraction })))) : (react_1.default.createElement("div", { className: "back-image" },
|
|
188
188
|
backImage && react_1.default.createElement("img", { src: backImage }),
|
|
189
189
|
react_1.default.createElement("div", { className: "flip-button", onClick: function () { return setFlipped(false); } },
|
|
190
190
|
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,qDAAuD;AACvD,4DAA8B;AAC9B,wEAA0C;AAC1C,wEAA0C;AAC1C,kEAAoC;AACpC,8EAAgD;AAChD,yEAA2C;AAC3C,4DAA8B;AAC9B,0DAA4B;AAC5B,oCAAkC;AAOlC,4EAA8C;
|
|
1
|
+
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/main.js
CHANGED
|
@@ -6,5 +6,5 @@ require("./index.css");
|
|
|
6
6
|
var App_1 = tslib_1.__importDefault(require("./Card/App"));
|
|
7
7
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
8
8
|
var rootElement = document.getElementById("root");
|
|
9
|
-
(0, client_1.createRoot)(rootElement).render(react_1.default.createElement(App_1.default, { balances: undefined, cardLoyaltyLevel: undefined, metadata: undefined, galaxisIcon: undefined }));
|
|
9
|
+
(0, client_1.createRoot)(rootElement).render(react_1.default.createElement(App_1.default, { balances: undefined, cardLoyaltyLevel: undefined, metadata: undefined, galaxisIcon: undefined, userInteraction: undefined }));
|
|
10
10
|
//# sourceMappingURL=main.js.map
|
package/dist/cjs/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.tsx"],"names":[],"mappings":";;;AAAA,2CAA8C;AAC9C,uBAAqB;AACrB,2DAA6B;AAC7B,wDAA0B;AAE1B,IAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAgB,CAAC;AAEnE,IAAA,mBAAU,EAAC,WAAW,CAAC,CAAC,MAAM,CAC5B,8BAAC,aAAG,IACF,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,SAAS,EAC3B,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.tsx"],"names":[],"mappings":";;;AAAA,2CAA8C;AAC9C,uBAAqB;AACrB,2DAA6B;AAC7B,wDAA0B;AAE1B,IAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAgB,CAAC;AAEnE,IAAA,mBAAU,EAAC,WAAW,CAAC,CAAC,MAAM,CAC5B,8BAAC,aAAG,IACF,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,SAAS,EAC3B,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,SAAS,EACtB,eAAe,EAAE,SAAS,GAC1B,CACH,CAAC"}
|
|
@@ -20,6 +20,20 @@ export interface SideModel {
|
|
|
20
20
|
[key: string]: string;
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
|
+
export interface ChoiceModel {
|
|
24
|
+
label: string;
|
|
25
|
+
value: any;
|
|
26
|
+
}
|
|
27
|
+
export interface InteractionConfigModel {
|
|
28
|
+
type: string;
|
|
29
|
+
description: string;
|
|
30
|
+
button_text?: string;
|
|
31
|
+
choices?: ChoiceModel[];
|
|
32
|
+
}
|
|
33
|
+
export interface InteractionModel {
|
|
34
|
+
can_interact: boolean;
|
|
35
|
+
config: InteractionConfigModel;
|
|
36
|
+
}
|
|
23
37
|
export interface TraitModel {
|
|
24
38
|
claim_url: any;
|
|
25
39
|
description: string;
|
|
@@ -33,6 +47,8 @@ export interface TraitModel {
|
|
|
33
47
|
decorator_type?: string;
|
|
34
48
|
highlighted: boolean;
|
|
35
49
|
value?: string;
|
|
50
|
+
is_interactive?: boolean;
|
|
51
|
+
interaction?: InteractionModel;
|
|
36
52
|
}
|
|
37
53
|
export interface LayerModifierModel {
|
|
38
54
|
animationX: number;
|
package/dist/esm/Card/App.d.ts
CHANGED
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, balances = _a.balances, cardLoyaltyLevel = _a.cardLoyaltyLevel, galaxisIcon = _a.galaxisIcon;
|
|
7
|
+
var metadata = _a.metadata, balances = _a.balances, cardLoyaltyLevel = _a.cardLoyaltyLevel, galaxisIcon = _a.galaxisIcon, userInteraction = _a.userInteraction;
|
|
8
8
|
var _b = useState(""), metadataUrl = _b[0], setMetadataUrl = _b[1];
|
|
9
9
|
useEffect(function () {
|
|
10
10
|
var hasIndexOf = window.location.href.indexOf("?");
|
|
@@ -16,7 +16,12 @@ var App = function (_a) {
|
|
|
16
16
|
setMetadataUrl("https://" + urlParam);
|
|
17
17
|
}
|
|
18
18
|
}, [metadata]);
|
|
19
|
-
|
|
19
|
+
var handleInteraction = function (badgeId, selectedValue) {
|
|
20
|
+
if (userInteraction) {
|
|
21
|
+
userInteraction(badgeId, selectedValue);
|
|
22
|
+
}
|
|
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: handleInteraction }));
|
|
20
25
|
};
|
|
21
26
|
export default App;
|
|
22
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;AAW1B,IAAM,GAAG,GAA4B,UAAC,EAMrC;QALC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,eAAe,qBAAA;IAET,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,CAAC;QACxC,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,iBAAiB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React, { useEffect } from "react";
|
|
2
|
+
var BadgeDetails = function (_a) {
|
|
3
|
+
var _b;
|
|
4
|
+
var badge = _a.badge, userInteraction = _a.userInteraction;
|
|
5
|
+
var _c = React.useState(""), multipleChoiceValue = _c[0], setMultipleChoiceValue = _c[1];
|
|
6
|
+
useEffect(function () {
|
|
7
|
+
if (badge) {
|
|
8
|
+
if (badge.interaction && badge.interaction.config && badge.interaction.can_interact) {
|
|
9
|
+
if (badge.interaction.config.type === "multiple_choice") {
|
|
10
|
+
if (badge.interaction.config.choices && badge.interaction.config.choices.length > 0) {
|
|
11
|
+
setMultipleChoiceValue(badge.interaction.config.choices[0].value);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}, [badge]);
|
|
17
|
+
var handleInteraction = function (badgeId, selectedValue) {
|
|
18
|
+
if (userInteraction) {
|
|
19
|
+
userInteraction(badgeId, selectedValue);
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
return (React.createElement("div", { className: "badge-wrapper" },
|
|
23
|
+
React.createElement("div", { className: "badge-details" },
|
|
24
|
+
(badge === null || badge === void 0 ? void 0 : badge.icon_url) && (React.createElement("div", { className: "badge-image" },
|
|
25
|
+
React.createElement("img", { src: badge.icon_url, alt: badge.name }))),
|
|
26
|
+
React.createElement("div", { className: "badge-title" },
|
|
27
|
+
React.createElement("div", null, badge === null || badge === void 0 ? void 0 : badge.name),
|
|
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" }, badge === null || badge === void 0 ? void 0 :
|
|
30
|
+
badge.description.split(/\r?\n/).map(function (line, i) {
|
|
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
|
+
}),
|
|
36
|
+
(badge === null || badge === void 0 ? void 0 : badge.is_interactive) && userInteraction && (React.createElement("div", { className: "badge-interactive" }, badge.interaction && badge.interaction.config && badge.interaction.can_interact && (React.createElement(React.Fragment, null,
|
|
37
|
+
React.createElement("p", null, badge.interaction.config.description),
|
|
38
|
+
badge.interaction.config.type === "single_button" && (React.createElement("div", null,
|
|
39
|
+
React.createElement("button", { className: "btn btn-outline-primary btn-sm mc-btn", onClick: function () {
|
|
40
|
+
var _a;
|
|
41
|
+
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");
|
|
42
|
+
} }, badge.interaction.config.button_text))),
|
|
43
|
+
badge.interaction.config.type === "multiple_choice" && (React.createElement("div", { className: "d-flex flex-row gap-2 align-items-center" },
|
|
44
|
+
React.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.createElement("option", { key: index, value: choice.value }, choice.label)); })),
|
|
45
|
+
React.createElement("button", { className: "btn btn-outline-primary btn-sm mc-btn", onClick: function () {
|
|
46
|
+
return handleInteraction(Number(badge.traitId), multipleChoiceValue);
|
|
47
|
+
} }, "OK")))))))))));
|
|
48
|
+
};
|
|
49
|
+
export default BadgeDetails;
|
|
50
|
+
//# sourceMappingURL=BadgeDetails.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeDetails.js","sourceRoot":"","sources":["../../../src/Card/BadgeDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
2
|
import "./styles/BadgeList.css";
|
|
3
|
+
import BadgeDetails from "./BadgeDetails";
|
|
3
4
|
var BadgeList = function (_a) {
|
|
4
|
-
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, backgroundImage = _a.backgroundImage, onClose = _a.onClose;
|
|
5
|
+
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, backgroundImage = _a.backgroundImage, onClose = _a.onClose, userInteraction = _a.userInteraction;
|
|
5
6
|
var _b = useState(null), selectedBadge = _b[0], setSelectedBadge = _b[1];
|
|
6
7
|
var _c = useState(false), badgeDetailsVisible = _c[0], setBadgeDetailsVisible = _c[1];
|
|
7
8
|
useEffect(function () {
|
|
@@ -44,19 +45,7 @@ var BadgeList = function (_a) {
|
|
|
44
45
|
React.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId) })),
|
|
45
46
|
React.createElement("div", { className: "d-flex badge-label flex-shrink-1" }, badge.name)));
|
|
46
47
|
})),
|
|
47
|
-
React.createElement(
|
|
48
|
-
React.createElement("div", { className: "badge-details" },
|
|
49
|
-
(selectedBadge === null || selectedBadge === void 0 ? void 0 : selectedBadge.icon_url) && (React.createElement("div", { className: "badge-image" },
|
|
50
|
-
React.createElement("img", { src: selectedBadge.icon_url, alt: selectedBadge.name }))),
|
|
51
|
-
React.createElement("div", { className: "badge-title" },
|
|
52
|
-
React.createElement("div", null, selectedBadge === null || selectedBadge === void 0 ? void 0 : selectedBadge.name),
|
|
53
|
-
(selectedBadge === null || selectedBadge === void 0 ? void 0 : selectedBadge.value) && React.createElement("div", { className: "badge-value" }, selectedBadge.value)),
|
|
54
|
-
React.createElement("div", { className: "badge-description" }, selectedBadge === null || selectedBadge === void 0 ? void 0 : selectedBadge.description.split(/\r?\n/).map(function (line, i) {
|
|
55
|
-
var parts = line.split(/(https?:\/\/[^\s]+)/g);
|
|
56
|
-
return (React.createElement("div", { key: i }, parts.map(function (part, j) {
|
|
57
|
-
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));
|
|
58
|
-
})));
|
|
59
|
-
})))))));
|
|
48
|
+
React.createElement(BadgeDetails, { badge: selectedBadge, userInteraction: userInteraction }))));
|
|
60
49
|
};
|
|
61
50
|
export default BadgeList;
|
|
62
51
|
//# sourceMappingURL=BadgeList.js.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../../src/Card/BadgeList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
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;
|
|
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];
|
|
@@ -182,7 +182,7 @@ var GalaxisCard = function (_a) {
|
|
|
182
182
|
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
183
|
setFlipped(false);
|
|
184
184
|
setSelectedBadgeId(0);
|
|
185
|
-
} })))) : (React.createElement("div", { className: "back-image" },
|
|
185
|
+
}, userInteraction: userInteraction })))) : (React.createElement("div", { className: "back-image" },
|
|
186
186
|
backImage && React.createElement("img", { src: backImage }),
|
|
187
187
|
React.createElement("div", { className: "flip-button", onClick: function () { return setFlipped(false); } },
|
|
188
188
|
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;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;AAOlC,OAAO,cAAc,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -161,3 +161,23 @@
|
|
|
161
161
|
.badge-list.details-visible .badge-wrapper {
|
|
162
162
|
transform: translateY(-100%);
|
|
163
163
|
}
|
|
164
|
+
|
|
165
|
+
.badge-interactive {
|
|
166
|
+
margin-top: 0.5em;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.mc-btn {
|
|
170
|
+
border: 2px solid rgb(254, 44, 133) !important;
|
|
171
|
+
background-color: rgb(254, 44, 133) !important;
|
|
172
|
+
color: white !important;
|
|
173
|
+
cursor: pointer;
|
|
174
|
+
text-align: center;
|
|
175
|
+
text-decoration: none;
|
|
176
|
+
display: inline-block;
|
|
177
|
+
transition: all 0.3s ease;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.mc-btn:hover {
|
|
181
|
+
background-color: rgb(177, 30, 93) !important;
|
|
182
|
+
border-color: rgb(177, 30, 93) !important;
|
|
183
|
+
}
|
package/dist/esm/main.js
CHANGED
|
@@ -3,5 +3,5 @@ import "./index.css";
|
|
|
3
3
|
import App from "./Card/App";
|
|
4
4
|
import React from "react";
|
|
5
5
|
var rootElement = document.getElementById("root");
|
|
6
|
-
createRoot(rootElement).render(React.createElement(App, { balances: undefined, cardLoyaltyLevel: undefined, metadata: undefined, galaxisIcon: undefined }));
|
|
6
|
+
createRoot(rootElement).render(React.createElement(App, { balances: undefined, cardLoyaltyLevel: undefined, metadata: undefined, galaxisIcon: undefined, userInteraction: undefined }));
|
|
7
7
|
//# sourceMappingURL=main.js.map
|
package/dist/esm/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,CAAC;AACrB,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,IAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAgB,CAAC;AAEnE,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAC5B,oBAAC,GAAG,IACF,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,SAAS,EAC3B,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,CAAC;AACrB,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,IAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAgB,CAAC;AAEnE,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAC5B,oBAAC,GAAG,IACF,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,SAAS,EAC3B,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,SAAS,EACtB,eAAe,EAAE,SAAS,GAC1B,CACH,CAAC"}
|
|
@@ -20,6 +20,20 @@ export interface SideModel {
|
|
|
20
20
|
[key: string]: string;
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
|
+
export interface ChoiceModel {
|
|
24
|
+
label: string;
|
|
25
|
+
value: any;
|
|
26
|
+
}
|
|
27
|
+
export interface InteractionConfigModel {
|
|
28
|
+
type: string;
|
|
29
|
+
description: string;
|
|
30
|
+
button_text?: string;
|
|
31
|
+
choices?: ChoiceModel[];
|
|
32
|
+
}
|
|
33
|
+
export interface InteractionModel {
|
|
34
|
+
can_interact: boolean;
|
|
35
|
+
config: InteractionConfigModel;
|
|
36
|
+
}
|
|
23
37
|
export interface TraitModel {
|
|
24
38
|
claim_url: any;
|
|
25
39
|
description: string;
|
|
@@ -33,6 +47,8 @@ export interface TraitModel {
|
|
|
33
47
|
decorator_type?: string;
|
|
34
48
|
highlighted: boolean;
|
|
35
49
|
value?: string;
|
|
50
|
+
is_interactive?: boolean;
|
|
51
|
+
interaction?: InteractionModel;
|
|
36
52
|
}
|
|
37
53
|
export interface LayerModifierModel {
|
|
38
54
|
animationX: number;
|