@microsoft/power-apps-native-host 0.2.22

package/lib/commonjs/controls/ImagePicker.js

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImagePicker = ImagePicker;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var ExpoImagePicker = _interopRequireWildcard(require("expo-image-picker"));
+var _vectorIcons = require("@expo/vector-icons");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _dataverseUtils = require("../utils/dataverseUtils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * A self-contained image picker that shows a preview and lets the user
+ * choose a new image from the library. Works on Android and iOS.
+ *
+ * - Existing images are seeded from a Dataverse base64 string via `initialBase64`.
+ * - On pick, the image is returned as base64 for legacy callers and as a
+ *   File-compatible object for generated Dataverse upload methods.
+ */
+function ImagePicker({
+  label = 'Image',
+  initialBase64,
+  onChange,
+  containerStyle,
+  labelStyle,
+  buttonRowStyle,
+  buttonStyle,
+  buttonTextStyle,
+  previewStyle,
+  accentColor,
+  onImageChange,
+  imageFileName = 'image',
+  quality = 0.8,
+  allowsEditing = false,
+  aspect,
+  cropShape,
+  exif = false,
+  legacy = false,
+  cameraButtonLabel = 'Take Photo',
+  selectButtonLabel = 'Select Image',
+  changeButtonLabel = 'Change Image',
+  readingLabel = 'Reading image...'
+}) {
+  const theme = (0, _ThemeProvider.useThemeTokens)();
+  const accentColor_resolved = accentColor ?? theme.accentBase;
+  const labelColor = theme.text2;
+  const bg = theme.surface0;
+  const previewBg = theme.surface2;
+
+  // The URI shown in the preview — either a data: URI built from the seeded
+  // base64, or the file:// URI of a newly picked image.
+  const [previewUri, setPreviewUri] = (0, _react.useState)(null);
+  const [reading, setReading] = (0, _react.useState)(false);
+  const imagePickerOptions = {
+    mediaTypes: ['images'],
+    quality,
+    allowsEditing,
+    base64: true,
+    exif,
+    legacy,
+    ...(allowsEditing && aspect ? {
+      aspect
+    } : {}),
+    ...(allowsEditing && cropShape ? {
+      shape: cropShape
+    } : {})
+  };
+  (0, _react.useEffect)(() => {
+    if (initialBase64) {
+      setPreviewUri((0, _dataverseUtils.base64ToDataUri)(initialBase64));
+    } else {
+      setPreviewUri(null);
+    }
+  }, [initialBase64]);
+  const handleAsset = asset => {
+    const uri = asset.uri;
+    const base64 = asset.base64;
+    if (!base64) {
+      _reactNative.Alert.alert('Unable to read image', 'The selected image did not include image data. Please try again.');
+      return;
+    }
+    setPreviewUri(uri);
+    const bytes = (0, _dataverseUtils.base64ToUint8Array)(base64);
+    const mimeType = (0, _dataverseUtils.detectImageMime)(base64);
+    const extension = mimeType.slice('image/'.length).replace('jpeg', 'jpg');
+    const name = asset.fileName ?? (imageFileName.includes('.') ? imageFileName : `${imageFileName}.${extension}`);
+    onChange?.(base64);
+    onImageChange?.({
+      uri,
+      name,
+      mimeType,
+      base64,
+      file: (0, _dataverseUtils.createDataverseUploadFile)(name, mimeType, bytes),
+      bytes
+    });
+  };
+  const pick = async () => {
+    if (reading) return;
+    const {
+      status
+    } = await ExpoImagePicker.requestMediaLibraryPermissionsAsync();
+    if (status !== 'granted') {
+      _reactNative.Alert.alert('Permission required', 'Please allow access to your photo library.');
+      return;
+    }
+    const result = await ExpoImagePicker.launchImageLibraryAsync(imagePickerOptions);
+    if (!result.canceled && result.assets.length > 0) {
+      setReading(true);
+      try {
+        handleAsset(result.assets[0]);
+      } finally {
+        setReading(false);
+      }
+    }
+  };
+  const shoot = async () => {
+    if (reading) return;
+    const {
+      status
+    } = await ExpoImagePicker.requestCameraPermissionsAsync();
+    if (status !== 'granted') {
+      _reactNative.Alert.alert('Permission required', 'Please allow access to your camera.');
+      return;
+    }
+    const result = await ExpoImagePicker.launchCameraAsync(imagePickerOptions);
+    if (!result.canceled && result.assets.length > 0) {
+      setReading(true);
+      try {
+        handleAsset(result.assets[0]);
+      } finally {
+        setReading(false);
+      }
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, containerStyle],
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.label, {
+        color: labelColor
+      }, labelStyle],
+      children: label
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.buttonRow, buttonRowStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+        style: [styles.button, {
+          borderColor: accentColor_resolved,
+          backgroundColor: bg
+        }, buttonStyle],
+        onPress: shoot,
+        activeOpacity: 0.7,
+        disabled: reading,
+        children: [reading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "small",
+          color: accentColor_resolved
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Feather, {
+          name: "camera",
+          size: 16,
+          color: accentColor_resolved
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.buttonText, {
+            color: accentColor_resolved
+          }, buttonTextStyle],
+          children: reading ? readingLabel : cameraButtonLabel
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+        style: [styles.button, {
+          borderColor: accentColor_resolved,
+          backgroundColor: bg
+        }, buttonStyle],
+        onPress: pick,
+        activeOpacity: 0.7,
+        disabled: reading,
+        children: [reading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "small",
+          color: accentColor_resolved
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Feather, {
+          name: "image",
+          size: 16,
+          color: accentColor_resolved
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.buttonText, {
+            color: accentColor_resolved
+          }, buttonTextStyle],
+          children: reading ? readingLabel : previewUri ? changeButtonLabel : selectButtonLabel
+        })]
+      })]
+    }), previewUri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: previewUri
+      },
+      style: [styles.preview, {
+        backgroundColor: previewBg
+      }, previewStyle],
+      resizeMode: "cover"
+    }) : null]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginBottom: 16
+  },
+  label: {
+    fontSize: 12,
+    fontWeight: '600',
+    marginBottom: 4
+  },
+  buttonRow: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    borderWidth: 1,
+    borderRadius: 8,
+    alignSelf: 'flex-start',
+    maxWidth: '100%'
+  },
+  buttonText: {
+    fontSize: 14,
+    fontWeight: '600',
+    flexShrink: 1
+  },
+  preview: {
+    width: '100%',
+    height: 180,
+    borderRadius: 8,
+    marginTop: 8
+  }
+});

