@privyid/persona 0.9.0 → 0.10.0

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

@@ -0,0 +1,168 @@
+import { PropType } from 'vue-demi';
+import { ModelModifier } from '../dropzone';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | {
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            prototype: File;
+        })[];
+        default: string;
+    };
+    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: any;
+    };
+    labelSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    preview: import("vue-demi").Ref<string>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | {
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            prototype: File;
+        })[];
+        default: string;
+    };
+    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: any;
+    };
+    labelSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    size: number;
+    color: string;
+    text: string;
+    modelValue: string | File;
+    label: string;
+    modelModifiers: ModelModifier;
+    font: string;
+    padding: number;
+    lineHeight: number;
+    width: number;
+    height: number;
+    labelColor: string;
+    minSize: number;
+    maxSize: number;
+    fixedSize: boolean;
+    labelFont: string;
+    labelSize: number;
+}>;
+export default _default;

package/dist/components/pdf-text/utils/text-to-image.d.ts

@@ -0,0 +1,68 @@
+interface GenerateOptions {
+    /**
+     * Canvas's element
+     */
+    canvas?: HTMLCanvasElement;
+    /**
+     * Text to be generated
+     */
+    text: string;
+    /**
+     * Image width
+     */
+    width: number;
+    /**
+     * Image height
+     */
+    height: number;
+    /**
+     * Text color
+     */
+    color: string;
+    /**
+     * Text font size
+     */
+    size: number;
+    /**
+     * Minimum font size
+     */
+    minSize: number;
+    /**
+     * Maximum font size
+     */
+    maxSize: number;
+    /**
+     * Autofit mode
+     */
+    fixedSize: boolean;
+    /**
+     * Text font family
+     */
+    font: string;
+    /**
+     * Text line height
+     */
+    lineHeight: number;
+    /**
+     * Text box padding
+     */
+    padding: number;
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Label color
+     */
+    labelColor?: string;
+    /**
+     * Label font family
+     */
+    labelFont?: string;
+    /**
+     * Label font size
+     */
+    labelSize?: number;
+}
+export default function generate(options: GenerateOptions): Promise<string>;
+export {};

package/dist/components/pdf-text/utils/text-to-image.mjs

