@designcrowd/library.brand-page 5.15.21 → 5.15.24-ast-previews-2

package/lib/src/bundles/bundled-translations.fr-FR.json

@@ -346,6 +346,7 @@
         "addShapeLabel": "Ajouter une forme",
         "addImageLabel": "Ajouter une image",
         "addFaviconLabel": "Ajouter un favicon",
+        "addMediaLabel": "Ajouter un média",
         "replaceFaviconLabel": "Remplacer le favicon",
         "updateSettings": "Mettre à jour les paramètres",
         "shapeColor": "Couleur de forme",
@@ -452,6 +453,7 @@
         "addImageButtonTitle": "Ajouter une image",
         "addImageHeaderTitle": "Ajouter une image",
         "imageReplaceTitle": "Remplacer l'image",
+        "replaceMediaTitle": "Remplacer un média",
         "imageGalleryAddButtonTitle": "Ajoutez des images",
         "imageGalleryReplaceTitle": "Ajouter une image",
         "iconReplaceTitle": "Remplacer la vignette",
@@ -572,6 +574,8 @@
         "styleCircleOption": "Cercle",
         "mediaTypeImage": "Image",
         "mediaTypeShape": "Forme",
+        "media": "Réseaux",
+        "addMediaTitle": "Ajouter un média",
         "firstNameLabel": "Prénom",
         "lastNameLabel": "Nom de famille",
         "emailAddressLabel": "Adresse e-mail",

package/lib/src/bundles/bundled-translations.json

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

package/lib/src/bundles/bundled-translations.pt-BR.json

@@ -346,6 +346,7 @@
         "addShapeLabel": "Adicionar forma",
         "addImageLabel": "Adicionar imagem",
         "addFaviconLabel": "Adicionar favicon",
+        "addMediaLabel": "Adicionar mídia",
         "replaceFaviconLabel": "Substituir favicon",
         "updateSettings": "Atualizar definições",
         "shapeColor": "Cor da Forma",
@@ -452,6 +453,7 @@
         "addImageButtonTitle": "Adicionar imagem",
         "addImageHeaderTitle": "Adicionar imagem",
         "imageReplaceTitle": "Substitua a imagem",
+        "replaceMediaTitle": "Substituir mídia",
         "imageGalleryAddButtonTitle": "Adicionar imagens",
         "imageGalleryReplaceTitle": "Adicionar imagem",
         "iconReplaceTitle": "Substituir miniatura",
@@ -572,6 +574,8 @@
         "styleCircleOption": "Circle",
         "mediaTypeImage": "imagem",
         "mediaTypeShape": "forma",
+        "media": "Multimídia",
+        "addMediaTitle": "Adicionar mídia",
         "firstNameLabel": "Nome",
         "lastNameLabel": "Sobrenome",
         "emailAddressLabel": "Endereço de e-mail",

package/lib/src/bundles/bundled-translations.pt-PT.json

@@ -346,6 +346,7 @@
         "addShapeLabel": "Adicionar forma",
         "addImageLabel": "Adicionar imagem",
         "addFaviconLabel": "Adicionar Favicon",
+        "addMediaLabel": "Adicionar multimédia",
         "replaceFaviconLabel": "Substituir Favicon",
         "updateSettings": "Atualizar definições",
         "shapeColor": "Cor da Forma",
@@ -452,6 +453,7 @@
         "addImageButtonTitle": "Adicionar imagem",
         "addImageHeaderTitle": "Adicionar imagem",
         "imageReplaceTitle": "Substitua a imagem",
+        "replaceMediaTitle": "Substituir multimédia",
         "imageGalleryAddButtonTitle": "Adicionar imagens",
         "imageGalleryReplaceTitle": "Adicionar imagem",
         "iconReplaceTitle": "Substituir miniatura",
@@ -572,6 +574,8 @@
         "styleCircleOption": "Círculo",
         "mediaTypeImage": "image",
         "mediaTypeShape": "forma",
+        "media": "Multimédia",
+        "addMediaTitle": "Adicionar multimédia",
         "firstNameLabel": "Primeiro nome",
         "lastNameLabel": "Apelido",
         "emailAddressLabel": "Endereço de email",

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

@@ -63,5 +63,6 @@ declare const _default: {
         pageSize: number;
     }) => Promise<SearchLogoTemplatesResponse | undefined>;
     sendLogoSearchImpressionClickData: (logoToken: string, searchImpressionId: string) => Promise<void>;
+    updatePaymentConfigCurrencyAsync: (brandPageToken: string, paymentConfigId: string, newCurrencyId: string) => Promise<any>;
 };
 export default _default;

package/lib/src/clients/brand-page-client.js

