@privyid/persona 0.10.0 → 0.11.0

package/dist/components/tour/core/base.d.ts

@@ -1,5 +1,5 @@
 import { Hook } from '../../steps/utils/hook';
-export declare type TourActionHook = (to: AbstractTour, from: AbstractTour) => boolean | Promise<boolean>;
+export type TourActionHook = (to: AbstractTour, from: AbstractTour) => boolean | Promise<boolean>;
 export declare enum TourDirection {
     FORWARD = 1,
     BACKWARD = -1

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

@@ -23,18 +23,33 @@ export class AbstractTour {
     this.parent = parent;
     return this;
   }
+  /**
+   * Get options with parent options as fallback
+   */
   getOptions() {
     return defu(this.options, this.parent?.getOptions());
   }
+  /**
+   * Set tour direction
+   * @param direction 1 for forward (next) and -1 for backward (prev)
+   */
   setDirection(direction) {
     this.direction = direction;
     return this;
   }
+  /**
+   * Attach to parent
+   * @param parent Parent Instance
+   */
   attach(parent) {
     parent.onPrevHooks.add(this.runOnPrevHooks);
     parent.onNextHooks.add(this.runOnNextHooks);
     return this;
   }
+  /**
+   * Deattach from parent
+   * @param parent Parent Instance
+   */
   detach(parent) {
     parent.onPrevHooks.remove(this.runOnPrevHooks);
     parent.onNextHooks.remove(this.runOnNextHooks);

package/dist/components/tour/core/step/action.d.ts

@@ -1,9 +1,9 @@
 import type UE from '@testing-library/user-event';
 import { AbstractStep } from '../step';
-declare type UserEvent = ReturnType<typeof UE['setup']>;
-declare type ExtractParams<F> = F extends (T: Element, ...args: infer P) => Promise<void> ? P : unknown[];
-export declare type EventType = 'click' | 'dblClick' | 'tripleClick' | 'type' | 'hover' | 'unhover' | 'clear';
-export declare type ParamsOf<E extends EventType> = ExtractParams<UserEvent[E]>;
+type UserEvent = ReturnType<typeof UE['setup']>;
+type ExtractParams<F> = F extends (T: Element, ...args: infer P) => Promise<void> ? P : unknown[];
+export type EventType = 'click' | 'dblClick' | 'tripleClick' | 'type' | 'hover' | 'unhover' | 'clear';
+export type ParamsOf<E extends EventType> = ExtractParams<UserEvent[E]>;
 export interface ActionOptions<E extends EventType> {
     target: string;
     action: E;

package/dist/components/tour/core/step.d.ts

@@ -1,8 +1,8 @@
 import { AbstractTour } from './base';
 import type { Tour, TourOptions } from './tour';
-declare type Merge<A, B> = Omit<A, keyof B> & B;
-declare type BaseOptions = Partial<Omit<TourOptions, 'onFinished'>>;
-export declare type OnCleanup = (cleanupFn: () => unknown) => unknown;
+type Merge<A, B> = Omit<A, keyof B> & B;
+type BaseOptions = Partial<Omit<TourOptions, 'onFinished'>>;
+export type OnCleanup = (cleanupFn: () => unknown) => unknown;
 export declare abstract class AbstractStep<Option> extends AbstractTour<Merge<BaseOptions, Option>> {
     protected parent?: Tour;
     protected cleanFns: Array<() => unknown>;

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

@@ -7,23 +7,42 @@ export class AbstractStep extends AbstractTour {
   async dispose() {
     return await Promise.allSettled(this.cleanFns.map((clean) => clean()));
   }
+  /**
+   * Run function before unmounted
+   * @param cleanFn clean function
+   */
   onCleanup(cleanFn) {
     this.cleanFns.push(cleanFn);
   }
+  /**
+   * Start this step
+   */
   async start() {
     this.attach(this.parent);
     await this.run();
   }
+  /**
+   * Stop this step
+   */
   async stop() {
     await this.dispose();
     this.detach(this.parent);
   }
+  /**
+   * Trigger next to parent
+   */
   async next() {
     await this.parent.next();
   }
+  /**
+   * Trigger prev to parent
+   */
   async prev() {
     await this.parent.prev();
   }
+  /**
+   * Trigger next or prev following the direction
+   */
   async ahead() {
     return await (this.direction === TourDirection.BACKWARD ? this.prev() : this.next());
   }

package/dist/components/tour/core/story.d.ts

@@ -2,7 +2,7 @@ import { Tour } from './tour';
 import type { ConditionalOptions } from './step/conditional';
 import type { DialogOptions } from './step/dialog';
 import type { ActionOptions, EventType, ParamsOf } from './step/action';
-declare type TourBuilderCallback = (tour: TourStory) => unknown;
+type TourBuilderCallback = (tour: TourStory) => unknown;
 /**
  * Tour with additional function to build a tour stories
  */

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

@@ -14,6 +14,10 @@ export class TourStory extends Tour {
       image
     })) : this.add(new StepDialog(targetOrOption));
   }
+  /**
+   * Delay or Wait, setTimout equivalent
+   * @param duration duration in milliseconds
+   */
   delay(duration) {
     return this.add(new StepDelay({ duration }));
   }
@@ -24,33 +28,81 @@ export class TourStory extends Tour {
       params
     })) : this.add(new StepAction(targetOrOption));
   }
