@privyid/persona 1.1.2 → 1.2.1-rc.0

package/dist/components/pdf-viewer/utils/use-viewer.mjs

@@ -1,191 +0,0 @@
-import "pdfjs-dist/web/pdf_viewer.css";
-import {
-  computed,
-  onBeforeUnmount,
-  shallowRef,
-  watch
-} from "vue-demi";
-import {
-  createEventBus,
-  createLinkService,
-  createViewer,
-  getCMAPUri,
-  getDocument,
-  normalizeRect
-} from "./pdfjs.mjs";
-import useLoading from "../../overlay/utils/use-loading.mjs";
-import { useClamp, useMax } from "@vueuse/math";
-import { createEventHook } from "@vueuse/core";
-export function useViewer(container, viewer) {
-  const pdfDoc = shallowRef();
-  const pdfEventBus = shallowRef();
-  const pdfViewer = shallowRef();
-  const pdfLoadingTask = shallowRef();
-  const pdfLinkService = shallowRef();
-  const totalPage = computed(() => pdfDoc.value?.numPages ?? 0);
-  const scale = useClamp(1, 0.1, 2);
-  const page = useClamp(1, 1, useMax(totalPage, 1));
-  const loading = useLoading();
-  const ready = shallowRef(false);
-  const error = shallowRef();
-  const loadEvent = createEventHook();
-  const loadingEvent = createEventHook();
-  const errorEvent = createEventHook();
-  const readyEvent = createEventHook();
-  async function openDoc(url, password, config = {}) {
-    loading.value = true;
-    error.value = void 0;
-    try {
-      await closeDoc();
-      if (url) {
-        pdfLoadingTask.value = await getDocument({
-          url,
-          password,
-          cMapUrl: await getCMAPUri(),
-          cMapPacked: true,
-          disableStream: config.disableStream,
-          disableRange: config.disableRange,
-          httpHeaders: config.httpHeaders
-        });
-        pdfLoadingTask.value.onProgress = loadingEvent.trigger;
-        pdfDoc.value = await pdfLoadingTask.value.promise;
-        pdfViewer.value.setDocument(pdfDoc.value);
-        pdfLinkService.value.setDocument(pdfDoc.value);
-        void loadEvent.trigger(pdfDoc.value);
-      }
-    } catch (error_) {
-      if (error_ instanceof Error) {
-        error.value = error_;
-        void errorEvent.trigger(error_);
-      }
-    } finally {
-      loading.value = false;
-    }
-  }
-  async function closeDoc() {
-    if (pdfLoadingTask.value && !pdfLoadingTask.value.destroyed) {
-      await pdfLoadingTask.value.destroy();
-      pdfDoc.value = void 0;
-      pdfLoadingTask.value = void 0;
-      pdfViewer.value?.setDocument(null);
-      pdfLinkService.value?.setDocument(null);
-    }
-  }
-  async function initPdfViewer() {
-    if (typeof navigator !== "undefined" && container.value && viewer.value) {
-      const bus = await createEventBus();
-      bus.on("pagesinit", () => {
-        const width = viewer.value?.clientWidth ?? 0;
-        const isMobile = width > 0 && width < 793;
-        pdfViewer.value.currentScaleValue = isMobile ? "page-width" : "1";
-        pdfViewer.value.currentPageNumber = page.value;
-        ready.value = true;
-        void readyEvent.trigger(pdfViewer.value);
-      });
-      bus.on("pagechanging", (event) => {
-        page.value = event.pageNumber;
-      });
-      bus.on("scalechanging", (event) => {
-        scale.value = event.scale;
-      });
-      bus.on("annotationlayerrendered", async (event) => {
-        if (!event.error) {
-          const source = event.source;
-          const page2 = source.pdfPage;
-          const annotations = await page2.getAnnotations();
-          for (const data of annotations) {
-            if (data.annotationType === 20 && data.fieldType === "Sig" && !source.annotationLayer.annotationStorage.has(data.id)) {
-              const {
-                pageWidth,
-                pageHeight,
-                pageX,
-                pageY
-              } = source.viewport.rawDims;
-              const width = data.rect[2] - data.rect[0];
-              const height = data.rect[3] - data.rect[1];
-              const rect = normalizeRect([
-                data.rect[0],
-                page2.view[3] - data.rect[1] + page2.view[1],
-                data.rect[2],
-                page2.view[3] - data.rect[3] + page2.view[1]
-              ]);
-              const div = document.createElement("section");
-              div.dataset.annotationId = data.id;
-              div.tabIndex = 1e3;
-              div.className = "signatureWidgetAnnotation";
-              div.role = "img";
-              div.id = `pdfjs_internal_id_${data.id}`;
-              div.style.zIndex = "0";
-              div.style.left = `${100 * (rect[0] - pageX) / pageWidth}%`;
-              div.style.top = `${100 * (rect[1] - pageY) / pageHeight}%`;
-              if (data.rotation === 0) {
-                div.style.width = `${100 * width / pageWidth}%`;
-                div.style.height = `${100 * height / pageHeight}%`;
-              } else {
-                div.style.width = `${100 * height / pageWidth}%`;
-                div.style.height = `${100 * width / pageHeight}%`;
-                div.dataset.mainRotation = `${(360 - data.rotation) % 360}`;
-              }
-              source.annotationLayer.div.append(div);
-              source.annotationLayer.annotationStorage.setValue(data.id, { div });
-            }
-          }
-        }
-      });
-      pdfEventBus.value = bus;
-      pdfLinkService.value = await createLinkService({ eventBus: pdfEventBus.value });
-      pdfViewer.value = await createViewer({
-        container: container.value,
-        viewer: viewer.value,
-        eventBus: pdfEventBus.value,
-        linkService: pdfLinkService.value,
-        removePageBorders: true,
-        annotationEditorMode: -1
-      });
-      pdfLinkService.value.setViewer(pdfViewer.value);
-    }
-  }
-  watch([container, viewer], async ([container_, viewer_]) => {
-    if (pdfViewer.value) {
-      if (container_ && viewer_) {
-        pdfViewer.value.container = container_;
-        pdfViewer.value.viewer = viewer_;
-        if (pdfDoc.value)
-          pdfViewer.value.setDocument(pdfDoc.value);
-        pdfViewer.value.update();
-      }
-    } else
-      await initPdfViewer();
-  });
-  watch(page, (value) => {
-    if (pdfViewer.value && value !== pdfViewer.value.currentPageNumber)
-      pdfViewer.value.currentPageNumber = value;
-  });
-  watch(scale, (value) => {
-    if (pdfViewer.value && value !== pdfViewer.value.currentScale)
-      pdfViewer.value.currentScale = value;
-  });
-  onBeforeUnmount(async () => {
-    await closeDoc();
-    pdfViewer.value?.cleanup();
-  });
-  return {
-    page,
-    scale,
-    totalPage,
-    loading,
-    error,
-    ready,
-    openDoc,
-    closeDoc,
-    pdfDoc,
-    pdfEventBus,
-    pdfViewer,
-    pdfLoadingTask,
-    pdfLinkService,
-    onLoaded: loadEvent.on,
-    onError: errorEvent.on,
-    onReady: readyEvent.on,
-    onLoading: loadingEvent.on
-  };
-}

