@designcrowd/library.brand-page 5.15.21-gettyfinal → 5.15.21

package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts

@@ -98,8 +98,6 @@ import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import { useConsent } from '../../../brand-page/composables/consent.composable';
 import { commonTr, errorTr } from '../../../composables/useTranslate';
 import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
-import { useVideoStore } from '../video';
-import { findValuesByKey } from '../../../helpers/ts.helper';
 
 export interface NotificationMessage {
   type: 'success' | 'warning' | 'error';
@@ -1362,7 +1360,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
     brandPageViewModel(): BrandPageViewModel {
       const userStore = useBrandPageMakerUserStore();
       const uiStore = useUiStore();
-      const videoStore = useVideoStore();
 
       if (userStore.isAdmin && uiStore.logoTheme) {
         const themedBrandPage = applyLogoThemeToBrandPageModel(
@@ -1373,13 +1370,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         return getBrandPageViewModelFromBrandPageModel(
           themedBrandPage,
           this.brandPageToken,
-          undefined,
-          {
-            useOldLogoRenderSize: false,
-            getVideoUrls: videoStore.getVideoUrlsForToken,
-            getS3VideoUrls: videoStore.getS3VideoUrlsForToken,
-            setVideoUrlsWithToken: videoStore.setVideoUrlsWithToken,
-          },
         );
       }
 
@@ -1401,12 +1391,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
           model,
           this.brandPageToken,
           showBrandCrowdLogo,
-          {
-            useOldLogoRenderSize: false,
-            getVideoUrls: videoStore.getVideoUrlsForToken,
-            getS3VideoUrls: videoStore.getS3VideoUrlsForToken,
-            setVideoUrlsWithToken: videoStore.setVideoUrlsWithToken,
-          },
         );
       }
 
@@ -1414,17 +1398,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         this.brandPageData,
         this.brandPageToken,
         showBrandCrowdLogo,
-        {
-          useOldLogoRenderSize: false,
-          getVideoUrls: videoStore.getVideoUrlsForToken,
-          getS3VideoUrls: videoStore.getS3VideoUrlsForToken,
-          setVideoUrlsWithToken: videoStore.setVideoUrlsWithToken,
-        },
       );
     },
