@designcrowd/library.brand-page 5.12.4 → 5.12.5-ast-booking

package/lib/src/composables/useTranslate.js

@@ -94,6 +94,7 @@ const textImageFieldTr = (key) => tr(`textImageField.${key}`);
 const textItemsFieldTr = (key) => tr(`textItemsField.${key}`);
 const textStyleFieldTr = (key) => tr(`textStyleField.${key}`);
 const textAreaFieldTr = (key) => tr(`textAreaField.${key}`);
+const urlFieldTr = (key) => tr(`urlField.${key}`);
 const productConfigOptionTr = (key) => tr(`productConfigOption.${key}`);
 const editLogoSettingsTr = (key) => tr(`editLogoSettings.${key}`);
 const myUploadSettingsTr = (key, valuesToInterpolate = {}) => tr(`myUploadSettings.${key}`, valuesToInterpolate);
@@ -152,4 +153,4 @@ const currentLocale = () => {
     }
     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, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, confirmModalTr, };
+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, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, urlFieldTr, confirmModalTr, };

package/lib/src/constants/brand-page-maker.js

@@ -64,4 +64,11 @@ export const BRAND_PAGE_ICONS = [
     'shopping-card',
     'shipping-bag',
     'shipping',
+    'threads',
+    'reddit',
+    'substack',
+    'patreon',
+    'messenger',
+    'apple-music',
+    'telegram',
 ];

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

@@ -4250,7 +4250,7 @@ a.maker-anchor {
   opacity: 0.5;
 }
 
-[data-v-e420a12a] .c-sell-domain-name-list--button {
+[data-v-23dc146f] .c-sell-domain-name-list--button {
   min-width: 7rem;
 }
 
@@ -5114,15 +5114,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   fill: currentColor;
 }
 
