@privyid/persona 1.1.2 → 1.2.1-rc.0

package/dist/components/steps/index.mjs

@@ -1,53 +0,0 @@
-import { tryOnUnmounted } from "@vueuse/core";
-import { runAllHooks } from "./utils/hook.mjs";
-import { noop } from "lodash-es";
-import {
-  inject,
-  ref
-} from "vue-demi";
-export const STEPS_CONTEXT = Symbol("STEPS_CONTEXT");
-export function useStep() {
-  const context = inject(STEPS_CONTEXT, () => {
-    console.warn("<p-step> must be placed inside <p-steps>");
-    return {
-      next: noop,
-      prev: noop,
-      toStep: noop,
-      total: ref(1),
-      step: ref(1),
-      canPrev: ref(false),
-      canNext: ref(false),
-      onPrevHooks: ref([]),
-      onNextHooks: ref([])
-    };
-  }, true);
-  const localPrevHooks = ref([]);
-  const localNextHooks = ref([]);
-  function onBeforePrev(hook) {
-    localPrevHooks.value.unshift(hook);
-  }
-  function onBeforeNext(hook) {
-    localNextHooks.value.unshift(hook);
-  }
-  const onPrevHookTrap = async (...args) => {
-    return await runAllHooks(localPrevHooks.value, ...args);
-  };
-  const onNextHookTrap = async (...args) => {
-    return await runAllHooks(localNextHooks.value, ...args);
-  };
-  context.onPrevHooks.value.unshift(onPrevHookTrap);
-  context.onNextHooks.value.unshift(onNextHookTrap);
-  tryOnUnmounted(() => {
-    const pi = context.onPrevHooks.value.indexOf(onPrevHookTrap);
-    const ni = context.onNextHooks.value.indexOf(onNextHookTrap);
-    if (pi > -1)
-      context.onPrevHooks.value.splice(pi, 1);
-    if (ni > -1)
-      context.onNextHooks.value.splice(ni, 1);
-  });
-  return {
-    ...context,
-    onBeforePrev,
-    onBeforeNext
-  };
-}

package/dist/components/steps/utils/hook.d.ts

@@ -1,10 +0,0 @@
-export type HookFn = (...args: unknown[]) => unknown | Promise<unknown>;
-export declare function runHook<H extends HookFn>(hook: H, ...args: Parameters<H>): Promise<boolean>;
-export declare function runAllHooks<H extends HookFn>(hooks: Iterable<H>, ...args: Parameters<H>): Promise<boolean>;
-export declare class Hook<H extends HookFn> {
-    protected hooks: H[];
-    constructor();
-    add(hook: H): this;
-    remove(hook: H): this;
-    run(...args: Parameters<H>): Promise<boolean>;
-}

package/dist/components/steps/utils/hook.mjs

@@ -1,35 +0,0 @@
-export async function runHook(hook, ...args) {
-  try {
-    return await hook(...args) !== false;
-  } catch {
-    return false;
-  }
-}
-export async function runAllHooks(hooks, ...args) {
-  let result = true;
-  for (const hook of hooks) {
-    result = await runHook(hook, ...args);
-    if (!result)
-      break;
-  }
-  return result;
-}
-export class Hook {
-  hooks;
-  constructor() {
-    this.hooks = [];
-  }
-  add(hook) {
-    this.hooks.unshift(hook);
-    return this;
-  }
-  remove(hook) {
-    const index = this.hooks.indexOf(hook);
-    if (index > -1)
-      this.hooks.splice(index, 1);
-    return this;
-  }
-  async run(...args) {
-    return await runAllHooks(this.hooks, ...args);
-  }
-}

package/dist/components/strengthbar/Strengthbar.vue

