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

package/package.json

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

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

@@ -7,9 +7,9 @@
       :hide-scrollbar="false"
       :show-modal-background-image="showModalBackgroundImage"
       :content-classes="isBusy ? ['tw-overflow-y-hidden'] : []"
-      :remove-horizontal-padding="showUpsellRotation && !isCustomDomainActive && !hasPurchasedDomains"
+      :remove-horizontal-padding="showUpsellRotationContainer && !isCustomDomainActive && !hasPurchasedDomains"
       :class="{
-        'tw-px-2 md:tw-px-8': !showUpsellRotation && isCustomDomainActive && hasPurchasedDomains,
+        'tw-px-2 md:tw-px-8': !showUpsellRotationContainer && isCustomDomainActive && hasPurchasedDomains,
       }"
       @close-modal="onCloseModal"
     >
@@ -21,11 +21,11 @@
           v-if="isPublished && !isSlugEditMode"
           class="tw-text-center tw-font-bold tw-mt-8"
           :class="{
-            'tw-mb-8 ': !showUpsellRotation,
+            'tw-mb-8 ': !showUpsellRotationContainer,
           }"
         >
           <p class="tw-font-bold tw-text-black tw-mb-2 tw-text-4xl">{{ sitePublishedLabel }}</p>
-          <div v-if="!showUpsellRotation">
+          <div v-if="!showUpsellRotationContainer">
             <p v-if="hasPurchasedDomains || isCustomDomainActive" class="tw-text-grayscale-600 tw-mb-8">
               {{ publishSuccessLabel }}
             </p>
@@ -199,21 +199,22 @@
           </div>
         </div>
         <div v-else class="tw-font-sans">
-          <div v-if="!isCustomDomainActive && !hasPurchasedDomains" class="tw-mb-6 tw-text-left">
-            <div v-if="!showUpsellRotation">
-              <div class="tw-mb-6">
-                <SellDomainNameSearchWithResults
-                  :is-design-com="isDesignCom"
-                  :initial-search-term="searchText"
-                  :currency="userCurrency"
-                  :display-result-limit="4"
-                  :domain-search-location="sitePublishedModal"
-                  show-view-more-button
-                  @on-change-search="onSearchTextChanged"
-                  @on-buy-now-click="onBuyNowClick"
-                  @on-view-more="onViewMore"
-                />
-              </div>
+          <div
+            v-if="!isCustomDomainActive && !hasPurchasedDomains && !showUpsellRotationContainer"
+            class="tw-mb-6 tw-text-left"
+          >
+            <div class="tw-mb-6">
+              <SellDomainNameSearchWithResults
+                :is-design-com="isDesignCom"
+                :initial-search-term="searchText"
+                :currency="userCurrency"
+                :display-result-limit="4"
+                :domain-search-location="sitePublishedModal"
+                show-view-more-button
+                @on-change-search="onSearchTextChanged"
+                @on-buy-now-click="onBuyNowClick"
+                @on-view-more="onViewMore"
+              />
             </div>
           </div>
           <div class="tw-px-4 tw-text-center" :class="{ 'lg:tw-px-20': hasPurchasedDomains }">
@@ -239,7 +240,7 @@
               @on-click="onBrandPageUrlClick"
             />
           </div>
-          <div v-if="showUpsellRotation" class="tw-border-t tw-border-solid tw-border-grayscale-500 tw-p-5">
+          <div v-if="showUpsellRotationContainer" class="tw-border-t tw-border-solid tw-border-grayscale-500 tw-p-5">
             <slot name="upsellContainer" />
           </div>
         </div>
@@ -522,6 +523,9 @@ export default {
         ? this.slugInputPlaceholderYourNameLabel
         : this.slugInputPlaceholderYourBusinessNameLabel;
     },
+    showUpsellRotationContainer() {
+      return this.showUpsellRotation && this.selectedUpsellProp;
+    },
   },
   watch: {
     brandPageSlug(slug) {