-.c-icon--sm[data-v-f03d3c87] {
+.c-icon--sm[data-v-3a64581b] {
   width: 1rem;
   height: 1rem;
 }
-.c-icon--md[data-v-f03d3c87] {
+.c-icon--md[data-v-3a64581b] {
   width: 1.5rem;
   height: 1.5rem;
 }
-.c-icon--lg[data-v-f03d3c87] {
+.c-icon--lg[data-v-3a64581b] {
   width: 2rem;
   height: 2rem;
 }
@@ -6424,6 +6424,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
+.c_banner-container[data-v-9664630d] {
+  max-width: var(--brandsite-max-width);
+  margin: 0 auto;
+}
+
 .root[data-v-78db940f] {
   --logo-width: var(--2a02f575);
   --tab-nav-height: 56px;
@@ -8145,11 +8150,11 @@ body {
   min-width: 33.333333%
 }
 
-.rich-text-editor[data-v-557b131a]:focus-within {
+.rich-text-editor[data-v-da58b4ee]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.style-editor[data-v-557b131a] {
+.style-editor[data-v-da58b4ee] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8160,7 +8165,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-557b131a] button:not(.c-button-style) {
+.style-editor[data-v-da58b4ee] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8170,16 +8175,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-557b131a] {
+.style-editor-button[data-v-da58b4ee] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-557b131a] {
+.toolbar-editor-button.active[data-v-da58b4ee] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-557b131a] {
+.toolbar-editor-button[data-v-da58b4ee] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8197,7 +8202,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-557b131a] .ProseMirror {
+[data-v-da58b4ee] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8210,10 +8215,10 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-557b131a] .ProseMirror:focus {
+[data-v-da58b4ee] .ProseMirror:focus {
   outline: none;
 }
-[data-v-557b131a] .ProseMirror * {
+[data-v-da58b4ee] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8222,25 +8227,25 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-557b131a] .ProseMirror a,[data-v-557b131a] .ProseMirror a * {
+[data-v-da58b4ee] .ProseMirror a,[data-v-da58b4ee] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-557b131a] {
+.error-message[data-v-da58b4ee] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-557b131a] {
+.popup-container[data-v-da58b4ee] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-557b131a] {
+.hyperlink-preview[data-v-da58b4ee] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-557b131a] {
+.popup-panel[data-v-da58b4ee] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8248,17 +8253,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.popup-panel[data-v-557b131a] input {
+.popup-panel[data-v-da58b4ee] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-557b131a] {
+.border[data-v-da58b4ee] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-557b131a] .text-dropdown-title {
+[data-v-da58b4ee] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8267,7 +8272,7 @@ body {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-557b131a] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-da58b4ee] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(208 208 208 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8276,56 +8281,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-557b131a],
-  .style-editor-button-textstyle[data-v-557b131a] {
+.style-editor-button-font[data-v-da58b4ee],
+  .style-editor-button-textstyle[data-v-da58b4ee] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-557b131a] {
+.style-editor-button.stepper[data-v-da58b4ee] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-557b131a] {
+.style-editor-button-stepper[data-v-da58b4ee] {
     max-width: 100%;
 }
-.border.desktop[data-v-557b131a] {
+.border.desktop[data-v-da58b4ee] {
     display: none;
 }
-.border.mobile[data-v-557b131a] {
+.border.mobile[data-v-da58b4ee] {
     display: block;
 }
-[data-v-557b131a] .left-align {
+[data-v-da58b4ee] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
-.hyperlink-popup[data-v-557b131a] {
+.hyperlink-popup[data-v-da58b4ee] {
     z-index: 9999;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-557b131a] {
+.style-editor-button.stepper[data-v-da58b4ee] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-557b131a] {
+.style-editor-button-font[data-v-da58b4ee] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-557b131a] {
+.style-editor-button-stepper[data-v-da58b4ee] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-557b131a] {
+.style-editor-button-textstyle[data-v-da58b4ee] {
     max-width: 25%;
 }
-.border.desktop[data-v-557b131a] {
+.border.desktop[data-v-da58b4ee] {
     display: block;
 }
-.border.mobile[data-v-557b131a] {
+.border.mobile[data-v-da58b4ee] {
     display: none;
 }
-[data-v-557b131a] .left-align {
+[data-v-da58b4ee] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-557b131a]:hover {
+.drop-down-item[data-v-da58b4ee]:hover {
   background-color: #eee;
 }
 
@@ -8373,7 +8378,7 @@ input[type='number'][data-v-28a532b4] {
           align-items: flex-start;
 }
 
-.text-item-preview[data-v-4d5ca58f] {
+.text-item-preview[data-v-4ff4d504] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;

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

@@ -4578,7 +4578,7 @@ a.maker-anchor {
   opacity: 0.5;
 }
 
-[data-v-e420a12a] .c-sell-domain-name-list--button {
+[data-v-23dc146f] .c-sell-domain-name-list--button {
   min-width: 7rem;
 }
 
@@ -5442,15 +5442,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   fill: currentColor;
 }
 
-.c-icon--sm[data-v-f03d3c87] {
+.c-icon--sm[data-v-3a64581b] {
   width: 1rem;
   height: 1rem;
 }
-.c-icon--md[data-v-f03d3c87] {
+.c-icon--md[data-v-3a64581b] {
   width: 1.5rem;
   height: 1.5rem;
 }
-.c-icon--lg[data-v-f03d3c87] {
+.c-icon--lg[data-v-3a64581b] {
   width: 2rem;
   height: 2rem;
 }
@@ -6752,6 +6752,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
+.c_banner-container[data-v-9664630d] {
+  max-width: var(--brandsite-max-width);
+  margin: 0 auto;
+}
+
 .root[data-v-78db940f] {
   --logo-width: var(--2a02f575);
   --tab-nav-height: 56px;
@@ -8473,11 +8478,11 @@ body {
   min-width: 33.333333%
 }
 
-.rich-text-editor[data-v-557b131a]:focus-within {
+.rich-text-editor[data-v-da58b4ee]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.style-editor[data-v-557b131a] {
+.style-editor[data-v-da58b4ee] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8488,7 +8493,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-557b131a] button:not(.c-button-style) {
+.style-editor[data-v-da58b4ee] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8498,16 +8503,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-557b131a] {
+.style-editor-button[data-v-da58b4ee] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-557b131a] {
+.toolbar-editor-button.active[data-v-da58b4ee] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-557b131a] {
+.toolbar-editor-button[data-v-da58b4ee] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8525,7 +8530,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-557b131a] .ProseMirror {
+[data-v-da58b4ee] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8538,10 +8543,10 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-557b131a] .ProseMirror:focus {
+[data-v-da58b4ee] .ProseMirror:focus {
   outline: none;
 }
-[data-v-557b131a] .ProseMirror * {
+[data-v-da58b4ee] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8550,25 +8555,25 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-557b131a] .ProseMirror a,[data-v-557b131a] .ProseMirror a * {
+[data-v-da58b4ee] .ProseMirror a,[data-v-da58b4ee] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-557b131a] {
+.error-message[data-v-da58b4ee] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-557b131a] {
+.popup-container[data-v-da58b4ee] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-557b131a] {
+.hyperlink-preview[data-v-da58b4ee] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-557b131a] {
+.popup-panel[data-v-da58b4ee] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8576,17 +8581,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.popup-panel[data-v-557b131a] input {
+.popup-panel[data-v-da58b4ee] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-557b131a] {
+.border[data-v-da58b4ee] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-557b131a] .text-dropdown-title {
+[data-v-da58b4ee] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8595,7 +8600,7 @@ body {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-557b131a] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-da58b4ee] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(208 208 208 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8604,56 +8609,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-557b131a],
-  .style-editor-button-textstyle[data-v-557b131a] {
+.style-editor-button-font[data-v-da58b4ee],
+  .style-editor-button-textstyle[data-v-da58b4ee] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-557b131a] {
+.style-editor-button.stepper[data-v-da58b4ee] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-557b131a] {
+.style-editor-button-stepper[data-v-da58b4ee] {
     max-width: 100%;
 }
-.border.desktop[data-v-557b131a] {
+.border.desktop[data-v-da58b4ee] {
     display: none;
 }
-.border.mobile[data-v-557b131a] {
+.border.mobile[data-v-da58b4ee] {
     display: block;
 }
-[data-v-557b131a] .left-align {
+[data-v-da58b4ee] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
-.hyperlink-popup[data-v-557b131a] {
+.hyperlink-popup[data-v-da58b4ee] {
     z-index: 9999;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-557b131a] {
+.style-editor-button.stepper[data-v-da58b4ee] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-557b131a] {
+.style-editor-button-font[data-v-da58b4ee] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-557b131a] {
+.style-editor-button-stepper[data-v-da58b4ee] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-557b131a] {
+.style-editor-button-textstyle[data-v-da58b4ee] {
     max-width: 25%;
 }
-.border.desktop[data-v-557b131a] {
+.border.desktop[data-v-da58b4ee] {
     display: block;
 }
-.border.mobile[data-v-557b131a] {
+.border.mobile[data-v-da58b4ee] {
     display: none;
 }
-[data-v-557b131a] .left-align {
+[data-v-da58b4ee] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-557b131a]:hover {
+.drop-down-item[data-v-da58b4ee]:hover {
   background-color: #eee;
 }
 
@@ -8701,7 +8706,7 @@ input[type='number'][data-v-28a532b4] {
           align-items: flex-start;
 }
 
-.text-item-preview[data-v-4d5ca58f] {
+.text-item-preview[data-v-4ff4d504] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;