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

package/src/brand-page/utils/view-model.util.ts

@@ -38,8 +38,6 @@ import type {
   SensitiveContent,
   BookingSectionContent,
   TextShapeItem,
-  GettyVideoMedia,
-  AbstractMedia,
 } from '../models';
 import { ButtonStyles, SENSITIVE_CONTENT_TYPES, VIEWPORTS } from '../models';
 import {
@@ -77,7 +75,6 @@ import type {
   ShapesSectionViewModel,
   ShopViewModel,
   BookingSectionViewModel,
-  GettyVideoViewModel,
 } from '../view-models';
 import { isHexTransparent, setRgbAlpha } from './color.util';
 import type { ContentTextStylePropertyKey } from '../constants';
@@ -664,69 +661,9 @@ const mapToContactFormViewModel = (
   );
 };
 
-const mapGettyVideoToGettyVideoViewModel = (
-  media: GettyVideoMedia,
-  options: ViewModelMappingOptions,
-): GettyVideoViewModel => {
-  if (!options.getVideoUrls?.(media.gettyToken)) {
-    const s3Urls = options.getS3VideoUrls?.(media.gettyToken);
-
-    if (s3Urls && s3Urls?.videoUrl) {
-      options.setVideoUrlsWithToken?.(
-        media.gettyToken,
-        s3Urls.videoUrl,
-        s3Urls.previewImageUrl,
-        media.gettyAssetId,
-      );
-    }
-  }
-
-  const videoUrls = options.getVideoUrls?.(media.gettyToken) || {
-    videoUrl: undefined,
-    previewImageUrl: undefined,
-  };
-
-  return {
-    type: 'getty-video',
-    gettyToken: media.gettyToken,
-    gettyAssetId: media.gettyAssetId,
-    mimeType: media.mimeType,
-    videoUrl: videoUrls.videoUrl,
-    previewImageUrl: videoUrls.previewImageUrl,
-    settings: {
-      autoPlay: media.settings?.autoPlay || false,
-    },
-  };
-};
-
-const mapMediaToContentViewModel = ({
-  media,
-  options,
-}: {
-  media?: AbstractMedia;
-  options: ViewModelMappingOptions;
-}) => {
-  if (!media) {
-    return undefined;
-  }
-
-  switch (media.type) {
-    case 'getty-video':
-      return mapGettyVideoToGettyVideoViewModel(
-        media as GettyVideoMedia,
-        options,
-      );
-    case 'image':
-    // TODO(jyao): Implement later
-    default:
-      throw new Error(`Unsupported media type: ${media.type}`);
-  }
-};
-
 export const mapToBannerSectionViewModel = (
   content: BannerSectionContent,
   styles: PageStyles,
-  options: ViewModelMappingOptions,
 ): BannerSectionViewModel => {
   return applyViewModelTextStyles(
     {
@@ -751,10 +688,6 @@ export const mapToBannerSectionViewModel = (
       isFullWidth: true,
       imageUrl: mapToBannerSectionImageUrl(content),
       isBigImageType: isBigImageType(content.displayStyle),
-      mediaViewModel: mapMediaToContentViewModel({
-        media: content.media,
-        options,
-      }),
     },
     styles,
   );
@@ -1131,7 +1064,7 @@ export const mapToViewModel =
   (
     styles: PageStyles,
     brandPageType: BrandPageType,
-    options: ViewModelMappingOptions,
+    options?: { useOldLogoRenderSize: boolean },
   ) =>
   (content: Content): ContentViewModel | undefined => {
     switch (content.type) {
@@ -1200,7 +1133,6 @@ export const mapToViewModel =
         return mapToBannerSectionViewModel(
           content as BannerSectionContent,
           styles,
-          options,
         );
 
       case 'booking-section':
@@ -1266,29 +1198,11 @@ export const mapToViewModel =
     }
   };
 
-interface ViewModelMappingOptions {
-  useOldLogoRenderSize?: boolean;
-  getVideoUrls?: (token: string) => {
-    videoUrl: string;
-    previewImageUrl: string;
-  };
-  getS3VideoUrls?: (token: string) => {
-    videoUrl: string;
-    previewImageUrl: string;
-  };
-  setVideoUrlsWithToken?: (
-    token: string,
-    videoUrl: string,
-    previewImageUrl: string,
-    assetId: string,
-  ) => void;
-}
-
 export const getBrandPageViewModelFromBrandPageModel = (
   model: BrandPageModel,
   brandPageToken: string | undefined,
   showBrandCrowdLogo = true,
-  options: ViewModelMappingOptions,
+  useOldLogoRenderSize = false,
 ): BrandPageViewModel => {
   const pages = model.pages.map((p) => {
     const contents = p.contents
@@ -1296,7 +1210,7 @@ export const getBrandPageViewModelFromBrandPageModel = (
         mapToViewModel(
           model.styles,
           model.brandPageType || BRAND_PAGE_TYPES.default,
-          options,
+          { useOldLogoRenderSize },
         ),
       )
       .filter((c) => c !== undefined) as ContentViewModel[];
@@ -1318,23 +1232,23 @@ export const getBrandPageViewModelFromBrandPageModel = (
       model.pageHeaderDesktop,
       model.styles,
       pages,
-      options.useOldLogoRenderSize,
+      useOldLogoRenderSize,
     ),
     headerViewModelMobile: mapToPageHeaderViewModel(
       model.pageHeaderMobile,
       model.styles,
       pages,
-      options.useOldLogoRenderSize,
+      useOldLogoRenderSize,
     ),
     footerViewModelDesktop: mapToPageFooterViewModel(
       model.pageFooterDesktop,
       model.styles,
-      options.useOldLogoRenderSize,
+      useOldLogoRenderSize,
     ),
     footerViewModelMobile: mapToPageFooterViewModel(
       model.pageFooterMobile,
       model.styles,
-      options.useOldLogoRenderSize,
+      useOldLogoRenderSize,
     ),
     brandPageType: model.brandPageType || BRAND_PAGE_TYPES.default,
     faviconUrl: model.faviconUrl,

package/src/brand-page/view-models.ts

@@ -38,7 +38,6 @@ import type {
   CookieOptions,
   SensitiveContent,
   BookingSectionContent,
-  MediaTypes,
 } from './models';
 import type { ImagesSectionContentDisplayStyle } from './constants';
 
@@ -172,29 +171,6 @@ export interface BannerSectionViewModel
   buttonViewModel: ButtonViewModel;
   isFullWidth: boolean;
   isBigImageType: boolean;
-  mediaViewModel?: MediaViewModel;
-}
-
-export interface MediaViewModel {
-  type: MediaTypes;
-}
-
-// Note(jyao): We will construct the getty video url in the getty video vue component
-export interface GettyVideoViewModel extends MediaViewModel {
-  type: 'getty-video';
-  gettyToken: string;
-  gettyAssetId: string;
-  mimeType: string;
-  videoUrl: string | undefined;
-  previewImageUrl: string | undefined;
-  settings: {
-    autoPlay: boolean;
-  };
-}
-
-export interface ImageMediaViewModel extends MediaViewModel {
-  type: 'image';
-  // TODO(jyao): Add image stuff later
 }
 
 export interface TextImageSectionViewModel {

package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts

@@ -265,7 +265,6 @@ const InitialiseMakerStores = (options: {
     triggerSaveSuccessMessage: false,
     abTests: {},
     isSubsequentPublish: false,
-    gettyVideos: [],
   });
 
   userStore.setIsAdmin({ isAdmin: options.isAdmin || false });

package/src/brand-page-maker/components/preview/Preview.mixin.ts

@@ -94,7 +94,6 @@ export default defineComponent({
         isServerRender: false,
         options: {
           mediaSizes: MEDIA_SIZES.size1x,
-          renderVideoAsImage: true,
         },
         stripePublishableKey: undefined,
         runtimeEnvironment: this.runtimeEnvironment,

package/src/brand-page-maker/components/preview/Preview.stories.ts

@@ -37,7 +37,6 @@ const pages = [
         mapToViewModel(
           pageStyles,
           brandPageData.brandPageType || BRAND_PAGE_TYPES.default,
-          {},
         ),
       )
       .filter((x) => x !== undefined) as ContentViewModel[],

package/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.ts

@@ -25,7 +25,6 @@ import {
   applyLogoImageToBrandPageTemplateModel,
   applyLogoTemplateImageToBrandPageTemplateModel,
 } from '../../../brand-page/utils/logo.util';
-import { useVideoStore } from '../../../lib';
 
 const DEBOUNCE_IN_MS = 250;
 
@@ -144,7 +143,6 @@ export default defineComponent({
         options: {
           disableNavigationSideMenu: true,
           mediaSizes: MEDIA_SIZES.sizeThumb,
-          renderVideoAsImage: true,
         },
         isCapturingPreview: false,
       };
@@ -261,8 +259,6 @@ export default defineComponent({
     },
 
     async updateViewModel(forceUpdate = true) {
-      const videoStore = useVideoStore();
-
       let model = this.template.brandPageModel;
 
       if (this.logoImageBase64Url) {
@@ -294,10 +290,6 @@ export default defineComponent({
         model,
         undefined,
         false,
-        {
-          useOldLogoRenderSize: false,
-          getVideoUrls: videoStore.getS3VideoUrlsForToken,
-        },
       );
 
       if (forceUpdate) {

package/src/brand-page-maker/constants/config-settings-constant.ts

@@ -50,7 +50,6 @@ import {
   DEFAULT_SHAPE_SIZE,
   PAYMENT_OPTION_DISPLAY_TYPES,
   PAYMENT_OPTION_IMAGE_TYPES,
-  GettyVideoMedia,
 } from '../../brand-page';
 import type {
   ContentSettingsConfig,
@@ -169,7 +168,6 @@ import {
   brandSiteTypeVisibilityAssessor,
 } from '../assessors/brand-page-type-visibility.assessor';
 import { contentSettingsTr } from '../../composables/useTranslate';
-import type { GettyVideoMediaSelectedPayload } from '../../shared/my-uploads/models';
 
 const MediaFieldNames = {
   aspectRatio: 'aspectRatio',
@@ -430,13 +428,12 @@ const shopReplaceImageSettings =
     desiredWidth: undefined,
   });
 
-// TOOD(jyao): This should be reworked to bannerSectionReplaceMediaSettings
 const bannerSectionReplaceImageSettings =
   (): ContentReplaceImageSettings<BannerSectionContent> => ({
     tabs: ['MY_UPLOADS', 'IMAGE_LIBRARY', 'VIDEO_LIBRARY', 'SHAPE_LIBRARY'],
-    buttonTitleAdd: contentSettingsTr(`addMediaTitle`),
-    titleAdd: contentSettingsTr(`addMediaTitle`),
-    titleReplace: contentSettingsTr(`replaceMediaTitle`),
+    buttonTitleAdd: contentSettingsTr(`addImageButtonTitle`),
+    titleAdd: contentSettingsTr(`addImageHeaderTitle`),
+    titleReplace: contentSettingsTr(`imageReplaceTitle`),
     contentMediaFieldName: MediaFieldNames.avatarImageUrl,
     openByDefault: false,
     mediaType: MEDIA_TYPES.image,
@@ -448,30 +445,13 @@ const bannerSectionReplaceImageSettings =
       content: BannerSectionContent,
       value: SetContentMediaPayload,
     ) => {
-      if (value.media && value.media.type === 'getty-video') {
-        const gettyMedia = value.media as GettyVideoMediaSelectedPayload;
-
-        content.media = new GettyVideoMedia({
-          gettyToken: gettyMedia.token,
-          gettyAssetId: gettyMedia.assetId,
-          mimeType: gettyMedia.mimeType,
-          settings: {
-            autoPlay: gettyMedia.autoPlay,
-          },
-        });
-        content.imageUrl = '';
-      } else {
-        content.imageUrl = value.imageUrl;
-        content.mediaType = MEDIA_TYPES.image;
-
-        // Note(jyao): Temporarily here until we move all images/shapes to media
-        content.media = undefined;
+      content.imageUrl = value.imageUrl;
+      content.mediaType = MEDIA_TYPES.image;
 
-        if (isValidSvgUrl(content.imageUrl)) {
-          content.size = DEFAULT_SHAPE_SIZE;
-          content.mediaType = MEDIA_TYPES.shape;
-          content.colorReplacements = value.colorReplacements || [];
-        }
+      if (isValidSvgUrl(content.imageUrl)) {
+        content.size = DEFAULT_SHAPE_SIZE;
+        content.mediaType = MEDIA_TYPES.shape;
+        content.colorReplacements = value.colorReplacements || [];
       }
     },
   });
@@ -2233,7 +2213,7 @@ export const BANNER_SECTION_SETTINGS_CONFIG =
       imageUrl: {
         type: 'image',
         replaceImageSettings: bannerSectionReplaceImageSettings(),
-        title: contentSettingsTr(`media`),
+        title: contentSettingsTr(`imageTitle`),
         groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
       },
       imageUrlOverride: {

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

@@ -6,7 +6,6 @@ import {
   useLocalisedRouteStore,
   useLogoStore,
   useUiStore,
-  useVideoStore,
   type LogoDraftAsset,
   type LogoTemplateAsset,
 } from '../../stores';
@@ -32,7 +31,6 @@ import {
 import { navigationTr } from '../../../composables/useTranslate';
 import type { WebsiteSlugCheckResponse } from '../../../brand-page-maker/models/api.model';
 import { errorTr, constantsTr } from '../../../composables/useTranslate';
-import { findValuesByKey } from '../../../helpers/ts.helper';
 
 export interface BrandPageContainerState {
   availableTaxes: any[];
@@ -81,18 +79,6 @@ export interface BrandPageContainerState {
   isSubsequentPublish: boolean;
 }
 
-export type GettyVideoEditorViewModelResponse = {
-  assetId: string;
-  token: string;
-  isGettyAsset: string;
-  videoPreviewAsset: {
-    uri: string;
-  };
-  imagePreviewAsset: {
-    uri: string;
-  };
-};
-
 export type InitialisePayload = Omit<
   BrandPageContainerState,
   'customDomain' | 'customDomainConfig'
@@ -102,7 +88,6 @@ export type InitialisePayload = Omit<
   isBrandPageCustomDomainEnabled: boolean;
   logoTemplateAsset: LogoTemplateAsset | undefined;
   logoDraftAssets: LogoDraftAsset[];
-  gettyVideos: GettyVideoEditorViewModelResponse[];
 };
 
 export const BRANDPAGE_STATUS = Object.freeze({
@@ -162,7 +147,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
   actions: {
     initialise(payload: InitialisePayload) {
       const localisedRouteStore = useLocalisedRouteStore();
-      const videoStore = useVideoStore();
 
       if (process.env.NODE_ENV !== 'production') {
         if (
@@ -240,15 +224,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       if (payload.logoDraftToken) {
         uiStore.setLogoDraftToken({ logoDraftToken: payload.logoDraftToken });
       }
-
-      payload?.gettyVideos?.forEach((video) =>
-        videoStore.setVideoUrlsWithToken(
-          video.token,
-          video.videoPreviewAsset.uri,
-          video.imagePreviewAsset.uri,
-          video.assetId,
-        ),
-      );
     },
 
     setDesignTemplateToken(payload) {
@@ -413,8 +388,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
 
       this.setIsPublishing({ isPublishing: true });
 
-      const gettyVideoIds: string[] = brandPageMakerStore.gettyVideoIds;
-
       try {
         const response = await brandPageClient.setBrandPageSlugAsync(
           brandPageMakerStore.brandPageType,
@@ -423,7 +396,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             slug,
             shouldPublish,
             brandPageContentTypes: this.brandPageContentTypes,
-            gettyVideoIds,
           },
         );
 
@@ -565,8 +537,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
 
         this.setBrandPageCustomDomain({ customDomain: customDomainResponse });
 
-        const gettyVideoIds: string[] = brandPageMakerStore.gettyVideoIds;
-
         if (customDomainResponse) {
           const response = await brandPageClient.setBrandPageSlugAsync(
             brandPageMakerStore.brandPageType,
@@ -575,7 +545,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
               slug: bpSlug,
               shouldPublish,
               brandPageContentTypes: this.brandPageContentTypes,
-              gettyVideoIds,
             },
           );
 
@@ -829,8 +798,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         );
       }
 
-      const gettyAssetIds = findValuesByKey(brandPageData, 'gettyAssetId');
-
       return {
         designTemplateToken: this.designTemplateToken,
         logoDraftToken: uiStore.logoDraftToken, // TODO: remove this property after the release as second release for smooth release transition use below `logoDraftTokens`
@@ -841,7 +808,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
           : undefined,
         brandPageContentTypes: this.brandPageContentTypes,
         shouldPublish: this.isPublished,
-        gettyAssetIds,
         ...prepurchaseExportData,
       };
     },
@@ -1042,26 +1008,15 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         throw new Error('saveTemplate is not allowed in non admin mode');
       }
 
-      const dataObject = brandPageMakerStore.brandPageTemplate;
-      const data = JSON.stringify(dataObject);
+      const data = JSON.stringify(brandPageMakerStore.brandPageTemplate);
 
       if (typeof (window?.parent as any)?.saveTemplate !== 'function') {
         throw new Error('required saveTemplate function is undefined');
       }
 
-      const gettyAssetIds = findValuesByKey(dataObject, 'gettyAssetId');
-
-      const exportedOptions = {
-        designAttributes: {
-          gettyAssetIds: gettyAssetIds,
-          hasGettyVideos: gettyAssetIds.length > 0,
-        },
-      };
-
       const success = await (window.parent as any).saveTemplate(
         !this.designTemplateToken,
         data,
-        exportedOptions,
       );
 
       if (success) {

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) {
@@ -377,6 +376,23 @@ const sendLogoSearchImpressionClickData = async (
   }
 };
 
+const updatePaymentConfigCurrencyAsync = async (
+  brandPageToken: string,
+  paymentConfigId: string,
+  newCurrencyId: string,
+) => {
+  const url = `${getApiUrlPrefix(
+    BRAND_PAGE_TYPES.default,
+  )}/${brandPageToken}/payment-configs/update-currency`;
+
+  const response = await getAxiosInstance().put(url, {
+    paymentConfigId,
+    newCurrencyId,
+  });
+
+  return response.data;
+};
+
 export default {
   saveBrandPageAsync,
   setBrandPageSlugAsync,
@@ -395,4 +411,5 @@ export default {
   checkWebsiteSlugAsync,
   searchLogoTemplatesAsync,
   sendLogoSearchImpressionClickData,
+  updatePaymentConfigCurrencyAsync,
 };

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';