@sendoracloud/sdk-react-native 1.3.0 → 1.5.0

package/dist/contact-widget.cjs

@@ -31,7 +31,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var contact_widget_exports = {};
 __export(contact_widget_exports, {
   ContactWidget: () => ContactWidget,
-  useContactWidget: () => useContactWidget
+  TicketHistory: () => TicketHistory,
+  useContactWidget: () => useContactWidget,
+  useTicketHistory: () => useTicketHistory
 });
 module.exports = __toCommonJS(contact_widget_exports);
 var React = __toESM(require("react"), 1);
@@ -134,8 +136,87 @@ function useContactWidget(widgetId, defaults) {
   );
   return { open, close, View: View2, lastResult };
 }
+function TicketHistory({
+  visible,
+  widgetId,
+  accessToken,
+  workerHost = "https://go.sendoracloud.com",
+  theme = "auto",
+  onClose
+}) {
+  const didFire = React.useRef(false);
+  React.useEffect(() => {
+    if (visible) didFire.current = false;
+  }, [visible]);
+  if (!widgetId || !accessToken) return null;
+  const params = new URLSearchParams({ widgetId, theme });
+  const uri = `${workerHost}/embed/tickets?${params.toString()}#access=${encodeURIComponent(accessToken)}`;
+  const handleClose = (result) => {
+    if (didFire.current) return;
+    didFire.current = true;
+    onClose(result);
+  };
+  const onNav = (req) => {
+    const url = req.url || "";
+    if (url.startsWith("sendora://close")) {
+      handleClose({ ticketId: "", portalUrl: null, submitted: false });
+      return false;
+    }
+    if (!url.startsWith("https://") && !url.startsWith("about:")) return false;
+    return true;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.Modal,
+    {
+      visible,
+      animationType: "slide",
+      presentationStyle: "pageSheet",
+      onRequestClose: () => handleClose({ ticketId: "", portalUrl: null, submitted: false }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_native_webview.WebView,
+        {
+          source: { uri },
+          onShouldStartLoadWithRequest: onNav,
+          originWhitelist: ["https://*", "about:*", "sendora://*"],
+          setSupportMultipleWindows: false,
+          javaScriptEnabled: true,
+          domStorageEnabled: true,
+          allowsBackForwardNavigationGestures: false
+        }
+      ) })
+    }
+  );
+}
+function useTicketHistory(widgetId, getAccessToken, defaults) {
+  const [visible, setVisible] = React.useState(false);
+  const [token, setToken] = React.useState(null);
+  const open = React.useCallback(async () => {
+    const t = await getAccessToken();
+    if (!t) return;
+    setToken(t);
+    setVisible(true);
+  }, [getAccessToken]);
+  const close = React.useCallback(() => setVisible(false), []);
+  const View2 = React.useCallback(
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      TicketHistory,
+      {
+        widgetId,
+        visible,
+        accessToken: token,
+        workerHost: defaults?.workerHost,
+        theme: defaults?.theme,
+        onClose: () => setVisible(false)
+      }
+    ),
+    [widgetId, visible, token, defaults]
+  );
+  return { open, close, View: View2 };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ContactWidget,
-  useContactWidget
+  TicketHistory,
+  useContactWidget,
+  useTicketHistory
 });

package/dist/contact-widget.d.cts

@@ -99,5 +99,40 @@ declare function useContactWidget(widgetId: string, defaults?: Omit<ContactWidge
     View: () => React.ReactElement | null;
     lastResult: ContactWidgetResult | null;
 };
+interface TicketHistoryProps {
+    /** Whether the modal sheet is visible. */
+    visible: boolean;
+    /** Widget UUID that scopes the org. */
+    widgetId: string;
+    /**
+     * Current SDK access token (from `SendoraCloud.auth.getAccessToken()`).
+     * Passed in the URL hash fragment so it never appears in server
+     * logs / referer headers. Embed scrubs the hash on load.
+     * The widget is no-op when this is null/empty.
+     */
+    accessToken: string | null | undefined;
+    workerHost?: string;
+    theme?: "auto" | "light" | "dark";
+    onClose: (result: ContactWidgetResult) => void;
+}
+declare function TicketHistory({ visible, widgetId, accessToken, workerHost, theme, onClose, }: TicketHistoryProps): React.ReactElement | null;
+/**
+ * Convenience hook for the ticket history view. Takes the SDK's
+ * `getAccessToken` helper (deferred — called lazily on open) so the
+ * host doesn't have to thread token state by hand.
+ *
+ *   import SendoraCloud from "@sendoracloud/sdk-react-native";
+ *   const history = useTicketHistory("widget-uuid", () => SendoraCloud.auth.getAccessToken());
+ *   <Button onPress={history.open} title="My tickets" />
+ *   <history.View />
+ */
+declare function useTicketHistory(widgetId: string, getAccessToken: () => Promise<string | null>, defaults?: {
+    workerHost?: string;
+    theme?: "auto" | "light" | "dark";
+}): {
+    open: () => void;
+    close: () => void;
+    View: () => React.ReactElement | null;
+};
 
