UNPKG

decentraland-ui

Version:

Decentraland's UI components and styles

767 lines (766 loc) 45.8 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); exports.WorldsNotifications = exports.EventsNotifications = exports.CampaignNotifications = exports.RewardNotifications = exports.LandNotifications = exports.GovernanceNotifications = exports.NotificationItemImageStory = exports.OpenLoading = exports.OpenNotLoadingButEmpty = exports.OpenNotLoading = exports.Onboarding = exports.WithNewNotificatitons = exports.WithoutNewNotifications = void 0; var react_1 = __importDefault(require("react")); var react_2 = require("react"); var Notifications_1 = __importDefault(require("./Notifications")); var NotificationItemImage_1 = __importDefault(require("./NotificationItemImage")); var schemas_1 = require("@dcl/schemas"); var BidReceived_1 = __importDefault(require("../Icons/Notifications/BidReceived")); var types_1 = require("./types"); var utils_1 = require("./utils"); var GovernanceAnnouncementNotification_1 = __importDefault(require("./NotificationTypes/Governance/GovernanceAnnouncementNotification")); var GovernanceAuthoredProposalFinishedNotification_1 = __importDefault(require("./NotificationTypes/Governance/GovernanceAuthoredProposalFinishedNotification")); var GovernanceCoauthorRequestedNotification_1 = __importDefault(require("./NotificationTypes/Governance/GovernanceCoauthorRequestedNotification")); var GovernanceCliffEndedNotification_1 = __importDefault(require("./NotificationTypes/Governance/GovernanceCliffEndedNotification")); var GovernanceNewCommentOnProposalNotification_1 = __importDefault(require("./NotificationTypes/Governance/GovernanceNewCommentOnProposalNotification")); var GovernanceNewCommentOnProjectUpdateNotification_1 = __importDefault(require("./NotificationTypes/Governance/GovernanceNewCommentOnProjectUpdateNotification")); var GovernanceVotingEndedVoterNotification_1 = __importDefault(require("./NotificationTypes/Governance/GovernanceVotingEndedVoterNotification")); var GovernanceProposalEnactedNotification_1 = __importDefault(require("./NotificationTypes/Governance/GovernanceProposalEnactedNotification")); var NotificationTypes_1 = require("./NotificationTypes"); var utils_2 = require("../AddressField/utils"); var RewardInProgressNotification_1 = __importDefault(require("./NotificationTypes/Reward/RewardInProgressNotification")); var RewardDelayedNotification_1 = __importDefault(require("./NotificationTypes/Reward/RewardDelayedNotification")); var CampaignOutOfStockNotification_1 = __importDefault(require("./NotificationTypes/Reward/CampaignOutOfStockNotification")); var CampaignOutOfFundsNotification_1 = __importDefault(require("./NotificationTypes/Reward/CampaignOutOfFundsNotification")); var CampaignGasPriceHigherThanExpectedNotification_1 = __importDefault(require("./NotificationTypes/Reward/CampaignGasPriceHigherThanExpectedNotification")); var meta = { title: 'Notifications Toggle', component: Notifications_1.default }; exports.default = meta; exports.WithoutNewNotifications = { render: function () { return (react_1.default.createElement("div", null, react_1.default.createElement(Notifications_1.default, { isOpen: false, isLoading: false, isOnboarding: false, items: [], locale: "en", activeTab: types_1.NotificationActiveTab.NEWEST, onChangeTab: function (e, newTab) { return console.log(newTab); }, onClick: function () { return console.log('Toggle button'); }, onBegin: function () { return console.log('Begin'); }, onClose: function (_, m) { return console.log(m); } }))); } }; exports.WithNewNotificatitons = { render: function () { return (react_1.default.createElement("div", null, react_1.default.createElement(Notifications_1.default, { isOpen: false, isLoading: false, isOnboarding: 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, onChangeTab: function (e, newTab) { return console.log(newTab); }, onClick: function () { return console.log('Toggle button'); }, onBegin: function () { return console.log('Begin'); }, onClose: function (_, m) { return console.log(m); } }))); } }; exports.Onboarding = { render: function () { return (react_1.default.createElement("div", null, react_1.default.createElement(Notifications_1.default, { isOpen: true, isLoading: false, isOnboarding: true, 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' } ], activeTab: types_1.NotificationActiveTab.NEWEST, onChangeTab: function (e, newTab) { return console.log(newTab); }, locale: "en", onClick: function () { return console.log('Toggle button'); }, onBegin: function () { return console.log('Begin'); }, onClose: function (_, m) { return console.log(m); } }))); } }; exports.OpenNotLoading = { render: function () { var _a = (0, react_2.useState)('newest'), tab = _a[0], setTab = _a[1]; return (react_1.default.createElement("div", null, react_1.default.createElement(Notifications_1.default, { isOpen: true, isLoading: false, isOnboarding: false, locale: "en", items: [ { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_AUTHORED_PROPOSAL_FINISHED, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, { id: 'B', read: true, type: schemas_1.NotificationType.ROYALTIES_EARNED, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://market.decentraland.zone/contracts/0xb726634ed82ac04e6bca66b3b97cc41a2c10ec31/tokens/9', image: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:binance_us_collection:binance_us_upper_body/thumbnail', rarity: 'common', network: 'polygon', nftName: 'NJacket', category: 'wearable', royaltiesCut: '30000000000000000', royaltiesCollector: '0x2a39d4f68133491f0442496f601cde2a945b6d31' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, { id: 'A', read: true, type: schemas_1.NotificationType.ITEM_SOLD, address: '0xA', timestamp: new Date(new Date().setHours(new Date().getHours() - 19)).getTime(), metadata: { link: 'https://market.decentraland.org/contracts/0xa8ee490e4c4da48cc1653502c1a77479d4d818de/tokens/590', image: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:binance_us_collection:binance_us_upper_body/thumbnail', rarity: 'epic', seller: '0x6b347a82fcac4e6a38d1fc40e3631bd8f9495e9f', nftName: 'Exclusive Binance Hoodie', network: 'ethereum', category: 'wearable' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, { id: 'A', read: true, type: schemas_1.NotificationType.ITEM_SOLD, address: '0xA', timestamp: new Date(new Date().setHours(new Date().getHours() - 19)).getTime(), metadata: { link: 'https://market.decentraland.org/contracts/0xa8ee490e4c4da48cc1653502c1a77479d4d818de/tokens/590', image: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:binance_us_collection:binance_us_upper_body/thumbnail', rarity: 'epic', seller: '0x6b347a82fcac4e6a38d1fc40e3631bd8f9495e9f', nftName: 'Exclusive Binance Hoodie', network: 'ethereum', category: 'wearable' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, { id: 'A', read: true, type: schemas_1.NotificationType.ITEM_SOLD, address: '0xA', timestamp: new Date(new Date().setHours(new Date().getHours() - 19)).getTime(), metadata: { link: 'https://market.decentraland.org/contracts/0xa8ee490e4c4da48cc1653502c1a77479d4d818de/tokens/590', image: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:binance_us_collection:binance_us_upper_body/thumbnail', rarity: 'epic', seller: '0x6b347a82fcac4e6a38d1fc40e3631bd8f9495e9f', nftName: 'Exclusive Binance Hoodie', network: 'ethereum', category: 'wearable' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, { id: 'A', read: true, type: schemas_1.NotificationType.ITEM_SOLD, address: '0xA', timestamp: new Date(new Date().setHours(new Date().getHours() - 19)).getTime(), metadata: { link: 'https://market.decentraland.org/contracts/0xa8ee490e4c4da48cc1653502c1a77479d4d818de/tokens/590', image: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:binance_us_collection:binance_us_upper_body/thumbnail', rarity: 'epic', seller: '0x6b347a82fcac4e6a38d1fc40e3631bd8f9495e9f', nftName: 'Exclusive Binance Hoodie', network: 'ethereum', category: 'wearable' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, { id: 'AC', read: true, type: schemas_1.NotificationType.ITEM_SOLD, address: '0xA', timestamp: 1701123003 * 1000, metadata: { link: 'https://market.decentraland.org/contracts/0xa8ee490e4c4da48cc1653502c1a77479d4d818de/tokens/590', image: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:binance_us_collection:binance_us_upper_body/thumbnail', rarity: 'uncommon', seller: '0x6b347a82fcac4e6a38d1fc40e3631bd8f9495e9f', nftName: 'Binance US Hoodie', network: 'ethereum', category: 'wearable' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, { id: 'AS', read: true, type: schemas_1.NotificationType.ITEM_SOLD, address: '0xA', timestamp: 1701123003 * 1000, metadata: { link: 'https://market.decentraland.org/contracts/0xa8ee490e4c4da48cc1653502c1a77479d4d818de/tokens/590', image: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:binance_us_collection:binance_us_upper_body/thumbnail', rarity: 'uncommon', seller: '0x6b347a82fcac4e6a38d1fc40e3631bd8f9495e9f', nftName: 'Binance US Hoodie', network: 'ethereum', category: 'wearable' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, { id: 'AA', read: true, type: schemas_1.NotificationType.LAND_RENTED, address: '0xA', timestamp: new Date().getTime(), metadata: { description: 'The rent of your LAND at 5,48 has ended.', link: 'https://marketplace-url/contracts/0x42f4ba48791e2de32f5fbf553441c2672864bb33/tokens/random-token-id/manage', title: 'Rent Period Ending', contract: '0x42f4ba48791e2de32f5fbf553441c2672864bb33', lessor: '0x24e5f44999c151f08609f8e27b2238c773c4d020', tenant: '0xd5359E309c47c8920C277d078d5F3c3DBeA1ef84', operator: '0xd5359E309c47c8920C277d078d5F3c3DBeA1ef84', startedAt: '1710447420', endedAt: '1710533820', tokenId: 'random-token-id', land: '5,48' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } ], activeTab: tab, onChangeTab: function (e, newTab) { return setTab(newTab); }, onClick: function () { return console.log('Toggle button'); }, onBegin: function () { return console.log('Begin'); }, onClose: function (_, m) { return console.log(m); }, renderProfile: function (address) { return (0, utils_2.shorten)(address); } }))); } }; exports.OpenNotLoadingButEmpty = { render: function () { return (react_1.default.createElement("div", null, react_1.default.createElement(Notifications_1.default, { isOpen: true, isLoading: false, isOnboarding: false, locale: "en", items: [], activeTab: types_1.NotificationActiveTab.NEWEST, onChangeTab: function (e, newTab) { return console.log(newTab); }, onClick: function () { return console.log('Toggle button'); }, onBegin: function () { return console.log('Begin'); }, onClose: function (_, m) { return console.log(m); } }))); } }; exports.OpenLoading = { render: function () { return (react_1.default.createElement("div", null, react_1.default.createElement(Notifications_1.default, { isOpen: true, isLoading: true, isOnboarding: false, locale: "en", items: [], activeTab: types_1.NotificationActiveTab.NEWEST, onChangeTab: function (e, newTab) { return console.log(newTab); }, onClick: function () { return console.log('Toggle button'); }, onBegin: function () { return console.log('Begin'); }, onClose: function (_, m) { return console.log(m); } }))); } }; exports.NotificationItemImageStory = { render: function () { return (react_1.default.createElement("div", null, react_1.default.createElement(NotificationItemImage_1.default, { backgroundColor: (0, utils_1.getBGColorByRarity)(schemas_1.Rarity.EPIC), image: "https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:binance_us_collection:binance_us_upper_body/thumbnail", icon: react_1.default.createElement(BidReceived_1.default, null) }))); } }; exports.GovernanceNotifications = { render: function () { return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' } }, react_1.default.createElement(GovernanceAnnouncementNotification_1.default, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_ANNOUNCEMENT, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(GovernanceAuthoredProposalFinishedNotification_1.default, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_AUTHORED_PROPOSAL_FINISHED, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(GovernanceCoauthorRequestedNotification_1.default, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_COAUTHOR_REQUESTED, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(GovernanceNewCommentOnProposalNotification_1.default, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_NEW_COMMENT_ON_PROPOSAL, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(GovernanceNewCommentOnProjectUpdateNotification_1.default, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_NEW_COMMENT_ON_PROJECT_UPDATE, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(GovernanceProposalEnactedNotification_1.default, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_PROPOSAL_ENACTED, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(GovernanceVotingEndedVoterNotification_1.default, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_VOTING_ENDED_VOTER, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(NotificationTypes_1.GovernancePitchPassedNotification, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_PITCH_PASSED, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(NotificationTypes_1.GovernanceTenderPassedNotification, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_TENDER_PASSED, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(NotificationTypes_1.GovernanceWhaleVoteNotification, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_WHALE_VOTE, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(NotificationTypes_1.GovernanceVotedOnBehalfNotification, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_VOTED_ON_BEHALF, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/governance', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }), react_1.default.createElement(GovernanceCliffEndedNotification_1.default, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.GOVERNANCE_CLIFF_ENDED, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/vesting/#/0xa85f9e1369031d52d14d13d346cb9bdc6ae7baec', title: 'Test Governance Announcement', description: 'Test description', proposalId: 'AAA_PROPOSAL_111', proposalTitle: 'Open Source all code using DAO funds' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }))); } }; exports.LandNotifications = { render: function () { return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' } }, react_1.default.createElement(NotificationTypes_1.LandRentedNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.LAND_RENTED, address: '0xA', timestamp: new Date().getTime(), metadata: { description: 'The rent of your LAND at 5,48 has ended.', link: 'https://marketplace-url/contracts/0x42f4ba48791e2de32f5fbf553441c2672864bb33/tokens/random-token-id/manage', title: 'Rent Period Ending', contract: '0x42f4ba48791e2de32f5fbf553441c2672864bb33', lessor: '0x24e5f44999c151f08609f8e27b2238c773c4d020', tenant: '0xd5359E309c47c8920C277d078d5F3c3DBeA1ef84', operator: '0xd5359E309c47c8920C277d078d5F3c3DBeA1ef84', startedAt: '1710447420', endedAt: '1710533820', tokenId: 'random-token-id', land: '5,48' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en", renderProfile: function (address) { return (0, utils_2.shorten)(address); } }), react_1.default.createElement(NotificationTypes_1.LandRentalEndedNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.LAND_RENTAL_ENDED, address: '0xA', timestamp: new Date().getTime(), metadata: { description: 'The rent of your LAND at 5,48 has ended.', link: 'https://marketplace-url/contracts/0x42f4ba48791e2de32f5fbf553441c2672864bb33/tokens/random-token-id/manage', title: 'Rent Period Ending', contract: '0x42f4ba48791e2de32f5fbf553441c2672864bb33', lessor: '0x24e5f44999c151f08609f8e27b2238c773c4d020', tenant: '0xd5359E309c47c8920C277d078d5F3c3DBeA1ef84', operator: '0xd5359E309c47c8920C277d078d5F3c3DBeA1ef84', startedAt: '1710447420', endedAt: '1710533820', tokenId: 'random-token-id', land: '5,48' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }))); } }; exports.RewardNotifications = { render: function () { return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' } }, react_1.default.createElement(NotificationTypes_1.RewardAssignedNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.REWARD_ASSIGNED, address: '0xA', timestamp: new Date().getTime(), metadata: { tokenImage: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:atari_launch:atari_green_upper_body/thumbnail', tokenRarity: 'epic', tokenName: 'Green Atari Tee' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(RewardInProgressNotification_1.default, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.REWARD_IN_PROGRESS, address: '0xA', timestamp: new Date().getTime(), metadata: { tokenImage: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:atari_launch:atari_green_upper_body/thumbnail', tokenRarity: 'epic', tokenName: 'Green Atari Tee' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(RewardDelayedNotification_1.default, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.REWARD_DELAYED, address: '0xA', timestamp: new Date().getTime(), metadata: { tokenImage: 'https://peer.decentraland.org/lambdas/collections/contents/urn:decentraland:ethereum:collections-v1:atari_launch:atari_green_upper_body/thumbnail', tokenRarity: 'epic', tokenName: 'Green Atari Tee' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }))); } }; exports.CampaignNotifications = { render: function () { return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' } }, react_1.default.createElement(CampaignOutOfStockNotification_1.default, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.REWARD_CAMPAIGN_OUT_OF_STOCK, address: '0xA', timestamp: new Date().getTime(), metadata: { campaignName: 'Cool Campaign', link: 'https://decentraland.zone/rewards/campaign/?id=e9b39fdb-1bf1-490a-855e-f5e6c63a4525' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(CampaignOutOfFundsNotification_1.default, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.REWARD_CAMPAIGN_OUT_OF_FUNDS, address: '0xA', timestamp: new Date().getTime(), metadata: { campaignName: 'Cool Campaign', link: 'https://decentraland.zone/rewards/campaign/?id=e9b39fdb-1bf1-490a-855e-f5e6c63a4525' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(CampaignGasPriceHigherThanExpectedNotification_1.default, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.REWARD_CAMPAIGN_GAS_PRICE_HIGHER_THAN_EXPECTED, address: '0xA', timestamp: new Date().getTime(), metadata: { campaignName: 'Cool Campaign', link: 'https://decentraland.zone/rewards/campaign/?id=e9b39fdb-1bf1-490a-855e-f5e6c63a4525' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }))); } }; exports.EventsNotifications = { render: function () { var futureStartDate = new Date(); futureStartDate.setSeconds(futureStartDate.getSeconds() + 50); var pastStartDate = new Date(); pastStartDate.setSeconds(pastStartDate.getSeconds() - 50); return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' } }, react_1.default.createElement(NotificationTypes_1.EventsStartsSoonNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.EVENTS_STARTS_SOON, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/events/event/?id=0f91b470-2d4a-4ecc-a619-8c682d872685', startsAt: futureStartDate.toString(), endsAt: '2023-11-29T12:51:00.600Z', image: 'https://events-assets-099ac00.decentraland.org/poster/b9c4b26365d32607.jpg4', name: 'Decentraland Art Week' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(NotificationTypes_1.EventsStartsSoonNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.EVENTS_STARTS_SOON, address: '0xA', timestamp: new Date('2023-11-29T12:51:00.600Z').getTime(), metadata: { link: 'https://decentraland.org/events/event/?id=0f91b470-2d4a-4ecc-a619-8c682d872685', startsAt: pastStartDate.toString(), endsAt: '2023-11-29T12:51:00.600Z', image: 'https://events-assets-099ac00.decentraland.org/poster/b9c4b26365d32607.jpg4', name: 'Decentraland Art Week' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(NotificationTypes_1.EventsStartedNotification, { locale: "en", notification: { id: 'AA', read: true, type: schemas_1.NotificationType.EVENTS_STARTED, address: '0xA', timestamp: new Date().getTime(), metadata: { link: 'https://decentraland.org/events/event/?id=0f91b470-2d4a-4ecc-a619-8c682d872685', image: 'https://events-assets-099ac00.decentraland.org/poster/b9c4b26365d32607.jpg4', name: 'Decentraland Art Week' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' } }))); } }; exports.WorldsNotifications = { render: function () { return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' } }, react_1.default.createElement(NotificationTypes_1.WorldsPermissionGrantedNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.WORLDS_PERMISSION_GRANTED, address: '0xA', timestamp: new Date().getTime(), metadata: { title: 'World notification', description: 'Wolrd description', permissions: ['deployment'], world: 'meelrossi.dcl.eth' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(NotificationTypes_1.WorldsPermissionRevokedNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.WORLDS_PERMISSION_REVOKED, address: '0xA', timestamp: new Date().getTime(), metadata: { title: 'World notification', description: 'Wolrd description', permissions: ['deployment'], world: 'meelrossi.dcl.eth' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(NotificationTypes_1.WorldsPermissionGrantedNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.WORLDS_PERMISSION_GRANTED, address: '0xA', timestamp: new Date().getTime(), metadata: { title: 'World notification', description: 'Wolrd description', permissions: ['access'], world: 'meelrossi.dcl.eth' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(NotificationTypes_1.WorldsPermissionRevokedNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.WORLDS_PERMISSION_REVOKED, address: '0xA', timestamp: new Date().getTime(), metadata: { title: 'World notification', description: 'Wolrd description', permissions: ['access'], world: 'meelrossi.dcl.eth' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(NotificationTypes_1.WorldsPermissionGrantedNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.WORLDS_PERMISSION_GRANTED, address: '0xA', timestamp: new Date().getTime(), metadata: { title: 'World notification', description: 'Wolrd description', permissions: ['streaming'], world: 'meelrossi.dcl.eth' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }), react_1.default.createElement(NotificationTypes_1.WorldsPermissionRevokedNotification, { notification: { id: 'AA', read: true, type: schemas_1.NotificationType.WORLDS_PERMISSION_REVOKED, address: '0xA', timestamp: new Date().getTime(), metadata: { title: 'World notification', description: 'Wolrd description', permissions: ['streaming'], world: 'meelrossi.dcl.eth' }, created_at: '2023-11-29T12:51:00.600Z', updated_at: '2023-11-29T12:51:00.600Z' }, locale: "en" }))); } };