@vnejs/plugins.views.screens.disclaimer 0.2.1

package/dist/index.d.ts

@@ -0,0 +1 @@
+import "@vnejs/contracts.views.screens.disclaimer";

package/dist/index.js

@@ -0,0 +1,7 @@
+import "@vnejs/contracts.views.screens.disclaimer";
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.screens.disclaimer";
+import { DisclaimerController } from "./modules/controller.js";
+import { Disclaimer } from "./modules/disclaimer.js";
+import { DisclaimerView } from "./modules/view.js";
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS, params: PARAMS }, [DisclaimerController, Disclaimer, DisclaimerView]);

package/dist/modules/controller.d.ts

@@ -0,0 +1,15 @@
+import { ModuleController } from "@vnejs/module.components";
+import type { DisclaimerPluginConstants, DisclaimerPluginEvents, DisclaimerPluginParams, DisclaimerPluginSettings } from "../types.js";
+import type { DisclaimerPluginState } from "../utils/disclaimer.js";
+export declare class DisclaimerController extends ModuleController<DisclaimerPluginEvents, DisclaimerPluginConstants, DisclaimerPluginSettings, DisclaimerPluginParams, DisclaimerPluginState> {
+    name: string;
+    emitAccept: () => undefined;
+    updateEvent: "vne:disclaimer:update";
+    controls: {
+        abstract_accept: () => undefined;
+        abstract_interact: () => undefined;
+    };
+    controlsIndex: number;
+    subscribe: () => void;
+    beforeShow: (args?: {}) => void;
+}

package/dist/modules/controller.js

@@ -0,0 +1,16 @@
+import { ModuleController } from "@vnejs/module.components";
+export class DisclaimerController extends ModuleController {
+    name = "disclaimer.controller";
+    emitAccept = () => void this.emit(this.EVENTS.DISCLAIMER.ACCEPT);
+    updateEvent = this.EVENTS.DISCLAIMER.UPDATE;
+    controls = {
+        [this.CONST.CONTROLS.BUTTONS.ACCEPT]: this.emitAccept,
+        [this.CONST.CONTROLS.BUTTONS.INTERACT]: this.emitAccept,
+    };
+    controlsIndex = this.PARAMS.DISCLAIMER.ZINDEX;
+    subscribe = () => {
+        this.on(this.EVENTS.DISCLAIMER.SHOW, this.onShow);
+        this.on(this.EVENTS.DISCLAIMER.HIDE, this.onHide);
+    };
+    beforeShow = (args = {}) => this.updateState(args);
+}

package/dist/modules/disclaimer.d.ts

@@ -0,0 +1,10 @@
+import { ModuleCore } from "@vnejs/module.core";
+import type { LineExecHandlerArg } from "@vnejs/module.core";
+import type { DisclaimerPluginConstants, DisclaimerPluginEvents, DisclaimerPluginParams, DisclaimerPluginSettings } from "../types.js";
+export declare class Disclaimer extends ModuleCore<DisclaimerPluginEvents, DisclaimerPluginConstants, DisclaimerPluginSettings, DisclaimerPluginParams> {
+    name: string;
+    subscribe: () => void;
+    init: () => Promise<unknown[]> | undefined;
+    onLineExec: ({ line }?: LineExecHandlerArg) => Promise<unknown[]> | undefined;
+    onAccept: () => Promise<void>;
+}

package/dist/modules/disclaimer.js

@@ -0,0 +1,21 @@
+import { tokenizeExecLine } from "@vnejs/helpers";
+import { ModuleCore } from "@vnejs/module.core";
+export class Disclaimer extends ModuleCore {
+    name = "disclaimer";
+    subscribe = () => {
+        this.on(this.EVENTS.DISCLAIMER.ACCEPT, this.onAccept);
+    };
+    init = () => this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineExec });
+    onLineExec = ({ line = "" } = {}) => {
+        const [action = "", id = ""] = tokenizeExecLine(line).map(String);
+        if (action !== this.CONST.DISCLAIMER.EXEC_ACTIONS.SHOW)
+            return;
+        this.emitLog({ action, id });
+        return this.emit(this.EVENTS.DISCLAIMER.SHOW, { id });
+    };
+    onAccept = async () => {
+        this.emitLog({ action: "accept" });
+        await this.emit(this.EVENTS.DISCLAIMER.HIDE);
+        this.emitNext();
+    };
+}

