@appilots/sdk 0.8.0 → 0.10.0

package/dist/index.mjs

@@ -1,14 +1,28 @@
-export { AppilotsNavigationContainer } from './chunk-ZSEACJKU.mjs';
-import { useAppilotsChat, useAppilotsActions, shouldShowSuggestedPrompts, useSuggestedPrompts } from './chunk-MHWVRZYF.mjs';
-export { captureSnapshot, executeAction, useAppilots, useAppilotsActions, useAppilotsChat, useAppilotsField, useAppilotsNavigation, useAppilotsSlider, useAppilotsTarget, useAppilotsToggle, useSuggestedPrompts } from './chunk-MHWVRZYF.mjs';
-import { defaultLightTheme, describeAction, mergeThemeTokens, resolveBaseTheme, useAppilotsContext, AppilotsErrorBoundary, componentRegistry } from './chunk-C2KVVJ5K.mjs';
-export { AppilotsClient, AppilotsProvider, AppilotsRegistryProvider, RateLimitedError, SDK_VERSION, _patchJsxRuntimes, clearAppilotsDebugTraces, componentRegistry, createComponentRegistry, createElementRegistry, createListRegistry, defaultDarkTheme, defaultLightTheme, describeAction, elementRegistry, enableAppilotsAutoTracking, getAppilotsDebugTraces, getGlobalConfig, getIntrospectionDiagnostics, humanizeError, initAppilots, isAutoTrackingEnabled, listRegistry, mergeThemeTokens, recordAppilotsDebugTrace, registerScreen, subscribeAppilotsDebugTraces, useAppilotsContext, useResolvedRegistry } from './chunk-C2KVVJ5K.mjs';
+export { AppilotsNavigationContainer } from './chunk-IHPLS5FE.mjs';
+import { useAppilotsChat, useAppilotsActions, shouldShowSuggestedPrompts, useSuggestedPrompts } from './chunk-XHR65V2W.mjs';
+export { appilotsSelfCheck, captureSnapshot, executeAction, useAppilots, useAppilotsActions, useAppilotsChat, useAppilotsField, useAppilotsNavigation, useAppilotsSlider, useAppilotsTarget, useAppilotsToggle, useSuggestedPrompts } from './chunk-XHR65V2W.mjs';
+import { defaultLightTheme, describeAction, mergeThemeTokens, resolveBaseTheme, useAppilotsContext, AppilotsErrorBoundary, componentRegistry } from './chunk-AHHDOUVX.mjs';
+export { AppilotsClient, AppilotsProvider, AppilotsRegistryProvider, RateLimitedError, SDK_VERSION, _patchJsxRuntimes, clearAppilotsDebugTraces, componentRegistry, createComponentRegistry, createElementRegistry, createListRegistry, defaultDarkTheme, defaultLightTheme, describeAction, elementRegistry, enableAppilotsAutoTracking, getAppilotsDebugTraces, getAutoTrackingState, getGlobalConfig, getIntrospectionDiagnostics, humanizeError, initAppilots, isAutoTrackingEnabled, listRegistry, mergeThemeTokens, recordAppilotsDebugTrace, registerScreen, setCurrentScreen, subscribeAppilotsDebugTraces, useAppilotsContext, useResolvedRegistry } from './chunk-AHHDOUVX.mjs';
 import * as React7 from 'react';
 import React7__default, { createContext, useRef, useEffect, useMemo, useContext, useState, useCallback } from 'react';
 import { StyleSheet, Dimensions, Platform, View, Animated, Text, TouchableOpacity, ActivityIndicator, useColorScheme, NativeModules, FlatList, Image, TextInput, Modal, KeyboardAvoidingView, Linking } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 import Svg, { Path } from 'react-native-svg';
 
