@privyid/persona 1.1.2 → 1.2.1-rc.0

package/dist/components/signature-text/utils/generate-text.mjs

@@ -1,28 +0,0 @@
-import { createCanvas } from "../../signature-draw/utils/canvas.mjs";
-import loadFont from "./load-font.mjs";
-export default async function generate(options, dpi = 1) {
-  await loadFont(options.font);
-  const text = options.text;
-  const width = options.width;
-  const height = options.height;
-  const color = options.color;
-  const font = options.font;
-  const canvas = createCanvas(width, height, dpi);
-  const context = canvas.getContext("2d");
-  context.fillStyle = color;
-  context.font = `100px ${font}`;
-  context.textBaseline = "middle";
-  let size = 100;
-  let measure = context.measureText(text);
-  if (measure.width > width) {
-    size = Math.floor(size / measure.width * (width - 16));
-    context.font = `${size}px ${font}`;
-    measure = context.measureText(text);
-  } else if (size >= height) {
-    size = height - 16;
-    context.font = `${size}px ${font}`;
-    measure = context.measureText(text);
-  }
-  context.fillText(text, (width - measure.width) / 2, height / 2 + 16);
-  return canvas.toDataURL();
-}

package/dist/components/signature-text/utils/load-font.d.ts

@@ -1 +0,0 @@
-export default function loadFont(font: string): Promise<void>;

package/dist/components/signature-text/utils/load-font.mjs

@@ -1,22 +0,0 @@
-import PQueue from "../../global/utils/queue.mjs";
-const queue = new PQueue();
-const loadedFont = /* @__PURE__ */ new Set();
-export default async function loadFont(font) {
-  return await queue.add(async () => {
-    if (!loadedFont.has(font)) {
-      const WebFont = await import("webfontloader");
-      return await new Promise((resolve, reject) => {
-        WebFont.load({
-          google: { families: [font] },
-          fontactive() {
-            loadedFont.add(font);
-            resolve();
-          },
-          fontinactive() {
-            reject(new Error("FONTLOADER_TIMEOUT"));
-          }
-        });
-      });
-    }
-  });
-}

package/dist/components/spinner/Spinner.vue

@@ -1,156 +0,0 @@
-<template>
-  <svg
-    data-testid="spinner"
-    class="spinner spinner-basic"
-    width="1em"
-    height="1em"
-    viewBox="0 0 19 19"
-    fill="currentColor"
-    xmlns="http://www.w3.org/2000/svg">
-    <rect
-      class="spinner-basic__bar"
-      x="8.125"
-      width="2.5"
-      height="6.25"
-      rx="1.25"
-      fill="currentColor"
-      fill-opacity="60%">
-      <animate
-        attributeName="opacity"
-        values="1;0"
-        keyTimes="0;1"
-        dur="1s"
-        begin="0"
-        repeatCount="indefinite" />
-    </rect>
-    <rect
-      class="spinner-basic__bar"
-      x="15.1202"
-      y="1.86199"
-      width="2.5"
-      height="6.25"
-      rx="1.25"
-      transform="rotate(45 15.1202 1.86199)"
-      fill="currentColor"
-      fill-opacity="60%">
-      <animate
-        attributeName="opacity"
-        values="1;0"
-        keyTimes="0;1"
-        dur="1s"
-        begin="0.125s"
-        repeatCount="indefinite" />
-    </rect>
-    <rect
-      class="spinner-basic__bar"
-      x="18.75"
-      y="8.125"
-      width="2.5"
-      height="6.25"
-      rx="1.25"
-      transform="rotate(90 18.75 8.125)"
-      fill="currentColor"
-      fill-opacity="60%">
-      <animate
-        attributeName="opacity"
-        values="1;0"
-        keyTimes="0;1"
-        dur="1s"
-        begin="0.250s"
-        repeatCount="indefinite" />
-    </rect>
-    <rect
-      class="spinner-basic__bar"
-      x="16.888"
-      y="15.1202"
-      width="2.5"
-      height="6.25"
-      rx="1.25"
-      transform="rotate(135 16.888 15.1202)"
-      fill="currentColor"
-      fill-opacity="60%">
-      <animate
-        attributeName="opacity"
-        values="1;0"
-        keyTimes="0;1"
-        dur="1s"
-        begin="0.375s"
-        repeatCount="indefinite" />
-    </rect>
-    <rect
-      class="spinner-basic__bar"
-      x="8.125"
-      y="12.5"
-      width="2.5"
-      height="6.25"
-      rx="1.25"
-      fill="currentColor"
-      fill-opacity="60%">
-      <animate
-        attributeName="opacity"
-        values="1;0"
-        keyTimes="0;1"
-        dur="1s"
-        begin="0.500s"
-        repeatCount="indefinite" />
-    </rect>
-    <rect
-      class="spinner-basic__bar"
-      x="6.2814"
-      y="10.7008"
-      width="2.5"
-      height="6.25"
-      rx="1.25"
-      transform="rotate(45 6.2814 10.7008)"
-      fill="currentColor"
-      fill-opacity="60%">
-      <animate
-        attributeName="opacity"
-        values="1;0"
-        keyTimes="0;1"
-        dur="1s"
-        begin="0.625s"
-        repeatCount="indefinite" />
-    </rect>
-    <rect
-      class="spinner-basic__bar"
-      x="6.25"
-      y="8.125"
-      width="2.5"
-      height="6.25"
-      rx="1.25"
-      transform="rotate(90 6.25 8.125)"
-      fill="currentColor"
-      fill-opacity="60%">
-      <animate
-        attributeName="opacity"
-        values="1;0"
-        keyTimes="0;1"
-        dur="1s"
-        begin="0.750s"
-        repeatCount="indefinite" />
-    </rect>
-    <rect
-      class="spinner-basic__bar"
-      x="8.04917"
-      y="6.2814"
-      width="2.5"
-      height="6.25"
-      rx="1.25"
-      transform="rotate(135 8.04917 6.2814)"
-      fill="currentColor"
-      fill-opacity="60%">
-      <animate
-        attributeName="opacity"
-        values="1;0"
-        keyTimes="0;1"
-        dur="1s"
-        begin="0.875s"
-        repeatCount="indefinite" />
-    </rect>
-  </svg>
-</template>
-
-<script lang="ts" setup>
-//
-</script>