package/dist/modules/view.d.ts

@@ -0,0 +1,11 @@
+import { ModuleView } from "@vnejs/module.components";
+import type { DisclaimerPluginConstants, DisclaimerPluginEvents, DisclaimerPluginParams, DisclaimerPluginSettings } from "../types.js";
+import type { DisclaimerPluginState } from "../utils/disclaimer.js";
+export declare class DisclaimerView extends ModuleView<DisclaimerPluginEvents, DisclaimerPluginConstants, DisclaimerPluginSettings, DisclaimerPluginParams, DisclaimerPluginState> {
+    name: string;
+    locLabel: string;
+    animationTime: number;
+    updateEvent: "vne:disclaimer:update";
+    renderFunc: import("@vnejs/module.components").ViewRenderFunc<DisclaimerPluginState>;
+    updateHandler: (state?: DisclaimerPluginState | undefined) => Promise<void>;
+}

package/dist/modules/view.js

@@ -0,0 +1,10 @@
+import { ModuleView } from "@vnejs/module.components";
+import { render } from "../view/index.js";
+export class DisclaimerView extends ModuleView {
+    name = "disclaimer.view";
+    locLabel = this.PARAMS.DISCLAIMER.LOC_LABEL;
+    animationTime = this.PARAMS.DISCLAIMER.TRANSITION;
+    updateEvent = this.EVENTS.DISCLAIMER.UPDATE;
+    renderFunc = render;
+    updateHandler = this.onUpdateStoreComponent;
+}

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { Constants as ControlsConstants, PluginName as ControlsPluginName } from "@vnejs/contracts.controls";
+import type { Constants as ScenarioConstants, PluginName as ScenarioPluginName, SubscribeEvents as ScenarioSubscribeEvents } from "@vnejs/contracts.core.scenario";
+import type { PluginName as LogsPluginName, SubscribeEvents as LogsSubscribeEvents } from "@vnejs/contracts.core.logs";
+import type { PluginName as LocsPluginName, SubscribeEvents as LocsSubscribeEvents } from "@vnejs/contracts.text.locs";
+import type { Constants, Params, PluginName, SubscribeEvents } from "@vnejs/contracts.views.screens.disclaimer";
+export type DisclaimerPluginEvents = ModuleComponentsEvents & Record<PluginName, SubscribeEvents> & Record<ScenarioPluginName, ScenarioSubscribeEvents> & Record<LogsPluginName, LogsSubscribeEvents> & Record<LocsPluginName, LocsSubscribeEvents>;
+export type DisclaimerPluginConstants = ModuleComponentsConstants & Record<PluginName, Constants> & Record<ControlsPluginName, ControlsConstants> & Record<ScenarioPluginName, ScenarioConstants>;
+export type DisclaimerPluginSettings = ModuleComponentsSettings;
+export type DisclaimerPluginParams = ModuleComponentsParams & Record<PluginName, Params>;

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/disclaimer.d.ts

@@ -0,0 +1,9 @@
+export type DisclaimerPluginState = {
+    isShow: boolean;
+    isForce: boolean;
+    id?: string;
+    locs?: Record<string, string>;
+};
+export type DisclaimerShowPayload = {
+    id?: string;
+};

package/dist/utils/disclaimer.js

@@ -0,0 +1 @@
+export {};

package/dist/view/index.d.ts

@@ -0,0 +1,3 @@
+import type { ViewRenderFunc } from "@vnejs/module.components";
+import type { DisclaimerPluginState } from "../utils/disclaimer.js";
+export declare const render: ViewRenderFunc<DisclaimerPluginState>;

