@designcrowd/fe-shared-lib 1.2.14-ast-upsell-2 → 1.2.14-ast-upsell-4

package/package.json

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

package/src/atoms/components/Upsell/DigitalBusinessCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="tw-m-5">
+  <div>
     <h3 class="tw-text-center tw-text-2xl tw-font-bold tw-mb-2">
       {{ upsellProps.title }}
     </h3>

package/src/atoms/components/Upsell/LinkInBio.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="tw-m-5">
+  <div>
     <h3 class="tw-text-center tw-text-2xl tw-font-bold tw-mb-2">
       {{ upsellProps.title }}
     </h3>

package/src/atoms/components/Upsell/UpgradeWebsite.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="tw-m-5">
+  <div>
     <h3 class="tw-text-center tw-text-2xl tw-font-bold tw-mb-2">
       {{ upsellProps.title }}
     </h3>

package/src/atoms/components/Upsell/Website.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="tw-m-5">
+  <div>
     <h3 class="tw-text-center tw-text-2xl tw-font-bold tw-mb-2">
       {{ upsellProps.title }}
     </h3>

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

@@ -244,8 +244,16 @@
               @on-click="onBrandPageUrlClick"
             />
           </div>
-          <div v-if="showUpsellRotation" class="tw-border-t tw-border-solid tw-border-grayscale-500">
+          <div v-if="showUpsellRotation" class="tw-border-t tw-border-solid tw-border-grayscale-500 tw-p-5">
             <slot name="upsellContainer" />
+            <Button
+              v-if="selectedUpsellProp && selectedUpsellProp.type === 'domainName'"
+              :label="viewMoreDomainLabel"
+              variant="no-border"
+              size="small-medium"
+              class="tw-text-center"
+              @on-click="onViewMore"
+            />
           </div>
         </div>
       </template>
@@ -425,6 +433,11 @@ export default {
       required: true,
       default: false,
     },
+    selectedUpsellProp: {
+      type: Object,
+      required: true,
+      default: null,
+    },
   },
   emits: [
     'close-modal',