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

Author: rienafairefr

cypress/config/settings.cypress.json

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

docs/using-seerr/settings/general.md

@@ -78,6 +78,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, Movies or Series that don't have any release (still only in theatres, or not yet released) will show a warning : this prevents requests that can't yet be fulfilled
+
+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

@@ -140,6 +140,7 @@ export interface MainSettings {
   };
   hideAvailable: boolean;
   hideBlocklisted: boolean;
+  warnNonReleased: boolean;
   localLogin: boolean;
   mediaServerLogin: boolean;
   newPlexLogin: boolean;
@@ -190,6 +191,7 @@ interface FullPublicSettings extends PublicSettings {
   applicationUrl: string;
   hideAvailable: boolean;
   hideBlocklisted: boolean;
+  warnNonReleased: boolean;
   localLogin: boolean;
   mediaServerLogin: boolean;
   movie4kEnabled: boolean;
@@ -401,6 +403,7 @@ class Settings {
         },
         hideAvailable: false,
         hideBlocklisted: false,
+        warnNonReleased: false,
         localLogin: true,
         mediaServerLogin: true,
         newPlexLogin: true,
@@ -688,6 +691,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 { useUser } from '@app/hooks/useUser';
 import globalMessages from '@app/i18n/globalMessages';
 import defineMessages from '@app/utils/defineMessages';
@@ -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
+    ? user.settings.discoverRegion
+    : settings.currentSettings.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 nonTheatricalInTheFuture =
+    (!nonTheatricalReleases || nonTheatricalReleases.length > 0) &&
+    nonTheatricalReleases?.every((r) => new Date(r.release_date) > new Date());
+
   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',
@@ -382,6 +384,20 @@ 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);
+
+  const selectedSeasonsAirDateNotPresent = selectedSeasonsAirDates.some(
+    (element) => element === undefined
+  );
+
   return data && !error && !data.externalIds.tvdbId && searchModal.show ? (
     <SearchByNameModal
       tvdbId={tvdbId}
@@ -498,6 +514,37 @@ 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

@@ -53,6 +53,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:
+    "If still only in theatres, or not yet released, Seerr will show a warning to the would-be requester : This helps warn about requests that can't yet be fulfilled",
   hideAvailable: 'Hide Available Media',
   hideAvailableTip:
     'Hide available media from the discover pages but not search results',
@@ -165,6 +168,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,
@@ -185,6 +189,7 @@ const SettingsMain = () => {
                 applicationUrl: values.applicationUrl,
                 hideAvailable: values.hideAvailable,
                 hideBlocklisted: values.hideBlocklisted,
+                warnNonReleased: values.warnNonReleased,
                 locale: values.locale,
                 discoverRegion: values.discoverRegion,
                 streamingRegion: values.streamingRegion,
@@ -489,6 +494,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

@@ -568,13 +568,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)",
@@ -1008,6 +1011,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": "If still only in theatres, or not yet released, Seerr will show a warning to the would-be requester : This helps warn about requests that can't yet be fulfilled",
   "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",