@designcrowd/library.brand-page 5.11.1 → 5.11.2

package/lib/src/clients/asset-library-clients.d.ts

@@ -1,3 +1,4 @@
+import type { LocaleTypes } from '../composables/useTranslate';
 import type { ShapeCategoryModel, ShapeSearchResponseModel } from '../models/shapeModels';
 export default class AssetLibraryClient {
     baseUrl: string;
@@ -7,8 +8,8 @@ export default class AssetLibraryClient {
     private getShapeCategoriesEndpoint;
     private getShapesByIdsEndpoint;
     private getShapesByTokensEndpoint;
-    getShapesBySearchTermOrCategoryEndpoint: (searchTerm: string, category: string, page: number, pageSize: number, makerMode: string, includeDisabled: boolean, pageName?: string, pageSection?: string, templateType?: string, searchId?: string) => string;
+    getShapesBySearchTermOrCategoryEndpoint: (searchTerm: string, category: string, page: number, pageSize: number, makerMode: string, includeDisabled: boolean, locale: LocaleTypes, pageName?: string, pageSection?: string, templateType?: string, searchId?: string) => string;
     getFonts(): Promise<any>;
-    getShapeCategoriesAsync(): Promise<ShapeCategoryModel[]>;
-    getShapesBySearchTermOrCategoryAsync(searchTerm: string | null, category: string | null, page: number, pageSize: number, makerMode?: string, includeDisabled?: boolean, pageName?: string, pageSection?: string, templateType?: string, searchId?: string): Promise<ShapeSearchResponseModel>;
+    getShapeCategoriesAsync(locale: LocaleTypes): Promise<ShapeCategoryModel[]>;
+    getShapesBySearchTermOrCategoryAsync(searchTerm: string | null, category: string | null, page: number, pageSize: number, locale: LocaleTypes, makerMode?: string, includeDisabled?: boolean, pageName?: string, pageSection?: string, templateType?: string, searchId?: string): Promise<ShapeSearchResponseModel>;
 }

package/lib/src/clients/asset-library-clients.js

@@ -9,8 +9,8 @@ export default class AssetLibraryClient {
     getFontsEndpoint(version) {
         return `${this.baseUrl}/maker/api/font/${version}`;
     }
-    getShapeCategoriesEndpoint() {
-        return `${this.baseUrl}/api/shape/getcategories`;
+    getShapeCategoriesEndpoint(locale) {
+        return `${this.baseUrl}/api/shape/getcategories?locale=${locale}`;
     }
     getShapesByIdsEndpoint = (shapeIds) => `${this.baseUrl}/api/shape/getbyids?${shapeIds
         .map((x) => `ids=${x}`)
@@ -18,8 +18,8 @@ export default class AssetLibraryClient {
     getShapesByTokensEndpoint = (shapeTokens) => `${this.baseUrl}/api/shape/getbytokens?${shapeTokens
         .map((x) => `tokens=${x}`)
         .join('&')}`;
-    getShapesBySearchTermOrCategoryEndpoint = (searchTerm, category, page, pageSize, makerMode, includeDisabled, pageName, pageSection, templateType, searchId) => {
-        let endpoint = `${this.baseUrl}/api/shape/search?searchterm=${searchTerm}&category=${category}&page=${page}&pageSize=${pageSize}&makerMode=${makerMode}&includeDisabled=${includeDisabled}`;
+    getShapesBySearchTermOrCategoryEndpoint = (searchTerm, category, page, pageSize, makerMode, includeDisabled, locale, pageName, pageSection, templateType, searchId) => {
+        let endpoint = `${this.baseUrl}/api/shape/search?searchterm=${searchTerm}&category=${category}&page=${page}&pageSize=${pageSize}&makerMode=${makerMode}&includeDisabled=${includeDisabled}&locale=${locale}`;
         if (pageName) {
             endpoint += `&pageName=${pageName}`;
         }
@@ -43,9 +43,9 @@ export default class AssetLibraryClient {
             return console.error(error);
         }
     }
-    async getShapeCategoriesAsync() {
+    async getShapeCategoriesAsync(locale) {
         try {
-            const resp = await axios.get(this.getShapeCategoriesEndpoint());
+            const resp = await axios.get(this.getShapeCategoriesEndpoint(locale));
             return resp.data;
         }
         catch (error) {
@@ -53,8 +53,8 @@ export default class AssetLibraryClient {
         }
         return [];
     }
-    async getShapesBySearchTermOrCategoryAsync(searchTerm, category, page, pageSize, makerMode, includeDisabled = false, pageName, pageSection, templateType, searchId) {
-        const url = this.getShapesBySearchTermOrCategoryEndpoint(searchTerm ?? '', category ?? '', page, pageSize, makerMode ?? '', includeDisabled, pageName, pageSection, templateType, searchId);
+    async getShapesBySearchTermOrCategoryAsync(searchTerm, category, page, pageSize, locale, makerMode, includeDisabled = false, pageName, pageSection, templateType, searchId) {
+        const url = this.getShapesBySearchTermOrCategoryEndpoint(searchTerm ?? '', category ?? '', page, pageSize, makerMode ?? '', includeDisabled, locale, pageName, pageSection, templateType, searchId);
         return axios.get(url).then((response) => {
             return response.data;
         });

package/lib/src/composables/useTranslate.d.ts

@@ -62,6 +62,7 @@ declare const publishBrandPageModalWithStateTr: (key: any, valuesToInterpolate?:
 declare const existingDomainModalTr: (key: any) => any;
 declare const sensitiveContentModalTr: (key: any, valuesToInterpolate?: {}) => any;
 declare const quickLinkBarTr: (key: any) => any;
+declare const unsplashImageCategoriesTr: (key: any) => any;
 declare const brandPageFooterTr: (key: any, valuesToInterpolate?: {}) => any;
 declare const productTr: (key: any) => any;
 declare const imageTr: (key: any) => any;
@@ -76,4 +77,5 @@ declare const deletePageModalTr: (key: any, valuesToInterpolate?: {}) => any;
 declare const requestPaymentStripeTr: (key: any, valuesToInterpolate?: {}) => any;
 declare const productDetailModalTr: (key: any, valuesToInterpolate?: {}) => any;
 declare const videoTr: (key: any, valuesToInterpolate?: {}) => any;
-export { setLocaleAsync, getCurrentLocale, tr, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, sensitiveContentModalTr, quickLinkBarTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, };
+declare const currentLocale: () => LocaleTypes;
+export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, };

package/lib/src/composables/useTranslate.js

@@ -127,6 +127,7 @@ const publishBrandPageModalWithStateTr = (key, valuesToInterpolate = {}) => tr(`
 const existingDomainModalTr = (key) => tr(`existingDomainModal.${key}`);
 const sensitiveContentModalTr = (key, valuesToInterpolate = {}) => tr(`sensitiveContentModal.${key}`, valuesToInterpolate, true);
 const quickLinkBarTr = (key) => tr(`quickLinkBar.${key}`);
+const unsplashImageCategoriesTr = (key) => tr(`unsplashImageCategories.${key}`);
 const brandPageFooterTr = (key, valuesToInterpolate = {}) => tr(`brandPageFooter.${key}`, valuesToInterpolate);
 const productTr = (key) => tr(`product.${key}`);
 const imageTr = (key) => tr(`image.${key}`);
@@ -141,4 +142,12 @@ const deletePageModalTr = (key, valuesToInterpolate = {}) => tr(`deletePageModal
 const requestPaymentStripeTr = (key, valuesToInterpolate = {}) => tr(`requestPaymentStripe.${key}`, valuesToInterpolate);
 const productDetailModalTr = (key, valuesToInterpolate = {}) => tr(`productDetailModal.${key}`, valuesToInterpolate);
 const videoTr = (key, valuesToInterpolate = {}) => tr(`video.${key}`, valuesToInterpolate);
-export { setLocaleAsync, getCurrentLocale, tr, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, sensitiveContentModalTr, quickLinkBarTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, };
+const currentLocale = () => {
+    const i18 = getI18NextInstance();
+    const locale = i18.language;
+    if (supportedLocales.includes(locale)) {
+        return locale;
+    }
+    return fallbackLocale;
+};
+export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, };

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

@@ -7864,7 +7864,7 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
-.card[data-v-b5a49746] {
+.card[data-v-09646a23] {
   height: 9rem;
   width: 100%;
   cursor: pointer;
@@ -7873,7 +7873,7 @@ body {
   -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
 }
-.card-wrapper[data-v-b5a49746] {
+.card-wrapper[data-v-09646a23] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7885,7 +7885,7 @@ body {
           justify-content: center;
   padding: 1.5rem
 }
-.card-wrapper img[data-v-b5a49746] {
+.card-wrapper img[data-v-09646a23] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8534,14 +8534,14 @@ input[type='number'][data-v-28a532b4] {
   background-position: top 50% right 0.5rem;
 }
 
-.template-preview-container[data-v-e9516b0f] {
+.template-preview-container[data-v-88329098] {
   border-radius: 0.5rem;
   height: 25rem;
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
 @media (min-width: 768px) {
-.template-preview-container[data-v-e9516b0f] {
+.template-preview-container[data-v-88329098] {
     -webkit-transition-property: all;
     transition-property: all;
     -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -8551,7 +8551,7 @@ input[type='number'][data-v-28a532b4] {
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.template-preview-container[data-v-e9516b0f]:hover {
+.template-preview-container[data-v-88329098]:hover {
     -webkit-transform: scale(1.01);
             transform: scale(1.01);
 }

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

@@ -8192,7 +8192,7 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
-.card[data-v-b5a49746] {
+.card[data-v-09646a23] {
   height: 9rem;
   width: 100%;
   cursor: pointer;
@@ -8201,7 +8201,7 @@ body {
   -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
 }
-.card-wrapper[data-v-b5a49746] {
+.card-wrapper[data-v-09646a23] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8213,7 +8213,7 @@ body {
           justify-content: center;
   padding: 1.5rem
 }
-.card-wrapper img[data-v-b5a49746] {
+.card-wrapper img[data-v-09646a23] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8862,14 +8862,14 @@ input[type='number'][data-v-28a532b4] {
   background-position: top 50% right 0.5rem;
 }
 
-.template-preview-container[data-v-e9516b0f] {
+.template-preview-container[data-v-88329098] {
   border-radius: 0.5rem;
   height: 25rem;
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
 @media (min-width: 768px) {
-.template-preview-container[data-v-e9516b0f] {
+.template-preview-container[data-v-88329098] {
     -webkit-transition-property: all;
     transition-property: all;
     -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -8879,7 +8879,7 @@ input[type='number'][data-v-28a532b4] {
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.template-preview-container[data-v-e9516b0f]:hover {
+.template-preview-container[data-v-88329098]:hover {
     -webkit-transform: scale(1.01);
             transform: scale(1.01);
 }

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

@@ -7882,7 +7882,7 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
-.card[data-v-b5a49746] {
+.card[data-v-09646a23] {
   height: 9rem;
   width: 100%;
   cursor: pointer;
@@ -7891,7 +7891,7 @@ body {
   -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
 }
-.card-wrapper[data-v-b5a49746] {
+.card-wrapper[data-v-09646a23] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7903,7 +7903,7 @@ body {
           justify-content: center;
   padding: 1.5rem
 }
-.card-wrapper img[data-v-b5a49746] {
+.card-wrapper img[data-v-09646a23] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8552,14 +8552,14 @@ input[type='number'][data-v-28a532b4] {
   background-position: top 50% right 0.5rem;
 }
 
-.template-preview-container[data-v-e9516b0f] {
+.template-preview-container[data-v-88329098] {
   border-radius: 0.75rem;
   height: 25rem;
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
 @media (min-width: 768px) {
-.template-preview-container[data-v-e9516b0f] {
+.template-preview-container[data-v-88329098] {
     -webkit-transition-property: all;
     transition-property: all;
     -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -8569,7 +8569,7 @@ input[type='number'][data-v-28a532b4] {
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.template-preview-container[data-v-e9516b0f]:hover {
+.template-preview-container[data-v-88329098]:hover {
     -webkit-transform: scale(1.01);
             transform: scale(1.01);
 }

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

@@ -7624,7 +7624,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
-.bp .card[data-v-b5a49746] {
+.bp .card[data-v-09646a23] {
   height: 9rem;
   width: 100%;
   cursor: pointer;
@@ -7633,7 +7633,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
 }
-.bp .card-wrapper[data-v-b5a49746] {
+.bp .card-wrapper[data-v-09646a23] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7645,7 +7645,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           justify-content: center;
   padding: 1.5rem
 }
-.bp .card-wrapper img[data-v-b5a49746] {
+.bp .card-wrapper img[data-v-09646a23] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8294,14 +8294,14 @@ input[type='number'][data-v-28a532b4] {
   background-position: top 50% right 0.5rem;
 }
 
-.bp .template-preview-container[data-v-e9516b0f] {
+.bp .template-preview-container[data-v-88329098] {
   border-radius: 0.5rem;
   height: 25rem;
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
 @media (min-width: 768px) {
-.bp .template-preview-container[data-v-e9516b0f] {
+.bp .template-preview-container[data-v-88329098] {
     -webkit-transition-property: all;
     transition-property: all;
     -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -8311,7 +8311,7 @@ input[type='number'][data-v-28a532b4] {
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.bp .template-preview-container[data-v-e9516b0f]:hover {
+.bp .template-preview-container[data-v-88329098]:hover {
     -webkit-transform: scale(1.01);
             transform: scale(1.01);
 }