package/lib/commonjs/index.js

@@ -0,0 +1,246 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AuthProvider", {
+  enumerable: true,
+  get: function () {
+    return _AuthContext.AuthProvider;
+  }
+});
+Object.defineProperty(exports, "ConnectionSetupScreen", {
+  enumerable: true,
+  get: function () {
+    return _ConnectionSetupScreen.ConnectionSetupScreen;
+  }
+});
+Object.defineProperty(exports, "ErrorBoundary", {
+  enumerable: true,
+  get: function () {
+    return _ErrorBoundary.ErrorBoundary;
+  }
+});
+Object.defineProperty(exports, "FilePicker", {
+  enumerable: true,
+  get: function () {
+    return _FilePicker.FilePicker;
+  }
+});
+Object.defineProperty(exports, "HostOperationNames", {
+  enumerable: true,
+  get: function () {
+    return _index.HostOperationNames;
+  }
+});
+Object.defineProperty(exports, "ImagePicker", {
+  enumerable: true,
+  get: function () {
+    return _ImagePicker.ImagePicker;
+  }
+});
+Object.defineProperty(exports, "NativePowerAppsBridge", {
+  enumerable: true,
+  get: function () {
+    return _NativePowerAppsBridge.NativePowerAppsBridge;
+  }
+});
+Object.defineProperty(exports, "POWER_PLATFORM_API_SCOPE", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformEnvironmentApi.POWER_PLATFORM_API_SCOPE;
+  }
+});
+Object.defineProperty(exports, "PowerAppsHostProvider", {
+  enumerable: true,
+  get: function () {
+    return _PowerAppsHostProvider.PowerAppsHostProvider;
+  }
+});
+Object.defineProperty(exports, "PowerAppsProvider", {
+  enumerable: true,
+  get: function () {
+    return _PowerAppsProvider.PowerAppsProvider;
+  }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.ThemeProvider;
+  }
+});
+Object.defineProperty(exports, "base64ToDataverseUploadFile", {
+  enumerable: true,
+  get: function () {
+    return _dataverseUtils.base64ToDataverseUploadFile;
+  }
+});
+Object.defineProperty(exports, "base64ToUint8Array", {
+  enumerable: true,
+  get: function () {
+    return _dataverseUtils.base64ToUint8Array;
+  }
+});
+Object.defineProperty(exports, "buildCdsDataSources", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformEnvironmentApi.buildCdsDataSources;
+  }
+});
+Object.defineProperty(exports, "buildConnectionReferences", {
+  enumerable: true,
+  get: function () {
+    return _NativePowerAppsBridge.buildConnectionReferences;
+  }
+});
+Object.defineProperty(exports, "buildEnvironmentEndpoint", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformEnvironmentApi.buildEnvironmentEndpoint;
+  }
+});
+Object.defineProperty(exports, "configureAppLogger", {
+  enumerable: true,
+  get: function () {
+    return _index.configureAppLogger;
+  }
+});
+Object.defineProperty(exports, "confirmConsentCode", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformConnectionApi.confirmConsentCode;
+  }
+});
+Object.defineProperty(exports, "createConnection", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformConnectionApi.createConnection;
+  }
+});
+Object.defineProperty(exports, "createDataverseUploadFile", {
+  enumerable: true,
+  get: function () {
+    return _dataverseUtils.createDataverseUploadFile;
+  }
+});
+Object.defineProperty(exports, "darkTheme", {
+  enumerable: true,
+  get: function () {
+    return _tokens.darkTheme;
+  }
+});
+Object.defineProperty(exports, "disambiguateConnections", {
+  enumerable: true,
+  get: function () {
+    return _disambiguate.disambiguateConnections;
+  }
+});
+Object.defineProperty(exports, "extractConnectionId", {
+  enumerable: true,
+  get: function () {
+    return _disambiguate.extractConnectionId;
+  }
+});
+Object.defineProperty(exports, "fetchAppLaunchData", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformConnectionApi.fetchAppLaunchData;
+  }
+});
+Object.defineProperty(exports, "fetchConnectionsForConnector", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformConnectionApi.fetchConnectionsForConnector;
+  }
+});
+Object.defineProperty(exports, "fetchConnectorMetadata", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformConnectionApi.fetchConnectorMetadata;
+  }
+});
+Object.defineProperty(exports, "fetchInstanceUrl", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformEnvironmentApi.fetchInstanceUrl;
+  }
+});
+Object.defineProperty(exports, "getAppLogger", {
+  enumerable: true,
+  get: function () {
+    return _index.getAppLogger;
+  }
+});
+Object.defineProperty(exports, "isDevPlayer", {
+  enumerable: true,
+  get: function () {
+    return _isDevPlayer.isDevPlayer;
+  }
+});
+Object.defineProperty(exports, "lightTheme", {
+  enumerable: true,
+  get: function () {
+    return _tokens.lightTheme;
+  }
+});
+Object.defineProperty(exports, "pollConnectionStatus", {
+  enumerable: true,
+  get: function () {
+    return _PowerPlatformConnectionApi.pollConnectionStatus;
+  }
+});
+Object.defineProperty(exports, "setupNativeHost", {
+  enumerable: true,
+  get: function () {
+    return _setupNativeHost.setupNativeHost;
+  }
+});
+Object.defineProperty(exports, "useAuth", {
+  enumerable: true,
+  get: function () {
+    return _AuthContext.useAuth;
+  }
+});
+Object.defineProperty(exports, "useConnectionRefs", {
+  enumerable: true,
+  get: function () {
+    return _useConnectionRefs.useConnectionRefs;
+  }
+});
+Object.defineProperty(exports, "useConnectionSetup", {
+  enumerable: true,
+  get: function () {
+    return _useConnectionSetup.useConnectionSetup;
+  }
+});
+Object.defineProperty(exports, "useThemeControl", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useThemeControl;
+  }
+});
+Object.defineProperty(exports, "useThemeTokens", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useThemeTokens;
+  }
+});
+var _NativePowerAppsBridge = require("./bridge/NativePowerAppsBridge.js");
+var _setupNativeHost = require("./bridge/setupNativeHost.js");
+var _AuthContext = require("./auth/AuthContext.js");
+var _PowerAppsHostProvider = require("./provider/PowerAppsHostProvider.js");
+var _PowerAppsProvider = require("./provider/PowerAppsProvider.js");
+var _PowerPlatformEnvironmentApi = require("./platform/PowerPlatformEnvironmentApi.js");
+var _useConnectionRefs = require("./platform/useConnectionRefs.js");
+var _PowerPlatformConnectionApi = require("./platform/PowerPlatformConnectionApi.js");
+var _disambiguate = require("./connections/disambiguate.js");
+var _useConnectionSetup = require("./connections/useConnectionSetup.js");
+var _ConnectionSetupScreen = require("./connections/ConnectionSetupScreen.js");
+var _ThemeProvider = require("./theme/ThemeProvider.js");
+var _tokens = require("./theme/tokens.js");
+var _FilePicker = require("./controls/FilePicker.js");
+var _ImagePicker = require("./controls/ImagePicker.js");
+var _isDevPlayer = require("./utils/isDevPlayer.js");
+var _dataverseUtils = require("./utils/dataverseUtils.js");
+var _index = require("./telemetry/index.js");
+var _ErrorBoundary = require("./ErrorBoundary.js");

package/lib/commonjs/logger.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.debugLog = debugLog;
+exports.debugWarn = debugWarn;
+var _isDevPlayer = require("./utils/isDevPlayer.js");
+/**
+ * Conditional debug logger for power-apps-native-host.
+ *
+ * Debug logs (debugLog / debugWarn) are only emitted when the JS bundle
+ * is running inside the Power Apps Dev Player (detected via
+ * `Constants.expoConfig.extra.isDevPlayer`).  They are silenced in release
+ * APKs generated from the template so the production log stream stays clean.
+ */
+
+function debugLog(...args) {
+  if (_isDevPlayer.isDevPlayer) {
+    console.log(...args);
+  }
+}
+function debugWarn(...args) {
+  if (_isDevPlayer.isDevPlayer) {
+    console.warn(...args);
+  }
+}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}