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

package/dist/components/SlideoutPanel/SlideoutPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideoutPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SlideoutPanel/SlideoutPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAK1D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AAoJD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAWtD"}
+{"version":3,"file":"SlideoutPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SlideoutPanel/SlideoutPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAK1D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AA0JD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAWtD"}

package/dist/email/emailPalette.d.ts

@@ -0,0 +1,53 @@
+export declare const EMAIL: {
+    readonly accent: "#0F62FE";
+    readonly accentHover: "#0353E9";
+    readonly accentPress: "#002D9C";
+    readonly accentSoft: "#EDF4FF";
+    readonly accentBorder: "#C6DBFF";
+    readonly ink: "#0A0A0A";
+    readonly body: "#404040";
+    readonly muted: "#707070";
+    readonly borderSubtle: "#EEEEEE";
+    readonly border: "#E5E5E5";
+    readonly borderStrong: "#D4D4D4";
+    readonly canvas: "#F4F4F4";
+    readonly surface: "#FFFFFF";
+    readonly error: "#DA1E28";
+    readonly warning: "#B28600";
+    readonly success: "#198038";
+    readonly rButton: "2px";
+    readonly rCard: "4px";
+};
+export type EmailPalette = typeof EMAIL;
+export declare const EMAIL_BRAND: {
+    readonly site: "https://octaviaflow.com";
+    readonly app: "https://app.octaviaflow.com";
+    readonly supportEmail: "support@octaviaflow.com";
+    readonly logoUrl: "https://octaviaflow.com/images/icon.png";
+    readonly logoSize: 44;
+    readonly logoAlt: "Octaviaflow";
+    readonly socials: readonly [{
+        readonly label: "X";
+        readonly href: "https://x.com/octaviaflow_";
+    }, {
+        readonly label: "LinkedIn";
+        readonly href: "https://linkedin.com/company/octaviaflow";
+    }];
+    readonly legal: readonly [{
+        readonly label: "Privacy Policy";
+        readonly href: "https://octaviaflow.com/privacy-policy";
+    }, {
+        readonly label: "Terms";
+        readonly href: "https://octaviaflow.com/terms-and-conditions";
+    }, {
+        readonly label: "Unsubscribe";
+        readonly href: "{{unsubscribe_url}}";
+    }];
+};
+/**
+ * A tracked link to a marketing-site page. Every outbound link carries UTM so
+ * email-driven visits are attributable. `medium` is the email family
+ * (transactional / notification / marketing / report); `campaign` the template id.
+ */
+export declare function trackedUrl(path: string, medium: string, campaign: string): string;
+//# sourceMappingURL=emailPalette.d.ts.map

package/dist/email/emailPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emailPalette.d.ts","sourceRoot":"","sources":["../../src/email/emailPalette.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;CA2BR,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,OAAO,KAAK,CAAC;AAKxC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAkBd,CAAC;AAEX;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,GACf,MAAM,CAMR"}

package/dist/email/emailSystem.d.ts

@@ -0,0 +1,42 @@
+export type EmailMedium = 'transactional' | 'notification' | 'marketing' | 'report';
+export interface EmailStat {
+    label: string;
+    value: string;
+    /** Optional sub-line, e.g. a delta ("+12% vs last week"). */
+    sub?: string;
+    tone?: 'accent' | 'error' | 'warning' | 'success' | 'muted';
+}
+export interface EmailContent {
+    /** Template id → utm_campaign. */
+    id: string;
+    medium: EmailMedium;
+    preheader: string;
+    tone?: 'accent' | 'error' | 'warning' | 'success';
+    eyebrow?: string;
+    heading: string;
+    subheading?: string;
+    greeting?: string;
+    paragraphs: string[];
+    /** Big-number tiles (reports). */
+    stats?: EmailStat[];
+    /** Key/value list (alerts). */
+    facts?: {
+        label: string;
+        value: string;
+    }[];
+    cta?: {
+        label: string;
+        href: string;
+    };
+    /** Raw URL shown under the CTA ("or copy and paste this link"). */
+    linkFallback?: string;
+    callout?: {
+        title: string;
+        text: string;
+    };
+    /** Show the "Need help?" support block. */
+    help?: boolean;
+}
+/** Render a complete email from content. This is THE Octaviaflow email. */
+export declare function renderEmail(c: EmailContent): string;
+//# sourceMappingURL=emailSystem.d.ts.map

package/dist/email/emailSystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emailSystem.d.ts","sourceRoot":"","sources":["../../src/email/emailSystem.ts"],"names":[],"mappings":"AAeA,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,cAAc,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEpF,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CAC7D;AAED,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,+BAA+B;IAC/B,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3C,GAAG,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAwGD,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,CAqEnD"}

package/dist/email/emailTemplates.d.ts

@@ -0,0 +1,11 @@
+import type { EmailContent } from './emailSystem';
+export interface EmailTemplateGroup {
+    category: string;
+    templates: {
+        id: string;
+        title: string;
+        content: EmailContent;
+    }[];
+}
+export declare const EMAIL_TEMPLATE_GROUPS: EmailTemplateGroup[];
+//# sourceMappingURL=emailTemplates.d.ts.map

package/dist/email/emailTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emailTemplates.d.ts","sourceRoot":"","sources":["../../src/email/emailTemplates.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA8OlD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,YAAY,CAAA;KAAE,EAAE,CAAC;CACnE;AAED,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,EAgCrD,CAAC"}

package/dist/index.cjs

@@ -37653,7 +37653,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
   );
@@ -46470,7 +46476,7 @@ var CHANNEL_TYPE_META = {
   whatsapp: {
     label: "WhatsApp",
     hint: "Template messages to a phone number.",
-    connected: true,
+    connected: false,
     icon: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(import_icons71.ChatLaunchIcon, { size: "sm", "aria-hidden": "true" })
   },
   webhook: {
@@ -47231,9 +47237,12 @@ var import_react210 = require("react");
 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());
@@ -47260,6 +47269,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;
 }
@@ -47601,6 +47614,23 @@ function NotificationChannelForm({
           disabled: readOnly,
           size
         }
+      ),
+      value.type === "whatsapp" && /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+        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__ */ (0, import_jsx_runtime192.jsxs)("fieldset", { className: "ods-notif-channel-form__section", children: [