@capillarytech/creatives-library 8.0.90 → 8.0.91

package/v2Containers/Whatsapp/index.scss

@@ -110,7 +110,16 @@
     width: 95%;
   }
 
+  #select-whatsapp-category {
+    padding-right: 5px;
+  }
+
+  #select-whatsapp-media {
+    padding-left: 5px;
+  }
+
   #select-whatsapp-category,
+  #select-whatsapp-media,
   #select-whatsapp-language {
     width: 100%;
   }
@@ -249,10 +258,52 @@
   color: $CAP_G10;
 }
 
+.carousel-media-selection {
+  display: flex;
+  align-items: center;
+  .carousel-media-selection-heading {
+    margin-right: $CAP_SPACE_20;
+  }
+}
+
+.whatsapp-carousel-tab { 
+  .ant-tabs-extra-content {
+    padding: 0;
+    line-height: normal;
+    .add-carousel-content-button {
+      padding: 9px 0px;
+      margin: 0;
+    }
+    .cap-divider-v2{
+      height: 1.5rem;
+      margin-bottom: 7px;
+    }
+  }
+}
+
+.whatsapp-carousel-card {
+  .ant-card-head {
+    border-bottom: none;
+  }
+  .ant-card-body {
+    padding-top: 0px;
+  }
+  .ant-card-head-wrapper {
+    .ant-card-extra {
+      .cap-button-v2 {
+        padding: 0px;
+      }
+    }
+  }
+}
+
+.whatsapp-carousel-message-heading {
+  margin-top: $CAP_SPACE_24;
+}
 .template-status-font{
   font-weight: 500;
 }
 
 .template-status-margin{
   margin: $CAP_SPACE_04 0 $CAP_SPACE_04;
-}
+}

package/v2Containers/Whatsapp/messages.js

@@ -110,9 +110,13 @@ export default defineMessages({
     id: `${prefix}.templateLanguageEnglish`,
     defaultMessage: 'English',
   },
+  none: {
+    id: `${prefix}.none`,
+    defaultMessage: 'None',
+  },
   mediaLabel: {
     id: `${prefix}.mediaLabel`,
-    defaultMessage: 'Media',
+    defaultMessage: 'Media type',
   },
   mediaText: {
     id: `${prefix}.mediaText`,
@@ -130,13 +134,17 @@ export default defineMessages({
     id: `${prefix}.mediaDocument`,
     defaultMessage: 'Document',
   },
+  mediaCarousel: {
+    id: `${prefix}.mediaCarousel`,
+    defaultMessage: 'Carousel',
+  },
   disabledFeatureTooltip: {
     id: `${prefix}.disabledFeatureTooltip`,
     defaultMessage: 'Not yet enabled. Coming soon!',
   },
   templateMessageLabel: {
     id: `${prefix}.templateMessageLabel`,
-    defaultMessage: 'Message',
+    defaultMessage: 'Body text',
   },
   templateMessageTooltip: {
     id: `${prefix}.templateMessageTooltip`,
@@ -729,6 +737,34 @@ export default defineMessages({
     id: `${prefix}.checkExpiryTooltipDesc`,
     defaultMessage: 'To check the configured expiry time that is same for all OTPs',
   },
+  carouselMediaType: {
+    id: `${prefix}.carouselMediaType`,
+    defaultMessage: 'Carousel media type',
+  },
+  card: {
+    id: `${prefix}.card`,
+    defaultMessage: 'Card',
+  },
+  carouselCardBodyMessageLabel: {
+    id: `${prefix}.carouselCardBodyMessageLabel`,
+    defaultMessage: 'Card body text',
+  },
+  carouselCardBodyMessagePlaceholder: {
+    id: `${prefix}.carouselCardBodyMessagePlaceholder`,
+    defaultMessage: 'Enter card body text',
+  },
+  buttonType: {
+    id: `${prefix}.buttonType`,
+    defaultMessage: 'Button type',
+  },
+  emptyCardBodyeErrorMessage: {
+    id: `${prefix}.emptyCardBodyeErrorMessage`,
+    defaultMessage: 'Card body text cannot be empty',
+  },
+  carouselButtonInfo: {
+    id: `${prefix}.carouselButtonInfo`,
+    defaultMessage: 'Number of buttons and their types setup in the first card will be same for all the other cards in the carousel',
+  },
   pending: {
     id: `${prefix}.pending`,
     defaultMessage: 'Pending',