@designcrowd/library.brand-page 5.10.20 → 5.10.31

package/lib/src/brand-page-maker/utils/rich-text-editor.util.d.ts

@@ -1,9 +1,10 @@
 import type { ChainedCommands, Editor } from '@tiptap/vue-3';
-import { EditorState, Transaction, Selection } from 'prosemirror-state';
-import type { Content, TextStyleDeclaration, TextStyleType } from '../../brand-page';
+import type { EditorState, Transaction, Selection } from 'prosemirror-state';
+import { type Content, type TextStyleDeclaration, type TextStyleType } from '../../brand-page';
 import type { PageSettingsState } from '../../shared/page-settings/store';
 import type { StyleSettingsState } from '../../shared/style-settings/store';
 import type { Mark } from 'prosemirror-model';
+import { type DOMPurify } from 'dompurify';
 export declare const isStyleChanged: (tr: Transaction) => boolean;
 export declare const skipStyleDetection: (chain: ChainedCommands, marks?: Mark[]) => ChainedCommands;
 export declare const hasRTEContent: (content: string) => boolean;
@@ -12,3 +13,19 @@ export declare const switchAllContentToRTE: (uiPageSettingStore: PageSettingsSta
 export declare const getUpdatedHTMLFromEditor: (externalEditor: Editor, contentText: string, newContentStyle: TextStyleDeclaration) => string;
 export declare const buildInitialMarks: (state: EditorState, style: TextStyleDeclaration) => any[];
 export declare const retainStyleOnEmptyLine: (editor: Editor, selection: Selection) => void;
+export interface SanitizationResult {
+    sanitizedHtml: string;
+    removedElements: string[];
+}
+export declare const sanitiseClientSideRTE: (html: string) => SanitizationResult;
+/**
+ * Sanitize HTML string using DOMPurify.
+ * Only allow tags and attributes that correspond to the enabled Tiptap extensions.
+ * Forbid dangerous tags and attributes.
+ * @param html HTML string to sanitize
+ * @returns sanitization result with sanitized HTML and removed elements info
+ */
+export declare const sanitizeRTEHtml: (html: string, domPurify: DOMPurify) => SanitizationResult;
+export declare const isLogoColor: (color: string) => boolean;
+export declare const getRTEColor: (color: string | null | undefined, colorType?: 'text' | 'background', defaultValue?: string) => string;
+export declare const hasLogoColorVar: (color: string) => boolean;

package/lib/src/brand-page-maker/utils/rich-text-editor.util.js

@@ -1,6 +1,94 @@
-import { EditorState, Transaction, Selection } from 'prosemirror-state';
+import { STYLE_THEME_KEYS, } from '../../brand-page';
 import { ESCAPED_NEWLINE_CHARACTER } from '../../constants/ui';
 import { getRenderText } from '../../brand-page/utils';
+import createDomPurify, {} from 'dompurify';
+// Only allow tags used by the enabled Tiptap extensions
+const allowedTags = [
+    'p',
+    'span',
+    'strong',
+    'em',
+    'u',
+    's',
+    'mark',
+    'div',
+    'br',
+    'ul',
+    'ol',
+    'li',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'blockquote',
+    'code',
+    'pre',
+    'hr',
+    'a',
+];
+// Block javascript: and data: protocols and other dangerous schemes
+const dangerousProtocols = [
+    'javascript:',
+    'data:',
+    'vbscript:',
+    'file:',
+    'about:',
+    'chrome:',
+    'chrome-extension:',
+    'moz-extension:',
+];
+// Allow specific attributes used by TipTap extensions and href for links
+const allowedAttributes = ['style', 'data-color', 'href', 'target', 'rel'];
+const forbiddenTags = [
+    'script',
+    'img',
+    'iframe',
+    'object',
+    'embed',
+    'link',
+    'style',
+    'meta',
+    'form',
+    'input',
+    'button',
+    'svg',
+    'math',
+];
+const forbiddenAttributes = [
+    'onerror',
+    'onclick',
+    'onload',
+    'onmouseover',
+    'onfocus',
+    'onblur',
+    'src',
+    'srcdoc',
+    'formaction',
+    'form',
+    'action',
+    'download',
+    'class',
+    'id',
+    'data-type',
+    'data-placeholder',
+    'data-align',
+    'data-text-align',
+];
+// Only allow CSS properties used by TipTap extensions
+const allowedCSSProperties = [
+    'font-size',
+    'font-family',
+    'color',
+    'line-height',
+    'letter-spacing',
+    'text-align',
+    'background-color',
+    'font-weight',
+    'font-style',
+    'text-decoration',
+];
 export const isStyleChanged = (tr) => {
     if (tr.getMeta('skipStyleDetection'))
         return false;
@@ -107,6 +195,28 @@ export const transformToRTE = (uiPageSettingStore, externalEditor, uiStyleSettin
                             }
                         }
                     }
