@privyid/persona 1.2.0 → 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.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/popover/Popover.spec.mjs

@@ -1,39 +0,0 @@
-import { fireEvent, render } from "@testing-library/vue";
-import pPopover from "./Popover.vue";
-it("should able to show tooltip over activator element", async () => {
-  const screen = render({
-    components: { pPopover },
-    template: `
-        <p-popover>
-          <template #activator="{ toggle }">
-            <a href="javascript:void" data-testid="activator" @click="toggle">
-              Remove?
-            </a>
-          </template>
-          <template #default="{ hide }">
-            <div class="flex items-center space-x-2">
-              <span>Are you sure?</span>
-              <p-button data-testid="confirm" @click="hide()">
-                Yes
-              </p-button>
-              <p-button data-testid="cancel" @click="hide()">
-                Cancel
-              </p-button>
-            </div>
-          </template>
-        </p-popover>
-      `,
-    setup() {
-      return {};
-    }
-  });
-  const popover = screen.queryByTestId("popover");
-  const tooltip = screen.queryByTestId("popover-tooltip");
-  const activator = screen.queryByTestId("activator");
-  expect(popover).toBeInTheDocument();
-  expect(tooltip).not.toBeVisible();
-  await fireEvent.click(activator);
-  expect(tooltip).toBeVisible();
-  await fireEvent.click(activator);
-  expect(tooltip).not.toBeVisible();
-});

package/dist/components/popover/Popover.vue

@@ -1,109 +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 setup>
-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,
-    default: "white"
-  },
-  placement: {
-    type: String,
-    default: "top"
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  }
-});
-const root = ref();
-const tooltip = ref();
-const isShow = useVModel(props);
-const tooltipEl = computed(() => tooltip.value.$el);
-onClickOutside(tooltipEl, () => {
-  if (isShow.value) {
-    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"]);
-defineSlots();
-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/Popover.vue.d.ts

@@ -1,209 +0,0 @@
-import type { PropType, VNode } from 'vue-demi';
-import type { Placement } from '@floating-ui/dom';
-import type { ColorVariant } from '../tooltip';
-declare function toggle(): void;
-declare function show(): void;
-declare function hide(): void;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        activator(props: {
-            isShow: boolean;
-            show: () => void;
-            hide: () => void;
-            toggle: () => void;
-        }): VNode[];
-        default(props: {
-            isShow: boolean;
-            show: () => void;
-            hide: () => void;
-            toggle: () => void;
-        }): VNode[];
-    }> & {
-        activator(props: {
-            isShow: boolean;
-            show: () => void;
-            hide: () => void;
-            toggle: () => void;
-        }): VNode[];
-        default(props: {
-            isShow: boolean;
-            show: () => void;
-            hide: () => void;
-            toggle: () => void;
-        }): VNode[];
-    };
-    refs: {
-        root: HTMLDivElement;
-        tooltip: ({
-            $: import("vue-demi").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                target: HTMLElement;
-                color: ColorVariant;
-                placement: Placement;
-                show: boolean;
-            }> & Omit<{
-                readonly color: ColorVariant;
-                readonly placement: Placement;
-                readonly show: boolean;
-                readonly target?: HTMLElement | undefined;
-                readonly onShow?: ((args_0: HTMLElement) => any) | undefined;
-                readonly onHide?: ((args_0: HTMLElement) => any) | undefined;
-            } & import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, "target" | "color" | "placement" | "show">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue-demi").Slot<any> | undefined;
-            }>;
-            $root: import("vue-demi").ComponentPublicInstance | null;
-            $parent: import("vue-demi").ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "show", args_0: HTMLElement) => void) & ((event: "hide", args_0: HTMLElement) => void);
-            $el: any;
-            $options: import("vue-demi").ComponentOptionsBase<Readonly<import("vue-demi").ExtractPropTypes<{
-                show: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                color: {
-                    type: PropType<ColorVariant>;
-                    default: string;
-                };
-                target: {
-                    type: PropType<HTMLElement>;
-                    default: undefined;
-                };
-                placement: {
-                    type: PropType<Placement>;
-                    default: string;
-                };
-            }>> & Readonly<{
-                onShow?: ((args_0: HTMLElement) => any) | undefined;
-                onHide?: ((args_0: HTMLElement) => any) | undefined;
-            }>, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
-                show: (args_0: HTMLElement) => void;
-                hide: (args_0: HTMLElement) => void;
-            }, string, {
-                target: HTMLElement;
-                color: ColorVariant;
-                placement: Placement;
-                show: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue-demi").GlobalDirectives, string, import("vue-demi").ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import("vue-demi").DebuggerEvent) => void) | ((e: import("vue-demi").DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import("vue-demi").DebuggerEvent) => void) | ((e: import("vue-demi").DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import("vue-demi").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue-demi").ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue-demi").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue-demi").WatchOptions): import("vue-demi").WatchStopHandle;
-        } & Readonly<{
-            target: HTMLElement;
-            color: ColorVariant;
-            placement: Placement;
-            show: boolean;
-        }> & Omit<Readonly<import("vue-demi").ExtractPropTypes<{
-            show: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            color: {
-                type: PropType<ColorVariant>;
-                default: string;
-            };
-            target: {
-                type: PropType<HTMLElement>;
-                default: undefined;
-            };
-            placement: {
-                type: PropType<Placement>;
-                default: string;
-            };
-        }>> & Readonly<{
-            onShow?: ((args_0: HTMLElement) => any) | undefined;
-            onHide?: ((args_0: HTMLElement) => any) | undefined;
-        }>, "target" | "color" | "placement" | "show"> & import("vue-demi").ShallowUnwrapRef<{}> & {} & import("vue-demi").ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    color: {
-        type: PropType<ColorVariant>;
-        default: string;
-    };
-    placement: {
-        type: PropType<Placement>;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    isShow: import("vue-demi").Ref<boolean, boolean>;
-    show: typeof show;
-    hide: typeof hide;
-    toggle: typeof toggle;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: boolean) => void;
-    show: () => void;
-    hide: () => void;
-}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    color: {
-        type: PropType<ColorVariant>;
-        default: string;
-    };
-    placement: {
-        type: PropType<Placement>;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
-    onShow?: (() => any) | undefined;
-    onHide?: (() => any) | undefined;
-}>, {
-    modelValue: boolean;
-    disabled: boolean;
-    color: ColorVariant;
-    placement: Placement;
-}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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 {};