@veryai/widget 1.0.19

package/LICENSE

@@ -0,0 +1,190 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+   "License" shall mean the terms and conditions for use, reproduction,
+   and distribution as defined by Sections 1 through 9 of this document.
+
+   "Licensor" shall mean the copyright owner or entity authorized by
+   the copyright owner that is granting the License.
+
+   "Legal Entity" shall mean the union of the acting entity and all
+   other entities that control, are controlled by, or are under common
+   control with that entity. For the purposes of this definition,
+   "control" means (i) the power, direct or indirect, to cause the
+   direction or management of such entity, whether by contract or
+   otherwise, or (ii) ownership of fifty percent (50%) or more of the
+   outstanding shares, or (iii) beneficial ownership of such entity.
+
+   "You" (or "Your") shall mean an individual or Legal Entity
+   exercising permissions granted by this License.
+
+   "Source" form shall mean the preferred form for making modifications,
+   including but not limited to software source code, documentation
+   source, and configuration files.
+
+   "Object" form shall mean any form resulting from mechanical
+   transformation or translation of a Source form, including but
+   not limited to compiled object code, generated documentation,
+   and conversions to other media types.
+
+   "Work" shall mean the work of authorship, whether in Source or
+   Object form, made available under the License, as indicated by a
+   copyright notice that is included in or attached to the work
+   (an example is provided in the Appendix below).
+
+   "Derivative Works" shall mean any work, whether in Source or Object
+   form, that is based on (or derived from) the Work and for which the
+   editorial revisions, annotations, elaborations, or other modifications
+   represent, as a whole, an original work of authorship. For the purposes
+   of this License, Derivative Works shall not include works that remain
+   separable from, or merely link (or bind by name) to the interfaces of,
+   the Work and Derivative Works thereof.
+
+   "Contribution" shall mean any work of authorship, including
+   the original version of the Work and any modifications or additions
+   to that Work or Derivative Works thereof, that is intentionally
+   submitted to Licensor for inclusion in the Work by the copyright owner
+   or by an individual or Legal Entity authorized to submit on behalf of
+   the copyright owner. For the purposes of this definition, "submitted"
+   means any form of electronic, verbal, or written communication sent
+   to the Licensor or its representatives, including but not limited to
+   communication on electronic mailing lists, source code control systems,
+   and issue tracking systems that are managed by, or on behalf of, the
+   Licensor for the purpose of discussing and improving the Work, but
+   excluding communication that is conspicuously marked or otherwise
+   designated in writing by the copyright owner as "Not a Contribution."
+
+   "Contributor" shall mean Licensor and any individual or Legal Entity
+   on behalf of whom a Contribution has been received by Licensor and
+   subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   copyright license to reproduce, prepare Derivative Works of,
+   publicly display, publicly perform, sublicense, and distribute the
+   Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   (except as stated in this section) patent license to make, have made,
+   use, offer to sell, sell, import, and otherwise transfer the Work,
+   where such license applies only to those patent claims licensable
+   by such Contributor that are necessarily infringed by their
+   Contribution(s) alone or by combination of their Contribution(s)
+   with the Work to which such Contribution(s) was submitted. If You
+   institute patent litigation against any entity (including a
+   cross-claim or counterclaim in a lawsuit) alleging that the Work
+   or a Contribution incorporated within the Work constitutes direct
+   or contributory patent infringement, then any patent licenses
+   granted to You under this License for that Work shall terminate
+   as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+   Work or Derivative Works thereof in any medium, with or without
+   modifications, and in Source or Object form, provided that You
+   meet the following conditions:
+
+   (a) You must give any other recipients of the Work or
+   Derivative Works a copy of this License; and
+
+   (b) You must cause any modified files to carry prominent notices
+   stating that You changed the files; and
+
+   (c) You must retain, in the Source form of any Derivative Works
+   that You distribute, all copyright, patent, trademark, and
+   attribution notices from the Source form of the Work,
+   excluding those notices that do not pertain to any part of
+   the Derivative Works; and
+
+   (d) If the Work includes a "NOTICE" text file as part of its
+   distribution, then any Derivative Works that You distribute must
+   include a readable copy of the attribution notices contained
+   within such NOTICE file, excluding those notices that do not
+   pertain to any part of the Derivative Works, in at least one
+   of the following places: within a NOTICE text file distributed
+   as part of the Derivative Works; within the Source form or
+   documentation, if provided along with the Derivative Works; or,
+   within a display generated by the Derivative Works, if and
+   wherever such third-party notices normally appear. The contents
+   of the NOTICE file are for informational purposes only and
+   do not modify the License. You may add Your own attribution
+   notices within Derivative Works that You distribute, alongside
+   or as an addendum to the NOTICE text from the Work, provided
+   that such additional attribution notices cannot be construed
+   as modifying the License.
+
+   You may add Your own copyright statement to Your modifications and
+   may provide additional or different license terms and conditions
+   for use, reproduction, or distribution of Your modifications, or
+   for any such Derivative Works as a whole, provided Your use,
+   reproduction, and distribution of the Work otherwise complies with
+   the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+   any Contribution intentionally submitted for inclusion in the Work
+   by You to the Licensor shall be under the terms and conditions of
+   this License, without any additional terms or conditions.
+   Notwithstanding the above, nothing herein shall supersede or modify
+   the terms of any separate license agreement you may have executed
+   with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+   names, trademarks, service marks, or product names of the Licensor,
+   except as required for reasonable and customary use in describing the
+   origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+   agreed to in writing, Licensor provides the Work (and each
+   Contributor provides its Contributions) on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+   implied, including, without limitation, any warranties or conditions
+   of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+   PARTICULAR PURPOSE. You are solely responsible for determining the
+   appropriateness of using or redistributing the Work and assume any
+   risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+   whether in tort (including negligence), contract, or otherwise,
+   unless required by applicable law (such as deliberate and grossly
+   negligent acts) or agreed to in writing, shall any Contributor be
+   liable to You for damages, including any direct, indirect, special,
+   incidental, or consequential damages of any character arising as a
+   result of this License or out of the use or inability to use the
+   Work (including but not limited to damages for loss of goodwill,
+   work stoppage, computer failure or malfunction, or any and all
+   other commercial damages or losses), even if such Contributor
+   has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+   the Work or Derivative Works thereof, You may choose to offer,
+   and charge a fee for, acceptance of support, warranty, indemnity,
+   or other liability obligations and/or rights consistent with this
+   License. However, in accepting such obligations, You may act only
+   on Your own behalf and on Your sole responsibility, not on behalf
+   of any other Contributor, and only if You agree to indemnify,
+   defend, and hold each Contributor harmless for any liability
+   incurred by, or claims asserted against, such Contributor by reason
+   of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+Copyright 2025 Very Labs
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,268 @@
+# Very Widget
+
+A cross-framework Very hand verification component, implemented in native JavaScript, can be used in any front-end framework.
+
+## Features
+
+- 🌐 **Cross-framework support**: Implemented in native JavaScript, can be used in React, Vue, Angular, Svelte, etc.
+- 🎨 **Theme customization**: Supports default, light, dark three themes
+- 📱 **Mobile adaptation**: Automatically detects mobile devices and redirects to Very App
+- 🔒 **Security and reliability**: Built-in encryption and verification mechanism
+- 🚀 **Lightweight**: No additional dependencies, excellent performance
+
+## Installation
+
+```bash
+npm install @veryai/widget
+# Or
+yarn add @veryai/widget
+# Or
+pnpm add @veryai/widget
+```
+
+## Usage
+
+### Native JavaScript (Recommended)
+
+This is the most universal way, can be used in any framework:
+
+```javascript
+import { createVeryWidget } from "@veryai/widget";
+
+const widget = createVeryWidget({
+  appId: "your-app-id",
+  context: "your-context",
+  typeId: "your-type-id",
+  query: "your-query",
+  verifyUrl: "https://your-verify-url.com",
+  onSuccess: (proof) => {
+    console.log("Verification successful:", proof);
+    // Handle verification success
+  },
+  onError: (error) => {
+    console.error("Verification failed:", error);
+    // Handle verification failure
+  },
+  theme: "default", // 'default' | 'light' | 'dark'
+  triggerElement: "#verify-btn", // Optional: auto-bind trigger element
+});
+
+// Open manually
+widget.open();
+
+// Clean up resources
+widget.destroy();
+```
+
+### Using in React
+
+```jsx
+import React, { useEffect, useRef } from "react";
+import { createVeryWidget } from "@veryai/widget";
+
+function VeryButton() {
+  const widgetRef = useRef(null);
+
+  useEffect(() => {
+    widgetRef.current = createVeryWidget({
+      appId: "your-app-id",
+      context: "your-context",
+      typeId: "your-type-id",
+      query: "your-query",
+      verifyUrl: "https://your-verify-url.com",
+      onSuccess: (proof) => {
+        console.log("Verification successful:", proof);
+      },
+      onError: (error) => {
+        console.error("Verification failed:", error);
+      },
+      theme: "default",
+    });
+
+    return () => {
+      widgetRef.current?.destroy();
+    };
+  }, []);
+
+  return (
+    <button onClick={() => widgetRef.current?.open()}>Verify with Very</button>
+  );
+}
+```
+
+### Using in Vue 3
+
+```vue
+<template>
+  <button @click="openWidget">Verify with Very</button>
+</template>
+
+<script setup>
+import { onMounted, onUnmounted, ref } from "vue";
+import { createVeryWidget } from "@veryai/widget";
+
+const widget = ref(null);
+
+onMounted(() => {
+  widget.value = createVeryWidget({
+    appId: "your-app-id",
+    context: "your-context",
+    typeId: "your-type-id",
+    query: "your-query",
+    verifyUrl: "https://your-verify-url.com",
+    onSuccess: (proof) => {
+      console.log("Verification successful:", proof);
+    },
+    onError: (error) => {
+      console.error("Verification failed:", error);
+    },
+    theme: "default",
+  });
+});
+
+onUnmounted(() => {
+  widget.value?.destroy();
+});
+
+const openWidget = () => {
+  widget.value?.open();
+};
+</script>
+```
+
+### Using in Angular
+
+```typescript
+// very.service.ts
+import { Injectable, OnDestroy } from "@angular/core";
+import { createVeryWidget } from "@veryai/widget";
+
+@Injectable({
+  providedIn: "root",
+})
+export class VeryService implements OnDestroy {
+  private widget: any = null;
+
+  constructor() {
+    this.widget = createVeryWidget({
+      appId: "your-app-id",
+      context: "your-context",
+      typeId: "your-type-id",
+      query: "your-query",
+      verifyUrl: "https://your-verify-url.com",
+      onSuccess: (proof: string) => {
+        console.log("Verification successful:", proof);
+      },
+      onError: (error: string) => {
+        console.error("Verification failed:", error);
+      },
+      theme: "default",
+    });
+  }
+
+  openWidget(): void {
+    this.widget?.open();
+  }
+
+  ngOnDestroy(): void {
+    this.widget?.destroy();
+  }
+}
+```
+
+### Using in Svelte
+
+```svelte
+<script>
+    import { onMount, onDestroy } from 'svelte';
+    import { createVeryWidget } from '@veryai/widget';
+
+    let widget = null;
+
+    onMount(() => {
+        widget = createVeryWidget({
+            appId: 'your-app-id',
+            context: 'your-context',
+            typeId: 'your-type-id',
+            query: 'your-query',
+            verifyUrl: 'https://your-verify-url.com',
+            onSuccess: (proof) => {
+                console.log('Verification successful:', proof);
+            },
+            onError: (error) => {
+                console.error('Verification failed:', error);
+            },
+            theme: 'default'
+        });
+    });
+
+    onDestroy(() => {
+        widget?.destroy();
+    });
+
+    function openWidget() {
+        widget?.open();
+    }
+</script>
+
+<button on:click={openWidget}>Verify with Very</button>
+```
+
+## API Reference
+
+### createVeryWidget(config)
+
+Create a Very Widget instance.
+
+#### Parameters
+
+- `config` (object): Configuration object
+  - `appId` (string, required): Application ID
+  - `context` (string, required): Context
+  - `typeId` (string, required): Type ID
+  - `query` (string, required): Query parameters
+  - `verifyUrl` (string, optional): Verification URL
+  - `onSuccess` (function, required): Verification success callback
+  - `onError` (function, optional): Verification failure callback
+  - `theme` (string, optional): Theme, optional values: 'default' | 'light' | 'dark'
+  - `triggerElement` (string | HTMLElement, optional): Trigger element
+
+#### Return value
+
+Returns a VeryWidget instance, containing the following methods:
+
+- `open()`: Open widget
+- `close()`: Close widget
+- `refresh()`: Refresh verification
+- `destroy()`: Destroy instance and clean up resources
+
+## Theme
+
+Supports three preset themes:
+
+- `default`: Default theme, dark background
+- `light`: Light theme, white background
+- `dark`: Dark theme, black background
+
+## Mobile support
+
+On mobile devices, the widget will automatically detect and redirect to Very App for verification.
+
+## Notes
+
+1. Ensure calling the `destroy()` method to clean up resources when the component is destroyed
+2. Styles will be automatically injected, no need to manually import CSS
+3. Supports SSR, but needs to be initialized on the client
+4. All callback functions are asynchronous
+
+## Backward compatibility
+
+To maintain backward compatibility, the React component is still available:
+
+```jsx
+import { ReactVeryWidget } from "@veryai/widget";
+```
+
+## License
+
+Apache-2.0

