@designcrowd/library.brand-page 5.16.10 → 5.16.11

package/src/shared/background-settings/components/BackgroundSettings.vue

@@ -15,7 +15,7 @@
         {{ backgroundSettingsTr(`addMedia`) }}
       </h4>
 
-      <CollapsiblePanel :title="backgroundSettingsTr('image')">
+      <CollapsiblePanel :title="backgroundSettingsTr('media')">
         <ImageField
           id="background-image"
           name="backgroundImage"
@@ -24,7 +24,7 @@
           placeholder="Add background image"
           media-type="Content"
           @on-intent-image-replace="onIntentImageReplace"
-          @update:model-value="onBackgroundImageDeleted"
+          @update:model-value="onBackgroundMediaDeleted"
         />
       </CollapsiblePanel>
       <div
@@ -101,6 +101,7 @@ import {
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
   useUiStore,
+  useVideoStore,
 } from '../../../brand-page-maker/stores';
 import { useUiBackgroundSettingsStore } from '../store';
 import SideBarSettingsHeader from '../../common/SideBarSettingsHeader.vue';
@@ -109,7 +110,11 @@ import PersonalisationRoleField from '../../content-settings/components/personal
 import { computed, onMounted, reactive } from 'vue';
 import type { UserMediaItem } from '../../my-uploads/models';
 import type { UpdateItemValuePayload } from '../../content-settings/models';
-import { MEDIA_TYPES, type PersonalisationRole } from '../../../brand-page';
+import {
+  type GettyVideoMedia,
+  MEDIA_TYPES,
+  type PersonalisationRole,
+} from '../../../brand-page';
 import { backgroundSettingsTr } from '../../../composables/useTranslate';
 import ReplaceImageSettingsForBackgroundSettings from './ReplaceImageSettingsForBackgroundSettings.vue';
 
@@ -122,6 +127,7 @@ const uiStore = useUiStore();
 const backgroundStyles = computed(
   () => backgroundSettingsStore.backgroundStyles,
 );
+
 const recommendedLogoColors = computed(
   () => backgroundSettingsStore.recommendedLogoColors,
 );
@@ -167,12 +173,19 @@ const personalisationRole = computed(() => {
 // This hides the shape in the image field as there will be a future thumbnail for shapes
 const imageFieldValue = computed(() => {
   const backgroundImageUrl = backgroundStyles.value.backgroundImageUrl || '';
+  const media = backgroundStyles.value.media as GettyVideoMedia;
 
   // If the background image is an SVG (shape), return empty string to hide it in the image field
   if (backgroundImageUrl.endsWith('.svg')) {
     return '';
   }
 
+  if (media && media.type === 'getty-video') {
+    const videoStore = useVideoStore();
+    const videoUrls = videoStore.getVideoUrlsForToken(media.gettyToken);
+    return videoUrls?.previewImageUrl || ''; // Show the video thumbnail
+  }
+
   return backgroundImageUrl;
 });
 
@@ -227,7 +240,7 @@ const onBackgroundImageSelected = (image: UserMediaItem) => {
   });
 };
 
-const onBackgroundImageDeleted = (payload: {
+const onBackgroundMediaDeleted = (payload: {
   id: string;
   name: string;
   value: string;
@@ -237,6 +250,10 @@ const onBackgroundImageDeleted = (payload: {
       backgroundImageUrl: '',
     });
   }
+
+  if (backgroundStyles.value?.media) {
+    backgroundSettingsStore.removeBackgroundVideo();
+  }
 };
 
 const selectShapeTab = (tab: string) => {
@@ -265,10 +282,10 @@ const onIntentImageReplace = (payload: {
       errorMessage: '',
       isRequired: false,
       replaceImageSettings: {
-        tabs: ['MY_UPLOADS', 'IMAGE_LIBRARY'],
-        buttonTitleAdd: backgroundSettingsTr(`addImage`),
-        titleAdd: backgroundSettingsTr(`addImage`),
-        titleReplace: backgroundSettingsTr(`replaceImage`),
+        tabs: ['MY_UPLOADS', 'IMAGE_LIBRARY', 'VIDEO_LIBRARY'],
+        buttonTitleAdd: backgroundSettingsTr(`addMedia`),
+        titleAdd: backgroundSettingsTr(`addMedia`),
+        titleReplace: backgroundSettingsTr(`replaceMedia`),
         contentMediaFieldName: payload.value ? 'backgroundImage' : '',
         openByDefault: false,
         mediaType: data.mediaType,

package/src/shared/background-settings/components/ReplaceImageSettingsForBackgroundSettings.vue

@@ -12,6 +12,7 @@
       @on-design-selected="onDesignSelected"
       @on-image-picked="onImageSelected"
       @on-image-removed="onImageRemoved"
+      @on-video-selected="onVideoSelected"
     />
   </div>
 </template>
@@ -28,7 +29,10 @@ import type {
   ReplaceImageSettingsBase,
   ReplaceImageSettingsTabId,
 } from '../../content-settings/models';
-import type { UserMediaItemWithDimensions } from '../../my-uploads/models';
+import type {
+  MediaBaseSelectedPayload,
+  UserMediaItemWithDimensions,
+} from '../../my-uploads/models';
 import { MEDIA_TYPES } from '../../../brand-page/models/brand-page-context.model';
 
 interface Props {
@@ -117,4 +121,12 @@ const onDesignSelected = (image: UserMediaItemWithDimensions) => {
     backgroundMode: BRANDPAGE_SETTINGS_MODES.edit,
   });
 };
+
+const onVideoSelected = (videoPayload: MediaBaseSelectedPayload) => {
+  backgroundSettingsStore.setBackgroundMedia(videoPayload);
+
+  backgroundSettingsStore.setBackgroundMode({
+    backgroundMode: BRANDPAGE_SETTINGS_MODES.edit,
+  });
+};
 </script>

package/src/shared/background-settings/components/i18n/background-settings.de-DE.json

@@ -13,6 +13,8 @@
     "addMedia" : "Medien hinzufügen",
     "addImage" : "Bild hinzufügen",
     "replaceImage" : "Bild ersetzen",
-    "image" : "Bild"
+    "image" : "Bild",
+    "media" : "Medien",
+    "replaceMedia" : "Medien ersetzen"
   }
 }

package/src/shared/background-settings/components/i18n/background-settings.es-ES.json

@@ -13,6 +13,8 @@
     "addMedia" : "Añade elementos multimedia",
     "addImage" : "Añadir imagen",
     "replaceImage" : "Reemplazar imagen",
-    "image" : "Imagen"
+    "image" : "Imagen",
+    "media" : "Redes sociales",
+    "replaceMedia" : "Reemplazar elementos multimedia"
   }
 }

package/src/shared/background-settings/components/i18n/background-settings.fr-CA.json

@@ -13,6 +13,8 @@
     "addMedia" : "Ajouter un média",
     "addImage" : "Ajouter une image",
     "replaceImage" : "Remplacer l'image",
-    "image" : "Image"
+    "image" : "Image",
+    "media" : "Médias",
+    "replaceMedia" : "Remplacer le média"
   }
 }

