namirasoft-account-react 1.4.433 → 1.4.435

package/src/components/NSATaskBar.module.css

@@ -1,58 +1,58 @@
-.nsa_task_bar {
-    position: fixed;
-    left: 1rem;
-    bottom: 1rem;
-    z-index: 1100;
-    display: flex;
-    flex-direction: column-reverse;
-    gap: 0.75rem;
-    max-width: calc(100vw - 2rem);
-}
-
-.nsa_task_card {
-    width: 320px;
-    max-width: calc(100vw - 2rem);
-    background-color: #ffffff;
-    border: 1px solid #e2e5f1;
-    border-radius: 0.75rem;
-    box-shadow: 0 8px 24px rgba(20, 27, 92, 0.16);
-    padding: 0.875rem 1rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.625rem;
-}
-
-.nsa_task_header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 0.5rem;
-}
-
-.nsa_task_title {
-    font-size: 0.95rem;
-    font-weight: 600;
-    color: #141b5c;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.nsa_task_close {
-    cursor: pointer;
-    color: #8a90b3;
-    font-size: 0.875rem;
-    line-height: 1;
-    padding: 0.125rem 0.25rem;
-    border-radius: 0.25rem;
-}
-
-.nsa_task_close:hover {
-    color: #141b5c;
-    background-color: #eef0f8;
-}
-
-.nsa_task_actions {
-    display: flex;
-    justify-content: flex-end;
+.nsa_task_bar {
+    position: fixed;
+    left: 1rem;
+    bottom: 1rem;
+    z-index: 1100;
+    display: flex;
+    flex-direction: column-reverse;
+    gap: 0.75rem;
+    max-width: calc(100vw - 2rem);
+}
+
+.nsa_task_card {
+    width: 320px;
+    max-width: calc(100vw - 2rem);
+    background-color: #ffffff;
+    border: 1px solid #e2e5f1;
+    border-radius: 0.75rem;
+    box-shadow: 0 8px 24px rgba(20, 27, 92, 0.16);
+    padding: 0.875rem 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.625rem;
+}
+
+.nsa_task_header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+}
+
+.nsa_task_title {
+    font-size: 0.95rem;
+    font-weight: 600;
+    color: #141b5c;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.nsa_task_close {
+    cursor: pointer;
+    color: #8a90b3;
+    font-size: 0.875rem;
+    line-height: 1;
+    padding: 0.125rem 0.25rem;
+    border-radius: 0.25rem;
+}
+
+.nsa_task_close:hover {
+    color: #141b5c;
+    background-color: #eef0f8;
+}
+
+.nsa_task_actions {
+    display: flex;
+    justify-content: flex-end;
 }

package/src/components/NSATaskBar.tsx