package/dist/components/popover/Popover.vue

@@ -1,131 +0,0 @@
-<template>
-  <div
-    ref="root"
-    data-testid="popover"
-    class="popover">
-    <slot
-      name="activator"
-      :is-show="isShow"
-      :toggle="toggle"
-      :show="show"
-      :hide="hide" />
-
-    <p-tooltip
-      ref="tooltip"
-      :show="isShow"
-      class="popover__tooltip"
-      data-testid="popover-tooltip"
-      :color="color"
-      :placement="placement"
-      :target="root"
-      @show="$emit('show')"
-      @hide="$emit('hide')">
-      <slot
-        :is-show="isShow"
-        :toggle="toggle"
-        :show="show"
-        :hide="hide" />
-    </p-tooltip>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { PropType, VNode } from 'vue-demi'
-import type { Placement } from '@floating-ui/dom'
-import type { ColorVariant } from '../tooltip'
-import {
-  ref,
-  provide,
-  computed,
-} from 'vue-demi'
-import pTooltip from '../tooltip/Tooltip.vue'
-import { useVModel } from '../input'
-import { onClickOutside } from '@vueuse/core'
-import { POPOVER_CONTEXT } from '.'
-
-const props = defineProps({
-  modelValue: {
-    type   : Boolean,
-    default: false,
-  },
-  color: {
-    type   : String as PropType<ColorVariant>,
-    default: 'white',
-  },
-  placement: {
-    type   : String as PropType<Placement>,
-    default: 'top',
-  },
-  disabled: {
-    type   : Boolean,
-    default: false,
-  },
-})
-
-const root    = ref<HTMLDivElement>()
-const tooltip = ref<InstanceType<typeof pTooltip>>()
-const isShow  = useVModel(props)
-
-const tooltipEl = computed<HTMLElement>(() => tooltip.value.$el)
-
-onClickOutside(tooltipEl, () => {
-  if (isShow.value) {
-    // Add little delay too prevent race condition with v-model changing
-    setTimeout(() => {
-      hide()
-    })
-  }
-}, { ignore: [root] })
-
-function toggle () {
-  if (!props.disabled) {
-    if (isShow.value)
-      hide()
-    else
-      show()
-  }
-}
-
-function show () {
-  if (!props.disabled)
-    isShow.value = true
-}
-
-function hide () {
-  if (!props.disabled)
-    isShow.value = false
-}
-
-defineEmits<{
-  'show': [],
-  'hide': [],
-  'update:modelValue': [boolean],
-}>()
-
-defineSlots<{
-  'activator'(props: { isShow: boolean, show: () => void, hide: () => void, toggle: () => void }): VNode[],
-  'default'(props: { isShow: boolean, show: () => void, hide: () => void, toggle: () => void }): VNode[],
-}>()
-
-defineExpose({
-  isShow,
-  show,
-  hide,
-  toggle,
-})
-
-provide(POPOVER_CONTEXT, {
-  isShow,
-  show,
-  hide,
-  toggle,
-})
-</script>
-
-<style lang="postcss">
-.popover {
-  & > &__tooltip.tooltip {
-    @apply text-base;
-  }
-}
-</style>

