@privyid/persona 1.2.0 → 1.2.1-rc.0

package/dist/components/pdf-object/utils/use-drag.mjs

@@ -1,69 +0,0 @@
-import {
-  inject,
-  onScopeDispose,
-  shallowRef,
-  watch
-} from "vue-demi";
-import { DROPZONE_CONTEXT_SYMBOL } from "./use-drop.mjs";
-export default function useDrag(target, hooks) {
-  const enable = shallowRef(true);
-  const instance = shallowRef();
-  const { hoverzone } = inject(DROPZONE_CONTEXT_SYMBOL);
-  async function init() {
-    destroy();
-    if (target.value) {
-      const { default: Interact } = await import("interactjs");
-      instance.value = Interact(target.value).draggable({
-        inertia: true,
-        enabled: enable.value,
-        autoScroll: {
-          container: target.value.parentElement,
-          margin: 100,
-          speed: 300
-        },
-        onstart: hooks.onstart,
-        onmove: hooks.onmove,
-        onend: hooks.onend,
-        modifiers: [
-          Interact.modifiers.restrict({
-            restriction: "parent",
-            elementRect: {
-              top: 0,
-              left: 0,
-              bottom: 1,
-              right: 1
-            }
-          }),
-          Interact.modifiers.restrictRect({
-            endOnly: true,
-            restriction: () => {
-              if (hoverzone.value)
-                return Interact.getElementRect(hoverzone.value);
-              return {
-                top: 0,
-                left: 0,
-                bottom: Number.POSITIVE_INFINITY,
-                right: Number.POSITIVE_INFINITY
-              };
-            }
-          })
-        ]
-      }).on("tap", hooks.ontap);
-    }
-  }
-  function destroy() {
-    if (instance.value)
-      instance.value.unset();
-  }
-  watch(target, async () => {
-    await init();
-  });
-  watch(enable, (value) => {
-    if (instance.value)
-      instance.value.draggable(value);
-  });
-  onScopeDispose(() => {
-    destroy();
-  });
-  return enable;
-}

package/dist/components/pdf-object/utils/use-drop.d.ts

@@ -1,7 +0,0 @@
-import type { InjectionKey, Ref } from 'vue-demi';
-export interface DropzoneContext {
-    dropzone: Ref<HTMLElement>;
-    hoverzone: Ref<HTMLElement>;
-}
-export declare const DROPZONE_CONTEXT_SYMBOL: InjectionKey<DropzoneContext>;
-export default function useDrop(target: Ref<HTMLElement>, dropTarget: Ref<string>): import("vue-demi").ShallowRef<boolean, boolean>;

package/dist/components/pdf-object/utils/use-drop.mjs

@@ -1,57 +0,0 @@
-import { useMutationObserver } from "@vueuse/core";
-import {
-  onScopeDispose,
-  provide,
-  ref,
-  shallowRef
-} from "vue-demi";
-export const DROPZONE_CONTEXT_SYMBOL = Symbol("DropzoneContext");
-export default function useDrop(target, dropTarget) {
-  const enable = shallowRef(true);
-  const instance = shallowRef();
-  const dropzone = ref();
-  const hoverzone = ref();
-  async function init() {
-    destroy();
-    if (target.value) {
-      const { default: Interact } = await import("interactjs");
-      Interact.dynamicDrop(true);
-      instance.value = Interact(dropTarget.value, { context: target.value }).dropzone({
-        accept: ".pdf-object",
-        overlap: 0.95,
-        enabled: enable.value,
-        checker(dragEvent, event, dropped, dropzone2, dropzoneElement, draggable, draggableElement) {
-          return dropped && (target.value?.contains(draggableElement) || draggableElement.classList.contains("pdf-object--external"));
-        },
-        ondragenter(event) {
-          hoverzone.value = event.target;
-          event.target.classList.add("hover");
-        },
-        ondragleave(event) {
-          event.target.classList.remove("hover");
-        },
-        ondrop(event) {
-          hoverzone.value = event.target;
-          dropzone.value = event.target;
-          event.target.classList.remove("hover");
-        }
-      });
-    }
-  }
-  function destroy() {
-    if (instance.value)
-      instance.value.unset();
-  }
-  useMutationObserver(target, (mutations) => {
-    const isChildChanged = mutations.some((mutation) => {
-      return mutation.type === "childList" && mutation.target.matches(dropTarget.value);
-    });
-    if (isChildChanged)
-      void init();
-  }, { subtree: true, childList: true });
-  onScopeDispose(() => {
-    destroy();
-  });
-  provide(DROPZONE_CONTEXT_SYMBOL, { dropzone, hoverzone });
-  return enable;
-}

