@cxpinsight/react-native 0.2.0

package/lib/setup/useCXPElement.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCXPElement = useCXPElement;
+const react_1 = require("react");
+const ElementRegistry_1 = require("./ElementRegistry");
+const ElementIdentifier_1 = require("./ElementIdentifier");
+/**
+ * Hook to register an interactive element with the CXP setup system.
+ *
+ * Usage:
+ *   useCXPElement({ testID: 'checkout-btn', label: 'Checkout' });
+ *
+ * Elements registered this way appear in the setup mode element picker
+ * without needing to scan the React tree.
+ */
+function useCXPElement(options) {
+    const unregisterRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const info = {
+            testID: options.testID,
+            accessibilityLabel: options.accessibilityLabel,
+            text: options.label || options.accessibilityLabel || options.testID || '',
+            elementType: options.type || (0, ElementIdentifier_1.inferElementType)(undefined, undefined),
+            interactive: options.interactive !== false,
+        };
+        unregisterRef.current = (0, ElementRegistry_1.registerElement)(info);
+        return () => {
+            unregisterRef.current?.();
+            unregisterRef.current = null;
+        };
+    }, [options.testID, options.accessibilityLabel, options.label, options.type, options.interactive]);
+}
+//# sourceMappingURL=useCXPElement.js.map

package/lib/setup/useCXPElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCXPElement.js","sourceRoot":"","sources":["../../src/setup/useCXPElement.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,uDAAoD;AAEpD,2DAAuD;AAevD;;;;;;;;GAQG;AACH,uBAA8B,OAA6B;IACzD,MAAM,aAAa,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAgB;YACxB,MAAM,EAAE,OAAO,CAAC,MAAM;YACtB,kBAAkB,EAAE,OAAO,CAAC,kBAAkB;YAC9C,IAAI,EAAE,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,kBAAkB,IAAI,OAAO,CAAC,MAAM,IAAI,EAAE;YACzE,WAAW,EAAE,OAAO,CAAC,IAAI,IAAI,IAAA,oCAAgB,EAAC,SAAS,EAAE,SAAS,CAAC;YACnE,WAAW,EAAE,OAAO,CAAC,WAAW,KAAK,KAAK;SAC3C,CAAC;QAEF,aAAa,CAAC,OAAO,GAAG,IAAA,iCAAe,EAAC,IAAI,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC;YAC1B,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;AACrG,CAAC"}

package/lib/survey/SurveyModal.d.ts

@@ -0,0 +1,10 @@
+import type { SurveyDefinition } from '../types';
+interface Props {
+    survey: SurveyDefinition;
+    visible: boolean;
+    onSubmit: (responses: Record<string, unknown>) => void | Promise<boolean | void>;
+    onDismiss: () => void;
+}
+export declare function SurveyModal({ survey, visible, onSubmit, onDismiss }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SurveyModal.d.ts.map

package/lib/survey/SurveyModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveyModal.d.ts","sourceRoot":"","sources":["../../src/survey/SurveyModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,UAAU,CAAC;AA+BjE,UAAU,KAAK;IACb,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IAIjB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACjF,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAgCD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CA6mD1E"}