-export { ContactWidget, type ContactWidgetProps, type ContactWidgetResult, useContactWidget };
+export { ContactWidget, type ContactWidgetProps, type ContactWidgetResult, TicketHistory, type TicketHistoryProps, useContactWidget, useTicketHistory };

package/dist/contact-widget.d.ts

@@ -99,5 +99,40 @@ declare function useContactWidget(widgetId: string, defaults?: Omit<ContactWidge
     View: () => React.ReactElement | null;
     lastResult: ContactWidgetResult | null;
 };
+interface TicketHistoryProps {
+    /** Whether the modal sheet is visible. */
+    visible: boolean;
+    /** Widget UUID that scopes the org. */
+    widgetId: string;
+    /**
+     * Current SDK access token (from `SendoraCloud.auth.getAccessToken()`).
+     * Passed in the URL hash fragment so it never appears in server
+     * logs / referer headers. Embed scrubs the hash on load.
+     * The widget is no-op when this is null/empty.
+     */
+    accessToken: string | null | undefined;
+    workerHost?: string;
+    theme?: "auto" | "light" | "dark";
+    onClose: (result: ContactWidgetResult) => void;
+}
+declare function TicketHistory({ visible, widgetId, accessToken, workerHost, theme, onClose, }: TicketHistoryProps): React.ReactElement | null;
+/**
+ * Convenience hook for the ticket history view. Takes the SDK's
+ * `getAccessToken` helper (deferred — called lazily on open) so the
+ * host doesn't have to thread token state by hand.
+ *
+ *   import SendoraCloud from "@sendoracloud/sdk-react-native";
+ *   const history = useTicketHistory("widget-uuid", () => SendoraCloud.auth.getAccessToken());
+ *   <Button onPress={history.open} title="My tickets" />
+ *   <history.View />
+ */
+declare function useTicketHistory(widgetId: string, getAccessToken: () => Promise<string | null>, defaults?: {
+    workerHost?: string;
+    theme?: "auto" | "light" | "dark";
+}): {
+    open: () => void;
+    close: () => void;
+    View: () => React.ReactElement | null;
+};
 
-export { ContactWidget, type ContactWidgetProps, type ContactWidgetResult, useContactWidget };
+export { ContactWidget, type ContactWidgetProps, type ContactWidgetResult, TicketHistory, type TicketHistoryProps, useContactWidget, useTicketHistory };

package/dist/contact-widget.js

@@ -99,7 +99,86 @@ function useContactWidget(widgetId, defaults) {
   );
   return { open, close, View: View2, lastResult };
 }
+function TicketHistory({
+  visible,
+  widgetId,
+  accessToken,
+  workerHost = "https://go.sendoracloud.com",
+  theme = "auto",
+  onClose
+}) {
+  const didFire = React.useRef(false);
+  React.useEffect(() => {
+    if (visible) didFire.current = false;
+  }, [visible]);
+  if (!widgetId || !accessToken) return null;
+  const params = new URLSearchParams({ widgetId, theme });
+  const uri = `${workerHost}/embed/tickets?${params.toString()}#access=${encodeURIComponent(accessToken)}`;
+  const handleClose = (result) => {
+    if (didFire.current) return;
+    didFire.current = true;
+    onClose(result);
+  };
+  const onNav = (req) => {
+    const url = req.url || "";
+    if (url.startsWith("sendora://close")) {
+      handleClose({ ticketId: "", portalUrl: null, submitted: false });
+      return false;
+    }
+    if (!url.startsWith("https://") && !url.startsWith("about:")) return false;
+    return true;
+  };
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      visible,
+      animationType: "slide",
+      presentationStyle: "pageSheet",
+      onRequestClose: () => handleClose({ ticketId: "", portalUrl: null, submitted: false }),
+      children: /* @__PURE__ */ jsx(View, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
+        WebView,
+        {
+          source: { uri },
+          onShouldStartLoadWithRequest: onNav,
+          originWhitelist: ["https://*", "about:*", "sendora://*"],
+          setSupportMultipleWindows: false,
+          javaScriptEnabled: true,
+          domStorageEnabled: true,
+          allowsBackForwardNavigationGestures: false
+        }
+      ) })
+    }
+  );
+}
+function useTicketHistory(widgetId, getAccessToken, defaults) {
+  const [visible, setVisible] = React.useState(false);
+  const [token, setToken] = React.useState(null);
+  const open = React.useCallback(async () => {
+    const t = await getAccessToken();
+    if (!t) return;
+    setToken(t);
+    setVisible(true);
+  }, [getAccessToken]);
+  const close = React.useCallback(() => setVisible(false), []);
+  const View2 = React.useCallback(
+    () => /* @__PURE__ */ jsx(
+      TicketHistory,
+      {
+        widgetId,
+        visible,
+        accessToken: token,
+        workerHost: defaults?.workerHost,
+        theme: defaults?.theme,
+        onClose: () => setVisible(false)
+      }
+    ),
+    [widgetId, visible, token, defaults]
+  );
+  return { open, close, View: View2 };
+}
 export {
   ContactWidget,
-  useContactWidget
+  TicketHistory,
+  useContactWidget,
+  useTicketHistory
 };