package/dist/components/pdf-object/utils/use-resize.d.ts

@@ -1,17 +0,0 @@
-import type { InteractEvent } from '@interactjs/types';
-import type { MaybeRef } from '@vueuse/core';
-import type { Ref } from 'vue-demi';
-export interface ResizeOptions {
-    onstart?: (event: InteractEvent) => void;
-    onmove?: (event: InteractEvent) => void;
-    onend?: (event: InteractEvent) => void;
-    handleSelector?: string;
-    reference?: MaybeRef<HTMLElement>;
-    minWidth?: MaybeRef<number>;
-    maxWidth?: MaybeRef<number>;
-    minHeight?: MaybeRef<number>;
-    maxHeight?: MaybeRef<number>;
-    scale?: MaybeRef<number>;
-    ratio?: MaybeRef<number>;
-}
-export default function useResize(target: Ref<HTMLElement>, options?: ResizeOptions): import("vue-demi").ShallowRef<boolean, boolean>;

package/dist/components/pdf-object/utils/use-resize.mjs

@@ -1,90 +0,0 @@
-import {
-  onScopeDispose,
-  shallowRef,
-  unref,
-  watch
-} from "vue-demi";
-export default function useResize(target, options = {}) {
-  const enable = shallowRef(true);
-  const instance = shallowRef();
-  async function init() {
-    destroy();
-    if (target.value) {
-      const { default: Interact } = await import("interactjs");
-      instance.value = Interact(target.value).resizable({
-        enabled: enable.value,
-        edges: {
-          left: false,
-          top: false,
-          bottom: options.handleSelector ?? ".resize-handle",
-          right: options.handleSelector ?? ".resize-handle"
-        },
-        onstart: options.onstart,
-        onmove: options.onmove,
-        onend: options.onend,
-        modifiers: [
-          Interact.modifiers.aspectRatio({
-            ratio: unref(options.ratio) ?? "preserve",
-            modifiers: [
-              Interact.modifiers.restrictSize({
-                min: (x, y, element) => {
-                  const scale = unref(options.scale) ?? 1;
-                  return {
-                    ...element.rect,
-                    width: unref(options.minWidth) * scale,
-                    height: unref(options.minHeight) * scale
-                  };
-                },
-                max: (x, y, element) => {
-                  const scale = unref(options.scale) ?? 1;
-                  return {
-                    ...element.rect,
-                    width: unref(options.maxWidth) * scale,
-                    height: unref(options.maxHeight) * scale
-                  };
-                }
-              }),
-              Interact.modifiers.restrictSize({
-                max: (x, y, element) => {
-                  const reference = unref(options.reference);
-                  if (reference) {
-                    const bounding = Interact.getElementRect(reference);
-                    if (bounding) {
-                      const width = bounding.right - element.rect.left;
-                      const height = bounding.bottom - element.rect.top;
-                      return {
-                        ...bounding,
-                        width,
-                        height
-                      };
-                    }
-                  }
-                  return {
-                    ...element.rect,
-                    width: Number.POSITIVE_INFINITY,
-                    height: Number.POSITIVE_INFINITY
-                  };
-                }
-              })
-            ]
-          })
-        ]
-      });
-    }
-  }
-  function destroy() {
-    if (instance.value)
-      instance.value.unset();
-  }
-  watch(target, async () => {
-    await init();
-  });
-  watch(enable, (value) => {
-    if (instance.value)
-      instance.value.draggable(value);
-  }, { immediate: true });
-  onScopeDispose(() => {
-    destroy();
-  });
-  return enable;
-}

