decentraland-ui/dist/components/UserMenu/UserMenu.stories.js

Decentraland's UI components and styles

"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.NotificationPending = exports.Notification = exports.HasActivity = exports.ManaL2 = exports.Mana = exports.ClickableProfile = exports.Guest = exports.Disconnecting = exports.SigningIn = exports.SignedIn = exports.SignedOut = void 0;
var react_1 = __importDefault(require("react"));
var schemas_1 = require("@dcl/schemas");
var network_1 = require("@dcl/schemas/dist/dapps/network");
var avatar_1 = require("../../data/avatar");
var types_1 = require("../Notifications/types");
var UserMenu_1 = require("./UserMenu");
var UserMenu_i18n_1 = require("./UserMenu.i18n");
require("./UserMenu.stories.css");
var meta = {
    title: 'UserMenu',
    component: UserMenu_1.UserMenu
};
exports.default = meta;
exports.SignedOut = {
    render: function () { return (react_1.default.createElement("div", { className: "usermenu-story-container" },
        react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n }))); }
};
exports.SignedIn = {
    render: function () { return (react_1.default.createElement("div", { className: "usermenu-story-container" },
        react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isSignedIn: true, avatar: avatar_1.avatar }))); }
};
exports.SigningIn = {
    render: function () { return (react_1.default.createElement("div", { className: "usermenu-story-container" },
        react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isSigningIn: true }))); }
};
exports.Disconnecting = {
    render: function () { return (react_1.default.createElement("div", { className: "usermenu-story-container" },
        react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isDisconnecting: true }))); }
};
exports.Guest = {
    render: function () {
        var _a;
        return (react_1.default.createElement("div", { className: "usermenu-story-container" },
            react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isSignedIn: true, avatar: __assign(__assign({}, avatar_1.avatar), { hasClaimedName: false }), manaBalances: (_a = {}, _a[network_1.Network.ETHEREUM] = 1000, _a[network_1.Network.MATIC] = 2500, _a), onClickOpen: function (event, trackId) { return console.log(event, trackId); }, onClickBalance: function (event, network) { return console.log(event, network); } })));
    }
};
exports.ClickableProfile = {
    render: function () { return (react_1.default.createElement("div", { className: "usermenu-story-container" },
        react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isSignedIn: true, avatar: avatar_1.avatar, onClickProfile: function () { return undefined; } }))); }
};
exports.Mana = {
    render: function () {
        var _a;
        return (react_1.default.createElement("div", { className: "usermenu-story-container" },
            react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isSignedIn: true, avatar: avatar_1.avatar, manaBalances: (_a = {}, _a[network_1.Network.ETHEREUM] = 1000, _a) })));
    }
};
exports.ManaL2 = {
    render: function () {
        var _a;
        return (react_1.default.createElement("div", { className: "usermenu-story-container" },
            react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isSignedIn: true, avatar: avatar_1.avatar, manaBalances: (_a = {}, _a[network_1.Network.ETHEREUM] = 1000, _a[network_1.Network.MATIC] = 2500, _a) })));
    }
};
exports.HasActivity = {
    render: function () {
        var _a;
        return (react_1.default.createElement("div", { className: "usermenu-story-container" },
            react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isSignedIn: true, avatar: avatar_1.avatar, onClickMarketplaceAuthorization: function () { return undefined; }, onClickActivity: function () { return undefined; }, manaBalances: (_a = {}, _a[network_1.Network.ETHEREUM] = 1000, _a[network_1.Network.MATIC] = 2500, _a), hasActivity: true })));
    }
};
exports.Notification = {
    render: function () {
        var _a;
        return (react_1.default.createElement("div", { className: "usermenu-story-container" },
            react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isSignedIn: true, avatar: avatar_1.avatar, onClickMarketplaceAuthorization: function () { return undefined; }, onClickActivity: function () { return undefined; }, manaBalances: (_a = {}, _a[network_1.Network.ETHEREUM] = 1000, _a[network_1.Network.MATIC] = 2500, _a), hasActivity: true, notifications: {
                    isOnboarding: false,
                    isOpen: false,
                    isLoading: false,
                    items: [],
                    locale: 'en',
                    activeTab: types_1.NotificationActiveTab.NEWEST,
                    onBegin: console.log,
                    onChangeTab: console.log,
                    onClick: console.log,
                    onClose: console.log
                } })));
    }
};
exports.NotificationPending = {
    render: function () {
        var _a;
        return (react_1.default.createElement("div", { className: "usermenu-story-container" },
            react_1.default.createElement(UserMenu_1.UserMenu, { i18n: UserMenu_i18n_1.i18n, isSignedIn: true, avatar: avatar_1.avatar, onClickMarketplaceAuthorization: function () { return undefined; }, onClickActivity: function () { return undefined; }, manaBalances: (_a = {}, _a[network_1.Network.ETHEREUM] = 1000, _a[network_1.Network.MATIC] = 2500, _a), hasActivity: true, notifications: {
                    isOnboarding: false,
                    isOpen: false,
                    isLoading: false,
                    items: [
                        {
                            id: 'A',
                            read: false,
                            type: schemas_1.NotificationType.ITEM_SOLD,
                            address: '0xA',
                            timestamp: 1680108689 * 1000,
                            metadata: {
                                link: 'https://market.decentraland.org/contracts/0x4c290f486bae507719c562b6b524bdb71a2570c9/tokens/1020',
                                image: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:atari_launch:atari_green_upper_body/thumbnail',
                                rarity: 'epic',
                                seller: '0x8bc619e7f9ca9949b8440245fd9d8c4c002edf02',
                                nftName: 'Green Atari Tee',
                                network: 'ethereum',
                                category: 'wearable'
                            },
                            created_at: '2023-11-29T12:51:00.600Z',
                            updated_at: '2023-11-29T12:51:00.600Z'
                        }
                    ],
                    locale: 'en',
                    activeTab: types_1.NotificationActiveTab.NEWEST,
                    onBegin: console.log,
                    onChangeTab: console.log,
                    onClick: console.log,
                    onClose: console.log
                } })));
    }
};