@privyid/persona 1.1.2 → 1.2.1-rc.0

package/dist/components/tour/core/tour.mjs

@@ -1,196 +0,0 @@
-import defu from "defu";
-import { isNumber } from "lodash-es";
-import {
-  AbstractTour,
-  TourDirection
-} from "./base.mjs";
-export class Tour extends AbstractTour {
-  index;
-  steps;
-  onFinishedHooks;
-  running;
-  constructor(options) {
-    super(options);
-    this.running = false;
-    this.index = -1;
-    this.steps = [];
-    this.onFinishedHooks = [];
-    this.options = defu(options, {
-      highlight: true,
-      dismissable: true,
-      prevLabel: "Previous",
-      nextLabel: "Next",
-      dismissLabel: "Dismiss",
-      finishLabel: "Finish",
-      waitTimeout: 3e3,
-      skipOnError: false
-    });
-    if (typeof options?.onFinished === "function")
-      this.onFinishedHooks.unshift(options.onFinished);
-  }
-  /**
-   * Get current step index
-   */
-  getIndex() {
-    return this.getRealIndex() + (this.parent?.getIndex() ?? 0);
-  }
-  /**
-   * Get total Step
-   */
-  getTotal() {
-    return this.parent?.getTotal() ?? this.getTotalChild();
-  }
-  /**
-   * Get list of steps
-   */
-  getSteps() {
-    return this.steps;
-  }
-  /**
-   * Get running status
-   */
-  isRunning() {
-    return this.running;
-  }
-  /**
-   * Count total step, including Sub-Tour
-   */
-  getTotalChild() {
-    let total = 0;
-    for (const step of this.steps) {
-      total += "getTotalChild" in step ? step.getTotalChild() : 1;
-    }
-    return total;
-  }
-  /**
-   * Calculate real index, including Sub-Tour
-   */
-  getRealIndex() {
-    let index = this.index;
-    for (let i = 0; i < this.index; i++) {
-      const step = this.steps[i];
-      if ("getTotalChild" in step)
-        index += step.getTotalChild() - 1;
-    }
-    return index;
-  }
-  /**
-   * Get current step instance
-   */
-  getCurrentStep() {
-    return this.steps.at(this.index);
-  }
-  /**
-   * Run "on-finished" hooks
-   */
-  async runOnFinishedHooks() {
-    await Promise.allSettled(this.onFinishedHooks.map(async (hook) => await hook()));
-  }
-  /**
-   * Execute current step
-   */
-  async run() {
-    const step = this.getCurrentStep();
-    try {
-      await step.setDirection(this.direction).start();
-    } catch (error) {
-      if (import.meta.env.DEV)
-        console.warn(error, step);
-      if (this.getOptions().skipOnError || step.getOptions().skipOnError)
-        await (this.direction === TourDirection.BACKWARD ? this.prev(true) : this.next(true));
-      else if (this.parent)
-        throw error;
-      else
-        await this.stop();
-    }
-  }
-  /**
-   * Goto previous step
-   */
-  async prev(skipHook = false) {
-    const toIndex = this.index - 1;
-    const from = this.steps.at(this.index);
-    const to = this.steps.at(toIndex);
-    if (toIndex < 0 && this.parent)
-      await this.parent.prev();
-    else if (toIndex > -1 && (skipHook || await this.runOnPrevHooks(to, from))) {
-      await from.stop();
-      this.index = toIndex;
-      this.direction = TourDirection.BACKWARD;
-      await this.run();
-    }
-  }
-  /**
-   * Goto next step
-   */
-  async next(skipHook = false) {
-    const toIndex = this.index + 1;
-    const from = this.steps.at(this.index);
-    const to = this.steps.at(toIndex);
-    if (skipHook || await this.runOnNextHooks(to, from)) {
-      if (toIndex < this.steps.length) {
-        await from.stop();
-        this.index = toIndex;
-        this.direction = TourDirection.FORWARD;
-        await this.run();
-      } else
-        await this.finish();
-    }
-  }
-  /**
-   * Finishing step
-   */
-  async finish() {
-    await this.runOnFinishedHooks();
-    await (this.parent ? this.parent.next() : this.stop());
-  }
-  /**
-   * Show and start the tour
-   */
-  async start() {
-    this.running = true;
-    this.index = this.direction === TourDirection.BACKWARD ? this.steps.length - 1 : 0;
-    if (this.parent)
-      this.attach(this.parent);
-    await this.run();
-  }
-  /**
-   * Hide and stop the tour
-   */
-  async stop() {
-    await this.getCurrentStep().stop();
-    if (this.parent)
-      this.detach(this.parent);
-    this.running = false;
-  }
-  /**
-   * Find index by name or by instance
-   * @param id
-   */
-  findIndex(id) {
-    if (id instanceof AbstractTour)
-      return this.steps.indexOf(id);
-    return this.steps.findIndex((item) => item.name === id);
-  }
-  /**
-   * Add Tour Step
-   * @param step Step instance
-   */
-  add(step) {
-    this.steps.push(step.setParent(this));
-    return this;
-  }
-  /**
-   * Remove Step
-   * @param id number of index, name or symbol
-   */
-  remove(id) {
-    if (!id && this.parent)
-      this.parent.remove(this);
-    else {
-      const index = isNumber(id) ? id : this.findIndex(id);
-      if (index > -1)
-        this.steps.splice(index, 1);
-    }
-  }
-}

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