package/src/shared/background-settings/components/i18n/background-settings.fr-FR.json

@@ -13,6 +13,8 @@
     "addMedia" : "Ajouter un média",
     "addImage" : "Ajouter une image",
     "replaceImage" : "Remplacer l'image",
-    "image" : "Image"
+    "image" : "Image",
+    "media" : "Réseaux",
+    "replaceMedia" : "Remplacer un média"
   }
 }

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

@@ -13,6 +13,8 @@
     "addMedia": "Add Media",
     "addImage": "Add Image",
     "replaceImage": "Replace Image",
-    "image": "Image"
+    "image": "Image",
+    "media": "Media",
+    "replaceMedia": "Replace Media"
   }
 }

package/src/shared/background-settings/components/i18n/background-settings.pt-BR.json

@@ -13,6 +13,8 @@
     "addMedia" : "Adicionar mídia",
     "addImage" : "Adicionar imagem",
     "replaceImage" : "Substitua a imagem",
-    "image" : "Imagem"
+    "image" : "Imagem",
+    "media" : "Mídia",
+    "replaceMedia" : "Substituir mídia"
   }
 }

package/src/shared/background-settings/components/i18n/background-settings.pt-PT.json

@@ -13,6 +13,8 @@
     "addMedia" : "Adicionar multimédia",
     "addImage" : "Adicionar imagem",
     "replaceImage" : "Substitua a imagem",
-    "image" : "Imagem"
+    "image" : "Imagem",
+    "media" : "Multimédia",
+    "replaceMedia" : "Substituir multimédia"
   }
 }

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

@@ -4,7 +4,7 @@ import type {
   BackgroundStyles,
   PersonalisationRole,
 } from '../../../brand-page';
