@useupup/vue 3.3.0

package/dist/BoxUploader-TIDCYWMC.js

@@ -0,0 +1,214 @@
+import {
+  DriveAuthFallback_default,
+  DriveBrowser_default,
+  ServerModeDriveUploader_default
+} from "./chunk-PPPFIWFQ.js";
+import "./chunk-RZ7RTSRZ.js";
+import "./chunk-M6AHIQ3M.js";
+import {
+  export_helper_default,
+  useUploaderFiles,
+  useUploaderRuntime,
+  useUploaderSource
+} from "./chunk-X6FZTCNT.js";
+
+// src/components/BoxUploader.vue
+import { defineComponent as _defineComponent2 } from "vue";
+
+// src/components/ClientBoxUploader.vue
+import { defineComponent as _defineComponent } from "vue";
+
+// src/composables/useBox.ts
+import {
+  shallowRef,
+  computed,
+  onMounted,
+  onUnmounted
+} from "vue";
+import { BOX_DESCRIPTOR } from "@useupup/core";
+import {
+  DriveBrowserController
+} from "@useupup/core/internal";
+function useBox() {
+  const { core } = useUploaderRuntime();
+  const { setActiveSource } = useUploaderSource();
+  const { setFiles } = useUploaderFiles();
+  if (!core) {
+    throw new Error("useBox must be used inside <UpupUploader />");
+  }
+  const controller = new DriveBrowserController(core, BOX_DESCRIPTOR, {
+    onFilesSelected: (files) => {
+      setFiles(files);
+    },
+    onClose: () => {
+      setActiveSource(void 0);
+    }
+  });
+  const state = shallowRef(controller.getSnapshot());
+  let unsub = null;
+  onMounted(() => {
+    unsub = controller.subscribe(() => {
+      state.value = controller.getSnapshot();
+    });
+    controller.init();
+  });
+  onUnmounted(() => {
+    controller.destroy();
+    unsub == null ? void 0 : unsub();
+  });
+  return {
+    user: computed(() => state.value.user),
+    boxFiles: computed(() => state.value.folder),
+    logout: () => {
+      controller.signOut();
+    },
+    authenticate: () => {
+      controller.signIn();
+    },
+    token: computed(
+      () => state.value.isAuthenticated ? "active" : void 0
+    ),
+    isAuthenticated: computed(() => state.value.isAuthenticated),
+    isLoading: computed(() => state.value.isLoading),
+    path: computed(() => state.value.path),
+    setPath: (newPath) => {
+      controller.setPath(newPath);
+    },
+    handleClick: (file) => {
+      controller.handleClick(file);
+    },
+    selectedFiles: computed(() => state.value.selectedFiles),
+    showLoader: computed(() => state.value.showLoader),
+    handleSubmit: () => controller.handleSubmit(),
+    handleCancelDownload: () => {
+      controller.handleCancelDownload();
+    },
+    onSelectCurrentFolder: () => controller.onSelectCurrentFolder(),
+    isClickLoading: computed(() => state.value.isClickLoading),
+    error: computed(() => state.value.error),
+    hasMore: computed(() => state.value.hasMore),
+    isLoadingMore: computed(() => state.value.isLoadingMore),
+    loadMore: () => controller.loadMore()
+  };
+}
+
+// src/components/ClientBoxUploader.vue
+import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+var _sfc_main = /* @__PURE__ */ _defineComponent({
+  __name: "ClientBoxUploader",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { user, boxFiles: driveFiles, logout, token, isAuthenticated, authenticate, isLoading, path, setPath, isClickLoading, handleClick, selectedFiles, showLoader, handleSubmit, handleCancelDownload, onSelectCurrentFolder, error, hasMore, isLoadingMore, loadMore } = useBox();
+    async function handleSignOut() {
+      logout();
+    }
+    const __returned__ = {
+      user,
+      driveFiles,
+      logout,
+      token,
+      isAuthenticated,
+      authenticate,
+      isLoading,
+      path,
+      setPath,
+      isClickLoading,
+      handleClick,
+      selectedFiles,
+      showLoader,
+      handleSubmit,
+      handleCancelDownload,
+      onSelectCurrentFolder,
+      error,
+      hasMore,
+      isLoadingMore,
+      loadMore,
+      handleSignOut,
+      DriveAuthFallback: DriveAuthFallback_default,
+      DriveBrowser: DriveBrowser_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return !$setup.isAuthenticated && !$setup.token && !$setup.isLoading ? (_openBlock(), _createBlock($setup["DriveAuthFallback"], {
+    key: 0,
+    "provider-name": "Box",
+    "on-retry": $setup.authenticate,
+    "data-upup-slot": "box-uploader"
+  }, null, 8, ["on-retry"])) : (_openBlock(), _createBlock($setup["DriveBrowser"], {
+    key: 1,
+    "drive-files": $setup.driveFiles,
+    user: $setup.user,
+    "handle-sign-out": $setup.handleSignOut,
+    "data-upup-slot": "box-uploader",
+    path: $setup.path,
+    "set-path": $setup.setPath,
+    "is-click-loading": $setup.isClickLoading,
+    "handle-click": $setup.handleClick,
+    "selected-files": $setup.selectedFiles,
+    "show-loader": $setup.showLoader,
+    "handle-submit": $setup.handleSubmit,
+    "handle-cancel-download": $setup.handleCancelDownload,
+    "on-select-current-folder": $setup.onSelectCurrentFolder,
+    error: $setup.error,
+    "has-more": $setup.hasMore,
+    "is-loading-more": $setup.isLoadingMore,
+    "load-more": $setup.loadMore
+  }, null, 8, [
+    "drive-files",
+    "user",
+    "path",
+    "set-path",
+    "is-click-loading",
+    "handle-click",
+    "selected-files",
+    "show-loader",
+    "handle-submit",
+    "handle-cancel-download",
+    "on-select-current-folder",
+    "error",
+    "has-more",
+    "is-loading-more",
+    "load-more"
+  ]));
+}
+var ClientBoxUploader_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\ClientBoxUploader.vue"]]);
+
+// src/components/BoxUploader.vue
+import { openBlock as _openBlock2, createBlock as _createBlock2 } from "vue";
+var _sfc_main2 = /* @__PURE__ */ _defineComponent2({
+  __name: "BoxUploader",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { mode } = useUploaderRuntime();
+    const { setActiveSource } = useUploaderSource();
+    const __returned__ = {
+      mode,
+      setActiveSource,
+      ClientBoxUploader: ClientBoxUploader_default,
+      ServerModeDriveUploader: ServerModeDriveUploader_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+function _sfc_render2(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.mode === "server" ? (_openBlock2(), _createBlock2($setup["ServerModeDriveUploader"], {
+    key: 0,
+    provider: "box",
+    "on-back": () => $setup.setActiveSource(void 0)
+  }, null, 8, ["on-back"])) : (_openBlock2(), _createBlock2($setup["ClientBoxUploader"], { key: 1 }));
+}
+var BoxUploader_default = /* @__PURE__ */ export_helper_default(_sfc_main2, [["render", _sfc_render2], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\BoxUploader.vue"]]);
+export {
+  BoxUploader_default as default
+};
+//# sourceMappingURL=BoxUploader-TIDCYWMC.js.map

package/dist/BoxUploader-TIDCYWMC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/composables/useBox.ts","../src/components/ClientBoxUploader.vue","../src/components/ClientBoxUploader.vue","../src/components/BoxUploader.vue","../src/components/BoxUploader.vue"],"sourcesContent":["import {\r\n    shallowRef,\r\n    computed,\r\n    onMounted,\r\n    onUnmounted,\r\n    type ComputedRef,\r\n} from 'vue'\r\nimport { BOX_DESCRIPTOR, type DriveFile, type DriveFolder } from '@useupup/core'\r\nimport {\r\n    DriveBrowserController,\r\n    type DriveBrowserState,\r\n} from '@useupup/core/internal'\r\nimport {\r\n    useUploaderFiles,\r\n    useUploaderRuntime,\r\n    useUploaderSource,\r\n} from '../context/uploader-context'\r\n\r\ninterface UseBoxReturn {\r\n    user: ComputedRef<DriveBrowserState['user']>\r\n    boxFiles: ComputedRef<DriveBrowserState['folder']>\r\n    logout: () => void\r\n    authenticate: () => void\r\n    token: ComputedRef<'active' | undefined>\r\n    isAuthenticated: ComputedRef<DriveBrowserState['isAuthenticated']>\r\n    isLoading: ComputedRef<DriveBrowserState['isLoading']>\r\n    path: ComputedRef<DriveBrowserState['path']>\r\n    setPath: (newPath: DriveFolder[]) => void\r\n    handleClick: (file: DriveFile) => void\r\n    selectedFiles: ComputedRef<DriveBrowserState['selectedFiles']>\r\n    showLoader: ComputedRef<DriveBrowserState['showLoader']>\r\n    handleSubmit: () => Promise<void>\r\n    handleCancelDownload: () => void\r\n    onSelectCurrentFolder: () => Promise<void>\r\n    isClickLoading: ComputedRef<DriveBrowserState['isClickLoading']>\r\n    error: ComputedRef<DriveBrowserState['error']>\r\n    hasMore: ComputedRef<DriveBrowserState['hasMore']>\r\n    isLoadingMore: ComputedRef<DriveBrowserState['isLoadingMore']>\r\n    loadMore: () => Promise<void>\r\n}\r\n\r\nexport function useBox(): UseBoxReturn {\r\n    const { core } = useUploaderRuntime()\r\n    const { setActiveSource } = useUploaderSource()\r\n    const { setFiles } = useUploaderFiles()\r\n\r\n    if (!core) {\r\n        throw new Error('useBox must be used inside <UpupUploader />')\r\n    }\r\n\r\n    const controller = new DriveBrowserController(core, BOX_DESCRIPTOR, {\r\n        onFilesSelected: files => {\r\n            setFiles(files)\r\n        },\r\n        onClose: () => {\r\n            setActiveSource(undefined)\r\n        },\r\n    })\r\n\r\n    const state = shallowRef(controller.getSnapshot())\r\n    let unsub: (() => void) | null = null\r\n\r\n    onMounted(() => {\r\n        unsub = controller.subscribe(() => {\r\n            state.value = controller.getSnapshot()\r\n        })\r\n        controller.init()\r\n    })\r\n    onUnmounted(() => {\r\n        controller.destroy()\r\n        unsub?.()\r\n    })\r\n\r\n    return {\r\n        user: computed(() => state.value.user),\r\n        boxFiles: computed(() => state.value.folder),\r\n        logout: () => {\r\n            controller.signOut()\r\n        },\r\n        authenticate: () => {\r\n            controller.signIn()\r\n        },\r\n        token: computed(() =>\r\n            state.value.isAuthenticated ? 'active' : undefined,\r\n        ),\r\n        isAuthenticated: computed(() => state.value.isAuthenticated),\r\n        isLoading: computed(() => state.value.isLoading),\r\n        path: computed(() => state.value.path),\r\n        setPath: (newPath: DriveFolder[]) => {\r\n            controller.setPath(newPath)\r\n        },\r\n        handleClick: (file: DriveFile) => {\r\n            controller.handleClick(file)\r\n        },\r\n        selectedFiles: computed(() => state.value.selectedFiles),\r\n        showLoader: computed(() => state.value.showLoader),\r\n        handleSubmit: () => controller.handleSubmit(),\r\n        handleCancelDownload: () => {\r\n            controller.handleCancelDownload()\r\n        },\r\n        onSelectCurrentFolder: () => controller.onSelectCurrentFolder(),\r\n        isClickLoading: computed(() => state.value.isClickLoading),\r\n        error: computed(() => state.value.error),\r\n        hasMore: computed(() => state.value.hasMore),\r\n        isLoadingMore: computed(() => state.value.isLoadingMore),\r\n        loadMore: () => controller.loadMore(),\r\n    }\r\n}\r\n\r\nexport default useBox\r\n","<script setup lang=\"ts\">\r\nimport { useBox } from '../composables/useBox'\r\nimport DriveAuthFallback from './shared/DriveAuthFallback.vue'\r\nimport DriveBrowser from './shared/DriveBrowser.vue'\r\n\r\nconst {\r\n    user,\r\n    boxFiles: driveFiles,\r\n    logout,\r\n    token,\r\n    isAuthenticated,\r\n    authenticate,\r\n    isLoading,\r\n    path,\r\n    setPath,\r\n    isClickLoading,\r\n    handleClick,\r\n    selectedFiles,\r\n    showLoader,\r\n    handleSubmit,\r\n    handleCancelDownload,\r\n    onSelectCurrentFolder,\r\n    error,\r\n    hasMore,\r\n    isLoadingMore,\r\n    loadMore,\r\n} = useBox()\r\n\r\nasync function handleSignOut() {\r\n    logout()\r\n}\r\n</script>\r\n\r\n<template>\r\n    <DriveAuthFallback\r\n        v-if=\"!isAuthenticated && !token && !isLoading\"\r\n        provider-name=\"Box\"\r\n        :on-retry=\"authenticate\"\r\n        data-upup-slot=\"box-uploader\"\r\n    />\r\n    <DriveBrowser\r\n        v-else\r\n        :drive-files=\"driveFiles\"\r\n        :user=\"user\"\r\n        :handle-sign-out=\"handleSignOut\"\r\n        data-upup-slot=\"box-uploader\"\r\n        :path=\"path\"\r\n        :set-path=\"setPath\"\r\n        :is-click-loading=\"isClickLoading\"\r\n        :handle-click=\"handleClick\"\r\n        :selected-files=\"selectedFiles\"\r\n        :show-loader=\"showLoader\"\r\n        :handle-submit=\"handleSubmit\"\r\n        :handle-cancel-download=\"handleCancelDownload\"\r\n        :on-select-current-folder=\"onSelectCurrentFolder\"\r\n        :error=\"error\"\r\n        :has-more=\"hasMore\"\r\n        :is-loading-more=\"isLoadingMore\"\r\n        :load-more=\"loadMore\"\r\n    />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { useBox } from '../composables/useBox'\r\nimport DriveAuthFallback from './shared/DriveAuthFallback.vue'\r\nimport DriveBrowser from './shared/DriveBrowser.vue'\r\n\r\nconst {\r\n    user,\r\n    boxFiles: driveFiles,\r\n    logout,\r\n    token,\r\n    isAuthenticated,\r\n    authenticate,\r\n    isLoading,\r\n    path,\r\n    setPath,\r\n    isClickLoading,\r\n    handleClick,\r\n    selectedFiles,\r\n    showLoader,\r\n    handleSubmit,\r\n    handleCancelDownload,\r\n    onSelectCurrentFolder,\r\n    error,\r\n    hasMore,\r\n    isLoadingMore,\r\n    loadMore,\r\n} = useBox()\r\n\r\nasync function handleSignOut() {\r\n    logout()\r\n}\r\n</script>\r\n\r\n<template>\r\n    <DriveAuthFallback\r\n        v-if=\"!isAuthenticated && !token && !isLoading\"\r\n        provider-name=\"Box\"\r\n        :on-retry=\"authenticate\"\r\n        data-upup-slot=\"box-uploader\"\r\n    />\r\n    <DriveBrowser\r\n        v-else\r\n        :drive-files=\"driveFiles\"\r\n        :user=\"user\"\r\n        :handle-sign-out=\"handleSignOut\"\r\n        data-upup-slot=\"box-uploader\"\r\n        :path=\"path\"\r\n        :set-path=\"setPath\"\r\n        :is-click-loading=\"isClickLoading\"\r\n        :handle-click=\"handleClick\"\r\n        :selected-files=\"selectedFiles\"\r\n        :show-loader=\"showLoader\"\r\n        :handle-submit=\"handleSubmit\"\r\n        :handle-cancel-download=\"handleCancelDownload\"\r\n        :on-select-current-folder=\"onSelectCurrentFolder\"\r\n        :error=\"error\"\r\n        :has-more=\"hasMore\"\r\n        :is-loading-more=\"isLoadingMore\"\r\n        :load-more=\"loadMore\"\r\n    />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { useUploaderRuntime, useUploaderSource } from '../context/uploader-context'\r\nimport ClientBoxUploader from './ClientBoxUploader.vue'\r\nimport ServerModeDriveUploader from './ServerModeDriveUploader.vue'\r\n\r\nconst { mode } = useUploaderRuntime()\r\nconst { setActiveSource } = useUploaderSource()\r\n</script>\r\n\r\n<template>\r\n    <ServerModeDriveUploader\r\n        v-if=\"mode === 'server'\"\r\n        provider=\"box\"\r\n        :on-back=\"() => setActiveSource(undefined)\"\r\n    />\r\n    <ClientBoxUploader v-else />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { useUploaderRuntime, useUploaderSource } from '../context/uploader-context'\r\nimport ClientBoxUploader from './ClientBoxUploader.vue'\r\nimport ServerModeDriveUploader from './ServerModeDriveUploader.vue'\r\n\r\nconst { mode } = useUploaderRuntime()\r\nconst { setActiveSource } = useUploaderSource()\r\n</script>\r\n\r\n<template>\r\n    <ServerModeDriveUploader\r\n        v-if=\"mode === 'server'\"\r\n        provider=\"box\"\r\n        :on-back=\"() => setActiveSource(undefined)\"\r\n    />\r\n    <ClientBoxUploader v-else />\r\n</template>\r\n"],"mappings":"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","names":["_openBlock","_createBlock"]}

package/dist/CameraUploader-575RARRY.js

@@ -0,0 +1,258 @@
+import {
+  SourceViewContainer_default
+} from "./chunk-M6AHIQ3M.js";
+import {
+  export_helper_default,
+  useUploaderFiles,
+  useUploaderI18n,
+  useUploaderOptions,
+  useUploaderRuntime,
+  useUploaderSource,
+  useUploaderTheme
+} from "./chunk-X6FZTCNT.js";
+
+// src/components/CameraUploader.vue
+import { defineComponent as _defineComponent } from "vue";
+import { onMounted, watch } from "vue";
+import { formatUiMessage as t } from "@useupup/core";
+import { cn } from "@useupup/core/internal";
+
+// src/composables/useCameraUploader.ts
+import { computed, onUnmounted, ref } from "vue";
+function useCameraUploader() {
+  const { core } = useUploaderRuntime();
+  const { setFiles } = useUploaderFiles();
+  const { setActiveSource } = useUploaderSource();
+  const { translations } = useUploaderI18n();
+  const props = useUploaderOptions();
+  const theme = useUploaderTheme();
+  const videoRef = ref(null);
+  const capturedUrl = ref("");
+  const facingMode = ref("environment" /* Environment */);
+  const stream = ref(null);
+  const newCameraSide = computed(
+    () => facingMode.value === "environment" /* Environment */ ? "front" : "back"
+  );
+  async function startCamera() {
+    try {
+      if (stream.value) {
+        stream.value.getTracks().forEach((t2) => {
+          t2.stop();
+        });
+      }
+      const mediaStream = await navigator.mediaDevices.getUserMedia({
+        video: { facingMode: facingMode.value }
+      });
+      stream.value = mediaStream;
+      if (videoRef.value) {
+        videoRef.value.srcObject = mediaStream;
+        await videoRef.value.play();
+      }
+    } catch {
+    }
+  }
+  function stopCamera() {
+    if (stream.value) {
+      stream.value.getTracks().forEach((t2) => {
+        t2.stop();
+      });
+      stream.value = null;
+    }
+    if (videoRef.value) {
+      videoRef.value.srcObject = null;
+    }
+  }
+  function capture() {
+    if (!videoRef.value) return;
+    const canvas = document.createElement("canvas");
+    canvas.width = videoRef.value.videoWidth;
+    canvas.height = videoRef.value.videoHeight;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    ctx.drawImage(videoRef.value, 0, 0);
+    const dataUrl = canvas.toDataURL("image/jpeg");
+    capturedUrl.value = dataUrl;
+    core == null ? void 0 : core.emit("camera-capture", { dataUrl });
+  }
+  function clearUrl() {
+    capturedUrl.value = "";
+  }
+  async function handleFetchImage() {
+    if (!capturedUrl.value) return;
+    const response = await fetch(capturedUrl.value);
+    const blob = await response.blob();
+    const file = new File([blob], `capture-${Date.now()}.jpg`, {
+      type: "image/jpeg"
+    });
+    setFiles([file]);
+    capturedUrl.value = "";
+    setActiveSource(void 0);
+    core == null ? void 0 : core.emit("camera-confirm", { file });
+  }
+  function handleCameraSwitch() {
+    facingMode.value = facingMode.value === "environment" /* Environment */ ? "user" /* User */ : "environment" /* Environment */;
+  }
+  onUnmounted(() => {
+    stopCamera();
+  });
+  return {
+    videoRef,
+    capturedUrl,
+    facingMode,
+    newCameraSide,
+    startCamera,
+    stopCamera,
+    capture,
+    clearUrl,
+    handleFetchImage,
+    handleCameraSwitch,
+    translations,
+    props,
+    theme
+  };
+}
+
+// src/components/CameraUploader.vue
+import { resolveDynamicComponent as _resolveDynamicComponent, openBlock as _openBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, Fragment as _Fragment, withCtx as _withCtx } from "vue";
+var _sfc_main = /* @__PURE__ */ _defineComponent({
+  __name: "CameraUploader",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { videoRef, capturedUrl, facingMode, newCameraSide, startCamera, capture, clearUrl, handleFetchImage, handleCameraSwitch, translations: tr, props: { icons: { CameraCaptureIcon, CameraDeleteIcon, CameraRotateIcon } }, theme: { isDark: dark, slotOverrides: slotClasses } } = useCameraUploader();
+    onMounted(() => {
+      startCamera();
+    });
+    watch(facingMode, () => {
+      if (!capturedUrl.value) startCamera();
+    });
+    const __returned__ = {
+      videoRef,
+      capturedUrl,
+      facingMode,
+      newCameraSide,
+      startCamera,
+      capture,
+      clearUrl,
+      handleFetchImage,
+      handleCameraSwitch,
+      tr,
+      CameraCaptureIcon,
+      CameraDeleteIcon,
+      CameraRotateIcon,
+      dark,
+      slotClasses,
+      get t() {
+        return t;
+      },
+      get cn() {
+        return cn;
+      },
+      SourceViewContainer: SourceViewContainer_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_1 = {
+  "data-testid": "upup-camera-uploader",
+  class: "upup-flex upup-h-full upup-w-full upup-flex-col upup-justify-center upup-overflow-hidden upup-px-3 upup-py-2"
+};
+var _hoisted_2 = { class: "upup-flex upup-min-h-0 upup-flex-1 upup-items-center upup-justify-center upup-pt-2" };
+var _hoisted_3 = {
+  key: 1,
+  ref: "videoRef",
+  autoplay: "",
+  muted: "",
+  playsinline: "",
+  class: "upup-aspect-video upup-max-h-full upup-max-w-full upup-rounded-xl upup-object-contain"
+};
+var _hoisted_4 = { class: "upup-flex upup-shrink-0 upup-gap-4" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createBlock($setup["SourceViewContainer"], { "data-upup-slot": "camera-uploader" }, {
+    default: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [!!$setup.capturedUrl ? (_openBlock(), _createElementBlock(
+      "div",
+      {
+        key: 0,
+        class: _normalizeClass($setup.cn("upup-relative upup-aspect-video upup-max-h-full upup-max-w-full upup-bg-black/[0.025] upup-bg-contain upup-bg-center upup-bg-no-repeat upup-shadow-xl", { "upup-bg-white/5 dark:upup-bg-white/5": $setup.dark }, $setup.slotClasses.cameraPreviewContainer)),
+        style: _normalizeStyle({ backgroundImage: `url(${$setup.capturedUrl})` })
+      },
+      [_createElementVNode(
+        "button",
+        {
+          onClick: _cache[0] || (_cache[0] = (...args) => $setup.clearUrl && $setup.clearUrl(...args)),
+          class: _normalizeClass($setup.cn("upup-absolute upup--right-2 upup--top-2 upup-z-10 upup-rounded-full upup-bg-[#272727] upup-p-1 upup-text-xl upup-text-[#f5f5f5]", $setup.slotClasses.cameraDeleteButton)),
+          type: "button"
+        },
+        [(_openBlock(), _createBlock(_resolveDynamicComponent($setup.CameraDeleteIcon)))],
+        2
+        /* CLASS */
+      )],
+      6
+      /* CLASS, STYLE */
+    )) : _createCommentVNode("v-if", true), !$setup.capturedUrl ? (_openBlock(), _createElementBlock(
+      "video",
+      _hoisted_3,
+      null,
+      512
+      /* NEED_PATCH */
+    )) : _createCommentVNode("v-if", true)]), _createElementVNode("div", _hoisted_4, [!$setup.capturedUrl ? (_openBlock(), _createElementBlock(
+      _Fragment,
+      { key: 0 },
+      [_createElementVNode(
+        "button",
+        {
+          class: _normalizeClass($setup.cn("upup-mt-2 upup-flex upup-w-1/3 upup-flex-col upup-items-center upup-justify-center upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300", { "upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]": $setup.dark }, $setup.slotClasses.cameraCaptureButton)),
+          onClick: _cache[1] || (_cache[1] = (...args) => $setup.capture && $setup.capture(...args)),
+          type: "button"
+        },
+        [_createElementVNode("span", null, [(_openBlock(), _createBlock(_resolveDynamicComponent($setup.CameraCaptureIcon)))]), _createElementVNode(
+          "span",
+          null,
+          _toDisplayString($setup.tr.capture),
+          1
+          /* TEXT */
+        )],
+        2
+        /* CLASS */
+      ), _createElementVNode(
+        "button",
+        {
+          class: _normalizeClass($setup.cn("upup-mt-2 upup-flex upup-w-1/3 upup-flex-col upup-items-center upup-rounded-md upup-bg-gray-500 upup-p-2 upup-text-white upup-transition-all upup-duration-300 hover:upup-bg-gray-600", $setup.slotClasses.cameraRotateButton)),
+          onClick: _cache[2] || (_cache[2] = (...args) => $setup.handleCameraSwitch && $setup.handleCameraSwitch(...args)),
+          type: "button"
+        },
+        [_createElementVNode("span", null, [(_openBlock(), _createBlock(_resolveDynamicComponent($setup.CameraRotateIcon)))]), _createElementVNode(
+          "span",
+          null,
+          _toDisplayString($setup.t($setup.tr.switchToCamera, { side: $setup.newCameraSide === "front" ? $setup.tr.front : $setup.tr.back })),
+          1
+          /* TEXT */
+        )],
+        2
+        /* CLASS */
+      )],
+      64
+      /* STABLE_FRAGMENT */
+    )) : _createCommentVNode("v-if", true), !!$setup.capturedUrl ? (_openBlock(), _createElementBlock(
+      "button",
+      {
+        key: 1,
+        class: _normalizeClass($setup.cn("upup-mt-2 upup-w-full upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300", { "upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]": $setup.dark }, $setup.slotClasses.cameraAddButton)),
+        onClick: _cache[3] || (_cache[3] = (...args) => $setup.handleFetchImage && $setup.handleFetchImage(...args)),
+        type: "button"
+      },
+      _toDisplayString($setup.tr.addImage),
+      3
+      /* TEXT, CLASS */
+    )) : _createCommentVNode("v-if", true)])])]),
+    _: 1
+  });
+}
+var CameraUploader_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\CameraUploader.vue"]]);
+export {
+  CameraUploader_default as default
+};
+//# sourceMappingURL=CameraUploader-575RARRY.js.map

package/dist/CameraUploader-575RARRY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CameraUploader.vue","../src/components/CameraUploader.vue","../src/composables/useCameraUploader.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onMounted, watch } from 'vue'\r\nimport { formatUiMessage as t } from '@useupup/core'\r\nimport { cn } from '@useupup/core/internal'\r\nimport useCameraUploader from '../composables/useCameraUploader'\r\nimport SourceViewContainer from './shared/SourceViewContainer.vue'\r\n\r\nconst {\r\n    videoRef,\r\n    capturedUrl,\r\n    facingMode,\r\n    newCameraSide,\r\n    startCamera,\r\n    capture,\r\n    clearUrl,\r\n    handleFetchImage,\r\n    handleCameraSwitch,\r\n    translations: tr,\r\n    props: { icons: { CameraCaptureIcon, CameraDeleteIcon, CameraRotateIcon } },\r\n    theme: { isDark: dark, slotOverrides: slotClasses },\r\n} = useCameraUploader()\r\n\r\nonMounted(() => {\r\n    startCamera()\r\n})\r\n\r\n// Restart camera when facingMode changes\r\nwatch(facingMode, () => {\r\n    if (!capturedUrl.value) startCamera()\r\n})\r\n</script>\r\n\r\n<template>\r\n    <SourceViewContainer data-upup-slot=\"camera-uploader\">\r\n        <div\r\n            data-testid=\"upup-camera-uploader\"\r\n            class=\"upup-flex upup-h-full upup-w-full upup-flex-col upup-justify-center upup-overflow-hidden upup-px-3 upup-py-2\"\r\n        >\r\n            <div class=\"upup-flex upup-min-h-0 upup-flex-1 upup-items-center upup-justify-center upup-pt-2\">\r\n                <template v-if=\"!!capturedUrl\">\r\n                    <div\r\n                        :class=\"cn(\r\n                            'upup-relative upup-aspect-video upup-max-h-full upup-max-w-full upup-bg-black/[0.025] upup-bg-contain upup-bg-center upup-bg-no-repeat upup-shadow-xl',\r\n                            {\r\n                                'upup-bg-white/5 dark:upup-bg-white/5': dark,\r\n                            },\r\n                            slotClasses.cameraPreviewContainer,\r\n                        )\"\r\n                        :style=\"{ backgroundImage: `url(${capturedUrl})` }\"\r\n                    >\r\n                        <button\r\n                            @click=\"clearUrl\"\r\n                            :class=\"cn(\r\n                                'upup-absolute upup--right-2 upup--top-2 upup-z-10 upup-rounded-full upup-bg-[#272727] upup-p-1 upup-text-xl upup-text-[#f5f5f5]',\r\n                                slotClasses.cameraDeleteButton,\r\n                            )\"\r\n                            type=\"button\"\r\n                        >\r\n                            <component :is=\"CameraDeleteIcon\" />\r\n                        </button>\r\n                    </div>\r\n                </template>\r\n\r\n                <template v-if=\"!capturedUrl\">\r\n                    <video\r\n                        ref=\"videoRef\"\r\n                        autoplay\r\n                        muted\r\n                        playsinline\r\n                        class=\"upup-aspect-video upup-max-h-full upup-max-w-full upup-rounded-xl upup-object-contain\"\r\n                    />\r\n                </template>\r\n            </div>\r\n\r\n            <div class=\"upup-flex upup-shrink-0 upup-gap-4\">\r\n                <template v-if=\"!capturedUrl\">\r\n                    <button\r\n                        :class=\"cn(\r\n                            'upup-mt-2 upup-flex upup-w-1/3 upup-flex-col upup-items-center upup-justify-center upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300',\r\n                            {\r\n                                'upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]': dark,\r\n                            },\r\n                            slotClasses.cameraCaptureButton,\r\n                        )\"\r\n                        @click=\"capture\"\r\n                        type=\"button\"\r\n                    >\r\n                        <span><component :is=\"CameraCaptureIcon\" /></span>\r\n                        <span>{{ tr.capture }}</span>\r\n                    </button>\r\n                    <button\r\n                        :class=\"cn(\r\n                            'upup-mt-2 upup-flex upup-w-1/3 upup-flex-col upup-items-center upup-rounded-md upup-bg-gray-500 upup-p-2 upup-text-white upup-transition-all upup-duration-300 hover:upup-bg-gray-600',\r\n                            slotClasses.cameraRotateButton,\r\n                        )\"\r\n                        @click=\"handleCameraSwitch\"\r\n                        type=\"button\"\r\n                    >\r\n                        <span><component :is=\"CameraRotateIcon\" /></span>\r\n                        <span>\r\n                            {{ t(tr.switchToCamera, {\r\n                                side: newCameraSide === 'front' ? tr.front : tr.back,\r\n                            }) }}\r\n                        </span>\r\n                    </button>\r\n                </template>\r\n\r\n                <template v-if=\"!!capturedUrl\">\r\n                    <button\r\n                        :class=\"cn(\r\n                            'upup-mt-2 upup-w-full upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300',\r\n                            {\r\n                                'upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]': dark,\r\n                            },\r\n                            slotClasses.cameraAddButton,\r\n                        )\"\r\n                        @click=\"handleFetchImage\"\r\n                        type=\"button\"\r\n                    >\r\n                        {{ tr.addImage }}\r\n                    </button>\r\n                </template>\r\n            </div>\r\n        </div>\r\n    </SourceViewContainer>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { onMounted, watch } from 'vue'\r\nimport { formatUiMessage as t } from '@useupup/core'\r\nimport { cn } from '@useupup/core/internal'\r\nimport useCameraUploader from '../composables/useCameraUploader'\r\nimport SourceViewContainer from './shared/SourceViewContainer.vue'\r\n\r\nconst {\r\n    videoRef,\r\n    capturedUrl,\r\n    facingMode,\r\n    newCameraSide,\r\n    startCamera,\r\n    capture,\r\n    clearUrl,\r\n    handleFetchImage,\r\n    handleCameraSwitch,\r\n    translations: tr,\r\n    props: { icons: { CameraCaptureIcon, CameraDeleteIcon, CameraRotateIcon } },\r\n    theme: { isDark: dark, slotOverrides: slotClasses },\r\n} = useCameraUploader()\r\n\r\nonMounted(() => {\r\n    startCamera()\r\n})\r\n\r\n// Restart camera when facingMode changes\r\nwatch(facingMode, () => {\r\n    if (!capturedUrl.value) startCamera()\r\n})\r\n</script>\r\n\r\n<template>\r\n    <SourceViewContainer data-upup-slot=\"camera-uploader\">\r\n        <div\r\n            data-testid=\"upup-camera-uploader\"\r\n            class=\"upup-flex upup-h-full upup-w-full upup-flex-col upup-justify-center upup-overflow-hidden upup-px-3 upup-py-2\"\r\n        >\r\n            <div class=\"upup-flex upup-min-h-0 upup-flex-1 upup-items-center upup-justify-center upup-pt-2\">\r\n                <template v-if=\"!!capturedUrl\">\r\n                    <div\r\n                        :class=\"cn(\r\n                            'upup-relative upup-aspect-video upup-max-h-full upup-max-w-full upup-bg-black/[0.025] upup-bg-contain upup-bg-center upup-bg-no-repeat upup-shadow-xl',\r\n                            {\r\n                                'upup-bg-white/5 dark:upup-bg-white/5': dark,\r\n                            },\r\n                            slotClasses.cameraPreviewContainer,\r\n                        )\"\r\n                        :style=\"{ backgroundImage: `url(${capturedUrl})` }\"\r\n                    >\r\n                        <button\r\n                            @click=\"clearUrl\"\r\n                            :class=\"cn(\r\n                                'upup-absolute upup--right-2 upup--top-2 upup-z-10 upup-rounded-full upup-bg-[#272727] upup-p-1 upup-text-xl upup-text-[#f5f5f5]',\r\n                                slotClasses.cameraDeleteButton,\r\n                            )\"\r\n                            type=\"button\"\r\n                        >\r\n                            <component :is=\"CameraDeleteIcon\" />\r\n                        </button>\r\n                    </div>\r\n                </template>\r\n\r\n                <template v-if=\"!capturedUrl\">\r\n                    <video\r\n                        ref=\"videoRef\"\r\n                        autoplay\r\n                        muted\r\n                        playsinline\r\n                        class=\"upup-aspect-video upup-max-h-full upup-max-w-full upup-rounded-xl upup-object-contain\"\r\n                    />\r\n                </template>\r\n            </div>\r\n\r\n            <div class=\"upup-flex upup-shrink-0 upup-gap-4\">\r\n                <template v-if=\"!capturedUrl\">\r\n                    <button\r\n                        :class=\"cn(\r\n                            'upup-mt-2 upup-flex upup-w-1/3 upup-flex-col upup-items-center upup-justify-center upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300',\r\n                            {\r\n                                'upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]': dark,\r\n                            },\r\n                            slotClasses.cameraCaptureButton,\r\n                        )\"\r\n                        @click=\"capture\"\r\n                        type=\"button\"\r\n                    >\r\n                        <span><component :is=\"CameraCaptureIcon\" /></span>\r\n                        <span>{{ tr.capture }}</span>\r\n                    </button>\r\n                    <button\r\n                        :class=\"cn(\r\n                            'upup-mt-2 upup-flex upup-w-1/3 upup-flex-col upup-items-center upup-rounded-md upup-bg-gray-500 upup-p-2 upup-text-white upup-transition-all upup-duration-300 hover:upup-bg-gray-600',\r\n                            slotClasses.cameraRotateButton,\r\n                        )\"\r\n                        @click=\"handleCameraSwitch\"\r\n                        type=\"button\"\r\n                    >\r\n                        <span><component :is=\"CameraRotateIcon\" /></span>\r\n                        <span>\r\n                            {{ t(tr.switchToCamera, {\r\n                                side: newCameraSide === 'front' ? tr.front : tr.back,\r\n                            }) }}\r\n                        </span>\r\n                    </button>\r\n                </template>\r\n\r\n                <template v-if=\"!!capturedUrl\">\r\n                    <button\r\n                        :class=\"cn(\r\n                            'upup-mt-2 upup-w-full upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300',\r\n                            {\r\n                                'upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]': dark,\r\n                            },\r\n                            slotClasses.cameraAddButton,\r\n                        )\"\r\n                        @click=\"handleFetchImage\"\r\n                        type=\"button\"\r\n                    >\r\n                        {{ tr.addImage }}\r\n                    </button>\r\n                </template>\r\n            </div>\r\n        </div>\r\n    </SourceViewContainer>\r\n</template>\r\n","import { computed, onUnmounted, ref, type Ref, type ComputedRef } from 'vue'\r\nimport type { Translations } from '@useupup/core'\r\nimport {\r\n    useUploaderFiles,\r\n    useUploaderI18n,\r\n    useUploaderOptions,\r\n    useUploaderRuntime,\r\n    useUploaderSource,\r\n    useUploaderTheme,\r\n} from '../context/uploader-context'\r\nimport type { ContextProps, ContextTheme } from '../context/uploader-context'\r\n\r\nexport enum FacingMode {\r\n    Environment = 'environment',\r\n    User = 'user',\r\n}\r\n\r\ninterface UseCameraUploaderReturn {\r\n    videoRef: Ref<HTMLVideoElement | null>\r\n    capturedUrl: Ref<string>\r\n    facingMode: Ref<FacingMode>\r\n    newCameraSide: ComputedRef<'front' | 'back'>\r\n    startCamera: () => Promise<void>\r\n    stopCamera: () => void\r\n    capture: () => void\r\n    clearUrl: () => void\r\n    handleFetchImage: () => Promise<void>\r\n    handleCameraSwitch: () => void\r\n    translations: Translations\r\n    props: ContextProps\r\n    theme: ContextTheme\r\n}\r\n\r\nexport default function useCameraUploader(): UseCameraUploaderReturn {\r\n    const { core } = useUploaderRuntime()\r\n    const { setFiles } = useUploaderFiles()\r\n    const { setActiveSource } = useUploaderSource()\r\n    const { translations } = useUploaderI18n()\r\n    const props = useUploaderOptions()\r\n    const theme = useUploaderTheme()\r\n\r\n    const videoRef = ref<HTMLVideoElement | null>(null)\r\n    const capturedUrl = ref('')\r\n    const facingMode = ref<FacingMode>(FacingMode.Environment)\r\n    const stream = ref<MediaStream | null>(null)\r\n\r\n    const newCameraSide = computed(() =>\r\n        facingMode.value === FacingMode.Environment ? 'front' : 'back',\r\n    )\r\n\r\n    async function startCamera() {\r\n        try {\r\n            if (stream.value) {\r\n                stream.value.getTracks().forEach(t => {\r\n                    t.stop()\r\n                })\r\n            }\r\n            const mediaStream = await navigator.mediaDevices.getUserMedia({\r\n                video: { facingMode: facingMode.value },\r\n            })\r\n            stream.value = mediaStream\r\n            if (videoRef.value) {\r\n                videoRef.value.srcObject = mediaStream\r\n                await videoRef.value.play()\r\n            }\r\n        } catch {\r\n            // upup-catch: camera unavailable or autoplay blocked — leave stream null\r\n        }\r\n    }\r\n\r\n    function stopCamera() {\r\n        if (stream.value) {\r\n            stream.value.getTracks().forEach(t => {\r\n                t.stop()\r\n            })\r\n            stream.value = null\r\n        }\r\n        if (videoRef.value) {\r\n            videoRef.value.srcObject = null\r\n        }\r\n    }\r\n\r\n    function capture() {\r\n        if (!videoRef.value) return\r\n\r\n        const canvas = document.createElement('canvas')\r\n        canvas.width = videoRef.value.videoWidth\r\n        canvas.height = videoRef.value.videoHeight\r\n        const ctx = canvas.getContext('2d')\r\n        if (!ctx) return\r\n\r\n        ctx.drawImage(videoRef.value, 0, 0)\r\n        const dataUrl = canvas.toDataURL('image/jpeg')\r\n        capturedUrl.value = dataUrl\r\n        core?.emit('camera-capture', { dataUrl })\r\n    }\r\n\r\n    function clearUrl() {\r\n        capturedUrl.value = ''\r\n    }\r\n\r\n    async function handleFetchImage() {\r\n        if (!capturedUrl.value) return\r\n\r\n        const response = await fetch(capturedUrl.value)\r\n        const blob = await response.blob()\r\n        const file = new File([blob], `capture-${Date.now()}.jpg`, {\r\n            type: 'image/jpeg',\r\n        })\r\n        setFiles([file])\r\n        capturedUrl.value = ''\r\n        setActiveSource(undefined)\r\n        core?.emit('camera-confirm', { file })\r\n    }\r\n\r\n    function handleCameraSwitch() {\r\n        facingMode.value =\r\n            facingMode.value === FacingMode.Environment\r\n                ? FacingMode.User\r\n                : FacingMode.Environment\r\n    }\r\n\r\n    onUnmounted(() => {\r\n        stopCamera()\r\n    })\r\n\r\n    return {\r\n        videoRef,\r\n        capturedUrl,\r\n        facingMode,\r\n        newCameraSide,\r\n        startCamera,\r\n        stopCamera,\r\n        capture,\r\n        clearUrl,\r\n        handleFetchImage,\r\n        handleCameraSwitch,\r\n        translations,\r\n        props,\r\n        theme,\r\n    }\r\n}\r\n"],"mappings":"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","names":["t"]}