@capillarytech/creatives-library 8.0.316 → 8.0.317-alpha.0

package/v2Components/CommonTestAndPreview/_commonTestAndPreview.scss

@@ -150,6 +150,11 @@
   margin-right: 0.5rem;
 }
 
+/* CapSlideBox defaults to z-index 100; RCS SMS fallback slidebox + tag popovers use 10010–10020 — must stack above or close control is not clickable. */
+.cap-slide-box-v2.common-test-and-preview-slidebox {
+  z-index: 10030;
+}
+
 .common-test-and-preview-slidebox {
   .common-test-preview-modal-wrap {
     z-index: 10003;
@@ -419,6 +424,13 @@
       }
     }
 
+    .tags-section-title {
+      margin: $CAP_SPACE_12 0;
+      display: block;
+      color: $CAP_G01;
+      font-weight: $FONT_WEIGHT_MEDIUM;
+    }
+
     .values-table {
       margin-bottom: $CAP_SPACE_16;
       border: $CAP_SPACE_01 solid $CAP_G12;

package/v2Components/CommonTestAndPreview/constants.js

@@ -79,6 +79,44 @@ export const CHANNELS = {
   ZALO: 'ZALO',
 };
 
+/** Unified preview tab keys when RCS shows RCS + SMS fallback panes. */
+export const PREVIEW_TAB_RCS = 'rcs';
+export const PREVIEW_TAB_SMS_FALLBACK = 'smsFallback';
+export const PREVIEW_TAB_KEYS = [PREVIEW_TAB_RCS, PREVIEW_TAB_SMS_FALLBACK];
+
+/** Channels whose Test & Preview defaults to Android/iOS device frame (not desktop). */
+export const CHANNELS_USING_ANDROID_PREVIEW_DEVICE = [
+  CHANNELS.SMS,
+  CHANNELS.WHATSAPP,
+  CHANNELS.RCS,
+  CHANNELS.INAPP,
+  CHANNELS.MOBILEPUSH,
+  CHANNELS.VIBER,
+];
+
+/** RCS createMessageMeta test payload — rich card envelope literals. */
+export const RCS_TEST_META_CONTENT_TYPE_RICHCARD = 'RICHCARD';
+export const RCS_TEST_META_CARD_TYPE_STANDALONE = 'STANDALONE';
+export const RCS_TEST_META_CARD_ORIENTATION_VERTICAL = 'VERTICAL';
+export const RCS_TEST_META_CARD_WIDTH_SMALL = 'SMALL';
+
+/** React key fallback when a custom-values section has no `key` or title id. */
+export const CUSTOM_VALUES_EDITOR_SECTION_FALLBACK_KEY = 'section';
+
+/**
+ * Matches at least one `{{variableName}}` token in SMS / RCS fallback template text.
+ */
+export const SMS_MUSTACHE_TAG_PATTERN = /\{\{[^}]+\}\}/;
+
+/** TRAI DLT `{#…#}` placeholders (same idea as `COMBINED_SMS_TEMPLATE_VAR_REGEX` in unified constants). */
+export const SMS_DLT_HASH_TAG_PATTERN = /\{\#[^#]*\#\}/;
+
+/**
+ * Key on `smsFallbackContent` passed into Test & Preview — RCS slot map from SmsTraiEdit
+ * (`onRcsFallbackEditorStateChange`), merged before tag extraction like the embedded SMS editor.
+ */
+export const RCS_SMS_FALLBACK_VAR_MAPPED_PROP = 'rcsSmsFallbackVarMapped';
+
 // ============================================
 // DEVICE CONSTANTS
 // ============================================