-import { PageStyles } from '../../../brand-page';
+import { GettyVideoMedia, PageStyles } from '../../../brand-page';
 import {
   BRANDPAGE_SETTINGS_MODES,
   type BrandPageSettingsMode,
@@ -20,7 +20,11 @@ import type {
 } from '../models';
 import { backgroundSettingsTabId } from '../models';
 import { defineStore } from 'pinia';
-import { useUiStore } from '../../../brand-page-maker/stores';
+import { useUiStore, useVideoStore } from '../../../brand-page-maker/stores';
+import type {
+  GettyVideoMediaSelectedPayload,
+  MediaBaseSelectedPayload,
+} from '../../my-uploads/models';
 
 export interface BackgroundSettingsState {
   backgroundStyles: BackgroundStyles;
@@ -40,6 +44,7 @@ export const useUiBackgroundSettingsStore = defineStore(
         backgroundShapeStyle: {},
         backgroundShapes: [],
         backgroundImageUrl: '',
+        media: undefined,
       },
       logoColors: [],
       recommendedLogoColors: [],
@@ -110,6 +115,11 @@ export const useUiBackgroundSettingsStore = defineStore(
       }) {
         this.backgroundStyles.backgroundImageUrl = backgroundImageUrl;
 
+        // Clear media
+        if (this.backgroundStyles?.media) {
+          this.backgroundStyles.media = undefined;
+        }
+
         this.setBackgroundStyle({
           backgroundStyle: {
             backgroundRepeat: 'no-repeat',
@@ -208,6 +218,12 @@ export const useUiBackgroundSettingsStore = defineStore(
           personalisationRole: backgroundStyles.personalisationRole,
         });
 
+        if (backgroundStyles.media) {
+          this.backgroundStyles.media = backgroundStyles.media;
+        } else {
+          this.backgroundStyles.media = undefined;
+        }
+
         this.onBackgroundChanged();
       },
       setBackgroundShapeSettings(payload: SetBackgroundShapeSettingsPayload) {
@@ -234,6 +250,48 @@ export const useUiBackgroundSettingsStore = defineStore(
       setBackgroundMode(payload: { backgroundMode: BrandPageSettingsMode }) {
         this.backgroundMode = payload.backgroundMode;
       },
+
+      setBackgroundMedia(payload: MediaBaseSelectedPayload) {
+        if (payload.type === 'getty-video') {
+          const gettyMedia = payload as GettyVideoMediaSelectedPayload;
+          const videoStore = useVideoStore();
+
+          videoStore.setVideoUrlsWithToken(
+            gettyMedia.token,
+            gettyMedia.videoSrc,
+            gettyMedia.imageSrc,
+            gettyMedia.assetId,
+          );
+
+          this.backgroundStyles.media = new GettyVideoMedia({
+            gettyToken: gettyMedia.token,
+            gettyAssetId: gettyMedia.assetId,
+            mimeType: gettyMedia.mimeType,
+            settings: {
+              autoPlay: gettyMedia.autoPlay,
+            },
+          });
+
+          // Clear any existing background image/shape
+          this.backgroundStyles.backgroundImageUrl = '';
+
+          // Default background style for videos
+          this.setBackgroundStyle({
+            backgroundStyle: {
+              backgroundRepeat: 'no-repeat',
+              backgroundPosition: 'center center',
+              backgroundSize: 'cover',
+            },
+          });
+
+          this.onBackgroundChanged();
+        }
+      },
+      removeBackgroundVideo() {
+        this.backgroundStyles.media = undefined;
+
+        this.onBackgroundChanged();
+      },
     },
   },
 );

package/lib/src/bundled-translations-Dw3XtNmX.js

@@ -1,163 +0,0 @@
-const e = { createYourBrand: "Create your {{ BUTTON_LABEL }}", website: "website", digitalBusinessCard: "digital business card", linkInBio: "link in bio" }, o = { consentText: "We use cookies on our website to optimize your website experience. By accepting, you agree to our use of such cookies.", accept: "Accept" }, a = { addImagePlaceholder: "Add an image to remove this placeholder", imageBlockPlaceholder: "Image Block Placeholder" }, t = { addImagePlaceholder: "Add an image to remove this placeholder", imagePlaceholder: "Image Placeholder", addImagesDescription: "Add images to remove this placeholder", imageGalleryBlockPlaceholderTitle: "Image Gallery Block Placeholder" }, i = { addImagePlaceholder: "Add an image to remove this placeholder", imagePlaceholder: "Image Placeholder" }, l = { namePlaceholder: "Name", nameLabel: "Name", emailPlaceholder: "Email Address", emailLabel: "Email Address", subscribeThankYou: "Thank you for subscribing!" }, r = { addAddressPlaceholder: "Add an address to remove this placeholder.", mapBlockPlaceholder: "Map Block Placeholder" }, n = { productName: "{{PAYMENT_OPTIONS_LENGTH}} products", defaultPaymentSuccessMessage: "Thank you for your request! We'll get in touch with you as soon as possible.", yourMessage: "Your message", provideDetails: "Provide request details", selectAnAmount: "Select an amount {{CURRENCY_CODE}}", customAmountLabelOr: "or custom amount {{CURRENCY_CODE}}", customAmountLabel: "Custom amount {{CURRENCY_CODE}}" }, s = { cardNumber: "Card Number", emailAddress: "Email Address", emailAddressPlaceholder: "Email address", proceedToPayment: "Proceed to Payment {{CURRENCY_SYMBOL}}{{AMOUNT}} ({{CURRENCY_CODE}})", forProduct: "for {{PRODUCT_NAME}}", termsAgreement: "By submitting payment, you agree to the", termsLinkText: "BrandCrowd Terms and Conditions", termsDisclaimer: "Payment will be made to the web page owner. BrandCrowd is not liable for this transaction.", poweredBy: "Powered by", invalidEmailMessage: "Please enter a valid email address" }, d = { sensitiveContentDisplayTitle: "Sensitive Content", sensitiveContentmessage: "Confirm that you are willing to see potentially sensitive content", ageRestrictionDisplayTitle: "Sensitive Content", ageRestrictionMessage: "Confirm that you are of legal age to view this content", rejectedDisplayTitle: "You cannot visit this site", rejectedDisplayTMessage: "Access is restricted to users {{REQUIRED_MINIMUM_AGE}} and older", iAcceptAgeButtonLabel: "I'm over {{REQUIRED_MINIMUM_AGE}}", iDenyAgeButtonLabel: "I'm under {{REQUIRED_MINIMUM_AGE}}", iConfirmButtonLabel: "I Confirm" }, c = { payment: "Payment", done: "Done", paymentSuccessMessage: "Payment made! Thank you for your request! We'll get in touch with you as soon as possible.", paymentFailedMessage: "Payment Failed.", productsCount: "{{COUNT}} products" }, m = { quantity: "Quantity", addToCart: "Add to Cart", back: "Back", description: "Description", orderDetailsPlaceholder: "Provide order or request details", pleaseSelectOption: "Please select an option", characterExceeded: "Character Exceeded!" }, g = { noProducts: "No products are listed at the moment", viewCart: "View Cart", itemAddedToCart: "Item successfully added to cart!" }, p = "Add YouTube video URL to remove this placeholder", u = "Video Block Placeholder", h = { image: "image", shape: "shape" }, y = { saveProgress: "Save Progress", saveTemplate: "Save Template", publish: "Publish" }, b = { userImageUpgradeText: "With BrandPage Premium you can upload your own images as background.", libraryImageUpgradeText: "With BrandPage Premium you can add background images powered by Unsplash." }, T = { favicon: "Favicon", icon: "Icon", seoSettings: "SEO Settings", cookieCollection: "Cookie Collection", faviconDescription: "A favicon is a small icon next to your site title in the browser tab.", socialShareTitle: "Social Share", paymentProvidersTitle: "Payment Providers", paymentProvidersDescription: "Enable or sign up to a supported provider. Start collecting tips and payments, or sell products, services and more!", paymentProvidersAddProviderLabel: "Add payment providers", integrationSettings: "Integrations" }, S = { newColor: "New Color" }, P = { cookieInfo: "Some regional laws require website owners to inform visitors of cookie tracking.", enableCookie: "Enable cookie collection banner", showPreview: "Show preview" }, C = { analyticsIntegrations: "Analytics Integrations", integrationLabel: "Connect third-party tools for analytics and monetization.", googleAnalyticsLabel: "Google Analytics: GA4", googleAnalyticsInputLabel: "Measurement ID", googleAnalyticsInfo: "Add your Google Analytics: GA4 Measurement ID to track your visitors using GA4, use this format G-XXXXXXXXX or AW-XXXXXXXXX", googleAnalyticsPlaceholder: "G-XXXXXXXXX or AW-XXXXXXXXX", googleAdsenseLabel: "Google AdSense", googleAdsenseInfo: "Run ads on your site with Adsense and start monetizing your traffic. A custom domain is required to use this.", googleAdsenseInputLabel: "Publisher ID", googleAdsensePlaceholder: "pub-XXXXXXXXXXXXXXXX" }, D = { mobile: "Mobile", desktop: "Desktop" }, L = { defaultBackButtonLabel: "Back", prePurchaseBackButtonLabel: "Back", postPurchaseBackButtonLabel: "Back to My Websites" }, A = { myWebPageLabel: "My web page:", copyButton: "Copy", copiedButton: "Copied!" }, I = { sensitiveContentInfo: "Display a sensitive content warning before visitors can view your profile", offSetting: "Off", sensitiveContentSetting: "Sensitive Content" }, f = { title: "Use your existing domain", description: "Choose from your purchased domain names or enter your existing domain name", purchasedDomainRadio: "Use my purchased domain names", selectDomainPlaceholder: "Select domain name", submitButton: "Submit", registrationInProgress: "Registration in progress", noPurchasedDomains: "You have not purchased any domains yet.", existingDomainRadio: "Use my existing domain", existingDomainPlaceholder: "example.com", connectButton: "Connect", errorMessage: "Something went wrong, please contact support." }, v = { seo: "SEO", customDomain: "Custom Domain", addCustomDomain: "Add Custom Domain", useExistingDomain: "Or use existing domain", pageUrl: "Page URL", connected: "Connected", type: "Type", host: "Host", target: "Target", changeUrl: "Change URL", setupInProgress: "Setup in progress", pending: "Pending Verification", failed: "Failed", failedToRenew: "Failed to Renew", dnsExpired: "Request expired. Please remove and setup a new custom domain.", dnsMissing: "Expected DNS records are missing. Please add the missing DNS records.", dnsInvalid: "Invalid DNS records exist. Please remove the invalid DNS records.", dnsError: "Invalid DNS records exist. Please remove the 'AAAA' DNS record.", checkStatus: "Check Status", resetDomain: "Are you sure you want to reset this domain name?", webDescription: "Short description for your Web Page", websiteDescription: "Short description for your Brand Website", customDomainError: "Something went wrong, please contact support.", customDomainNote: "Note: Please allow up to 72 hours for your domain to fully initialize", customDomainInfo: "Use your existing domain URL. You will need to purchase a domain name from a domain name registrar to use this functionality.", customDomainSettingInfo: "Go to your Domain Settings (under your Domain provider website) and make the changes below in your Records:" }, w = { addItem: "Add Item", editItem: "Edit Item", itemInformation: "Item Information", cancel: "Cancel", addProductImage: "Add Image", replace: "Replace", remove: "Remove", itemName: "Item Name", itemDescription: "Description", optionalProdvideDetails: "Option to provide details of their order/request", pricing: "Pricing", price: "Price", variants: "Variants", addVariants: "Add Variants", variantTitle: "Variant title", optionTitle: "Option title", addOption: "Add Option" }, k = { customizeSocial: "Customize how your website will look when shared on social media", thumbnail: "Thumbnail", recommendedSize: "recommended size", enterTitle: "Enter title", enterDescription: "Enter description", addOgImage: "Add OG Image", replaceOgImage: "Replace OG Image" }, x = { previewDisplayName: "Preview", templatesDisplayName: "Templates", contentDisplayName: "Content", backgroundDisplayName: "Bkground", logoDisplayName: "Logo", styleDisplayName: "Style", settingsDisplayName: "Settings", classicDisplayName: "classic", modernDisplayName: "modern", uniqueDisplayName: "unique", settingsSaveSuccessMessage: "Settings saved successfully" }, N = { centered: "Centered", leftAligned: "Left aligned", url: "Url", page: "Page", emailAddress: "Email address", phoneNumber: "Phone number", preview: "Preview", collapsed: "Collapsed", grid: "Grid", carousel: "Carousel", masonry: "Masonry", original: "Original", circle: "Circle", default: "Default", textOnly: "Text only", thumbnail: "Thumbnail", featured: "Featured", small: "Small", medium: "Medium", large: "Large", bigImage: "Big Image", columns: "Columns" }, M = { defaultBackgroundColor: "Default background color", defaultBorderColor: "Default border color", defaultTextStyle: "Default text style", selectedBackgroundColor: "Selected background color", selectedBorderColor: "Selected border color", selectedTextColor: "Selected text color", iconColor: "Icon color", iconBackgroundColor: "Icon background color", allDisplayName: "all", generalDisplayName: "General", socialLinksDisplayName: "Socials", monetizeDisplayName: "Monetize", sectionsDisplayName: "Sections" }, B = { emptyStringMessage: "Please enter a value", invalidAddressMessage: "Please enter an address", invalidEmailMessage: "Please enter a valid email address", invalidTelMessage: "Please enter a valid telephone number", invalidUrlMessage: "Please enter a valid url", invalidYoutubeUrlMessage: "Please enter a valid YouTube url", selectAPage: "Please select a page" }, E = { recommendedColors: "Recommended Colors", logoColors: "Logo Colors", editBackground: "Edit Background", background: "Background", other: "Other", shapes: "Shapes", color: "Color", imageLibrary: "Image Library", myUploads: "My Uploads", backgroundColor: "Background Color", addMedia: "Add Media", addImage: "Add Image", replaceImage: "Replace Image", image: "Image" }, R = { newColor: "New Color", defaultColors: "Default Colors", gradientColors: "Gradient Colors", selectThisColor: "Select this color" }, U = { desktop: "desktop", mobile: "mobile", back: "Back", none: "None", logo: "Logo", upload: "Upload", yes: "Yes", no: "No", all: "All", cancel: "Cancel", confirm: "Confirm", categories: "Categories", search: "Search", pageTitle: "Page title", title: "Title", description: "Description", settings: "Settings", domains: "Domains", sensitiveContent: "Sensitive Content", displayStyle: "Display style", colorMatched: "Color Matched", iconColor: "Icon color", backgroundColor: "Background Color", centered: "Centered", justified: "Justified", fontSettings: "Font Settings", defaultTextStyle: "Default text style", text: "Text", emptySearchLabel: "Sorry, we couldn’t find what you’re looking for.", small: "Small", medium: "Medium", large: "Large", wide: "wide", default: "Default", replace: "Replace", save: "Save", remove: "Remove", copy: "Copy", sendButtonText: "Send", regenerateText: "Regenerate", addShapeLabel: "Add Shape", addImageLabel: "Add Image", addFaviconLabel: "Add Favicon", addMediaLabel: "Add Media", replaceFaviconLabel: "Replace Favicon", updateSettings: "Update Settings", shapeColor: "Shape Color", shapeColors: "Shape Colors", upgradeToPremium: "Upgrade to premium", premium: "Premium", done: "Done", copyrightTextPlaceholder: "Copyright text here", continue: "Continue", defaultSaveDescription: "Don’t forget to publish your changes once you are happy with your design.", saveSuccess: "Save successful!", changeTemplateConfirmationMessage: "Changing templates will cause you to lose your changes. All your content will be erased. We recommend you duplicate your site beforehand if you want to retain your changes.", generateText: "Generate text" }, O = { maxCharacters: "You have reached your maximum limit of characters allowed", maxCharactersDescription: "You have reached your maximum limit of characters allowed for your description", maxCharactersTitle: "You have reached your maximum limit of characters allowed for your title", invalidUrlMessage: "Please enter a valid url", testimonialEmpty: "Please enter a testimonial", textEmpty: "Please enter a text", invalidGoogleId: "Invalid Google Measurement ID", invalidGoogleAdsenseId: "Invalid Google Adsense ID", paymentMethodDescription: "Please enter a description for your payment method", maxTitleLength: "Please keep the page title to {{MAX_PAGE_TITLE_LENGTH}} characters.", acceptedTypesMessage: "We accept {{ACCEPTED_IMAGE_TYPES}}'s up to {{FILE_SIZE_LIMIT}}", fileTooLargeMessage: "File is too large. Please upload file less than {{MAX_FILE_SIZE}} MB.", incorrectDimensionsMessage: "Incorrect dimensions for {{MEDIA_TYPE}}. Recommended dimension is: {{DESIRED_WIDTH}}x{{DESIRED_HEIGHT}}", titleLengthError: "Title exceeds {{BRANDPAGE_TITLE_CHARACTER_LIMIT}} characters.", descriptionLengthError: "Description exceeds {{BRANDPAGE_DESCRIPTION_CHARACTER_LIMIT}} characters.", metaKeywordsError: "Please enter a maximum of 100 keywords", invalidSlugError: "Your brand page url contains invalid characters. It may only include alphanumeric characters and the '-' character", slugCharacterLimitError: "Your brand page url exceeds the maximum of {{BRANDPAGE_SLUG_CHARACTER_LIMIT}} characters", brandPageDescriptionLimitError: "Description exceeds 158 characters.", brandPageTitleLimitError: "Title exceeds 60 characters.", brandPageDefaultDescriptionError: "An error has occurred. Please try again later.", contentHasErrors: "`There are {{CONTENT_ERROR_COUNT}} content errors. Please check the Content tab for more info.`", pageTitleError: "Page title cannot be empty.", genericBrandPagePublishError: "An unexpected error occurred when publishing brand page. Please try again.", alreadySubscribedError: "This email has already subscribed", mailingListError: "An error has occurred. Unable to subscribe to mailing list.", contactMessageError: "An error has occurred. Unable to subscribe to submit contact form." }, X = { confirmMessageTitle: "Are you sure?", noLabel: "No", yesLabel: "Yes" }, F = { bookingLabel: "Add your booking link (e.g., *Calendly*)" }, G = { recommendedColors: "Recommended Colors", logoColors: "Logo Colors", transparent: "Transparent" }, _ = { colorMatchShape: "Color match shape" }, Y = { sideBarHeaderTitle: "Edit Content", managePagesButtonText: "Manage Pages", addNewPageButtonText: "Add New Page", addContentButtonText: "Add Content", addContentHeaderTitle: "Add Content", getStartedButtonText: "Get Started", logoDisplayName: "Logo", generalLinkDisplayName: "General Link", profileDisplayName: "Profile", websiteDisplayName: "Website", emailDisplayName: "Email", phoneDisplayName: "Phone", textDisplayName: "Text", imageDisplayName: "Image", imageSectionDisplayName: "Images", imageGalleryDisplayName: "Image Gallery", videoDisplayName: "Video", mapDisplayName: "Map", mailingListDisplayName: "Mailing list", facebookDisplayName: "Facebook", twitterDisplayName: "X", instagramDisplayName: "Instagram", youtubeDisplayName: "YouTube", linkedinDisplayName: "LinkedIn", pinterestDisplayName: "Pinterest", twitchDisplayName: "Twitch", tiktokDisplayName: "Tiktok", supportMeDisplayName: "Tipping", requestPaymentDisplayName: "Payments", contactFormDisplayName: "Contact Form", bannerSectionDisplayName: "Banner", testimonialSectionDisplayName: "Testimonials", aboutSectionDisplayName: "About", socialLinksDisplayName: "Social Links", dividerSectionDisplayName: "Divider", shapesSectionDisplayName: "Shapes", shopSectionDisplayName: "Store", bookingSectionDisplayName: "Booking", settingsDisplayName: "Settings", styleDisplayName: "Style", titleStyleLabel: "Title style", descriptionStyleLabel: "Description style", nameStyleLabel: "Name style", buttonTextStyleLabel: "Button text style", addImageButtonTitle: "Add image", addImageHeaderTitle: "Add image", imageReplaceTitle: "Replace image", replaceMediaTitle: "Replace media", imageGalleryAddButtonTitle: "Add images", imageGalleryReplaceTitle: "Add image", iconReplaceTitle: "Replace thumbnail", addIconHeaderTitle: "Add thumbnail", buttonModalAddButtonTitle: "Add design", buttonModalTitleHeader: "Add design", buttonModalReplaceTitle: "Replace design", addShapeButtonTitle: "Add shape", addShapeHeaderTitle: "Add shape", addShapeReplaceTitle: "Replace shape", linkDisplayName: "Link", openDesignDisplayName: "Open Design", pageDisplayName: "Page", productsAndServicesDisplayName: "Products and Services", emailOnlyDisplayName: "Email only", nameAndEmailDisplayName: "Name and email", logoTitle: "Logo", logoSizeTitle: "Logo size", backgroundColorTitle: "Background color", thumbnailTitle: "Thumbnail", shapeColorsTitle: "Shape Colors", displayStyleTitle: "Display Style", urlTitle: "URL", fontSettingsTitle: "Font settings", emailTitle: "Email", imageTitle: "Image", titleTitle: "Title", nameTitle: "Name", aspectRatioTitle: "Aspect ratio", pluralImagesTitle: "Images", styleTitle: "Style", phoneNumberTitle: "Phone number", textTitle: "Text", pluralAddItemsTitle: "Add Items", sizeTitle: "Size", alignmentTitle: "Alignment", colorTitle: "Color", columnsTitle: "Columns", addressTitle: "Address", buttonTitle: "Button", linkStyleTitle: "Link style", descriptionTitle: "Description", successMessageTitle: "Success Message", sendResponsesToTitle: "Send responses to", cardColorTitle: "Card color", successMessageTextColorTitle: "Success message text color", overlayColorTitle: "Overlay Color", overlayTitle: "Overlay", buttonLinkTitle: "Button Link", paragraphTitle: "Paragraph", cardFillColorTitle: "Card fill color", iconFillColorTitle: "Icon fill color", iconBackgroundColorTitle: "Icon background color", paddingTitle: "Padding", dividerStyleTitle: "Divider Style", dividerColorTitle: "Divider color", addItemTitle: "Add Item", buyNowTitle: "Buy Now", shopTitle: "Shop", supportMeTitle: "Support me", contactUsTitle: "Contact Us", thisIsABannerTitle: "This is a banner", imagesTitle: "Images", imagesDescription: "This is a sample description text block", testimonialsTitle: "Testimonials", aboutSectionTitle: "This is the About Section", homeTitle: "Home", followUsOnTitle: "Follow us on", shapesTitle: "Shapes", defaultTextValue: "This is a sample text", defaultBookingTitle: "Book an appointment", defaultBookingDescription: "Schedule your appointment today", titlePlaceholder: "Title", successMessagePlaceholder: "Success message", successThanksPlaceholder: "Thank you for your request!", successSupportPlaceholder: "Thank you for your support!", descriptionPlaceholder: "Description", recipientEmailPlaceholder: "Recipient email", getStartedPlaceholder: "Get Started", paragraphPlaceholder: "Paragraph", selectAPagePlaceholder: "Select a page", yourNamePlaceholder: "Your Name", websitePlaceholder: "Website", exampleWebsitePlaceholder: "https://example.com", addImageTitlePlaceholder: "Add image title", joinMailingListPlaceholder: "Join mailing list", subscribePlaceholder: "Subscribe", optionalDescriptionPlaceholder: "Description (optional)", textAreaDescriptionPlaceholder: "Write a short description about yourself or your brand", textAreaSamplePlaceholder: "This is a sample text", emailPlaceholder: "me@website.com", youtubeUrlPlaceholder: "Paste YouTube video URL", sendPlaceholder: "Send", formSuccessMessage: "Thank you! We'll get in touch with you as soon as possible.", fullWidthLabel: "Full width", enablePopupLabel: "Open images in a pop-up", autoplayLabel: "Autoplay", muteLabel: "Mute", headingStyleLabel: "Heading style", testimonialStyleLabel: "Testimonial style", paragraphStyleLabel: "Paragraph style", positionStyleLabel: "Position style", itemStyleLabel: "Item style", defaultFillColorLabel: "Default fill color", defaultBorderColorLabel: "Default border color", selectedBorderColorLabel: "Selected border color", textColorLabel: "Text color", multiProductSelectionLabel: "Allow multiple products to be selected", optionalDetailsLabel: "Option to provide details of their request", mailingListPromptText: "Join mailing list", defaultDescription: "Description", makeADonationDescription: "Make a donation", thickLineDivider: "Thick Line", thinLineDivider: "Thin Line", noneDivider: "None", styleNoneOption: "None", styleSquareOption: "Square", styleCircleOption: "Circle", mediaTypeImage: "image", mediaTypeShape: "shape", media: "Media", addMediaTitle: "Add media", firstNameLabel: "First name", lastNameLabel: "Last name", emailAddressLabel: "Email address", phoneNumberLabel: "Phone number", messageLabel: "Message", displayTextPlaceholder: "Display Text", linkToLabel: "Link to", addLinkButtonText: "Add Link", enterValidUrlError: "Please enter a valid URL", enterTextHerePlaceholder: "Enter text here...", bookNowLabel: "Book Now" }, H = { field: "Field", required: "Required" }, q = { generateTitle: "Generate Text with AI", generateDescription: "Content is AI-generated and may require editing for accuracy", generatePlaceholder: "Describe your text.", generationStopped: "Text generation stopped. Start a new prompt to continue.", generateInputPlaceholder: "Enter your prompt to describe the text...", stopGeneration: "Stop generation", useText: "Use text", promptTooLong: "Prompt must be {{maxLength}} characters or less ({{currentLength}})" }, z = { addressPlaceholder: "Enter a location" }, W = { sampleText: "This is a sample text" }, V = { shapePrefix: "Shape", imagePrefix: "Image", placeholderSuffix: " title", addShapeLabel: "Add Shape", addImageLabel: "Add Image" }, j = { linkPlaceholderPrefix: "Enter phone, link or email", buttonLabel: "Add Item" }, Q = { logoVariations: "Logo Variations", logoVersions: "Logo Versions", editLogo: "Edit logo", uploadLogo: "Upload logo" }, J = { paymentSetup: "Payment Setup", inactiveMessage: "Please enable a payment provider by clicking the button below to start accepting payments on your web page.", pendingPreOnboardingLabel: "Onboarding Incomplete", pendingPostOnboardingLabel: "Validation Required", defaultLabel: "Unsupported state", pendingPreOnboardingDescription: "Please complete onboarding via Stripe before continuing.", pendingPostOnboardingDescription: "Stripe still needs to verify some details. Check progress via the Stripe dashboard.", requiredActionCtaLabel: "Go to ", paymentImageAspectRatio: "Aspect Ratio", supportMeAmount: "Amount", supportMeDescription: "Donate", supportMeCustomAmount: " Option to add custom amount ", supportMeCustomMessage: " Include message to you ", addItem: "Add Item", price: "Price" }, Z = { personalisationOverride: "Personalisation Override", none: "None", default: "{{AI_PROPERTY}} (Default)" }, K = { icon: "Icon", myUploads: "My Uploads", myDesigns: "My Designs", imageLibrary: "Image Library", videoLibrary: "Video Library", shapeLibrary: "Shape Library" }, $ = { shapeColors: "Shape Colors", shapeColor: "Shape Color", addItemLabel: "Add Item" }, ee = { testimonial: "Testimonial", avatar: "Avatar", shapeColors: "Shape Colors", shapeColor: "Shape Color", position: "Position", name: "Name", ceoPlaceholder: "CEO of Company Name", addItem: "Add Item" }, oe = { maxReached: "You have reached your maximum limit of characters allowed" }, ae = { shapeColors: "Shape Colors", shapeColor: "Shape Color", imageCaptionPlaceholder: "Add image caption", imageLink: "Image link", imageCaption: "Image pop-up caption", imageCaptionSub: "This caption only appears in the image pop-up", addTitlePlaceholder: "Add title", title: "Title", addParagraphPlaceholder: "Add paragraph", paragraph: "Paragraph", addItemLabel: "Add Item", image: "Image", shape: "Shape", none: "None", popup: "Pop-up", openLink: "Open Link", imageBehaviour: "Image behaviour", button: "Button", buttonText: "Button text", getStarted: "Get Started", buttonLink: "Button Link", url: "Url", email: "Email Address", telephone: "Phone Number", buttonTextStyleLabel: "Button text Style", selectPage: "Select a page", page: "Page" }, te = { fontSettings: "Font Settings", addItem: "Add Item" }, ie = { textStyle: "Text Style", font: "Font", size: "Size", letterSpacing: "Letter Spacing", lineHeight: "Line Height", style: "Style", alignment: "Alignment", color: "Color", backgroundColor: "Background Color" }, le = { maxLimitReached: "You have reached your maximum limit of characters allowed" }, re = { loadingMessage: "Loading...", dropToUpload: "Drop your files here or click to upload.", acceptText: "We accept .jpg, .jpeg, .png's up to 25MB", maxFiles: "(Max 5 files at once)", check: "Check", error: "Error" }, ne = { addItem: "Add Item" }, se = { loginPrompt: "Please login or register to start using the image uploader.", loginOrRegister: "Login or Register" }, de = { logoText: "Logo", headerLogoDesign: "Logo Design", headerUploadLogo: "Upload Logo", subHeaderLogoPreview: "Logo Preview", subHeaderLogoColors: "Logo Colors", subHeaderLogoText: "Logo Text", subHeaderSupportingText: "Supporting Text", uploadNewLogo: "Upload New logo", noUploadedLogoText: "You have no uploaded logo, upload a logo to start editing", switchTemplate: "Switch Template" }, ce = { searchPlaceholder: "Search Logos", loadMore: "Load More", businessName: "Enter your business name", noResults: "No logo templates found." }, me = { logoSwitchTitle: "Switch Logo Template", logoSwitchConfirmation: "Changing your logo will update the template to match your new logo colors. This will also reset any content or design changes you've made." }, ge = { searchPlaceholder: "Search your designs", createNewDesign: "Create New Design", allDesigns: "All Designs", allLogos: "All Logos" }, pe = { fileUploadLabel: "Drop your files here or click to upload.", emptyMediaLabel: "There are no images in your media library. Upload a new image to get started.", areyouSureLabel: "Are you sure?", deleteInfoLabel: "Note: It might take 24 hours to delete images across all your website content.", maxOneFile: "(Max {{MAX_UPLOADED_FILES}} file at once)", maxMultipleFiles: "(Max {{MAX_UPLOADED_FILES}} files at once)" }, ue = { deletePageTitle: 'Delete "{{PAGE_TITLE}}"', deletePageConfirmation: "Are you sure you want to delete this page? This cannot be undone.", cancel: "Cancel", delete: "Delete" }, he = { addNewPage: "Add new page", pageTitle: "Page title", pageTitlePlaceholder: "Page title", cancel: "Cancel", continue: "Continue" }, ye = { headerSettings: "Header Settings", footerSettings: "Footer Settings", managePages: "Manage Pages", pages: "Pages", addPage: "Add Page", addPages: "Add Pages", addPagesDescription: "Add pages to better organize your content. Your home page will always be on and your first page. Drag and drop your other pages to reorder them.", upgradeBtn: "Upgrade to add more pages", copyrightStyle: "Copyright Style", pageTitlePlaceholder: "Page Title", homePageText: "This is your current homepage. To hide it, choose another page to set as the homepage.", showPage: "Show page", hidePage: "Hide page", delete: "Delete" }, be = { showNavigationBelow: "Show navigation below logo", previewDescription: "Preview is not available on this screen size.", navigationStyle: "Navigation style", logoSize: "Logo Size", socialLinks: "Social Links", copyright: "Copyright" }, Te = { domainSearchButtonLabel: "Search", customDomainCardDescription: "Make it easy for customers to find you with a domain that matches your business", customDomainLabel: "Custom Domain", recommendedLabel: "Recommended", websiteFriendlyName: "Website", digitalBusinessCardFriendlyName: "Digital Business Card" }, Se = { loadMoreShapes: "Load More Shapes" }, Pe = { titles: "Titles", headings: "Headings", paragraphs: "Paragraphs", buttons: "Buttons", premium: "Premium", logoBackgroundColor: "Logo background color", buttonBorderColor: "Button border color", buttonFillColor: "Button fill color", buttonShadowColor: "Button shadow color", buttonSoftShadowColor: "Button shadow color", buttonIconColor: "Icon color", defaultTextColor: "Default text color", customizeInfo: "Customize the appearance of text across your site", hideDesignLogo: "Hide Design.com logo", hideBrandCrowdLogo: "Hide BrandCrowd logo", styleTitle: "Style", buttonStyleTitle: "Button style", textStyleTitle: "Text style" }, Ce = { searchPlaceholder: "Search", templatePreview: "Template Preview", loadMoreTemplatesButtonText: "Load more templates", headerAll: "All", headerCategories: "Categories", headerAi: "AI" }, De = { loadMoreImages: "Load more images", poweredBy: "Powered by", gaming: "Gaming", beauty: "Beauty", food: "Food", animal: "Animal", beverage: "Beverage", party: "Party", office: "Office", home: "Home", travel: "Travel", landscape: "Landscape" }, Le = { uploadNewLogo: "Upload new logo", uploadYourLogo: "Upload your logo", applyMessage: "This will apply to all the logos in your website.", cancelLabel: "Cancel", continueLabel: "Continue" }, Ae = { poweredBy: "Powered by", emptyState: "Sorry, your browser doesn't support embedded videos.", loadMoreVideos: "Load more videos", supported: "Sorry, your browser doesn't support embedded videos." }, Ie = {
-  brandPageFooter: e,
-  cookie: o,
-  image: a,
-  imageGallery: t,
-  imagesSection: i,
-  mailingList: l,
-  map: r,
-  payment: n,
-  requestPaymentStripe: s,
-  sensitiveContentModal: d,
-  paymentModal: c,
-  productDetailModal: m,
-  shop: g,
-  addYouTubeVideoDescription: p,
-  videoBlockPlaceholderTitle: u,
-  index: h,
-  actionBar: y,
-  brandpageBackgroundSettings: b,
-  brandPageSettings: T,
-  colorPalette: S,
-  cookieSettings: P,
-  googleAnalytics: C,
-  layoutSwitcher: D,
-  navigation: L,
-  quickLinkBar: A,
-  sensitiveContentSettings: I,
-  existingDomainModal: f,
-  seoSettings: v,
-  product: w,
-  socialShare: k,
-  constants: x,
-  converter: N,
-  model: M,
-  validator: B,
-  backgroundSettings: E,
-  colorPicker: R,
-  common: U,
-  error: O,
-  confirmModal: X,
-  bookingUrlField: F,
-  colorField: G,
-  colorReplacementField: _,
-  contentSettings: Y,
-  formFields: H,
-  aiModal: q,
-  googleAddressField: z,
-  genericTextInput: W,
-  imagesField: V,
-  linksField: j,
-  logoSelectionSettings: Q,
-  paymentConfig: J,
-  personalisationOverride: Z,
-  replaceImageSetting: K,
-  shapeField: $,
-  testimonialItemsField: ee,
-  textField: oe,
-  textImageField: ae,
-  textItemsField: te,
-  textStyleField: ie,
-  textAreaField: le,
-  dropzoneUploader: re,
-  productConfigOption: ne,
-  loginMessage: se,
-  editLogoSettings: de,
-  logoTemplateSearchModal: ce,
-  logoSwitchConfirmationModal: me,
-  myDesigns: ge,
-  myUploadSettings: pe,
-  deletePageModal: ue,
-  newPageModal: he,
-  pageSettings: ye,
-  pageSettingsSection: be,
-  publishBrandPageModalWithState: Te,
-  shapeLibrary: Se,
-  styleSettingsSection: Pe,
-  templateSettings: Ce,
-  unsplashLibrary: De,
-  uploadLogoModal: Le,
-  videoLibrary: Ae
-};
-export {
-  y as actionBar,
-  p as addYouTubeVideoDescription,
-  q as aiModal,
-  E as backgroundSettings,
-  F as bookingUrlField,
-  e as brandPageFooter,
-  T as brandPageSettings,
-  b as brandpageBackgroundSettings,
-  G as colorField,
-  S as colorPalette,
-  R as colorPicker,
-  _ as colorReplacementField,
-  U as common,
-  X as confirmModal,
-  x as constants,
-  Y as contentSettings,
-  N as converter,
-  o as cookie,
-  P as cookieSettings,
-  Ie as default,
-  ue as deletePageModal,
-  re as dropzoneUploader,
-  de as editLogoSettings,
-  O as error,
-  f as existingDomainModal,
-  H as formFields,
-  W as genericTextInput,
-  z as googleAddressField,
-  C as googleAnalytics,
-  a as image,
-  t as imageGallery,
-  V as imagesField,
-  i as imagesSection,
-  h as index,
-  D as layoutSwitcher,
-  j as linksField,
-  se as loginMessage,
-  Q as logoSelectionSettings,
-  me as logoSwitchConfirmationModal,
-  ce as logoTemplateSearchModal,
-  l as mailingList,
-  r as map,
-  M as model,
-  ge as myDesigns,
-  pe as myUploadSettings,
-  L as navigation,
-  he as newPageModal,
-  ye as pageSettings,
-  be as pageSettingsSection,
-  n as payment,
-  J as paymentConfig,
-  c as paymentModal,
-  Z as personalisationOverride,
-  w as product,
-  ne as productConfigOption,
-  m as productDetailModal,
-  Te as publishBrandPageModalWithState,
-  A as quickLinkBar,
-  K as replaceImageSetting,
-  s as requestPaymentStripe,
-  d as sensitiveContentModal,
-  I as sensitiveContentSettings,
-  v as seoSettings,
-  $ as shapeField,
-  Se as shapeLibrary,
-  g as shop,
-  k as socialShare,
-  Pe as styleSettingsSection,
-  Ce as templateSettings,
-  ee as testimonialItemsField,
-  le as textAreaField,
-  oe as textField,
-  ae as textImageField,
-  te as textItemsField,
-  ie as textStyleField,
-  De as unsplashLibrary,
-  Le as uploadLogoModal,
-  B as validator,
-  u as videoBlockPlaceholderTitle,
-  Ae as videoLibrary
-};