@shopify/shop-minis-react 0.4.0 → 0.4.2

package/dist/components/atoms/list.js

@@ -1,70 +1,62 @@
-import { jsx as e, Fragment as D, jsxs as g } from "react/jsx-runtime";
-import { useRef as f, useCallback as a, useEffect as w } from "react";
-import { Virtuoso as I } from "../../shop-minis-react/node_modules/.pnpm/react-virtuoso@4.14.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-virtuoso/dist/index.js";
-import { RefreshIndicator as M } from "../../internal/components/refresh-indicator.js";
-import { usePullToRefresh as U } from "../../internal/usePullToRefresh.js";
-import { findVirtuosoScrollableElement as V } from "../../internal/utils/virtuoso-dom.js";
-import { cn as x } from "../../lib/utils.js";
+import { jsx as e, Fragment as E, jsxs as w } from "react/jsx-runtime";
+import { useRef as d, useCallback as a, useEffect as b } from "react";
+import { Virtuoso as g } from "../../shop-minis-react/node_modules/.pnpm/react-virtuoso@4.14.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-virtuoso/dist/index.js";
+import { RefreshIndicator as k } from "../../internal/components/refresh-indicator.js";
+import { usePullToRefresh as I } from "../../internal/usePullToRefresh.js";
+import { findVirtuosoScrollableElement as M } from "../../internal/utils/virtuoso-dom.js";
+import { cn as v } from "../../lib/utils.js";
 /* empty css                         */