package/dist/index.cjs

@@ -2308,6 +2308,22 @@ var SendoraSDK = class {
         const parsed = await res.json();
         if (!parsed.success || !parsed.data) throw new Error("[sendoracloud] support.submitCsat: bad response");
         return parsed.data;
+      },
+      getUnreadCount: async (widgetId) => {
+        if (!self.config || !widgetId) return 0;
+        const token = await self.auth.getAccessToken();
+        if (!token) return 0;
+        try {
+          const res = await fetch(
+            `${self.config.apiUrl}/api/v1/widgets/${encodeURIComponent(widgetId)}/my-tickets/unread-count`,
+            { headers: { Authorization: `Bearer ${token}` } }
+          );
+          if (!res.ok) return 0;
+          const parsed = await res.json();
+          return parsed?.data?.count ?? 0;
+        } catch {
+          return 0;
+        }
       }
     };
   }

package/dist/index.d.cts

@@ -1008,6 +1008,13 @@ declare class SendoraSDK {
             rating: number;
             comment: string | null;
         }>;
+        /**
+         * Wave 73 — unread support-ticket count for the in-app badge.
+         * Bearer JWT auth via the SDK's current end-user session.
+         * Returns 0 if no auth (anon or identified) is available.
+         * Recommended cadence: AppState foreground + every 60s.
+         */
+        getUnreadCount: (widgetId: string) => Promise<number>;
     };
     /**
      * Knowledge-base search namespace. Mirrors backend `GET /kb/search`

package/dist/index.d.ts

@@ -1008,6 +1008,13 @@ declare class SendoraSDK {
             rating: number;
             comment: string | null;
         }>;
+        /**
+         * Wave 73 — unread support-ticket count for the in-app badge.
+         * Bearer JWT auth via the SDK's current end-user session.
+         * Returns 0 if no auth (anon or identified) is available.
+         * Recommended cadence: AppState foreground + every 60s.
+         */
+        getUnreadCount: (widgetId: string) => Promise<number>;
     };
     /**
      * Knowledge-base search namespace. Mirrors backend `GET /kb/search`

package/dist/index.js

@@ -2270,6 +2270,22 @@ var SendoraSDK = class {
         const parsed = await res.json();
         if (!parsed.success || !parsed.data) throw new Error("[sendoracloud] support.submitCsat: bad response");
         return parsed.data;
+      },
+      getUnreadCount: async (widgetId) => {
+        if (!self.config || !widgetId) return 0;
+        const token = await self.auth.getAccessToken();
+        if (!token) return 0;
+        try {
+          const res = await fetch(
+            `${self.config.apiUrl}/api/v1/widgets/${encodeURIComponent(widgetId)}/my-tickets/unread-count`,
+            { headers: { Authorization: `Bearer ${token}` } }
+          );
+          if (!res.ok) return 0;
+          const parsed = await res.json();
+          return parsed?.data?.count ?? 0;
+        } catch {
+          return 0;
+        }
       }
     };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoracloud/sdk-react-native",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "Sendora Cloud React Native + Expo SDK — analytics, identity, push-token registration, auth, deep links (Branch / Firebase Dynamic Links parity). Auth + analytics + deep links work in Expo Go; push token registration requires a Dev Client (EAS Build or `npx expo prebuild`).",
   "type": "module",
   "main": "./dist/index.cjs",