Feat/evoting reveal vote data

infrastructure/eid-wallet/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eid-wallet",
-    "version": "0.1.0",
+    "version": "0.2.1",
     "description": "",
     "type": "module",
     "scripts": {

infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte

@@ -1,56 +1,57 @@
 <script lang="ts">
-import { clickOutside, cn } from "$lib/utils";
-import { CupertinoPane } from "cupertino-pane";
-import type { Snippet } from "svelte";
-import { swipe } from "svelte-gestures";
-import type { HTMLAttributes } from "svelte/elements";
+    import { cn } from "$lib/utils";
+    import { CupertinoPane } from "cupertino-pane";
+    import type { Snippet } from "svelte";
+    import { swipe } from "svelte-gestures";
+    import type { HTMLAttributes } from "svelte/elements";
 
-interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
-    isPaneOpen?: boolean;
-    children?: Snippet;
-    handleSwipe?: (isOpen: boolean | undefined) => void;
-}
+    interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
+        isPaneOpen?: boolean;
+        children?: Snippet;
+        handleSwipe?: (isOpen: boolean | undefined) => void;
+    }
 
-let drawerElem: HTMLDivElement;
-let pane: CupertinoPane;
+    let drawerElem: HTMLDivElement;
+    let pane: CupertinoPane;
 
-let {
-    isPaneOpen = $bindable(),
-    children = undefined,
-    handleSwipe,
-    ...restProps
-}: IDrawerProps = $props();
+    let {
+        isPaneOpen = $bindable(),
+        children = undefined,
+        handleSwipe,
+        ...restProps
+    }: IDrawerProps = $props();
 
-const handleClickOutside = () => {
-    pane?.destroy({ animate: true });
-    isPaneOpen = false;
-};
+    // Disabled click outside behavior to prevent white screen issues
+    // const handleClickOutside = () => {
+    //     pane?.destroy({ animate: true });
+    //     isPaneOpen = false;
+    // };
 
-$effect(() => {
-    if (!drawerElem) return;
-    pane = new CupertinoPane(drawerElem, {
-        fitHeight: true,
-        backdrop: true,
-        backdropOpacity: 0.5,
-        backdropBlur: true,
-        bottomClose: true,
-        buttonDestroy: false,
-        showDraggable: true,
-        upperThanTop: true,
-        breaks: {
-            bottom: { enabled: true, height: 250 },
-        },
-        initialBreak: "bottom",
-    });
+    $effect(() => {
+        if (!drawerElem) return;
+        pane = new CupertinoPane(drawerElem, {
+            fitHeight: true,
+            backdrop: true,
+            backdropOpacity: 0.5,
+            backdropBlur: true,
+            bottomClose: true,
+            buttonDestroy: false,
+            showDraggable: true,
+            upperThanTop: true,
+            breaks: {
+                bottom: { enabled: true, height: 250 },
+            },
+            initialBreak: "bottom",
+        });
 
-    if (isPaneOpen) {
-        pane.present({ animate: true });
-    } else {
-        pane.destroy({ animate: true });
-    }
+        if (isPaneOpen) {
+            pane.present({ animate: true });
+        } else {
+            pane.destroy({ animate: true });
+        }
 
-    return () => pane.destroy();
-});
+        return () => pane.destroy();
+    });
 </script>
 
 <div
@@ -61,7 +62,6 @@ $effect(() => {
     })}
     onswipe={() => handleSwipe?.(isPaneOpen)}
     bind:this={drawerElem}
-    use:clickOutside={handleClickOutside}
     class={cn(restProps.class)}
 >
     <div class="px-6">