fix(auth): check the free value

- accept only true (+ case variations) as a set value

src/services/config.service.ts

@@ -106,7 +106,9 @@ const loadConfig = async (configLocation: string) => {
   const response = await fetch(configLocation, {
     headers: {
       Accept: 'application/json',
+      'Access-Control-Allow-Origin': '*',
     },
+    mode: 'cors',
     method: 'GET',
   });
 

src/utils/common.ts

@@ -65,3 +65,33 @@ export function getOverrideIP() {
     ?.split('=')[1]
     .trim();
 }
+
+/**
+ * True value:
+ * 1. Boolean true value
+ * 2. Any number !== 0
+ * 3. 'yes' or 'true' string
+ */
+export const hasTrueValue = (value: undefined | null | string | number | boolean): boolean => {
+  // null, undefined or empty string
+  if (!value) {
+    return false;
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  // 0 equals to false, other numbers equal to true
+  if (typeof value === 'number') {
+    return Boolean(value);
+  }
+
+  if (!Number.isNaN(value)) {
+    return Number(value) > 0;
+  }
+
+  const strValue = value.toLowerCase();
+
+  return strValue === 'true' || strValue === 'yes';
+};

src/utils/entitlements.ts

@@ -2,6 +2,8 @@ import type { AccessModel } from '../../types/Config';
 import type { MediaOffer } from '../../types/media';
 import type { PlaylistItem } from '../../types/playlist';
 
+import { hasTrueValue } from '#src/utils/common';
+
 /**
  * The appearance of the lock icon, depending on the access model
  *
@@ -12,7 +14,7 @@ import type { PlaylistItem } from '../../types/playlist';
  * @returns
  */
 export const isLocked = (accessModel: AccessModel, isLoggedIn: boolean, hasSubscription: boolean, playlistItem: PlaylistItem): boolean => {
-  const isItemFree = playlistItem?.requiresSubscription === 'false' || !!playlistItem?.free;
+  const isItemFree = !hasTrueValue(playlistItem?.requiresSubscription) || hasTrueValue(playlistItem?.free?.toLowerCase());
   const mediaOffers = playlistItem?.mediaOffers;
 
   if (isItemFree) return false;