package/build/index.d.mts

@@ -0,0 +1,96 @@
+import React$1 from 'react';
+
+interface IVeryWidgetConfig {
+    appId: string;
+    context: string;
+    typeId: string;
+    query: string;
+    verifyUrl?: string;
+    onSuccess: (proof: string) => void;
+    onError?: (error: string) => void;
+    theme?: "default" | "light" | "dark";
+    triggerElement?: string | HTMLElement;
+}
+interface IVeryWidgetState {
+    type: "loading" | "qr-code" | "processing" | "error";
+    url?: string;
+    errorText?: string;
+    isProcessing?: boolean;
+}
+declare class VeryWidgetVanilla {
+    private config;
+    private session?;
+    private timer?;
+    private isOpen;
+    private overlay?;
+    private widget?;
+    private content?;
+    constructor(config: IVeryWidgetConfig);
+    private init;
+    open(): void;
+    close(): void;
+    private createUI;
+    private destroyUI;
+    private createCloseButton;
+    private updateState;
+    private getSession;
+    private getUrl;
+    private startPolling;
+    private handleMobileRedirect;
+    private cleanup;
+    refresh(): void;
+    destroy(): void;
+}
+declare function createVeryWidget(config: IVeryWidgetConfig): VeryWidgetVanilla;
+
+interface IWidgetProps {
+    children?: ({ open }: {
+        open: () => void;
+    }) => React.ReactNode;
+    className?: string;
+    appId: string;
+    context: string;
+    typeId: string;
+    query: string;
+    verifyUrl?: string;
+    onSuccess: (proof: string) => void;
+    theme?: "default" | "light" | "dark";
+}
+
+declare const VeryWidget: React$1.FC<IWidgetProps>;
+
+interface IUseVeryWidgetConfig {
+    appId: string;
+    context: string;
+    typeId: string;
+    query: string;
+    verifyUrl?: string;
+    onSuccess: (proof: string) => void;
+    onError?: (error: string) => void;
+    theme?: "default" | "light" | "dark";
+    triggerElement?: string | HTMLElement;
+}
+
+/**
+ * Vue 3 Composition API Hook (requires Vue 3 environment)
+ * Usage example:
+ *
+ * import { useVeryWidget } from '@veryai/widget/adapters/vue';
+ *
+ * const { isOpen, open, close, destroy } = useVeryWidget({
+ *   appId: 'your-app-id',
+ *   context: 'your-context',
+ *   typeId: 'your-type-id',
+ *   query: 'your-query',
+ *   onSuccess: (proof) => console.log('Success:', proof),
+ *   onError: (error) => console.error('Error:', error),
+ * });
+ */
+declare const useVeryWidget: (config: IUseVeryWidgetConfig) => {
+    readonly isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    destroy: () => void;
+};
+
+export { type IUseVeryWidgetConfig, type IVeryWidgetConfig, type IVeryWidgetState, VeryWidget, VeryWidgetVanilla, createVeryWidget, useVeryWidget };

