Adds publish templates and copy from upload (#3428)

* Adds publish templates and copy from upload

Introduces upload templates for channels, allowing users to save and apply pre-defined settings to new uploads.

Adds a "Copy from Previous Upload" modal, enabling users to populate the publish form with metadata from their previously published content.

Enhances upload search and template flows

Improves publish template functionality

Enhances the publish template feature by disabling the "Save Current as Template" option when no changes are detected in the publish form.

Additionally, increases the number of recent uploads displayed in the copy from upload modal and updates the hint text to reflect this change.
Also provides default values for template comparison.

* address coderabbit reviews

Fixes an issue where optimistic templates were not cleared when channel settings became available or changed.
This ensures that the UI reflects the correct template status after settings are loaded or modified.

Also corrects a typo in the scss, and improves the hint in the copy from upload modal, clarifying the behavior of short search terms.

* Improves template preview and snackbar styling

Enhances the template preview to accurately display price details based on the paywall configuration.
It introduces a check to ensure price information is shown only when relevant to the selected paywall type.

Additionally, updates the snackbar styling to improve button appearance and provide a more consistent user experience.

Refactors: Uses shared deep clone utility

Removes duplicate deep clone functions and uses the newly created shared utility.
This ensures consistency and reduces code duplication.

* Improves upload template and metadata handling

- Sorts languages for comparison in the copy from upload modal to prevent false positives.
- Replaces custom deep clone function with `cloneDeep` from `util/clone` for template duplication in the upload template modal, fixing potential issues with the previous implementation.
- Improves snackbar button styles.

Author: tzarebczan

flow-typed/Comment.js

@@ -1,6 +1,38 @@
 declare type CommentBody = string;
 declare type CommentId = string;
 
+declare type UploadTemplateData = {
+  title?: string,
+  description?: string,
+  tags?: Array<{ name: string }>,
+  thumbnail?: string,
+  language?: string,
+  languages?: Array<string>,
+  licenseType?: string,
+  licenseUrl?: string,
+  otherLicenseDescription?: string,
+  nsfw?: boolean,
+  paywall?: string,
+  fee?: { amount: number, currency: string },
+  fiatPurchaseFee?: Price,
+  fiatPurchaseEnabled?: boolean,
+  fiatRentalFee?: Price,
+  fiatRentalExpiration?: Duration,
+  fiatRentalEnabled?: boolean,
+  visibility?: string,
+  memberRestrictionOn?: boolean,
+  memberRestrictionTierIds?: Array<number>,
+};
+
+declare type UploadTemplate = {
+  id: string,
+  name: string,
+  createdAt: number,
+  lastUsedAt?: number,
+  isPinned?: boolean,
+  data: UploadTemplateData,
+};
+
 declare type Comment = {|
   comment: CommentBody,
   comment_id: CommentId, // sha256 digest
@@ -81,6 +113,7 @@ declare type PerChannelSettings = {
   livestream_chat_members_only?: boolean,
   comments_members_only?: boolean,
   homepage_settings?: any,
+  upload_templates?: Array<UploadTemplate>,
   channel_sections?: Sections,
 };
 
@@ -355,6 +388,8 @@ declare type SettingsResponse = {
   filters_enabled?: boolean,
   livestream_chat_members_only?: boolean,
   comments_members_only?: boolean,
+  homepage_settings?: any,
+  upload_templates?: Array<UploadTemplate>,
 };
 
 declare type UpdateSettingsParams = {
@@ -371,6 +406,8 @@ declare type UpdateSettingsParams = {
   time_since_first_comment?: number,
   livestream_chat_members_only?: boolean,
   comments_members_only?: boolean,
+  homepage_settings?: any,
+  upload_templates?: Array<UploadTemplate>,
 };
 
 declare type BlockWordParams = {

ui/component/publish/shared/publishFormErrors/view.jsx

@@ -8,6 +8,7 @@ import { BITRATE } from 'constants/publish';
 
 type Props = {
   waitForFile: boolean,
+  missingRequiredFile?: boolean,
   // --- redux ---
   title: ?string,
   name: ?string,
@@ -41,6 +42,7 @@ function PublishFormErrors(props: Props) {
     releaseTimeError,
     memberRestrictionStatus,
     waitForFile,
+    missingRequiredFile,
     fileBitrate,
     fileSizeTooBig,
     prevFileSizeTooBig,
@@ -60,6 +62,7 @@ function PublishFormErrors(props: Props) {
   return (
     <div className="error__text">
       {waitForFile && <div>{__('Choose a replay file, or select None')}</div>}
+      {missingRequiredFile && <div>{__('Choose a file to upload')}</div>}
       {missingTiers && <div>{__(HELP.NO_TIERS_SELECTED)}</div>}
       {fileSizeTooBig && !(isStillEditing && prevFileSizeTooBig) && <div>{UPLOAD_SIZE_MESSAGE}</div>}
       {fileBitrate > BITRATE.MAX && (

ui/component/publish/shared/publishTemplateButton/index.js

@@ -0,0 +1,34 @@
+import { connect } from 'react-redux';
+import { selectActiveChannelClaim, selectActiveChannelId } from 'redux/selectors/app';
+import { selectMyChannelClaims } from 'redux/selectors/claims';
+import { selectPublishFormValues } from 'redux/selectors/publish';
+import { selectSettingsByChannelId } from 'redux/selectors/comments';
+import { doUpdatePublishForm } from 'redux/actions/publish';
+import { doFetchCreatorSettings, doUpdateCreatorSettings } from 'redux/actions/comments';
+import { doOpenModal } from 'redux/actions/app';
+import { doToast } from 'redux/actions/notifications';
+import PublishTemplateButton from './view';
+
+const select = (state) => {
+  const publishFormValues = selectPublishFormValues(state);
+  const activeChannelId = selectActiveChannelId(state);
+  const currentPublishChannelId = publishFormValues.channelId || activeChannelId;
+
+  return {
+    defaultChannelId: currentPublishChannelId,
+    myChannelClaims: selectMyChannelClaims(state) || [],
+    settingsByChannelId: selectSettingsByChannelId(state),
+    activeChannelClaim: selectActiveChannelClaim(state),
+    publishFormValues,
+  };
+};
+
+const perform = {
+  openModal: doOpenModal,
+  updatePublishForm: doUpdatePublishForm,
+  fetchCreatorSettings: doFetchCreatorSettings,
+  doUpdateCreatorSettings,
+  doToast,
+};
+
+export default connect(select, perform)(PublishTemplateButton);