+                    if ((!textContent.textItems || textContent.textItems.length === 0) &&
+                        textContent.textStyle) {
+                        const textStyleType = textContent.textStyle.textStyleType;
+                        if (textStyleType &&
+                            (textStyleType === type || uiStyleSettingsStore)) {
+                            let globalContentStyle = uiStyleSettingsStore
+                                ? uiStyleSettingsStore.textStyles.textStyleOptions[textStyleType].style
+                                : newStyle ?? {};
+                            globalContentStyle = {
+                                ...globalContentStyle,
+                                textAlign: textContent.textStyle.textAlign,
+                            };
+                            textContent.text = getUpdatedHTMLFromEditor(externalEditor, textContent.text, globalContentStyle);
+                        }
+                        else if (!textStyleType &&
+                            newContent &&
+                            newContent.id === textContent.id &&
+                            !hasRTEContent(textContent.text)) {
+                            const newContentStyle = newContent.textStyle;
+                            textContent.text = getUpdatedHTMLFromEditor(externalEditor, textContent.text, newContentStyle);
+                        }
+                    }
                     break;
             }
         }
@@ -129,7 +239,8 @@ export const switchAllContentToRTE = (uiPageSettingStore, externalEditor, uiStyl
                             ...globalContentStyle,
                             textAlign: bannerContent.titleStyle.textAlign,
                         };
-                        bannerContent.title = getUpdatedHTMLFromEditor(externalEditor, bannerContent.title, globalContentStyle);
+                        if (!hasRTEContent(bannerContent.title))
+                            bannerContent.title = getUpdatedHTMLFromEditor(externalEditor, bannerContent.title, globalContentStyle);
                     }
                     else if (!titleTextStyleType &&
                         !hasRTEContent(bannerContent.title)) {
@@ -144,7 +255,8 @@ export const switchAllContentToRTE = (uiPageSettingStore, externalEditor, uiStyl
                             ...globalContentStyle,
                             textAlign: bannerContent.descriptionStyle.textAlign,
                         };
-                        bannerContent.description = getUpdatedHTMLFromEditor(externalEditor, bannerContent.description, globalContentStyle);
+                        if (!hasRTEContent(bannerContent.description))
+                            bannerContent.description = getUpdatedHTMLFromEditor(externalEditor, bannerContent.description, globalContentStyle);
                     }
                     else if (!descriptionTextStyleType &&
                         !hasRTEContent(bannerContent.description)) {
@@ -165,7 +277,8 @@ export const switchAllContentToRTE = (uiPageSettingStore, externalEditor, uiStyl
                                     ...globalContentStyle,
                                     textAlign: textItemContent.textStyle.textAlign,
                                 };
-                                textItemContent.text = getUpdatedHTMLFromEditor(externalEditor, textItemContent.text, globalContentStyle);
+                                if (!hasRTEContent(textItemContent.text))
+                                    textItemContent.text = getUpdatedHTMLFromEditor(externalEditor, textItemContent.text, globalContentStyle);
                             }
                             else if (!textItemStyleType &&
                                 !hasRTEContent(textItemContent.text)) {
@@ -174,6 +287,24 @@ export const switchAllContentToRTE = (uiPageSettingStore, externalEditor, uiStyl
                             }
                         }
                     }
