namirasoft-account-react 1.5.20 → 1.5.21

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,194 +1,194 @@
-import { NSButtonRed } from "namirasoft-site-react";
-import NSProgressBar from "namirasoft-site-react/dist/components/NSProgressBar";
-import { Component } from "react";
-import Styles from "./NSATaskBar.module.css";
-
-export type NSATaskStatus = "running" | "completed" | "cancelled";
-
-export interface NSATask
-{
-    id: string;
-    title: string;
-    total: number;
-    completed: number;
-    succeeded: number;
-    failed: number;
-    status: NSATaskStatus;
-    cancel: () => void;
-}
-
-export interface NSATaskResult<T>
-{
-    succeeded: T[];
-    failed: T[];
-    cancelled: boolean;
-}
-
-export interface NSATaskBarProps<ItemType>
-{
-    title: string;
-    items: ItemType[];
-    handler: (item: ItemType, index: number) => Promise<void>;
-    onItemError?: (item: ItemType, error: any, index: number) => void;
-}
-
-interface NSATaskBarState
-{
-    tasks: NSATask[];
-}
-
-export class NSATaskBar<ItemType> extends Component<NSATaskBarProps<ItemType>, NSATaskBarState>
-{
-    private counter: number = 0;
-    private removeDelayMs: number = 4000;
-
-    constructor(props: NSATaskBarProps<ItemType>)
-    {
-        super(props);
-        this.state = { tasks: [] };
-        this.run = this.run.bind(this);
-        this.dismiss = this.dismiss.bind(this);
-    }
-
-    private update(id: string, patch: Partial<NSATask>): void
-    {
-        this.setState(prev => ({
-            tasks: prev.tasks.map(task => task.id === id ? { ...task, ...patch } : task)
-        }));
-    }
-
-    public dismiss(id: string): void
-    {
-        this.setState(prev => ({ tasks: prev.tasks.filter(task => task.id !== id) }));
-    }
-
-    public async run(): Promise<NSATaskResult<ItemType>>
-    {
-        this.counter += 1;
-        const id = `nsa-task-${this.counter}`;
-
-        const items = this.props.items;
-        const handler = this.props.handler;
-        const onItemError = this.props.onItemError;
-
-        let cancelled = false;
-        const task: NSATask = {
-            id,
-            title: this.props.title,
-            total: items.length,
-            completed: 0,
-            succeeded: 0,
-            failed: 0,
-            status: "running",
-            cancel: () => { cancelled = true; }
-        };
-
-        this.setState(prev => ({ tasks: [...prev.tasks, task] }));
-
-        const succeeded: ItemType[] = [];
-        const failed: ItemType[] = [];
-
-        for (let index = 0; index < items.length; index++)
-        {
-            if (cancelled)
-                break;
-
-            const item = items[index];
-            try
-            {
-                await handler(item, index);
-                succeeded.push(item);
-            }
-            catch (error: any)
-            {
-                failed.push(item);
-                onItemError?.(item, error, index);
-            }
-            this.update(id, {
-                completed: succeeded.length + failed.length,
-                succeeded: succeeded.length,
-                failed: failed.length,
-            });
-        }
-
-        this.update(id, { status: cancelled ? "cancelled" : "completed" });
-
-        window.setTimeout(() => this.dismiss(id), this.removeDelayMs);
-
-        return { succeeded, failed, cancelled };
-    }
-
-    private renderStatus(task: NSATask): string
-    {
-        if (task.status === "running")
-        {
-            const remaining = task.total - task.completed;
-            let running: string[] = [`${task.succeeded} done`];
-            if (task.failed > 0)
-                running.push(`${task.failed} failed`);
-            running.push(`${remaining} left`);
-            return running.join(", ");
-        }
-
-        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 = this.state.tasks;
-        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={() => this.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 Styles from "./NSATaskBar.module.css";
+
+export type NSATaskStatus = "running" | "completed" | "cancelled";
+
+export interface NSATask
+{
+    id: string;
+    title: string;
+    total: number;
+    completed: number;
+    succeeded: number;
+    failed: number;
+    status: NSATaskStatus;
+    cancel: () => void;
+}
+
+export interface NSATaskResult<T>
+{
+    succeeded: T[];
+    failed: T[];
+    cancelled: boolean;
+}
+
+export interface NSATaskBarProps<ItemType>
+{
+    title: string;
+    items: ItemType[];
+    handler: (item: ItemType, index: number) => Promise<void>;
+    onItemError?: (item: ItemType, error: any, index: number) => void;
+}
+
+interface NSATaskBarState
+{
+    tasks: NSATask[];
+}
+
+export class NSATaskBar<ItemType> extends Component<NSATaskBarProps<ItemType>, NSATaskBarState>
+{
+    private counter: number = 0;
+    private removeDelayMs: number = 4000;
+
+    constructor(props: NSATaskBarProps<ItemType>)
+    {
+        super(props);
+        this.state = { tasks: [] };
+        this.run = this.run.bind(this);
+        this.dismiss = this.dismiss.bind(this);
+    }
+
+    private update(id: string, patch: Partial<NSATask>): void
+    {
+        this.setState(prev => ({
+            tasks: prev.tasks.map(task => task.id === id ? { ...task, ...patch } : task)
+        }));
+    }
+
+    public dismiss(id: string): void
+    {
+        this.setState(prev => ({ tasks: prev.tasks.filter(task => task.id !== id) }));
+    }
+
+    public async run(): Promise<NSATaskResult<ItemType>>
+    {
+        this.counter += 1;
+        const id = `nsa-task-${this.counter}`;
+
+        const items = this.props.items;
+        const handler = this.props.handler;
+        const onItemError = this.props.onItemError;
+
+        let cancelled = false;
+        const task: NSATask = {
+            id,
+            title: this.props.title,
+            total: items.length,
+            completed: 0,
+            succeeded: 0,
+            failed: 0,
+            status: "running",
+            cancel: () => { cancelled = true; }
+        };
+
+        this.setState(prev => ({ tasks: [...prev.tasks, task] }));
+
+        const succeeded: ItemType[] = [];
+        const failed: ItemType[] = [];
+
+        for (let index = 0; index < items.length; index++)
+        {
+            if (cancelled)
+                break;
+
+            const item = items[index];
+            try
+            {
+                await handler(item, index);
+                succeeded.push(item);
+            }
+            catch (error: any)
+            {
+                failed.push(item);
+                onItemError?.(item, error, index);
+            }
+            this.update(id, {
+                completed: succeeded.length + failed.length,
+                succeeded: succeeded.length,
+                failed: failed.length,
+            });
+        }
+
+        this.update(id, { status: cancelled ? "cancelled" : "completed" });
+
+        window.setTimeout(() => this.dismiss(id), this.removeDelayMs);
+
+        return { succeeded, failed, cancelled };
+    }
+
+    private renderStatus(task: NSATask): string
+    {
+        if (task.status === "running")
+        {
+            const remaining = task.total - task.completed;
+            let running: string[] = [`${task.succeeded} done`];
+            if (task.failed > 0)
+                running.push(`${task.failed} failed`);
+            running.push(`${remaining} left`);
+            return running.join(", ");
+        }
+
+        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 = this.state.tasks;
+        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={() => this.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;
 }