-import { Pagination as k } from "./pagination.js";
-const H = 200, q = 100;
-function W({
-  items: L,
-  height: N,
-  renderItem: p,
-  className: _,
-  showScrollbar: F = !1,
+import { Skeleton as U } from "../ui/skeleton.js";
+const D = 200, V = 100;
+function Q({
+  items: N,
+  height: x,
+  renderItem: f,
+  className: H,
+  showScrollbar: L = !1,
   header: u,
   fetchMore: r,
-  loadingComponent: E,
-  isFetchingMore: h,
+  loadingComponent: p,
   onRefresh: n,
   refreshing: m,
   enablePullToRefresh: i = !0,
-  ...R
+  ...F
 }) {
-  const l = f(null), y = f(null), s = f(null), { state: o, bindToElement: v } = U({
+  const s = d(null), _ = d(null), o = d(null), { state: l, bindToElement: h } = I({
     onRefresh: n,
-    threshold: H,
+    threshold: D,
     enabled: i && !!n
-  }), d = a(() => {
-    if (l.current) return;
+  }), R = a(() => {
+    if (s.current) return;
     const t = Promise.resolve(r?.()).finally(() => {
-      l.current === t && (l.current = null);
+      s.current === t && (s.current = null);
     });
-    l.current = t;
-  }, [r]), A = a(
-    (t, c) => /* @__PURE__ */ e(D, { children: p(c, t) }),
-    [p]
-  ), B = a(() => r ? /* @__PURE__ */ e(
-    k,
-    {
-      fetchMore: d,
-      loadingComponent: E,
-      isFetchingMore: h
-    }
-  ) : null, [d, r, E, h]), S = x(F ? void 0 : "no-scrollbars", _);
-  w(() => {
-    if (s.current && i && n) {
+    s.current = t;
+  }, [r]), S = a(
+    (t, c) => /* @__PURE__ */ e(E, { children: f(c, t) }),
+    [f]
+  ), y = a(() => r ? p ?? /* @__PURE__ */ e(U, { className: "h-10 w-full p-8" }) : null, [p, r]), A = v(L ? void 0 : "no-scrollbars", H);
+  b(() => {
+    if (o.current && i && n) {
       let t;
-      const j = setTimeout(() => {
-        if (!s.current) return;
-        const b = V(
-          s.current
+      const T = setTimeout(() => {
+        if (!o.current) return;
+        const j = M(
+          o.current
         );
-        t = v(b);
-      }, q);
+        t = h(j);
+      }, V);
       return () => {
-        clearTimeout(j), t && t();
+        clearTimeout(T), t && t();
       };
     }
-  }, [v, i, n]);
-  const T = a(() => {
-    const t = m ? Math.max(o.pullDistance, 140) : o.pullDistance, c = Math.min(
+  }, [h, i, n]);
+  const B = a(() => {
+    const t = m ? Math.max(l.pullDistance, 140) : l.pullDistance, c = Math.min(
       Math.max(t, 0),
       140
     );
-    return /* @__PURE__ */ g(D, { children: [
+    return /* @__PURE__ */ w(E, { children: [
       i && n && /* @__PURE__ */ e(
         "div",
         {
@@ -74,12 +66,12 @@ function W({
             overflow: "hidden"
           },
           children: /* @__PURE__ */ e(
-            M,
+            k,
             {
-              pullDistance: o.pullDistance,
-              threshold: H,
+              pullDistance: l.pullDistance,
+              threshold: D,
               isRefreshing: m ?? !1,
-              canRefresh: o.canRefresh,
+              canRefresh: l.canRefresh,
               className: "relative top-0 inset-x-auto"
             }
           )
@@ -87,34 +79,34 @@ function W({
       ),
       u && /* @__PURE__ */ e("div", { children: u })
     ] });
-  }, [u, i, n, o, m]);
+  }, [u, i, n, l, m]);
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: s,
-      className: x("relative transition-all duration-200", S),
+      ref: o,
+      className: v("relative transition-all duration-200", A),
       style: {
-        height: N
+        height: x
       },
       children: /* @__PURE__ */ e(
-        I,
+        g,
         {
-          ref: y,
+          ref: _,
           className: "h-full w-full",
-          data: L,
-          itemContent: A,
+          data: N,
+          itemContent: S,
           components: {
-            Header: T,
-            Footer: B
+            Header: B,
+            Footer: y
           },
-          endReached: r ? d : void 0,
-          ...R
+          endReached: r ? R : void 0,
+          ...F
         }
       )
     }
   );
 }
 export {
-  W as List
+  Q as List
 };
 //# sourceMappingURL=list.js.map

package/dist/components/atoms/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../src/components/atoms/list.tsx"],"sourcesContent":["import {useCallback, useEffect, useRef} from 'react'\n\nimport {Virtuoso, VirtuosoProps} from 'react-virtuoso'\n\nimport {RefreshIndicator} from '../../internal/components/refresh-indicator'\nimport {usePullToRefresh} from '../../internal/usePullToRefresh'\nimport {findVirtuosoScrollableElement} from '../../internal/utils/virtuoso-dom'\nimport {cn} from '../../lib/utils'\nimport '../../styles/utilities.css'\n\nimport {Pagination} from './pagination'\n\nconst DEFAULT_REFRESH_PULL_THRESHOLD = 200\nconst ELEMENT_BIND_DELAY = 100\n\ninterface Props<T = any>\n  extends Omit<\n    VirtuosoProps<T, unknown>,\n    'data' | 'itemContent' | 'endReached'\n  > {\n  items: T[]\n  renderItem: (item: T, index: number) => React.ReactNode\n  showScrollbar?: boolean\n  header?: React.ReactNode\n  fetchMore?: () => Promise<void>\n  loadingComponent?: React.ReactNode\n  isFetchingMore?: boolean\n  onRefresh?: () => Promise<void>\n  refreshing?: boolean\n  enablePullToRefresh?: boolean\n}\n\nexport function List<T = any>({\n  items,\n  height,\n  renderItem,\n  className,\n  showScrollbar = false,\n  header,\n  fetchMore,\n  loadingComponent,\n  isFetchingMore,\n  onRefresh,\n  refreshing,\n  enablePullToRefresh = true,\n  ...virtuosoProps\n}: Props<T>) {\n  const inFlightFetchMoreRef = useRef<Promise<void> | null>(null)\n  const virtuosoRef = useRef<any>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const {state: pullToRefreshState, bindToElement} = usePullToRefresh({\n    onRefresh,\n    threshold: DEFAULT_REFRESH_PULL_THRESHOLD,\n    enabled: enablePullToRefresh && Boolean(onRefresh),\n  })\n\n  const _fetchMore = useCallback(() => {\n    // Dedupe concurrent calls by returning the same in-flight promise\n    if (inFlightFetchMoreRef.current) return\n\n    const current = Promise.resolve(fetchMore?.()).finally(() => {\n      // Only clear if this is still the most recent promise\n      if (inFlightFetchMoreRef.current === current) {\n        inFlightFetchMoreRef.current = null\n      }\n    })\n\n    inFlightFetchMoreRef.current = current\n  }, [fetchMore])\n\n  const itemContent = useCallback(\n    (index: number, item: T) => <>{renderItem(item, index)}</>,\n    [renderItem]\n  )\n\n  const Footer = useCallback(() => {\n    if (!fetchMore) return null\n\n    return (\n      <Pagination\n        fetchMore={_fetchMore}\n        loadingComponent={loadingComponent}\n        isFetchingMore={isFetchingMore}\n      />\n    )\n  }, [_fetchMore, fetchMore, loadingComponent, isFetchingMore])\n\n  const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)\n\n  useEffect(() => {\n    if (containerRef.current && enablePullToRefresh && onRefresh) {\n      let cleanup: (() => void) | undefined\n\n      const findAndBind = () => {\n        if (!containerRef.current) return\n\n        const scrollableElement = findVirtuosoScrollableElement(\n          containerRef.current\n        )\n        cleanup = bindToElement(scrollableElement)\n      }\n\n      const timeoutId = setTimeout(findAndBind, ELEMENT_BIND_DELAY)\n\n      return () => {\n        clearTimeout(timeoutId)\n        if (cleanup) cleanup()\n      }\n    }\n    return undefined\n  }, [bindToElement, enablePullToRefresh, onRefresh])\n\n  const EnhancedHeader = useCallback(() => {\n    const effectivePullDistance = refreshing\n      ? Math.max(pullToRefreshState.pullDistance, 140)\n      : pullToRefreshState.pullDistance\n\n    const refreshHeaderHeight = Math.min(\n      Math.max(effectivePullDistance, 0),\n      140\n    )\n\n    return (\n      <>\n        {enablePullToRefresh && onRefresh && (\n          <div\n            className=\"flex items-center justify-center\"\n            style={{\n              height: refreshHeaderHeight,\n              overflow: 'hidden',\n            }}\n          >\n            <RefreshIndicator\n              pullDistance={pullToRefreshState.pullDistance}\n              threshold={DEFAULT_REFRESH_PULL_THRESHOLD}\n              isRefreshing={refreshing ?? false}\n              canRefresh={pullToRefreshState.canRefresh}\n              className=\"relative top-0 inset-x-auto\"\n            />\n          </div>\n        )}\n        {header && <div>{header}</div>}\n      </>\n    )\n  }, [header, enablePullToRefresh, onRefresh, pullToRefreshState, refreshing])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('relative transition-all duration-200', classNames)}\n      style={{\n        height,\n      }}\n    >\n      <Virtuoso\n        ref={virtuosoRef}\n        className=\"h-full w-full\"\n        data={items}\n        itemContent={itemContent}\n        components={{\n          Header: EnhancedHeader,\n          Footer,\n        }}\n        endReached={fetchMore ? _fetchMore : undefined}\n        {...virtuosoProps}\n      />\n    </div>\n  )\n}\n"],"names":["DEFAULT_REFRESH_PULL_THRESHOLD","ELEMENT_BIND_DELAY","List","items","height","renderItem","className","showScrollbar","header","fetchMore","loadingComponent","isFetchingMore","onRefresh","refreshing","enablePullToRefresh","virtuosoProps","inFlightFetchMoreRef","useRef","virtuosoRef","containerRef","pullToRefreshState","bindToElement","usePullToRefresh","_fetchMore","useCallback","current","itemContent","index","item","Footer","jsx","Pagination","classNames","cn","useEffect","cleanup","timeoutId","scrollableElement","findVirtuosoScrollableElement","EnhancedHeader","effectivePullDistance","refreshHeaderHeight","jsxs","Fragment","RefreshIndicator","Virtuoso"],"mappings":"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"}
+{"version":3,"file":"list.js","sources":["../../../src/components/atoms/list.tsx"],"sourcesContent":["import {useCallback, useEffect, useRef} from 'react'\n\nimport {Virtuoso, VirtuosoProps} from 'react-virtuoso'\n\nimport {RefreshIndicator} from '../../internal/components/refresh-indicator'\nimport {usePullToRefresh} from '../../internal/usePullToRefresh'\nimport {findVirtuosoScrollableElement} from '../../internal/utils/virtuoso-dom'\nimport {cn} from '../../lib/utils'\nimport '../../styles/utilities.css'\nimport {Skeleton} from '../ui/skeleton'\n\nconst DEFAULT_REFRESH_PULL_THRESHOLD = 200\nconst ELEMENT_BIND_DELAY = 100\n\ninterface Props<T = any>\n  extends Omit<\n    VirtuosoProps<T, unknown>,\n    'data' | 'itemContent' | 'endReached'\n  > {\n  items: T[]\n  renderItem: (item: T, index: number) => React.ReactNode\n  showScrollbar?: boolean\n  header?: React.ReactNode\n  fetchMore?: () => Promise<void>\n  loadingComponent?: React.ReactNode\n  onRefresh?: () => Promise<void>\n  refreshing?: boolean\n  enablePullToRefresh?: boolean\n}\n\nexport function List<T = any>({\n  items,\n  height,\n  renderItem,\n  className,\n  showScrollbar = false,\n  header,\n  fetchMore,\n  loadingComponent,\n  onRefresh,\n  refreshing,\n  enablePullToRefresh = true,\n  ...virtuosoProps\n}: Props<T>) {\n  const inFlightFetchMoreRef = useRef<Promise<void> | null>(null)\n  const virtuosoRef = useRef<any>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const {state: pullToRefreshState, bindToElement} = usePullToRefresh({\n    onRefresh,\n    threshold: DEFAULT_REFRESH_PULL_THRESHOLD,\n    enabled: enablePullToRefresh && Boolean(onRefresh),\n  })\n\n  const _fetchMore = useCallback(() => {\n    // Dedupe concurrent calls by returning the same in-flight promise\n    if (inFlightFetchMoreRef.current) return\n\n    const current = Promise.resolve(fetchMore?.()).finally(() => {\n      // Only clear if this is still the most recent promise\n      if (inFlightFetchMoreRef.current === current) {\n        inFlightFetchMoreRef.current = null\n      }\n    })\n\n    inFlightFetchMoreRef.current = current\n  }, [fetchMore])\n\n  const itemContent = useCallback(\n    (index: number, item: T) => <>{renderItem(item, index)}</>,\n    [renderItem]\n  )\n\n  const Footer = useCallback(() => {\n    if (!fetchMore) return null\n\n    return loadingComponent ?? <Skeleton className=\"h-10 w-full p-8\" />\n  }, [loadingComponent, fetchMore])\n\n  const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)\n\n  useEffect(() => {\n    if (containerRef.current && enablePullToRefresh && onRefresh) {\n      let cleanup: (() => void) | undefined\n\n      const findAndBind = () => {\n        if (!containerRef.current) return\n\n        const scrollableElement = findVirtuosoScrollableElement(\n          containerRef.current\n        )\n        cleanup = bindToElement(scrollableElement)\n      }\n\n      const timeoutId = setTimeout(findAndBind, ELEMENT_BIND_DELAY)\n\n      return () => {\n        clearTimeout(timeoutId)\n        if (cleanup) cleanup()\n      }\n    }\n    return undefined\n  }, [bindToElement, enablePullToRefresh, onRefresh])\n\n  const EnhancedHeader = useCallback(() => {\n    const effectivePullDistance = refreshing\n      ? Math.max(pullToRefreshState.pullDistance, 140)\n      : pullToRefreshState.pullDistance\n\n    const refreshHeaderHeight = Math.min(\n      Math.max(effectivePullDistance, 0),\n      140\n    )\n\n    return (\n      <>\n        {enablePullToRefresh && onRefresh && (\n          <div\n            className=\"flex items-center justify-center\"\n            style={{\n              height: refreshHeaderHeight,\n              overflow: 'hidden',\n            }}\n          >\n            <RefreshIndicator\n              pullDistance={pullToRefreshState.pullDistance}\n              threshold={DEFAULT_REFRESH_PULL_THRESHOLD}\n              isRefreshing={refreshing ?? false}\n              canRefresh={pullToRefreshState.canRefresh}\n              className=\"relative top-0 inset-x-auto\"\n            />\n          </div>\n        )}\n        {header && <div>{header}</div>}\n      </>\n    )\n  }, [header, enablePullToRefresh, onRefresh, pullToRefreshState, refreshing])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('relative transition-all duration-200', classNames)}\n      style={{\n        height,\n      }}\n    >\n      <Virtuoso\n        ref={virtuosoRef}\n        className=\"h-full w-full\"\n        data={items}\n        itemContent={itemContent}\n        components={{\n          Header: EnhancedHeader,\n          Footer,\n        }}\n        endReached={fetchMore ? _fetchMore : undefined}\n        {...virtuosoProps}\n      />\n    </div>\n  )\n}\n"],"names":["DEFAULT_REFRESH_PULL_THRESHOLD","ELEMENT_BIND_DELAY","List","items","height","renderItem","className","showScrollbar","header","fetchMore","loadingComponent","onRefresh","refreshing","enablePullToRefresh","virtuosoProps","inFlightFetchMoreRef","useRef","virtuosoRef","containerRef","pullToRefreshState","bindToElement","usePullToRefresh","_fetchMore","useCallback","current","itemContent","index","item","Footer","jsx","Skeleton","classNames","cn","useEffect","cleanup","timeoutId","scrollableElement","findVirtuosoScrollableElement","EnhancedHeader","effectivePullDistance","refreshHeaderHeight","jsxs","Fragment","RefreshIndicator","Virtuoso"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAiC,KACjCC,IAAqB;AAkBpB,SAASC,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,GAAGC;AACL,GAAa;AACL,QAAAC,IAAuBC,EAA6B,IAAI,GACxDC,IAAcD,EAAY,IAAI,GAC9BE,IAAeF,EAAuB,IAAI,GAE1C,EAAC,OAAOG,GAAoB,eAAAC,EAAA,IAAiBC,EAAiB;AAAA,IAClE,WAAAV;AAAA,IACA,WAAWX;AAAA,IACX,SAASa,KAAuB,EAAQF;AAAA,EAAS,CAClD,GAEKW,IAAaC,EAAY,MAAM;AAEnC,QAAIR,EAAqB,QAAS;AAElC,UAAMS,IAAU,QAAQ,QAAQf,IAAa,CAAA,EAAE,QAAQ,MAAM;AAEvD,MAAAM,EAAqB,YAAYS,MACnCT,EAAqB,UAAU;AAAA,IACjC,CACD;AAED,IAAAA,EAAqB,UAAUS;AAAA,EAAA,GAC9B,CAACf,CAAS,CAAC,GAERgB,IAAcF;AAAA,IAClB,CAACG,GAAeC,6BAAe,UAAWtB,EAAAsB,GAAMD,CAAK,GAAE;AAAA,IACvD,CAACrB,CAAU;AAAA,EACb,GAEMuB,IAASL,EAAY,MACpBd,IAEEC,KAAoB,gBAAAmB,EAACC,GAAS,EAAA,WAAU,kBAAkB,CAAA,IAF1C,MAGtB,CAACpB,GAAkBD,CAAS,CAAC,GAE1BsB,IAAaC,EAAGzB,IAAgB,SAAY,iBAAiBD,CAAS;AAE5E,EAAA2B,EAAU,MAAM;AACV,QAAAf,EAAa,WAAWL,KAAuBF,GAAW;AACxD,UAAAuB;AAWE,YAAAC,IAAY,WATE,MAAM;AACpB,YAAA,CAACjB,EAAa,QAAS;AAE3B,cAAMkB,IAAoBC;AAAA,UACxBnB,EAAa;AAAA,QACf;AACA,QAAAgB,IAAUd,EAAcgB,CAAiB;AAAA,MAC3C,GAE0CnC,CAAkB;AAE5D,aAAO,MAAM;AACX,qBAAakC,CAAS,GAClBD,KAAiBA,EAAA;AAAA,MACvB;AAAA,IAAA;AAAA,EAGD,GAAA,CAACd,GAAeP,GAAqBF,CAAS,CAAC;AAE5C,QAAA2B,IAAiBf,EAAY,MAAM;AACjC,UAAAgB,IAAwB3B,IAC1B,KAAK,IAAIO,EAAmB,cAAc,GAAG,IAC7CA,EAAmB,cAEjBqB,IAAsB,KAAK;AAAA,MAC/B,KAAK,IAAID,GAAuB,CAAC;AAAA,MACjC;AAAA,IACF;AAEA,WAEK,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA7B,KAAuBF,KACtB,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,QAAQW;AAAA,YACR,UAAU;AAAA,UACZ;AAAA,UAEA,UAAA,gBAAAX;AAAA,YAACc;AAAA,YAAA;AAAA,cACC,cAAcxB,EAAmB;AAAA,cACjC,WAAWnB;AAAA,cACX,cAAcY,KAAc;AAAA,cAC5B,YAAYO,EAAmB;AAAA,cAC/B,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MACF;AAAA,MAEDX,KAAW,gBAAAqB,EAAA,OAAA,EAAK,UAAOrB,EAAA,CAAA;AAAA,IAAA,GAC1B;AAAA,EAAA,GAED,CAACA,GAAQK,GAAqBF,GAAWQ,GAAoBP,CAAU,CAAC;AAGzE,SAAA,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKX;AAAA,MACL,WAAWc,EAAG,wCAAwCD,CAAU;AAAA,MAChE,OAAO;AAAA,QACL,QAAA3B;AAAA,MACF;AAAA,MAEA,UAAA,gBAAAyB;AAAA,QAACe;AAAAA,QAAA;AAAA,UACC,KAAK3B;AAAA,UACL,WAAU;AAAA,UACV,MAAMd;AAAA,UACN,aAAAsB;AAAA,UACA,YAAY;AAAA,YACV,QAAQa;AAAA,YACR,QAAAV;AAAA,UACF;AAAA,UACA,YAAYnB,IAAYa,IAAa;AAAA,UACpC,GAAGR;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;"}

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