refactor directory structure; pages -> view/pages/

This commit is contained in:
Brandon Thomas committed 2023-01-21 02:39:23 -05:00
1 parent 5200967c93
commit b632c55ea9
74 files changed
+246 -253

No files matched your search

@@ -152,11 +152,6 @@ class Analytics {
Analytics.sendCategorizedEvent(this.TTS, 'open_explore_voices_modal');
}
//static ttsClickVoiceSearchBox() {
// Analytics.sendCategorizedEvent(this.TTS, 'click_voice_search_box');
//}
static ttsClickTextInputBox() {
Analytics.sendCategorizedEvent(this.TTS, 'click_text_input_box');
}
@@ -1,70 +1,70 @@
import React from "react";
import { AboutPage } from "./about/about_page/AboutPage";
import { GuidePage } from "./about/guide_page/GuidePage";
import { FirehoseEventListPage } from "./firehose/FirehoseEventListPage";
import { LoginPage } from "./login/LoginPage";
import { ModerationFc } from "./moderation/moderation_main/ModerationFc";
import { ModerationIpBanListFc } from "./moderation/moderation_ip_ban_list/ModerationIpBanListFc";
import { ModerationViewIpBanFc } from "./moderation/moderation_view_ip_ban/ModerationViewIpBanFc";
import { AboutPage } from "./pages/about/about_page/AboutPage";
import { GuidePage } from "./pages/about/guide_page/GuidePage";
import { FirehoseEventListPage } from "./pages/firehose/FirehoseEventListPage";
import { LoginPage } from "./pages/login/LoginPage";
import { ModerationFc } from "./pages/moderation/moderation_main/ModerationFc";
import { ModerationIpBanListFc } from "./pages/moderation/moderation_ip_ban_list/ModerationIpBanListFc";
import { ModerationViewIpBanFc } from "./pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc";
import { FooterNav } from "../nav/FooterNav";
import { TopNav } from "../nav/TopNav";
import { ProfileEditFc } from "./profile/profile_edit/ProfileEditFc";
import { ProfilePage } from "./profile/profile_view/ProfilePage";
import { ProfileEditFc } from "./pages/profile/profile_edit/ProfileEditFc";
import { ProfilePage } from "./pages/profile/profile_view/ProfilePage";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
import { SignupPage } from "./signup/SignupPage";
import { SignupPage } from "./pages/signup/SignupPage";
import { Switch, Route } from "react-router-dom";
import { TermsPage } from "./about/terms_page/TermsPage";
import { TermsPage } from "./pages/about/terms_page/TermsPage";
import { TtsInferenceJob, W2lInferenceJob } from "../../App";
import { TtsModelDeletePage } from "./tts/tts_model_delete/TtsModelDeletePage";
import { TtsModelEditPage } from "./tts/tts_model_edit/TtsModelEditPage";
import { TtsModelDeletePage } from "./pages/tts/tts_model_delete/TtsModelDeletePage";
import { TtsModelEditPage } from "./pages/tts/tts_model_edit/TtsModelEditPage";
import { TtsModelUploadJob } from "@storyteller/components/src/jobs/TtsModelUploadJobs";
import { VocoderUploadJob } from "@storyteller/components/src/jobs/VocoderUploadJobs";
import { TtsModelViewPage } from "./tts/tts_model_view/TtsModelViewPage";
import { TtsResultDeletePage } from "./tts/tts_result_delete/TtsResultDeletePage";
import { TtsResultViewPage } from "./tts/tts_result_view/TtsResultViewPage";
import { ContributeIndexPage } from "./contribute/ContributeIndexPage";
import { UploadTtsModelPage } from "./upload/UploadTtsModelPage";
import { UploadW2lPhotoPage } from "./upload/UploadW2lPhotoPage";
import { UploadW2lVideoPage } from "./upload/UploadW2lVideoPage";
import { W2lResultViewPage } from "./w2l/w2l_result_view/W2lResultViewPage";
import { W2lTemplateListPage } from "./w2l/w2l_template_list/W2lTemplateListPage";
import { TtsModelViewPage } from "./pages/tts/tts_model_view/TtsModelViewPage";
import { TtsResultDeletePage } from "./pages/tts/tts_result_delete/TtsResultDeletePage";
import { TtsResultViewPage } from "./pages/tts/tts_result_view/TtsResultViewPage";
import { ContributeIndexPage } from "./pages/contribute/ContributeIndexPage";
import { UploadTtsModelPage } from "./pages/upload/UploadTtsModelPage";
import { UploadW2lPhotoPage } from "./pages/upload/UploadW2lPhotoPage";
import { UploadW2lVideoPage } from "./pages/upload/UploadW2lVideoPage";
import { W2lResultViewPage } from "./pages/w2l/w2l_result_view/W2lResultViewPage";
import { W2lTemplateListPage } from "./pages/w2l/w2l_template_list/W2lTemplateListPage";
import { W2lTemplateUploadJob } from "@storyteller/components/src/jobs/W2lTemplateUploadJobs";
import { W2lTemplateViewPage } from "./w2l/w2l_template_view/W2lTemplateViewPage";
import { TtsResultEditPage } from "./tts/tts_result_edit/TtsResultEditPage";
import { W2lResultEditPage } from "./w2l/w2l_result_edit/W2lResultEditPage";
import { W2lTemplateDeletePage } from "./w2l/w2l_template_delete/W2lTemplateDeletePage";
import { W2lTemplateEditPage } from "./w2l/w2l_template_edit/W2lTemplateEditPage";
import { W2lResultDeletePage } from "./w2l/w2l_result_delete/W2lResultDeletePage";
import { W2lTemplateApprovePage } from "./w2l/w2l_template_approve/W2lTemplateApprovePage";
import { TtsModelListPage } from "./tts/tts_model_list/TtsModelListPage";
import { W2lTemplateViewPage } from "./pages/w2l/w2l_template_view/W2lTemplateViewPage";
import { TtsResultEditPage } from "./pages/tts/tts_result_edit/TtsResultEditPage";
import { W2lResultEditPage } from "./pages/w2l/w2l_result_edit/W2lResultEditPage";
import { W2lTemplateDeletePage } from "./pages/w2l/w2l_template_delete/W2lTemplateDeletePage";
import { W2lTemplateEditPage } from "./pages/w2l/w2l_template_edit/W2lTemplateEditPage";
import { W2lResultDeletePage } from "./pages/w2l/w2l_result_delete/W2lResultDeletePage";
import { W2lTemplateApprovePage } from "./pages/w2l/w2l_template_approve/W2lTemplateApprovePage";
import { TtsModelListPage } from "./pages/tts/tts_model_list/TtsModelListPage";
import { TtsModelListItem } from "@storyteller/components/src/api/tts/ListTtsModels";
import { ProfileBanFc } from "./profile/profile_ban/ProfileBanFc";
import { ModerationUserListFc } from "./moderation/moderation_user_list/ModerationUserList";
import { LeaderboardPage } from "./leaderboard/LeaderboardPage";
import { ModerationJobStatsFc } from "./moderation/moderation_job_stats/ModerationJobStatsFc";
import { ModerationPendingW2lTemplatesFc } from "./moderation/moderation_pending_w2l_templates/ModerationPendingW2lTemplatesFc";
import { ModerationVoiceStatsFc } from "./moderation/moderation_voice_stats/ModerationVoiceStatsFc";
import { CreateCategoryPage } from "./category/CreateCategoryPage";
import { TtsEditCategoriesPage } from "./tts/tts_edit_categories/TtsEditCategoriesPage";
import { ModerationTtsCategoryListPage } from "./moderation/categories/ModerationTtsCategoryListPage";
import { ModerationTtsCategoryEditPage } from "./moderation/categories/ModerationTtsCategoryEditPage";
import { ModerationCategoryDeletePage } from "./moderation/categories/ModerationCategoryDeletePage";
import { ProfileBanFc } from "./pages/profile/profile_ban/ProfileBanFc";
import { ModerationUserListFc } from "./pages/moderation/moderation_user_list/ModerationUserList";
import { LeaderboardPage } from "./pages/leaderboard/LeaderboardPage";
import { ModerationJobStatsFc } from "./pages/moderation/moderation_job_stats/ModerationJobStatsFc";
import { ModerationPendingW2lTemplatesFc } from "./pages/moderation/moderation_pending_w2l_templates/ModerationPendingW2lTemplatesFc";
import { ModerationVoiceStatsFc } from "./pages/moderation/moderation_voice_stats/ModerationVoiceStatsFc";
import { CreateCategoryPage } from "./pages/category/CreateCategoryPage";
import { TtsEditCategoriesPage } from "./pages/tts/tts_edit_categories/TtsEditCategoriesPage";
import { ModerationTtsCategoryListPage } from "./pages/moderation/categories/ModerationTtsCategoryListPage";
import { ModerationTtsCategoryEditPage } from "./pages/moderation/categories/ModerationTtsCategoryEditPage";
import { ModerationCategoryDeletePage } from "./pages/moderation/categories/ModerationCategoryDeletePage";
import { TtsCategoryType } from "../../AppWrapper";
import { PatronPage } from "./patrons/PatronPage";
import { PatronPage } from "./pages/patrons/PatronPage";
import ScrollToTop from "./_common/ScrollToTop";
import { Language } from "@storyteller/components/src/i18n/Language";
import { VoiceCloneRequestPage } from "./clone_voice_requests/VoiceCloneRequestPage";
import { VocodesPage } from "./vocodes/VocodesPage";
import { UploadVocoderPage } from "./upload/UploadVocoderPage";
import { PricingPage } from "./premium/PricingPage";
import { CheckoutSuccessPage } from "./premium/CheckoutSuccessPage";
import { CheckoutCancelPage } from "./premium/CheckoutCancelPage";
import { PortalSuccessPage } from "./premium/PortalSuccessPage";
import { PrivacyPage } from "./about/privacy_page/PrivacyPage";
import { VoiceCloneRequestPage } from "./pages/clone_voice_requests/VoiceCloneRequestPage";
import { VocodesPage } from "./pages/vocodes/VocodesPage";
import { UploadVocoderPage } from "./pages/upload/UploadVocoderPage";
import { PricingPage } from "./pages/premium/PricingPage";
import { CheckoutSuccessPage } from "./pages/premium/CheckoutSuccessPage";
import { CheckoutCancelPage } from "./pages/premium/CheckoutCancelPage";
import { PortalSuccessPage } from "./pages/premium/PortalSuccessPage";
import { PrivacyPage } from "./pages/about/privacy_page/PrivacyPage";
import { GetComputedTtsCategoryAssignmentsSuccessResponse } from "@storyteller/components/src/api/category/GetComputedTtsCategoryAssignments";
//import { LandingPage } from "./landing/LandingPage";
//import { VcModelListPage } from "./vc/vc_model_list/VcModelListPage";
//import { LandingPage } from "./pages/landing/LandingPage";
//import { VcModelListPage } from "./pages/vc/vc_model_list/VcModelListPage";
interface Props {
sessionWrapper: SessionWrapper;
@@ -1,7 +1,7 @@
import React from "react";
import { Link } from "react-router-dom";
import { motion } from "framer-motion";
import { container, item, image, panel } from "../../../../data/animation";
import { container, item, image, panel } from "../../../../../data/animation";
interface Props {}
@@ -1,6 +1,6 @@
import React from "react";
import { motion } from "framer-motion";
import { container, item, panel, image } from "../../../../data/animation";
import { container, item, panel, image } from "../../../../../data/animation";
import { Link } from "react-router-dom";
import { DiscordLink2 } from "@storyteller/components/src/elements/DiscordLink2";
@@ -1,6 +1,6 @@
import React from "react";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
interface Props {}
@@ -1,6 +1,6 @@
import React from "react";
import { motion } from "framer-motion";
import { container, item, panel, image } from "../../../../data/animation";
import { container, item, panel, image } from "../../../../../data/animation";
import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks";
import { Link } from "react-router-dom";
@@ -7,11 +7,11 @@ import {
CreateCategoryIsError,
CreateCategoryIsSuccess,
CreateCategoryRequest,
} from "../../api/category/CreateCategory";
import { BackLink } from "../_common/BackLink";
import { FrontendUrlConfig } from "../../../common/FrontendUrlConfig";
} from "../../../api/category/CreateCategory";
import { BackLink } from "../../_common/BackLink";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../data/animation";
import { container, item, panel } from "../../../../data/animation";
const DEFAULT_CAN_DIRECTLY_HAVE_MODELS = true;
const DEFAULT_CAN_HAVE_SUBCATEGORIES = false;
@@ -22,9 +22,9 @@ import {
CheckVoiceCloneApplicationRequest,
} from "@storyteller/components/src/api/clone_requests/CheckVoiceCloneApplication";
import { Link } from "react-router-dom";
import { FrontendUrlConfig } from "../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { motion } from "framer-motion";
import { container, item, image, panel } from "../../../data/animation";
import { container, item, image, panel } from "../../../../data/animation";
interface Props {}
@@ -2,7 +2,7 @@ import React from "react";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { Link } from "react-router-dom";
import { DiscordLink } from "@storyteller/components/src/elements/DiscordLink";
import { FrontendUrlConfig } from "../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { t } from "i18next";
import { Trans } from "react-i18next";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -16,7 +16,7 @@ import {
faChartArea,
} from "@fortawesome/free-solid-svg-icons";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../data/animation";
import { container, item, panel } from "../../../../data/animation";
interface Props {
sessionWrapper: SessionWrapper;
@@ -16,7 +16,7 @@ import {
faTwitch,
} from "@fortawesome/free-brands-svg-icons";
import { motion } from "framer-motion";
import { duration, delay, container, item } from "../../../data/animation";
import { duration, delay, container, item } from "../../../../data/animation";
const Fade = require("react-reveal/Fade");
@@ -1,7 +1,7 @@
import React from "react";
import { Link } from "react-router-dom";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../data/animation";
import { container, item, panel } from "../../../../data/animation";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
import { t } from "i18next";
@@ -1,6 +1,6 @@
import React, { useCallback, useEffect, useState } from "react";
import { Link } from "react-router-dom";
import { FrontendUrlConfig } from "../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
import {
@@ -10,10 +10,10 @@ import {
Leaderboard,
LeaderboardEntryForList,
LeaderboardLookupError,
} from "../../api/misc/GetLeaderboard";
} from "../../../api/misc/GetLeaderboard";
import { DiscordLink2 } from "@storyteller/components/src/elements/DiscordLink2";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../data/animation";
import { container, item, panel } from "../../../../data/animation";
interface Props {
sessionWrapper: SessionWrapper;
@@ -1,5 +1,5 @@
import React, { useState } from "react";
import { FrontendUrlConfig } from "../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { Link, useHistory } from "react-router-dom";
import {
@@ -10,8 +10,8 @@ import {
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faUser, faKey } from "@fortawesome/free-solid-svg-icons";
import { motion } from "framer-motion";
import { container, panel } from "../../../data/animation";
import { Analytics } from "../../../common/Analytics";
import { container, panel } from "../../../../data/animation";
import { Analytics } from "../../../../common/Analytics";
interface Props {
sessionWrapper: SessionWrapper;
@@ -1,11 +1,11 @@
import React, { useCallback, useEffect, useState } from 'react';
import { BackLink } from '../../_common/BackLink';
import { Category, GetCategory, GetCategoryIsError, GetCategoryIsOk } from '../../../api/category/GetCategory';
import { FrontendUrlConfig } from '../../../../common/FrontendUrlConfig';
import { BackLink } from '../../../_common/BackLink';
import { Category, GetCategory, GetCategoryIsError, GetCategoryIsOk } from '../../../../api/category/GetCategory';
import { FrontendUrlConfig } from '../../../../../common/FrontendUrlConfig';
import { Link, useHistory } from 'react-router-dom';
import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
import { useParams } from 'react-router-dom';
import { SetCategoryDeletionState, SetCategoryDeletionStateIsError, SetCategoryDeletionStateIsSuccess } from '../../../api/moderation/category/SetCategoryDeletionState';
import { SetCategoryDeletionState, SetCategoryDeletionStateIsError, SetCategoryDeletionStateIsSuccess } from '../../../../api/moderation/category/SetCategoryDeletionState';
interface Props {
sessionWrapper: SessionWrapper,
@@ -1,13 +1,13 @@
import React, { useCallback, useEffect, useState } from 'react';
import { BackLink } from '../../_common/BackLink';
import { Category, GetCategory, GetCategoryIsError, GetCategoryIsOk } from '../../../api/category/GetCategory';
import { FrontendUrlConfig } from '../../../../common/FrontendUrlConfig';
import { BackLink } from '../../../_common/BackLink';
import { Category, GetCategory, GetCategoryIsError, GetCategoryIsOk } from '../../../../api/category/GetCategory';
import { FrontendUrlConfig } from '../../../../../common/FrontendUrlConfig';
import { Link, useHistory } from 'react-router-dom';
import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
import { useParams } from 'react-router-dom';
import { EditCategory, EditCategoryIsError, EditCategoryIsSuccess, EditCategoryRequest } from '../../../api/moderation/category/EditCategory';
import { ListTtsCategories, ListTtsCategoriesIsError, ListTtsCategoriesIsOk, TtsCategory } from '../../../api/category/ListTtsCategories';
import { CategoryBreadcrumb } from '../../_common/CategoryBreadcrumb';
import { EditCategory, EditCategoryIsError, EditCategoryIsSuccess, EditCategoryRequest } from '../../../../api/moderation/category/EditCategory';
import { ListTtsCategories, ListTtsCategoriesIsError, ListTtsCategoriesIsOk, TtsCategory } from '../../../../api/category/ListTtsCategories';
import { CategoryBreadcrumb } from '../../../_common/CategoryBreadcrumb';
interface Props {
sessionWrapper: SessionWrapper,
@@ -1,13 +1,13 @@
import React, { useCallback, useEffect, useState } from 'react';
import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
import { Gravatar } from '@storyteller/components/src/elements/Gravatar';
import { FrontendUrlConfig } from '../../../../common/FrontendUrlConfig';
import { BackLink } from '../../_common/BackLink';
import { ListTtsCategoriesForModeration, ListTtsCategoriesForModerationIsError, ListTtsCategoriesForModerationIsOk, ListTtsCategoriesTriState, ModerationTtsCategory } from '../../../api/moderation/category/ListTtsCategoriesForModeration';
import { FrontendUrlConfig } from '../../../../../common/FrontendUrlConfig';
import { BackLink } from '../../../_common/BackLink';
import { ListTtsCategoriesForModeration, ListTtsCategoriesForModerationIsError, ListTtsCategoriesForModerationIsOk, ListTtsCategoriesTriState, ModerationTtsCategory } from '../../../../api/moderation/category/ListTtsCategoriesForModeration';
import { Link } from 'react-router-dom';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faBox, faBoxOpen, faLock } from '@fortawesome/free-solid-svg-icons';
import { CategoryBreadcrumb } from '../../_common/CategoryBreadcrumb';
import { CategoryBreadcrumb } from '../../../_common/CategoryBreadcrumb';
interface Props {
sessionWrapper: SessionWrapper,
@@ -3,8 +3,8 @@ import { Link, useHistory } from "react-router-dom";
import { ApiConfig } from "@storyteller/components";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { formatDistance } from "date-fns";
import { BackLink } from "../../_common/BackLink";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { BackLink } from "../../../_common/BackLink";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
interface Props {
sessionWrapper: SessionWrapper;
@@ -1,15 +1,15 @@
import React, { useCallback, useEffect, useState } from "react";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { BackLink } from "../../_common/BackLink";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { BackLink } from "../../../_common/BackLink";
import {
GetTtsInferenceStats,
GetTtsInferenceStatsIsOk,
} from "../../../api/moderation/GetTtsInferenceStats";
} from "../../../../api/moderation/GetTtsInferenceStats";
import {
GetW2lInferenceStats,
GetW2lInferenceStatsIsOk,
} from "../../../api/moderation/GetW2lInferenceStats";
} from "../../../../api/moderation/GetW2lInferenceStats";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faBomb, faRedo } from "@fortawesome/free-solid-svg-icons";
import {
@@ -1,6 +1,6 @@
import React from "react";
import { Link } from "react-router-dom";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
@@ -3,10 +3,10 @@ import { Link } from 'react-router-dom';
import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
import { Gravatar } from '@storyteller/components/src/elements/Gravatar';
import { formatDistance } from 'date-fns';
import { FrontendUrlConfig } from '../../../../common/FrontendUrlConfig';
import { BackLink } from '../../_common/BackLink';
import { GetPendingW2lTemplates, GetPendingW2lTemplatesIsOk, PendingW2lTemplatesEntryForList } from '../../../api/moderation/GetPendingW2lTemplates';
import { PhotoVideoIcon } from '../../_icons/PhotoVideoIcon';
import { FrontendUrlConfig } from '../../../../../common/FrontendUrlConfig';
import { BackLink } from '../../../_common/BackLink';
import { GetPendingW2lTemplates, GetPendingW2lTemplatesIsOk, PendingW2lTemplatesEntryForList } from '../../../../api/moderation/GetPendingW2lTemplates';
import { PhotoVideoIcon } from '../../../_icons/PhotoVideoIcon';
interface Props {
sessionWrapper: SessionWrapper,
@@ -2,10 +2,10 @@ import React, { useCallback, useEffect, useState } from 'react';
import { Link } from 'react-router-dom';
import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
import { Gravatar } from '@storyteller/components/src/elements/Gravatar';
import { GetUserList, GetUserListIsOk, UserForList } from '../../../api/moderation/GetUserList';
import { GetUserList, GetUserListIsOk, UserForList } from '../../../../api/moderation/GetUserList';
import { formatDistance } from 'date-fns';
import { FrontendUrlConfig } from '../../../../common/FrontendUrlConfig';
import { BackLink } from '../../_common/BackLink';
import { FrontendUrlConfig } from '../../../../../common/FrontendUrlConfig';
import { BackLink } from '../../../_common/BackLink';
interface Props {
sessionWrapper: SessionWrapper,
@@ -1,8 +1,8 @@
import React, { useCallback, useEffect, useState } from 'react';
import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
import { FrontendUrlConfig } from '../../../../common/FrontendUrlConfig';
import { BackLink } from '../../_common/BackLink';
import { GetVoiceInventoryStats, GetVoiceInventoryStatsIsOk } from '../../../api/moderation/GetVoiceInventoryStats';
import { FrontendUrlConfig } from '../../../../../common/FrontendUrlConfig';
import { BackLink } from '../../../_common/BackLink';
import { GetVoiceInventoryStats, GetVoiceInventoryStatsIsOk } from '../../../../api/moderation/GetVoiceInventoryStats';
interface Props {
sessionWrapper: SessionWrapper,
@@ -1,11 +1,11 @@
import React from "react";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { PATRONS } from "../../../data/Patrons";
import { PATRONS } from "../../../../data/Patrons";
import { PatreonLink } from "@storyteller/components/src/elements/PatreonLink";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faPatreon } from "@fortawesome/free-brands-svg-icons";
import { motion } from "framer-motion";
import { container, item, image, panel } from "../../../data/animation";
import { container, item, image, panel } from "../../../../data/animation";
import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks";
interface Props {
sessionWrapper: SessionWrapper;
@@ -1,7 +1,7 @@
import React from "react";
import { Link } from "react-router-dom";
import { motion } from "framer-motion";
import { container, item, image } from "../../../data/animation";
import { container, item, image } from "../../../../data/animation";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
interface Props {
@@ -2,7 +2,7 @@
import React from "react";
import { Link } from "react-router-dom";
import { motion } from "framer-motion";
import { container, item, image } from "../../../data/animation";
import { container, item, image } from "../../../../data/animation";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
interface Props {
@@ -1,7 +1,7 @@
import React from "react";
import { Link } from "react-router-dom";
import { motion } from "framer-motion";
import { container, item, image } from "../../../data/animation";
import { container, item, image } from "../../../../data/animation";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
interface Props {
@@ -4,7 +4,7 @@ import { Link, useHistory } from "react-router-dom";
import { faCheck, faHeart } from "@fortawesome/free-solid-svg-icons";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
import { FAKEYOU_PRICES as FYP } from "../../../data/PriceTiers";
import { FAKEYOU_PRICES as FYP } from "../../../../data/PriceTiers";
import {
CreateStripeCheckoutRedirect,
CreateStripeCheckoutRedirectIsError,
@@ -16,9 +16,9 @@ import {
CreateStripePortalRedirectIsSuccess,
} from "@storyteller/components/src/api/premium/CreateStripePortalRedirect";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../data/animation";
import { container, item, panel } from "../../../../data/animation";
import { FakeYouFrontendEnvironment } from "@storyteller/components/src/env/FakeYouFrontendEnvironment";
import { Analytics } from "../../../common/Analytics";
import { Analytics } from "../../../../common/Analytics";
interface Props {
sessionWrapper: SessionWrapper;
@@ -7,10 +7,10 @@ import {
GetUserByUsername,
GetUserByUsernameIsOk,
User,
} from "../../../api/user/GetUserByUsername";
import { BackLink } from "../../_common/BackLink";
} from "../../../../api/user/GetUserByUsername";
import { BackLink } from "../../../_common/BackLink";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
interface Props {
sessionWrapper: SessionWrapper;
@@ -4,8 +4,8 @@ import { useHistory } from "react-router-dom";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
import { useParams } from "react-router-dom";
import { VisibleIconFc } from "../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../_icons/HiddenIcon";
import { VisibleIconFc } from "../../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../../_icons/HiddenIcon";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faDiscord,
@@ -18,9 +18,9 @@ import {
faUser,
faGlobe,
} from "@fortawesome/free-solid-svg-icons";
import { BackLink } from "../../_common/BackLink";
import { BackLink } from "../../../_common/BackLink";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
const DEFAULT_VISIBILITY = "public";
@@ -34,10 +34,10 @@ import {
GetUserByUsernameIsOk,
User,
UserLookupError,
} from "../../../api/user/GetUserByUsername";
} from "../../../../api/user/GetUserByUsername";
import { format } from "date-fns";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { container, item, panel } from "../../../../data/animation";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { container, item, panel } from "../../../../../data/animation";
import Tippy from "@tippyjs/react";
import "tippy.js/dist/tippy.css";
import "tippy.js/animations/shift-away.css";
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
import { ApiConfig } from "@storyteller/components";
import { Link } from "react-router-dom";
import { BucketConfig } from "@storyteller/components/src/api/BucketConfig";
import { distance, duration } from "../../../../data/animation";
import { distance, duration } from "../../../../../data/animation";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faChevronLeft,
@@ -9,8 +9,8 @@ import { faUser, faEnvelope, faKey } from "@fortawesome/free-solid-svg-icons";
import { Link } from "react-router-dom";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { motion } from "framer-motion";
import { container, panel } from "../../../data/animation";
import { Analytics } from "../../../common/Analytics";
import { container, panel } from "../../../../data/animation";
import { Analytics } from "../../../../common/Analytics";
enum FieldTriState {
EMPTY_FALSE,
@@ -3,10 +3,10 @@ import {
AssignTtsCategory,
AssignTtsCategoryIsError,
AssignTtsCategoryIsOk,
} from "../../../api/category/AssignTtsCategory";
import { BackLink } from "../../_common/BackLink";
} from "../../../../api/category/AssignTtsCategory";
import { BackLink } from "../../../_common/BackLink";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import {
GetTtsModel,
GetTtsModelIsErr,
@@ -19,13 +19,13 @@ import {
ListTtsCategoriesIsError,
ListTtsCategoriesIsOk,
TtsCategory,
} from "../../../api/category/ListTtsCategories";
} from "../../../../api/category/ListTtsCategories";
import {
ListTtsCategoriesForModel,
ListTtsCategoriesForModelIsError,
ListTtsCategoriesForModelIsOk,
TtsModelCategory,
} from "../../../api/category/ListTtsCategoriesForModel";
} from "../../../../api/category/ListTtsCategoriesForModel";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import {
faExclamationCircle,
@@ -33,7 +33,7 @@ import {
} from "@fortawesome/free-solid-svg-icons";
import { useParams, Link } from "react-router-dom";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
interface Props {
sessionWrapper: SessionWrapper;
@@ -1,11 +1,11 @@
import React, { useState, useEffect, useCallback } from "react";
import { ApiConfig } from "@storyteller/components";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { useParams, Link, useHistory } from "react-router-dom";
import { BackLink } from "../../_common/BackLink";
import { BackLink } from "../../../_common/BackLink";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
interface TtsModelViewResponsePayload {
success: boolean;
@@ -3,9 +3,9 @@ import { ApiConfig } from "@storyteller/components";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { TtsInferenceJob } from "@storyteller/components/src/jobs/TtsInferenceJobs";
import { useParams, useHistory, Link } from "react-router-dom";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { VisibleIconFc } from "../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../_icons/HiddenIcon";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { VisibleIconFc } from "../../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../../_icons/HiddenIcon";
import {
GetTtsModel,
GetTtsModelIsErr,
@@ -18,7 +18,7 @@ import {
ListVocoderModelsIsOk,
VocoderModel,
} from "@storyteller/components/src/api/vocoder/ListVocoderModels";
import { BackLink } from "../../_common/BackLink";
import { BackLink } from "../../../_common/BackLink";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faMicrophone,
@@ -35,7 +35,7 @@ import {
TEXT_PIPELINE_NAMES_FOR_MODERATORS,
} from "@storyteller/components/src/constants/TextPipeline";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
const DEFAULT_VISIBILITY = "public";
@@ -1,9 +1,9 @@
import React, { useEffect, useCallback, useState } from "react";
import { Link } from "react-router-dom";
import { SessionTtsInferenceResultList } from "../../_common/SessionTtsInferenceResultsList";
import { SessionTtsModelUploadResultList } from "../../_common/SessionTtsModelUploadResultsList";
import { SessionW2lInferenceResultList } from "../../_common/SessionW2lInferenceResultsList";
import { SessionW2lTemplateUploadResultList } from "../../_common/SessionW2lTemplateUploadResultsList";
import { SessionTtsInferenceResultList } from "../../../_common/SessionTtsInferenceResultsList";
import { SessionTtsModelUploadResultList } from "../../../_common/SessionTtsModelUploadResultsList";
import { SessionW2lInferenceResultList } from "../../../_common/SessionW2lInferenceResultsList";
import { SessionW2lTemplateUploadResultList } from "../../../_common/SessionW2lTemplateUploadResultsList";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
import { TtsInferenceJob } from "@storyteller/components/src/jobs/TtsInferenceJobs";
@@ -26,8 +26,8 @@ import {
ListTtsCategories,
ListTtsCategoriesIsError,
ListTtsCategoriesIsOk,
} from "../../../api/category/ListTtsCategories";
import { TtsCategoryType } from "../../../../AppWrapper";
} from "../../../../api/category/ListTtsCategories";
import { TtsCategoryType } from "../../../../../AppWrapper";
import { SelectSearch } from "./search/SelectSearch";
import { LanguageNotice } from "./notices/LanguageNotice";
import { Language } from "@storyteller/components/src/i18n/Language";
@@ -48,10 +48,10 @@ import {
import { GenericNotice } from "./notices/GenericNotice";
import { DiscordLink2 } from "@storyteller/components/src/elements/DiscordLink2";
import { motion } from "framer-motion";
import { container, panel } from "../../../../data/animation";
import { container, panel } from "../../../../../data/animation";
import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
import { TtsPageHero } from "./TtsPageHero";
import { Analytics } from "../../../../common/Analytics";
import { Analytics } from "../../../../../common/Analytics";
import {
GetComputedTtsCategoryAssignments,
GetComputedTtsCategoryAssignmentsIsError,
@@ -60,10 +60,10 @@ import {
} from "@storyteller/components/src/api/category/GetComputedTtsCategoryAssignments";
import {
DynamicallyCategorizeModels,
} from "../../../../model/categories/SyntheticCategory";
import { AvailableTtsLanguageKey, AVAILABLE_TTS_LANGUAGE_CATEGORY_MAP, ENGLISH_LANGUAGE } from "../../../../_i18n/AvailableLanguageMap";
} from "../../../../../model/categories/SyntheticCategory";
import { AvailableTtsLanguageKey, AVAILABLE_TTS_LANGUAGE_CATEGORY_MAP, ENGLISH_LANGUAGE } from "../../../../../_i18n/AvailableLanguageMap";
import { ExploreVoicesModal } from "./explore/ExploreVoicesModal";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
export interface EnqueueJobResponsePayload {
success: boolean;
@@ -10,9 +10,9 @@ import {
faUser,
faArrowRight,
} from "@fortawesome/free-solid-svg-icons";
import { item, image } from "../../../../data/animation";
import { item, image } from "../../../../../data/animation";
import { motion } from "framer-motion";
import { Analytics } from "../../../../common/Analytics";
import { Analytics } from "../../../../../common/Analytics";
interface Props {
sessionWrapper: SessionWrapper;
@@ -5,11 +5,11 @@ import {
faTags,
} from "@fortawesome/free-solid-svg-icons";
import { TtsModelListItem } from "@storyteller/components/src/api/tts/ListTtsModels";
import { TtsCategoryType } from "../../../../../AppWrapper";
import { TtsCategoryType } from "../../../../../../AppWrapper";
//import { useTranslation } from "react-i18next";
import Select from "react-select";
import { SearchFieldClass } from "../search/SearchFieldClass";
import { Analytics } from "../../../../../common/Analytics";
import { Analytics } from "../../../../../../common/Analytics";
interface Props {
allTtsCategories: TtsCategoryType[];
@@ -6,7 +6,7 @@ import {
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { LanguageOptions } from "./LanguageOptions";
import { TtsCategoryType } from "../../../../../AppWrapper";
import { TtsCategoryType } from "../../../../../../AppWrapper";
import { TtsModelListItem } from "@storyteller/components/src/api/tts/ListTtsModels";
import { CategoryOptions } from "./CategoryOptions";
import { ScopedVoiceModelOptions } from "./ScopedVoiceModelOptions";
@@ -3,8 +3,8 @@ import { faGlobe } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import Select from "react-select";
import { SearchFieldClass } from "../search/SearchFieldClass";
import { AVAILABLE_TTS_LANGUAGE_CATEGORY_MAP } from "../../../../../_i18n/AvailableLanguageMap";
import { Analytics } from "../../../../../common/Analytics";
import { AVAILABLE_TTS_LANGUAGE_CATEGORY_MAP } from "../../../../../../_i18n/AvailableLanguageMap";
import { Analytics } from "../../../../../../common/Analytics";
interface Props {
selectedTtsLanguageScope: string,
@@ -4,14 +4,12 @@ import {
faMicrophone,
} from "@fortawesome/free-solid-svg-icons";
import { TtsModelListItem } from "@storyteller/components/src/api/tts/ListTtsModels";
import { TtsCategoryType } from "../../../../../AppWrapper";
import { TtsCategoryType } from "../../../../../../AppWrapper";
import { Trans } from "react-i18next";
//import { Analytics } from "../../../../../common/Analytics";
import Select, { createFilter } from "react-select";
//import Option from "react-select";
import { SearchFieldClass } from "../search/SearchFieldClass";
import { FastReactSelectOption } from "../../../_common/FastReactSelectOption";
import { Analytics } from "../../../../../common/Analytics";
import { FastReactSelectOption } from "../../../../_common/FastReactSelectOption";
import { Analytics } from "../../../../../../common/Analytics";
interface Props {
allTtsCategories: TtsCategoryType[];
@@ -1,13 +1,13 @@
import React, { Fragment } from "react";
import { TtsModelListItem } from "@storyteller/components/src/api/tts/ListTtsModels";
import { TtsCategoryType } from "../../../../../AppWrapper";
import { TtsCategoryType } from "../../../../../../AppWrapper";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faSearch } from "@fortawesome/free-solid-svg-icons";
import Select, { ActionMeta, createFilter, components } from "react-select";
import Option from "react-select";
import { SearchFieldClass } from "./SearchFieldClass";
import { FastReactSelectOption } from "../../../_common/FastReactSelectOption";
import { Analytics } from "../../../../../common/Analytics";
import { FastReactSelectOption } from "../../../../_common/FastReactSelectOption";
import { Analytics } from "../../../../../../common/Analytics";
interface Props {
allTtsCategories: TtsCategoryType[];
@@ -1,7 +1,7 @@
import React, { useState, useEffect, useCallback } from "react";
import { ApiConfig } from "@storyteller/components";
import { EnqueueJobResponsePayload } from "../tts_model_list/TtsModelListPage";
import { SessionTtsInferenceResultList } from "../../_common/SessionTtsInferenceResultsList";
import { SessionTtsInferenceResultList } from "../../../_common/SessionTtsInferenceResultsList";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
import { LanguageCodeToDescriptionWithDefault } from "@storyteller/components/src/i18n/SupportedModelLanguages";
@@ -12,7 +12,7 @@ import {
} from "@storyteller/components/src/constants/TextPipeline";
import { useParams, Link } from "react-router-dom";
import { v4 as uuidv4 } from "uuid";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import {
GetTtsModel,
GetTtsModelIsErr,
@@ -20,21 +20,21 @@ import {
TtsModel,
TtsModelLookupError,
} from "@storyteller/components/src/api/tts/GetTtsModel";
import { GetTtsModelUseCount } from "../../../api/tts/GetTtsModelUseCount";
import { BackLink } from "../../_common/BackLink";
import { GetTtsModelUseCount } from "../../../../api/tts/GetTtsModelUseCount";
import { BackLink } from "../../../_common/BackLink";
import {
ListTtsCategoriesForModel,
ListTtsCategoriesForModelIsError,
ListTtsCategoriesForModelIsOk,
TtsModelCategory,
} from "../../../api/category/ListTtsCategoriesForModel";
} from "../../../../api/category/ListTtsCategoriesForModel";
import {
ListTtsCategories,
ListTtsCategoriesIsError,
ListTtsCategoriesIsOk,
TtsCategory,
} from "../../../api/category/ListTtsCategories";
import { CategoryBreadcrumb } from "../../_common/CategoryBreadcrumb";
} from "../../../../api/category/ListTtsCategories";
import { CategoryBreadcrumb } from "../../../_common/CategoryBreadcrumb";
import { DiscordLink } from "@storyteller/components/src/elements/DiscordLink";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faDiscord, faTwitch } from "@fortawesome/free-brands-svg-icons";
@@ -48,7 +48,7 @@ import {
faBarsStaggered,
} from "@fortawesome/free-solid-svg-icons";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
import {
TwitterShareButton,
@@ -60,7 +60,7 @@ import {
RedditIcon,
WhatsappIcon,
} from "react-share";
import { Analytics } from "../../../../common/Analytics";
import { Analytics } from "../../../../../common/Analytics";
interface Props {
sessionWrapper: SessionWrapper;
@@ -3,9 +3,9 @@ import { ApiConfig } from "@storyteller/components";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { useParams, Link, useHistory } from "react-router-dom";
import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
interface TtsInferenceResultResponsePayload {
success: boolean;
@@ -2,11 +2,11 @@ import React, { useState, useEffect, useCallback } from "react";
import { ApiConfig } from "@storyteller/components";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { useParams, Link, useHistory } from "react-router-dom";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
const DEFAULT_VISIBILITY = "public";
@@ -2,12 +2,12 @@ import React from "react";
import WaveSurfer from "wavesurfer.js";
import { useEffect, useState } from "react";
import { BucketConfig } from "@storyteller/components/src/api/BucketConfig";
import { TtsResult } from "../../../api/tts/GetTtsResult";
import { PlayIcon } from "../../_icons/PlayIcon";
import { PauseIcon } from "../../_icons/PauseIcon";
import { RepeatIcon } from "../../_icons/RepeatIcon";
import { NoRepeatIcon } from "../../_icons/NoRepeatIcon";
import { Analytics } from "../../../../common/Analytics";
import { TtsResult } from "../../../../api/tts/GetTtsResult";
import { PlayIcon } from "../../../_icons/PlayIcon";
import { PauseIcon } from "../../../_icons/PauseIcon";
import { RepeatIcon } from "../../../_icons/RepeatIcon";
import { NoRepeatIcon } from "../../../_icons/NoRepeatIcon";
import { Analytics } from "../../../../../common/Analytics";
enum PlaybackSpeed {
HALF,
@@ -4,8 +4,8 @@ import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
import { BucketConfig } from "@storyteller/components/src/api/BucketConfig";
import { useParams, Link } from "react-router-dom";
import { SpectrogramImage } from "./SpectrogramImage";
import { ReportDiscordLink } from "../../_common/DiscordReportLink";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { ReportDiscordLink } from "../../../_common/DiscordReportLink";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { formatDistance } from "date-fns";
import {
GetTtsResult,
@@ -13,7 +13,7 @@ import {
GetTtsResultIsOk,
TtsResult,
TtsResultLookupError,
} from "../../../api/tts/GetTtsResult";
} from "../../../../api/tts/GetTtsResult";
import { TtsResultAudioPlayerFc } from "./TtsResultAudioPlayerFc";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
@@ -25,8 +25,8 @@ import {
faUser,
} from "@fortawesome/free-solid-svg-icons";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { Analytics } from "../../../../common/Analytics";
import { container, item, panel } from "../../../../../data/animation";
import { Analytics } from "../../../../../common/Analytics";
import {
TwitterShareButton,
FacebookShareButton,
@@ -37,7 +37,7 @@ import {
RedditIcon,
WhatsappIcon,
} from "react-share";
import { BackLink } from "../../_common/BackLink";
import { BackLink } from "../../../_common/BackLink";
interface Props {
sessionWrapper: SessionWrapper;
@@ -1,16 +1,16 @@
import React, { useState } from "react";
import { ApiConfig } from "@storyteller/components";
import { SessionTtsModelUploadResultList } from "../_common/SessionTtsModelUploadResultsList";
import { SessionTtsModelUploadResultList } from "../../_common/SessionTtsModelUploadResultsList";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { TtsModelUploadJob } from "@storyteller/components/src/jobs/TtsModelUploadJobs";
import { DiscordLink } from "@storyteller/components/src/elements/DiscordLink";
import { useHistory } from "react-router-dom";
import { v4 as uuidv4 } from "uuid";
import { BackLink } from "../_common/BackLink";
import { BackLink } from "../../_common/BackLink";
import { Link } from "react-router-dom";
import { FrontendUrlConfig } from "../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../data/animation";
import { container, item, panel } from "../../../../data/animation";
interface Props {
sessionWrapper: SessionWrapper;
@@ -4,13 +4,13 @@ import { DiscordLink } from "@storyteller/components/src/elements/DiscordLink";
import { EnqueueRetrieval, EnqueueRetrievalIsOk } from "@storyteller/components/src/api/retrieval/EnqueueRetrieval";
import { useHistory } from "react-router-dom";
import { v4 as uuidv4 } from "uuid";
import { BackLink } from "../_common/BackLink";
import { BackLink } from "../../_common/BackLink";
import { Link } from "react-router-dom";
import { FrontendUrlConfig } from "../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../data/animation";
import { container, item, panel } from "../../../../data/animation";
import { VocoderUploadJob } from "@storyteller/components/src/jobs/VocoderUploadJobs";
import { SessionVocoderUploadResultList } from "../_common/SessionVocoderUploadResultsList";
import { SessionVocoderUploadResultList } from "../../_common/SessionVocoderUploadResultsList";
interface Props {
sessionWrapper: SessionWrapper;
@@ -4,11 +4,11 @@ import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapp
import { W2lTemplateUploadJob } from "@storyteller/components/src/jobs/W2lTemplateUploadJobs";
import { useHistory } from "react-router-dom";
import { v4 as uuidv4 } from "uuid";
import { SessionW2lTemplateUploadResultList } from "../_common/SessionW2lTemplateUploadResultsList";
import { BackLink } from "../_common/BackLink";
import { FrontendUrlConfig } from "../../../common/FrontendUrlConfig";
import { SessionW2lTemplateUploadResultList } from "../../_common/SessionW2lTemplateUploadResultsList";
import { BackLink } from "../../_common/BackLink";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../data/animation";
import { container, item, panel } from "../../../../data/animation";
interface W2lTemplateUploadJobResponsePayload {
success: boolean;
@@ -1,14 +1,14 @@
import React, { useState } from "react";
import { ApiConfig } from "@storyteller/components";
import { SessionW2lTemplateUploadResultList } from "../_common/SessionW2lTemplateUploadResultsList";
import { SessionW2lTemplateUploadResultList } from "../../_common/SessionW2lTemplateUploadResultsList";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { W2lTemplateUploadJob } from "@storyteller/components/src/jobs/W2lTemplateUploadJobs";
import { useHistory } from "react-router-dom";
import { v4 as uuidv4 } from "uuid";
import { BackLink } from "../_common/BackLink";
import { FrontendUrlConfig } from "../../../common/FrontendUrlConfig";
import { BackLink } from "../../_common/BackLink";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../data/animation";
import { container, item, panel } from "../../../../data/animation";
interface W2lTemplateUploadJobResponsePayload {
success: boolean;
@@ -10,9 +10,9 @@ import {
faVolumeUp,
} from "@fortawesome/free-solid-svg-icons";
import { motion } from "framer-motion";
import { container, item, image, panel } from "../../../../data/animation";
import { container, item, image, panel } from "../../../../../data/animation";
import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
import { BackLink } from "../../_common/BackLink";
import { BackLink } from "../../../_common/BackLink";
export interface EnqueueJobResponsePayload {
success: boolean;
@@ -1,15 +1,15 @@
import React, { useState, useEffect, useCallback } from "react";
import { ApiConfig } from "@storyteller/components";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { useParams, Link, useHistory } from "react-router-dom";
import {
GetW2lResult,
GetW2lResultIsOk,
W2lResult,
} from "../../../api/w2l/GetW2lResult";
} from "../../../../api/w2l/GetW2lResult";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
interface Props {
sessionWrapper: SessionWrapper;
@@ -2,11 +2,11 @@ import React, { useState, useEffect, useCallback } from "react";
import { ApiConfig } from "@storyteller/components";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { useParams, Link, useHistory } from "react-router-dom";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { VisibleIconFc } from "../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../_icons/HiddenIcon";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { VisibleIconFc } from "../../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../../_icons/HiddenIcon";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
const DEFAULT_VISIBILITY = "public";
@@ -2,23 +2,23 @@ import React, { useState, useEffect, useCallback } from "react";
import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { useParams, Link } from "react-router-dom";
import { ReportDiscordLink } from "../../_common/DiscordReportLink";
import { ReportDiscordLink } from "../../../_common/DiscordReportLink";
import { BucketConfig } from "@storyteller/components/src/api/BucketConfig";
import { HiddenIconFc } from "../../_icons/HiddenIcon";
import { VisibleIconFc } from "../../_icons/VisibleIcon";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { HiddenIconFc } from "../../../_icons/HiddenIcon";
import { VisibleIconFc } from "../../../_icons/VisibleIcon";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import {
GetW2lResult,
GetW2lResultIsErr,
GetW2lResultIsOk,
W2lResult,
W2lResultLookupError,
} from "../../../api/w2l/GetW2lResult";
import { MetaTags } from "../../../../common/MetaTags";
} from "../../../../api/w2l/GetW2lResult";
import { MetaTags } from "../../../../../common/MetaTags";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faDownload, faEdit, faTrash } from "@fortawesome/free-solid-svg-icons";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
interface Props {
sessionWrapper: SessionWrapper;
@@ -1,17 +1,17 @@
import React, { useState, useEffect, useCallback } from "react";
import { ApiConfig } from "@storyteller/components";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { useParams, Link, useHistory } from "react-router-dom";
import {
GetW2lTemplate,
GetW2lTemplateIsOk,
W2lTemplate,
} from "../../../api/w2l/GetW2lTemplate";
import { GetW2lTemplateUseCount } from "../../../api/w2l/GetW2lTemplateUseCount";
import { BackLink } from "../../_common/BackLink";
} from "../../../../api/w2l/GetW2lTemplate";
import { GetW2lTemplateUseCount } from "../../../../api/w2l/GetW2lTemplateUseCount";
import { BackLink } from "../../../_common/BackLink";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
const DEFAULT_APPROVED_STATE = true;
@@ -1,17 +1,17 @@
import React, { useState, useEffect, useCallback } from "react";
import { ApiConfig } from "@storyteller/components";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { useParams, Link, useHistory } from "react-router-dom";
import {
GetW2lTemplate,
GetW2lTemplateIsOk,
W2lTemplate,
} from "../../../api/w2l/GetW2lTemplate";
import { GetW2lTemplateUseCount } from "../../../api/w2l/GetW2lTemplateUseCount";
import { BackLink } from "../../_common/BackLink";
} from "../../../../api/w2l/GetW2lTemplate";
import { GetW2lTemplateUseCount } from "../../../../api/w2l/GetW2lTemplateUseCount";
import { BackLink } from "../../../_common/BackLink";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
interface Props {
sessionWrapper: SessionWrapper;
@@ -2,17 +2,17 @@ import React, { useState, useEffect, useCallback } from "react";
import { ApiConfig } from "@storyteller/components";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { useParams, useHistory } from "react-router-dom";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { VisibleIconFc } from "../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../_icons/HiddenIcon";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import { VisibleIconFc } from "../../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../../_icons/HiddenIcon";
import {
GetW2lTemplate,
GetW2lTemplateIsOk,
W2lTemplate,
} from "../../../api/w2l/GetW2lTemplate";
import { BackLink } from "../../_common/BackLink";
} from "../../../../api/w2l/GetW2lTemplate";
import { BackLink } from "../../../_common/BackLink";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
const DEFAULT_VISIBILITY = "public";
@@ -9,7 +9,7 @@ import {
container,
item,
panel,
} from "../../../../data/animation";
} from "../../../../../data/animation";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faChevronLeft,
@@ -3,28 +3,28 @@ import axios from "axios";
import { ApiConfig } from "@storyteller/components";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
import { W2lInferenceJob } from "../../../../App";
import { W2lInferenceJob } from "../../../../../App";
import { useParams, Link } from "react-router-dom";
import { v4 as uuidv4 } from "uuid";
import { SessionW2lInferenceResultList } from "../../_common/SessionW2lInferenceResultsList";
import { ReportDiscordLink } from "../../_common/DiscordReportLink";
import { SessionW2lInferenceResultList } from "../../../_common/SessionW2lInferenceResultsList";
import { ReportDiscordLink } from "../../../_common/DiscordReportLink";
import { BucketConfig } from "@storyteller/components/src/api/BucketConfig";
import { VisibleIconFc } from "../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../_icons/HiddenIcon";
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
import { VisibleIconFc } from "../../../_icons/VisibleIcon";
import { HiddenIconFc } from "../../../_icons/HiddenIcon";
import { FrontendUrlConfig } from "../../../../../common/FrontendUrlConfig";
import {
GetW2lTemplate,
GetW2lTemplateIsErr,
GetW2lTemplateIsOk,
W2lTemplate,
W2lTemplateLookupError,
} from "../../../api/w2l/GetW2lTemplate";
import { GetW2lTemplateUseCount } from "../../../api/w2l/GetW2lTemplateUseCount";
import { BackLink } from "../../_common/BackLink";
} from "../../../../api/w2l/GetW2lTemplate";
import { GetW2lTemplateUseCount } from "../../../../api/w2l/GetW2lTemplateUseCount";
import { BackLink } from "../../../_common/BackLink";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faEdit, faTrash } from "@fortawesome/free-solid-svg-icons";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../data/animation";
import { container, item, panel } from "../../../../../data/animation";
import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks";
interface EnqueueJobResponsePayload {