+  /**
+   * Trigger click to target element
+   * @param target Target querySelector
+   */
   click(target) {
     return this.action(target, "click");
   }
+  /**
+   * Trigger double click to target element
+   * @param target Target querySelector
+   */
   dblClick(target) {
     return this.action(target, "dblClick");
   }
+  /**
+   * Trigger triple click to target element
+   * @param target Target querySelector
+   */
   tripleClick(target) {
     return this.action(target, "tripleClick");
   }
+  /**
+   * Trigger hover to target element
+   * @param target Target querySelector
+   */
   hover(target) {
     return this.action(target, "hover");
   }
+  /**
+   * Trigger unhover (blur) to target element
+   * @param target Target querySelector
+   */
   unhover(target) {
     return this.action(target, "unhover");
   }
+  /**
+   * Trigger blur (unhover) to target element
+   * @param target Target querySelector
+   */
   blur(target) {
     return this.unhover(target);
   }
+  /**
+   * Remotely typing target input
+   * @param target Target querySelector
+   */
   type(target, text) {
     return this.action(target, "type", text);
   }
+  /**
+   * Clear input text
+   * @param target Target querySelector
+   */
   clear(target) {
     return this.action(target, "clear");
   }
+  /**
+   * Redirect to url
+   * @param url target url
+   * @param backUrl target url when back button clicked
+   */
   visit(url, backUrl) {
     return this.add(new StepVisit({ url, backUrl }));
   }
+  /**
+   * Run steps only when condition meet, skip if not
+   * @param condition Ref or Function to check
+   * @param buildTour
+   * @example
+   * tour.runIf(() => window.matchMedia("(max-width: 700px)").matches, (tour) => {
+   *    return tour
+   *      .click('#mobile-only')
+   *      .dialog('#mobile-only', 'Hello World')
+   * })
+   */
   runIf(condition, buildTour) {
     const tour = new TourStory();
     return this.add(new StepCondition({
@@ -58,6 +110,21 @@ export class TourStory extends Tour {
       tour: buildTour(tour) ?? tour
     }));
   }
+  /**
+   * Run else if, this must be used after runIf.
+   * @param condition
+   * @param buildTour
+   * @example
+   * tour.runIf(() => window.matchMedia("(max-width: 700px)").matches, (tour) => {
+   *    return tour
+   *      .click('#mobile-only')
+   *      .dialog('#mobile-only', 'Hello World')
+   * }).runElseIf(() => window.matchMedia("(max-width: 1000px), (tour) => {
+   *    return tour
+   *      .click('#tablet-only')
+   *      .dialog('#tablet-only', 'Hello World')*
+   * })
+   */
   runElseIf(condition, buildTour) {
     const step = this.steps.at(-1);
     if (!(step instanceof StepCondition) || !step.canChain())
@@ -70,6 +137,20 @@ export class TourStory extends Tour {
     });
     return this;
   }
