@vnejs/plugins.views.screens.confirm 0.1.4 → 0.1.5

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,6 @@
+import { regPlugin } from "@vnejs/shared";
+import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.views.screens.confirm.contract";
+import { ConfirmController } from "./modules/controller.js";
+import { Confirm } from "./modules/confirm.js";
+import { ConfirmView } from "./modules/view.js";
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [ConfirmController, Confirm, ConfirmView]);

package/dist/modules/confirm.d.ts

@@ -0,0 +1,15 @@
+import { Module } from "@vnejs/module";
+import type { ConfirmPluginConstants, ConfirmPluginEvents, ConfirmPluginParams, ConfirmPluginSettings } from "../types.js";
+import type { ConfirmEmitPayload } from "../utils/confirm.js";
+export declare class Confirm extends Module<ConfirmPluginEvents, ConfirmPluginConstants, ConfirmPluginSettings, ConfirmPluginParams> {
+    name: string;
+    acceptCallback?: () => void | Promise<void>;
+    declineCallback?: () => void | Promise<void>;
+    subscribe: () => void;
+    onEmit: ({ onAccept, onDecline, ...args }?: ConfirmEmitPayload) => Promise<unknown[]> | undefined;
+    onClose: () => void;
+    onAccept: () => Promise<(void | unknown[])[]>;
+    onDecline: () => Promise<(void | unknown[])[]>;
+    accept: () => void | Promise<void> | undefined;
+    decline: () => void | Promise<void> | undefined;
+}

package/dist/modules/confirm.js

@@ -0,0 +1,24 @@
+import { Module } from "@vnejs/module";
+export class Confirm extends Module {
+    name = "confirm";
+    acceptCallback;
+    declineCallback;
+    subscribe = () => {
+        this.on(this.EVENTS.CONFIRM.EMIT, this.onEmit);
+        this.on(this.EVENTS.CONFIRM.ACCEPT, this.onAccept);
+        this.on(this.EVENTS.CONFIRM.DECLINE, this.onDecline);
+    };
+    onEmit = ({ onAccept, onDecline, ...args } = {}) => {
+        this.acceptCallback = onAccept;
+        this.declineCallback = onDecline;
+        return this.emit(this.EVENTS.CONFIRM.SHOW, { ...args, onClose: this.onClose });
+    };
+    onClose = () => {
+        delete this.acceptCallback;
+        delete this.declineCallback;
+    };
+    onAccept = () => Promise.all([this.accept(), this.emit(this.EVENTS.CONFIRM.HIDE)].filter(Boolean));
+    onDecline = () => Promise.all([this.decline(), this.emit(this.EVENTS.CONFIRM.HIDE)].filter(Boolean));
+    accept = () => this.acceptCallback?.();
+    decline = () => this.declineCallback?.();
+}

package/dist/modules/controller.d.ts

@@ -0,0 +1,18 @@
+import { ModuleController } from "@vnejs/module.components";
+import type { ConfirmPluginConstants, ConfirmPluginEvents, ConfirmPluginParams, ConfirmPluginSettings } from "../types.js";
+import type { ConfirmPluginState } from "../utils/confirm.js";
+export declare class ConfirmController extends ModuleController<ConfirmPluginEvents, ConfirmPluginConstants, ConfirmPluginSettings, ConfirmPluginParams, ConfirmPluginState> {
+    name: string;
+    maxCurrentItem: number;
+    updateEvent: "vne:confirm:update";
+    controls: {
+        abstract_interact: () => undefined;
+        abstract_accept: () => undefined;
+        abstract_back: () => undefined;
+        abstract_arrow_left: () => Promise<void>;
+        abstract_arrow_right: () => Promise<void>;
+    };
+    controlsIndex: number;
+    subscribe: () => void;
+    beforeShow: (args?: {}) => void;
+}

package/dist/modules/controller.js