@@ -1,3 +0,0 @@
-import type { TourOptions } from './core/tour';
-import { TourStory } from './core/story';
-export declare function createTour(options?: Partial<TourOptions>): TourStory;

package/dist/components/tour/index.mjs

@@ -1,4 +0,0 @@
-import { TourStory } from "./core/story.mjs";
-export function createTour(options) {
-  return new TourStory(options);
-}

package/dist/components/tour/utils/focus.d.ts

@@ -1 +0,0 @@
-export declare function focus(target: HTMLElement, duration?: number): Promise<unknown>;

package/dist/components/tour/utils/focus.mjs

@@ -1,6 +0,0 @@
-import scrollIntoView from "scroll-into-view";
-export async function focus(target, duration = 330) {
-  return await new Promise((resolve) => {
-    scrollIntoView(target, { time: duration }, resolve);
-  });
-}

package/dist/components/tour/utils/is-visible.d.ts

@@ -1 +0,0 @@
-export declare function isVisible(target: HTMLElement): boolean;

package/dist/components/tour/utils/is-visible.mjs

@@ -1,29 +0,0 @@
-export function isVisible(target) {
-  if (!(target instanceof Element))
-    return false;
-  const style = getComputedStyle(target);
-  if (style.display === "none")
-    return false;
-  if (style.visibility !== "visible")
-    return false;
-  if (Number.parseFloat(style.opacity) < 0.1)
-    return false;
-  const boundaries = target.getBoundingClientRect();
-  if (target.offsetWidth + target.offsetHeight + boundaries.height + boundaries.width === 0)
-    return false;
-  const posX = boundaries.left + boundaries.width / 2;
-  const posY = boundaries.top + boundaries.height / 2;
-  const screenWidth = document.documentElement.clientWidth || window.innerWidth;
-  const screenHeight = document.documentElement.clientHeight || window.innerHeight;
-  if (posX < 0 || posY < 0)
-    return false;
-  if (posX > screenWidth || posY > screenHeight)
-    return false;
-  let pointContainer = document.elementFromPoint(posX, posY);
-  do {
-    if (pointContainer === target)
-      return true;
-    pointContainer = pointContainer.parentNode;
-  } while (pointContainer);
-  return false;
-}

package/dist/components/tour/utils/wait-element.d.ts

@@ -1,6 +0,0 @@
-/**
- * Wait element appear
- * @param selector query selector
- * @param timeout wait timeout in millisecond
- */
-export declare function waitElement<Element extends HTMLElement>(selector: string, timeout?: number): Promise<Element>;

package/dist/components/tour/utils/wait-element.mjs