package/dist/components/pdf-object/utils/use-selector.d.ts

@@ -1,4 +0,0 @@
-import type { MaybeRef } from '@vueuse/core';
-import type { Ref } from 'vue-demi';
-export declare function useSelector<E extends HTMLElement>(selector: MaybeRef<string>, container?: MaybeRef<HTMLElement>, all?: false): Readonly<Ref<E>>;
-export declare function useSelector<E extends HTMLElement>(selector: MaybeRef<string>, container?: MaybeRef<HTMLElement>, all?: true): Readonly<Ref<NodeListOf<E>>>;

package/dist/components/pdf-object/utils/use-selector.mjs

@@ -1,26 +0,0 @@
-import {
-  tryOnMounted,
-  useMutationObserver
-} from "@vueuse/core";
-import {
-  watch,
-  unref,
-  shallowRef
-} from "vue-demi";
-export function useSelector(selector, container = document.body, all = false) {
-  const element = shallowRef();
-  function getElement() {
-    element.value = all ? unref(container)?.querySelectorAll(unref(selector)) : unref(container)?.querySelector(unref(selector));
-  }
-  watch(() => unref(selector), () => {
-    getElement();
-  });
-  useMutationObserver(container, (mutations) => {
-    if (mutations.some((mutation) => mutation.type === "childList"))
-      getElement();
-  }, { childList: true, subtree: true });
-  tryOnMounted(() => {
-    getElement();
-  });
-  return element;
-}

package/dist/components/pdf-object/utils/use-selector.spec.d.ts

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

package/dist/components/pdf-object/utils/use-selector.spec.mjs

@@ -1,30 +0,0 @@
-import { queryByTestId } from "@testing-library/dom";
-import { useSelector } from "./use-selector.mjs";
-it("should able to select all element using querySelector", () => {
-  document.body.innerHTML = `
-    <div data-testid="target">
-      <div class="item" data-testid="item-1"/>
-      <div class="item" data-testid="item-2"/>
-      <div class="item" data-testid="item-3"/>
-    </div>
-  `;
-  const items = useSelector('[data-testid="item-1"]', document.body);
-  const item1 = queryByTestId(document.body, "item-1");
-  expect(items.value).toBe(item1);
-});
-it("should able to select all element using querySelector", () => {
-  document.body.innerHTML = `
-    <div data-testid="target">
-      <div class="item" data-testid="item-1"/>
-      <div class="item" data-testid="item-2"/>
-      <div class="item" data-testid="item-3"/>
-    </div>
-  `;
-  const items = useSelector(".item", document.body, true);
-  const item1 = queryByTestId(document.body, "item-1");
-  const item2 = queryByTestId(document.body, "item-2");
-  const item3 = queryByTestId(document.body, "item-3");
-  expect(items.value[0]).toBe(item1);
-  expect(items.value[1]).toBe(item2);
-  expect(items.value[2]).toBe(item3);
-});

package/dist/components/pdf-text/PdfText.vue

