@designcrowd/fe-shared-lib 1.5.0-jj-2 → 1.5.0-jj-3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.0-jj-2",
+  "version": "1.5.0-jj-3",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.stories.js

@@ -1,5 +1,6 @@
 import Card from './PublishBrandPageCard.vue';
 import PublishBrandPageModal from './PublishBrandPageModal.vue';
+import PublishBrandPageModalTwo from './PublishBrandPageModalTwo.vue';
 import { domains } from './__fixtures__/data';
 import { setSharedLibLocaleAsync } from '../../../useSharedLibTranslate';
 
@@ -174,6 +175,30 @@ export const PublishedNoDomains = () => {
 
 PublishedNoDomains.loaders = [loadTranslationAsync];
 
+export const PublishedWithContent = () => {
+  return {
+    components: {
+      PublishBrandPageModal,
+      PublishBrandPageModalTwo,
+    },
+    data() {
+      return {
+        domains,
+      };
+    },
+    methods: {},
+    template: `
+      <PublishBrandPageModalTwo>
+        <template #upsell>
+          <div>Upsell container goes here 111111</div>
+        </template>
+      </PublishBrandPageModalTwo>
+    `,
+  };
+};
+
+PublishedWithContent.loaders = [loadTranslationAsync];
+
 export const Free = () => {
   return {
     components: {

package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue

@@ -98,6 +98,7 @@
           @on-search-text-changed="onSearchTextChanged"
         >
           <template #upsellContainer>
+            <div>Publish brand modal</div>
             <slot name="upsellContainer" />
           </template>
         </PublishedView>

package/src/experiences/components/PublishBrandPageModal/views/PublishedView.vue

@@ -39,6 +39,7 @@
       />
     </div>
     <div v-if="showUpsellRotationContainer" class="tw-border-t tw-border-solid tw-border-grayscale-500 tw-p-5">
+      <div>Publishedview</div>
       <slot name="upsellContainer" />
     </div>
   </div>