@capillarytech/creatives-library 8.0.330-alpha.0 → 8.0.331-alpha.0

package/v2Containers/Rcs/index.scss

@@ -5,56 +5,18 @@
   position: fixed;
   bottom: 0;
   width: 100%;
-  margin-left: -2rem;
+  margin-left: -32px;
   padding: $CAP_SPACE_32 $CAP_SPACE_24;
-  margin-top: 2.5rem;
+  margin-top: 40px;
   z-index: 1;
   .ant-btn {
     margin-right: $CAP_SPACE_16;
   }
-
-  .rcs-test-preview-btn {
-    margin-left: $CAP_SPACE_08;
-  }
 }
 
 .cap-rcs-creatives {
-  .rcs-creative-name-readonly {
-    margin-bottom: $CAP_SPACE_24;
-  }
-
-  .rcs-creative-name-value {
-    margin-top: $CAP_SPACE_08;
-    font-weight: 400;
-  }
-
   .rcs-scroll-div {
-    margin-bottom: 9.375rem;
-  }
-
-  &.rcs-edit-mode {
-    .rcs-scroll-div {
-      margin-bottom: 15.625rem;
-    }
-
-    .rcs-edit-template-message-input {
-      background-color: $CAP_G10;
-      padding: $CAP_SPACE_12 $CAP_SPACE_16;
-    }
-
-    .rcs-edit-template-message-split {
-      margin-bottom: $CAP_SPACE_08;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      color: $FONT_COLOR_03;
-      font-weight: 500;
-    }
-  }
-
-  /* Keep message box text lighter across RCS flows */
-  .rcs-edit-template-message-split {
-    color: $FONT_COLOR_03;
-    font-weight: 500;
+    margin-bottom: 150px;
   }
   .rcs-preview-container {
     .cap-row-v2 {
@@ -62,52 +24,18 @@
     }
   }
   .rcs-optional-label {
-    margin-left: $CAP_SPACE_08;
+    margin-left: 8px;
     color: $FONT_COLOR_03;
     font-weight: normal;
   }
   .rcs_text_area_wrapper {
     position: relative;
   }
-  .rcs-edit-template-message-input .ant-input,
-  .rcs-edit-template-message-input textarea.ant-input {
-    border-color: $CAP_G07;
-    box-shadow: none;
-    min-height: 2.5rem;
-    padding-top: $CAP_SPACE_08;
-    padding-bottom: $CAP_SPACE_08;
-    overflow: hidden;
-  }
-  .rcs-edit-template-message-input .ant-input:focus,
-  .rcs-edit-template-message-input .ant-input:active,
-  .rcs-edit-template-message-input textarea.ant-input:focus,
-  .rcs-edit-template-message-input textarea.ant-input:active {
-    border-color: $CAP_G07;
-    box-shadow: none;
-    outline: none;
-  }
   .rcs-button{
     display: inline-grid;
   }
-  .rcs-form-field-caption {
-    margin-bottom: $CAP_SPACE_16;
-  }
-
-  .rcs-form-section-heading {
-    display: flex;
-    margin-top: $CAP_SPACE_20;
-  }
-
-  .rcs-image-upload--top-spacing {
-    padding-top: $CAP_SPACE_20;
-  }
-
-  .rcs-dimension-select--bottom-spacing {
-    margin-bottom: $CAP_SPACE_20;
-  }
-
-  .rcs-fallback-section-divider {
-    margin: $CAP_SPACE_28 0;
+  .rcs-button-label{
+    margin-bottom: 17px;
   }
   .disabled-button{
      opacity: 0.5;
@@ -159,7 +87,6 @@
     margin-top: 13px;
     float: right;
   }
-
   .rcs-fallback-len-error{
     margin-top: 8px;
   }
@@ -200,12 +127,6 @@
     width: 430px;
 }
 
-// SMS fallback slidebox / tag popover: see v2Components/SmsFallback/index.scss (loaded with SmsFallback)
-
-.template-status-container {
-  margin-bottom: $CAP_SPACE_24;
-}
-
 .rcs-button-cta{
   margin-top: 1.25rem;
   margin-bottom: 0.75rem;

package/v2Containers/Rcs/messages.js

@@ -262,10 +262,6 @@ export default defineMessages({
     id: `${prefix}.fallbackLabel`,
     defaultMessage: 'Fallback SMS message',
   },
-  smsFallbackOptional: {
-    id: `${prefix}.smsFallbackOptional`,
-    defaultMessage: 'Fallback SMS message (Optional)',
-  },
   fallbackDesc: {
     id: `${prefix}.fallbackDesc`,
     defaultMessage: 'We would suggest to add fallback SMS',
@@ -285,12 +281,7 @@ export default defineMessages({
   },
   fallbackMsgPlaceholder: {
     id: `${prefix}.fallbackMsgPlaceholder`,
-    defaultMessage: 'Add labels or text',
-  },
-  /** Shown only when a {{…}} slot has no value — not the saved text (that uses the input value). */
-  rcsVarSlotPlaceholder: {
-    id: `${prefix}.rcsVarSlotPlaceholder`,
-    defaultMessage: 'Add labels or text',
+    defaultMessage: 'Enter the text message content for fallback SMS',
   },
   totalCharacters: {
     id: `${prefix}.totalCharacters`,
@@ -466,8 +457,7 @@ export default defineMessages({
   },
   unknownCharactersError: {
     id: `${prefix}.unknownCharactersError`,
-    defaultMessage:
-      'Only letters, numbers, underscores, and dots are allowed in custom param (e.g. tag.FORMAT_1). Spaces and other special characters are not allowed.',
+    defaultMessage: 'Only alphanumeric characters and underscore are allowed in custom param. Spaces/other special characters are not allowed.',
   },
   emptyVariableError: {
     id: `${prefix}.emptyVariableError`,