package/dist/components/spinner/SpinnerRing.vue

@@ -1,34 +0,0 @@
-<template>
-  <svg
-    data-testid="spinner"
-    class="spinner spinner--ring"
-    width="1em"
-    height="1em"
-    viewBox="0 0 18 18"
-    fill="currentColor"
-    xmlns="http://www.w3.org/2000/svg">
-    <circle
-      cx="9"
-      cy="9"
-      r="8"
-      stroke-dasharray="50.2654825"
-      stroke-dashoffset="10"
-      stroke-linecap="round"
-      stroke-width="2px"
-      fill="transparent"
-      stroke="currentColor">
-      <animateTransform
-        attributeType="xml"
-        attributeName="transform"
-        type="rotate"
-        from="0 9 9"
-        to="360 9 9"
-        dur="1s"
-        repeatCount="indefinite" />
-    </circle>
-  </svg>
-</template>
-
-<script lang="ts" setup>
-//
-</script>

package/dist/components/spinner/SpinnerRinggo.vue

@@ -1,64 +0,0 @@
-<template>
-  <svg
-    data-testid="spinner"
-    class="spinner spinner--ringgo"
-    width="1em"
-    height="1em"
-    viewBox="0 0 18 18"
-    xmlns="http://www.w3.org/2000/svg">
-    <circle
-      class="spinner-ringgo__track"
-      cx="9"
-      cy="9"
-      r="8"
-      fill="transparent"
-      stroke-width="2px"
-      stroke-opacity="10%"
-      stroke="currentColor" />
-    <g>
-      <circle
-        class="spinner-ringgo__ring"
-        cx="9"
-        cy="9"
-        r="8"
-        stroke-dasharray="50.2654825"
-        stroke-linecap="round"
-        stroke-width="2px"
-        fill="transparent"
-        stroke="currentColor">
-        <animate
-          attributeName="stroke-dashoffset"
-          values="45.2389342;5.02654825;45.2389342"
-          keyTimes="0;.5;1"
-          dur="1.5s"
-          repeatCount="indefinite"
-          calcMode="spline"
-          keySplines="0.4 0 0.2 1; 0.4 0 0.2 1" />
-        <animateTransform
-          attributeType="xml"
-          attributeName="transform"
-          type="rotate"
-          values="0 9 9;45 9 9;360 9 9"
-          dur="1.5s"
-          repeatCount="indefinite"
-          calcMode="spline"
-          keySplines="0.4 0 0.2 1; 0.4 0 0.2 1" />
-      </circle>
-      <animateTransform
-        attributeType="xml"
-        attributeName="transform"
-        type="rotate"
-        from="0 9 9"
-        to="360 9 9"
-        dur="2s"
-        repeatCount="indefinite" />
-    </g>
-  </svg>
-</template>
-
-<script lang="ts" setup>
-/**
- * Special thank to: Glenn McComb
- * https://glennmccomb.com/articles/building-a-pure-css-animated-svg-spinner/
- */
-</script>