+                    if ((!textContent.textItems || textContent.textItems.length === 0) &&
+                        textContent.textStyle) {
+                        const textStyleType = textContent.textStyle.textStyleType;
+                        if (textStyleType && uiStyleSettingsStore) {
+                            let globalContentStyle = uiStyleSettingsStore.textStyles
+                                .textStyleOptions[textStyleType].style;
+                            globalContentStyle = {
+                                ...globalContentStyle,
+                                textAlign: textContent.textStyle.textAlign,
+                            };
+                            if (!hasRTEContent(textContent.text))
+                                textContent.text = getUpdatedHTMLFromEditor(externalEditor, textContent.text, globalContentStyle);
+                        }
+                        else if (!textStyleType && !hasRTEContent(textContent.text)) {
+                            const newContentStyle = textContent.textStyle;
+                            textContent.text = getUpdatedHTMLFromEditor(externalEditor, textContent.text, newContentStyle);
+                        }
+                    }
                     break;
             }
         }
@@ -199,7 +330,14 @@ export const getUpdatedHTMLFromEditor = (externalEditor, contentText, newContent
         chain = chain.setLineHeight(newContentStyle.lineHeight);
     }
     if (newContentStyle?.color) {
-        chain = chain.setMark('textStyle', { color: newContentStyle.color });
+        chain = chain.setMark('textStyle', {
+            color: getRTEColor(newContentStyle.color, 'text'),
+        });
+    }
+    if (newContentStyle?.backgroundColor) {
+        chain = chain.setMark('highlight', {
+            color: getRTEColor(newContentStyle.backgroundColor, 'background'),
+        });
     }
     if (!currentAlignment.textAlign && newContentStyle?.textAlign) {
         chain = chain.setTextAlign(newContentStyle.textAlign);
@@ -227,15 +365,18 @@ export const buildInitialMarks = (state, style) => {
         textStyleAttrs.fontFamily = fontFamily;
     if (fontSize)
         textStyleAttrs.fontSize = fontSize;
-    if (color)
-        textStyleAttrs.color = color;
+    if (color) {
+        textStyleAttrs.color = getRTEColor(color, 'text');
+    }
     if (letterSpacing)
         textStyleAttrs.letterSpacing = letterSpacing;
     if (lineHeight)
         textStyleAttrs.lineHeight = lineHeight;
     marks.push(state.schema.marks.textStyle.create(textStyleAttrs));
     if (backgroundColor) {
-        marks.push(state.schema.marks.highlight.create({ color: backgroundColor }));
+        marks.push(state.schema.marks.highlight.create({
+            color: getRTEColor(backgroundColor, 'background'),
+        }));
     }
     // Bold and italic
     if (fontWeight) {
@@ -278,3 +419,194 @@ export const retainStyleOnEmptyLine = (editor, selection) => {
         }
     }
 };
+let rteDomPurifyInstance = null;
+const getRTEDomPurifyInstance = () => {
+    if (!rteDomPurifyInstance) {
+        rteDomPurifyInstance = createDomPurify;
+    }
+    return rteDomPurifyInstance;
+};
+export const sanitiseClientSideRTE = (html) => {
+    return sanitizeRTEHtml(html, getRTEDomPurifyInstance());
+};
+/**
+ * Validates if an href value is safe and returns a sanitized version
+ */
+const validateAndSanitizeHref = (href) => {
+    if (!href || typeof href !== 'string')
+        return null;
+    // Trim whitespace and decode entities
+    const trimmedHref = href.trim();
+    if (!trimmedHref)
+        return null;
+    const lowerHref = trimmedHref.toLowerCase();
+    for (const protocol of dangerousProtocols) {
+        if (lowerHref.startsWith(protocol))
+            return null;
+    }
+    // Allow relative paths, absolute paths, and safe protocols
+    if (trimmedHref.startsWith('/') ||
+        trimmedHref.startsWith('./') ||
+        trimmedHref.startsWith('../')) {
+        return trimmedHref;
+    }
+    // Allow http and https URLs
+    if (lowerHref.startsWith('http://') || lowerHref.startsWith('https://')) {
+        try {
+            const url = new URL(trimmedHref);
+            // Additional validation for malformed URLs
+            if (url.hostname.includes('..') || url.hostname === '') {
+                return null;
+            }
+            return trimmedHref;
+        }
+        catch {
+            return null;
+        }
+    }
+    // Allow mailto links
+    if (lowerHref.startsWith('mailto:')) {
+        // Basic email validation
+        const emailPart = trimmedHref.substring(7);
+        if (/^[^\s@]+@[^\s@]+\.[^\s@]+/.test(emailPart)) {
+            return trimmedHref;
+        }
+        return null;
+    }
+    // Allow tel links
+    if (lowerHref.startsWith('tel:')) {
+        const telPart = trimmedHref.substring(4);
+        if (/^[\d\s\-\+\(\)]+$/.test(telPart)) {
+            return trimmedHref;
+        }
+        return null;
+    }
+    // For any other format, treat as relative path if it doesn't contain dangerous characters
+    if (!/[<>'"\\]/.test(trimmedHref)) {
+        return trimmedHref;
+    }
+    return null;
+};
+/**
+ * Sanitize HTML string using DOMPurify.
+ * Only allow tags and attributes that correspond to the enabled Tiptap extensions.
+ * Forbid dangerous tags and attributes.
+ * @param html HTML string to sanitize
+ * @returns sanitization result with sanitized HTML and removed elements info
+ */
+export const sanitizeRTEHtml = (html, domPurify) => {
+    const removedElements = [];
+    // Use DOMPurify hook to handle href validation and external link attributes
+    domPurify.addHook('afterSanitizeAttributes', (node) => {
+        if (node.tagName === 'A' && node.hasAttribute('href')) {
+            const href = node.getAttribute('href');
+            const sanitizedHref = validateAndSanitizeHref(href || '');
+            if (sanitizedHref === null) {
+                node.removeAttribute('href');
+                removedElements.push(`href="${href}"`);
+            }
+            else if (sanitizedHref !== href) {
+                node.setAttribute('href', sanitizedHref);
+            }
+            // Add security attributes for external links
+            const finalHref = node.getAttribute('href');
+            if (finalHref &&
+                (finalHref.startsWith('http://') || finalHref.startsWith('https://'))) {
+                node.setAttribute('target', '_blank');
+                node.setAttribute('rel', 'noopener noreferrer');
+            }
+        }
+    });
+    try {
+        // Main DOMPurify sanitization
+        const sanitized = domPurify.sanitize(html, {
+            ALLOWED_TAGS: allowedTags,
+            ALLOWED_ATTR: allowedAttributes,
+            FORBID_TAGS: forbiddenTags,
+            FORBID_ATTR: forbiddenAttributes,
+            KEEP_CONTENT: true,
+        });
+        // Track elements/attributes removed by DOMPurify
+        if (domPurify.removed && Array.isArray(domPurify.removed)) {
+            domPurify.removed.forEach((removed) => {
+                if (removed.element) {
+                    const tagName = removed.element.tagName?.toLowerCase();
+                    if (tagName &&
+                        tagName !== 'body' &&
+                        !removedElements.includes(tagName)) {
+                        removedElements.push(tagName);
+                    }
+                }
+                if (removed.attribute) {
+                    const attrInfo = `${removed.attribute.name}="${removed.attribute.value}"`;
+                    if (!removedElements.includes(attrInfo)) {
+                        removedElements.push(attrInfo);
+                    }
+                }
+            });
+        }
+        // Post-process: sanitize CSS properties in style attributes
+        const finalHtml = sanitizeStyleAttributes(sanitized, removedElements);
+        return {
+            sanitizedHtml: finalHtml,
+            removedElements,
+        };
+    }
+    finally {
+        // Always remove the hook to prevent memory leaks
+        domPurify.removeHook('afterSanitizeAttributes');
+    }
+};
+/**
+ * Sanitize CSS properties within style attributes to only allow TipTap extension properties
+ */
+const sanitizeStyleAttributes = (html, removedElements) => {
+    return html
+        .replace(/\s*style="([^"]*)"/g, (match, styleValue) => {
+        // Parse and validate individual CSS properties
+        const declarations = styleValue
+            .split('; ')
+            .filter((decl) => decl.trim());
+        const validDeclarations = declarations.filter((declaration) => {
+            const [property] = declaration.split(':').map((s) => s.trim());
+            return allowedCSSProperties.includes(property);
+        });
+        // Track removed CSS properties
+        const removedDeclarations = declarations.filter((declaration) => {
+            const [property] = declaration.split(':').map((s) => s.trim());
+            return !allowedCSSProperties.includes(property);
+        });
+        // Add removed CSS properties to the removed elements array
+        removedDeclarations.forEach((removedDecl) => {
+            const trimmedDecl = removedDecl.trim();
+            if (trimmedDecl && !removedElements.includes(trimmedDecl)) {
+                removedElements.push(trimmedDecl);
+            }
+        });
+        if (validDeclarations.length === 0) {
+            return '';
+        }
+        return ` style="${validDeclarations.join(';')}"`;
+    })
+        .replace(/\s+>/g, '>'); // Clean up any extra spaces before closing tags
+};
+// Helper function to check if color is a logo theme color
+export const isLogoColor = (color) => {
+    return Object.values(STYLE_THEME_KEYS).some((themeKey) => color.startsWith(themeKey));
+};
+export const getRTEColor = (color, colorType = 'text', defaultValue) => {
+    if (!color) {
+        if (defaultValue)
+            return defaultValue;
+        return colorType === 'text' ? '#000000' : 'transparent';
+    }
+    const themeKey = Object.values(STYLE_THEME_KEYS).find((key) => color.startsWith(key));
+    if (themeKey) {
+        return `var(--${themeKey})`;
+    }
+    return color;
+};
+// Helper function to check if color is a logo theme color
+export const hasLogoColorVar = (color) => {
+    return Object.values(STYLE_THEME_KEYS).some((themeKey) => color.includes(themeKey));
+};

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