@@ -0,0 +1,118 @@
+import { createCanvas } from "../../signature-draw/utils/canvas.mjs";
+import loadFont from "../../signature-text/utils/load-font.mjs";
+import { clamp } from "lodash-es";
+function wrapText(context, text, fontSize, lineHeight, fontFamily, maxWidth) {
+  const lines = [];
+  context.font = `${fontSize}px ${JSON.stringify(fontFamily)}`;
+  context.textBaseline = "top";
+  let line = "";
+  let i;
+  let test;
+  let metrics;
+  for (const paragraph of text.split("\n")) {
+    const words = paragraph.split(" ");
+    for (i = 0; i < words.length; i++) {
+      test = words[i];
+      metrics = context.measureText(test);
+      while (metrics.width > maxWidth) {
+        test = test.slice(0, Math.max(0, test.length - 1));
+        metrics = context.measureText(test);
+      }
+      if (words[i] !== test) {
+        words.splice(i + 1, 0, words[i].slice(test.length));
+        words[i] = test;
+      }
+      test = `${line + words[i]} `;
+      metrics = context.measureText(test);
+      if (metrics.width > maxWidth && i > 0) {
+        lines.push(line);
+        line = `${words[i]} `;
+      } else
+        line = test;
+    }
+    lines.push(line);
+    line = "";
+  }
+  return lines;
+}
+export default async function generate(options) {
+  const {
+    text,
+    color,
+    padding,
+    font,
+    height,
+    width,
+    size,
+    minSize,
+    maxSize,
+    fixedSize,
+    label
+  } = options;
+  await loadFont(font);
+  const canvas = options.canvas ?? createCanvas(width, height);
+  const context = canvas.getContext("2d");
+  let y = padding;
+  if (label) {
+    const labelSize = options.labelSize ?? size;
+    const labelFont = options.labelFont ?? font;
+    const labelColor = options.labelColor ?? color;
+    context.font = `${labelSize}px ${JSON.stringify(labelFont)}`;
+    context.textBaseline = "top";
+    context.textAlign = "start";
+    context.fillStyle = labelColor;
+    context.fillText(label, padding, y);
+    y += labelSize * options.lineHeight;
+  }
+  if (text) {
+    const maxWidth = width - padding * 2;
+    const maxHeight = height - (y + padding);
+    let fontSize = size;
+    let lineHeight = fontSize * options.lineHeight;
+    let lines = wrapText(
+      context,
+      text,
+      fontSize,
+      lineHeight,
+      font,
+      maxWidth
+    );
+    if (!fixedSize) {
+      let textHeight = lines.length * lineHeight;
+      let count = 0;
+      do {
+        const newFontSize = clamp(
+          Math.round((maxHeight / textHeight * fontSize + fontSize) / 2),
+          minSize,
+          maxSize
+        );
+        if (newFontSize === fontSize)
+          break;
+        fontSize = newFontSize;
+        lineHeight = fontSize * options.lineHeight;
+        lines = wrapText(
+          context,
+          text,
+          fontSize,
+          lineHeight,
+          font,
+          maxWidth
+        );
+        textHeight = lines.length * lineHeight;
+      } while (textHeight > maxHeight && ++count < 5);
+    }
+    context.font = `${fontSize}px ${JSON.stringify(font)}`;
+    context.textBaseline = "top";
+    context.textAlign = "start";
+    context.fillStyle = color;
+    context.font = `${fontSize}px ${JSON.stringify(font)}`;
+    context.textBaseline = "top";
+    context.textAlign = "start";
+    context.fillStyle = color;
+    for (const line of lines) {
+      context.fillText(line, padding, y);
+      y += lineHeight;
+    }
+  }
+  return canvas.toDataURL("image/png");
+}

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

@@ -1,9 +1,11 @@
 <template>
   <div
     ref="root"
-    v-p-aspect-ratio="layout === 'fixed' ? ratio : 16/9"
+    v-p-aspect-ratio="layout === 'fixed' ? ratio : false"
     data-testid="pdf-viewer"
     class="pdf"
+    :data-page="pdfPage"
+    :data-scale="pdfScale"
     :class="classNames">
     <div
       class="pdf__header">
@@ -47,7 +49,7 @@
 
       <transition name="slide-up">
         <PdfNavigation
-          v-show="!idle" />
+          v-show="!idle && !loading" />
       </transition>
 
       <slot

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

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

@@ -19,7 +19,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    title: string;
     active: boolean;
+    title: string;
 }>;
 export default _default;

package/dist/components/sidebar/Sidebar.vue