@@ -33,12 +33,13 @@ const saveBrandPageAsync = async (brandPageType, request, designDraftToken) => {
     return null;
 };
 const setBrandPageSlugAsync = async (brandPageType, designDraftToken, options) => {
-    const { slug, shouldPublish, brandPageContentTypes } = options;
+    const { slug, shouldPublish, brandPageContentTypes, gettyVideoIds } = options;
     const url = `${getApiUrlPrefix(brandPageType)}/${designDraftToken}/publish`;
     const response = await getAxiosInstance().post(url, {
         slug,
         shouldPublish,
         brandPageContentTypes: brandPageContentTypes || [],
+        gettyVideoIds: gettyVideoIds || [],
     });
     if (response.status !== 200) {
         return null;
@@ -177,6 +178,14 @@ const sendLogoSearchImpressionClickData = async (logoToken, searchImpressionId)
         console.error(ex);
     }
 };
+const updatePaymentConfigCurrencyAsync = async (brandPageToken, paymentConfigId, newCurrencyId) => {
+    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,
@@ -195,4 +204,5 @@ export default {
     checkWebsiteSlugAsync,
     searchLogoTemplatesAsync,
     sendLogoSearchImpressionClickData,
+    updatePaymentConfigCurrencyAsync,
 };

package/lib/src/clients/gettyimages-client.js

@@ -5,7 +5,7 @@ export default class GettyImagesClient {
     }
     getDefaultCategoriesEndpoint = () => `${this.options.mediaBaseUrl}/maker/api/gettyimages/categories/default`;
     searchVideosEndpoint = (query, pageNo = 1) => `${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}`;
+    getVideoEndpoint = (videoId) => `${this.options.mediaBaseUrl}/maker/api/gettyimages/video-preview?assetId=${videoId}&requestPublic=true`;
     async getDefaultCategoriesAsync() {
         try {
             const res = await Axios.get(this.getDefaultCategoriesEndpoint());

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -517,9 +517,6 @@ a.maker-anchor {
 .tw-mt-0 {
     margin-top: 0px
 }
-.tw-mt-0\.5 {
-    margin-top: 0.125rem
-}
 .tw-mt-1 {
     margin-top: 0.25rem
 }
@@ -4211,7 +4208,7 @@ a.maker-anchor {
   width: 100%;
 }
 
-.done-btn[data-v-4b72bdd6] {
+.done-btn[data-v-cc85f529] {
   box-shadow:
     0 0 0 1px #d4d4d4,
     0 8px 16px #d4d4d4;
@@ -4261,7 +4258,7 @@ a.maker-anchor {
 }
 }
 
-.dropdown-item-hover[data-v-2050c29c]:hover {
+.dropdown-item-hover[data-v-a3bd940b]:hover {
   background-color: #eee;
 }
 
@@ -5228,7 +5225,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
        object-fit: cover
 }
 
-.c-image--height-limited[data-v-4dbc9bf6] {
+.c-image--height-limited[data-v-d8be9346] {
   max-height: 45vh;
 }
 
@@ -5827,10 +5824,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
     text-align: center
 }
 
-.c_banner--with-image-overlay[data-v-dcac170d] {
+.c_banner--with-image-overlay[data-v-be5be4ad] {
   min-height: 24rem;
 }
-.c_banner--divided-container[data-v-dcac170d] {
+.c_banner--divided-container[data-v-be5be4ad] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -5838,67 +5835,67 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: row;
   gap: 1rem;
 }
-.device-wrapper--mobile .c_banner--divided-container[data-v-dcac170d] {
+.device-wrapper--mobile .c_banner--divided-container[data-v-be5be4ad] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.c_banner-container[data-v-dcac170d] {
+.c_banner-container[data-v-be5be4ad] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c_banner--with-image-flip[data-v-dcac170d] {
+.c_banner--with-image-flip[data-v-be5be4ad] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.c_banner--divided-container[data-v-dcac170d] .full-square-image {
+.c_banner--divided-container[data-v-be5be4ad] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 @container (min-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-dcac170d] {
+.c_banner-container--left-aligned-stacking[data-v-be5be4ad] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c_banner-container--right-aligned-stacking[data-v-dcac170d] {
+.c_banner-container--right-aligned-stacking[data-v-be5be4ad] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.c_banner-button--stacking[data-v-dcac170d] {
+.c_banner-button--stacking[data-v-be5be4ad] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-dcac170d] {
+.c_banner-container--left-aligned-stacking[data-v-be5be4ad] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-container--right-aligned-stacking[data-v-dcac170d] {
+.c_banner-container--right-aligned-stacking[data-v-be5be4ad] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-item--stacking[data-v-dcac170d] {
+.c_banner-item--stacking[data-v-be5be4ad] {
     width: 100%;
 }
-.c_banner-button--stacking[data-v-dcac170d] {
+.c_banner-button--stacking[data-v-be5be4ad] {
     width: 100%;
 }
-.c_banner--divided-container[data-v-dcac170d] {
+.c_banner--divided-container[data-v-be5be4ad] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -7070,14 +7067,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-4eac537a] {
+.brand-page-root[data-v-d4cc0d12] {
   height: 100%;
 }
-.sortable[data-v-4eac537a] {
+.sortable[data-v-d4cc0d12] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-4eac537a] {
+.brand-page[data-v-d4cc0d12] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -7089,7 +7086,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-4eac537a] {
+.brand-page__inner--default[data-v-d4cc0d12] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -7101,16 +7098,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-4eac537a] {
+.brand-page__inner--desktop[data-v-d4cc0d12] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-4eac537a] {
+.brand-site__header[data-v-d4cc0d12] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-4eac537a] {
+.brand-page__header[data-v-d4cc0d12] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-4eac537a] {
+.brand-page__content--default[data-v-d4cc0d12] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -7127,7 +7124,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-4eac537a] {
+.brand-page__content--desktop[data-v-d4cc0d12] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -7143,15 +7140,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-4eac537a] {
+.brand-page__content--inner[data-v-d4cc0d12] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-4eac537a] {
+.brand-page__content--inner--brandsite[data-v-d4cc0d12] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-4eac537a] {
+.brand-page__content--outline-selected[data-v-d4cc0d12] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -7159,20 +7156,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-4eac537a] {
+.brand-page__content--outline-footer-selected[data-v-d4cc0d12] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4eac537a] {
+.brand-page__content--inner--full-width[data-v-d4cc0d12] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4eac537a] {
+.brand-page__content--inner--full-width[data-v-d4cc0d12] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }
@@ -8004,7 +8001,7 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
-.c-media-btn__img[data-v-01009e7c] {
+.c-media-btn__img[data-v-567b76b5] {
   width: 100%;
   border-radius: 0.375rem;
   -webkit-transition-property: -webkit-box-shadow;
@@ -8022,7 +8019,7 @@ body {
      object-fit: cover;
   max-height: 150px;
 }
-.c-media-btn__overlay[data-v-01009e7c] {
+.c-media-btn__overlay[data-v-567b76b5] {
   position: absolute;
   left: 0px;
   bottom: 0px;
@@ -8038,13 +8035,13 @@ body {
   -webkit-transition-duration: 200ms;
           transition-duration: 200ms;
 }
-.c-media-btn__overlay--category[data-v-01009e7c] {
+.c-media-btn__overlay--category[data-v-567b76b5] {
   background-color: rgba(17, 21, 23, 0.66);
 }
-.c-media-btn__overlay--video[data-v-01009e7c]:hover {
+.c-media-btn__overlay--video[data-v-567b76b5]:hover {
   background-color: rgba(17, 21, 23, 0.33);
 }
-.c-media-btn[data-v-01009e7c] {
+.c-media-btn[data-v-567b76b5] {
   width: 100%;
   aspect-ratio: 1;
   max-height: 150px;
@@ -8630,11 +8627,11 @@ input[type='number'][data-v-28a532b4] {
 }
 }
 
-.template-preview[data-v-c5fa6125] {
+.template-preview[data-v-072c3b9b] {
   position: relative;
   background-attachment: initial !important
 }
-.template-preview__overlay[data-v-c5fa6125] {
+.template-preview__overlay[data-v-072c3b9b] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8645,10 +8642,28 @@ input[type='number'][data-v-28a532b4] {
   cursor: pointer;
   opacity: 0
 }
-.template-preview__page[data-v-c5fa6125] {
+.template-preview__image-container[data-v-072c3b9b] {
+  pointer-events: none;
+  height: 100%;
+  width: 100%
+}
+.template-preview__image[data-v-072c3b9b] {
+  height: 100%;
+  width: 100%;
+  -o-object-fit: fill;
+     object-fit: fill;
+  -webkit-transition: -webkit-filter 0.2s ease;
+  transition: -webkit-filter 0.2s ease;
+  transition: filter 0.2s ease;
+  transition: filter 0.2s ease, -webkit-filter 0.2s ease
+}
+.template-preview__page[data-v-072c3b9b] {
   pointer-events: none
 }
-.template-preview[data-v-c5fa6125] .c-shape-background {
+.template-preview[data-v-072c3b9b] .c-shape-background {
+  position: absolute
+}
+.template-preview__image[data-v-072c3b9b] .c-shape-background {
   position: absolute
 }