@@ -1,45 +0,0 @@
-import { isVisible } from "./is-visible.mjs";
-import { focus } from "./focus.mjs";
-async function getVisibleElement(selector) {
-  const target = document.querySelector(selector);
-  if (target) {
-    await focus(target);
-    if (!isVisible(target))
-      throw new Error(`Target: "${selector}" not visible`);
-  }
-  return target;
-}
-export async function waitElement(selector, timeout = 3e4) {
-  return await new Promise((resolve, reject) => {
-    let timer;
-    const mutation = new MutationObserver(([mutation2]) => {
-      if (mutation2.type === "childList") {
-        getVisibleElement(selector).then((target) => {
-          if (target) {
-            cleanup();
-            resolve(target);
-          }
-        }).catch(reject);
-      }
-    });
-    const cleanup = () => {
-      if (timer)
-        clearTimeout(timer);
-      if (mutation)
-        mutation.disconnect();
-    };
-    if (timeout > 0) {
-      timer = setTimeout(() => {
-        cleanup();
-        reject(new Error("Target: timeout"));
-      }, timeout);
-    }
-    mutation.observe(document.body, { childList: true, subtree: true });
-    getVisibleElement(selector).then((target) => {
-      if (target) {
-        cleanup();
-        resolve(target);
-      }
-    }).catch(reject);
-  });
-}

package/dist/components/truncate/Truncate.vue

@@ -1,75 +0,0 @@
-<template>
-  <transition
-    name="fade"
-    mode="out-in">
-    <span
-      :key="`${expand}`"
-      v-p-tooltip.long="tooltip && !expandable && text.length > maxLength"
-      class="truncated"
-      data-testid="truncate"
-      :title="text">
-      {{ viewText }}
-      <template v-if="expandable && text.length > maxLength">
-        <a
-          data-testid="truncate-expand"
-          href="javascript:void"
-          @click.stop.prevent="toggle">
-          {{ expand ? showLessText : showMoreText }}
-        </a>
-      </template>
-    </span>
-  </transition>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed } from 'vue-demi'
-import { vPTooltip } from '../tooltip'
-
-const props = defineProps({
-  text: {
-    type   : String,
-    default: '',
-  },
-  length: {
-    type   : [Number, String],
-    default: 100,
-  },
-  omission: {
-    type   : String,
-    default: '...',
-  },
-  expandable: {
-    type   : Boolean,
-    default: false,
-  },
-  showMoreText: {
-    type   : String,
-    default: 'Show More',
-  },
-  showLessText: {
-    type   : String,
-    default: 'Show Less',
-  },
-  tooltip: {
-    type   : Boolean,
-    default: true,
-  },
-})
-
-const expand = ref(false)
-
-const maxLength = computed(() => {
-  return Number.parseInt(`${props.length}`)
-})
-
-const viewText = computed(() => {
-  if (expand.value || Number.isNaN(maxLength.value) || props.text.length <= maxLength.value)
-    return props.text
-
-  return `${props.text.slice(0, maxLength.value - props.omission.length)}${props.omission}`
-})
-
-function toggle () {
-  expand.value = !expand.value
-}
-</script>

package/dist/components/utils/array.d.ts

@@ -1,2 +0,0 @@
-export declare function arrayFilter(list: unknown[], filterBy: Record<string, any>): unknown[];
-export declare function arraySort(list: unknown[], sortBy: Record<string, string>): unknown[];

package/dist/components/utils/array.mjs

@@ -1,19 +0,0 @@
-import { orderBy } from "lodash-es";
-import { isEqual } from "./value.mjs";
-export function arrayFilter(list, filterBy) {
-  const filters = Object.entries(filterBy);
-  return list.filter((item) => {
-    return filters.every(([key, value]) => isEqual(item[key], value));
-  });
-}
-export function arraySort(list, sortBy) {
-  const sortKey = [];
-  const sortOrder = [];
-  for (const [key, order] of Object.entries(sortBy)) {
-    if (order === "asc" || order === "desc") {
-      sortKey.push(key);
-      sortOrder.push(order);
-    }
-  }
-  return orderBy(list, sortKey, sortOrder);
-}