@@ -0,0 +1,20 @@
+import { ModuleController } from "@vnejs/module.components";
+export class ConfirmController extends ModuleController {
+    name = "confirm.controller";
+    maxCurrentItem = 1;
+    updateEvent = this.EVENTS.CONFIRM.UPDATE;
+    controls = {
+        [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.emit(this.maxCurrentItem === 0 ? this.EVENTS.CONFIRM.ACCEPT : this.EVENTS.CONFIRM.DECLINE),
+        [this.CONST.CONTROLS.BUTTONS.ACCEPT]: () => void this.emit(this.EVENTS.CONFIRM.ACCEPT),
+        [this.CONST.CONTROLS.BUTTONS.BACK]: () => void this.emit(this.EVENTS.CONFIRM.DECLINE),
+        [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: this.decCurrentItem,
+        [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: this.incCurrentItem,
+    };
+    controlsIndex = this.PARAMS.CONFIRM.ZINDEX;
+    subscribe = () => {
+        this.on(this.EVENTS.CONFIRM.SHOW, this.onShow);
+        this.on(this.EVENTS.CONFIRM.HIDE, this.onHide);
+        this.on(this.EVENTS.STATE.CLEAR, this.onHide);
+    };
+    beforeShow = (args = {}) => this.updateState(args);
+}

package/dist/modules/view.d.ts

@@ -0,0 +1,10 @@
+import { ModuleView } from "@vnejs/module.components";
+import type { ConfirmPluginConstants, ConfirmPluginEvents, ConfirmPluginParams, ConfirmPluginSettings } from "../types.js";
+import type { ConfirmPluginState } from "../utils/confirm.js";
+export declare class ConfirmView extends ModuleView<ConfirmPluginEvents, ConfirmPluginConstants, ConfirmPluginSettings, ConfirmPluginParams, ConfirmPluginState> {
+    name: string;
+    animationTime: number;
+    updateEvent: "vne:confirm:update";
+    renderFunc: import("@vnejs/module.components").ViewRenderFunc<ConfirmPluginState>;
+    updateHandler: (state?: ConfirmPluginState | undefined) => Promise<void>;
+}

package/dist/modules/view.js

@@ -0,0 +1,9 @@
+import { ModuleView } from "@vnejs/module.components";
+import { render } from "../view/index.js";
+export class ConfirmView extends ModuleView {
+    name = "confirm.view";
+    animationTime = this.PARAMS.CONFIRM.TRANSITION;
+    updateEvent = this.EVENTS.CONFIRM.UPDATE;
+    renderFunc = render;
+    updateHandler = this.onUpdateStoreComponent;
+}

package/dist/types.d.ts

@@ -0,0 +1,8 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { Constants as ControlsConstants, PluginName as ControlsPluginName } from "@vnejs/plugins.controls.contract";
+import type { PluginName as StatePluginName, SubscribeEvents as StateSubscribeEvents } from "@vnejs/plugins.core.state.contract";
+import type { Params, PluginName, SubscribeEvents } from "@vnejs/plugins.views.screens.confirm.contract";
+export type ConfirmPluginEvents = ModuleComponentsEvents & Record<PluginName, SubscribeEvents> & Record<StatePluginName, StateSubscribeEvents>;
+export type ConfirmPluginConstants = ModuleComponentsConstants & Record<ControlsPluginName, ControlsConstants>;
+export type ConfirmPluginSettings = ModuleComponentsSettings;
+export type ConfirmPluginParams = ModuleComponentsParams & Record<PluginName, Params>;

package/dist/types.js

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

package/dist/utils/confirm.d.ts

@@ -0,0 +1,17 @@
+export type ConfirmPluginState = {
+    isShow: boolean;
+    isForce: boolean;
+    text?: string;
+    textAccept?: string;
+    textDecline?: string;
+    currentItem?: number | null;
+};
+export type ConfirmEmitPayload = {
+    onAccept?: () => void | Promise<void>;
+    onDecline?: () => void | Promise<void>;
+    text?: string;
+    textAccept?: string;
+    textDecline?: string;
+    onClose?: () => void;
+};
+export type ConfirmShowPayload = Omit<ConfirmEmitPayload, "onAccept" | "onDecline">;

package/dist/utils/confirm.js

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

package/dist/view/index.d.ts

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

package/dist/view/index.js

@@ -0,0 +1,16 @@
+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 renderTitleLine = ({ text, props }) => (_createElement(Text, { ...props, text: text, key: text }));
+const mapChoices = (text, i) => ({ text, value: i === 0 });
+const ConfirmView = ({ store, onMount, PARAMS, emit, EVENTS }) => {
+    const { isShow = false, isForce = false, text = "", textAccept = "", textDecline = "", currentItem: selectedIndex = null, } = useStoreState(store, onMount);
+    const texts = useMemo(() => [textAccept, textDecline].filter(Boolean).map(mapChoices), [textAccept, textDecline]);
+    const onClick = useCallback((isAccept) => void emit(isAccept ? EVENTS.CONFIRM.ACCEPT : EVENTS.CONFIRM.DECLINE), [emit, EVENTS.CONFIRM.ACCEPT, EVENTS.CONFIRM.DECLINE]);
+    const propsView = PARAMS.CONFIRM.VIEW_PROPS;
+    const propsScreen = useMemo(() => ({ ...propsView.screen, isShow, isForce }), [isShow, isForce, propsView.screen]);
+    const propsControls = useMemo(() => ({ ...propsView.controls, selectedIndex: selectedIndex ?? undefined, texts, onClick }), [propsView.controls, selectedIndex, texts, onClick]);
+    const textsWithProps = useMemo(() => (text || "").split("\n").map((line) => ({ text: line, props: propsView.text })), [text, propsView.text]);
+    return (_jsx(Screen, { ...propsScreen, children: _jsx(PositionBox, { ...propsView.position, children: _jsxs(Flex, { ...propsView.flex, children: [_jsx(Flex, { ...propsView.flexTitles, children: textsWithProps.map(renderTitleLine) }), _jsx(TextControls, { ...propsControls })] }) }) }));
+};
+export const render = createRenderFunc(ConfirmView);

package/package.json

@@ -1,17 +1,46 @@
 {
   "name": "@vnejs/plugins.views.screens.confirm",
-  "version": "0.1.4",
-  "main": "index.js",
+  "version": "0.1.5",
+  "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": "echo \"Error: no test specified\" && exit 1",
+    "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": "npm version major && npm publish --access public",
-    "publish:minor": "npm version minor && npm publish --access public",
-    "publish:patch": "npm version patch && npm publish --access public"
+    "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",
-  "description": ""
+  "dependencies": {
+    "@vnejs/plugins.views.screens.confirm.contract": "~0.0.1"
+  },
+  "peerDependencies": {
+    "@vnejs/module": "~0.0.1",
+    "@vnejs/module.components": "~0.0.1",
+    "@vnejs/plugins.controls.contract": "~0.0.1",
+    "@vnejs/plugins.core.state.contract": "~0.0.1",
+    "@vnejs/shared": "~0.0.9",
+    "@vnejs/uis.react": "~0.1.0"
+  },
+  "devDependencies": {
+    "@vnejs/configs.ts-common": "~0.0.1"
+  }
 }

package/src/index.ts

@@ -0,0 +1,8 @@
+import { regPlugin } from "@vnejs/shared";
+import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.views.screens.confirm.contract";
+
+import { ConfirmController } from "./modules/controller.js";
+import { Confirm } from "./modules/confirm.js";
+import { ConfirmView } from "./modules/view.js";
+
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [ConfirmController, Confirm, ConfirmView]);

package/src/modules/confirm.ts

@@ -0,0 +1,33 @@
+import { Module } from "@vnejs/module";
+
+import type { ConfirmPluginConstants, ConfirmPluginEvents, ConfirmPluginParams, ConfirmPluginSettings } from "../types.js";
+import type { ConfirmEmitPayload } from "../utils/confirm.js";
+
+export class Confirm extends Module<ConfirmPluginEvents, ConfirmPluginConstants, ConfirmPluginSettings, ConfirmPluginParams> {
+  name = "confirm";
+
+  acceptCallback?: () => void | Promise<void>;
+  declineCallback?: () => void | Promise<void>;
+
+  subscribe = () => {
+    this.on(this.EVENTS.CONFIRM.EMIT, this.onEmit);
+    this.on(this.EVENTS.CONFIRM.ACCEPT, this.onAccept);
+    this.on(this.EVENTS.CONFIRM.DECLINE, this.onDecline);
+  };
+
+  onEmit = ({ onAccept, onDecline, ...args }: ConfirmEmitPayload = {}) => {
+    this.acceptCallback = onAccept;
+    this.declineCallback = onDecline;
+    return this.emit(this.EVENTS.CONFIRM.SHOW, { ...args, onClose: this.onClose });
+  };
+
+  onClose = () => {
+    delete this.acceptCallback;
+    delete this.declineCallback;
+  };
+
+  onAccept = () => Promise.all([this.accept(), this.emit(this.EVENTS.CONFIRM.HIDE)].filter(Boolean));
+  onDecline = () => Promise.all([this.decline(), this.emit(this.EVENTS.CONFIRM.HIDE)].filter(Boolean));
+  accept = () => this.acceptCallback?.();
+  decline = () => this.declineCallback?.();
+}

package/src/modules/controller.ts

@@ -0,0 +1,36 @@
+import { ModuleController } from "@vnejs/module.components";
+
+import type { ConfirmPluginConstants, ConfirmPluginEvents, ConfirmPluginParams, ConfirmPluginSettings } from "../types.js";
+import type { ConfirmPluginState } from "../utils/confirm.js";
+
+export class ConfirmController extends ModuleController<
+  ConfirmPluginEvents,
+  ConfirmPluginConstants,
+  ConfirmPluginSettings,
+  ConfirmPluginParams,
+  ConfirmPluginState
+> {
+  name = "confirm.controller";
+
+  maxCurrentItem = 1;
+
+  updateEvent = this.EVENTS.CONFIRM.UPDATE;
+  controls = {
+    [this.CONST.CONTROLS.BUTTONS.INTERACT]: () =>
+      void this.emit(this.maxCurrentItem === 0 ? this.EVENTS.CONFIRM.ACCEPT : this.EVENTS.CONFIRM.DECLINE),
+    [this.CONST.CONTROLS.BUTTONS.ACCEPT]: () => void this.emit(this.EVENTS.CONFIRM.ACCEPT),
+    [this.CONST.CONTROLS.BUTTONS.BACK]: () => void this.emit(this.EVENTS.CONFIRM.DECLINE),
+    [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: this.decCurrentItem,
+    [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: this.incCurrentItem,
+  };
+  controlsIndex = this.PARAMS.CONFIRM.ZINDEX;
+
+  subscribe = () => {
+    this.on(this.EVENTS.CONFIRM.SHOW, this.onShow);
+    this.on(this.EVENTS.CONFIRM.HIDE, this.onHide);
+
+    this.on(this.EVENTS.STATE.CLEAR, this.onHide);
+  };
+
+  beforeShow = (args = {}) => this.updateState(args as Partial<ConfirmPluginState>);
+}

package/src/modules/view.ts

@@ -0,0 +1,21 @@
+import { ModuleView } from "@vnejs/module.components";
+
+import { render } from "../view/index.js";
+import type { ConfirmPluginConstants, ConfirmPluginEvents, ConfirmPluginParams, ConfirmPluginSettings } from "../types.js";
+import type { ConfirmPluginState } from "../utils/confirm.js";
+
+export class ConfirmView extends ModuleView<
+  ConfirmPluginEvents,
+  ConfirmPluginConstants,
+  ConfirmPluginSettings,
+  ConfirmPluginParams,
+  ConfirmPluginState
+> {
+  name = "confirm.view";
+
+  animationTime = this.PARAMS.CONFIRM.TRANSITION;
+  updateEvent = this.EVENTS.CONFIRM.UPDATE;
+
+  renderFunc = render;
+  updateHandler = this.onUpdateStoreComponent;
+}

package/src/types.ts

@@ -0,0 +1,14 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { Constants as ControlsConstants, PluginName as ControlsPluginName } from "@vnejs/plugins.controls.contract";
+import type { PluginName as StatePluginName, SubscribeEvents as StateSubscribeEvents } from "@vnejs/plugins.core.state.contract";
+import type { Params, PluginName, SubscribeEvents } from "@vnejs/plugins.views.screens.confirm.contract";
+
+export type ConfirmPluginEvents = ModuleComponentsEvents &
+  Record<PluginName, SubscribeEvents> &
+  Record<StatePluginName, StateSubscribeEvents>;
+
+export type ConfirmPluginConstants = ModuleComponentsConstants & Record<ControlsPluginName, ControlsConstants>;
+
+export type ConfirmPluginSettings = ModuleComponentsSettings;
+
+export type ConfirmPluginParams = ModuleComponentsParams & Record<PluginName, Params>;

package/src/utils/confirm.ts

@@ -0,0 +1,19 @@
+export type ConfirmPluginState = {
+  isShow: boolean;
+  isForce: boolean;
+  text?: string;
+  textAccept?: string;
+  textDecline?: string;
+  currentItem?: number | null;
+};
+
+export type ConfirmEmitPayload = {
+  onAccept?: () => void | Promise<void>;
+  onDecline?: () => void | Promise<void>;
+  text?: string;
+  textAccept?: string;
+  textDecline?: string;
+  onClose?: () => void;
+};
+
+export type ConfirmShowPayload = Omit<ConfirmEmitPayload, "onAccept" | "onDecline">;

package/src/view/index.tsx

@@ -0,0 +1,68 @@
+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 { ConfirmPluginConstants, ConfirmPluginEvents, ConfirmPluginParams, ConfirmPluginSettings } from "../types.js";
+import type { ConfirmPluginState } from "../utils/confirm.js";
+
+type ConfirmComponentProps = ReactComponentProps<
+  ConfirmPluginEvents,
+  ConfirmPluginConstants,
+  ConfirmPluginSettings,
+  ConfirmPluginParams,
+  ConfirmPluginState
+>;
+
+const renderTitleLine = ({ text, props }: { text: string; props: Record<string, unknown> }) => (
+  <Text
+    {...props}
+    text={text}
+    key={text}
+  />
+);
+
+const mapChoices = (text: string, i: number) => ({ text, value: i === 0 });
+
+const ConfirmView = ({ store, onMount, PARAMS, emit, EVENTS }: ConfirmComponentProps) => {
+  const {
+    isShow = false,
+    isForce = false,
+    text = "",
+    textAccept = "",
+    textDecline = "",
+    currentItem: selectedIndex = null,
+  } = useStoreState<ConfirmPluginState>(store, onMount);
+
+  const texts = useMemo(() => [textAccept, textDecline].filter(Boolean).map(mapChoices), [textAccept, textDecline]);
+
+  const onClick = useCallback(
+    (isAccept?: unknown) => void emit(isAccept ? EVENTS.CONFIRM.ACCEPT : EVENTS.CONFIRM.DECLINE),
+    [emit, EVENTS.CONFIRM.ACCEPT, EVENTS.CONFIRM.DECLINE],
+  );
+
+  const propsView = PARAMS.CONFIRM.VIEW_PROPS;
+
+  const propsScreen = useMemo(() => ({ ...propsView.screen, isShow, isForce }), [isShow, isForce, propsView.screen]);
+  const propsControls = useMemo(
+    () => ({ ...propsView.controls, selectedIndex: selectedIndex ?? undefined, texts, onClick }),
+    [propsView.controls, selectedIndex, texts, onClick],
+  );
+
+  const textsWithProps = useMemo(
+    () => (text || "").split("\n").map((line) => ({ text: line, props: propsView.text })),
+    [text, propsView.text],
+  );
+
+  return (
+    <Screen {...propsScreen}>
+      <PositionBox {...propsView.position}>
+        <Flex {...propsView.flex}>
+          <Flex {...propsView.flexTitles}>{textsWithProps.map(renderTitleLine)}</Flex>
+          <TextControls {...propsControls} />
+        </Flex>
+      </PositionBox>
+    </Screen>
+  );
+};
+
+export const render: ViewRenderFunc<ConfirmPluginState> = createRenderFunc(ConfirmView);

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"]
+}

package/const/events.js

@@ -1,9 +0,0 @@
-export const SUBSCRIBE_EVENTS = {
-  SHOW: "vne:confirm:show",
-  HIDE: "vne:confirm:hide",
-  EMIT: "vne:confirm:emit",
-  UPDATE: "vne:confirm:update",
-  ACCEPT: "vne:confirm:accept",
-  CHOOSE: "vne:confirm:choose",
-  DECLINE: "vne:confirm:decline",
-};

package/const/params.js

@@ -1,11 +0,0 @@
-export const TRANSITION = 500;
-export const ZINDEX = 9000;
-
-export const VIEW_PROPS = {
-  screen: { withBlur: true, withDark: true, zIndex: ZINDEX, transition: TRANSITION },
-  position: { isCentered: true },
-  flex: { direction: "column", gap: 60 },
-  flexTitles: { direction: "column", gap: 12 },
-  controls: { wrapWidth: 3120, flexGap: 0, flexJustify: "center", textSize: 72, textWidth: 780, textAlign: "center" },
-  text: { size: 96, width: 3120, align: "center" },
-};

package/index.js

@@ -1,11 +0,0 @@
-import { regPlugin } from "@vnejs/shared";
-
-import { SUBSCRIBE_EVENTS } from "./const/events";
-
-import * as params from "./const/params";
-
-import { Confirm } from "./modules/confirm";
-import { ConfirmController } from "./modules/controller";
-import { ConfirmView } from "./modules/view";
-
-regPlugin("CONFIRM", { events: SUBSCRIBE_EVENTS, params }, [Confirm, ConfirmController, ConfirmView]);

package/modules/confirm.js

@@ -1,27 +0,0 @@
-import { Module } from "@vnejs/module";
-
-export class Confirm extends Module {
-  name = "confirm";
-
-  subscribe = () => {
-    this.on(this.EVENTS.CONFIRM.EMIT, this.onEmit);
-    this.on(this.EVENTS.CONFIRM.ACCEPT, this.onAccept);
-    this.on(this.EVENTS.CONFIRM.DECLINE, this.onDecline);
-  };
-
-  onEmit = ({ onAccept, onDecline, ...args } = {}) => {
-    this.onAccept = onAccept;
-    this.onDecline = onDecline;
-    return this.emit(this.EVENTS.CONFIRM.SHOW, { ...args, onClose: this.onClose });
-  };
-
-  onClose = () => {
-    delete this.onAccept;
-    delete this.onDecline;
-  };
-
-  onAccept = () => Promise.all([this.accept(), this.emit(this.EVENTS.CONFIRM.HIDE)].filter(Boolean));
-  onDecline = () => Promise.all([this.decline(), this.emit(this.EVENTS.CONFIRM.HIDE)].filter(Boolean));
-  accept = () => this.onAccept && this.onAccept();
-  decline = () => this.onDecline && this.onDecline();
-}

package/modules/controller.js

@@ -1,26 +0,0 @@
-import { ModuleController } from "@vnejs/module.components";
-
-export class ConfirmController extends ModuleController {
-  name = "confirm.controller";
-
-  maxCurrentItem = 1;
-
-  updateEvent = this.EVENTS.CONFIRM.UPDATE;
-  controls = {
-    [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => this.emit(this.maxCurrentItem === 0 ? this.EVENTS.CONFIRM.ACCEPT : this.EVENTS.CONFIRM.DECLINE),
-    [this.CONST.CONTROLS.BUTTONS.ACCEPT]: () => this.emit(this.EVENTS.CONFIRM.ACCEPT),
-    [this.CONST.CONTROLS.BUTTONS.BACK]: () => this.emit(this.EVENTS.CONFIRM.DECLINE),
-    [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: this.decCurrentItem,
-    [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: this.incCurrentItem,
-  };
-  controlsIndex = this.PARAMS.CONFIRM.ZINDEX;
-
-  subscribe = () => {
-    this.on(this.EVENTS.CONFIRM.SHOW, this.onShow);
-    this.on(this.EVENTS.CONFIRM.HIDE, this.onHide);
-
-    this.on(this.EVENTS.STATE.CLEAR, this.onHide);
-  };
-
-  beforeShow = (args) => this.setState(args);
-}

package/modules/view.js

@@ -1,13 +0,0 @@
-import { ModuleView } from "@vnejs/module.components";
-
-import { render } from "../view";
-
-export class ConfirmView extends ModuleView {
-  name = "confirm.view";
-
-  animationTime = this.PARAMS.CONFIRM.TRANSITION;
-  updateEvent = this.EVENTS.CONFIRM.UPDATE;
-
-  renderFunc = render;
-  updateHandler = this.onUpdateStoreComponent;
-}

package/view/index.jsx

@@ -1,45 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { createRoot } from "react-dom/client";
-
-import { Flex, PositionBox, Screen, Text, TextControls } from "@vnejs/uis.react";
-
-const renderTitleLine = ({ text, props } = {}) => (
-  <Text
-    {...props}
-    text={text}
-    key={text}
-  />
-);
-
-const mapChoises = (text, i) => ({ text, value: i === 0 });
-
-const ConfirmView = ({ store, onMount, ...props } = {}) => {
-  const [{ isShow = false, isForce = false, text = "", textAccept = "", textDecline = "", currentItem: selectedIndex = null }, setState] = useState({});
-
-  useEffect(() => store.subscribe(setState), []);
-  useEffect(() => void onMount(), []);
-
-  const texts = useMemo(() => [textAccept, textDecline].filter(Boolean).map(mapChoises), [textAccept, textDecline]);
-
-  const onClick = useCallback((isAccept) => props.emit(isAccept ? props.EVENTS.CONFIRM.ACCEPT : props.EVENTS.CONFIRM.DECLINE), []);
-
-  const propsView = props.PARAMS.CONFIRM.VIEW_PROPS;
-
-  const propsScreen = useMemo(() => ({ ...propsView.screen, isShow, isForce }), [isShow, isForce]);
-  const propsControls = useMemo(() => ({ ...propsView.controls, selectedIndex, texts, onClick }), [selectedIndex, texts]);
-
-  const textsWithProps = useMemo(() => (text || "").split("\n").map((text = "") => ({ text, props: propsView.text })), [text]);
-
-  return (
-    <Screen {...propsScreen}>
-      <PositionBox {...propsView.position}>
-        <Flex {...propsView.flex}>
-          <Flex {...propsView.flexTitles}>{textsWithProps.map(renderTitleLine)}</Flex>
-          <TextControls {...propsControls} />
-        </Flex>
-      </PositionBox>
-    </Screen>
-  );
-};
-
-export const render = (props, root) => createRoot(root).render(<ConfirmView {...props} />);