package/dist/components/spread/Spread.vue

@@ -1,52 +0,0 @@
-<template>
-  <div
-    class="spread"
-    data-testid="spread"
-    :class="{ 'spread--active': active }">
-    <template
-      v-for="i in 3"
-      :key="i">
-      <div
-        class="spread__item">
-        <slot />
-      </div>
-    </template>
-  </div>
-</template>
-
-<script lang="ts" setup>
-defineProps({
-  active: {
-    type   : Boolean,
-    default: false,
-  },
-})
-</script>
-
-<style lang="postcss">
-.spread {
-  @apply relative flex;
-
-  &__item {
-    @apply will-change-transform;
-
-    &:nth-child(2) {
-      @apply z-[2];
-    }
-
-    &:nth-child(1),
-    &:nth-child(3) {
-      @apply opacity-25 absolute top-0 left-0 origin-bottom transition-transform z-1 will-change-transform;
-    }
-  }
-
-  &--active {
-    .spread__item:nth-child(1) {
-      @apply -translate-x-[60%] translate-y-1 -rotate-[20deg];
-    }
-    .spread__item:nth-child(3) {
-      @apply translate-x-[60%] translate-y-1 rotate-[20deg];
-    }
-  }
-}
-</style>

package/dist/components/steps/Step.vue

@@ -1,49 +0,0 @@
-<template>
-  <div
-    class="step"
-    data-testid="step">
-    <slot
-      :step="step"
-      :next="next"
-      :prev="prev"
-      :total="total"
-      :can-prev="canPrev"
-      :can-next="canNext"
-      :to-step="toStep" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from 'vue-demi'
-import type { TravelHook } from '.'
-import { useStep } from '.'
-
-defineOptions({ name: 'Step' })
-
-const props = defineProps({
-  onBeforePrev: {
-    type   : Function as PropType<TravelHook>,
-    default: () => true,
-  },
-  onBeforeNext: {
-    type   : Function as PropType<TravelHook>,
-    default: () => true,
-  },
-})
-
-const {
-  canNext,
-  canPrev,
-  toStep,
-  step,
-  total,
-  next,
-  prev,
-  onBeforeNext: addOnBeforeNext,
-  onBeforePrev: addOnBeforePrev,
-} = useStep()
-
-// Registering Hooks
-addOnBeforeNext(props.onBeforeNext)
-addOnBeforePrev(props.onBeforePrev)
-</script>

package/dist/components/steps/StepSlider.vue

@@ -1,37 +0,0 @@
-<script>
-import {
-  defineComponent,
-  h,
-  KeepAlive,
-  Transition
-} from "vue-demi";
-import { findAllChildren } from "../utils/vnode";
-export default defineComponent({
-  props: {
-    active: {
-      type: Number,
-      default: 0
-    },
-    keepAlive: {
-      type: Boolean,
-      default: false
-    },
-    transition: {
-      type: String,
-      default: "slide-left"
-    }
-  },
-  setup(props, { slots }) {
-    return () => {
-      const step = findAllChildren(slots.default(), "Step").at(props.active);
-      const body = () => {
-        return props.keepAlive ? h(KeepAlive, h(step, { key: props.active })) : h(step, { key: props.active });
-      };
-      return h(Transition, {
-        name: props.transition,
-        mode: "out-in"
-      }, body);
-    };
-  }
-});
-</script>

package/dist/components/steps/StepSlider.vue.d.ts

@@ -1,34 +0,0 @@
-declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    active: {
-        type: NumberConstructor;
-        default: number;
-    };
-    keepAlive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, () => import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    active: {
-        type: NumberConstructor;
-        default: number;
-    };
-    keepAlive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    transition: string;
-    active: number;
-    keepAlive: boolean;
-}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/steps/Steps.vue