-    gettyVideoIds(): string[] {
-      return findValuesByKey(this.brandPageData, 'gettyAssetId');
-    },
     isInteractivePreviewEnabled(): boolean {
       const uiStore = useUiStore();
 

package/src/brand-page-maker/stores/index.ts

@@ -10,4 +10,3 @@ export * from './brandpage-container';
 export * from './event-manager';
 export * from './route';
 export * from './logo-store';
-export * from './video';

package/src/bundles/bundled-translations.json

@@ -346,7 +346,6 @@
     "addShapeLabel": "Add Shape",
     "addImageLabel": "Add Image",
     "addFaviconLabel": "Add Favicon",
-    "addMediaLabel": "Add Media",
     "replaceFaviconLabel": "Replace Favicon",
     "updateSettings": "Update Settings",
     "shapeColor": "Shape Color",
@@ -453,7 +452,6 @@
     "addImageButtonTitle": "Add image",
     "addImageHeaderTitle": "Add image",
     "imageReplaceTitle": "Replace image",
-    "replaceMediaTitle": "Replace media",
     "imageGalleryAddButtonTitle": "Add images",
     "imageGalleryReplaceTitle": "Add image",
     "iconReplaceTitle": "Replace thumbnail",
@@ -574,8 +572,6 @@
     "styleCircleOption": "Circle",
     "mediaTypeImage": "image",
     "mediaTypeShape": "shape",
-    "media": "Media",
-    "addMediaTitle": "Add media",
     "firstNameLabel": "First name",
     "lastNameLabel": "Last name",
     "emailAddressLabel": "Email address",

package/src/clients/brand-page-client.ts

@@ -100,7 +100,7 @@ const setBrandPageSlugAsync = async (
   designDraftToken,
   options,
 ): Promise<PublishBrandPageResponse | null> => {
-  const { slug, shouldPublish, brandPageContentTypes, gettyVideoIds } = options;
+  const { slug, shouldPublish, brandPageContentTypes } = options;
 
   const url = `${getApiUrlPrefix(brandPageType)}/${designDraftToken}/publish`;
 
@@ -108,7 +108,6 @@ const setBrandPageSlugAsync = async (
     slug,
     shouldPublish,
     brandPageContentTypes: brandPageContentTypes || [],
-    gettyVideoIds: gettyVideoIds || [],
   });
 
   if (response.status !== 200) {

package/src/clients/gettyimages-client.js

@@ -12,7 +12,7 @@ export default class GettyImagesClient {
     `${this.options.mediaBaseUrl}/maker/api/gettyimages/search/videos?query=${query}&page=${pageNo}&perpage=10`;
 
   getVideoEndpoint = (videoId) =>
-    `${this.options.mediaBaseUrl}/maker/api/gettyimages/video-preview?assetId=${videoId}&requestPublic=true`;
+    `${this.options.mediaBaseUrl}/maker/api/gettyimages/video-preview?assetId=${videoId}`;
 
   async getDefaultCategoriesAsync() {
     try {

package/src/helpers/ts.helper.ts

@@ -52,33 +52,3 @@ export function sanitiseObject(obj) {
     return ac;
   }, {});
 }
-
-export const findValuesByKey = (
-  obj: any,
-  keyToFind: string,
-  results: string[] = [],
-) => {
-  if (typeof obj !== 'object' || obj === null) {
-    return results;
-  }
-
-  if (Array.isArray(obj)) {
-    for (const item of obj) {
-      findValuesByKey(item, keyToFind, results);
-    }
-  } else {
-    for (const key in obj) {
-      if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        const value = obj[key];
-
-        if (key === keyToFind && value && typeof value === 'string') {
-          results.push(value);
-        }
-
-        findValuesByKey(value, keyToFind, results);
-      }
-    }
-  }
-
-  return results;
-};

package/src/lib.ts

@@ -72,7 +72,6 @@ export {
   useBrandPageContainerStore,
   useEventManagerStore,
   useLocalisedRouteStore,
-  useVideoStore,
 } from './brand-page-maker/stores';
 export { useShopConfigStore } from './shared/ecommerce-settings/store/shop-settings-store';
 

package/src/shared/common/i18n/common.json

@@ -45,8 +45,6 @@
     "addShapeLabel": "Add Shape",
     "addImageLabel": "Add Image",
     "addFaviconLabel": "Add Favicon",
-    "addMediaLabel": "Add Media",
-
     "replaceFaviconLabel": "Replace Favicon",
     "updateSettings": "Update Settings",
     "shapeColor" : "Shape Color",

package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts

@@ -6,10 +6,7 @@ import type {
   ReplaceImageSettingsTabId,
 } from '../../models';
 import { ReplaceImageSettingsTabIds } from '../../models';
-import type {
-  MediaBaseSelectedPayload,
-  UserMediaItemWithDimensions,
-} from '../../../my-uploads/models';
+import type { UserMediaItemWithDimensions } from '../../../my-uploads/models';
 import { useUiContentSettingsStore } from '../../store';
 import {
   useBrandPageMakerUserStore,
@@ -240,13 +237,5 @@ export default defineComponent({
       });
       this.contentSettingsStore.popMode();
     },
-    onVideoSelected(videoPayload: MediaBaseSelectedPayload) {
-      this.contentSettingsStore.setSelectedItemMedia(
-        this.selectedItemId,
-        videoPayload,
-      );
-
-      this.contentSettingsStore.popMode();
-    },
   },
 });

package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.vue

@@ -12,7 +12,6 @@
       @on-shape-selected="onShapeSelected"
       @on-image-picked="onImageSelected"
       @on-image-removed="onImageRemoved"
-      @on-video-selected="onVideoSelected"
     />
   </div>
 </template>

package/src/shared/content-settings/components/content-settings/i18n/content-settings.json

@@ -50,7 +50,6 @@
     "addImageButtonTitle": "Add image",
     "addImageHeaderTitle": "Add image",
     "imageReplaceTitle": "Replace image",
-    "replaceMediaTitle": "Replace media",
 
     "imageGalleryAddButtonTitle": "Add images",
     "imageGalleryReplaceTitle": "Add image",
