@quantaroute/checkout 1.1.1 → 1.2.0

package/dist/lib/index.d.ts

@@ -1,4 +1,3 @@
-import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
 
 /**
@@ -49,6 +48,8 @@ export declare interface AdministrativeInfo {
     max_population_density?: number;
 }
 
+declare type AnyStyle = any;
+
 /**
  * QuantaRoute Checkout Widget
  *
@@ -81,12 +82,12 @@ export declare interface CheckoutWidgetProps {
     defaultLng?: number;
     /** Color theme. Defaults to 'light'. */
     theme?: 'light' | 'dark';
-    /** CSS class name(s) to add to the root element. */
+    /** CSS class name(s) to add to the root element (web only). */
     className?: string;
-    /** Inline styles for the root element. */
-    style?: CSSProperties;
-    /** Map area height. Defaults to '380px'. */
-    mapHeight?: string;
+    /** Inline styles for the root element (CSSProperties on web, StyleProp<ViewStyle> on native). */
+    style?: AnyStyle;
+    /** Map area height. String on web ('380px'), number on native (380). Defaults to '380px' / 380. */
+    mapHeight?: string | number;
     /** Widget header title. Defaults to 'Add Delivery Address'. */
     title?: string;
     /**
@@ -211,7 +212,8 @@ export declare interface MapPinSelectorProps {
     onLocationConfirm: (lat: number, lng: number, digipin: string) => void;
     defaultLat?: number;
     defaultLng?: number;
-    mapHeight?: string;
+    /** Map height. String on web ('380px'), number on native (380). */
+    mapHeight?: string | number;
     theme?: 'light' | 'dark';
     /**
      * URL to an India boundary GeoJSON file (FeatureCollection).

package/dist/lib/quantaroute-checkout.es.js

@@ -1,5 +1,5 @@
 /*!
- * @quantaroute/checkout v1.1.1
+ * @quantaroute/checkout v1.2.0
  * (c) 2026 QuantaRoute – https://quantaroute.com
  * Released under the MIT License.
  *
@@ -7,10 +7,16 @@
  * (Apache 2.0 – © India Post, IIT Hyderabad, ISRO NRSC)
  * https://github.com/INDIAPOST-gov/digipin
  *
- * Peer dependencies (install separately):
- *   react >= 18.2.0
+ * Web peer dependencies (install separately):
+ *   react >= 18.0.0
  *   react-dom >= 18.2.0
  *   maplibre-gl >= 4.0.0
+ *
+ * Native peer dependencies (Expo / React Native):
+ *   react-native >= 0.72.0
+ *   expo >= 49.0.0
+ *   expo-osm-sdk >= 2.0.0
+ *   expo-location >= 17.0.0
  */
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useRef, useEffect, useReducer, useMemo } from "react";

package/dist/lib/quantaroute-checkout.umd.js