@@ -1,102 +1,102 @@
-import { NSButtonRed } from "namirasoft-site-react";
-import NSProgressBar from "namirasoft-site-react/dist/components/NSProgressBar";
-import { Component } from "react";
-import { NSATask, NSATaskService } from "../NSATaskService";
-import Styles from "./NSATaskBar.module.css";
-
-interface NSATaskBarState
-{
-    tick: number;
-}
-
-export class NSATaskBar extends Component<{}, NSATaskBarState>
-{
-    private unsubscribe: (() => void) | null = null;
-
-    constructor(props: {})
-    {
-        super(props);
-        this.state = { tick: 0 };
-    }
-
-    override componentDidMount(): void
-    {
-        this.unsubscribe = NSATaskService.main.subscribe(() =>
-        {
-            this.setState(prev => ({ tick: prev.tick + 1 }));
-        });
-    }
-
-    override componentWillUnmount(): void
-    {
-        this.unsubscribe?.();
-        this.unsubscribe = null;
-    }
-
-    private renderStatus(task: NSATask): string
-    {
-        if (task.status === "running")
-            return `${task.completed}/${task.total}`;
-
-        const skipped = task.total - task.completed;
-        let parts: string[] = [`${task.succeeded} done`];
-        if (task.failed > 0)
-            parts.push(`${task.failed} failed`);
-        if (skipped > 0)
-            parts.push(`${skipped} skipped`);
-
-        const prefix = task.status === "cancelled" ? "Cancelled" : "Done";
-        return `${prefix} — ${parts.join(", ")}`;
-    }
-
-    override render()
-    {
-        const tasks = NSATaskService.main.getTasks();
-        if (tasks.length === 0)
-            return null;
-
-        return (
-            <div className={Styles.nsa_task_bar}>
-                {
-                    tasks.map(task =>
-                    {
-                        const progress = task.total > 0 ? (task.completed / task.total) * 100 : 0;
-                        return (
-                            <div key={task.id} className={Styles.nsa_task_card}>
-                                <div className={Styles.nsa_task_header}>
-                                    <span className={Styles.nsa_task_title}>{task.title}</span>
-                                    {
-                                        task.status !== "running" &&
-                                        <span
-                                            className={Styles.nsa_task_close}
-                                            onClick={() => NSATaskService.main.dismiss(task.id)}
-                                        >
-                                            ✕
-                                        </span>
-                                    }
-                                </div>
-                                <NSProgressBar progress={progress} title={this.renderStatus(task)} />
-                                {
-                                    task.status === "running" &&
-                                    <div className={Styles.nsa_task_actions}>
-                                        <NSButtonRed
-                                            title="Cancel"
-                                            onClick={{
-                                                showLoading: false,
-                                                action: (onFinished) =>
-                                                {
-                                                    task.cancel();
-                                                    onFinished();
-                                                }
-                                            }}
-                                        />
-                                    </div>
-                                }
-                            </div>
-                        );
-                    })
-                }
-            </div>
-        );
-    }
+import { NSButtonRed } from "namirasoft-site-react";
+import NSProgressBar from "namirasoft-site-react/dist/components/NSProgressBar";
+import { Component } from "react";
+import { NSATask, NSATaskService } from "../NSATaskService";
+import Styles from "./NSATaskBar.module.css";
+
+interface NSATaskBarState
+{
+    tick: number;
+}
+
+export class NSATaskBar extends Component<{}, NSATaskBarState>
+{
+    private unsubscribe: (() => void) | null = null;
+
+    constructor(props: {})
+    {
+        super(props);
+        this.state = { tick: 0 };
+    }
+
+    override componentDidMount(): void
+    {
+        this.unsubscribe = NSATaskService.main.subscribe(() =>
+        {
+            this.setState(prev => ({ tick: prev.tick + 1 }));
+        });
+    }
+
+    override componentWillUnmount(): void
+    {
+        this.unsubscribe?.();
+        this.unsubscribe = null;
+    }
+
+    private renderStatus(task: NSATask): string
+    {
+        if (task.status === "running")
+            return `${task.completed}/${task.total}`;
+
+        const skipped = task.total - task.completed;
+        let parts: string[] = [`${task.succeeded} done`];
+        if (task.failed > 0)
+            parts.push(`${task.failed} failed`);
+        if (skipped > 0)
+            parts.push(`${skipped} skipped`);
+
+        const prefix = task.status === "cancelled" ? "Cancelled" : "Done";
+        return `${prefix} — ${parts.join(", ")}`;
+    }
+
+    override render()
+    {
+        const tasks = NSATaskService.main.getTasks();
+        if (tasks.length === 0)
+            return null;
+
+        return (
+            <div className={Styles.nsa_task_bar}>
+                {
+                    tasks.map(task =>
+                    {
+                        const progress = task.total > 0 ? (task.completed / task.total) * 100 : 0;
+                        return (
+                            <div key={task.id} className={Styles.nsa_task_card}>
+                                <div className={Styles.nsa_task_header}>
+                                    <span className={Styles.nsa_task_title}>{task.title}</span>
+                                    {
+                                        task.status !== "running" &&
+                                        <span
+                                            className={Styles.nsa_task_close}
+                                            onClick={() => NSATaskService.main.dismiss(task.id)}
+                                        >
+                                            ✕
+                                        </span>
+                                    }
+                                </div>
+                                <NSProgressBar progress={progress} title={this.renderStatus(task)} />
+                                {
+                                    task.status === "running" &&
+                                    <div className={Styles.nsa_task_actions}>
+                                        <NSButtonRed
+                                            title="Cancel"
+                                            onClick={{
+                                                showLoading: false,
+                                                action: (onFinished) =>
+                                                {
+                                                    task.cancel();
+                                                    onFinished();
+                                                }
+                                            }}
+                                        />
+                                    </div>
+                                }
+                            </div>
+                        );
+                    })
+                }
+            </div>
+        );
+    }
 }

package/src/components/NSAUserDialog.module.css

@@ -1,68 +1,68 @@
-.ns_figure {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 1rem;
-    margin-bottom: 0;
-    color: #141b5c;
-}
-
-.ns_figure>img {
-    border-radius: 50%;
-}
-
-.ns_figure figcaption {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-.ns_figure_placeholder {
-    width: 6rem;
-    height: 6rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    background-color: #141b5c;
-}
-
-.ns_figure_placeholder span {
-    font-size: 1.75rem;
-    font-weight: 500;
-    word-spacing: -0.375rem;
-    color: #fff;
-}
-
-.ns_figure_title {
-    font-size: 1.5rem;
-    font-weight: 600;
-    line-height: 1.75rem;
-    text-align: center;
-}
-
-.ns_actions_wrapper {
-    display: flex;
-    flex-direction: column;
-}
-
-.ns_actions_wrapper .ns_link>a,
-.ns_actions_wrapper .ns_button {
-    box-shadow: none;
-    color: #141b5c !important;
-}
-
-.ns_actions_wrapper .ns_link>a:hover,
-.ns_actions_wrapper .ns_button:hover {
-    background-color: #b2bbd9;
-}
-
-.ns_user_id {
-    margin: 0;
-    font-size: 16px;
-    font-weight: 600;
-    text-align: right;
-    color: rgba(3, 119, 255);
-    cursor: pointer;
+.ns_figure {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+    margin-bottom: 0;
+    color: #141b5c;
+}
+
+.ns_figure>img {
+    border-radius: 50%;
+}
+
+.ns_figure figcaption {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.ns_figure_placeholder {
+    width: 6rem;
+    height: 6rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    background-color: #141b5c;
+}
+
+.ns_figure_placeholder span {
+    font-size: 1.75rem;
+    font-weight: 500;
+    word-spacing: -0.375rem;
+    color: #fff;
+}
+
+.ns_figure_title {
+    font-size: 1.5rem;
+    font-weight: 600;
+    line-height: 1.75rem;
+    text-align: center;
+}
+
+.ns_actions_wrapper {
+    display: flex;
+    flex-direction: column;
+}
+
+.ns_actions_wrapper .ns_link>a,
+.ns_actions_wrapper .ns_button {
+    box-shadow: none;
+    color: #141b5c !important;
+}
+
+.ns_actions_wrapper .ns_link>a:hover,
+.ns_actions_wrapper .ns_button:hover {
+    background-color: #b2bbd9;
+}
+
+.ns_user_id {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 600;
+    text-align: right;
+    color: rgba(3, 119, 255);
+    cursor: pointer;
 }