+  /**
+   * Run else condition, this must be used after runElse
+   * @param buildTour
+   * @example
+   * tour.runIf(() => window.matchMedia("(max-width: 700px)").matches, (tour) => {
+   *    return tour
+   *      .click('#mobile-only')
+   *      .dialog('#mobile-only', 'Hello World')
+   * }).runElse((tour) => {
+   *    return tour
+   *      .click('#not-mobile')
+   *      .dialog('#not-mobile', 'Hello World')*
+   * })
+   */
   runElse(buildTour) {
     const step = this.steps.at(-1);
     if (!(step instanceof StepCondition) || !step.canChain())

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

@@ -78,7 +78,7 @@ export declare class Tour extends AbstractTour<TourOptions> {
     /**
      * Get current step instance
      */
-    protected getCurrentStep(): AbstractTour<BaseTourOptions>;
+    protected getCurrentStep(): AbstractTour<BaseTourOptions> | undefined;
     /**
      * Run "on-finished" hooks
      */

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

@@ -3,7 +3,7 @@ import { isNumber } from "lodash-es";
 import {
   AbstractTour,
   TourDirection
-} from "./base";
+} from "./base.mjs";
 export class Tour extends AbstractTour {
   constructor(options) {
     super(options);
@@ -24,18 +24,33 @@ export class Tour extends AbstractTour {
     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) {
@@ -43,6 +58,9 @@ export class Tour extends AbstractTour {
     }
     return total;
   }
+  /**
+   * Calculate real index, including Sub-Tour
+   */
   getRealIndex() {
     let index = this.index;
     for (let i = 0; i < this.index; i++) {
@@ -52,12 +70,21 @@ export class Tour extends AbstractTour {
     }
     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((hook) => hook()));
   }
+  /**
+   * Execute current step
+   */
   async run() {
     const step = this.getCurrentStep();
     try {
@@ -73,6 +100,9 @@ export class Tour extends AbstractTour {
         await this.stop();
     }
   }
+  /**
+   * Goto previous step
+   */
   async prev(skipHook = false) {
     const toIndex = this.index - 1;
     const from = this.steps.at(this.index);
@@ -86,6 +116,9 @@ export class Tour extends AbstractTour {
       await this.run();
     }
   }
+  /**
+   * Goto next step
+   */
   async next(skipHook = false) {
     const toIndex = this.index + 1;
     const from = this.steps.at(this.index);
@@ -100,10 +133,16 @@ export class Tour extends AbstractTour {
         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;
@@ -111,21 +150,36 @@ export class Tour extends AbstractTour {
       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);

package/dist/components/truncate/Truncate.vue

@@ -4,6 +4,7 @@
     mode="out-in">
     <span
       :key="`${expand}`"
+      class="truncate"
       data-testid="truncate">
       {{ viewText }}
       <template v-if="expandable && text.length > maxLength">
@@ -73,3 +74,10 @@ export default defineComponent({
   }
 });
 </script>
+
+<style lang="postcss">
+.truncate {
+  @apply text-default;
+  @apply dark:text-dark-default;
+}
+</style>

package/dist/components/utils/base64.mjs

@@ -22,7 +22,7 @@ export function fromBase64(dataurl, filename, mimeType) {
   if (!dataurl)
     return;
   try {
-    const name = filename ?? new Date().toISOString();
+    const name = filename ?? (/* @__PURE__ */ new Date()).toISOString();
     const [meta, body] = dataurl.split(",");
     const mime = mimeType ?? meta.match(/:(.*?);/)[1];
     const buffer = window.atob(body);

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

@@ -1,8 +1,8 @@
-export declare type JsonObject = {
+export type JsonObject = {
     [Key in string]?: JsonValue;
 };
-export declare type JsonArray = JsonValue[];
-export declare type JsonPrimitive = string | number | boolean | null;
-export declare type JsonValue = JsonPrimitive | JsonObject | JsonArray;
+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/wizard/Wizard.vue.d.ts

@@ -19,15 +19,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     onBeforePrev: {
         type: PropType<TravelHook>;
-        default: any;
+        default: undefined;
     };
     onBeforeNext: {
         type: PropType<TravelHook>;
-        default: any;
+        default: undefined;
     };
     onFinished: {
         type: PropType<FinishedHook>;
-        default: any;
+        default: undefined;
     };
 }, {
     model: import("vue-demi").Ref<number>;
@@ -50,15 +50,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     onBeforePrev: {
         type: PropType<TravelHook>;
-        default: any;
+        default: undefined;
     };
     onBeforeNext: {
         type: PropType<TravelHook>;
-        default: any;
+        default: undefined;
     };
     onFinished: {
         type: PropType<FinishedHook>;
-        default: any;
+        default: undefined;
     };
 }>>, {
     variant: IconVariant;

package/dist/components/wizard/WizardBody.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: number;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: number;
 }>;

package/dist/components/wizard/WizardStep.vue.d.ts

@@ -7,11 +7,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     onBeforePrev: {
         type: PropType<TravelHook>;
-        default: any;
+        default: undefined;
     };
     onBeforeNext: {
         type: PropType<TravelHook>;
-        default: any;
+        default: undefined;
     };
 }, unknown, 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<{
     title: {
@@ -20,11 +20,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     onBeforePrev: {
         type: PropType<TravelHook>;
-        default: any;
+        default: undefined;
     };
     onBeforeNext: {
         type: PropType<TravelHook>;
-        default: any;
+        default: undefined;
     };
 }>>, {
     title: string;

package/dist/module.json

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

package/dist/types.d.ts

@@ -7,4 +7,4 @@ declare module '@nuxt/schema' {
 }
 
 
-export { default } from './module'
+export { ModuleOptions, default } from './module'

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@privyid/persona",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "license": "MIT",
-  "repository": "https://github.com/privy-open-source/design-system",
+  "repository": {
+    "url": "https://github.com/privy-open-source/design-system.git",
+    "type": "git",
+    "directory": "packages/persona"
+  },
   "author": "Ade Novid <adenvt@gmail.com> (https://github.com/adenvt)",
   "bugs": {
     "url": "https://github.com/privy-open-source/design-system/issues"
@@ -42,10 +46,9 @@
     "dist"
   ],
   "scripts": {
-    "prepack": "yarn build && yarn cleanup",
+    "prepack": "yarn build",
     "prepare": "yarn dev:prepare",
     "build": "nuxt-module-build",
-    "cleanup": "del-cli dist/**/*.{spec,bench}.{d.ts,mjs} dist/**/__mocks__ dist/**/demo dist/**/*.md",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground"
@@ -84,7 +87,7 @@
     "extends @privyid/browserslist-config"
   ],
   "peerDependencies": {
-    "@privyid/tailwind-preset": "^0.10.0",
+    "@privyid/tailwind-preset": "^0.11.0",
     "postcss-custom-properties": "^12.1.11",
     "postcss-hexrgba": "^2.1.0",
     "postcss-lighten-darken": "^0.9.0",
@@ -92,15 +95,14 @@
     "vue-router": ">=4.0.0"
   },
   "devDependencies": {
-    "@nuxt/module-builder": "latest",
-    "@nuxt/schema": "3.3.2",
+    "@nuxt/module-builder": "^0.3.0",
+    "@nuxt/schema": "3.3.3",
     "@nuxtjs/tailwindcss": "^6.2.0",
-    "@privyid/browserslist-config": "^0.10.0",
-    "@privyid/tailwind-preset": "^0.10.0",
+    "@privyid/browserslist-config": "^0.11.0",
+    "@privyid/tailwind-preset": "^0.11.0",
     "@types/sanitize-html": "^2",
     "browserslist-to-esbuild": "^1.2.0",
-    "del-cli": "5.0.0",
-    "nuxt": "3.3.2",
+    "nuxt": "3.3.3",
     "postcss-custom-properties": "^12.1.11",
     "postcss-hexrgba": "^2.1.0",
     "postcss-lighten-darken": "^0.9.0",

package/dist/components/badge/assets/images/img-guide-badge.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" fill="none" viewBox="0 0 96 96"><g clip-path="url(#clip0_101_5004)"><rect width="96" height="96" fill="#464C59"/><path fill="#fff" d="M24 48C24 36.9543 32.9543 28 44 28H83C94.0457 28 103 36.9543 103 48C103 59.0457 94.0457 68 83 68H44C32.9543 68 24 59.0457 24 48Z"/><path fill="#0065D1" d="M47.368 56.288C46.2 56.288 45.216 56.064 44.416 55.616C43.616 55.152 42.992 54.552 42.544 53.816C42.096 53.08 41.832 52.288 41.752 51.44H44.608C44.736 52.176 45.04 52.744 45.52 53.144C46.016 53.544 46.64 53.744 47.392 53.744C48.464 53.744 49.328 53.256 49.984 52.28C50.64 51.288 50.992 49.784 51.04 47.768C50.656 48.424 50.072 48.968 49.288 49.4C48.52 49.832 47.672 50.048 46.744 50.048C45.816 50.048 44.944 49.824 44.128 49.376C43.312 48.928 42.648 48.296 42.136 47.48C41.624 46.664 41.368 45.704 41.368 44.6C41.368 43.592 41.616 42.656 42.112 41.792C42.608 40.928 43.296 40.232 44.176 39.704C45.056 39.176 46.088 38.912 47.272 38.912C48.536 38.912 49.6 39.144 50.464 39.608C51.328 40.072 52.016 40.696 52.528 41.48C53.056 42.264 53.432 43.136 53.656 44.096C53.896 45.056 54.016 46.04 54.016 47.048C54.016 48.92 53.752 50.552 53.224 51.944C52.712 53.32 51.952 54.392 50.944 55.16C49.952 55.912 48.76 56.288 47.368 56.288ZM47.464 47.456C48.056 47.456 48.592 47.328 49.072 47.072C49.552 46.8 49.928 46.448 50.2 46.016C50.472 45.568 50.608 45.072 50.608 44.528C50.608 43.664 50.304 42.952 49.696 42.392C49.104 41.832 48.352 41.552 47.44 41.552C46.544 41.552 45.8 41.832 45.208 42.392C44.616 42.936 44.32 43.632 44.32 44.48C44.32 45.376 44.616 46.096 45.208 46.64C45.8 47.184 46.552 47.456 47.464 47.456ZM63.3789 56.288C62.2109 56.288 61.2269 56.064 60.4269 55.616C59.6269 55.152 59.0029 54.552 58.5549 53.816C58.1069 53.08 57.8429 52.288 57.7629 51.44H60.6189C60.7469 52.176 61.0509 52.744 61.5309 53.144C62.0269 53.544 62.6509 53.744 63.4029 53.744C64.4749 53.744 65.3389 53.256 65.9949 52.28C66.6509 51.288 67.0029 49.784 67.0509 47.768C66.6669 48.424 66.0829 48.968 65.2989 49.4C64.5309 49.832 63.6829 50.048 62.7549 50.048C61.8269 50.048 60.9549 49.824 60.1389 49.376C59.3229 48.928 58.6589 48.296 58.1469 47.48C57.6349 46.664 57.3789 45.704 57.3789 44.6C57.3789 43.592 57.6269 42.656 58.1229 41.792C58.6189 40.928 59.3069 40.232 60.1869 39.704C61.0669 39.176 62.0989 38.912 63.2829 38.912C64.5469 38.912 65.6109 39.144 66.4749 39.608C67.3389 40.072 68.0269 40.696 68.5389 41.48C69.0669 42.264 69.4429 43.136 69.6669 44.096C69.9069 45.056 70.0269 46.04 70.0269 47.048C70.0269 48.92 69.7629 50.552 69.2349 51.944C68.7229 53.32 67.9629 54.392 66.9549 55.16C65.9629 55.912 64.7709 56.288 63.3789 56.288ZM63.4749 47.456C64.0669 47.456 64.6029 47.328 65.0829 47.072C65.5629 46.8 65.9389 46.448 66.2109 46.016C66.4829 45.568 66.6189 45.072 66.6189 44.528C66.6189 43.664 66.3149 42.952 65.7069 42.392C65.1149 41.832 64.3629 41.552 63.4509 41.552C62.5549 41.552 61.8109 41.832 61.2189 42.392C60.6269 42.936 60.3309 43.632 60.3309 44.48C60.3309 45.376 60.6269 46.096 61.2189 46.64C61.8109 47.184 62.5629 47.456 63.4749 47.456ZM73.3659 50.336V47.768H77.8779V43.616H80.4939V47.768H84.9819V50.336H80.4939V54.488H77.8779V50.336H73.3659Z"/></g><defs><clipPath id="clip0_101_5004"><rect width="96" height="96" fill="#fff"/></clipPath></defs></svg>

package/dist/components/card/assets/images/img-card-callout-01.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="121" height="128" fill="none" viewBox="0 0 121 128"><g clip-path="url(#clip0_644_13029)"><g clip-path="url(#clip1_644_13029)"><rect width="121" height="121" y="6.5" fill="url(#paint0_linear_644_13029)" rx="60.124"/><rect width="121" height="121" y="6.5" fill="#fff" fill-opacity=".8" rx="60.124"/><path fill="#8AAED8" d="M9 54.5001H61H113V123.369C113 125.641 111.158 127.483 108.886 127.483H13.1138C10.8418 127.483 9 125.641 9 123.369V54.5001Z"/><rect width="104" height="25" x="9" y="29.5" fill="#BFD6F0"/><rect width="84" height="54" x="22" y="18.5" fill="#DDE6F4" rx="4.509"/><path fill="#fff" d="M9 54.5H11C13.7614 54.5 16 56.7386 16 59.5V127.5H9V54.5Z"/><path fill="#fff" d="M113 54.5H111C108.239 54.5 106 56.7386 106 59.5V127.5H113V54.5Z"/><path fill="#F5F7F9" d="M9 64.5C9 62.2909 10.7909 60.5 13 60.5H109C111.209 60.5 113 62.2909 113 64.5V127.5H9V64.5Z"/><path fill="url(#paint1_radial_644_13029)" d="M9 64.5C9 62.2909 10.7909 60.5 13 60.5H57C59.2091 60.5 61 62.2909 61 64.5V127.5H9V64.5Z"/><path fill="url(#paint2_radial_644_13029)" d="M113 64.5C113 62.2909 111.209 60.5 109 60.5H65C62.7909 60.5 61 62.2909 61 64.5V127.5H113V64.5Z"/></g><path fill="#BFD6F0" d="M9 30.5C9 28.2909 10.7909 26.5 13 26.5H109C111.209 26.5 113 28.2909 113 30.5V41.5H9V30.5Z"/><rect width="80" height="35" x="26" y="12.5" fill="#DDE6F4" rx="4.509"/><g filter="url(#filter0_f_644_13029)"><circle cx="9.5" cy="12" r="8.5" fill="#91ACF1"/><path fill="#fff" d="M12.9098 15.8141H6.09022C6.03664 15.8141 5.98367 15.8028 5.93475 15.781C5.88583 15.7591 5.84206 15.7272 5.80629 15.6873C5.77052 15.6475 5.74355 15.6005 5.72714 15.5495C5.71073 15.4985 5.70524 15.4446 5.71104 15.3914C5.81463 14.4589 6.25842 13.5974 6.95749 12.9717C7.65656 12.346 8.56181 12 9.5 12C10.4382 12 11.3434 12.346 12.0425 12.9717C12.7416 13.5974 13.1854 14.4589 13.289 15.3914C13.2948 15.4446 13.2893 15.4985 13.2729 15.5495C13.2565 15.6005 13.2295 15.6475 13.1937 15.6873C13.1579 15.7272 13.1142 15.7591 13.0653 15.781C13.0163 15.8028 12.9634 15.8141 12.9098 15.8141Z"/><path fill="#fff" d="M9.77006 14.4054L11.5649 12.6072C10.9488 12.2105 10.2316 11.9998 9.49887 12C8.76618 12.0002 8.04905 12.2115 7.43323 12.6085L9.23037 14.4056C9.30188 14.4771 9.39888 14.5173 9.50002 14.5174H9.50021C9.60144 14.5173 9.69849 14.477 9.77006 14.4054Z"/><path fill="#fff" d="M9.49818 12.7628C9.04556 12.7628 8.60311 12.6286 8.22678 12.3771C7.85044 12.1256 7.55712 11.7682 7.38392 11.3501C7.21071 10.9319 7.16539 10.4718 7.25369 10.0279C7.34199 9.58394 7.55995 9.17617 7.87999 8.85613C8.20004 8.53608 8.6078 8.31813 9.05172 8.22983C9.49564 8.14152 9.95577 8.18684 10.3739 8.36005C10.7921 8.53326 11.1495 8.82658 11.401 9.20291C11.6524 9.57925 11.7866 10.0217 11.7866 10.4743C11.786 11.081 11.5447 11.6627 11.1156 12.0918C10.6866 12.5208 10.1049 12.7621 9.49818 12.7628Z"/><path fill="#fff" d="M7.24591 10.8558C7.33546 11.3889 7.61105 11.873 8.02374 12.2221C8.43642 12.5712 8.95948 12.7628 9.50005 12.7628C10.0406 12.7628 10.5637 12.5712 10.9764 12.2221C11.389 11.873 11.6646 11.3889 11.7542 10.8558H7.24591Z"/></g><g filter="url(#filter1_d_644_13029)"><rect width="86" height="66" x="18" y=".5" fill="#fff" rx="4.509"/><rect width="85.248" height="65.248" x="18.376" y=".876" stroke="#F4F6F7" stroke-width=".752" rx="4.134"/></g><path fill="#F5F7F9" d="M9 64.5C9 62.2909 10.7909 60.5 13 60.5H109C111.209 60.5 113 62.2909 113 64.5V87.5H9V64.5Z"/><path stroke="#EAECF0" d="M61 60.5V127"/><rect width="12" height="12" x="55" y="80.5" fill="#235AE3" rx="6"/><rect width="4" height="4" x="59" y="84.5" fill="#C8D6F8" rx="2"/><rect width="2" height="2" x="60" y="85.5" fill="#fff" rx="1"/><rect width="32.107" height="4" x="25" y="8.5" fill="#AAB8C5" rx="1.503"/><rect width="51.6" height="4" x="25" y="15.5" fill="#D7DDE2" rx="1.503"/><rect width="72" height="4" x="25" y="29.5" fill="#D7DDE2" rx="1.503"/><rect width="72" height="4" x="25" y="37.5" fill="#D7DDE2" rx="1.503"/><rect width="72" height="4" x="25" y="45.5" fill="#D7DDE2" rx="1.503"/><rect width="72" height="4" x="25" y="53.5" fill="#D7DDE2" rx="1.503"/><g filter="url(#filter2_f_644_13029)"><circle cx="106.5" cy="20" r="8.5" fill="#F6D789"/><path fill="#fff" d="M109.91 23.8141H103.09C103.037 23.8141 102.984 23.8028 102.935 23.781C102.886 23.7591 102.842 23.7272 102.806 23.6873C102.771 23.6475 102.744 23.6005 102.727 23.5495C102.711 23.4985 102.705 23.4446 102.711 23.3914C102.815 22.4589 103.258 21.5974 103.957 20.9717C104.657 20.346 105.562 20 106.5 20C107.438 20 108.343 20.346 109.043 20.9717C109.742 21.5974 110.185 22.4589 110.289 23.3914C110.295 23.4446 110.289 23.4985 110.273 23.5495C110.256 23.6005 110.229 23.6475 110.194 23.6873C110.158 23.7272 110.114 23.7591 110.065 23.781C110.016 23.8028 109.963 23.8141 109.91 23.8141Z"/><path fill="#fff" d="M106.77 22.4054L108.565 20.6072C107.949 20.2105 107.232 19.9998 106.499 20C105.766 20.0002 105.049 20.2115 104.433 20.6085L106.23 22.4056C106.302 22.4771 106.399 22.5173 106.5 22.5174H106.5C106.601 22.5173 106.698 22.477 106.77 22.4054Z"/><path fill="#fff" d="M106.498 20.7628C106.046 20.7628 105.603 20.6286 105.227 20.3771C104.85 20.1256 104.557 19.7682 104.384 19.3501C104.211 18.9319 104.165 18.4718 104.254 18.0279C104.342 17.5839 104.56 17.1762 104.88 16.8561C105.2 16.5361 105.608 16.3181 106.052 16.2298C106.496 16.1415 106.956 16.1868 107.374 16.3601C107.792 16.5333 108.15 16.8266 108.401 17.2029C108.652 17.5792 108.787 18.0217 108.787 18.4743C108.786 19.081 108.545 19.6627 108.116 20.0918C107.687 20.5208 107.105 20.7621 106.498 20.7628Z"/><path fill="#fff" d="M104.246 18.8558C104.335 19.3889 104.611 19.873 105.024 20.2221C105.436 20.5712 105.959 20.7628 106.5 20.7628C107.041 20.7628 107.564 20.5712 107.976 20.2221C108.389 19.873 108.665 19.3889 108.754 18.8558H104.246Z"/></g><g filter="url(#filter3_d_644_13029)"><path fill="#fff" d="M39.2355 35.8645C38.9692 35.6491 38.6581 35.4962 38.325 35.4168C37.9918 35.3375 37.6452 35.3339 37.3105 35.4062C34.8617 35.9194 32.3337 35.9259 29.8823 35.4254C27.4309 34.9248 25.1079 33.9278 23.0563 32.4957C22.6727 32.2296 22.2169 32.087 21.75 32.087C21.2831 32.087 20.8274 32.2296 20.4438 32.4957C18.3922 33.9278 16.0692 34.9248 13.6177 35.4254C11.1663 35.9259 8.63841 35.9194 6.18962 35.4062C5.85489 35.3339 5.50822 35.3375 5.1751 35.4168C4.84197 35.4962 4.53085 35.6491 4.26462 35.8645C3.99874 36.0802 3.78456 36.3527 3.63783 36.662C3.4911 36.9714 3.41554 37.3096 3.4167 37.652V54.7249C3.41466 58.0106 4.19764 61.2492 5.70043 64.1711C7.20321 67.0929 9.38232 69.6135 12.0563 71.5228L20.4209 77.4812C20.809 77.7575 21.2736 77.906 21.75 77.906C22.2265 77.906 22.6911 77.7575 23.0792 77.4812L31.4438 71.5228C34.1177 69.6135 36.2969 67.0929 37.7996 64.1711C39.3024 61.2492 40.0854 58.0106 40.0834 54.7249V37.652C40.0845 37.3096 40.009 36.9714 39.8622 36.662C39.7155 36.3527 39.5013 36.0802 39.2355 35.8645Z"/></g><path fill="#5AC571" d="M34.8002 62.7084C36.0729 60.2324 36.7359 57.4883 36.734 54.7044V38.9713C31.4985 39.4194 26.2551 38.2047 21.75 35.5C17.245 38.2047 12.0016 39.4194 6.76612 38.9713V54.7044C6.7642 57.4883 7.42719 60.2324 8.69992 62.7084C10.3004 65.5592 11.4661 66.9373 14.0833 68.9391L21.75 74.4083L29.4168 68.9391C32.1196 66.7259 33.2884 65.3445 34.8002 62.7084Z"/><path fill="#fff" d="M29.6571 48.8529C29.2 48.3824 28.5143 48.3824 28.0571 48.8529L19.4857 57.6765L15.9429 54.0294C15.4857 53.5588 14.8 53.5588 14.3429 54.0294C13.8857 54.5 13.8857 55.2059 14.3429 55.6765L18.6857 60.1471C18.9143 60.3824 19.1429 60.5 19.4857 60.5C19.8286 60.5 20.0571 60.3824 20.2857 60.1471L29.6571 50.5C30.1143 50.0294 30.1143 49.3235 29.6571 48.8529Z"/></g><defs><filter id="filter0_f_644_13029" width="23" height="23" x="-2" y=".5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" mode="normal" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_644_13029" stdDeviation="1.5"/></filter><filter id="filter1_d_644_13029" width="110" height="90" x="6" y="-3.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feMorphology in="SourceAlpha" operator="erode" radius="5" result="effect1_dropShadow_644_13029"/><feOffset dy="8"/><feGaussianBlur stdDeviation="8.5"/><feColorMatrix type="matrix" values="0 0 0 0 0.568627 0 0 0 0 0.592157 0 0 0 0 0.639216 0 0 0 0.5 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_644_13029"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_644_13029" mode="normal" result="shape"/></filter><filter id="filter2_f_644_13029" width="19" height="19" x="97" y="10.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" mode="normal" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_644_13029" stdDeviation=".5"/></filter><filter id="filter3_d_644_13029" width="48.667" height="57.819" x="-2.583" y="28.087" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="2"/><feGaussianBlur stdDeviation="3"/><feColorMatrix type="matrix" values="0 0 0 0 0.155625 0 0 0 0 0.273375 0 0 0 0 0.45 0 0 0 0.21 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_644_13029"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_644_13029" mode="normal" result="shape"/></filter><linearGradient id="paint0_linear_644_13029" x1="60.5" x2="60.5" y1="6.5" y2="127.5" gradientUnits="userSpaceOnUse"><stop stop-color="#BCCEDF"/><stop offset="1" stop-color="#2869A5"/></linearGradient><radialGradient id="paint1_radial_644_13029" cx="0" cy="0" r="1" gradientTransform="translate(61 77) rotate(160.229) scale(115.296 89.4837)" gradientUnits="userSpaceOnUse"><stop offset=".418" stop-color="#C4C4C4" stop-opacity="0"/><stop offset="1" stop-color="#C4C4C4"/></radialGradient><radialGradient id="paint2_radial_644_13029" cx="0" cy="0" r="1" gradientTransform="translate(61 77) rotate(19.7708) scale(115.296 89.4837)" gradientUnits="userSpaceOnUse"><stop offset=".418" stop-color="#C4C4C4" stop-opacity="0"/><stop offset="1" stop-color="#C4C4C4"/></radialGradient><clipPath id="clip0_644_13029"><rect width="121" height="127" fill="#fff" transform="translate(0 0.5)"/></clipPath><clipPath id="clip1_644_13029"><rect width="121" height="121" y="6.5" fill="#fff" rx="60.124"/></clipPath></defs></svg>