@shopify/shop-minis-react 0.4.0 → 0.4.1

package/dist/_virtual/index3.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../shop-minis-react/node_modules/.pnpm/@videojs_xhr@2.7.0/node_modules/@videojs/xhr/lib/index.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+var r = {};
 export {
-  a as default
+  r as __exports
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index4.js

@@ -1,5 +1,8 @@
-var r = {};
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../shop-minis-react/node_modules/.pnpm/@videojs_xhr@2.7.0/node_modules/@videojs/xhr/lib/index.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
-  r as __exports
+  a as default
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/hooks/util/useImagePicker.js

@@ -1,12 +1,19 @@
-import { useImagePickerContext as o } from "../../providers/ImagePickerProvider.js";
-function t() {
-  const { openCamera: e, openGallery: r } = o();
+import { useCallback as o } from "react";
+import { useImagePickerContext as c } from "../../providers/ImagePickerProvider.js";
+function u() {
+  const { openCamera: t, openGallery: n } = c(), i = o(
+    async ({ cameraFacing: e, quality: a, customQuality: r } = {}) => await t({ cameraFacing: e, quality: a, customQuality: r }),
+    [t]
+  ), l = o(
+    async ({ quality: e, customQuality: a } = {}) => await n({ quality: e, customQuality: a }),
+    [n]
+  );
   return {
-    openCamera: e,
-    openGallery: r
+    openCamera: i,
+    openGallery: l
   };
 }
 export {
-  t as useImagePicker
+  u as useImagePicker
 };
 //# sourceMappingURL=useImagePicker.js.map

package/dist/hooks/util/useImagePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useImagePicker.js","sources":["../../../src/hooks/util/useImagePicker.ts"],"sourcesContent":["import {\n  CameraFacing,\n  useImagePickerContext,\n} from '../../providers/ImagePickerProvider'\n\ninterface UseImagePickerReturns {\n  /**\n   * Opens the camera to take a photo.\n   */\n  openCamera: (cameraFacing?: CameraFacing) => Promise<File>\n  /**\n   * Opens the gallery to select an image.\n   */\n  openGallery: () => Promise<File>\n}\n\nexport function useImagePicker(): UseImagePickerReturns {\n  const {openCamera, openGallery} = useImagePickerContext()\n\n  return {\n    openCamera,\n    openGallery,\n  }\n}\n"],"names":["useImagePicker","openCamera","openGallery","useImagePickerContext"],"mappings":";AAgBO,SAASA,IAAwC;AACtD,QAAM,EAAC,YAAAC,GAAY,aAAAC,EAAW,IAAIC,EAAsB;AAEjD,SAAA;AAAA,IACL,YAAAF;AAAA,IACA,aAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"useImagePicker.js","sources":["../../../src/hooks/util/useImagePicker.ts"],"sourcesContent":["import {useCallback} from 'react'\n\nimport {\n  useImagePickerContext,\n  OpenCameraParams,\n  OpenGalleryParams,\n} from '../../providers/ImagePickerProvider'\n\ninterface UseImagePickerReturns {\n  /**\n   * Opens the camera to take a photo.\n   */\n  openCamera: (params?: OpenCameraParams) => Promise<File>\n  /**\n   * Opens the gallery to select an image.\n   */\n  openGallery: (params?: OpenGalleryParams) => Promise<File>\n}\n\nexport function useImagePicker(): UseImagePickerReturns {\n  const {openCamera, openGallery} = useImagePickerContext()\n\n  const openCameraWithQuality = useCallback(\n    async ({cameraFacing, quality, customQuality}: OpenCameraParams = {}) => {\n      const file = await openCamera({cameraFacing, quality, customQuality})\n      return file\n    },\n    [openCamera]\n  )\n\n  const openGalleryWithQuality = useCallback(\n    async ({quality, customQuality}: OpenGalleryParams = {}) => {\n      const file = await openGallery({quality, customQuality})\n      return file\n    },\n    [openGallery]\n  )\n\n  return {\n    openCamera: openCameraWithQuality,\n    openGallery: openGalleryWithQuality,\n  }\n}\n"],"names":["useImagePicker","openCamera","openGallery","useImagePickerContext","openCameraWithQuality","useCallback","cameraFacing","quality","customQuality","openGalleryWithQuality"],"mappings":";;AAmBO,SAASA,IAAwC;AACtD,QAAM,EAAC,YAAAC,GAAY,aAAAC,EAAW,IAAIC,EAAsB,GAElDC,IAAwBC;AAAA,IAC5B,OAAO,EAAC,cAAAC,GAAc,SAAAC,GAAS,eAAAC,EAAa,IAAsB,CAAA,MACnD,MAAMP,EAAW,EAAC,cAAAK,GAAc,SAAAC,GAAS,eAAAC,GAAc;AAAA,IAGtE,CAACP,CAAU;AAAA,EACb,GAEMQ,IAAyBJ;AAAA,IAC7B,OAAO,EAAC,SAAAE,GAAS,eAAAC,EAAa,IAAuB,OACtC,MAAMN,EAAY,EAAC,SAAAK,GAAS,eAAAC,GAAc;AAAA,IAGzD,CAACN,CAAW;AAAA,EACd;AAEO,SAAA;AAAA,IACL,YAAYE;AAAA,IACZ,aAAaK;AAAA,EACf;AACF;"}

package/dist/internal/utils/resizeImage.js

@@ -0,0 +1,61 @@
+const z = {
+  low: {
+    size: 1080,
+    compression: 0.7
+  },
+  medium: {
+    size: 1600,
+    compression: 0.85
+  },
+  high: {
+    size: 2048,
+    compression: 0.92
+  }
+};
+function f({
+  file: s,
+  quality: g,
+  customQuality: r
+}) {
+  if (g === "original")
+    return Promise.resolve(s);
+  const c = z[g], d = r ? {
+    size: r.size ?? c.size,
+    compression: r.compression ?? c.compression
+  } : c, i = d.size;
+  return new Promise((h, a) => {
+    const t = new Image(), m = URL.createObjectURL(s);
+    t.onerror = () => {
+      URL.revokeObjectURL(m), a(new Error("Failed to load image"));
+    }, t.onload = () => {
+      URL.revokeObjectURL(m);
+      const n = document.createElement("canvas");
+      let e = t.width, o = t.height;
+      e > o ? e > i && (o *= i / e, e = i) : o > i && (e *= i / o, o = i), n.width = e, n.height = o;
+      const l = n.getContext("2d");
+      if (!l) {
+        a(new Error("Failed to get canvas context"));
+        return;
+      }
+      l.drawImage(t, 0, 0, e, o), n.toBlob(
+        (w) => {
+          if (!w) {
+            a(new Error("Failed to create blob"));
+            return;
+          }
+          const p = new File([w], s.name, {
+            type: "image/jpeg",
+            lastModified: Date.now()
+          });
+          h(p);
+        },
+        "image/jpeg",
+        d.compression
+      );
+    }, t.src = m;
+  });
+}
+export {
+  f as resizeImage
+};
+//# sourceMappingURL=resizeImage.js.map

package/dist/internal/utils/resizeImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizeImage.js","sources":["../../../src/internal/utils/resizeImage.ts"],"sourcesContent":["import type {\n  ImageQuality,\n  CustomImageQuality,\n} from '../../providers/ImagePickerProvider'\n\ninterface ResizeSettings {\n  size: number\n  compression: number\n}\n\nexport interface ResizeImageParams {\n  file: File\n  quality: ImageQuality\n  customQuality?: CustomImageQuality\n}\n\nconst QUALITY_SETTINGS: {\n  [key in Exclude<ImageQuality, 'original'>]: ResizeSettings\n} = {\n  low: {\n    size: 1080,\n    compression: 0.7,\n  },\n  medium: {\n    size: 1600,\n    compression: 0.85,\n  },\n  high: {\n    size: 2048,\n    compression: 0.92,\n  },\n} as const\n\nexport function resizeImage({\n  file,\n  quality,\n  customQuality,\n}: ResizeImageParams): Promise<File> {\n  if (quality === 'original') {\n    return Promise.resolve(file)\n  }\n\n  const defaultSettings = QUALITY_SETTINGS[quality]\n  const settings: ResizeSettings = customQuality\n    ? {\n        size: customQuality.size ?? defaultSettings.size,\n        compression: customQuality.compression ?? defaultSettings.compression,\n      }\n    : defaultSettings\n  const maxSize = settings.size\n\n  return new Promise((resolve, reject) => {\n    const img = new Image()\n    const url = URL.createObjectURL(file)\n\n    img.onerror = () => {\n      URL.revokeObjectURL(url)\n      reject(new Error('Failed to load image'))\n    }\n\n    img.onload = () => {\n      URL.revokeObjectURL(url)\n\n      const canvas = document.createElement('canvas')\n      let width = img.width\n      let height = img.height\n\n      // Resize image dimensions maintaining aspect ratio\n      if (width > height) {\n        if (width > maxSize) {\n          height *= maxSize / width\n          width = maxSize\n        }\n      } else if (height > maxSize) {\n        width *= maxSize / height\n        height = maxSize\n      }\n\n      canvas.width = width\n      canvas.height = height\n\n      const ctx = canvas.getContext('2d')\n      if (!ctx) {\n        reject(new Error('Failed to get canvas context'))\n        return\n      }\n      ctx.drawImage(img, 0, 0, width, height)\n\n      canvas.toBlob(\n        blob => {\n          if (!blob) {\n            reject(new Error('Failed to create blob'))\n            return\n          }\n          const resizedFile = new File([blob], file.name, {\n            type: 'image/jpeg',\n            lastModified: Date.now(),\n          })\n          resolve(resizedFile)\n        },\n        'image/jpeg',\n        settings.compression\n      )\n    }\n\n    img.src = url\n  })\n}\n"],"names":["QUALITY_SETTINGS","resizeImage","file","quality","customQuality","defaultSettings","settings","maxSize","resolve","reject","img","url","canvas","width","height","ctx","blob","resizedFile"],"mappings":"AAgBA,MAAMA,IAEF;AAAA,EACF,KAAK;AAAA,IACH,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,EAAA;AAEjB;AAEO,SAASC,EAAY;AAAA,EAC1B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AACF,GAAqC;AACnC,MAAID,MAAY;AACP,WAAA,QAAQ,QAAQD,CAAI;AAGvB,QAAAG,IAAkBL,EAAiBG,CAAO,GAC1CG,IAA2BF,IAC7B;AAAA,IACE,MAAMA,EAAc,QAAQC,EAAgB;AAAA,IAC5C,aAAaD,EAAc,eAAeC,EAAgB;AAAA,EAAA,IAE5DA,GACEE,IAAUD,EAAS;AAEzB,SAAO,IAAI,QAAQ,CAACE,GAASC,MAAW;AAChC,UAAAC,IAAM,IAAI,MAAM,GAChBC,IAAM,IAAI,gBAAgBT,CAAI;AAEpC,IAAAQ,EAAI,UAAU,MAAM;AAClB,UAAI,gBAAgBC,CAAG,GAChBF,EAAA,IAAI,MAAM,sBAAsB,CAAC;AAAA,IAC1C,GAEAC,EAAI,SAAS,MAAM;AACjB,UAAI,gBAAgBC,CAAG;AAEjB,YAAAC,IAAS,SAAS,cAAc,QAAQ;AAC9C,UAAIC,IAAQH,EAAI,OACZI,IAASJ,EAAI;AAGjB,MAAIG,IAAQC,IACND,IAAQN,MACVO,KAAUP,IAAUM,GACZA,IAAAN,KAEDO,IAASP,MAClBM,KAASN,IAAUO,GACVA,IAAAP,IAGXK,EAAO,QAAQC,GACfD,EAAO,SAASE;AAEV,YAAAC,IAAMH,EAAO,WAAW,IAAI;AAClC,UAAI,CAACG,GAAK;AACD,QAAAN,EAAA,IAAI,MAAM,8BAA8B,CAAC;AAChD;AAAA,MAAA;AAEF,MAAAM,EAAI,UAAUL,GAAK,GAAG,GAAGG,GAAOC,CAAM,GAE/BF,EAAA;AAAA,QACL,CAAQI,MAAA;AACN,cAAI,CAACA,GAAM;AACF,YAAAP,EAAA,IAAI,MAAM,uBAAuB,CAAC;AACzC;AAAA,UAAA;AAEF,gBAAMQ,IAAc,IAAI,KAAK,CAACD,CAAI,GAAGd,EAAK,MAAM;AAAA,YAC9C,MAAM;AAAA,YACN,cAAc,KAAK,IAAI;AAAA,UAAA,CACxB;AACD,UAAAM,EAAQS,CAAW;AAAA,QACrB;AAAA,QACA;AAAA,QACAX,EAAS;AAAA,MACX;AAAA,IACF,GAEAI,EAAI,MAAMC;AAAA,EAAA,CACX;AACH;"}

package/dist/providers/ImagePickerProvider.js

@@ -1,167 +1,188 @@
-import { jsxs as x, jsx as h } from "react/jsx-runtime";
-import { useRef as p, useCallback as d, useEffect as I, useMemo as V, createContext as b, useContext as A } from "react";
-import { useRequestPermissions as L } from "../hooks/util/useRequestPermissions.js";
-import { useReportInteraction as M } from "../internal/useReportInteraction.js";
-const R = b(null);
-function F() {
-  const g = A(R);
-  if (!g)
+import { jsxs as q, jsx as w } from "react/jsx-runtime";
+import { useRef as o, useCallback as y, useEffect as A, useMemo as z, createContext as L, useContext as M } from "react";
+import { useRequestPermissions as F } from "../hooks/util/useRequestPermissions.js";
+import { useReportInteraction as G } from "../internal/useReportInteraction.js";
+import { resizeImage as H } from "../internal/utils/resizeImage.js";
+const V = L(null);
+function B() {
+  const C = M(V);
+  if (!C)
     throw new Error(
       "useImagePickerContext must be used within an ImagePickerProvider"
     );
-  return g;
+  return C;
 }
-function N({ children: g }) {
-  const k = p(null), _ = p(null), E = p(null), t = p(null), e = p(null), f = p(null), n = p(null), { requestPermission: y } = L(), { reportInteraction: r } = M(), a = d(() => {
-    if (f.current) {
-      const { input: c, handler: i } = f.current;
-      c.removeEventListener("cancel", i), f.current = null;
+function D({ children: C }) {
+  const E = o(null), P = o(null), R = o(null), n = o(null), e = o(null), g = o(null), t = o(null), h = o("medium"), k = o(void 0), { requestPermission: v } = F(), { reportInteraction: r } = G(), u = y(() => {
+    if (g.current) {
+      const { input: c, handler: l } = g.current;
+      c.removeEventListener("cancel", l), g.current = null;
     }
-  }, []), m = d(() => {
+  }, []), d = y(() => {
     if (e.current) {
       const c = new Error(
         "New file picker opened before previous completed"
       );
-      n.current === "gallery" ? r({
+      t.current === "gallery" ? r({
         interactionType: "image_picker_error",
         interactionValue: c.message
-      }) : n.current === "camera" && r({
+      }) : t.current === "camera" && r({
         interactionType: "camera_error",
         interactionValue: c.message
-      }), e.current(c), t.current = null, e.current = null, n.current = null;
+      }), e.current(c), n.current = null, e.current = null, t.current = null, h.current = "medium", k.current = void 0;
     }
-  }, [r]), C = d(
-    (c) => {
-      const i = c.target.files?.[0];
-      i && t.current && (n.current === "gallery" ? r({
-        interactionType: "image_picker_success"
-      }) : n.current === "camera" && r({
-        interactionType: "camera_success"
-      }), t.current(i), t.current = null, e.current = null, n.current = null, a()), c.target.value = "";
+  }, [r]), _ = y(
+    async (c) => {
+      const { target: l } = c, p = l.files?.[0];
+      if (p && n.current) {
+        try {
+          const s = await H({
+            file: p,
+            quality: h.current,
+            customQuality: k.current
+          });
+          t.current === "gallery" ? r({
+            interactionType: "image_picker_success"
+          }) : t.current === "camera" && r({
+            interactionType: "camera_success"
+          }), n.current(s);
+        } catch (s) {
+          console.warn("Image resize failed, using original:", s), n.current && n.current(p);
+        }
+        n.current = null, e.current = null, t.current = null, u();
+      }
+      l.value = "";
     },
-    [a, r]
-  ), P = d(() => new Promise((c, i) => {
-    m(), a(), t.current = c, e.current = i, n.current = "gallery";
-    const u = k.current;
-    if (!u) {
-      const o = new Error("Gallery input not found");
-      r({
-        interactionType: "image_picker_error",
-        interactionValue: o.message
-      }), i(o), t.current = null, e.current = null, n.current = null;
-      return;
-    }
-    const s = () => {
-      if (e.current) {
-        const o = new Error("User cancelled file selection");
+    [u, r]
+  ), I = y(
+    ({ quality: c = "medium", customQuality: l } = {}) => new Promise((p, s) => {
+      d(), u(), h.current = c, k.current = l, n.current = p, e.current = s, t.current = "gallery";
+      const i = E.current;
+      if (!i) {
+        const m = new Error("Gallery input not found");
         r({
           interactionType: "image_picker_error",
-          interactionValue: o.message
-        }), e.current(o), t.current = null, e.current = null, n.current = null;
+          interactionValue: m.message
+        }), s(m), n.current = null, e.current = null, t.current = null;
+        return;
       }
-      a();
-    };
-    u.addEventListener("cancel", s), f.current = { input: u, handler: s }, r({
-      interactionType: "image_picker_open"
-    }), y({ permission: "CAMERA" }).then(() => {
-      u.click();
-    }).catch(() => {
-      u.click();
-    });
-  }), [
-    m,
-    a,
-    y,
-    r
-  ]), v = d(
-    (c = "back") => new Promise((i, u) => {
-      m(), a(), t.current = i, e.current = u, n.current = "camera";
-      const s = c === "front" ? _.current : E.current;
-      if (!s) {
-        const l = new Error("Camera input not found");
+      const f = () => {
+        if (e.current) {
+          const m = new Error("User cancelled file selection");
+          r({
+            interactionType: "image_picker_error",
+            interactionValue: m.message
+          }), e.current(m), n.current = null, e.current = null, t.current = null;
+        }
+        u();
+      };
+      i.addEventListener("cancel", f), g.current = { input: i, handler: f }, r({
+        interactionType: "image_picker_open"
+      }), v({ permission: "CAMERA" }).then(() => {
+        i.click();
+      }).catch(() => {
+        i.click();
+      });
+    }),
+    [
+      d,
+      u,
+      v,
+      r
+    ]
+  ), T = y(
+    ({
+      cameraFacing: c = "back",
+      quality: l = "medium",
+      customQuality: p
+    } = {}) => new Promise((s, i) => {
+      d(), u(), h.current = l, k.current = p, n.current = s, e.current = i, t.current = "camera";
+      const f = c === "front" ? P.current : R.current;
+      if (!f) {
+        const a = new Error("Camera input not found");
         r({
           interactionType: "camera_error",
-          interactionValue: l.message
-        }), u(l), t.current = null, e.current = null, n.current = null;
+          interactionValue: a.message
+        }), i(a), n.current = null, e.current = null, t.current = null;
         return;
       }
-      const o = () => {
+      const m = () => {
         if (e.current) {
-          const l = new Error("User cancelled camera");
+          const a = new Error("User cancelled camera");
           r({
             interactionType: "camera_error",
-            interactionValue: l.message
-          }), e.current(l), t.current = null, e.current = null, n.current = null;
+            interactionValue: a.message
+          }), e.current(a), n.current = null, e.current = null, t.current = null;
         }
-        a();
+        u();
       };
-      s.addEventListener("cancel", o), f.current = { input: s, handler: o }, r({
+      f.addEventListener("cancel", m), g.current = { input: f, handler: m }, r({
         interactionType: "camera_open"
-      }), y({ permission: "CAMERA" }).then(({ granted: l }) => {
-        if (l)
-          s.click();
+      }), v({ permission: "CAMERA" }).then(({ granted: a }) => {
+        if (a)
+          f.click();
         else {
-          const w = new Error("Camera permission not granted");
+          const x = new Error("Camera permission not granted");
           r({
             interactionType: "camera_error",
-            interactionValue: w.message
-          }), u(w), t.current = null, e.current = null, n.current = null;
+            interactionValue: x.message
+          }), i(x), n.current = null, e.current = null, t.current = null;
         }
       }).catch(() => {
-        const l = new Error("Camera permission not granted");
-        u(l), t.current = null, e.current = null, n.current = null;
+        const a = new Error("Camera permission not granted");
+        i(a), n.current = null, e.current = null, t.current = null;
       });
     }),
     [
-      m,
-      a,
-      y,
+      d,
+      u,
+      v,
       r
     ]
   );
-  I(() => () => {
-    m(), a();
-  }, [m, a]);
-  const T = V(
+  A(() => () => {
+    d(), u();
+  }, [d, u]);
+  const b = z(
     () => ({
-      openCamera: v,
-      openGallery: P
+      openCamera: T,
+      openGallery: I
     }),
-    [v, P]
+    [T, I]
   );
-  return /* @__PURE__ */ x(R.Provider, { value: T, children: [
-    g,
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ q(V.Provider, { value: b, children: [
+    C,
+    /* @__PURE__ */ w(
       "input",
       {
-        ref: k,
+        ref: E,
         type: "file",
         accept: "image/*",
-        onChange: C,
+        onChange: _,
         style: { display: "none" },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ w(
       "input",
       {
-        ref: _,
+        ref: P,
         type: "file",
         accept: "image/*",
         capture: "user",
-        onChange: C,
+        onChange: _,
         style: { display: "none" },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ w(
       "input",
       {
-        ref: E,
+        ref: R,
         type: "file",
         accept: "image/*",
         capture: "environment",
-        onChange: C,
+        onChange: _,
         style: { display: "none" },
         "aria-hidden": "true"
       }
@@ -169,7 +190,7 @@ function N({ children: g }) {
   ] });
 }
 export {
-  N as ImagePickerProvider,
-  F as useImagePickerContext
+  D as ImagePickerProvider,
+  B as useImagePickerContext
 };
 //# sourceMappingURL=ImagePickerProvider.js.map

package/dist/providers/ImagePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePickerProvider.js","sources":["../../src/providers/ImagePickerProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useRef,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react'\n\nimport {useRequestPermissions} from '../hooks/util/useRequestPermissions'\nimport {useReportInteraction} from '../internal/useReportInteraction'\n\nexport type CameraFacing = 'front' | 'back'\n\ninterface ImagePickerContextValue {\n  openCamera: (cameraFacing?: CameraFacing) => Promise<File>\n  openGallery: () => Promise<File>\n}\n\nconst ImagePickerContext = createContext<ImagePickerContextValue | null>(null)\n\nexport function useImagePickerContext() {\n  const context = useContext(ImagePickerContext)\n  if (!context) {\n    throw new Error(\n      'useImagePickerContext must be used within an ImagePickerProvider'\n    )\n  }\n  return context\n}\n\ninterface ImagePickerProviderProps {\n  children: React.ReactNode\n}\n\nexport function ImagePickerProvider({children}: ImagePickerProviderProps) {\n  const galleryInputRef = useRef<HTMLInputElement>(null)\n  const frontCameraInputRef = useRef<HTMLInputElement>(null)\n  const backCameraInputRef = useRef<HTMLInputElement>(null)\n  const resolveRef = useRef<((file: File) => void) | null>(null)\n  const rejectRef = useRef<((reason: Error) => void) | null>(null)\n  const activeCancelHandlerRef = useRef<{\n    input: HTMLInputElement\n    handler: () => void\n  } | null>(null)\n  const activeOperationRef = useRef<'gallery' | 'camera' | null>(null)\n\n  const {requestPermission} = useRequestPermissions()\n  const {reportInteraction} = useReportInteraction()\n\n  const cleanupCancelHandler = useCallback(() => {\n    if (activeCancelHandlerRef.current) {\n      const {input, handler} = activeCancelHandlerRef.current\n      input.removeEventListener('cancel', handler)\n      activeCancelHandlerRef.current = null\n    }\n  }, [])\n\n  const rejectPendingPromise = useCallback(() => {\n    if (rejectRef.current) {\n      const error = new Error(\n        'New file picker opened before previous completed'\n      )\n      if (activeOperationRef.current === 'gallery') {\n        reportInteraction({\n          interactionType: 'image_picker_error',\n          interactionValue: error.message,\n        })\n      } else if (activeOperationRef.current === 'camera') {\n        reportInteraction({\n          interactionType: 'camera_error',\n          interactionValue: error.message,\n        })\n      }\n\n      rejectRef.current(error)\n      resolveRef.current = null\n      rejectRef.current = null\n      activeOperationRef.current = null\n    }\n  }, [reportInteraction])\n\n  const handleFileChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0]\n\n      if (file && resolveRef.current) {\n        // Report success based on the active operation\n        if (activeOperationRef.current === 'gallery') {\n          reportInteraction({\n            interactionType: 'image_picker_success',\n          })\n        } else if (activeOperationRef.current === 'camera') {\n          reportInteraction({\n            interactionType: 'camera_success',\n          })\n        }\n\n        resolveRef.current(file)\n\n        resolveRef.current = null\n        rejectRef.current = null\n        activeOperationRef.current = null\n\n        cleanupCancelHandler()\n      }\n\n      event.target.value = ''\n    },\n    [cleanupCancelHandler, reportInteraction]\n  )\n\n  const openGallery = useCallback(() => {\n    return new Promise<File>((resolve, reject) => {\n      rejectPendingPromise()\n      cleanupCancelHandler()\n\n      resolveRef.current = resolve\n      rejectRef.current = reject\n      activeOperationRef.current = 'gallery'\n\n      const input = galleryInputRef.current\n\n      if (!input) {\n        const error = new Error('Gallery input not found')\n        reportInteraction({\n          interactionType: 'image_picker_error',\n          interactionValue: error.message,\n        })\n        reject(error)\n        resolveRef.current = null\n        rejectRef.current = null\n        activeOperationRef.current = null\n        return\n      }\n\n      const handleCancel = () => {\n        if (rejectRef.current) {\n          const error = new Error('User cancelled file selection')\n          reportInteraction({\n            interactionType: 'image_picker_error',\n            interactionValue: error.message,\n          })\n          rejectRef.current(error)\n          resolveRef.current = null\n          rejectRef.current = null\n          activeOperationRef.current = null\n        }\n        cleanupCancelHandler()\n      }\n\n      input.addEventListener('cancel', handleCancel)\n      activeCancelHandlerRef.current = {input, handler: handleCancel}\n\n      reportInteraction({\n        interactionType: 'image_picker_open',\n      })\n\n      requestPermission({permission: 'CAMERA'})\n        .then(() => {\n          // This will show both Camera and Gallery\n          input.click()\n        })\n        .catch(() => {\n          // Show only Gallery\n          input.click()\n        })\n    })\n  }, [\n    rejectPendingPromise,\n    cleanupCancelHandler,\n    requestPermission,\n    reportInteraction,\n  ])\n\n  const openCamera = useCallback(\n    (cameraFacing: CameraFacing = 'back') => {\n      return new Promise<File>((resolve, reject) => {\n        rejectPendingPromise()\n        cleanupCancelHandler()\n\n        resolveRef.current = resolve\n        rejectRef.current = reject\n        activeOperationRef.current = 'camera'\n\n        const input =\n          cameraFacing === 'front'\n            ? frontCameraInputRef.current\n            : backCameraInputRef.current\n\n        if (!input) {\n          const error = new Error('Camera input not found')\n          reportInteraction({\n            interactionType: 'camera_error',\n            interactionValue: error.message,\n          })\n          reject(error)\n          resolveRef.current = null\n          rejectRef.current = null\n          activeOperationRef.current = null\n          return\n        }\n\n        const handleCancel = () => {\n          if (rejectRef.current) {\n            const error = new Error('User cancelled camera')\n            reportInteraction({\n              interactionType: 'camera_error',\n              interactionValue: error.message,\n            })\n            rejectRef.current(error)\n            resolveRef.current = null\n            rejectRef.current = null\n            activeOperationRef.current = null\n          }\n          cleanupCancelHandler()\n        }\n\n        input.addEventListener('cancel', handleCancel)\n        activeCancelHandlerRef.current = {input, handler: handleCancel}\n\n        reportInteraction({\n          interactionType: 'camera_open',\n        })\n\n        requestPermission({permission: 'CAMERA'})\n          .then(({granted}) => {\n            if (granted) {\n              input.click()\n            } else {\n              const error = new Error('Camera permission not granted')\n              reportInteraction({\n                interactionType: 'camera_error',\n                interactionValue: error.message,\n              })\n              reject(error)\n              resolveRef.current = null\n              rejectRef.current = null\n              activeOperationRef.current = null\n            }\n          })\n          .catch(() => {\n            const error = new Error('Camera permission not granted')\n            reject(error)\n            resolveRef.current = null\n            rejectRef.current = null\n            activeOperationRef.current = null\n          })\n      })\n    },\n    [\n      rejectPendingPromise,\n      cleanupCancelHandler,\n      requestPermission,\n      reportInteraction,\n    ]\n  )\n\n  useEffect(() => {\n    return () => {\n      rejectPendingPromise()\n      cleanupCancelHandler()\n    }\n  }, [rejectPendingPromise, cleanupCancelHandler])\n\n  const contextValue: ImagePickerContextValue = useMemo(\n    () => ({\n      openCamera,\n      openGallery,\n    }),\n    [openCamera, openGallery]\n  )\n\n  return (\n    <ImagePickerContext.Provider value={contextValue}>\n      {children}\n      <input\n        ref={galleryInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n      <input\n        ref={frontCameraInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"user\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n      <input\n        ref={backCameraInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"environment\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n    </ImagePickerContext.Provider>\n  )\n}\n"],"names":["ImagePickerContext","createContext","useImagePickerContext","context","useContext","ImagePickerProvider","children","galleryInputRef","useRef","frontCameraInputRef","backCameraInputRef","resolveRef","rejectRef","activeCancelHandlerRef","activeOperationRef","requestPermission","useRequestPermissions","reportInteraction","useReportInteraction","cleanupCancelHandler","useCallback","input","handler","rejectPendingPromise","error","handleFileChange","event","file","openGallery","resolve","reject","handleCancel","openCamera","cameraFacing","granted","useEffect","contextValue","useMemo","jsxs","jsx"],"mappings":";;;;AAmBA,MAAMA,IAAqBC,EAA8C,IAAI;AAEtE,SAASC,IAAwB;AAChC,QAAAC,IAAUC,EAAWJ,CAAkB;AAC7C,MAAI,CAACG;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAEK,SAAAA;AACT;AAMgB,SAAAE,EAAoB,EAAC,UAAAC,KAAqC;AAClE,QAAAC,IAAkBC,EAAyB,IAAI,GAC/CC,IAAsBD,EAAyB,IAAI,GACnDE,IAAqBF,EAAyB,IAAI,GAClDG,IAAaH,EAAsC,IAAI,GACvDI,IAAYJ,EAAyC,IAAI,GACzDK,IAAyBL,EAGrB,IAAI,GACRM,IAAqBN,EAAoC,IAAI,GAE7D,EAAC,mBAAAO,EAAiB,IAAIC,EAAsB,GAC5C,EAAC,mBAAAC,EAAiB,IAAIC,EAAqB,GAE3CC,IAAuBC,EAAY,MAAM;AAC7C,QAAIP,EAAuB,SAAS;AAClC,YAAM,EAAC,OAAAQ,GAAO,SAAAC,EAAO,IAAIT,EAAuB;AAC1C,MAAAQ,EAAA,oBAAoB,UAAUC,CAAO,GAC3CT,EAAuB,UAAU;AAAA,IAAA;AAAA,EAErC,GAAG,EAAE,GAECU,IAAuBH,EAAY,MAAM;AAC7C,QAAIR,EAAU,SAAS;AACrB,YAAMY,IAAQ,IAAI;AAAA,QAChB;AAAA,MACF;AACI,MAAAV,EAAmB,YAAY,YACfG,EAAA;AAAA,QAChB,iBAAiB;AAAA,QACjB,kBAAkBO,EAAM;AAAA,MAAA,CACzB,IACQV,EAAmB,YAAY,YACtBG,EAAA;AAAA,QAChB,iBAAiB;AAAA,QACjB,kBAAkBO,EAAM;AAAA,MAAA,CACzB,GAGHZ,EAAU,QAAQY,CAAK,GACvBb,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAAA,IAAA;AAAA,EAC/B,GACC,CAACG,CAAiB,CAAC,GAEhBQ,IAAmBL;AAAA,IACvB,CAACM,MAA+C;AAC9C,YAAMC,IAAOD,EAAM,OAAO,QAAQ,CAAC;AAE/B,MAAAC,KAAQhB,EAAW,YAEjBG,EAAmB,YAAY,YACfG,EAAA;AAAA,QAChB,iBAAiB;AAAA,MAAA,CAClB,IACQH,EAAmB,YAAY,YACtBG,EAAA;AAAA,QAChB,iBAAiB;AAAA,MAAA,CAClB,GAGHN,EAAW,QAAQgB,CAAI,GAEvBhB,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU,MAERK,EAAA,IAGvBO,EAAM,OAAO,QAAQ;AAAA,IACvB;AAAA,IACA,CAACP,GAAsBF,CAAiB;AAAA,EAC1C,GAEMW,IAAcR,EAAY,MACvB,IAAI,QAAc,CAACS,GAASC,MAAW;AACvB,IAAAP,EAAA,GACAJ,EAAA,GAErBR,EAAW,UAAUkB,GACrBjB,EAAU,UAAUkB,GACpBhB,EAAmB,UAAU;AAE7B,UAAMO,IAAQd,EAAgB;AAE9B,QAAI,CAACc,GAAO;AACJ,YAAAG,IAAQ,IAAI,MAAM,yBAAyB;AAC/B,MAAAP,EAAA;AAAA,QAChB,iBAAiB;AAAA,QACjB,kBAAkBO,EAAM;AAAA,MAAA,CACzB,GACDM,EAAON,CAAK,GACZb,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAC7B;AAAA,IAAA;AAGF,UAAMiB,IAAe,MAAM;AACzB,UAAInB,EAAU,SAAS;AACf,cAAAY,IAAQ,IAAI,MAAM,+BAA+B;AACrC,QAAAP,EAAA;AAAA,UAChB,iBAAiB;AAAA,UACjB,kBAAkBO,EAAM;AAAA,QAAA,CACzB,GACDZ,EAAU,QAAQY,CAAK,GACvBb,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAAA,MAAA;AAEV,MAAAK,EAAA;AAAA,IACvB;AAEM,IAAAE,EAAA,iBAAiB,UAAUU,CAAY,GAC7ClB,EAAuB,UAAU,EAAC,OAAAQ,GAAO,SAASU,EAAY,GAE5Cd,EAAA;AAAA,MAChB,iBAAiB;AAAA,IAAA,CAClB,GAEDF,EAAkB,EAAC,YAAY,SAAA,CAAS,EACrC,KAAK,MAAM;AAEV,MAAAM,EAAM,MAAM;AAAA,IAAA,CACb,EACA,MAAM,MAAM;AAEX,MAAAA,EAAM,MAAM;AAAA,IAAA,CACb;AAAA,EAAA,CACJ,GACA;AAAA,IACDE;AAAA,IACAJ;AAAA,IACAJ;AAAA,IACAE;AAAA,EAAA,CACD,GAEKe,IAAaZ;AAAA,IACjB,CAACa,IAA6B,WACrB,IAAI,QAAc,CAACJ,GAASC,MAAW;AACvB,MAAAP,EAAA,GACAJ,EAAA,GAErBR,EAAW,UAAUkB,GACrBjB,EAAU,UAAUkB,GACpBhB,EAAmB,UAAU;AAE7B,YAAMO,IACJY,MAAiB,UACbxB,EAAoB,UACpBC,EAAmB;AAEzB,UAAI,CAACW,GAAO;AACJ,cAAAG,IAAQ,IAAI,MAAM,wBAAwB;AAC9B,QAAAP,EAAA;AAAA,UAChB,iBAAiB;AAAA,UACjB,kBAAkBO,EAAM;AAAA,QAAA,CACzB,GACDM,EAAON,CAAK,GACZb,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAC7B;AAAA,MAAA;AAGF,YAAMiB,IAAe,MAAM;AACzB,YAAInB,EAAU,SAAS;AACf,gBAAAY,IAAQ,IAAI,MAAM,uBAAuB;AAC7B,UAAAP,EAAA;AAAA,YAChB,iBAAiB;AAAA,YACjB,kBAAkBO,EAAM;AAAA,UAAA,CACzB,GACDZ,EAAU,QAAQY,CAAK,GACvBb,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAAA,QAAA;AAEV,QAAAK,EAAA;AAAA,MACvB;AAEM,MAAAE,EAAA,iBAAiB,UAAUU,CAAY,GAC7ClB,EAAuB,UAAU,EAAC,OAAAQ,GAAO,SAASU,EAAY,GAE5Cd,EAAA;AAAA,QAChB,iBAAiB;AAAA,MAAA,CAClB,GAEiBF,EAAA,EAAC,YAAY,SAAQ,CAAC,EACrC,KAAK,CAAC,EAAC,SAAAmB,QAAa;AACnB,YAAIA;AACF,UAAAb,EAAM,MAAM;AAAA,aACP;AACC,gBAAAG,IAAQ,IAAI,MAAM,+BAA+B;AACrC,UAAAP,EAAA;AAAA,YAChB,iBAAiB;AAAA,YACjB,kBAAkBO,EAAM;AAAA,UAAA,CACzB,GACDM,EAAON,CAAK,GACZb,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAAA,QAAA;AAAA,MAC/B,CACD,EACA,MAAM,MAAM;AACL,cAAAU,IAAQ,IAAI,MAAM,+BAA+B;AACvD,QAAAM,EAAON,CAAK,GACZb,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAAA,MAAA,CAC9B;AAAA,IAAA,CACJ;AAAA,IAEH;AAAA,MACES;AAAA,MACAJ;AAAA,MACAJ;AAAA,MACAE;AAAA,IAAA;AAAA,EAEJ;AAEA,EAAAkB,EAAU,MACD,MAAM;AACU,IAAAZ,EAAA,GACAJ,EAAA;AAAA,EACvB,GACC,CAACI,GAAsBJ,CAAoB,CAAC;AAE/C,QAAMiB,IAAwCC;AAAA,IAC5C,OAAO;AAAA,MACL,YAAAL;AAAA,MACA,aAAAJ;AAAA,IAAA;AAAA,IAEF,CAACI,GAAYJ,CAAW;AAAA,EAC1B;AAEA,SACG,gBAAAU,EAAAtC,EAAmB,UAAnB,EAA4B,OAAOoC,GACjC,UAAA;AAAA,IAAA9B;AAAA,IACD,gBAAAiC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKhC;AAAA,QACL,MAAK;AAAA,QACL,QAAO;AAAA,QACP,UAAUkB;AAAA,QACV,OAAO,EAAC,SAAS,OAAM;AAAA,QACvB,eAAY;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK9B;AAAA,QACL,MAAK;AAAA,QACL,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,UAAUgB;AAAA,QACV,OAAO,EAAC,SAAS,OAAM;AAAA,QACvB,eAAY;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK7B;AAAA,QACL,MAAK;AAAA,QACL,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,UAAUe;AAAA,QACV,OAAO,EAAC,SAAS,OAAM;AAAA,QACvB,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}
+{"version":3,"file":"ImagePickerProvider.js","sources":["../../src/providers/ImagePickerProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useRef,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react'\n\nimport {useRequestPermissions} from '../hooks/util/useRequestPermissions'\nimport {useReportInteraction} from '../internal/useReportInteraction'\nimport {resizeImage} from '../internal/utils/resizeImage'\n\nexport type ImageQuality = 'low' | 'medium' | 'high' | 'original'\nexport type CameraFacing = 'front' | 'back'\nexport interface CustomImageQuality {\n  size?: number\n  compression?: number\n}\n\nexport interface OpenCameraParams {\n  cameraFacing?: CameraFacing\n  quality?: ImageQuality\n  customQuality?: CustomImageQuality\n}\n\nexport interface OpenGalleryParams {\n  quality?: ImageQuality\n  customQuality?: CustomImageQuality\n}\n\ninterface ImagePickerContextValue {\n  openCamera: (params?: OpenCameraParams) => Promise<File>\n  openGallery: (params?: OpenGalleryParams) => Promise<File>\n}\n\nconst ImagePickerContext = createContext<ImagePickerContextValue | null>(null)\n\nexport function useImagePickerContext() {\n  const context = useContext(ImagePickerContext)\n  if (!context) {\n    throw new Error(\n      'useImagePickerContext must be used within an ImagePickerProvider'\n    )\n  }\n  return context\n}\n\ninterface ImagePickerProviderProps {\n  children: React.ReactNode\n}\n\nexport function ImagePickerProvider({children}: ImagePickerProviderProps) {\n  const galleryInputRef = useRef<HTMLInputElement>(null)\n  const frontCameraInputRef = useRef<HTMLInputElement>(null)\n  const backCameraInputRef = useRef<HTMLInputElement>(null)\n  const resolveRef = useRef<((file: File) => void) | null>(null)\n  const rejectRef = useRef<((reason: Error) => void) | null>(null)\n  const activeCancelHandlerRef = useRef<{\n    input: HTMLInputElement\n    handler: () => void\n  } | null>(null)\n  const activeOperationRef = useRef<'gallery' | 'camera' | null>(null)\n  const qualityRef = useRef<ImageQuality>('medium')\n  const customQualityRef = useRef<CustomImageQuality>(undefined)\n  const {requestPermission} = useRequestPermissions()\n  const {reportInteraction} = useReportInteraction()\n\n  const cleanupCancelHandler = useCallback(() => {\n    if (activeCancelHandlerRef.current) {\n      const {input, handler} = activeCancelHandlerRef.current\n      input.removeEventListener('cancel', handler)\n      activeCancelHandlerRef.current = null\n    }\n  }, [])\n\n  const rejectPendingPromise = useCallback(() => {\n    if (rejectRef.current) {\n      const error = new Error(\n        'New file picker opened before previous completed'\n      )\n      if (activeOperationRef.current === 'gallery') {\n        reportInteraction({\n          interactionType: 'image_picker_error',\n          interactionValue: error.message,\n        })\n      } else if (activeOperationRef.current === 'camera') {\n        reportInteraction({\n          interactionType: 'camera_error',\n          interactionValue: error.message,\n        })\n      }\n\n      rejectRef.current(error)\n      resolveRef.current = null\n      rejectRef.current = null\n      activeOperationRef.current = null\n      qualityRef.current = 'medium'\n      customQualityRef.current = undefined\n    }\n  }, [reportInteraction])\n\n  const handleFileChange = useCallback(\n    async (event: React.ChangeEvent<HTMLInputElement>) => {\n      const {target} = event\n      const file = target.files?.[0]\n\n      if (file && resolveRef.current) {\n        try {\n          const resizedFile = await resizeImage({\n            file,\n            quality: qualityRef.current,\n            customQuality: customQualityRef.current,\n          })\n\n          if (activeOperationRef.current === 'gallery') {\n            reportInteraction({\n              interactionType: 'image_picker_success',\n            })\n          } else if (activeOperationRef.current === 'camera') {\n            reportInteraction({\n              interactionType: 'camera_success',\n            })\n          }\n\n          resolveRef.current(resizedFile)\n        } catch (error) {\n          console.warn('Image resize failed, using original:', error)\n          if (resolveRef.current) {\n            resolveRef.current(file)\n          }\n        }\n\n        resolveRef.current = null\n        rejectRef.current = null\n        activeOperationRef.current = null\n\n        cleanupCancelHandler()\n      }\n\n      target.value = ''\n    },\n    [cleanupCancelHandler, reportInteraction]\n  )\n\n  const openGallery = useCallback(\n    ({quality = 'medium', customQuality}: OpenGalleryParams = {}) => {\n      return new Promise<File>((resolve, reject) => {\n        rejectPendingPromise()\n        cleanupCancelHandler()\n\n        qualityRef.current = quality\n        customQualityRef.current = customQuality\n        resolveRef.current = resolve\n        rejectRef.current = reject\n        activeOperationRef.current = 'gallery'\n        const input = galleryInputRef.current\n\n        if (!input) {\n          const error = new Error('Gallery input not found')\n          reportInteraction({\n            interactionType: 'image_picker_error',\n            interactionValue: error.message,\n          })\n          reject(error)\n          resolveRef.current = null\n          rejectRef.current = null\n          activeOperationRef.current = null\n          return\n        }\n\n        const handleCancel = () => {\n          if (rejectRef.current) {\n            const error = new Error('User cancelled file selection')\n            reportInteraction({\n              interactionType: 'image_picker_error',\n              interactionValue: error.message,\n            })\n            rejectRef.current(error)\n            resolveRef.current = null\n            rejectRef.current = null\n            activeOperationRef.current = null\n          }\n          cleanupCancelHandler()\n        }\n\n        input.addEventListener('cancel', handleCancel)\n        activeCancelHandlerRef.current = {input, handler: handleCancel}\n\n        reportInteraction({\n          interactionType: 'image_picker_open',\n        })\n\n        requestPermission({permission: 'CAMERA'})\n          .then(() => {\n            // This will show both Camera and Gallery\n            input.click()\n          })\n          .catch(() => {\n            // Show only Gallery\n            input.click()\n          })\n      })\n    },\n    [\n      rejectPendingPromise,\n      cleanupCancelHandler,\n      requestPermission,\n      reportInteraction,\n    ]\n  )\n\n  const openCamera = useCallback(\n    ({\n      cameraFacing = 'back',\n      quality = 'medium',\n      customQuality,\n    }: OpenCameraParams = {}) => {\n      return new Promise<File>((resolve, reject) => {\n        rejectPendingPromise()\n        cleanupCancelHandler()\n\n        qualityRef.current = quality\n        customQualityRef.current = customQuality\n        resolveRef.current = resolve\n        rejectRef.current = reject\n        activeOperationRef.current = 'camera'\n\n        const input =\n          cameraFacing === 'front'\n            ? frontCameraInputRef.current\n            : backCameraInputRef.current\n\n        if (!input) {\n          const error = new Error('Camera input not found')\n          reportInteraction({\n            interactionType: 'camera_error',\n            interactionValue: error.message,\n          })\n          reject(error)\n          resolveRef.current = null\n          rejectRef.current = null\n          activeOperationRef.current = null\n          return\n        }\n\n        const handleCancel = () => {\n          if (rejectRef.current) {\n            const error = new Error('User cancelled camera')\n            reportInteraction({\n              interactionType: 'camera_error',\n              interactionValue: error.message,\n            })\n            rejectRef.current(error)\n            resolveRef.current = null\n            rejectRef.current = null\n            activeOperationRef.current = null\n          }\n          cleanupCancelHandler()\n        }\n\n        input.addEventListener('cancel', handleCancel)\n        activeCancelHandlerRef.current = {input, handler: handleCancel}\n\n        reportInteraction({\n          interactionType: 'camera_open',\n        })\n\n        requestPermission({permission: 'CAMERA'})\n          .then(({granted}) => {\n            if (granted) {\n              input.click()\n            } else {\n              const error = new Error('Camera permission not granted')\n              reportInteraction({\n                interactionType: 'camera_error',\n                interactionValue: error.message,\n              })\n              reject(error)\n              resolveRef.current = null\n              rejectRef.current = null\n              activeOperationRef.current = null\n            }\n          })\n          .catch(() => {\n            const error = new Error('Camera permission not granted')\n            reject(error)\n            resolveRef.current = null\n            rejectRef.current = null\n            activeOperationRef.current = null\n          })\n      })\n    },\n    [\n      rejectPendingPromise,\n      cleanupCancelHandler,\n      requestPermission,\n      reportInteraction,\n    ]\n  )\n\n  useEffect(() => {\n    return () => {\n      rejectPendingPromise()\n      cleanupCancelHandler()\n    }\n  }, [rejectPendingPromise, cleanupCancelHandler])\n\n  const contextValue: ImagePickerContextValue = useMemo(\n    () => ({\n      openCamera,\n      openGallery,\n    }),\n    [openCamera, openGallery]\n  )\n\n  return (\n    <ImagePickerContext.Provider value={contextValue}>\n      {children}\n      <input\n        ref={galleryInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n      <input\n        ref={frontCameraInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"user\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n      <input\n        ref={backCameraInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"environment\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n    </ImagePickerContext.Provider>\n  )\n}\n"],"names":["ImagePickerContext","createContext","useImagePickerContext","context","useContext","ImagePickerProvider","children","galleryInputRef","useRef","frontCameraInputRef","backCameraInputRef","resolveRef","rejectRef","activeCancelHandlerRef","activeOperationRef","qualityRef","customQualityRef","requestPermission","useRequestPermissions","reportInteraction","useReportInteraction","cleanupCancelHandler","useCallback","input","handler","rejectPendingPromise","error","handleFileChange","event","target","file","resizedFile","resizeImage","openGallery","quality","customQuality","resolve","reject","handleCancel","openCamera","cameraFacing","granted","useEffect","contextValue","useMemo","jsxs","jsx"],"mappings":";;;;;AAoCA,MAAMA,IAAqBC,EAA8C,IAAI;AAEtE,SAASC,IAAwB;AAChC,QAAAC,IAAUC,EAAWJ,CAAkB;AAC7C,MAAI,CAACG;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAEK,SAAAA;AACT;AAMgB,SAAAE,EAAoB,EAAC,UAAAC,KAAqC;AAClE,QAAAC,IAAkBC,EAAyB,IAAI,GAC/CC,IAAsBD,EAAyB,IAAI,GACnDE,IAAqBF,EAAyB,IAAI,GAClDG,IAAaH,EAAsC,IAAI,GACvDI,IAAYJ,EAAyC,IAAI,GACzDK,IAAyBL,EAGrB,IAAI,GACRM,IAAqBN,EAAoC,IAAI,GAC7DO,IAAaP,EAAqB,QAAQ,GAC1CQ,IAAmBR,EAA2B,MAAS,GACvD,EAAC,mBAAAS,EAAiB,IAAIC,EAAsB,GAC5C,EAAC,mBAAAC,EAAiB,IAAIC,EAAqB,GAE3CC,IAAuBC,EAAY,MAAM;AAC7C,QAAIT,EAAuB,SAAS;AAClC,YAAM,EAAC,OAAAU,GAAO,SAAAC,EAAO,IAAIX,EAAuB;AAC1C,MAAAU,EAAA,oBAAoB,UAAUC,CAAO,GAC3CX,EAAuB,UAAU;AAAA,IAAA;AAAA,EAErC,GAAG,EAAE,GAECY,IAAuBH,EAAY,MAAM;AAC7C,QAAIV,EAAU,SAAS;AACrB,YAAMc,IAAQ,IAAI;AAAA,QAChB;AAAA,MACF;AACI,MAAAZ,EAAmB,YAAY,YACfK,EAAA;AAAA,QAChB,iBAAiB;AAAA,QACjB,kBAAkBO,EAAM;AAAA,MAAA,CACzB,IACQZ,EAAmB,YAAY,YACtBK,EAAA;AAAA,QAChB,iBAAiB;AAAA,QACjB,kBAAkBO,EAAM;AAAA,MAAA,CACzB,GAGHd,EAAU,QAAQc,CAAK,GACvBf,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU,MAC7BC,EAAW,UAAU,UACrBC,EAAiB,UAAU;AAAA,IAAA;AAAA,EAC7B,GACC,CAACG,CAAiB,CAAC,GAEhBQ,IAAmBL;AAAA,IACvB,OAAOM,MAA+C;AAC9C,YAAA,EAAC,QAAAC,MAAUD,GACXE,IAAOD,EAAO,QAAQ,CAAC;AAEzB,UAAAC,KAAQnB,EAAW,SAAS;AAC1B,YAAA;AACI,gBAAAoB,IAAc,MAAMC,EAAY;AAAA,YACpC,MAAAF;AAAA,YACA,SAASf,EAAW;AAAA,YACpB,eAAeC,EAAiB;AAAA,UAAA,CACjC;AAEG,UAAAF,EAAmB,YAAY,YACfK,EAAA;AAAA,YAChB,iBAAiB;AAAA,UAAA,CAClB,IACQL,EAAmB,YAAY,YACtBK,EAAA;AAAA,YAChB,iBAAiB;AAAA,UAAA,CAClB,GAGHR,EAAW,QAAQoB,CAAW;AAAA,iBACvBL,GAAO;AACN,kBAAA,KAAK,wCAAwCA,CAAK,GACtDf,EAAW,WACbA,EAAW,QAAQmB,CAAI;AAAA,QACzB;AAGF,QAAAnB,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU,MAERO,EAAA;AAAA,MAAA;AAGvB,MAAAQ,EAAO,QAAQ;AAAA,IACjB;AAAA,IACA,CAACR,GAAsBF,CAAiB;AAAA,EAC1C,GAEMc,IAAcX;AAAA,IAClB,CAAC,EAAC,SAAAY,IAAU,UAAU,eAAAC,EAAa,IAAuB,CAAA,MACjD,IAAI,QAAc,CAACC,GAASC,MAAW;AACvB,MAAAZ,EAAA,GACAJ,EAAA,GAErBN,EAAW,UAAUmB,GACrBlB,EAAiB,UAAUmB,GAC3BxB,EAAW,UAAUyB,GACrBxB,EAAU,UAAUyB,GACpBvB,EAAmB,UAAU;AAC7B,YAAMS,IAAQhB,EAAgB;AAE9B,UAAI,CAACgB,GAAO;AACJ,cAAAG,IAAQ,IAAI,MAAM,yBAAyB;AAC/B,QAAAP,EAAA;AAAA,UAChB,iBAAiB;AAAA,UACjB,kBAAkBO,EAAM;AAAA,QAAA,CACzB,GACDW,EAAOX,CAAK,GACZf,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAC7B;AAAA,MAAA;AAGF,YAAMwB,IAAe,MAAM;AACzB,YAAI1B,EAAU,SAAS;AACf,gBAAAc,IAAQ,IAAI,MAAM,+BAA+B;AACrC,UAAAP,EAAA;AAAA,YAChB,iBAAiB;AAAA,YACjB,kBAAkBO,EAAM;AAAA,UAAA,CACzB,GACDd,EAAU,QAAQc,CAAK,GACvBf,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAAA,QAAA;AAEV,QAAAO,EAAA;AAAA,MACvB;AAEM,MAAAE,EAAA,iBAAiB,UAAUe,CAAY,GAC7CzB,EAAuB,UAAU,EAAC,OAAAU,GAAO,SAASe,EAAY,GAE5CnB,EAAA;AAAA,QAChB,iBAAiB;AAAA,MAAA,CAClB,GAEDF,EAAkB,EAAC,YAAY,SAAA,CAAS,EACrC,KAAK,MAAM;AAEV,QAAAM,EAAM,MAAM;AAAA,MAAA,CACb,EACA,MAAM,MAAM;AAEX,QAAAA,EAAM,MAAM;AAAA,MAAA,CACb;AAAA,IAAA,CACJ;AAAA,IAEH;AAAA,MACEE;AAAA,MACAJ;AAAA,MACAJ;AAAA,MACAE;AAAA,IAAA;AAAA,EAEJ,GAEMoB,IAAajB;AAAA,IACjB,CAAC;AAAA,MACC,cAAAkB,IAAe;AAAA,MACf,SAAAN,IAAU;AAAA,MACV,eAAAC;AAAA,IACF,IAAsB,OACb,IAAI,QAAc,CAACC,GAASC,MAAW;AACvB,MAAAZ,EAAA,GACAJ,EAAA,GAErBN,EAAW,UAAUmB,GACrBlB,EAAiB,UAAUmB,GAC3BxB,EAAW,UAAUyB,GACrBxB,EAAU,UAAUyB,GACpBvB,EAAmB,UAAU;AAE7B,YAAMS,IACJiB,MAAiB,UACb/B,EAAoB,UACpBC,EAAmB;AAEzB,UAAI,CAACa,GAAO;AACJ,cAAAG,IAAQ,IAAI,MAAM,wBAAwB;AAC9B,QAAAP,EAAA;AAAA,UAChB,iBAAiB;AAAA,UACjB,kBAAkBO,EAAM;AAAA,QAAA,CACzB,GACDW,EAAOX,CAAK,GACZf,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAC7B;AAAA,MAAA;AAGF,YAAMwB,IAAe,MAAM;AACzB,YAAI1B,EAAU,SAAS;AACf,gBAAAc,IAAQ,IAAI,MAAM,uBAAuB;AAC7B,UAAAP,EAAA;AAAA,YAChB,iBAAiB;AAAA,YACjB,kBAAkBO,EAAM;AAAA,UAAA,CACzB,GACDd,EAAU,QAAQc,CAAK,GACvBf,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAAA,QAAA;AAEV,QAAAO,EAAA;AAAA,MACvB;AAEM,MAAAE,EAAA,iBAAiB,UAAUe,CAAY,GAC7CzB,EAAuB,UAAU,EAAC,OAAAU,GAAO,SAASe,EAAY,GAE5CnB,EAAA;AAAA,QAChB,iBAAiB;AAAA,MAAA,CAClB,GAEiBF,EAAA,EAAC,YAAY,SAAQ,CAAC,EACrC,KAAK,CAAC,EAAC,SAAAwB,QAAa;AACnB,YAAIA;AACF,UAAAlB,EAAM,MAAM;AAAA,aACP;AACC,gBAAAG,IAAQ,IAAI,MAAM,+BAA+B;AACrC,UAAAP,EAAA;AAAA,YAChB,iBAAiB;AAAA,YACjB,kBAAkBO,EAAM;AAAA,UAAA,CACzB,GACDW,EAAOX,CAAK,GACZf,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAAA,QAAA;AAAA,MAC/B,CACD,EACA,MAAM,MAAM;AACL,cAAAY,IAAQ,IAAI,MAAM,+BAA+B;AACvD,QAAAW,EAAOX,CAAK,GACZf,EAAW,UAAU,MACrBC,EAAU,UAAU,MACpBE,EAAmB,UAAU;AAAA,MAAA,CAC9B;AAAA,IAAA,CACJ;AAAA,IAEH;AAAA,MACEW;AAAA,MACAJ;AAAA,MACAJ;AAAA,MACAE;AAAA,IAAA;AAAA,EAEJ;AAEA,EAAAuB,EAAU,MACD,MAAM;AACU,IAAAjB,EAAA,GACAJ,EAAA;AAAA,EACvB,GACC,CAACI,GAAsBJ,CAAoB,CAAC;AAE/C,QAAMsB,IAAwCC;AAAA,IAC5C,OAAO;AAAA,MACL,YAAAL;AAAA,MACA,aAAAN;AAAA,IAAA;AAAA,IAEF,CAACM,GAAYN,CAAW;AAAA,EAC1B;AAEA,SACG,gBAAAY,EAAA7C,EAAmB,UAAnB,EAA4B,OAAO2C,GACjC,UAAA;AAAA,IAAArC;AAAA,IACD,gBAAAwC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKvC;AAAA,QACL,MAAK;AAAA,QACL,QAAO;AAAA,QACP,UAAUoB;AAAA,QACV,OAAO,EAAC,SAAS,OAAM;AAAA,QACvB,eAAY;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKrC;AAAA,QACL,MAAK;AAAA,QACL,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,UAAUkB;AAAA,QACV,OAAO,EAAC,SAAS,OAAM;AAAA,QACvB,eAAY;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKpC;AAAA,QACL,MAAK;AAAA,QACL,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,UAAUiB;AAAA,QACV,OAAO,EAAC,SAAS,OAAM;AAAA,QACvB,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}

package/dist/shop-minis-react/node_modules/.pnpm/querystringify@2.2.0/node_modules/querystringify/index.js

@@ -1,4 +1,4 @@
-import { __exports as i } from "../../../../../../_virtual/index4.js";
+import { __exports as i } from "../../../../../../_virtual/index3.js";
 var c;
 function d() {
   if (c) return i;

package/dist/shop-minis-react/node_modules/.pnpm/video.js@8.23.3/node_modules/video.js/dist/video.es.js

@@ -1,6 +1,6 @@
 import S from "../../../../../../../_virtual/window.js";
 import B from "../../../../../../../_virtual/document.js";
-import il from "../../../../../../../_virtual/index3.js";
+import il from "../../../../../../../_virtual/index4.js";
 import ao from "../../../../../../../_virtual/browser-index.js";
 import xe from "../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/extends.js";
 import Kc from "../../../../@videojs_vhs-utils@4.1.1/node_modules/@videojs/vhs-utils/es/resolve-url.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shopify/shop-minis-react",
   "license": "SEE LICENSE IN LICENSE.txt",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "sideEffects": false,
   "type": "module",
   "engines": {