+var NO_INSETS = { top: 0, right: 0, bottom: 0, left: 0 };
+var _warned = false;
+function useSafeAreaInsetsOrDefault() {
+  const insets = useContext(SafeAreaInsetsContext);
+  if (insets) return insets;
+  if (!_warned) {
+    _warned = true;
+    console.warn(
+      "[Appilots] <AppilotsChat> found no <SafeAreaProvider> above it, so it is laying out with zero safe-area insets and may sit under the notch or the home indicator. Render <SafeAreaProvider> (from react-native-safe-area-context) at the root of your app, ABOVE <AppilotsProvider> \u2014 a provider nested inside your navigator does not cover a chat rendered as its sibling."
+    );
+  }
+  return NO_INSETS;
+}
+
 // src/components/breadcrumbPresentation.ts
 var DEFAULT_BREADCRUMB_PALETTE = {
   primary: defaultLightTheme.colors.primary,
@@ -58,13 +72,24 @@ function isDestructiveAction(action) {
   return action.payload?.destructive === true || action.destructive === true;
 }
 DEFAULT_BREADCRUMB_PALETTE.error;
-function deriveConfirmCardContent(action, palette = DEFAULT_BREADCRUMB_PALETTE) {
+var PT_BR_CONFIRM_FALLBACK = {
+  confirmDestructiveTitle: "A\xE7\xE3o destrutiva",
+  confirmTitle: "Confirma\xE7\xE3o necess\xE1ria",
+  confirmMessage: 'Tem certeza que deseja "{action}"?',
+  confirmDestructiveApprove: "Sim, executar",
+  confirmApprove: "Confirmar",
+  confirmCancel: "Cancelar",
+  confirmThisAction: "esta a\xE7\xE3o"
+};
+function deriveConfirmCardContent(action, palette = DEFAULT_BREADCRUMB_PALETTE, strings) {
   const payload = action.payload ?? {};
   const isDestructive = isDestructiveAction(action);
-  const message = typeof payload.message === "string" && payload.message || typeof payload.actionDescription === "string" && payload.actionDescription || "Confirme para prosseguir";
-  const title = typeof payload.title === "string" && payload.title || (isDestructive ? "A\xE7\xE3o destrutiva" : "Confirma\xE7\xE3o necess\xE1ria");
-  const confirmLabel = typeof payload.confirmLabel === "string" && payload.confirmLabel || (isDestructive ? "Sim, executar" : "Confirmar");
-  const cancelLabel = typeof payload.cancelLabel === "string" && payload.cancelLabel || "Cancelar";
+  const copy = { ...PT_BR_CONFIRM_FALLBACK, ...strings ?? {} };
+  const actionName = typeof payload.actionDescription === "string" && payload.actionDescription || copy.confirmThisAction;
+  const message = typeof payload.message === "string" && payload.message || copy.confirmMessage.replace("{action}", actionName);
+  const title = typeof payload.title === "string" && payload.title || (isDestructive ? copy.confirmDestructiveTitle : copy.confirmTitle);
+  const confirmLabel = typeof payload.confirmLabel === "string" && payload.confirmLabel || (isDestructive ? copy.confirmDestructiveApprove : copy.confirmApprove);
+  const cancelLabel = typeof payload.cancelLabel === "string" && payload.cancelLabel || copy.confirmCancel;
   return {
     isDestructive,
     title,
@@ -88,6 +113,7 @@ function ActionBreadcrumb({
   textColor,
   fontFamily,
   palette,
+  confirmStrings,
   requireApprovalFor,
   onApprove,
   onReject
@@ -108,6 +134,7 @@ function ActionBreadcrumb({
       textColor,
       fontFamily,
       palette: resolvedPalette,
+      confirmStrings,
       needsApproval: requireApprovalFor?.(action) ?? false,
       onApprove,
       onReject
@@ -123,6 +150,7 @@ function BreadcrumbRow(props) {
         action,
         palette: props.palette,
         fontFamily: props.fontFamily,
+        confirmStrings: props.confirmStrings,
         onApprove: props.onApprove,
         onReject: props.onReject
       }
@@ -163,25 +191,26 @@ function RegularBreadcrumbRow({
     }).start();
   }, [state, pulse]);
   const isDestructive = isDestructiveAction(action);
-  return /* @__PURE__ */ React7__default.createElement(Animated.View, { style: [styles.row, { opacity: fade }] }, /* @__PURE__ */ React7__default.createElement(Animated.View, { style: { opacity: pulse, flexDirection: "row", alignItems: "flex-start", flex: 1 } }, /* @__PURE__ */ React7__default.createElement(StateIcon, { state, tone, primaryColor }), /* @__PURE__ */ React7__default.createElement(
-    Text,
+  return /* @__PURE__ */ React7__default.createElement(Animated.View, { style: [styles.row, { opacity: fade }] }, /* @__PURE__ */ React7__default.createElement(
+    Animated.View,
     {
-      style: [
-        styles.label,
-        { color: state === "failed" ? tone.color : textColor, fontFamily }
-      ],
-      accessibilityLabel: `${state}: ${label}`
+      style: { opacity: pulse, flexDirection: "row", alignItems: "flex-start", flex: 1 }
     },
-    label,
-    isDestructive && /* @__PURE__ */ React7__default.createElement(Text, { style: [styles.destructiveTag, { color: palette.error }] }, " \u26A0 destrutiva")
-  )), needsApproval && action.status === "pending" && onApprove && onReject && /* @__PURE__ */ React7__default.createElement(View, { style: styles.approvalButtons }, /* @__PURE__ */ React7__default.createElement(
+    /* @__PURE__ */ React7__default.createElement(StateIcon, { state, tone, primaryColor }),
+    /* @__PURE__ */ React7__default.createElement(
+      Text,
+      {
+        style: [styles.label, { color: state === "failed" ? tone.color : textColor, fontFamily }],
+        accessibilityLabel: `${state}: ${label}`
+      },
+      label,
+      isDestructive && /* @__PURE__ */ React7__default.createElement(Text, { style: [styles.destructiveTag, { color: palette.error }] }, " \u26A0 destrutiva")
+    )
+  ), needsApproval && action.status === "pending" && onApprove && onReject && /* @__PURE__ */ React7__default.createElement(View, { style: styles.approvalButtons }, /* @__PURE__ */ React7__default.createElement(
     TouchableOpacity,
     {
       onPress: () => onReject(action.id),
-      style: [
-        styles.btn,
-        { backgroundColor: deriveStateTone(palette).failed.iconBg }
-      ],
+      style: [styles.btn, { backgroundColor: deriveStateTone(palette).failed.iconBg }],
       activeOpacity: 0.7,
       accessibilityLabel: "Rejeitar a\xE7\xE3o"
     },
@@ -197,7 +226,14 @@ function RegularBreadcrumbRow({
     /* @__PURE__ */ React7__default.createElement(Text, { style: styles.approveBtnText }, "Aprovar")
   )));
 }
-function ConfirmCard({ action, palette, fontFamily, onApprove, onReject }) {
+function ConfirmCard({
+  action,
+  palette,
+  fontFamily,
+  confirmStrings,
+  onApprove,
+  onReject
+}) {
   const {
     isDestructive,
     title,
@@ -211,7 +247,7 @@ function ConfirmCard({ action, palette, fontFamily, onApprove, onReject }) {
     messageColor,
     cancelBackground,
     cancelTextColor
-  } = deriveConfirmCardContent(action, palette);
+  } = deriveConfirmCardContent(action, palette, confirmStrings);
   return /* @__PURE__ */ React7__default.createElement(
     View,
     {
@@ -959,6 +995,13 @@ var ptBR = {
   approve: "Aprovar",
   reject: "Rejeitar",
   cancelledByUser: "Cancelado pelo usu\xE1rio",
+  confirmDestructiveTitle: "A\xE7\xE3o destrutiva",
+  confirmTitle: "Confirma\xE7\xE3o necess\xE1ria",
+  confirmMessage: 'Tem certeza que deseja "{action}"?',
+  confirmDestructiveApprove: "Sim, executar",
+  confirmApprove: "Confirmar",
+  confirmCancel: "Cancelar",
+  confirmThisAction: "esta a\xE7\xE3o",
   unknownAction: "A\xE7\xE3o desconhecida",
   somethingWentWrong: "Algo deu errado",
   openChatA11y: "Abrir chat do assistente",
@@ -990,6 +1033,13 @@ var en = {
   approve: "Approve",
   reject: "Reject",
   cancelledByUser: "Cancelled by user",
+  confirmDestructiveTitle: "Destructive action",
+  confirmTitle: "Confirmation needed",
+  confirmMessage: 'Are you sure you want to "{action}"?',
+  confirmDestructiveApprove: "Yes, do it",
+  confirmApprove: "Confirm",
+  confirmCancel: "Cancel",
+  confirmThisAction: "this action",
   unknownAction: "Unknown action",
   somethingWentWrong: "Something went wrong",
   openChatA11y: "Open assistant chat",
@@ -1021,6 +1071,13 @@ var es = {
   approve: "Aprobar",
   reject: "Rechazar",
   cancelledByUser: "Cancelado por el usuario",
+  confirmDestructiveTitle: "Acci\xF3n destructiva",
+  confirmTitle: "Confirmaci\xF3n necesaria",
+  confirmMessage: '\xBFSeguro que quieres "{action}"?',
+  confirmDestructiveApprove: "S\xED, ejecutar",
+  confirmApprove: "Confirmar",
+  confirmCancel: "Cancelar",
+  confirmThisAction: "esta acci\xF3n",
   unknownAction: "Acci\xF3n desconocida",
   somethingWentWrong: "Algo sali\xF3 mal",
   openChatA11y: "Abrir chat del asistente",
@@ -1186,13 +1243,7 @@ function AppilotsChatInner({
       offer: t("escalationOffer")
     }
   });
-  const {
-    pendingActions,
-    executingActions,
-    completedActions,
-    approveAction,
-    rejectAction
-  } = useAppilotsActions({ autoExecute });
+  const { pendingActions, executingActions, completedActions, approveAction, rejectAction } = useAppilotsActions({ autoExecute });
   const { emit, remotePersonalization } = useAppilotsContext();
   const {
     headerTitle: resolvedTitle,
@@ -1223,7 +1274,7 @@ function AppilotsChatInner({
     }
     return void 0;
   }, [messages]);
-  const insets = useSafeAreaInsets();
+  const insets = useSafeAreaInsetsOrDefault();
   const [internalVisible, setInternalVisible] = useState(mode === "inline");
   const [inputText, setInputText] = useState("");
   const flatListRef = useRef(null);
@@ -1408,6 +1459,15 @@ function AppilotsChatInner({
         primaryColor: theme.colors.primary,
         textColor: theme.colors.text,
         fontFamily: theme.typography.fontFamily,
+        confirmStrings: {
+          confirmDestructiveTitle: strings.confirmDestructiveTitle,
+          confirmTitle: strings.confirmTitle,
+          confirmMessage: strings.confirmMessage,
+          confirmDestructiveApprove: strings.confirmDestructiveApprove,
+          confirmApprove: strings.confirmApprove,
+          confirmCancel: strings.confirmCancel,
+          confirmThisAction: strings.confirmThisAction
+        },
         palette: {
           textSecondary: theme.colors.textSecondary,
           surface: theme.colors.surface,
@@ -1513,7 +1573,15 @@ function AppilotsChatInner({
           color: escalation ? theme.colors.primary : theme.colors.textSecondary
         }
       )
-    ), /* @__PURE__ */ React7__default.createElement(TouchableOpacity, { ...APPILOTS_SKIP_PROPS, onPress: clearMessages, style: styles3.headerButton }, /* @__PURE__ */ React7__default.createElement(Text, { style: [styles3.headerButtonText, { color: theme.colors.textSecondary }] }, strings.clearButton)), mode !== "inline" && /* @__PURE__ */ React7__default.createElement(
+    ), /* @__PURE__ */ React7__default.createElement(
+      TouchableOpacity,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        onPress: clearMessages,
+        style: styles3.headerButton
+      },
+      /* @__PURE__ */ React7__default.createElement(Text, { style: [styles3.headerButtonText, { color: theme.colors.textSecondary }] }, strings.clearButton)
+    ), mode !== "inline" && /* @__PURE__ */ React7__default.createElement(
       TouchableOpacity,
       {
         ...APPILOTS_SKIP_PROPS,
@@ -1578,10 +1646,7 @@ function AppilotsChatInner({
         ) : /* @__PURE__ */ React7__default.createElement(
           View,
           {
-            style: [
-              styles3.emptyIconBadge,
-              { backgroundColor: theme.colors.primary + "14" }
-            ]
+            style: [styles3.emptyIconBadge, { backgroundColor: theme.colors.primary + "14" }]
           },
           emptyStateIcon ? /* @__PURE__ */ React7__default.createElement(Text, { style: styles3.emptyIconEmoji }, emptyStateIcon) : /* @__PURE__ */ React7__default.createElement(ChatIcon, { size: 30, color: theme.colors.primary })
         ), /* @__PURE__ */ React7__default.createElement(
@@ -2112,66 +2177,101 @@ var styles3 = StyleSheet.create({
 function ConfirmDialog(_props = {}) {
   return null;
 }
+
+// src/hoc/canHoldRef.ts
+var FORWARD_REF = /* @__PURE__ */ Symbol.for("react.forward_ref");
+var MEMO = /* @__PURE__ */ Symbol.for("react.memo");
+var LAZY = /* @__PURE__ */ Symbol.for("react.lazy");
+function canHoldRef(type) {
+  if (typeof type === "string") return true;
+  if (!type) return false;
+  const t = type;
+  if (t.prototype?.isReactComponent) return true;
+  switch (t.$$typeof) {
+    case FORWARD_REF:
+      return true;
+    // memo(X) holds a ref only when X does. memo(forwardRef(f)) is the
+    // common shape and must keep working.
+    case MEMO:
+      return canHoldRef(t.type);
+    // lazy() resolves at render time; the payload is not inspectable here.
+    // Assume it can — refusing a ref to something that wanted one is a
+    // silent behaviour change, and lazy() is rare in this position.
+    case LAZY:
+      return true;
+    default:
+      return false;
+  }
+}
+
+// src/hoc/createAppilotsInput.tsx
 function normalizeId(label) {
   return label.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9\s]/g, "").trim().replace(/\s+(.)/g, (_, c) => c.toUpperCase());
 }
 function createAppilotsInput(WrappedComponent) {
-  const AppilotsInput = React7__default.forwardRef(
-    (props, ref) => {
-      const {
-        appilotsId,
-        appilotsScreen,
-        appilotsFieldType = "text",
-        appilotsEnabled = true,
-        label,
-        value,
-        onChangeText,
-        ...rest
-      } = props;
-      const fieldId = appilotsId || (label ? normalizeId(label) : null);
-      const valueRef = useRef(value ?? "");
-      const onChangeRef = useRef(onChangeText);
-      const innerRef = useRef(null);
-      valueRef.current = value ?? "";
-      onChangeRef.current = onChangeText;
-      const getValue = useCallback(() => valueRef.current, []);
-      const setValue = useCallback((v) => onChangeRef.current?.(v), []);
-      const focus = useCallback(() => {
-        innerRef.current?.focus?.();
-      }, []);
-      useEffect(() => {
-        if (!fieldId || !appilotsEnabled) return;
-        const entry = {
-          kind: "field",
-          getValue,
-          setValue,
-          focus,
-          fieldType: appilotsFieldType,
-          label: label ?? fieldId,
-          screen: appilotsScreen
-        };
-        componentRegistry.register(fieldId, entry);
-        return () => {
-          componentRegistry.unregister(fieldId);
-        };
-      }, [fieldId, appilotsEnabled, getValue, setValue, focus, appilotsFieldType, label, appilotsScreen]);
-      const mergedRef = useCallback(
-        (instance) => {
-          innerRef.current = instance;
-          if (typeof ref === "function") ref(instance);
-          else if (ref) ref.current = instance;
-        },
-        [ref]
-      );
-      return /* @__PURE__ */ React7__default.createElement(
-        WrappedComponent,
-        {
-          ...{ label, value, onChangeText, ...rest },
-          ref: mergedRef
-        }
-      );
-    }
-  );
+  const AppilotsInput = React7__default.forwardRef((props, ref) => {
+    const {
+      appilotsId,
+      appilotsScreen,
+      appilotsFieldType = "text",
+      appilotsEnabled = true,
+      label,
+      value,
+      onChangeText,
+      ...rest
+    } = props;
+    const fieldId = appilotsId || (label ? normalizeId(label) : null);
+    const valueRef = useRef(value ?? "");
+    const onChangeRef = useRef(onChangeText);
+    const innerRef = useRef(null);
+    valueRef.current = value ?? "";
+    onChangeRef.current = onChangeText;
+    const getValue = useCallback(() => valueRef.current, []);
+    const setValue = useCallback((v) => onChangeRef.current?.(v), []);
+    const focus = useCallback(() => {
+      innerRef.current?.focus?.();
+    }, []);
+    useEffect(() => {
+      if (!fieldId || !appilotsEnabled) return;
+      const entry = {
+        kind: "field",
+        getValue,
+        setValue,
+        focus,
+        fieldType: appilotsFieldType,
+        label: label ?? fieldId,
+        screen: appilotsScreen
+      };
+      componentRegistry.register(fieldId, entry);
+      return () => {
+        componentRegistry.unregister(fieldId);
+      };
+    }, [
+      fieldId,
+      appilotsEnabled,
+      getValue,
+      setValue,
+      focus,
+      appilotsFieldType,
+      label,
+      appilotsScreen
+    ]);
+    const mergedRef = useCallback(
+      (instance) => {
+        innerRef.current = instance;
+        if (typeof ref === "function") ref(instance);
+        else if (ref) ref.current = instance;
+      },
+      [ref]
+    );
+    return /* @__PURE__ */ React7__default.createElement(
+      WrappedComponent,
+      {
+        ...{ label, value, onChangeText, ...rest },
+        ...canHoldRef(WrappedComponent) ? { ref: mergedRef } : {}
+      }
+    );
+  });
   AppilotsInput.displayName = `AppilotsInput(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
   return AppilotsInput;
 }
@@ -2179,42 +2279,40 @@ function normalizeId2(label) {
   return label.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9\s]/g, "").trim().replace(/\s+(.)/g, (_, c) => c.toUpperCase());
 }
 function createAppilotsButton(WrappedComponent) {
-  const AppilotsButton = React7__default.forwardRef(
-    (props, ref) => {
-      const {
-        appilotsId,
-        appilotsScreen,
-        appilotsEnabled = true,
-        title,
-        onPress,
-        ...rest
-      } = props;
-      const targetId = appilotsId || (title ? normalizeId2(title) : null);
-      const onPressRef = useRef(onPress);
-      onPressRef.current = onPress;
-      const press = useCallback(() => onPressRef.current?.(), []);
-      useEffect(() => {
-        if (!targetId || !appilotsEnabled) return;
-        const entry = {
-          kind: "target",
-          press,
-          label: title ?? targetId,
-          screen: appilotsScreen
-        };
-        componentRegistry.register(targetId, entry);
-        return () => {
-          componentRegistry.unregister(targetId);
-        };
-      }, [targetId, appilotsEnabled, press, title, appilotsScreen]);
-      return /* @__PURE__ */ React7__default.createElement(
-        WrappedComponent,
-        {
-          ...{ title, onPress, ...rest },
-          ref
-        }
-      );
-    }
-  );
+  const AppilotsButton = React7__default.forwardRef((props, ref) => {
+    const {
+      appilotsId,
+      appilotsScreen,
+      appilotsEnabled = true,
+      title,
+      onPress,
+      ...rest
+    } = props;
+    const targetId = appilotsId || (title ? normalizeId2(title) : null);
+    const onPressRef = useRef(onPress);
+    onPressRef.current = onPress;
+    const press = useCallback(() => onPressRef.current?.(), []);
+    useEffect(() => {
+      if (!targetId || !appilotsEnabled) return;
+      const entry = {
+        kind: "target",
+        press,
+        label: title ?? targetId,
+        screen: appilotsScreen
+      };
+      componentRegistry.register(targetId, entry);
+      return () => {
+        componentRegistry.unregister(targetId);
+      };
+    }, [targetId, appilotsEnabled, press, title, appilotsScreen]);
+    return /* @__PURE__ */ React7__default.createElement(
+      WrappedComponent,
+      {
+        ...{ title, onPress, ...rest },
+        ...canHoldRef(WrappedComponent) ? { ref } : {}
+      }
+    );
+  });
   AppilotsButton.displayName = `AppilotsButton(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
   return AppilotsButton;
 }
@@ -2222,47 +2320,45 @@ function normalizeId3(label) {
   return label.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9\s]/g, "").trim().replace(/\s+(.)/g, (_, c) => c.toUpperCase());
 }
 function createAppilotsSwitch(WrappedComponent) {
-  const AppilotsSwitch = React7__default.forwardRef(
-    (props, ref) => {
-      const {
-        appilotsId,
-        appilotsScreen,
-        appilotsEnabled = true,
-        label,
-        value,
-        onValueChange,
-        ...rest
-      } = props;
-      const toggleId = appilotsId || (label ? normalizeId3(label) : null);
-      const valueRef = useRef(value ?? false);
-      const onChangeRef = useRef(onValueChange);
-      valueRef.current = value ?? false;
-      onChangeRef.current = onValueChange;
-      const getValue = useCallback(() => valueRef.current, []);
-      const setValue = useCallback((v) => onChangeRef.current?.(v), []);
-      useEffect(() => {
-        if (!toggleId || !appilotsEnabled) return;
-        const entry = {
-          kind: "toggle",
-          getValue,
-          setValue,
-          label: label ?? toggleId,
-          screen: appilotsScreen
-        };
-        componentRegistry.register(toggleId, entry);
-        return () => {
-          componentRegistry.unregister(toggleId);
-        };
-      }, [toggleId, appilotsEnabled, getValue, setValue, label, appilotsScreen]);
-      return /* @__PURE__ */ React7__default.createElement(
-        WrappedComponent,
-        {
-          ...{ label, value, onValueChange, ...rest },
-          ref
-        }
-      );
-    }
-  );
+  const AppilotsSwitch = React7__default.forwardRef((props, ref) => {
+    const {
+      appilotsId,
+      appilotsScreen,
+      appilotsEnabled = true,
+      label,
+      value,
+      onValueChange,
+      ...rest
+    } = props;
+    const toggleId = appilotsId || (label ? normalizeId3(label) : null);
+    const valueRef = useRef(value ?? false);
+    const onChangeRef = useRef(onValueChange);
+    valueRef.current = value ?? false;
+    onChangeRef.current = onValueChange;
+    const getValue = useCallback(() => valueRef.current, []);
+    const setValue = useCallback((v) => onChangeRef.current?.(v), []);
+    useEffect(() => {
+      if (!toggleId || !appilotsEnabled) return;
+      const entry = {
+        kind: "toggle",
+        getValue,
+        setValue,
+        label: label ?? toggleId,
+        screen: appilotsScreen
+      };
+      componentRegistry.register(toggleId, entry);
+      return () => {
+        componentRegistry.unregister(toggleId);
+      };
+    }, [toggleId, appilotsEnabled, getValue, setValue, label, appilotsScreen]);
+    return /* @__PURE__ */ React7__default.createElement(
+      WrappedComponent,
+      {
+        ...{ label, value, onValueChange, ...rest },
+        ...canHoldRef(WrappedComponent) ? { ref } : {}
+      }
+    );
+  });
   AppilotsSwitch.displayName = `AppilotsSwitch(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
   return AppilotsSwitch;
 }