package/dist/view/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Flex, PositionBox, Screen, Text, TextControls, createRenderFunc, useCallback, useMemo, useStoreState } from "@vnejs/uis.react";
+const renderTextLine = ({ text, props }, i) => (_createElement(Text, { ...props, text: text, key: i }));
+const DisclaimerScreen = ({ store, onMount, PARAMS, emit, EVENTS }) => {
+    const { isShow = false, isForce = false, id = "", locs = {} } = useStoreState(store, onMount);
+    const title = locs[`${id}.title`] || "";
+    const body = locs[`${id}.text`] || "";
+    const accept = locs.accept || "";
+    const bodyLines = useMemo(() => body.split("\n").map((text) => ({ text, props: PARAMS.DISCLAIMER.VIEW_PROPS.text })), [body, PARAMS.DISCLAIMER.VIEW_PROPS.text]);
+    const buttonTexts = useMemo(() => (accept ? [{ text: accept, value: true }] : []), [accept]);
+    const onClick = useCallback(() => void emit(EVENTS.DISCLAIMER.ACCEPT), [emit, EVENTS.DISCLAIMER.ACCEPT]);
+    const propsByView = PARAMS.DISCLAIMER.VIEW_PROPS;
+    const propsScreen = useMemo(() => ({ ...propsByView.screen, isShow, isForce }), [isShow, isForce, propsByView.screen]);
+    const propsTitle = useMemo(() => ({ ...propsByView.title, text: title }), [title, propsByView.title]);
+    const propsControls = useMemo(() => ({ ...propsByView.controls, texts: buttonTexts, onClick }), [propsByView.controls, buttonTexts, onClick]);
+    return (_jsx(Screen, { ...propsScreen, children: _jsx(PositionBox, { ...propsByView.position, children: _jsxs(Flex, { ...propsByView.flex, children: [_jsxs(Flex, { ...propsByView.flexTexts, children: [_jsx(Text, { ...propsTitle }), bodyLines.map(renderTextLine)] }), _jsx(TextControls, { ...propsControls })] }) }) }));
+};
+export const render = createRenderFunc(DisclaimerScreen);

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@vnejs/plugins.views.screens.disclaimer",
+  "version": "0.2.1",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "tsconfig.json"
+  ],
+  "scripts": {
+    "test": "npx @vnejs/monorepo test",
+    "build": "npx @vnejs/monorepo package",
+    "publish:major:plugin": "npm run publish:major",
+    "publish:minor:plugin": "npm run publish:minor",
+    "publish:patch:plugin": "npm run publish:patch",
+    "publish:major": "npx @vnejs/monorepo publish major --access public",
+    "publish:minor": "npx @vnejs/monorepo publish minor --access public",
+    "publish:patch": "npx @vnejs/monorepo publish patch --access public"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@vnejs/contracts.views.screens.disclaimer": "~0.2.0"
+  },
+  "peerDependencies": {
+    "@vnejs/helpers": "~0.2.0",
+    "@vnejs/module.core": "~0.2.0",
+    "@vnejs/module.components": "~0.2.0",
+    "@vnejs/contracts.controls": "~0.2.0",
+    "@vnejs/contracts.text.locs": "~0.2.0",
+    "@vnejs/shared": "~0.2.0",
+    "@vnejs/uis.react": "~0.2.0"
+  },
+  "devDependencies": {
+    "@vnejs/configs.ts-common": "~0.2.0",
+    "@vnejs/configs.vitest": "~0.2.0",
+    "@vnejs/test-utils": "~0.2.0",
+    "@vnejs/contracts.controls": "~0.2.0",
+    "@vnejs/contracts.text.locs": "~0.2.0",
+    "@vnejs/contracts.views.screens.disclaimer": "~0.2.0",
+    "@vnejs/helpers": "~0.2.0",
+    "@vnejs/module.core": "~0.2.0",
+    "@vnejs/module.components": "~0.2.0",
+    "@vnejs/shared": "~0.2.0",
+    "@vnejs/uis.react": "~0.2.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+import "@vnejs/contracts.views.screens.disclaimer";
+
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.screens.disclaimer";
+
+import { DisclaimerController } from "./modules/controller.js";
+import { Disclaimer } from "./modules/disclaimer.js";
+import { DisclaimerView } from "./modules/view.js";
+
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS, params: PARAMS }, [DisclaimerController, Disclaimer, DisclaimerView]);

package/src/modules/controller.ts