@@ -1,125 +0,0 @@
-<template>
-  <img
-    class="pdf-text"
-    :width="width"
-    :height="height"
-    :src="preview"
-    :srcset="srcset"
-    :alt="text">
-</template>
-
-<script setup>
-import { onMounted, ref } from "vue-demi";
-import { createSpinner } from "../avatar/utils/create-image";
-import { usePreview } from "../cropper";
-import { useVModel } from "../input";
-import { fromBase64 } from "../utils/base64";
-import { watchDebounced } from "@vueuse/core";
-import generate from "./utils/text-to-image";
-const props = defineProps({
-  modelValue: {
-    type: [String, globalThis.File],
-    default: void 0
-  },
-  modelModifiers: {
-    type: Object,
-    default: () => ({})
-  },
-  text: {
-    type: String,
-    default: ""
-  },
-  width: {
-    type: Number,
-    default: 198
-  },
-  height: {
-    type: Number,
-    default: 106
-  },
-  color: {
-    type: String,
-    default: "#4a5362"
-  },
-  size: {
-    type: Number,
-    default: 16
-  },
-  minSize: {
-    type: Number,
-    default: 11
-  },
-  maxSize: {
-    type: Number,
-    default: 72
-  },
-  fixedSize: {
-    type: Boolean,
-    default: false
-  },
-  font: {
-    type: String,
-    default: "DM Sans"
-  },
-  lineHeight: {
-    type: Number,
-    default: 1.5
-  },
-  padding: {
-    type: Number,
-    default: 12
-  },
-  label: {
-    type: String,
-    default: ""
-  },
-  labelColor: {
-    type: String,
-    default: "#9EA0A2"
-  },
-  labelFont: {
-    type: String,
-    default: void 0
-  },
-  labelSize: {
-    type: Number,
-    default: 12
-  }
-});
-defineEmits(["update:modelValue"]);
-const model = useVModel(props);
-const preview = usePreview(model, createSpinner(props.width, props.height));
-const srcset = ref("");
-watchDebounced(() => [
-  props.text,
-  props.width,
-  props.height,
-  props.color,
-  props.size,
-  props.fixedSize,
-  props.font,
-  props.lineHeight,
-  props.padding,
-  props.label,
-  props.labelColor,
-  props.labelFont,
-  props.labelSize
-], () => {
-  load();
-}, { debounce: 300 });
-onMounted(() => {
-  load();
-});
-async function load() {
-  const result = await generate(props);
-  const value = props.modelModifiers.base64 ? result : fromBase64(result);
-  model.value = value;
-  srcset.value = `${await generate(props, 2)} 2x`;
-}
-</script>
-
-<style lang="postcss">
-.pdf-object .pdf-text {
-  @apply w-full h-full;
-}
-</style>

package/dist/components/pdf-text/PdfText.vue.d.ts

@@ -1,170 +0,0 @@
-import type { PropType } from 'vue-demi';
-import type { ModelModifier } from '../dropzone';
-declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    modelValue: {
-        type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
-            prototype: File;
-        })[];
-        default: undefined;
-    };
-    modelModifiers: {
-        type: PropType<ModelModifier>;
-        default: () => ModelModifier;
-    };
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    width: {
-        type: NumberConstructor;
-        default: number;
-    };
-    height: {
-        type: NumberConstructor;
-        default: number;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-    minSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    maxSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    fixedSize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    font: {
-        type: StringConstructor;
-        default: string;
-    };
-    lineHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    padding: {
-        type: NumberConstructor;
-        default: number;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelFont: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    labelSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: unknown) => void;
-}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    modelValue: {
-        type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
-            prototype: File;
-        })[];
-        default: undefined;
-    };
-    modelModifiers: {
-        type: PropType<ModelModifier>;
-        default: () => ModelModifier;
-    };
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    width: {
-        type: NumberConstructor;
-        default: number;
-    };
-    height: {
-        type: NumberConstructor;
-        default: number;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-    minSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    maxSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    fixedSize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    font: {
-        type: StringConstructor;
-        default: string;
-    };
-    lineHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    padding: {
-        type: NumberConstructor;
-        default: number;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelFont: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    labelSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: unknown) => any) | undefined;
-}>, {
-    text: string;
-    size: number;
-    label: string;
-    modelValue: string | File;
-    width: number;
-    height: number;
-    color: string;
-    padding: number;
-    font: string;
-    modelModifiers: ModelModifier;
-    lineHeight: number;
-    labelColor: string;
-    minSize: number;
-    maxSize: number;
-    fixedSize: boolean;
-    labelFont: string;
-    labelSize: number;
-}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-export default _default;