@@ -1,150 +0,0 @@
-<template>
-  <div
-    class="steps"
-    data-testid="steps">
-    <StepSlider
-      :active="step - 1"
-      :keep-alive="keepAlive"
-      :transition="transition">
-      <slot />
-    </StepSlider>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { PropType, VNode } from 'vue-demi'
-import {
-  computed,
-  provide,
-  ref,
-} from 'vue-demi'
-import StepSlider from './StepSlider.vue'
-import { useVModel } from '../input'
-import { findAllChildren } from '../utils/vnode'
-import type {
-  TravelHook,
-  FinishedHook,
-  DirectionVariant,
-  AnimationVariant,
-} from '.'
-import { STEPS_CONTEXT } from '.'
-import { syncRef } from '@vueuse/core'
-import { useClamp } from '@vueuse/math'
-import { runAllHooks } from './utils/hook'
-import { noop } from 'lodash-es'
-
-const props = defineProps({
-  modelValue: {
-    type   : Number,
-    default: 1,
-  },
-  keepAlive: {
-    type   : Boolean,
-    default: false,
-  },
-  direction: {
-    type   : String as PropType<DirectionVariant>,
-    default: 'horizontal',
-  },
-  loop: {
-    type   : Boolean,
-    default: false,
-  },
-  animation: {
-    type   : String as PropType<AnimationVariant>,
-    default: 'slide',
-  },
-  onBeforePrev: {
-    type   : Function as PropType<TravelHook>,
-    default: () => true,
-  },
-  onBeforeNext: {
-    type   : Function as PropType<TravelHook>,
-    default: () => true,
-  },
-  onFinished: {
-    type   : Function as PropType<FinishedHook>,
-    default: noop,
-  },
-})
-
-defineEmits<{
-  'update:modelValue': [number],
-}>()
-
-const slots = defineSlots<{
-  'default'(): VNode[],
-}>()
-
-const onNextHooks = ref([props.onBeforeNext])
-const onPrevHooks = ref([props.onBeforePrev])
-
-const model      = useVModel(props)
-const transition = ref(props.direction === 'vertical' ? 'slide-top' : 'slide-left')
-
-const total = computed(() => {
-  return findAllChildren(slots.default(), 'Step').length
-})
-
-const step = useClamp(model, 1, total)
-
-const canNext = computed(() => {
-  return props.loop || model.value <= total.value
-})
-
-const canPrev = computed(() => {
-  return props.loop || model.value > 1
-})
-
-async function next () {
-  if (canNext.value)
-    await toStep(model.value + 1)
-}
-
-async function prev () {
-  if (canPrev.value)
-    await toStep(model.value - 1)
-}
-
-async function toStep (to: number) {
-  const from  = model.value
-  const hooks = to > from
-    ? onNextHooks.value
-    : onPrevHooks.value
-
-  const toIndex = props.loop
-    ? (((to - 1) % total.value + total.value) % total.value) + 1
-    : to
-
-  if (await runAllHooks(hooks, toIndex, from)) {
-    if (toIndex <= total.value) {
-      transition.value = to > from
-        ? (props.direction === 'vertical' ? `${props.animation}-top` : `${props.animation}-left`)
-        : (props.direction === 'vertical' ? `${props.animation}-bottom` : `${props.animation}-right`)
-
-      step.value = toIndex
-    } else
-      await props.onFinished()
-  }
-}
-
-syncRef(step, model)
-
-provide(STEPS_CONTEXT, {
-  step,
-  next,
-  prev,
-  total,
-  canNext,
-  canPrev,
-  toStep,
-  onPrevHooks,
-  onNextHooks,
-})
-</script>
-
-<style lang="postcss">
-  .steps {
-    @apply w-full;
-  }
-</style>

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

@@ -1,30 +0,0 @@
-import type { ComputedRef, InjectionKey, Ref } from 'vue-demi';
-export type TravelHook = (to: number, from: number) => boolean | Promise<boolean>;
-export type FinishedHook = () => void | Promise<void>;
-export type DirectionVariant = 'horizontal' | 'vertical';
-export type AnimationVariant = 'slide' | 'slide-full';
-export interface StepContext {
-    next: () => void;
-    prev: () => void;
-    toStep: (step: number) => void;
-    total: Ref<number>;
-    step: Ref<number>;
-    canPrev: ComputedRef<boolean>;
-    canNext: ComputedRef<boolean>;
-    onPrevHooks: Ref<TravelHook[]>;
-    onNextHooks: Ref<TravelHook[]>;
-}
-export declare const STEPS_CONTEXT: InjectionKey<StepContext>;
-export declare function useStep(): {
-    onBeforePrev: (hook: TravelHook) => void;
-    onBeforeNext: (hook: TravelHook) => void;
-    next: () => void;
-    prev: () => void;
-    toStep: (step: number) => void;
-    total: Ref<number>;
-    step: Ref<number>;
-    canPrev: ComputedRef<boolean>;
-    canNext: ComputedRef<boolean>;
-    onPrevHooks: Ref<TravelHook[]>;
-    onNextHooks: Ref<TravelHook[]>;
-};