@@ -0,0 +1,30 @@
+import { ModuleController } from "@vnejs/module.components";
+
+import type { DisclaimerPluginConstants, DisclaimerPluginEvents, DisclaimerPluginParams, DisclaimerPluginSettings } from "../types.js";
+import type { DisclaimerPluginState, DisclaimerShowPayload } from "../utils/disclaimer.js";
+
+export class DisclaimerController extends ModuleController<
+  DisclaimerPluginEvents,
+  DisclaimerPluginConstants,
+  DisclaimerPluginSettings,
+  DisclaimerPluginParams,
+  DisclaimerPluginState
+> {
+  name = "disclaimer.controller";
+
+  emitAccept = () => void this.emit(this.EVENTS.DISCLAIMER.ACCEPT);
+
+  updateEvent = this.EVENTS.DISCLAIMER.UPDATE;
+  controls = {
+    [this.CONST.CONTROLS.BUTTONS.ACCEPT]: this.emitAccept,
+    [this.CONST.CONTROLS.BUTTONS.INTERACT]: this.emitAccept,
+  };
+  controlsIndex = this.PARAMS.DISCLAIMER.ZINDEX;
+
+  subscribe = () => {
+    this.on(this.EVENTS.DISCLAIMER.SHOW, this.onShow);
+    this.on(this.EVENTS.DISCLAIMER.HIDE, this.onHide);
+  };
+
+  beforeShow = (args = {}) => this.updateState(args as DisclaimerShowPayload);
+}

package/src/modules/disclaimer.ts

@@ -0,0 +1,33 @@
+import { tokenizeExecLine } from "@vnejs/helpers";
+import { ModuleCore } from "@vnejs/module.core";
+
+import type { LineExecHandlerArg } from "@vnejs/module.core";
+
+import type { DisclaimerPluginConstants, DisclaimerPluginEvents, DisclaimerPluginParams, DisclaimerPluginSettings } from "../types.js";
+import type { DisclaimerShowPayload } from "../utils/disclaimer.js";
+
+export class Disclaimer extends ModuleCore<DisclaimerPluginEvents, DisclaimerPluginConstants, DisclaimerPluginSettings, DisclaimerPluginParams> {
+  name = "disclaimer";
+
+  subscribe = () => {
+    this.on(this.EVENTS.DISCLAIMER.ACCEPT, this.onAccept);
+  };
+
+  init = () => this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineExec });
+
+  onLineExec = ({ line = "" }: LineExecHandlerArg = {}) => {
+    const [action = "", id = ""] = tokenizeExecLine(line).map(String);
+
+    if (action !== this.CONST.DISCLAIMER.EXEC_ACTIONS.SHOW) return;
+
+    this.emitLog({ action, id });
+
+    return this.emit(this.EVENTS.DISCLAIMER.SHOW, { id } satisfies DisclaimerShowPayload);
+  };
+
+  onAccept = async () => {
+    this.emitLog({ action: "accept" });
+    await this.emit(this.EVENTS.DISCLAIMER.HIDE);
+    this.emitNext();
+  };
+}

package/src/modules/view.ts

@@ -0,0 +1,22 @@
+import { ModuleView } from "@vnejs/module.components";
+
+import { render } from "../view/index.js";
+import type { DisclaimerPluginConstants, DisclaimerPluginEvents, DisclaimerPluginParams, DisclaimerPluginSettings } from "../types.js";
+import type { DisclaimerPluginState } from "../utils/disclaimer.js";
+
+export class DisclaimerView extends ModuleView<
+  DisclaimerPluginEvents,
+  DisclaimerPluginConstants,
+  DisclaimerPluginSettings,
+  DisclaimerPluginParams,
+  DisclaimerPluginState
+> {
+  name = "disclaimer.view";
+
+  locLabel = this.PARAMS.DISCLAIMER.LOC_LABEL;
+  animationTime = this.PARAMS.DISCLAIMER.TRANSITION;
+  updateEvent = this.EVENTS.DISCLAIMER.UPDATE;
+
+  renderFunc = render;
+  updateHandler = this.onUpdateStoreComponent;
+}

package/src/tests/disclaimer.test.ts

