@designcrowd/library.brand-page 5.16.28 → 5.16.29-pre-temp-13

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

@@ -8641,23 +8641,23 @@ input[type='number'][data-v-c846395e] {
 }
 }
 
-.c-modal-dcom[data-v-1300f9de] {
+.c-modal-dcom[data-v-b2334347] {
   background-color: #eceefe;
   border: 1px solid #3247c5;
 }
-.c-modal-bc[data-v-1300f9de] {
+.c-modal-bc[data-v-b2334347] {
   background-color: #cceaf7;
   border: 1px solid #0097d7;
 }
-.typing-cursor[data-v-1300f9de] {
+.typing-cursor[data-v-b2334347] {
   display: inline-block;
-  -webkit-animation: blink-1300f9de 1s step-end infinite;
-          animation: blink-1300f9de 1s step-end infinite;
+  -webkit-animation: blink-b2334347 1s step-end infinite;
+          animation: blink-b2334347 1s step-end infinite;
   color: #3247c5;
   font-weight: bold;
   margin-left: 2px;
 }
-.prompt-textarea[data-v-1300f9de] {
+.prompt-textarea[data-v-b2334347] {
   line-height: 1.5;
   min-height: 4.5rem; /* Minimum 3 rows on mobile (1.5em * 3) */
   max-height: calc(7.5em + 1rem); /* Maximum 5 rows */
@@ -8668,49 +8668,98 @@ input[type='number'][data-v-c846395e] {
 
 /* Desktop: smaller minimum height */
 @media (min-width: 640px) {
-.prompt-textarea[data-v-1300f9de] {
+.prompt-textarea[data-v-b2334347] {
     min-height: 2.5rem; /* Single line on desktop */
 }
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-input-placeholder {
+.prompt-textarea[data-v-b2334347]::-webkit-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]::-moz-placeholder {
+.prompt-textarea[data-v-b2334347]::-moz-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]:-ms-input-placeholder {
+.prompt-textarea[data-v-b2334347]:-ms-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]::-ms-input-placeholder {
+.prompt-textarea[data-v-b2334347]::-ms-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]::placeholder {
+.prompt-textarea[data-v-b2334347]::placeholder {
   color: rgb(96 96 96 / 50%);
 }
 
 /* Ensure border is visible when scrollbar appears */
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar {
   width: 8px;
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-track {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar-track {
   background: transparent;
   margin: 2px;
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-thumb {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar-thumb {
   background: rgb(96 96 96 / 30%);
   border-radius: 4px;
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-thumb:hover {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar-thumb:hover {
   background: rgb(96 96 96 / 50%);
 }
-.text-grayscale[data-v-1300f9de] {
+.text-grayscale[data-v-b2334347] {
   color: rgb(96 96 96 / 50%);
 }
-.text-success[data-v-1300f9de] {
+.text-success[data-v-b2334347] {
   --tw-text-opacity: 1;
   color: rgb(29 134 13 / var(--tw-text-opacity));
 }
-@-webkit-keyframes blink-1300f9de {
+.disabled-button[data-v-b2334347] button {
+  background-color: rgb(229 231 235) !important;
+  cursor: not-allowed !important;
+  opacity: 0.6 !important;
+}
+.suggested-prompts-container[data-v-b2334347] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: 0.5rem;
+  overflow: auto;
+  padding: 0.75rem;
+}
+.suggested-prompts-container[data-v-b2334347] button {
+  white-space: nowrap;
+  font-weight: normal;
+  max-height: 2.25rem;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
+}
+
+/* Mobile: show above textarea */
+.suggested-prompts-mobile[data-v-b2334347] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row;
+          flex-flow: row;
+}
+.suggested-prompts-desktop[data-v-b2334347] {
+  display: none;
+}
+
+/* Desktop: show below textarea */
+@media (min-width: 640px) {
+.suggested-prompts-mobile[data-v-b2334347] {
+    display: none;
+}
+.suggested-prompts-desktop[data-v-b2334347] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+}
+}
+@-webkit-keyframes blink-b2334347 {
 0%,
   50% {
     opacity: 1;
@@ -8720,7 +8769,7 @@ input[type='number'][data-v-c846395e] {
     opacity: 0;
 }
 }
-@keyframes blink-1300f9de {
+@keyframes blink-b2334347 {
 0%,
   50% {
     opacity: 1;

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

@@ -8957,23 +8957,23 @@ input[type='number'][data-v-c846395e] {
 }
 }
 
-.c-modal-dcom[data-v-1300f9de] {
+.c-modal-dcom[data-v-b2334347] {
   background-color: #eceefe;
   border: 1px solid #3247c5;
 }
-.c-modal-bc[data-v-1300f9de] {
+.c-modal-bc[data-v-b2334347] {
   background-color: #cceaf7;
   border: 1px solid #0097d7;
 }
-.typing-cursor[data-v-1300f9de] {
+.typing-cursor[data-v-b2334347] {
   display: inline-block;
-  -webkit-animation: blink-1300f9de 1s step-end infinite;
-          animation: blink-1300f9de 1s step-end infinite;
+  -webkit-animation: blink-b2334347 1s step-end infinite;
+          animation: blink-b2334347 1s step-end infinite;
   color: #3247c5;
   font-weight: bold;
   margin-left: 2px;
 }
-.prompt-textarea[data-v-1300f9de] {
+.prompt-textarea[data-v-b2334347] {
   line-height: 1.5;
   min-height: 4.5rem; /* Minimum 3 rows on mobile (1.5em * 3) */
   max-height: calc(7.5em + 1rem); /* Maximum 5 rows */
@@ -8984,49 +8984,98 @@ input[type='number'][data-v-c846395e] {
 
 /* Desktop: smaller minimum height */
 @media (min-width: 640px) {
-.prompt-textarea[data-v-1300f9de] {
+.prompt-textarea[data-v-b2334347] {
     min-height: 2.5rem; /* Single line on desktop */
 }
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-input-placeholder {
+.prompt-textarea[data-v-b2334347]::-webkit-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]::-moz-placeholder {
+.prompt-textarea[data-v-b2334347]::-moz-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]:-ms-input-placeholder {
+.prompt-textarea[data-v-b2334347]:-ms-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]::-ms-input-placeholder {
+.prompt-textarea[data-v-b2334347]::-ms-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]::placeholder {
+.prompt-textarea[data-v-b2334347]::placeholder {
   color: rgb(96 96 96 / 50%);
 }
 
 /* Ensure border is visible when scrollbar appears */
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar {
   width: 8px;
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-track {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar-track {
   background: transparent;
   margin: 2px;
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-thumb {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar-thumb {
   background: rgb(96 96 96 / 30%);
   border-radius: 4px;
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-thumb:hover {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar-thumb:hover {
   background: rgb(96 96 96 / 50%);
 }
-.text-grayscale[data-v-1300f9de] {
+.text-grayscale[data-v-b2334347] {
   color: rgb(96 96 96 / 50%);
 }
-.text-success[data-v-1300f9de] {
+.text-success[data-v-b2334347] {
   --tw-text-opacity: 1;
   color: rgb(29 134 13 / var(--tw-text-opacity));
 }
-@-webkit-keyframes blink-1300f9de {
+.disabled-button[data-v-b2334347] button {
+  background-color: rgb(229 231 235) !important;
+  cursor: not-allowed !important;
+  opacity: 0.6 !important;
+}
+.suggested-prompts-container[data-v-b2334347] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: 0.5rem;
+  overflow: auto;
+  padding: 0.75rem;
+}
+.suggested-prompts-container[data-v-b2334347] button {
+  white-space: nowrap;
+  font-weight: normal;
+  max-height: 2.25rem;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
+}
+
+/* Mobile: show above textarea */
+.suggested-prompts-mobile[data-v-b2334347] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row;
+          flex-flow: row;
+}
+.suggested-prompts-desktop[data-v-b2334347] {
+  display: none;
+}
+
+/* Desktop: show below textarea */
+@media (min-width: 640px) {
+.suggested-prompts-mobile[data-v-b2334347] {
+    display: none;
+}
+.suggested-prompts-desktop[data-v-b2334347] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+}
+}
+@-webkit-keyframes blink-b2334347 {
 0%,
   50% {
     opacity: 1;
@@ -9036,7 +9085,7 @@ input[type='number'][data-v-c846395e] {
     opacity: 0;
 }
 }
-@keyframes blink-1300f9de {
+@keyframes blink-b2334347 {
 0%,
   50% {
     opacity: 1;

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

@@ -8671,23 +8671,23 @@ input[type='number'][data-v-c846395e] {
 }
 }
 
-.c-modal-dcom[data-v-1300f9de] {
+.c-modal-dcom[data-v-b2334347] {
   background-color: #eceefe;
   border: 1px solid #3247c5;
 }
-.c-modal-bc[data-v-1300f9de] {
+.c-modal-bc[data-v-b2334347] {
   background-color: #cceaf7;
   border: 1px solid #0097d7;
 }
-.typing-cursor[data-v-1300f9de] {
+.typing-cursor[data-v-b2334347] {
   display: inline-block;
-  -webkit-animation: blink-1300f9de 1s step-end infinite;
-          animation: blink-1300f9de 1s step-end infinite;
+  -webkit-animation: blink-b2334347 1s step-end infinite;
+          animation: blink-b2334347 1s step-end infinite;
   color: #3247c5;
   font-weight: bold;
   margin-left: 2px;
 }
-.prompt-textarea[data-v-1300f9de] {
+.prompt-textarea[data-v-b2334347] {
   line-height: 1.5;
   min-height: 4.5rem; /* Minimum 3 rows on mobile (1.5em * 3) */
   max-height: calc(7.5em + 1rem); /* Maximum 5 rows */
@@ -8698,49 +8698,98 @@ input[type='number'][data-v-c846395e] {
 
 /* Desktop: smaller minimum height */
 @media (min-width: 640px) {
-.prompt-textarea[data-v-1300f9de] {
+.prompt-textarea[data-v-b2334347] {
     min-height: 2.5rem; /* Single line on desktop */
 }
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-input-placeholder {
+.prompt-textarea[data-v-b2334347]::-webkit-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]::-moz-placeholder {
+.prompt-textarea[data-v-b2334347]::-moz-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]:-ms-input-placeholder {
+.prompt-textarea[data-v-b2334347]:-ms-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]::-ms-input-placeholder {
+.prompt-textarea[data-v-b2334347]::-ms-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.prompt-textarea[data-v-1300f9de]::placeholder {
+.prompt-textarea[data-v-b2334347]::placeholder {
   color: rgb(96 96 96 / 50%);
 }
 
 /* Ensure border is visible when scrollbar appears */
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar {
   width: 8px;
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-track {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar-track {
   background: transparent;
   margin: 2px;
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-thumb {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar-thumb {
   background: rgb(96 96 96 / 30%);
   border-radius: 4px;
 }
-.prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-thumb:hover {
+.prompt-textarea[data-v-b2334347]::-webkit-scrollbar-thumb:hover {
   background: rgb(96 96 96 / 50%);
 }
-.text-grayscale[data-v-1300f9de] {
+.text-grayscale[data-v-b2334347] {
   color: rgb(96 96 96 / 50%);
 }
-.text-success[data-v-1300f9de] {
+.text-success[data-v-b2334347] {
   --tw-text-opacity: 1;
   color: rgb(29 134 13 / var(--tw-text-opacity));
 }
-@-webkit-keyframes blink-1300f9de {
+.disabled-button[data-v-b2334347] button {
+  background-color: rgb(229 231 235) !important;
+  cursor: not-allowed !important;
+  opacity: 0.6 !important;
+}
+.suggested-prompts-container[data-v-b2334347] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: 0.5rem;
+  overflow: auto;
+  padding: 0.75rem;
+}
+.suggested-prompts-container[data-v-b2334347] button {
+  white-space: nowrap;
+  font-weight: normal;
+  max-height: 2.25rem;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
+}
+
+/* Mobile: show above textarea */
+.suggested-prompts-mobile[data-v-b2334347] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row;
+          flex-flow: row;
+}
+.suggested-prompts-desktop[data-v-b2334347] {
+  display: none;
+}
+
+/* Desktop: show below textarea */
+@media (min-width: 640px) {
+.suggested-prompts-mobile[data-v-b2334347] {
+    display: none;
+}
+.suggested-prompts-desktop[data-v-b2334347] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+}
+}
+@-webkit-keyframes blink-b2334347 {
 0%,
   50% {
     opacity: 1;
@@ -8750,7 +8799,7 @@ input[type='number'][data-v-c846395e] {
     opacity: 0;
 }
 }
-@keyframes blink-1300f9de {
+@keyframes blink-b2334347 {
 0%,
   50% {
     opacity: 1;

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

@@ -8381,23 +8381,23 @@ input[type='number'][data-v-c846395e] {
 }
 }
 
-.bp .c-modal-dcom[data-v-1300f9de] {
+.bp .c-modal-dcom[data-v-b2334347] {
   background-color: #eceefe;
   border: 1px solid #3247c5;
 }
-.bp .c-modal-bc[data-v-1300f9de] {
+.bp .c-modal-bc[data-v-b2334347] {
   background-color: #cceaf7;
   border: 1px solid #0097d7;
 }
-.bp .typing-cursor[data-v-1300f9de] {
+.bp .typing-cursor[data-v-b2334347] {
   display: inline-block;
-  -webkit-animation: blink-1300f9de 1s step-end infinite;
-          animation: blink-1300f9de 1s step-end infinite;
+  -webkit-animation: blink-b2334347 1s step-end infinite;
+          animation: blink-b2334347 1s step-end infinite;
   color: #3247c5;
   font-weight: bold;
   margin-left: 2px;
 }
-.bp .prompt-textarea[data-v-1300f9de] {
+.bp .prompt-textarea[data-v-b2334347] {
   line-height: 1.5;
   min-height: 4.5rem; /* Minimum 3 rows on mobile (1.5em * 3) */
   max-height: calc(7.5em + 1rem); /* Maximum 5 rows */
@@ -8408,49 +8408,98 @@ input[type='number'][data-v-c846395e] {
 
 /* Desktop: smaller minimum height */
 @media (min-width: 640px) {
-.bp .prompt-textarea[data-v-1300f9de] {
+.bp .prompt-textarea[data-v-b2334347] {
     min-height: 2.5rem; /* Single line on desktop */
 }
 }
-.bp .prompt-textarea[data-v-1300f9de]::-webkit-input-placeholder {
+.bp .prompt-textarea[data-v-b2334347]::-webkit-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.bp .prompt-textarea[data-v-1300f9de]::-moz-placeholder {
+.bp .prompt-textarea[data-v-b2334347]::-moz-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.bp .prompt-textarea[data-v-1300f9de]:-ms-input-placeholder {
+.bp .prompt-textarea[data-v-b2334347]:-ms-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.bp .prompt-textarea[data-v-1300f9de]::-ms-input-placeholder {
+.bp .prompt-textarea[data-v-b2334347]::-ms-input-placeholder {
   color: rgb(96 96 96 / 50%);
 }
-.bp .prompt-textarea[data-v-1300f9de]::placeholder {
+.bp .prompt-textarea[data-v-b2334347]::placeholder {
   color: rgb(96 96 96 / 50%);
 }
 
 /* Ensure border is visible when scrollbar appears */
-.bp .prompt-textarea[data-v-1300f9de]::-webkit-scrollbar {
+.bp .prompt-textarea[data-v-b2334347]::-webkit-scrollbar {
   width: 8px;
 }
-.bp .prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-track {
+.bp .prompt-textarea[data-v-b2334347]::-webkit-scrollbar-track {
   background: transparent;
   margin: 2px;
 }
-.bp .prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-thumb {
+.bp .prompt-textarea[data-v-b2334347]::-webkit-scrollbar-thumb {
   background: rgb(96 96 96 / 30%);
   border-radius: 4px;
 }
-.bp .prompt-textarea[data-v-1300f9de]::-webkit-scrollbar-thumb:hover {
+.bp .prompt-textarea[data-v-b2334347]::-webkit-scrollbar-thumb:hover {
   background: rgb(96 96 96 / 50%);
 }
-.bp .text-grayscale[data-v-1300f9de] {
+.bp .text-grayscale[data-v-b2334347] {
   color: rgb(96 96 96 / 50%);
 }
-.bp .text-success[data-v-1300f9de] {
+.bp .text-success[data-v-b2334347] {
   --tw-text-opacity: 1;
   color: rgb(29 134 13 / var(--tw-text-opacity));
 }
-@-webkit-keyframes blink-1300f9de {
+.bp .disabled-button[data-v-b2334347] button {
+  background-color: rgb(229 231 235) !important;
+  cursor: not-allowed !important;
+  opacity: 0.6 !important;
+}
+.bp .suggested-prompts-container[data-v-b2334347] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: 0.5rem;
+  overflow: auto;
+  padding: 0.75rem;
+}
+.bp .suggested-prompts-container[data-v-b2334347] button {
+  white-space: nowrap;
+  font-weight: normal;
+  max-height: 2.25rem;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
+}
+
+/* Mobile: show above textarea */
+.bp .suggested-prompts-mobile[data-v-b2334347] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row;
+          flex-flow: row;
+}
+.bp .suggested-prompts-desktop[data-v-b2334347] {
+  display: none;
+}
+
+/* Desktop: show below textarea */
+@media (min-width: 640px) {
+.bp .suggested-prompts-mobile[data-v-b2334347] {
+    display: none;
+}
+.bp .suggested-prompts-desktop[data-v-b2334347] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+}
+}
+@-webkit-keyframes blink-b2334347 {
 0%,
   50% {
     opacity: 1;
@@ -8460,7 +8509,7 @@ input[type='number'][data-v-c846395e] {
     opacity: 0;
 }
 }
-@keyframes blink-1300f9de {
+@keyframes blink-b2334347 {
 0%,
   50% {
     opacity: 1;

package/lib/src/index.d.ts

@@ -23,7 +23,7 @@ export { default as SensitiveContentModal } from './brand-page/components/sensit
 export { getBrandPageViewModelFromBrandPageModel, migrateBrandPageModel, } from './brand-page/utils';
 export * as brandPageUtils from './brand-page/utils';
 export type { CriticalResourceURLs } from './brand-page/utils/view-model.util';
-export { getOptimalLogoSize, calculateOptimizedLogoDimensions, } from './brand-page/utils/logo.util';
+export { getOptimalLogoSize, calculateOptimizedLogoDimensions, applyLogoImageBase64UrlToBrandPageTemplateModel, } from './brand-page/utils/logo.util';
 export { sanitizeRTEHtml } from './brand-page-maker/utils';
 export { getPageSlugFromPageTitle } from './brand-page-maker/utils/slug.util';
 export { useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, useBrandPageContainerStore, useEventManagerStore, useLocalisedRouteStore, useVideoStore, } from './brand-page-maker/stores';