@@ -99,7 +99,7 @@ export default defineComponent({
   * Fixed sidebar
   */
   &&--fixed {
-    @apply fixed top-0 h-full;
+    @apply fixed top-0 h-full shadow-lg;
 
     &:not(.sidebar--right) {
       @apply left-0;

package/dist/components/signature-text/SignatureText.vue.d.ts

@@ -77,8 +77,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     color: string;
-    modelValue: string | File;
     text: string;
+    modelValue: string | File;
     modelModifiers: ModelModifier;
     font: string;
     width: number;

package/dist/components/table/Table.vue

@@ -204,6 +204,10 @@ export default defineComponent({
     > .datatable__header {
       @apply px-3;
     }
+
+    + .datatable__body {
+      @apply pt-2;
+    }
   }
 
   .datatable__header {
@@ -215,16 +219,16 @@ export default defineComponent({
     }
 
     &.datatable__drag {
-      @apply invisible;
+      @apply invisible mx-3;
     }
   }
 
   &__row {
-    @apply flex space-x-2 w-full items-center bg-default;
+    @apply flex space-x-2 w-full items-start;
   }
 
   &__cell {
-    @apply py-4 px-3 text-sm text-default;
+    @apply py-4 px-3 text-sm text-default break-all;
 
     & > .datatable__header {
       @apply text-xs;
@@ -232,7 +236,7 @@ export default defineComponent({
 
     &.datatable__checkbox,
     &.datatable__drag {
-      @apply flex-shrink-0 flex-grow-0;
+      @apply flex-shrink-0 flex-grow-0 self-center;
     }
 
     &.datatable__checkbox {
@@ -256,13 +260,17 @@ export default defineComponent({
     }
 
     .datatable__row {
-      @apply rounded border border-default;
+      @apply rounded border border-default bg-default;
     }
   }
 
   &--static {
+    .datatable__headers {
+      @apply border-b border-b-default;
+    }
+
     .datatable__body {
-      @apply border-b border-b-default divide-y divide-default;
+      @apply border-b border-b-default divide-y divide-default bg-default;
     }
   }
 }

package/dist/components/table/Table.vue.d.ts

@@ -62,8 +62,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:items"?: (...args: any[]) => any;
 }, {
     variant: TypeVariant;
-    modelValue: Record<string, unknown>[];
     items: Record<string, unknown>[];
+    modelValue: Record<string, unknown>[];
     draggable: boolean;
     fields: TableField[];
     selectable: boolean;

package/dist/components/toggle/Toggle.vue

@@ -105,7 +105,7 @@ export default defineComponent({
     event: "update:modelValue"
   },
   emits: ["update:modelValue", "change"],
-  setup(props) {
+  setup(props, { slots }) {
     const model = useVModel(props);
     const classNames = computed(() => {
       const result = [];
@@ -117,6 +117,8 @@ export default defineComponent({
         result.push("toggle--disabled");
       if (props.readonly)
         result.push("toggle--readonly");
+      if (slots.default)
+        result.push("toggle--labeled");
       return result;
     });
     function toggle() {
@@ -137,7 +139,7 @@ export default defineComponent({
   @apply inline-flex cursor-pointer relative items-center select-none;
 
   &__switch {
-    @apply flex items-center justify-center relative bg-inactive border-subtle mr-4;
+    @apply flex items-center justify-center relative bg-inactive border-subtle;
   }
 
   &__pointer {
@@ -212,5 +214,11 @@ export default defineComponent({
       @apply bg-inactive;
     }
   }
+
+  &&--labeled {
+    .toggle__switch {
+      @apply mr-4;
+    }
+  }
 }
 </style>

package/dist/components/tour/TourDialog.vue.d.ts

@@ -95,8 +95,8 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     image: string;
     dismissable: boolean;
-    title: string;
     text: string;
+    title: string;
     step: number;
     highlight: boolean;
     totalStep: number;

package/dist/core/index.d.ts

@@ -18,5 +18,7 @@ export { initAppContext, useAppContext, } from '../components/global/context';
 export { useRouter, installRouter, } from '../components/global/router';
 export { createTour, } from '../components/tour';
 export { usePasswordStrength, } from '../components/input-password';
-export { usePreview, } from '../components/cropper/';
+export { usePreview, } from '../components/cropper';
 export { usePdfContext, } from '../components/pdf-viewer';
+export { defineNavigation, } from '../components/breadcrumbs';
+export type { PdfHelipadResult, } from '../components/pdf-helipad';

package/dist/core/index.mjs

@@ -64,7 +64,10 @@ export {
 } from "../components/input-password";
 export {
   usePreview
-} from "../components/cropper/";
+} from "../components/cropper";
 export {
   usePdfContext
 } from "../components/pdf-viewer";
+export {
+  defineNavigation
+} from "../components/breadcrumbs";

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.9.0"
+  "version": "0.10.0"
 }

package/dist/module.mjs

@@ -23,6 +23,7 @@ const module = defineNuxtModule({
     }
     await addComponentsDir({
       path: resolve("./components"),
+      pathPrefix: false,
       prefix: options.prefix,
       extensions: ["vue"]
     });