@@ -0,0 +1,46 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+import { spyEvent } from "@vnejs/test-utils";
+
+import { Disclaimer } from "../modules/disclaimer.js";
+import { createDisclaimerTestModule, registerDisclaimerPluginVne, SUBSCRIBE_EVENTS } from "./setup.js";
+
+describe("Disclaimer", () => {
+  beforeEach(() => {
+    registerDisclaimerPluginVne();
+  });
+
+  it("line exec show emits SHOW with id", async () => {
+    const { module, observer } = createDisclaimerTestModule(Disclaimer, { subscribe: false });
+    const show = spyEvent(observer, SUBSCRIBE_EVENTS.SHOW);
+
+    await (module as Disclaimer).init();
+    await (module as Disclaimer).onLineExec({ line: "show setting" });
+
+    expect(show).toHaveBeenCalledOnce();
+    expect(show).toHaveBeenCalledWith({ id: "setting" });
+  });
+
+  it("line exec ignores unknown action", async () => {
+    const { module, observer } = createDisclaimerTestModule(Disclaimer, { subscribe: false });
+    const show = spyEvent(observer, SUBSCRIBE_EVENTS.SHOW);
+
+    await (module as Disclaimer).init();
+    await (module as Disclaimer).onLineExec({ line: "setting" });
+
+    expect(show).not.toHaveBeenCalled();
+  });
+
+  it("ACCEPT hides and emits next", async () => {
+    const { observer } = createDisclaimerTestModule(Disclaimer);
+    const hide = spyEvent(observer, SUBSCRIBE_EVENTS.HIDE);
+    const next = vi.fn();
+
+    observer.subscribe("vne:scenario:next", next);
+
+    await observer.emit(SUBSCRIBE_EVENTS.ACCEPT);
+
+    expect(hide).toHaveBeenCalledOnce();
+    expect(next).toHaveBeenCalledOnce();
+  });
+});

package/src/tests/setup.ts

@@ -0,0 +1,35 @@
+import { CONSTANTS as CONTROLS_CONST, PLUGIN_NAME as CONTROLS, SUBSCRIBE_EVENTS as CONTROLS_EVENTS } from "@vnejs/contracts.controls";
+import { CONSTANTS, PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.screens.disclaimer";
+import {
+  createTestModule as baseCreateTestModule,
+  registerCoreVne,
+  registerVnePlugin,
+  stubSilentEvent,
+} from "@vnejs/test-utils";
+
+export const registerDisclaimerPluginVne = () => {
+  registerCoreVne();
+  registerVnePlugin(CONTROLS, { constants: CONTROLS_CONST, events: CONTROLS_EVENTS });
+  registerVnePlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS, params: PARAMS });
+};
+
+export const createDisclaimerTestModule = <T extends Parameters<typeof baseCreateTestModule>[0]>(
+  ModuleClass: T,
+  options: Parameters<typeof baseCreateTestModule>[1] = {},
+) => {
+  const result = baseCreateTestModule(ModuleClass, {
+    state: {
+      disclaimer: { isShow: false, id: "" },
+      ...(options.state ?? {}),
+    },
+    ...options,
+  });
+
+  stubSilentEvent(result.observer, SUBSCRIBE_EVENTS.SHOW);
+  stubSilentEvent(result.observer, SUBSCRIBE_EVENTS.HIDE);
+  stubSilentEvent(result.observer, SUBSCRIBE_EVENTS.UPDATE);
+
+  return result;
+};
+
+export { SUBSCRIBE_EVENTS, PARAMS, PLUGIN_NAME };

package/src/types.ts

@@ -0,0 +1,21 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { Constants as ControlsConstants, PluginName as ControlsPluginName } from "@vnejs/contracts.controls";
+import type { Constants as ScenarioConstants, PluginName as ScenarioPluginName, SubscribeEvents as ScenarioSubscribeEvents } from "@vnejs/contracts.core.scenario";
+import type { PluginName as LogsPluginName, SubscribeEvents as LogsSubscribeEvents } from "@vnejs/contracts.core.logs";
+import type { PluginName as LocsPluginName, SubscribeEvents as LocsSubscribeEvents } from "@vnejs/contracts.text.locs";
+import type { Constants, Params, PluginName, SubscribeEvents } from "@vnejs/contracts.views.screens.disclaimer";
+
+export type DisclaimerPluginEvents = ModuleComponentsEvents &
+  Record<PluginName, SubscribeEvents> &
+  Record<ScenarioPluginName, ScenarioSubscribeEvents> &
+  Record<LogsPluginName, LogsSubscribeEvents> &
+  Record<LocsPluginName, LocsSubscribeEvents>;
+
+export type DisclaimerPluginConstants = ModuleComponentsConstants &
+  Record<PluginName, Constants> &
+  Record<ControlsPluginName, ControlsConstants> &
+  Record<ScenarioPluginName, ScenarioConstants>;
+
+export type DisclaimerPluginSettings = ModuleComponentsSettings;
+
+export type DisclaimerPluginParams = ModuleComponentsParams & Record<PluginName, Params>;

