@privyid/persona 1.2.0 → 1.2.1-rc.0

package/dist/components/pdf-viewer/PdfViewer.vue

@@ -1,319 +0,0 @@
-<template>
-  <div
-    ref="root"
-    v-p-aspect-ratio="layout === 'fixed' ? Number(ratio) : 0"
-    data-testid="pdf-viewer"
-    class="pdf"
-    :data-page="pdfPage"
-    :data-scale="pdfScale"
-    :class="classNames">
-    <div
-      class="pdf__header">
-      <slot
-        name="header"
-        :page="pdfPage"
-        :scale="pdfScale"
-        :total-page="totalPage"
-        :zoom-in="zoomIn"
-        :zoom-out="zoomOut"
-        :next="next"
-        :prev="prev"
-        :first="first"
-        :last="last"
-        :doc="pdfDoc" />
-    </div>
-
-    <PdfObjects
-      class="pdf__wrapper">
-      <!-- Minimum PDFJS Viewer -->
-      <div
-        ref="container"
-        class="pdf__container pdfContainer">
-        <PdfLoading v-show="loading || !src" />
-        <PdfError
-          v-show="!loading && error"
-          :url="src"
-          :error="error" />
-        <div
-          ref="viewer"
-          class="pdf__viewer pdfViewer" />
-        <slot
-          :page="pdfPage"
-          :scale="pdfScale"
-          :total-page="totalPage"
-          :zoom-in="zoomIn"
-          :zoom-out="zoomOut"
-          :next="next"
-          :prev="prev"
-          :first="first"
-          :last="last"
-          :doc="pdfDoc" />
-      </div>
-      <!-- Minimum PDFJS Viewer end -->
-
-      <slot
-        name="container"
-        :page="pdfPage"
-        :scale="pdfScale"
-        :total-page="totalPage"
-        :zoom-in="zoomIn"
-        :zoom-out="zoomOut"
-        :next="next"
-        :prev="prev"
-        :first="first"
-        :last="last"
-        :doc="pdfDoc" />
-
-      <transition name="slide-up">
-        <PdfNavigation
-          v-show="src && !idle && !loading && !error"
-          :first-nav-label="firstNavLabel"
-          :last-nav-label="lastNavLabel"
-          :num-of-pages-nav-label="numOfPagesNavLabel" />
-      </transition>
-
-      <slot
-        name="body"
-        :page="pdfPage"
-        :scale="pdfScale"
-        :total-page="totalPage"
-        :zoom-in="zoomIn"
-        :zoom-out="zoomOut"
-        :next="next"
-        :prev="prev"
-        :first="first"
-        :last="last"
-        :doc="pdfDoc" />
-    </PdfObjects>
-    <div class="pdf__footer">
-      <slot
-        name="footer"
-        :page="pdfPage"
-        :scale="pdfScale"
-        :total-page="totalPage"
-        :zoom-in="zoomIn"
-        :zoom-out="zoomOut"
-        :next="next"
-        :prev="prev"
-        :first="first"
-        :last="last"
-        :doc="pdfDoc" />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import {
-  computed,
-  onMounted,
-  provide,
-  ref,
-  toRef,
-  watch
-} from "vue-demi";
-import { vPAspectRatio } from "../aspect-ratio";
-import {
-  useToNumber,
-  useVModel,
-  watchDebounced,
-  syncRef
-} from "@vueuse/core";
-import { PDF_VIEWER_CONTEXT } from ".";
-import { useSticky } from "./utils/use-sticky";
-import PdfNavigation from "./PdfNavigation.vue";
-import PdfLoading from "./PdfLoading.vue";
-import PdfError from "./PdfError.vue";
-import { useIdle } from "./utils/use-idle";
-import PdfObjects from "../pdf-object/PdfObjects.vue";
-import { useViewer } from "./utils/use-viewer";
-const props = defineProps({
-  src: {
-    type: String,
-    default: ""
-  },
-  page: {
-    type: Number,
-    default: 1
-  },
-  scale: {
-    type: Number,
-    default: 1
-  },
-  password: {
-    type: String,
-    default: void 0
-  },
-  layout: {
-    type: String,
-    default: "fixed"
-  },
-  ratio: {
-    type: [Number, String],
-    default: 210 / 297
-  },
-  offsetTop: {
-    type: [Number, String],
-    default: 0
-  },
-  config: {
-    type: [Object],
-    default: () => ({})
-  },
-  firstNavLabel: {
-    type: String,
-    default: "First"
-  },
-  lastNavLabel: {
-    type: String,
-    default: "Last"
-  },
-  numOfPagesNavLabel: {
-    type: String,
-    default: "of"
-  }
-});
-const emit = defineEmits(["ready", "loaded", "loading", "error", "error-password", "update:page", "update:scale"]);
-const root = ref();
-const container = ref();
-const viewer = ref();
-const idle = useIdle(container);
-const vPage = useVModel(props, "page");
-const vScale = useVModel(props, "scale");
-const offsetTop = useToNumber(toRef(props, "offsetTop"), { nanToZero: true });
-const enableSticky = useSticky(root, { offsetTop });
-const classNames = computed(() => {
-  const result = [];
-  if (props.layout)
-    result.push(`pdf-viewer--layout-${props.layout}`);
-  return result;
-});
-const {
-  page: pdfPage,
-  scale: pdfScale,
-  totalPage,
-  openDoc,
-  closeDoc,
-  pdfDoc,
-  loading,
-  error,
-  onLoaded,
-  onError,
-  onReady,
-  onLoading
-} = useViewer(container, viewer);
-watchDebounced(() => [props.src, props.password], ([src, password]) => {
-  openDoc(src, password, props.config);
-}, { debounce: 500 });
-watch(() => props.layout, (layout) => {
-  enableSticky.value = layout === "fit";
-}, { immediate: true });
-onMounted(async () => {
-  if (props.src)
-    openDoc(props.src, props.password, props.config);
-});
-onLoaded((doc) => {
-  emit("loaded", doc);
-});
-onError((error_) => {
-  if (error_.name === "PasswordException")
-    emit("error-password", error_);
-  emit("error", error_);
-});
-onReady((pdfViewer) => {
-  emit("ready", pdfViewer);
-});
-onLoading((event) => {
-  emit("loading", event);
-});
-function zoomIn() {
-  pdfScale.value = Math.round(pdfScale.value / 0.1) * 0.1 + 0.1;
-}
-function zoomOut() {
-  pdfScale.value = Math.round(pdfScale.value / 0.1) * 0.1 - 0.1;
-}
-function next() {
-  pdfPage.value++;
-}
-function prev() {
-  pdfPage.value--;
-}
-function first() {
-  pdfPage.value = 1;
-}
-function last() {
-  pdfPage.value = totalPage.value;
-}
-provide(PDF_VIEWER_CONTEXT, {
-  page: pdfPage,
-  scale: pdfScale,
-  totalPage,
-  zoomIn,
-  zoomOut,
-  next,
-  prev,
-  first,
-  last
-});
-syncRef(pdfPage, vPage);
-syncRef(pdfScale, vScale);
-defineExpose({
-  page: pdfPage,
-  scale: pdfScale,
-  root,
-  container,
-  viewer,
-  loading,
-  totalPage,
-  zoomIn,
-  zoomOut,
-  next,
-  prev,
-  openDoc,
-  closeDoc,
-  first,
-  last
-});
-defineSlots();
-</script>
-
-<style lang="postcss">
-.pdf {
-  --p-pdf-container-width: 793px;
-
-  @apply relative overflow-hidden w-full flex flex-col bg-base z-1;
-  @apply dark:bg-dark-base;
-
-  &__wrapper {
-    @apply relative h-full w-full grow;
-  }
-
-  &__container {
-    -webkit-overflow-scrolling: touch;
-
-    @apply absolute inset-0 h-full w-full overflow-auto p-4 pb-16 shadow-inner;
-  }
-
-  &__viewer {
-    .page {
-      border-image: none;
-
-      @apply shadow-lg mb-4 mt-0 border;
-
-      &.hover {
-        @apply ring-info ring;
-        @apply dark:ring-dark-info;
-      }
-    }
-  }
-
-  &__header {
-    @apply z-1 bg-default shadow-lg;
-    @apply dark:bg-dark-default;
-  }
-
-  &__footer {
-    @apply z-1 bg-default shadow-lg-top;
-    @apply dark:bg-dark-default;
-  }
-}
-</style>