package/dist/components/utils/base64.d.ts

@@ -1,8 +0,0 @@
-export declare function toBase64(file: globalThis.File): Promise<string>;
-/**
- * Convert base64 data-uri to File, return undefine if failed to decode
- * @param dataurl data base64
- * @param filename output's filename
- * @param mimeType output's mimeType
- */
-export declare function fromBase64(dataurl: string, filename?: string, mimeType?: string): globalThis.File | undefined;

package/dist/components/utils/base64.mjs

@@ -1,35 +0,0 @@
-export function toBase64(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    const onLoad = () => {
-      cleanup();
-      resolve(reader.result);
-    };
-    const onError = (error) => {
-      cleanup();
-      reject(error);
-    };
-    const cleanup = () => {
-      reader.removeEventListener("load", onLoad);
-      reader.removeEventListener("error", onError);
-    };
-    reader.addEventListener("load", onLoad);
-    reader.addEventListener("error", onError);
-    reader.readAsDataURL(file);
-  });
-}
-export function fromBase64(dataurl, filename, mimeType) {
-  if (!dataurl)
-    return;
-  try {
-    const name = filename ?? (/* @__PURE__ */ new Date()).toISOString();
-    const [meta, body] = dataurl.split(",");
-    const mime = mimeType ?? meta.match(/:(.*?);/)[1];
-    const buffer = window.atob(body);
-    const uint8 = Uint8Array.from(buffer, (c) => c.codePointAt(0));
-    return new globalThis.File([uint8], name, { type: mime });
-  } catch (error) {
-    if (import.meta.env.DEV)
-      console.warn(error);
-  }
-}

package/dist/components/utils/color.d.ts

@@ -1,17 +0,0 @@
-interface RGB {
-    R: number;
-    G: number;
-    B: number;
-}
-/**
- * Parse hex string to R,G,B Object
- * @param color hex string color
- * @example toRGB('#6E1E62') // {R: 110, G: 30, B: 98}
- */
-export declare function toRGB(color: string): RGB;
-/**
- * Get brightness of color
- * @param color hex string color
- */
-export declare function getBrightness(color: string): number;
-export {};

package/dist/components/utils/color.mjs

@@ -1,14 +0,0 @@
-export function toRGB(color) {
-  const r = color.slice(1, 3);
-  const g = color.slice(3, 5);
-  const b = color.slice(5, 7);
-  return {
-    R: Number.parseInt(r, 16),
-    G: Number.parseInt(g, 16),
-    B: Number.parseInt(b, 16)
-  };
-}
-export function getBrightness(color) {
-  const rgb = toRGB(color);
-  return rgb.R * 299 + rgb.G * 587 + rgb.B * 114 / 1e3;
-}

package/dist/components/utils/date.d.ts

@@ -1,22 +0,0 @@
-import type { Locale } from 'date-fns';
-import { format } from 'date-fns';
-/**
- * Format date using date-fns/format,
- * Automatically switch local following global lang setting.
- * @param date Date
- * @param formatStr date format
- */
-export declare function formatDate(...args: Parameters<typeof format>): string;
-/**
- * Install locale pack
- * @param name Language name, ex: `fr`
- * @param locale Language Pack Object
- */
-export declare function installLocale(name: string, locale: Locale): void;
-/**
- * Get locale pack
- * @param name language name, ex: 'fr'
- */
-export declare function getLocale(name?: (string & {
-    _?: never;
-}) | "id" | "en"): any;

package/dist/components/utils/date.mjs

@@ -1,14 +0,0 @@
-import { id, enUS as en } from "date-fns/locale";
-import { getLang } from "../global/store.mjs";
-import { format } from "date-fns";
-import defu from "defu";
-const localePacks = { en, id };
-export function formatDate(...args) {
-  return format(args[0], args[1], defu(args[2], { locale: getLocale() }));
-}
-export function installLocale(name, locale) {
-  localePacks[name] = locale;
-}
-export function getLocale(name = getLang()) {
-  return localePacks[name];
-}

package/dist/components/utils/value.d.ts