@@ -1,97 +0,0 @@
-<template>
-  <div
-    class="strengthbar"
-    :data-status="status">
-    <div
-      v-for="(active, i) in items"
-      :key="i"
-      class="strengthbar__bar"
-      :class="{ 'strengthbar--active': active }" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useToNumber } from '@vueuse/core'
-import {
-  computed,
-  toRef,
-} from 'vue-demi'
-
-const props = defineProps({
-  length: {
-    type   : [Number, String],
-    default: 6,
-  },
-  value: {
-    type   : [Number, String],
-    default: 0,
-  },
-  min: {
-    type   : [Number, String],
-    default: 0,
-  },
-  max: {
-    type   : [Number, String],
-    default: 6,
-  },
-})
-
-const minValue    = useToNumber(toRef(props, 'min'), { nanToZero: true })
-const maxValue    = useToNumber(toRef(props, 'max'), { nanToZero: true })
-const localValue  = useToNumber(toRef(props, 'value'), { nanToZero: true })
-const lengthValue = useToNumber(toRef(props, 'length'), { nanToZero: true })
-
-const strength = computed(() => {
-  return (localValue.value - minValue.value) / (maxValue.value - minValue.value)
-})
-
-const items = computed(() => {
-  return Array.from({ length: lengthValue.value })
-    .map((_, i) => {
-      return Math.round(strength.value * lengthValue.value) >= (i + 1)
-    })
-})
-
-const status = computed(() => {
-  const val = strength.value * 3
-
-  if (val > 2)
-    return 'high'
-  else if (val > 1)
-    return 'mid'
-  else
-    return 'low'
-})
-</script>
-
-<style lang="postcss">
-.strengthbar {
-  @apply flex w-full space-x-4;
-
-  &__bar {
-    @apply rounded-full h-1 bg-emphasis-alpha grow transition-colors duration-150;
-    @apply dark:bg-dark-emphasis-alpha;
-  }
-
-  &&[data-status="low"] {
-    .strengthbar--active {
-      @apply bg-danger-emphasis;
-      @apply dark:bg-dark-danger-emphasis;
-    }
-  }
-
-  &&[data-status="mid"] {
-    .strengthbar--active {
-      @apply bg-warning-emphasis;
-      @apply dark:bg-dark-warning-emphasis;
-    }
-  }
-
-  &&[data-status="high"] {
-    .strengthbar--active {
-      @apply bg-success-emphasis;
-      @apply dark:bg-dark-success-emphasis;
-    }
-  }
-}
-</style>

package/dist/components/subheading/Subheading.vue

@@ -1,148 +0,0 @@
-<template>
-  <h6
-    data-testid="subheading"
-    :class="classNames">
-    <slot />
-  </h6>
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from 'vue-demi'
-import { computed } from 'vue-demi'
-import type { SizeVariant } from '.'
-import type { WeightVariant, TransformVariant } from '../heading'
-
-const props = defineProps({
-  size: {
-    type   : String as PropType<SizeVariant>,
-    default: 'md',
-  },
-  weight: {
-    type   : String as PropType<WeightVariant>,
-    default: 'normal',
-  },
-  transform: {
-    type   : String as PropType<TransformVariant>,
-    default: 'normalcase',
-  },
-  overline: {
-    type   : Boolean,
-    default: undefined,
-  },
-})
-
-const classNames = computed(() => {
-  const result: String[] = ['subheading']
-
-  if (props.overline)
-    result.push('subheading--overline')
-
-  // eslint-disable-next-line unicorn/explicit-length-check
-  else if (props.size)
-    result.push(`subheading--${props.size}`)
-
-  if (props.transform)
-    result.push(`subheading--${props.transform}`)
-
-  if (props.weight)
-    result.push(`subheading--${props.weight}`)
-
-  return result
-})
-</script>
-
-<style lang="postcss">
-.subheading {
-  @apply m-0 capitalize tracking-normal;
-
-  &:not([class^='text-'], [class*='text-']) {
-    @apply text-default;
-    @apply dark:text-dark-default
-  }
-
-  /**
-  * Weight variant
-  * of subheading
-  */
-  &&--thin {
-    @apply font-thin;
-  }
-
-  &&--extralight {
-    @apply font-extralight;
-  }
-
-  &&--light {
-    @apply font-light;
-  }
-
-  &&--normal {
-    @apply font-normal;
-  }
-
-  &&--semibold {
-    @apply font-semibold;
-  }
-
-  &&--medium {
-    @apply font-medium;
-  }
-
-  &&--bold {
-    @apply font-bold;
-  }
-
-  &&--extrabold {
-    @apply font-extrabold;
-  }
-
-  &&--black {
-    @apply font-black;
-  }
-
-  /**
-  * Text transform
-  * of subheading
-  */
-  &&--normalcase {
-    @apply normal-case;
-  }
-
-  &&--lowercase {
-    @apply lowercase;
-  }
-
-  &&--capitalize {
-    @apply capitalize;
-  }
-
-  &&--uppercase {
-    @apply uppercase;
-  }
-
-  /**
-  * Size variant
-  * of subheading
-  */
-  &&--md {
-    @apply text-base;
-  }
-
-  &&--sm {
-    @apply text-sm leading-[1.42];
-  }
-
-  /**
-  * Overline variant
-  * of subheading
-  */
-  &&--overline {
-    @apply uppercase text-tn tracking-widest;
-
-    &:not([class^='text-'], [class*='text-']) {
-      @apply text-subtle;
-      @apply dark:text-dark-subtle;
-    }
-  }
-}
-</style>

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

@@ -1 +0,0 @@
-export type SizeVariant = 'sm' | 'md';