@capillarytech/creatives-library 7.17.186 → 7.17.188

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.17.186",
+  "version": "7.17.188",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -1012,4 +1012,7 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
   color: $CAP_WHITE;
+}
+.viber-image-preview {
+  width: 9.75rem;
 }

package/v2Components/TemplatePreview/index.js

@@ -917,6 +917,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                     {imageURL && (
                       <CapImage
                         src={imageURL}
+                        className="viber-image-preview"
                         alt="brand-name"
                         rest={{
                           style: {

package/v2Containers/Viber/index.js

@@ -144,7 +144,9 @@ export const Viber = (props) => {
       updateButtonUrl(url);
       setIsCtaSaved(true);
       setButtonType(button?.text ? VIBER_BUTTON_TYPES.CTA : NONE);
-      setCtadata({ buttonText: button?.text, buttonURL: button?.url });
+      if (!isEmpty(button)) {
+        setCtadata({ buttonText: button?.text, buttonURL: button?.url });
+      }
       if (!isEmpty(image)) {
         setTemplateMediaType(VIBER_MEDIA_TYPES.IMAGE);
         updateImageSrc(image?.url);
@@ -543,10 +545,16 @@ export const Viber = (props) => {
           <CapLabel type="label3">{formatMessage(messages.btnDesc)}</CapLabel>
         }
       />
+      {templateMediaType === VIBER_MEDIA_TYPES.VIDEO && (
+        <CapLabel type="label3">
+          {formatMessage(messages.videoButtonDisabled)}
+        </CapLabel>
+      )}
       <CapRadioGroup
         options={buttonRadioOptions}
         value={buttonType}
         onChange={onChangeButtonType}
+        disabled={templateMediaType === VIBER_MEDIA_TYPES.VIDEO}
         className="viber-btn-radio-group"
       />
       {isBtnTypeCta && ButtonViber}
@@ -571,6 +579,7 @@ export const Viber = (props) => {
       messageData.video.thumbnailUrl = viberVideoPreviewImg;
       messageData.video.duration = duration; // integer value in seconds
     }
+
     if (!isEmpty(ctaData)) {
       messageData.button = {};
       messageData.button.text = ctaData?.buttonText;

package/v2Containers/Viber/messages.js

@@ -190,6 +190,10 @@ export default defineMessages({
     id: `${scope}.ctaDesc`,
     defaultMessage: 'Create a button that lets customers respond to your messages or take action',
   },
+  videoButtonDisabled: {
+    id: `${scope}.videoButtonDisabled`,
+    defaultMessage: 'Not supported for video media type',
+  },
   buttonTextTooltip: {
     id: `${scope}.buttonTextTooltip`,
     defaultMessage: 'Use this to name the button. We would recommend not to use special characters here',