@octaviaflow/core 3.1.0-beta.89 → 3.1.0-beta.91

package/dist/index.js

@@ -30967,7 +30967,13 @@ function SlideoutContent({
     {
       isOpen: open,
       onClose,
-      isDismissable: true
+      isDismissable: true,
+      // Don't treat a click inside a PORTALED floating element (Select /
+      // Combobox / MultiSelect / DatePicker / DropdownMenu / ContextMenu — all
+      // marked data-ods-floating and rendered to <body>, i.e. outside this
+      // panel's DOM) as an outside click. Without this, opening a dropdown or
+      // picking an option inside the sheet dismisses the whole sheet.
+      shouldCloseOnInteractOutside: (el) => !el.closest?.("[data-ods-floating]")
     },
     overlayRef
   );
@@ -37065,7 +37071,7 @@ var CHANNEL_TYPE_META = {
   whatsapp: {
     label: "WhatsApp",
     hint: "Template messages to a phone number.",
-    connected: true,
+    connected: false,
     icon: /* @__PURE__ */ jsx152(ChatLaunchIcon, { size: "sm", "aria-hidden": "true" })
   },
   webhook: {
@@ -37826,9 +37832,12 @@ import { useEffect as useEffect57, useMemo as useMemo41, useState as useState80
 var CONNECTED_CHANNEL_TYPES = [
   "slack",
   "teams",
-  "google_chat",
-  "whatsapp"
+  "google_chat"
 ];
+function isValidPhoneNumber(value) {
+  const digits = value.replace(/[^\d]/g, "");
+  return /^\+?[\d\s()-]+$/.test(value.trim()) && digits.length >= 8 && digits.length <= 15;
+}
 var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function isValidEmail(value) {
   return EMAIL_RE.test(value.trim());
@@ -37855,6 +37864,10 @@ function validateChannelDraft(draft) {
     if (!draft.url?.trim()) errors.url = "Enter the endpoint URL.";
     else if (!isValidWebhookUrl(draft.url))
       errors.url = "Enter a full URL, starting with https://.";
+  } else if (draft.type === "whatsapp") {
+    if (!draft.target?.trim()) errors.target = "Enter the recipient\u2019s WhatsApp number.";
+    else if (!isValidPhoneNumber(draft.target))
+      errors.target = "Enter a valid number in international format, e.g. +91 98765 43210.";
   }
   return errors;
 }
@@ -38196,6 +38209,23 @@ function NotificationChannelForm({
           disabled: readOnly,
           size
         }
+      ),
+      value.type === "whatsapp" && /* @__PURE__ */ jsx158(
+        Input,
+        {
+          id: `${baseId}-target`,
+          type: "tel",
+          label: TARGET_LABEL.whatsapp ?? "Phone number",
+          placeholder: TARGET_PLACEHOLDER.whatsapp,
+          value: value.target ?? "",
+          onChange: (e) => patch({ target: e.target.value }),
+          onBlur: () => touch("target"),
+          error: Boolean(errorFor("target")),
+          errorMessage: errorText("target"),
+          helperText: "Sent from Octaviaflow\u2019s WhatsApp using the approved template. Include the country code.",
+          disabled: readOnly,
+          size
+        }
       )
     ] }),
     /* @__PURE__ */ jsxs150("fieldset", { className: "ods-notif-channel-form__section", children: [