package/dist/components/pdf-viewer/PdfViewer.vue.d.ts

@@ -1,187 +0,0 @@
-import type { PropType, VNode } from 'vue-demi';
-import type { LayoutVariant } from '.';
-import type { OpenDocConfig } from './utils/use-viewer';
-import type { PDFJS, PDFJSViewer } from './utils/pdfjs';
-declare function zoomIn(): void;
-declare function zoomOut(): void;
-declare function next(): void;
-declare function prev(): void;
-declare function first(): void;
-declare function last(): void;
-interface PdfViewerSlotScope {
-    page: number;
-    scale: number;
-    totalPage: number;
-    doc: PDFJS.PDFDocumentProxy;
-    zoomIn: () => void;
-    zoomOut: () => void;
-    next: () => void;
-    prev: () => void;
-    first: () => void;
-    last: () => void;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        header(props: PdfViewerSlotScope): VNode[];
-        container(props: PdfViewerSlotScope): VNode[];
-        body(props: PdfViewerSlotScope): VNode[];
-        footer(props: PdfViewerSlotScope): VNode[];
-        default(props: PdfViewerSlotScope): VNode[];
-    }> & {
-        header(props: PdfViewerSlotScope): VNode[];
-        container(props: PdfViewerSlotScope): VNode[];
-        body(props: PdfViewerSlotScope): VNode[];
-        footer(props: PdfViewerSlotScope): VNode[];
-        default(props: PdfViewerSlotScope): VNode[];
-    };
-    refs: {
-        root: HTMLDivElement;
-        container: HTMLDivElement;
-        viewer: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    src: {
-        type: StringConstructor;
-        default: string;
-    };
-    page: {
-        type: NumberConstructor;
-        default: number;
-    };
-    scale: {
-        type: NumberConstructor;
-        default: number;
-    };
-    password: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    layout: {
-        type: PropType<LayoutVariant>;
-        default: string;
-    };
-    ratio: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    offsetTop: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    config: {
-        type: PropType<OpenDocConfig>;
-        default: () => {};
-    };
-    firstNavLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    lastNavLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    numOfPagesNavLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {
-    page: import("vue-demi").Ref<number, number>;
-    scale: import("vue-demi").Ref<number, number>;
-    root: import("vue-demi").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    container: import("vue-demi").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    viewer: import("vue-demi").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    loading: import("vue-demi").WritableComputedRef<boolean, boolean>;
-    totalPage: import("vue-demi").ComputedRef<number>;
-    zoomIn: typeof zoomIn;
-    zoomOut: typeof zoomOut;
-    next: typeof next;
-    prev: typeof prev;
-    openDoc: (url: string, password?: string, config?: OpenDocConfig) => Promise<void>;
-    closeDoc: () => Promise<void>;
-    first: typeof first;
-    last: typeof last;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
-    error: (args_0: Error) => void;
-    loading: (args_0: import("pdfjs-dist/types/src/display/api").OnProgressParameters) => void;
-    ready: (args_0: PDFJSViewer.PDFViewer) => void;
-    "update:page": (args_0: number) => void;
-    loaded: (args_0: import("pdfjs-dist/types/src/display/api").PDFDocumentProxy) => void;
-    "error-password": (args_0: Error) => void;
-    "update:scale": (args_0: number) => void;
-}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    src: {
-        type: StringConstructor;
-        default: string;
-    };
-    page: {
-        type: NumberConstructor;
-        default: number;
-    };
-    scale: {
-        type: NumberConstructor;
-        default: number;
-    };
-    password: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    layout: {
-        type: PropType<LayoutVariant>;
-        default: string;
-    };
-    ratio: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    offsetTop: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    config: {
-        type: PropType<OpenDocConfig>;
-        default: () => {};
-    };
-    firstNavLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    lastNavLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    numOfPagesNavLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{
-    onError?: ((args_0: Error) => any) | undefined;
-    onLoading?: ((args_0: import("pdfjs-dist/types/src/display/api").OnProgressParameters) => any) | undefined;
-    onReady?: ((args_0: PDFJSViewer.PDFViewer) => any) | undefined;
-    "onUpdate:page"?: ((args_0: number) => any) | undefined;
-    onLoaded?: ((args_0: import("pdfjs-dist/types/src/display/api").PDFDocumentProxy) => any) | undefined;
-    "onError-password"?: ((args_0: Error) => any) | undefined;
-    "onUpdate:scale"?: ((args_0: number) => any) | undefined;
-}>, {
-    src: string;
-    page: number;
-    layout: LayoutVariant;
-    offsetTop: string | number;
-    password: string;
-    scale: number;
-    ratio: string | number;
-    firstNavLabel: string;
-    lastNavLabel: string;
-    numOfPagesNavLabel: string;
-    config: OpenDocConfig;
-}, {}, {}, {}, 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/pdf-viewer/__mocks__/use-viewer.d.ts

@@ -1,40 +0,0 @@
-export declare const loadEvent: import("@vueuse/core").EventHook<import("pdfjs-dist/types/src/display/api").PDFDocumentProxy>;
-export declare const errorEvent: import("@vueuse/core").EventHook<Error>;
-export declare const readyEvent: import("@vueuse/core").EventHook<any>;
-export declare const loadingEvent: import("@vueuse/core").EventHook<import("pdfjs-dist/types/src/display/api").OnProgressParameters>;
-export declare const context: {
-    page: number;
-    scale: number;
-    totalPage: number;
-    loading: boolean;
-    error: undefined;
-    ready: boolean;
-    pdfDoc: undefined;
-    pdfEventBus: undefined;
-    pdfViewer: undefined;
-    pdfLoadingTask: undefined;
-    pdfLinkService: undefined;
-    pdfJS: undefined;
-};
-export declare const openDoc: import("vitest").Mock<[src: string, password?: string | undefined], void>;
-export declare const closeDoc: import("vitest").Mock<any[], any>;
-export declare function useViewer(): {
-    openDoc: import("vitest").Mock<[src: string, password?: string | undefined], void>;
-    closeDoc: import("vitest").Mock<any[], any>;
-    onLoaded: import("@vueuse/core").EventHookOn<import("pdfjs-dist/types/src/display/api").PDFDocumentProxy>;
-    onError: import("@vueuse/core").EventHookOn<Error>;
-    onReady: import("@vueuse/core").EventHookOn<any>;
-    onLoading: import("@vueuse/core").EventHookOn<import("pdfjs-dist/types/src/display/api").OnProgressParameters>;
-    page: import("vue-demi").Ref<number, number>;
-    scale: import("vue-demi").Ref<number, number>;
-    totalPage: import("vue-demi").Ref<number, number>;
-    loading: import("vue-demi").Ref<boolean, boolean>;
-    error: import("vue-demi").Ref<undefined, undefined>;
-    ready: import("vue-demi").Ref<boolean, boolean>;
-    pdfDoc: import("vue-demi").Ref<undefined, undefined>;
-    pdfEventBus: import("vue-demi").Ref<undefined, undefined>;
-    pdfViewer: import("vue-demi").Ref<undefined, undefined>;
-    pdfLoadingTask: import("vue-demi").Ref<undefined, undefined>;
-    pdfLinkService: import("vue-demi").Ref<undefined, undefined>;
-    pdfJS: import("vue-demi").Ref<undefined, undefined>;
-};

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

@@ -1,56 +0,0 @@
-import { vi } from "vitest";
-import { createEventHook } from "@vueuse/core";
-import { reactive, toRefs } from "vue-demi";
-export const loadEvent = createEventHook();
-export const errorEvent = createEventHook();
-export const readyEvent = createEventHook();
-export const loadingEvent = createEventHook();
-export const context = reactive({
-  page: 1,
-  scale: 1,
-  totalPage: 0,
-  loading: true,
-  error: void 0,
-  ready: false,
-  pdfDoc: void 0,
-  pdfEventBus: void 0,
-  pdfViewer: void 0,
-  pdfLoadingTask: void 0,
-  pdfLinkService: void 0,
-  pdfJS: void 0
-});
-export const openDoc = vi.fn((src, password) => {
-  if (src) {
-    context.loading = true;
-    setTimeout(() => {
-      if (src.includes("error")) {
-        context.error = new Error("Doc not loaded");
-        void errorEvent.trigger(context.error);
-      } else if (src.includes("protected") && !password) {
-        context.error = new Error("Doc not loaded");
-        context.error.name = "PasswordException";
-        void errorEvent.trigger(context.error);
-      } else {
-        void loadingEvent.trigger({ total: 100, loaded: 10 });
-        context.ready = true;
-        context.totalPage = 5;
-        void loadingEvent.trigger({ total: 100, loaded: 100 });
-        void loadEvent.trigger({});
-        void readyEvent.trigger({});
-      }
-      context.loading = false;
-    }, 1);
-  }
-});
-export const closeDoc = vi.fn();
-export function useViewer() {
-  return {
-    ...toRefs(context),
-    openDoc,
-    closeDoc,
-    onLoaded: loadEvent.on,
-    onError: errorEvent.on,
-    onReady: readyEvent.on,
-    onLoading: loadingEvent.on
-  };
-}

package/dist/components/pdf-viewer/__mocks__/use-window-size.d.ts

@@ -1,4 +0,0 @@
-export declare function setWindowSize(size: number): void;
-export declare function useWindowSize(): {
-    height: import("vue-demi").Ref<number, number>;
-};

package/dist/components/pdf-viewer/__mocks__/use-window-size.mjs

@@ -1,8 +0,0 @@
-import { ref } from "vue-demi";
-const height = ref(0);
-export function setWindowSize(size) {
-  height.value = size;
-}
-export function useWindowSize() {
-  return { height };
-}

package/dist/components/pdf-viewer/assets/pdf-loading.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="595" height="842" aria-labelledby="loading-aria" preserveAspectRatio="none" role="img" viewBox="0 0 595 842"><title id="loading-aria">Loading...</title><rect width="100%" height="100%" x="0" y="0" clip-path="url(#clip-path)" style="fill:url(#fill)"/><defs><clipPath id="clip-path"><rect width="191" height="14" x="44" y="64" rx="2.068"/><rect width="140" height="14" x="44" y="94" rx="2.068"/><rect width="507" height="14" x="44" y="152" rx="7"/><rect width="507" height="14" x="44" y="182" rx="7"/><rect width="507" height="14" x="44" y="212" rx="7"/><rect width="507" height="14" x="44" y="242" rx="7"/><rect width="507" height="14" x="44" y="272" rx="7"/><rect width="507" height="14" x="44" y="302" rx="7"/><rect width="349" height="14" x="44" y="332" rx="7"/><rect width="507" height="14" x="44" y="390" rx="7"/><rect width="507" height="14" x="44" y="420" rx="7"/><rect width="507" height="14" x="44" y="450" rx="7"/><rect width="507" height="14" x="44" y="480" rx="7"/><rect width="507" height="14" x="44" y="510" rx="7"/><rect width="507" height="14" x="44" y="540" rx="7"/><rect width="183" height="14" x="44" y="570" rx="7"/><rect width="191" height="14" x="360" y="628" rx="2.068"/><rect width="140" height="14" x="411" y="678" rx="2.068"/><rect width="191" height="14" x="44" y="64" rx="2.068"/><rect width="140" height="14" x="44" y="94" rx="2.068"/><rect width="507" height="14" x="44" y="152" rx="7"/><rect width="507" height="14" x="44" y="182" rx="7"/><rect width="507" height="14" x="44" y="212" rx="7"/><rect width="507" height="14" x="44" y="242" rx="7"/><rect width="507" height="14" x="44" y="272" rx="7"/><rect width="507" height="14" x="44" y="302" rx="7"/><rect width="349" height="14" x="44" y="332" rx="7"/><rect width="507" height="14" x="44" y="390" rx="7"/><rect width="507" height="14" x="44" y="420" rx="7"/><rect width="507" height="14" x="44" y="450" rx="7"/><rect width="507" height="14" x="44" y="480" rx="7"/><rect width="507" height="14" x="44" y="510" rx="7"/><rect width="507" height="14" x="44" y="540" rx="7"/><rect width="183" height="14" x="44" y="570" rx="7"/><rect width="191" height="14" x="360" y="628" rx="2.068"/><rect width="140" height="14" x="411" y="678" rx="2.068"/></clipPath><linearGradient id="fill"><stop offset=".6" stop-color="#E7E7E8" stop-opacity="1"><animate attributeName="offset" dur="2s" keyTimes="0; 0.25; 1" repeatCount="indefinite" values="-2; -2; 1"/></stop><stop offset="1.6" stop-color="#CFCFD1" stop-opacity="1"><animate attributeName="offset" dur="2s" keyTimes="0; 0.25; 1" repeatCount="indefinite" values="-1; -1; 2"/></stop><stop offset="2.6" stop-color="#E7E7E8" stop-opacity="1"><animate attributeName="offset" dur="2s" keyTimes="0; 0.25; 1" repeatCount="indefinite" values="0; 0; 3"/></stop></linearGradient></defs></svg>

package/dist/components/pdf-viewer/index.d.ts

@@ -1,25 +0,0 @@
-import type { InjectionKey, Ref } from 'vue-demi';
-export type LayoutVariant = 'fixed' | 'fit';
-export interface PdfViewerContext {
-    page: Ref<number>;
-    scale: Ref<number>;
-    totalPage: Readonly<Ref<number>>;
-    zoomIn: () => void;
-    zoomOut: () => void;
-    next: () => void;
-    prev: () => void;
-    first: () => void;
-    last: () => void;
-}
-export declare const PDF_VIEWER_CONTEXT: InjectionKey<PdfViewerContext>;
-export declare function usePdfContext(): {
-    page: Ref<number, number>;
-    scale: Ref<number, number>;
-    totalPage: Ref<number, number>;
-    zoomIn: (...args: any[]) => void;
-    zoomOut: (...args: any[]) => void;
-    next: (...args: any[]) => void;
-    prev: (...args: any[]) => void;
-    first: (...args: any[]) => void;
-    last: (...args: any[]) => void;
-};