@@ -1,8 +0,0 @@
-export type JsonObject = {
-    [Key in string]?: JsonValue;
-};
-export type JsonArray = JsonValue[];
-export type JsonPrimitive = string | number | boolean | null;
-export type JsonValue = JsonPrimitive | JsonObject | JsonArray;
-export declare function isEqual(a: unknown, b: unknown): boolean;
-export declare function valueIn(array: unknown[], value: unknown): boolean;

package/dist/components/utils/value.mjs

@@ -1,7 +0,0 @@
-import { deepEqual } from "fast-equals";
-export function isEqual(a, b) {
-  return deepEqual(a, b);
-}
-export function valueIn(array, value) {
-  return array.some((item) => isEqual(item, value));
-}

package/dist/components/utils/vnode.d.ts

@@ -1,15 +0,0 @@
-import type { VNode } from 'vue-demi';
-/**
- * Coerce props's value to boolean
- * @param value prop value
- */
-export declare function toBoolean(value: '' | boolean): boolean;
-/**
- *
- * @param vnodes vnodes tree to be scanned
- * @param names children name(s)
- * @example
- * // Looking for 'Tab' and 'RouteTab'
- * findAllChildren(slots.default(), 'Tab', 'RouteTab')
- */
-export declare function findAllChildren(vnodes: VNode[], ...names: string[]): VNode[];

package/dist/components/utils/vnode.mjs

@@ -1,18 +0,0 @@
-import {
-  Fragment
-} from "vue-demi";
-export function toBoolean(value) {
-  return value === "" ? true : Boolean(value);
-}
-export function findAllChildren(vnodes, ...names) {
-  const scan = [...vnodes];
-  const result = [];
-  while (scan.length > 0) {
-    const vnode = scan.shift();
-    if (vnode.type === Fragment && Array.isArray(vnode.children))
-      scan.push(...vnode.children);
-    else if (names[0] === "*" || vnode.type && names.includes(vnode.type.name))
-      result.push(vnode);
-  }
-  return result;
-}

package/dist/components/wizard/Wizard.vue

@@ -1,84 +0,0 @@
-<template>
-  <div
-    class="wizard"
-    data-testid="wizard">
-    <div class="wizard__header">
-      <WizardHeader
-        :active="model - 1"
-        :variant="variant"
-        :title-variant="titleVariant">
-        <slot />
-      </WizardHeader>
-    </div>
-    <div class="wizard__body">
-      <WizardBody
-        v-model="model"
-        :keep-alive="keepAlive"
-        :on-before-prev="onBeforePrev"
-        :on-before-next="onBeforeNext"
-        :on-finished="onFinished">
-        <slot />
-      </WizardBody>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from 'vue-demi'
-import WizardHeader from './WizardHeader.vue'
-import WizardBody from './WizardBody.vue'
-import type { TravelHook, FinishedHook } from '../steps'
-import { useVModel } from '../input'
-import type { TitleVariant, IconVariant } from '../progress'
-
-const props = defineProps({
-  modelValue: {
-    type   : Number,
-    default: 1,
-  },
-  variant: {
-    type   : String as PropType<IconVariant>,
-    default: 'dot',
-  },
-  titleVariant: {
-    type   : String as PropType<TitleVariant>,
-    default: 'specific',
-  },
-  keepAlive: {
-    type   : Boolean,
-    default: false,
-  },
-  onBeforePrev: {
-    type   : Function as PropType<TravelHook>,
-    default: undefined,
-  },
-  onBeforeNext: {
-    type   : Function as PropType<TravelHook>,
-    default: undefined,
-  },
-  onFinished: {
-    type   : Function as PropType<FinishedHook>,
-    default: undefined,
-  },
-})
-
-defineEmits<{
-  'update:modelValue': [number],
-}>()
-
-const model = useVModel(props)
-</script>
-
-<style lang="postcss">
-.wizard {
-  @apply flex flex-col w-full space-y-3;
-
-  &__header {
-    @apply shrink-0;
-  }
-
-  &__body {
-    @apply grow;
-  }
-}
-</style>