feat(tvrequestmodal,movierequestmodal): warning for no not yeat released

Author: rienafairefr

cypress/config/settings.cypress.json

@@ -14,6 +14,7 @@
       "tv": {}
     },
     "hideAvailable": false,
+    "warnNonReleased": false,
     "localLogin": true,
     "newPlexLogin": true,
     "discoverRegion": "",

docs/using-seerr/settings/general.md

@@ -65,6 +65,12 @@ Available media will still appear in search results, however, so it is possible
 
 This setting is **disabled** by default.
 
+## Warn about Non-released
+
+When enabled, requests for items without a digital or physical release, or with a release date in the future, will display a warning to help set expectations.
+
+This setting is **disabled** by default.
+
 ## Hide Blocklisted Items
 
 When enabled, media that has been blocklisted will not appear on the "Discover" home page, for all administrators. This can be useful to hide content that you don't want to see, such as content with specific tags or content that has been manually blocklisted when you have the "Manage Blocklist" permission.

seerr-api.yml

@@ -236,6 +236,9 @@ components:
         hideAvailable:
           type: boolean
           example: false
+        warnNonReleased:
+          type: boolean
+          example: false
         partialRequestsEnabled:
           type: boolean
           example: false

server/interfaces/api/settingsInterfaces.ts

@@ -31,6 +31,7 @@ export interface PublicSettingsResponse {
   applicationUrl: string;
   hideAvailable: boolean;
   hideBlocklisted: boolean;
+  warnNonReleased: boolean;
   localLogin: boolean;
   mediaServerLogin: boolean;
   movie4kEnabled: boolean;

server/lib/settings/index.ts

@@ -141,6 +141,7 @@ export interface MainSettings {
   };
   hideAvailable: boolean;
   hideBlocklisted: boolean;
+  warnNonReleased: boolean;
   localLogin: boolean;
   mediaServerLogin: boolean;
   newPlexLogin: boolean;
@@ -193,6 +194,7 @@ interface FullPublicSettings extends PublicSettings {
   applicationUrl: string;
   hideAvailable: boolean;
   hideBlocklisted: boolean;
+  warnNonReleased: boolean;
   localLogin: boolean;
   mediaServerLogin: boolean;
   movie4kEnabled: boolean;
@@ -413,6 +415,7 @@ class Settings {
         },
         hideAvailable: false,
         hideBlocklisted: false,
+        warnNonReleased: false,
         localLogin: true,
         mediaServerLogin: true,
         newPlexLogin: true,
@@ -708,6 +711,7 @@ class Settings {
       applicationUrl: this.data.main.applicationUrl,
       hideAvailable: this.data.main.hideAvailable,
       hideBlocklisted: this.data.main.hideBlocklisted,
+      warnNonReleased: this.data.main.warnNonReleased,
       localLogin: this.data.main.localLogin,
       mediaServerLogin: this.data.main.mediaServerLogin,
       jellyfinExternalHost: this.data.jellyfin.externalHostname,

src/components/RequestModal/MovieRequestModal.tsx

@@ -3,6 +3,7 @@ import Modal from '@app/components/Common/Modal';
 import type { RequestOverrides } from '@app/components/RequestModal/AdvancedRequester';
 import AdvancedRequester from '@app/components/RequestModal/AdvancedRequester';
 import QuotaDisplay from '@app/components/RequestModal/QuotaDisplay';
+import useSettings from '@app/hooks/useSettings';
 import useToasts from '@app/hooks/useToasts';
 import { useUser } from '@app/hooks/useUser';
 import globalMessages from '@app/i18n/globalMessages';
@@ -24,6 +25,7 @@ const messages = defineMessages('components.RequestModal', {
   requestCancel: 'Request for <strong>{title}</strong> canceled.',
   requestmovietitle: 'Request Movie',
   requestmovie4ktitle: 'Request Movie in 4K',
+  requestmovieNotReleased: 'This movie release is in the future',
   edit: 'Edit Request',
   approve: 'Approve Request',
   cancel: 'Cancel Request',
@@ -61,8 +63,23 @@ const MovieRequestModal = ({
   const { data, error } = useSWR<MovieDetails>(`/api/v1/movie/${tmdbId}`, {
     revalidateOnMount: true,
   });
+
   const intl = useIntl();
   const { user, hasPermission } = useUser();
+  const settings = useSettings();
+
+  const discoverRegion =
+    user?.settings?.discoverRegion ||
+    settings.currentSettings.discoverRegion ||
+    'US';
+  const nonTheatricalReleases = data?.releases.results
+    .find((r) => r.iso_3166_1 === discoverRegion)
+    ?.release_dates?.filter((r) => r.type > 3 && r.type < 6);
+  const now = new Date();
+  const nonTheatricalInTheFuture =
+    (nonTheatricalReleases?.length ?? 0) > 0 &&
+    nonTheatricalReleases?.every((r) => new Date(r.release_date) > now);
+
   const { data: quota } = useSWR<QuotaResponse>(
     user &&
       (!requestOverrides?.user?.id || hasPermission(Permission.MANAGE_USERS))
@@ -335,6 +352,15 @@ const MovieRequestModal = ({
       okButtonType={'primary'}
       backdrop={`https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/${data?.backdropPath}`}
     >
+      {settings.currentSettings.warnNonReleased &&
+        (!nonTheatricalReleases?.length || nonTheatricalInTheFuture) && (
+          <div className="mt-6">
+            <Alert
+              title={intl.formatMessage(messages.requestmovieNotReleased)}
+              type="warning"
+            />
+          </div>
+        )}
       {hasAutoApprove && !quota?.movie.restricted && (
         <div className="mt-6">
           <Alert

src/components/RequestModal/TvRequestModal.tsx

@@ -38,6 +38,8 @@ const messages = defineMessages('components.RequestModal', {
     'Request {seasonCount} {seasonCount, plural, one {Season} other {Seasons}}',
   requestseasons4k:
     'Request {seasonCount} {seasonCount, plural, one {Season} other {Seasons}} in 4K',
+  requesttvNoAirDate: 'The Air Date is absent',
+  requesttvNotReleased: 'The Air Date is in the future',
   alreadyrequested: 'Already Requested',
   selectseason: 'Select Season(s)',
   season: 'Season',
@@ -375,6 +377,16 @@ const TvRequestModal = ({
 
   const isOwner = editRequest && editRequest.requestedBy.id === user?.id;
 
+  const dateNow = new Date();
+  const selectedSeasonsAirDates = selectedSeasons.map(
+    (season) => data?.seasons?.find((s) => s.seasonNumber === season)?.airDate
+  );
+  const selectedSeasonsPresentAirDates = selectedSeasonsAirDates
+    .filter((i) => i !== undefined)
+    .map((element) => new Date(Date.parse(element)));
+  const selectedSeasonsAirDateInTheFuture =
+    selectedSeasonsPresentAirDates.filter((element) => element > dateNow);
+
   return data && !error && !data.externalIds.tvdbId && searchModal.show ? (
     <SearchByNameModal
       tvdbId={tvdbId}
@@ -491,6 +503,34 @@ const TvRequestModal = ({
             />
           </p>
         )}
+      {settings.currentSettings.warnNonReleased &&
+        selectedSeasonsAirDateInTheFuture.length > 0 && (
+          <div className="mt-6">
+            <Alert
+              title={`${intl.formatMessage(
+                messages.requesttvNotReleased
+              )} (${selectedSeasonsAirDateInTheFuture
+                .map((element) =>
+                  intl.formatDate(element, {
+                    year: 'numeric',
+                    month: 'long',
+                    day: 'numeric',
+                  })
+                )
+                .join(', ')})`}
+              type="warning"
+            />
+          </div>
+        )}
+      {settings.currentSettings.warnNonReleased &&
+        selectedSeasonsAirDates.some((element) => element === undefined) && (
+          <div className="mt-6">
+            <Alert
+              title={intl.formatMessage(messages.requesttvNoAirDate)}
+              type="warning"
+            />
+          </div>
+        )}
       {(quota?.tv.limit ?? 0) > 0 && (
         <QuotaDisplay
           mediaType="tv"

src/components/Settings/SettingsMain/index.tsx

@@ -59,6 +59,9 @@ const messages = defineMessages('components.Settings.SettingsMain', {
   toastApiKeyFailure: 'Something went wrong while generating a new API key.',
   toastSettingsSuccess: 'Settings saved successfully!',
   toastSettingsFailure: 'Something went wrong while saving settings.',
+  warnNonReleased: 'Warn if Non released',
+  warnNonReleasedTip:
+    'Show a warning to users when requesting titles that are still in theatres or not yet released.',
   hideAvailable: 'Hide Available Media',
   hideAvailableTip:
     'Hide available media from the discover pages but not search results',
@@ -171,6 +174,7 @@ const SettingsMain = () => {
             applicationUrl: data?.applicationUrl,
             hideAvailable: data?.hideAvailable,
             hideBlocklisted: data?.hideBlocklisted,
+            warnNonReleased: data?.warnNonReleased,
             locale: data?.locale ?? 'en',
             discoverRegion: data?.discoverRegion,
             originalLanguage: data?.originalLanguage,
@@ -193,6 +197,7 @@ const SettingsMain = () => {
                 applicationUrl: values.applicationUrl,
                 hideAvailable: values.hideAvailable,
                 hideBlocklisted: values.hideBlocklisted,
+                warnNonReleased: values.warnNonReleased,
                 locale: values.locale,
                 discoverRegion: values.discoverRegion,
                 streamingRegion: values.streamingRegion,
@@ -538,6 +543,30 @@ const SettingsMain = () => {
                     />
                   </div>
                 </div>
+                <div className="form-row">
+                  <label htmlFor="warnNonReleased" className="checkbox-label">
+                    <span className="mr-2">
+                      {intl.formatMessage(messages.warnNonReleased)}
+                    </span>
+                    <SettingsBadge badgeType="experimental" />
+                    <span className="label-tip">
+                      {intl.formatMessage(messages.warnNonReleasedTip)}
+                    </span>
+                  </label>
+                  <div className="form-input-area">
+                    <Field
+                      type="checkbox"
+                      id="warnNonReleased"
+                      name="warnNonReleased"
+                      onChange={() => {
+                        setFieldValue(
+                          'warnNonReleased',
+                          !values.warnNonReleased
+                        );
+                      }}
+                    />
+                  </div>
+                </div>
                 <div className="form-row">
                   <label
                     htmlFor="partialRequestsEnabled"

src/context/SettingsContext.tsx

@@ -14,6 +14,7 @@ const defaultSettings = {
   applicationUrl: '',
   hideAvailable: false,
   hideBlocklisted: false,
+  warnNonReleased: false,
   localLogin: true,
   mediaServerLogin: true,
   movie4kEnabled: false,

src/i18n/locale/en.json

@@ -576,13 +576,16 @@
   "components.RequestModal.requesterror": "Something went wrong while submitting the request.",
   "components.RequestModal.requestfrom": "{username}'s request is pending approval.",
   "components.RequestModal.requestmovie4ktitle": "Request Movie in 4K",
+  "components.RequestModal.requestmovieNotReleased": "This movie release is in the future",
   "components.RequestModal.requestmovies": "Request {count} {count, plural, one {Movie} other {Movies}}",
   "components.RequestModal.requestmovies4k": "Request {count} {count, plural, one {Movie} other {Movies}} in 4K",
   "components.RequestModal.requestmovietitle": "Request Movie",
   "components.RequestModal.requestseasons": "Request {seasonCount} {seasonCount, plural, one {Season} other {Seasons}}",
   "components.RequestModal.requestseasons4k": "Request {seasonCount} {seasonCount, plural, one {Season} other {Seasons}} in 4K",
   "components.RequestModal.requestseries4ktitle": "Request Series in 4K",
   "components.RequestModal.requestseriestitle": "Request Series",
+  "components.RequestModal.requesttvNoAirDate": "The Air Date is absent",
+  "components.RequestModal.requesttvNotReleased": "The Air Date is in the future",
   "components.RequestModal.season": "Season",
   "components.RequestModal.seasonnumber": "Season {number}",
   "components.RequestModal.selectmovies": "Select Movie(s)",
@@ -1029,6 +1032,8 @@
   "components.Settings.SettingsMain.validationApplicationUrlTrailingSlash": "URL must not end in a trailing slash",
   "components.Settings.SettingsMain.validationUrl": "You must provide a valid URL",
   "components.Settings.SettingsMain.validationUrlTrailingSlash": "URL must not end in a trailing slash",
+  "components.Settings.SettingsMain.warnNonReleased": "Warn if Non released",
+  "components.Settings.SettingsMain.warnNonReleasedTip": "Show a warning to users when requesting titles that are still in theatres or not yet released.",
   "components.Settings.SettingsMain.youtubeUrl": "YouTube URL",
   "components.Settings.SettingsMain.youtubeUrlTip": "Base URL for YouTube videos if a self-hosted YouTube instance is used.",
   "components.Settings.SettingsNetwork.apiRequestTimeout": "API Request Timeout",