@@ -1,7 +1,7 @@
 !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react/jsx-runtime"),require("react"),require("maplibre-gl")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react","maplibre-gl"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).QuantaRouteCheckout={},e.ReactJSXRuntime,e.React,e.maplibregl)}(this,function(e,r,a,n){"use strict"
 
 ;/*!
- * @quantaroute/checkout v1.1.1
+ * @quantaroute/checkout v1.2.0
  * (c) 2026 QuantaRoute – https://quantaroute.com
  * Released under the MIT License.
  *
@@ -9,10 +9,16 @@
  * (Apache 2.0 – © India Post, IIT Hyderabad, ISRO NRSC)
  * https://github.com/INDIAPOST-gov/digipin
  *
- * Peer dependencies (install separately):
- *   react >= 18.2.0
+ * Web peer dependencies (install separately):
+ *   react >= 18.0.0
  *   react-dom >= 18.2.0
  *   maplibre-gl >= 4.0.0
+ *
+ * Native peer dependencies (Expo / React Native):
+ *   react-native >= 0.72.0
+ *   expo >= 49.0.0
+ *   expo-osm-sdk >= 2.0.0
+ *   expo-location >= 17.0.0
  */const t=[["F","C","9","8"],["J","3","2","7"],["K","4","5","6"],["L","M","P","T"]],i={minLat:2.5,maxLat:38.5,minLon:63.5,maxLon:99.5}
 function o(e,r){if(e<i.minLat||e>i.maxLat)throw new Error(`Latitude ${e} out of range. Must be between ${i.minLat} and ${i.maxLat}`)
 if(r<i.minLon||r>i.maxLon)throw new Error(`Longitude ${r} out of range. Must be between ${i.minLon} and ${i.maxLon}`)

package/expo-plugin.js

@@ -0,0 +1,109 @@
+/**
+ * @quantaroute/checkout — Expo Config Plugin
+ *
+ * Wires up all native permissions and native modules needed by the
+ * checkout widget in one step. Add this to your app.json:
+ *
+ *   "plugins": [
+ *     ["@quantaroute/checkout/plugin", {
+ *       "locationPermissionText": "Used to place your delivery pin on the map"
+ *     }]
+ *   ]
+ *
+ * This plugin internally applies:
+ *   • expo-osm-sdk/plugin  → MapLibre GL native map (iOS/Android)
+ *   • expo-location        → GPS location permission
+ *   • Android manifest     → INTERNET + ACCESS_FINE_LOCATION permissions
+ *   • iOS Info.plist       → NSLocationWhenInUseUsageDescription
+ *
+ * @param {object} [options]
+ * @param {string} [options.locationPermissionText] - Custom permission text shown to the user.
+ *   Defaults to a sensible delivery-address copy.
+ */
+
+const { withAndroidManifest, withInfoPlist, withPlugins } = require('@expo/config-plugins');
+
+const DEFAULT_LOCATION_TEXT =
+  'Allow access to your location to place the delivery pin accurately on the map.';
+
+// ─── Android helper ───────────────────────────────────────────────────────────
+
+function ensurePermission(manifest, name) {
+  if (!manifest['uses-permission']) {
+    manifest['uses-permission'] = [];
+  }
+  const exists = manifest['uses-permission'].some(
+    (p) => p.$?.['android:name'] === name
+  );
+  if (!exists) {
+    manifest['uses-permission'].push({ $: { 'android:name': name } });
+  }
+  return manifest;
+}
+
+const withAndroidPermissions = (config) =>
+  withAndroidManifest(config, (cfg) => {
+    const m = cfg.modResults.manifest;
+    ensurePermission(m, 'android.permission.INTERNET');
+    ensurePermission(m, 'android.permission.ACCESS_FINE_LOCATION');
+    ensurePermission(m, 'android.permission.ACCESS_COARSE_LOCATION');
+    return cfg;
+  });
+
+// ─── iOS helper ───────────────────────────────────────────────────────────────
+
+const withIosPermissions = (config, { locationPermissionText }) =>
+  withInfoPlist(config, (cfg) => {
+    if (!cfg.modResults.NSLocationWhenInUseUsageDescription) {
+      cfg.modResults.NSLocationWhenInUseUsageDescription = locationPermissionText;
+    }
+    return cfg;
+  });
+
+// ─── Main plugin ──────────────────────────────────────────────────────────────
+
+const withQuantaRouteCheckout = (config, options = {}) => {
+  const locationPermissionText =
+    options.locationPermissionText ?? DEFAULT_LOCATION_TEXT;
+
+  return withPlugins(config, [
+    // 1. Apply expo-osm-sdk plugin (MapLibre GL native maps)
+    (cfg) => {
+      try {
+        const osmPlugin = require('expo-osm-sdk/plugin');
+        return osmPlugin(cfg, { locationPermissionText });
+      } catch {
+        console.warn(
+          '[@quantaroute/checkout] expo-osm-sdk/plugin not found. ' +
+          'Make sure expo-osm-sdk is installed: npm install expo-osm-sdk'
+        );
+        return cfg;
+      }
+    },
+
+    // 2. Apply expo-location plugin (GPS location API)
+    (cfg) => {
+      try {
+        const locationPlugin = require('expo-location/build/ExpoLocationPlugin');
+        return locationPlugin(cfg, { locationAlwaysAndWhenInUsePermission: locationPermissionText });
+      } catch {
+        try {
+          // Fallback: expo-location ships its plugin at a different path in some versions
+          const mod = require('expo-location');
+          if (mod.withLocation) return mod.withLocation(cfg);
+        } catch {
+          // Silent: expo-location permissions are handled by withIosPermissions below
+        }
+        return cfg;
+      }
+    },
+
+    // 3. Ensure Android permissions (belt-and-suspenders on top of the above)
+    (cfg) => withAndroidPermissions(cfg),
+
+    // 4. Ensure iOS Info.plist key (belt-and-suspenders)
+    (cfg) => withIosPermissions(cfg, { locationPermissionText }),
+  ]);
+};
+
+module.exports = withQuantaRouteCheckout;

package/package.json

@@ -1,21 +1,30 @@
 {
   "name": "@quantaroute/checkout",
-  "version": "1.1.1",
-  "description": "Embeddable DigiPin-powered smart address checkout widget for Indian e-commerce",
+  "version": "1.2.0",
+  "description": "Embeddable DigiPin-powered smart address checkout widget — React (web), React Native & Expo (iOS/Android)",
   "main": "./dist/lib/quantaroute-checkout.umd.js",
   "module": "./dist/lib/quantaroute-checkout.es.js",
   "types": "./dist/lib/index.d.ts",
+  "source": "src/index.ts",
+  "react-native": "src/index.ts",
   "exports": {
     ".": {
+      "types": "./dist/lib/index.d.ts",
+      "react-native": "./src/index.ts",
       "import": "./dist/lib/quantaroute-checkout.es.js",
-      "require": "./dist/lib/quantaroute-checkout.umd.js",
-      "types": "./dist/lib/index.d.ts"
+      "require": "./dist/lib/quantaroute-checkout.umd.js"
+    },
+    "./plugin": {
+      "default": "./expo-plugin.js"
     },
     "./style.css": "./dist/style.css"
   },
   "files": [
+    "src",
     "dist/lib",
     "dist/style.css",
+    "expo-plugin.js",
+    "babel.config.js",
     "README.md",
     "LICENSE"
   ],
@@ -26,6 +35,7 @@
     "build:demo": "vite build",
     "preview": "vite preview --outDir dist/demo",
     "type-check": "tsc --noEmit",
+    "type-check:native": "tsc --project tsconfig.native.json --noEmit",
     "prepublishOnly": "npm run type-check && npm run build:lib"
   },
   "keywords": [
@@ -36,6 +46,10 @@
     "geocoding",
     "maplibre",
     "react",
+    "react-native",
+    "expo",
+    "ios",
+    "android",
     "ecommerce",
     "india-post",
     "address-autocomplete",
@@ -63,30 +77,53 @@
     "npm": ">=10.0.0"
   },
   "peerDependencies": {
+    "@expo/config-plugins": ">=7.0.0",
+    "expo": ">=49.0.0",
+    "expo-location": ">=17.0.0",
+    "expo-osm-sdk": ">=2.0.0",
     "maplibre-gl": ">=4.0.0",
-    "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.2.0",
+    "react-native": ">=0.72.0"
   },
   "peerDependenciesMeta": {
+    "@expo/config-plugins": {
+      "optional": true
+    },
     "react": {
       "optional": false
     },
     "react-dom": {
-      "optional": false
+      "optional": true
     },
     "maplibre-gl": {
-      "optional": false
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "expo": {
+      "optional": true
+    },
+    "expo-osm-sdk": {
+      "optional": true
+    },
+    "expo-location": {
+      "optional": true
     }
   },
-  "dependencies": {},
   "devDependencies": {
-    "@quantaroute/checkout": "^1.1.1",
+    "@expo/config-plugins": "^54.0.4",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
+    "@types/react-native": "^0.73.0",
     "@vitejs/plugin-react": "^4.3.4",
+    "expo-location": "^18.1.6",
+    "expo-osm-sdk": "^2.0.0",
     "maplibre-gl": "^4.7.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-native": "^0.73.11",
     "terser": "^5.46.0",
     "typescript": "^5.6.3",
     "vite": "^5.4.11",