package/dist/components/popover/index.d.ts

@@ -1,17 +0,0 @@
-import { type InjectionKey, type Ref } from 'vue-demi';
-interface PopoverContext {
-    hide: () => void;
-    show: () => void;
-    toggle: () => void;
-    isShow: Ref<boolean>;
-}
-export declare const POPOVER_CONTEXT: InjectionKey<PopoverContext>;
-export declare function usePopoverPromise<R = any>(): {
-    start: () => Promise<R | undefined>;
-    finish: (result?: R | Error) => void;
-    bind: () => {
-        modelValue: boolean;
-        'onUpdate:modelValue'(value: boolean): void;
-    };
-};
-export {};

package/dist/components/popover/index.mjs

@@ -1,52 +0,0 @@
-import {
-  ref
-} from "vue-demi";
-export const POPOVER_CONTEXT = Symbol("POPOVER_CONTEXT");
-export function usePopoverPromise() {
-  const promise = ref();
-  const resolve = ref();
-  const reject = ref();
-  const isShow = ref(false);
-  function bind() {
-    return {
-      modelValue: isShow.value,
-      "onUpdate:modelValue"(value) {
-        if (resolve.value && !value)
-          finish();
-        isShow.value = value;
-      }
-    };
-  }
-  async function start() {
-    if (!promise.value) {
-      promise.value = new Promise((_resolve, _reject) => {
-        resolve.value = _resolve;
-        reject.value = _reject;
-      });
-    }
-    let result;
-    try {
-      isShow.value = true;
-      result = await promise.value;
-    } finally {
-      promise.value = void 0;
-      resolve.value = void 0;
-      reject.value = void 0;
-      isShow.value = false;
-    }
-    return result;
-  }
-  function finish(result) {
-    if (resolve.value && reject.value) {
-      if (result instanceof Error)
-        reject.value(result);
-      else
-        resolve.value(result);
-    }
-  }
-  return {
-    start,
-    finish,
-    bind
-  };
-}