whale-cmp 0.23.1 → 0.25.0

package/index.d.ts

@@ -1,24 +1,47 @@
 export type SupportedLanguage = 'ar' | 'de' | 'en' | 'es' | 'fr' | 'it' | 'pt' | 'zh';
 
-export class WhaleCMP {
-    ele: Element
-    focusEl: Element
-    cmpManageId: Element
-    mainId: string
-    focus: string
-    confirmUI: object
-    agreementUI: object
-    open: Function
-    onKeydown: Function
-    visible: boolean
-    close: Function
+export interface OpenTouUIOptions {
+    /** When true (default), back/OK/exit actions are ignored. */
+    blockExit?: boolean;
+    touCallback?: () => void;
+}
+
+export interface WhaleCMPOptions {
+    ele?: Element;
+    language?: SupportedLanguage;
+    cpId?: string;
+    /** @deprecated use cpId */
+    cpid?: string;
+    [key: string]: unknown;
+}
+
+export declare class WhaleCMP {
+    ele: Element | null;
+    focusEl: Element | null;
+    cmpManageId: Element;
+    mainId: string;
+    focus: string;
+    visible: boolean;
 
     /**
      * Create a new WhaleCMP instance
-     * @param ele - The element to attach to
-     * @param language - Initial language (default: 'en')
      */
-    constructor(WhaleCMPOptions?: object);
+    constructor(options?: WhaleCMPOptions);
+
+    /**
+     * Open the CMP UI
+     */
+    open(callback?: (result?: { language: SupportedLanguage }) => void): void;
+
+    /**
+     * Handle remote/keyboard keydown
+     */
+    onKeydown(e: KeyboardEvent | { keyCode?: number; which?: number }): void;
+
+    /**
+     * Close the CMP UI
+     */
+    close(): void;
 
     /**
      * Set the language for the CMP interface
@@ -37,14 +60,39 @@ export class WhaleCMP {
      */
     setCpId(cpId: string): void;
 
+    /**
+     * Open Terms of Use (TouchUI) directly. Back and exit are blocked by default.
+     */
+    openTouUI(options?: OpenTouUIOptions): void;
+
+    /**
+     * Force-close TouchUI even when exit blocking is enabled.
+     */
+    closeTouUI(): void;
+
     /**
      * Cleanup method to unsubscribe from language changes
      */
     destroy(): void;
 }
 
+interface QRCodeOptions {
+    text: string;
+    width?: number;
+    height?: number;
+    colorDark?: string;
+    colorLight?: string;
+    correctLevel?: number;
+}
+
+interface QRCodeConstructor {
+    new (el: string | HTMLElement, options?: QRCodeOptions): unknown;
+}
+
 declare global {
     interface Window {
-        QRCode: any
+        QRCode?: QRCodeConstructor;
     }
-}
+}
+
+export {};

package/index.html

@@ -13,13 +13,14 @@
 </body>
 <script type="module">
     import { WhaleCMP } from "./index.js"
-    const cmp = new WhaleCMP({cpId: "com", ele: document.getElementById("bbb")})
-    cmp.setLanguage("en")
-    cmp.open(e => {
-        if (e && e.language) {
-            console.log(e.language);
-        }
+    const cmp = new WhaleCMP({
+        cpId: "com",
+        ele: document.getElementById("bbb"),
     })
+    // cmp.openTouUI({touCallback: e=>{
+    //     console.log(e)
+    // }})
+    cmp.open()
     document.addEventListener("keydown", e => {
         cmp.onKeydown(e)
     })