@@ -185,9 +184,6 @@
     "mediaTypeImage": "image",
     "mediaTypeShape": "shape",
 
-    "media": "Media",
-    "addMediaTitle": "Add media",
-
     "firstNameLabel": "First name",
     "lastNameLabel": "Last name",
     "emailAddressLabel": "Email address",

package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.ts

@@ -113,7 +113,6 @@ export default defineComponent({
           this.brandPageData.brandPageType === BRAND_PAGE_TYPES.brandContact,
         options: {
           mediaSizes: MEDIA_SIZES.size1x,
-          renderVideoAsImage: true,
         },
         isCapturingPreview: false,
       };

package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.ts

@@ -88,7 +88,6 @@ export default defineComponent({
           this.brandPageData.brandPageType === BRAND_PAGE_TYPES.brandContact,
         options: {
           mediaSizes: MEDIA_SIZES.size1x,
-          renderVideoAsImage: true,
         },
         isCapturingPreview: false,
       };

package/src/shared/content-settings/components/image-field/ImageField.mixin.ts

@@ -5,7 +5,6 @@ import BrandPageIcon from '../../../../brand-page/components/icon/Icon.vue';
 import type { ContentItemFieldSettings } from '../../models';
 import { isURL } from '../../../../utils/validator.util';
 import { commonTr } from '../../../../composables/useTranslate';
-import { useVideoStore } from '../../../../brand-page-maker/stores/video/video-store';
 
 const ACCEPTED_MIME_TYPES = 'image/png, image/jpeg, image/svg+xml';
 
@@ -48,16 +47,6 @@ export default defineComponent({
       required: false,
       default: undefined,
     },
-    mediaViewModel: {
-      type: Object,
-      required: false,
-      default: undefined,
-    },
-    content: {
-      type: Object,
-      required: false,
-      default: undefined,
-    },
   },
   emits: ['update:modelValue', 'on-intent-image-replace'],
   data() {
@@ -72,24 +61,6 @@ export default defineComponent({
 
     imageUrl: {
       get(): string {
-        if (
-          this.content?.type === 'banner-section' &&
-          this.content?.media?.type === 'getty-video' &&
-          this.name === 'imageUrl'
-        ) {
-          const gettyToken = this.content?.media.gettyToken;
-
-          if (gettyToken) {
-            const videoStore = useVideoStore();
-
-            const videoUrls = videoStore.getVideoUrlsForToken(gettyToken);
-
-            if (videoUrls?.previewImageUrl) {
-              return videoUrls.previewImageUrl;
-            }
-          }
-        }
-
         return this.imgValue;
       },
       set(newVal: string): void {
@@ -104,7 +75,7 @@ export default defineComponent({
     addTitle(): string {
       return this.mediaType === 'shape'
         ? commonTr('addShapeLabel')
-        : commonTr('addMediaLabel');
+        : commonTr('addImageLabel');
     },
   },
   watch: {
@@ -122,7 +93,6 @@ export default defineComponent({
     },
 
     onRemove() {
-      this.content.media = undefined;
       this.imgValue = '';
       this.imageUrl = '';
     },

package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.vue

@@ -66,7 +66,7 @@
           <UnsplashLibrary @on-select-image="onDesignSelected" />
         </div>
         <div v-if="tab.id === 'VIDEO_LIBRARY'">
-          <VideoLibrary @on-select-video="onVideoSelected" />
+          <VideoLibrary @on-select-video="onDesignSelected" />
         </div>
         <div v-if="tab.id === 'SHAPE_LIBRARY'">
           <ShapeLibrary @on-select-image="onShapeSelected" />
@@ -91,10 +91,7 @@ import type {
   ReplaceImageSettingsTabId,
   ReplaceImageSettingsBase,
 } from '../../models';
-import type {
-  MediaBaseSelectedPayload,
-  UserMediaItemWithDimensions,
-} from '../../../my-uploads/models';
+import type { UserMediaItemWithDimensions } from '../../../my-uploads/models';
 import {
   useBrandPageContainerStore,
   useBrandPageMakerUserStore,
@@ -179,7 +176,6 @@ const emit = defineEmits<{
       aspectRatio: number;
     },
   ];
-  'on-video-selected': [videoPayload: MediaBaseSelectedPayload];
 }>();
 
 const containerStore = useBrandPageContainerStore();
@@ -264,10 +260,6 @@ const onDesignSelected = (image: UserMediaItemWithDimensions) => {
   emit('on-design-selected', image);
 };
 
-const onVideoSelected = (videoPayload: MediaBaseSelectedPayload) => {
-  emit('on-video-selected', videoPayload);
-};
-
 const switchActiveTab = (id: string) => {
   tabs.value.forEach((tab: Tab) => {
     tab.active = tab.id === id;

package/src/shared/content-settings/models.ts

@@ -12,7 +12,6 @@ import type {
   ValidateResult,
 } from '../../brand-page-maker/models';
 import type { UserState } from '../../brand-page-maker/stores';
-import type { MediaBaseSelectedPayload } from '../my-uploads/models';
 
 export interface ContentItemFieldSettings {
   errorMessage: string;
@@ -51,7 +50,6 @@ export interface ContentReplaceImageSettings<TContent>
     index?: number,
   ) => void;
 }
-
 export interface ReplaceImageSettingsBase {
   tabs: ReplaceImageSettingsTabId[];
   buttonTitleAdd: string;
@@ -75,7 +73,6 @@ export interface SetContentMediaPayload {
   mediaType?: string;
   size?: string;
   imageLink: string;
-  media?: MediaBaseSelectedPayload;
 }
 
 export interface ContentItem<TContent> {

package/src/shared/content-settings/store/content-settings-store.ts

@@ -38,7 +38,6 @@ import {
   useUiStore,
   useBrandPageMakerUserStore,
   useBrandPageMakerStore,
-  useVideoStore,
 } from '../../../brand-page-maker/stores';
 import { useUiSideBarStore } from '../../side-bar/store';
 import {
@@ -52,12 +51,6 @@ import {
 } from '../../../brand-page-maker/validators';
 import { vueDeepMerge } from '../../../helpers/vue.helper';
 
-import type {
-  GettyVideoMediaSelectedPayload,
-  MediaBaseSelectedPayload,
-} from '../../my-uploads/models';
-import {} from '../../../brand-page-maker/stores/video';
-
 const DEFAULT_TEXT_COLOR_DEPENDENT_TYPES: readonly ContentType[] = [
   'profile',
   'text',
@@ -273,58 +266,6 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
         this.selectedItemIndex ?? undefined,
       );
     },
-    _setSelectedItemMedia(
-      selectedItemId: string | null,
-      mediaPayload: MediaBaseSelectedPayload,
-    ): void {
-      const selectedItem = this.items.find((i) => i.id === selectedItemId);
-
-      if (!selectedItem) {
-        if (process.env.NODE_ENV !== 'production') {
-          throw new Error(
-            'unable to locate the selected item for setting video',
-          );
-        }
-
-        return;
-      }
-
-      if (!this.selectedItemFieldName) {
-        if (process.env.NODE_ENV !== 'production') {
-          throw new Error('selectedItemFieldName should be defined');
-        }
-
-        return;
-      }
-
-      const replaceImageSettings =
-        selectedItem.settings.fields[this.selectedItemFieldName]
-          .replaceImageSettings;
-
-      if (!replaceImageSettings) {
-        if (process.env.NODE_ENV !== 'production') {
-          throw new Error('replaceImageSettings should be an object');
-        }
-
-        return;
-      }
-
-      replaceImageSettings.setContentMedia(selectedItem.settings.content, {
-        media: mediaPayload,
-      });
-
-      if (mediaPayload.type === 'getty-video') {
-        const gettyPayload = mediaPayload as GettyVideoMediaSelectedPayload;
-        const videoStore = useVideoStore();
-
-        videoStore.setVideoUrlsWithToken(
-          gettyPayload.token,
-          gettyPayload.videoSrc,
-          gettyPayload.imageSrc,
-          gettyPayload.assetId,
-        );
-      }
-    },
     _setItems({ items }: { items: ContentItem<any>[] }): void {
       this.items = items;
     },
@@ -767,15 +708,6 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
       this.onContentChanged();
     },
 
-    setSelectedItemMedia(
-      selectedItemId: string | null,
-      mediaPayload: MediaBaseSelectedPayload,
-    ) {
-      this._setSelectedItemMedia(selectedItemId, mediaPayload);
-
-      this.onContentChanged();
-    },
-
     setItems(payload: { items: ContentItem<Content>[] }) {
       if (process.env.NODE_ENV !== 'production') {
         const idCountMap = payload.items.reduce<Record<string, number>>(

package/src/shared/my-uploads/models.ts

@@ -1,5 +1,3 @@
-import type { MediaTypes } from '../../brand-page';
-
 interface UserMediaItemMedia {
   token: string;
   userToken: string;
@@ -22,17 +20,3 @@ export interface UserMediaItemWithDimensions extends UserMediaItem {
   width: number;
   height: number;
 }
-
-export interface MediaBaseSelectedPayload {
-  type: MediaTypes;
-}
-
-export interface GettyVideoMediaSelectedPayload
-  extends MediaBaseSelectedPayload {
-  assetId: string;
-  token: string;
-  mimeType: string;
-  autoPlay: boolean;
-  imageSrc: string;
-  videoSrc: string;
-}

package/src/shared/video-library/VideoLibrary.vue

@@ -76,20 +76,12 @@
           class="c-media-btn__img hover:!tw-shadow-[0_0_0_3px] hover:!tw-shadow-info-500"
           @mouseenter="mouseOverPreview"
           @mouseleave="mouseLeavePreview"
-          @click="onVideoLibraryItemClicked(video)"
         >
           {{ videoLibraryTr('emptyState') }}
         </video>
       </figure>
     </div>
-    <p
-      v-if="
-        !isLoading &&
-        ((!hasVideoLibraryCategories && isCategoryView) ||
-          (!hasVideos && !isCategoryView))
-      "
-      class="tw-text-xs"
-    >
+    <p v-if="!isLoading && !hasVideos" class="tw-text-xs">
       {{ commonTr('emptySearchLabel') }}
     </p>
     <div
@@ -123,14 +115,7 @@ import { ref, computed, onMounted } from 'vue';
 import GettyImagesClient from '../../clients/gettyimages-client';
 import { commonTr, videoLibraryTr } from '../../composables/useTranslate';
 import { Button, Loader, TextInput } from '@designcrowd/fe-shared-lib';
-import {
-  useUiStore,
-  type GettyVideoEditorViewModelResponse,
-} from '../../brand-page-maker/stores';
-import type {
-  GettyVideoMediaSelectedPayload,
-  MediaBaseSelectedPayload,
-} from '../my-uploads/models';
+import { useUiStore } from '../../brand-page-maker/stores';
 
 interface VideoItem {
   id: string;
@@ -165,8 +150,6 @@ const isLoading = ref(true);
 const isSearchReady = ref(false);
 const defaultLibrary = ref<VideoLibraryData | null>(null);
 const isCategorySearch = ref(false);
-const isCategoryView = ref(false);
-
 const addVideosConcurrentlyLimit = ref(2);
 const numberOfVideosBeingAdded = ref(0);
 
@@ -217,7 +200,6 @@ const onClearSearch = () => {
 
 const onCategoryClicked = (categoryName: string) => {
   searchVideos(categoryName, true);
-  isCategoryView.value = false;
 };
 
 const getNextPageOfResults = async (): Promise<void> => {
@@ -248,11 +230,11 @@ const getCategories = async (): Promise<void> => {
     isLoading.value = true;
     videoLibraryCategories.value =
       await gettyImagesClient.value!.getDefaultCategoriesAsync();
+    console.log('videoLibraryCategories', videoLibraryCategories.value);
   } catch (e) {
     console.error(e);
   } finally {
     isLoading.value = false;
-    isCategoryView.value = true;
   }
 };
 
@@ -285,7 +267,6 @@ const searchVideos = async (
     console.error(e);
   } finally {
     isLoading.value = false;
-    isCategoryView.value = false;
   }
 };
 
@@ -312,26 +293,24 @@ const onVideoLibraryItemClicked = async (item: VideoItem): Promise<void> => {
   }
 
   setIsLoading(item, true);
-  const video: GettyVideoEditorViewModelResponse | null =
-    await gettyImagesClient.value!.getVideoByVideoIdAsync(item.id);
+  const video = await gettyImagesClient.value!.getVideoByVideoIdAsync(item.id);
   if (!video) {
     window.alert('Error loading getty video, please try again');
     setIsLoading(item, false);
     return;
   }
 
-  const videoPayload: GettyVideoMediaSelectedPayload = {
-    type: 'getty-video',
-    assetId: item.id,
-    token: video.token,
+  const gettyMediaObject = {
+    mediaData: {
+      provider: 'getty',
+      assetId: item.id,
+    },
     imageSrc: video.imagePreviewAsset.uri,
     videoSrc: video.videoPreviewAsset.uri,
-    mimeType: 'video/mp4',
-    autoPlay: false,
   };
 
   // Emit the video selection event
-  emit('on-select-video', videoPayload);
+  emit('on-select-video', gettyMediaObject);
 
   setIsLoading(item, false);
 };
@@ -354,7 +333,7 @@ const getImagePreview = (
 };
 
 const emit = defineEmits<{
-  'on-select-video': [videoPayload: MediaBaseSelectedPayload];
+  'on-select-video': [video: any];
 }>();
 
 onMounted(async () => {

package/lib/src/brand-page-maker/stores/video/index.d.ts

@@ -1 +0,0 @@
-export * from './video-store';

package/lib/src/brand-page-maker/stores/video/index.js

@@ -1 +0,0 @@
-export * from './video-store';

package/lib/src/brand-page-maker/stores/video/video-store.d.ts

@@ -1,27 +0,0 @@
-export type VideoUrlData = {
-    videoUrl: string;
-    previewImageUrl: string;
-    assetId: string;
-};
-type VideoUrls = Record<string, VideoUrlData>;
-export interface videoStoreState {
-    videoUrls: VideoUrls;
-    gettyImagesKeyPrefix: string;
-}
-export declare const useVideoStore: import("pinia").StoreDefinition<"video", videoStoreState, {
-    getVideoUrlsForToken: (state: {
-        videoUrls: VideoUrls;
-        gettyImagesKeyPrefix: string;
-    } & import("pinia").PiniaCustomStateProperties<videoStoreState>) => (token: string) => VideoUrlData;
-    getS3VideoUrlsForToken: (state: {
-        videoUrls: VideoUrls;
-        gettyImagesKeyPrefix: string;
-    } & import("pinia").PiniaCustomStateProperties<videoStoreState>) => (token: string) => {
-        videoUrl: string;
-        previewImageUrl: string;
-    };
-}, {
-    setVideoUrlsWithToken(token: string, videoUrl: string, previewImageUrl: string, assetId: string): void;
-    setGettyImageKeyPrefix(prefix: string): void;
-}>;
-export {};

package/lib/src/brand-page-maker/stores/video/video-store.js

@@ -1,27 +0,0 @@
-import { defineStore } from 'pinia';
-const CDN_GETTY_S3_URL_PREFIX = 'https://bc-getty-media.brandcrowd.com';
-export const useVideoStore = defineStore('video', {
-    state: () => ({
-        videoUrls: {},
-        gettyImagesKeyPrefix: '',
-    }),
-    actions: {
-        setVideoUrlsWithToken(token, videoUrl, previewImageUrl, assetId) {
-            this.videoUrls[token] = { videoUrl, previewImageUrl, assetId };
-        },
-        setGettyImageKeyPrefix(prefix) {
-            this.gettyImagesKeyPrefix = prefix;
-        },
-    },
-    getters: {
-        getVideoUrlsForToken: (state) => (token) => {
-            return state.videoUrls[token];
-        },
-        getS3VideoUrlsForToken: (state) => (token) => {
-            return {
-                videoUrl: `${CDN_GETTY_S3_URL_PREFIX}/public/${state.gettyImagesKeyPrefix}/${token}/${token}_preview`,
-                previewImageUrl: `${CDN_GETTY_S3_URL_PREFIX}/public/${state.gettyImagesKeyPrefix}/${token}/${token}_preview_thumb`,
-            };
-        },
-    },
-});