MetaState-Prototype-Project · coodos · Jun 25, 2025 · Jun 24, 2025 · Jun 25, 2025 · Jun 25, 2025
diff --git a/infrastructure/eid-wallet/src-tauri/gen/apple/eid-wallet.xcodeproj/project.pbxproj b/infrastructure/eid-wallet/src-tauri/gen/apple/eid-wallet.xcodeproj/project.pbxproj
@@ -389,7 +389,7 @@
 				CODE_SIGN_ENTITLEMENTS = "eid-wallet_iOS/eid-wallet_iOS.entitlements";
 				CODE_SIGN_IDENTITY = "iPhone Developer";
 				CURRENT_PROJECT_VERSION = 0.1.0.0;
-				DEVELOPMENT_TEAM = "HZ7MLR7Q46";
+				DEVELOPMENT_TEAM = 3FS4B734X5;
 				ENABLE_BITCODE = NO;
 				"EXCLUDED_ARCHS[sdk=iphoneos*]" = x86_64;
 				FRAMEWORK_SEARCH_PATHS = (
@@ -433,7 +433,7 @@
 				CODE_SIGN_ENTITLEMENTS = "eid-wallet_iOS/eid-wallet_iOS.entitlements";
 				CODE_SIGN_IDENTITY = "iPhone Developer";
 				CURRENT_PROJECT_VERSION = 0.1.0.0;
-				DEVELOPMENT_TEAM = "HZ7MLR7Q46";
+				DEVELOPMENT_TEAM = 3FS4B734X5;
 				ENABLE_BITCODE = NO;
 				"EXCLUDED_ARCHS[sdk=iphoneos*]" = x86_64;
 				FRAMEWORK_SEARCH_PATHS = (

diff --git a/infrastructure/eid-wallet/src-tauri/tauri.conf.json b/infrastructure/eid-wallet/src-tauri/tauri.conf.json
@@ -18,9 +18,7 @@
             }
         ],
         "security": {
-            "capabilities": [
-                "mobile-capability"
-            ],
+            "capabilities": ["mobile-capability"],
             "csp": null
         }
     },
@@ -33,9 +31,6 @@
             "icons/[email protected]",
             "icons/icon.icns",
             "icons/icon.ico"
-        ],
-        "iOS": {
-            "developmentTeam": "HZ7MLR7Q46"
-        }
+        ]
     }
 }
diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
@@ -71,8 +71,8 @@
 
 body {
     font-family: "Archivo", sans-serif;
-    padding-top: env(safe-area-inset-top);
-    padding-bottom: env(safe-area-inset-bottom);
+    /* padding-top: env(safe-area-inset-top); */
+    /* padding-bottom: env(safe-area-inset-bottom); */
     padding-left: env(safe-area-inset-left);
     padding-right: env(safe-area-inset-right);
     background-color: var(--color-primary);

diff --git a/infrastructure/eid-wallet/src/lib/fragments/Hero/Hero.svelte b/infrastructure/eid-wallet/src/lib/fragments/Hero/Hero.svelte
@@ -1,49 +1,47 @@
 <script lang="ts">
-import * as Button from "$lib/ui/Button";
-import { cn } from "$lib/utils";
-import { Settings02Icon } from "@hugeicons/core-free-icons";
-import type { HTMLAttributes } from "svelte/elements";
+    import * as Button from "$lib/ui/Button";
+    import { cn } from "$lib/utils";
+    import { Settings02Icon } from "@hugeicons/core-free-icons";
+    import type { Snippet } from "svelte";
+    import type { HTMLAttributes } from "svelte/elements";
 
-interface IHeroProps extends HTMLAttributes<HTMLElement> {
-    title?: string;
-    subtitle?: string;
-    showSettings?: boolean;
-    titleClasses?: string;
-}
-const {
-    title,
-    subtitle,
-    showSettings = false,
-    titleClasses,
-    children,
-    ...restProps
-}: IHeroProps = $props();
-const baseClasses = "w-full flex justify-between items-center";
+    interface IHeroProps extends HTMLAttributes<HTMLElement> {
+        title?: string;
+        subtitle?: Snippet;
+        showSettings?: boolean;
+        titleClasses?: string;
+    }
+    const {
+        title,
+        subtitle,
+        showSettings = false,
+        titleClasses,
+        children,
+        ...restProps
+    }: IHeroProps = $props();
+    const baseClasses = "w-full flex justify-between items-center";
 </script>
-    
+
 <header {...restProps} class={cn(baseClasses, restProps.class)}>
     <div class="flex flex-col items-start">
-            <h3 class={cn(titleClasses)}>
-                {@render children?.()}
-                {title}
-            </h3>
+        <h3 class={cn(titleClasses)}>
+            {@render children?.()}
+            {title}
+        </h3>
         {#if subtitle}
-            <p class="text-black-700 mt-2">{subtitle}</p>
+            <p class="text-black-700 mt-2">{@render subtitle()}</p>
         {/if}
     </div>
     {#if showSettings}
         <Button.Nav href="/settings">
-            <Button.Icon
-                icon={Settings02Icon}
-                iconSize="lg"
-            />
+            <Button.Icon icon={Settings02Icon} iconSize="lg" />
         </Button.Nav>
     {:else}
         <span aria-hidden="true"></span>
     {/if}
 </header>
 
-<!-- 
+<!--
 @component
 @name Hero
 @description A component that displays a header with a title, subtitle, and optional settings icon.
@@ -66,4 +64,4 @@ const baseClasses = "w-full flex justify-between items-center";
     >
 </Hero>
 ```
- -->
+ -->
diff --git a/infrastructure/eid-wallet/src/lib/fragments/SplashScreen/SplashScreen.svelte b/infrastructure/eid-wallet/src/lib/fragments/SplashScreen/SplashScreen.svelte
@@ -1,21 +1,62 @@
 <script lang="ts">
-import { cubicOut } from "svelte/easing";
-import { fade, scale } from "svelte/transition";
+    import { cubicOut } from "svelte/easing";
+    import { fade, scale } from "svelte/transition";
 </script>
 
-<div  out:fade={{duration: 150}} class="z-50 absolute w-screen h-screen overflow-hidden" >
-    <div  class="relative w-screen h-screen bg-primary overflow-hidden">
-
-        <img in:scale={{start: 0.8, duration: 500, easing: cubicOut, opacity: 1 }} class="absolute w-full bottom-[-80px] start-0" src="/images/Shape1.svg" alt="illustration">
-        <img in:scale={{start: 0.8, duration: 500, easing: cubicOut, opacity: 1 }} class="absolute w-full top-[50px] end-[100px]" src="/images/Shape2.svg" alt="illustration">
-        <div in:scale={{start: 0.9, duration: 500, easing: cubicOut, opacity: 1 }}  class="absolute w-full top-[42%] start-[50%] translate-x-[-50%] translate-y-[-42%]">
-            <h1 in:fade={{duration: 500}} class="text-center text-white text-[44px]">eAgency</h1>
-            <p in:fade={{duration: 500}} class="text-center text-white">Your self-sovereign digital entity</p>
+<div
+    out:fade={{ duration: 150 }}
+    class="z-50 absolute w-screen h-screen overflow-hidden"
+>
+    <div class="relative w-screen h-screen bg-primary overflow-hidden">
+        <img
+            in:scale={{
+                start: 0.8,
+                duration: 500,
+                easing: cubicOut,
+                opacity: 1,
+            }}
+            class="absolute w-full bottom-[-80px] start-0"
+            src="/images/Shape1.svg"
+            alt="illustration"
+        />
+        <img
+            in:scale={{
+                start: 0.8,
+                duration: 500,
+                easing: cubicOut,
+                opacity: 1,
+            }}
+            class="absolute w-full top-[50px] end-[100px]"
+            src="/images/Shape2.svg"
+            alt="illustration"
+        />
+        <div
+            in:scale={{
+                start: 0.9,
+                duration: 500,
+                easing: cubicOut,
+                opacity: 1,
+            }}
+            class="absolute w-full top-[42%] start-[50%] translate-x-[-50%] translate-y-[-42%]"
+        >
+            <h1
+                in:fade={{ duration: 500 }}
+                class="text-center text-white text-[44px]"
+            >
+                eID Wallet
+            </h1>
+            <p in:fade={{ duration: 500 }} class="text-center text-white">
+                for Web 3.0 Data Space
+            </p>
         </div>
-        <img in:fade={{duration: 500}} class="absolute bottom-[116px] start-[50%] translate-x-[-50%]" src="/images/W3DSLogoWhite.svg" alt="logo">
+        <img
+            in:fade={{ duration: 500 }}
+            class="absolute bottom-[116px] start-[50%] translate-x-[-50%]"
+            src="/images/W3DSLogoWhite.svg"
+            alt="logo"
+        />
     </div>
 </div>
 
 <style>
-
-</style>
+</style>
diff --git a/infrastructure/eid-wallet/src/routes/(app)/+layout.svelte b/infrastructure/eid-wallet/src/routes/(app)/+layout.svelte
@@ -22,7 +22,7 @@
 </div>
 {/if} -->
 
-<div class="p-6">
+<div class="p-6 pt-10">
     {@render children()}
 </div>
 

diff --git a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
@@ -1,50 +1,50 @@
 <script lang="ts">
-import { goto } from "$app/navigation";
-import { Hero, IdentityCard } from "$lib/fragments";
-import type { GlobalState } from "$lib/global";
-import { Drawer } from "$lib/ui";
-import * as Button from "$lib/ui/Button";
-import { QrCodeIcon } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/svelte";
-import { getContext, onMount, type Snippet } from "svelte";
+    import { goto } from "$app/navigation";
+    import { Hero, IdentityCard } from "$lib/fragments";
+    import type { GlobalState } from "$lib/global";
+    import { Drawer } from "$lib/ui";
+    import * as Button from "$lib/ui/Button";
+    import { QrCodeIcon } from "@hugeicons/core-free-icons";
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import { getContext, onMount, type Snippet } from "svelte";
 
-let userData: Record<string, unknown> = $state();
-let greeting = $state();
-let ename = $state();
+    let userData: Record<string, unknown> = $state();
+    let greeting = $state();
+    let ename = $state();
 
-let shareQRdrawerOpen = $state(false);
+    let shareQRdrawerOpen = $state(false);
 
-function shareQR() {
-    alert("QR Code shared!");
-    shareQRdrawerOpen = false;
-}
+    function shareQR() {
+        alert("QR Code shared!");
+        shareQRdrawerOpen = false;
+    }
 
-const globalState = getContext<() => GlobalState>("globalState")();
+    const globalState = getContext<() => GlobalState>("globalState")();
 
-onMount(async () => {
-    userData = await globalState.userController.user;
-    const vaultData = await globalState.vaultController.vault;
-    ename = vaultData.ename;
+    onMount(async () => {
+        userData = await globalState.userController.user;
+        const vaultData = await globalState.vaultController.vault;
+        ename = vaultData.ename;
 
-    const currentHour = new Date().getHours();
-    greeting =
-        currentHour > 17
-            ? "Good Evening"
-            : currentHour > 12
-              ? "Good Afternoon"
-              : "Good Morning";
-});
+        const currentHour = new Date().getHours();
+        greeting =
+            currentHour > 17
+                ? "Good Evening"
+                : currentHour > 12
+                  ? "Good Afternoon"
+                  : "Good Morning";
+    });
 </script>
 
-<Hero
-    title={greeting ?? "Hi!"}
-    subtitle="Welcome back to your eID Wallet"
-    showSettings
-/>
+<Hero title={greeting ?? "Hi!"}>
+    {#snippet subtitle()}
+        Welcome back to your eID Wallet
+    {/snippet}
+</Hero>
 
 {#snippet Section(title: string, children: Snippet)}
-    <section class="mt-8">
-        <h4 class="mb-2">{title}</h4>
+    <section class="mt-5">
+        <h4>{title}</h4>
         {@render children()}
     </section>
 {/snippet}
@@ -68,7 +68,7 @@ onMount(async () => {
     <IdentityCard variant="eVault" usedStorage={15} totalStorage={100} />
 {/snippet}
 
-<main class="pb-16">
+<main class="pb-12">
     {@render Section("eName", eName)}
     {@render Section("ePassport", ePassport)}
     {@render Section("eVault", eVault)}
@@ -91,7 +91,7 @@ onMount(async () => {
         <img class="z-10" src="/images/dummyQR.png" alt="QR Code" />
     </div>
 
-    <h4 class="text-center">Share your eName</h4>
+    <h4 class="text-center mt-2">Share your eName</h4>
     <p class="text-black-700 text-center">
         Anyone scanning this can see your eName
     </p>
@@ -118,4 +118,3 @@ onMount(async () => {
         Scan to Login
     </Button.Action>
 </Button.Nav>
-