@@ -0,0 +1,119 @@
+const e = { consentText: "We use cookies on our website to optimize your website experience. By accepting, you agree to our use of such cookies.", accept: "Accept" }, o = { 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}}" }, t = { 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" }, a = { noProducts: "No products are listed at the moment", viewCart: "View Cart" }, i = { image: "image", shape: "shape" }, l = { saveProgress: "Save Progress", saveTemplate: "Save Template", publish: "Publish" }, s = { userImageUpgradeText: "With BrandPage Premium you can upload your own images as background.", libraryImageUpgradeText: "With BrandPage Premium you can add background images powered by Unsplash." }, r = { 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" }, n = { newColor: "New Color" }, d = { 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", googleAnalyticsLabel: "Google Analytics: GA4", googleAnalyticsInfo: "Add your Google Analytics: GA4 Measurement ID to track your visitors using GA4, use this format G-XXXXXXXXX or AW-XXXXXXXXX" }, m = { mobile: "Mobile", desktop: "Desktop" }, p = { defaultBackButtonLabel: "Back", prePurchaseBackButtonLabel: "Back", postPurchaseBackButtonLabel: "Back to My Websites" }, g = { myWebPageLabel: "My web page:", copyButton: "Copy", copiedButton: "Copied!" }, u = { sensitiveContentInfo: "Display a sensitive content warning before visitors can view your profile", offSetting: "Off", sensitiveContentSetting: "Sensitive Content" }, h = { 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." }, y = { 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:" }, S = { 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" }, b = { previewDisplayName: "Preview", templatesDisplayName: "Templates", contentDisplayName: "Content", backgroundDisplayName: "Bkground", logoDisplayName: "Logo", styleDisplayName: "Style", settingsDisplayName: "Settings", classicDisplayName: "classic", modernDisplayName: "modern", uniqueDisplayName: "unique" }, T = { 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" }, D = { 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" }, C = { 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" }, P = { recommendedColors: "Recommended Colors", logoColors: "Logo Colors", background: "Background", other: "Other", shapes: "Shapes", color: "Color", imageLibrary: "Image Library", myUploads: "My Uploads" }, L = { newColor: "New Color", defaultColors: "Default Colors", gradientColors: "Gradient Colors", selectThisColor: "Select this color" }, f = { desktop: "desktop", mobile: "mobile", back: "Back", none: "None", logo: "Logo", upload: "Upload", yes: "Yes", no: "No", all: "All", 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", 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", addShapeLabel: "Add Shape", addImageLabel: "Add Image", addFaviconLabel: "Add Favicon", replaceFaviconLabel: "Replace Favicon", updateSettings: "Update Settings", upgradeToPremium: "Upgrade to 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!" }, A = { 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", 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." }, I = { recommendedColors: "Recommended Colors", logoColors: "Logo Colors", transparent: "Transparent" }, v = { colorMatchShape: "Color match shape" }, x = { 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: "Twitter", 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", 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", 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", 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", testimonialsTitle: "Testimonials", aboutSectionTitle: "This is the About Section", homeTitle: "Home", followUsOnTitle: "Follow us on", shapesTitle: "Shapes", defaultTextValue: "This is a sample text", 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", 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", firstNameLabel: "First name", lastNameLabel: "Last name", emailAddressLabel: "Email address", phoneNumberLabel: "Phone number", messageLabel: "Message" }, N = { field: "Field", required: "Required" }, w = { addressPlaceholder: "Enter a location" }, k = { sampleText: "This is a sample text" }, M = { shapePrefix: "Shape", imagePrefix: "Image", placeholderSuffix: " title", addShapeLabel: "Add Shape", addImageLabel: "Add Image" }, E = { linkPlaceholderPrefix: "https://example.com", buttonLabel: "Add Item" }, B = { logoVariations: "Logo Variations", logoVersions: "Logo Versions", editLogo: "Edit logo", uploadLogo: "Upload logo" }, R = { 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" }, U = { icon: "Icon", myUploads: "My Uploads", myDesigns: "My Designs", imageLibrary: "Image Library", shapeLibrary: "Shape Library" }, F = { shapeColors: "Shape Colors", shapeColor: "Shape Color", addItemLabel: "Add Item" }, O = { testimonial: "Testimonial", avatar: "Avatar", shapeColors: "Shape Colors", shapeColor: "Shape Color", position: "Position", name: "Name", ceoPlaceholder: "CEO of Company Name", addItem: "Add Item" }, _ = { maxReached: "You have reached your maximum limit of characters allowed" }, G = { shapeColors: "Shape Colors", shapeColor: "Shape Color", imageCaptionPlaceholder: "Add image caption", imageLink: "Image link", imageCaption: "Image caption", addTitlePlaceholder: "Add title", title: "Title", addParagraphPlaceholder: "Add paragraph", paragraph: "Paragraph", addItemLabel: "Add Item", image: "Image", shape: "Shape" }, H = { fontSettings: "Font Settings", addItem: "Add Item" }, Y = { textStyle: "Text Style", font: "Font", size: "Size", letterSpacing: "Letter Spacing", lineHeight: "Line Height", style: "Style", alignment: "Alignment", color: "Color", backgroundColor: "Background Color" }, X = { maxLimitReached: "You have reached your maximum limit of characters allowed" }, z = { 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" }, W = { addItem: "Add Item" }, q = { loginPrompt: "Please login or register to start using the image uploader.", loginOrRegister: "Login or Register" }, V = { 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" }, j = { searchPlaceholder: "Search your designs", createNewDesign: "Create New Design", allDesigns: "All Designs", allLogos: "All Logos" }, J = { 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)" }, Q = { 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" }, Z = { 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" }, K = { domainSearchButtonLabel: "Search", customDomainCardDescription: "Make it easy for customers to find you with a domain that matches your business", customDomainLabel: "Custom Domain", recommendedLabel: "Recommended" }, $ = { loadMoreShapes: "Load More Shapes" }, ee = { 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" }, oe = { searchPlaceholder: "Search", templatePreview: "Template Preview", loadMoreTemplatesButtonText: "Load more templates", headerAll: "All", headerCategories: "Categories", headerAi: "AI" }, te = { loadMoreImages: "Load more images", poweredBy: "Powered by" }, ae = {
+  cookie: e,
+  payment: o,
+  sensitiveContentModal: t,
+  shop: a,
+  index: i,
+  actionBar: l,
+  brandpageBackgroundSettings: s,
+  brandPageSettings: r,
+  colorPalette: n,
+  cookieSettings: d,
+  googleAnalytics: c,
+  layoutSwitcher: m,
+  navigation: p,
+  quickLinkBar: g,
+  sensitiveContentSettings: u,
+  existingDomainModal: h,
+  seoSettings: y,
+  socialShare: S,
+  constants: b,
+  converter: T,
+  model: D,
+  validator: C,
+  backgroundSettings: P,
+  colorPicker: L,
+  common: f,
+  error: A,
+  colorField: I,
+  colorReplacementField: v,
+  contentSettings: x,
+  formFields: N,
+  googleAddressField: w,
+  genericTextInput: k,
+  imagesField: M,
+  linksField: E,
+  logoSelectionSettings: B,
+  paymentConfig: R,
+  replaceImageSetting: U,
+  shapeField: F,
+  testimonialItemsField: O,
+  textField: _,
+  textImageField: G,
+  textItemsField: H,
+  textStyleField: Y,
+  textAreaField: X,
+  dropzoneUploader: z,
+  productConfigOption: W,
+  loginMessage: q,
+  editLogoSettings: V,
+  myDesigns: j,
+  myUploadSettings: J,
+  pageSettings: Q,
+  pageSettingsSection: Z,
+  publishBrandPageModalWithState: K,
+  shapeLibrary: $,
+  styleSettingsSection: ee,
+  templateSettings: oe,
+  unsplashLibrary: te
+};
+export {
+  l as actionBar,
+  P as backgroundSettings,
+  r as brandPageSettings,
+  s as brandpageBackgroundSettings,
+  I as colorField,
+  n as colorPalette,
+  L as colorPicker,
+  v as colorReplacementField,
+  f as common,
+  b as constants,
+  x as contentSettings,
+  T as converter,
+  e as cookie,
+  d as cookieSettings,
+  ae as default,
+  z as dropzoneUploader,
+  V as editLogoSettings,
+  A as error,
+  h as existingDomainModal,
+  N as formFields,
+  k as genericTextInput,
+  w as googleAddressField,
+  c as googleAnalytics,
+  M as imagesField,
+  i as index,
+  m as layoutSwitcher,
+  E as linksField,
+  q as loginMessage,
+  B as logoSelectionSettings,
+  D as model,
+  j as myDesigns,
+  J as myUploadSettings,
+  p as navigation,
+  Q as pageSettings,
+  Z as pageSettingsSection,
+  o as payment,
+  R as paymentConfig,
+  W as productConfigOption,
+  K as publishBrandPageModalWithState,
+  g as quickLinkBar,
+  U as replaceImageSetting,
+  t as sensitiveContentModal,
+  u as sensitiveContentSettings,
+  y as seoSettings,
+  F as shapeField,
+  $ as shapeLibrary,
+  a as shop,
+  S as socialShare,
+  ee as styleSettingsSection,
+  oe as templateSettings,
+  O as testimonialItemsField,
+  X as textAreaField,
+  _ as textField,
+  G as textImageField,
+  H as textItemsField,
+  Y as textStyleField,
+  te as unsplashLibrary,
+  C as validator
+};