package/build/index.d.ts

@@ -0,0 +1,96 @@
+import React$1 from 'react';
+
+interface IVeryWidgetConfig {
+    appId: string;
+    context: string;
+    typeId: string;
+    query: string;
+    verifyUrl?: string;
+    onSuccess: (proof: string) => void;
+    onError?: (error: string) => void;
+    theme?: "default" | "light" | "dark";
+    triggerElement?: string | HTMLElement;
+}
+interface IVeryWidgetState {
+    type: "loading" | "qr-code" | "processing" | "error";
+    url?: string;
+    errorText?: string;
+    isProcessing?: boolean;
+}
+declare class VeryWidgetVanilla {
+    private config;
+    private session?;
+    private timer?;
+    private isOpen;
+    private overlay?;
+    private widget?;
+    private content?;
+    constructor(config: IVeryWidgetConfig);
+    private init;
+    open(): void;
+    close(): void;
+    private createUI;
+    private destroyUI;
+    private createCloseButton;
+    private updateState;
+    private getSession;
+    private getUrl;
+    private startPolling;
+    private handleMobileRedirect;
+    private cleanup;
+    refresh(): void;
+    destroy(): void;
+}
+declare function createVeryWidget(config: IVeryWidgetConfig): VeryWidgetVanilla;
+
+interface IWidgetProps {
+    children?: ({ open }: {
+        open: () => void;
+    }) => React.ReactNode;
+    className?: string;
+    appId: string;
+    context: string;
+    typeId: string;
+    query: string;
+    verifyUrl?: string;
+    onSuccess: (proof: string) => void;
+    theme?: "default" | "light" | "dark";
+}
+
+declare const VeryWidget: React$1.FC<IWidgetProps>;
+
+interface IUseVeryWidgetConfig {
+    appId: string;
+    context: string;
+    typeId: string;
+    query: string;
+    verifyUrl?: string;
+    onSuccess: (proof: string) => void;
+    onError?: (error: string) => void;
+    theme?: "default" | "light" | "dark";
+    triggerElement?: string | HTMLElement;
+}
+
+/**
+ * Vue 3 Composition API Hook (requires Vue 3 environment)
+ * Usage example:
+ *
+ * import { useVeryWidget } from '@veryai/widget/adapters/vue';
+ *
+ * const { isOpen, open, close, destroy } = useVeryWidget({
+ *   appId: 'your-app-id',
+ *   context: 'your-context',
+ *   typeId: 'your-type-id',
+ *   query: 'your-query',
+ *   onSuccess: (proof) => console.log('Success:', proof),
+ *   onError: (error) => console.error('Error:', error),
+ * });
+ */
+declare const useVeryWidget: (config: IUseVeryWidgetConfig) => {
+    readonly isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    destroy: () => void;
+};
+
+export { type IUseVeryWidgetConfig, type IVeryWidgetConfig, type IVeryWidgetState, VeryWidget, VeryWidgetVanilla, createVeryWidget, useVeryWidget };