"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = require("@storybook/react");
var React = __importStar(require("react"));
var styled_components_1 = __importDefault(require("styled-components"));
var Story_1 = require("./Story");
var StoryDetails_1 = require("./StoryDetails");
var StoryNewsroomDetails_1 = require("./StoryNewsroomDetails");
var StoryNewsroomStatus_1 = require("./StoryNewsroomStatus");
var Contributors_1 = require("../Contributors");
var elements_1 = require("@joincivil/elements");
var StoryFeedStyledComponents_1 = require("./StoryFeedStyledComponents");
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 360px;\n"], ["\n  width: 360px;\n"])));
var contributors = [
    {
        usdEquivalent: 2.5,
        payerChannel: {
            handle: "violetnight13",
            tiny72AvatarDataUrl: "https://picsum.photos/50",
        },
    },
    {
        usdEquivalent: 3,
        payerChannel: {
            handle: "CaryRay",
            tiny72AvatarDataUrl: "https://picsum.photos/50",
        },
    },
    {
        usdEquivalent: 5,
        payerChannel: {
            handle: "ronburgundy",
            tiny72AvatarDataUrl: "https://picsum.photos/50",
        },
    },
];
var newsroom = {
    contractAddress: "0x224b07d2ff8ca3c3757fdfc101922fb4792cc2d7",
    multisigAddress: "0xe1e345504d9cd4d19bee9c0300a8c8265e62b17c",
    charter: {
        name: "Coda Story",
        newsroomUrl: "https://codastory.com",
        mission: {
            purpose: "Coda Story puts a team of journalists on one crisis at a time and stays with it, providing unique depth, continuity and understanding to events that shape our world.",
        },
    },
};
var openGraphData = {
    description: "Uyghurs are gaming TikTok’s algorithm to find a loophole in Xinjiangs’s information lockdown",
    images: [
        {
            url: "https://codastory.com/wp-content/uploads/2019/09/Still-Header-.png",
        },
    ],
    title: "How TikTok opened a window into China’s police state",
    url: "https://codastory.com/authoritarian-tech/tiktok-uyghur-china/",
    article: {
        published_time: "2 days ago",
    },
};
var onClickFunc = function () {
    console.log("clicked");
};
react_1.storiesOf("Boost / Story Feed", module)
    .add("Story Card", function () {
    return (React.createElement(Container, null,
        React.createElement(StoryNewsroomStatus_1.StoryNewsroomStatus, { newsroomName: newsroom.charter.name, activeChallenge: false, handleOpenNewsroom: onClickFunc }),
        React.createElement(Story_1.Story, { openGraphData: openGraphData, handleOpenStory: onClickFunc }),
        React.createElement(StoryFeedStyledComponents_1.StoryElementsFlex, null,
            React.createElement(Contributors_1.ContributorCount, { totalContributors: 15, displayedContributors: contributors }),
            React.createElement(StoryFeedStyledComponents_1.StoryElementsFlex, null,
                React.createElement(elements_1.PaymentButton, { onClick: onClickFunc }),
                React.createElement(elements_1.ShareButton, { onClick: onClickFunc })))));
})
    .add("Story Details", function () {
    return (React.createElement(Container, null,
        React.createElement(StoryDetails_1.StoryDetails, { activeChallenge: false, createdAt: "1 min ago", newsroomName: newsroom.charter.name, openGraphData: openGraphData, displayedContributors: contributors, sortedContributors: contributors, totalContributors: 30, handleShare: onClickFunc, handlePayments: onClickFunc, handleOpenNewsroom: onClickFunc })));
})
    .add("Story Newsroom Details", function () {
    return (React.createElement(Container, null,
        React.createElement(StoryNewsroomDetails_1.StoryNewsroomDetails, { activeChallenge: false, newsroom: newsroom })));
});
var templateObject_1;
//# sourceMappingURL=StoryFeed.stories.js.map