package/src/utils/disclaimer.ts

@@ -0,0 +1,10 @@
+export type DisclaimerPluginState = {
+  isShow: boolean;
+  isForce: boolean;
+  id?: string;
+  locs?: Record<string, string>;
+};
+
+export type DisclaimerShowPayload = {
+  id?: string;
+};

package/src/view/index.tsx

@@ -0,0 +1,64 @@
+import type { ViewRenderFunc } from "@vnejs/module.components";
+import type { ReactComponentProps } from "@vnejs/uis.react";
+import { Flex, PositionBox, Screen, Text, TextControls, createRenderFunc, useCallback, useMemo, useStoreState } from "@vnejs/uis.react";
+
+import type { DisclaimerPluginConstants, DisclaimerPluginEvents, DisclaimerPluginParams, DisclaimerPluginSettings } from "../types.js";
+import type { DisclaimerPluginState } from "../utils/disclaimer.js";
+
+type DisclaimerComponentProps = ReactComponentProps<
+  DisclaimerPluginEvents,
+  DisclaimerPluginConstants,
+  DisclaimerPluginSettings,
+  DisclaimerPluginParams,
+  DisclaimerPluginState
+>;
+
+const renderTextLine = ({ text, props }: { text: string; props: Record<string, unknown> }, i: number) => (
+  <Text
+    {...props}
+    text={text}
+    key={i}
+  />
+);
+
+const DisclaimerScreen = ({ store, onMount, PARAMS, emit, EVENTS }: DisclaimerComponentProps) => {
+  const { isShow = false, isForce = false, id = "", locs = {} } = useStoreState<DisclaimerPluginState>(store, onMount);
+
+  const title = locs[`${id}.title`] || "";
+  const body = locs[`${id}.text`] || "";
+  const accept = locs.accept || "";
+
+  const bodyLines = useMemo(
+    () => body.split("\n").map((text) => ({ text, props: PARAMS.DISCLAIMER.VIEW_PROPS.text })),
+    [body, PARAMS.DISCLAIMER.VIEW_PROPS.text],
+  );
+
+  const buttonTexts = useMemo(() => (accept ? [{ text: accept, value: true }] : []), [accept]);
+
+  const onClick = useCallback(() => void emit(EVENTS.DISCLAIMER.ACCEPT), [emit, EVENTS.DISCLAIMER.ACCEPT]);
+
+  const propsByView = PARAMS.DISCLAIMER.VIEW_PROPS;
+
+  const propsScreen = useMemo(() => ({ ...propsByView.screen, isShow, isForce }), [isShow, isForce, propsByView.screen]);
+  const propsTitle = useMemo(() => ({ ...propsByView.title, text: title }), [title, propsByView.title]);
+  const propsControls = useMemo(
+    () => ({ ...propsByView.controls, texts: buttonTexts, onClick }),
+    [propsByView.controls, buttonTexts, onClick],
+  );
+
+  return (
+    <Screen {...propsScreen}>
+      <PositionBox {...propsByView.position}>
+        <Flex {...propsByView.flex}>
+          <Flex {...propsByView.flexTexts}>
+            <Text {...propsTitle} />
+            {bodyLines.map(renderTextLine)}
+          </Flex>
+          <TextControls {...propsControls} />
+        </Flex>
+      </PositionBox>
+    </Screen>
+  );
+};
+
+export const render: ViewRenderFunc<DisclaimerPluginState> = createRenderFunc(DisclaimerScreen);

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@vnejs/configs.ts-common/tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist",
+    "jsx": "react-jsx"
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["dist", "node_modules", "src/tests"]
+}