@quantabit/modal-sdk 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 QuantaBit Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,35 @@
+# @quantabit/modal-sdk
+
+> Universal modal, dialog, drawer, and bottom-sheet components
+
+## Components
+
+- **Modal** — Centered popup with backdrop blur
+- **ConfirmDialog** — Confirm/Cancel with danger/warning variants
+- **Drawer** — Side panel (left/right/top/bottom)
+- **BottomSheet** — Mobile-friendly bottom drawer
+- **useModal** — Hook with open/close/toggle
+- **modal.confirm()** — Imperative confirm dialog
+
+```jsx
+import { Modal, ConfirmDialog, Drawer, useModal } from '@quantabit/modal-sdk';
+
+const { visible, open, close } = useModal();
+<Modal visible={visible} onClose={close} title="Settings">Content</Modal>
+<ConfirmDialog visible={v} onConfirm={del} variant="danger" title="Delete?" />
+<Drawer visible={v} placement="right" title="Details">...</Drawer>
+```
+
+## License
+MIT © QuantaBit Team
+
+
+
+---
+
+## 🌐 Brand & Links
+- Official Mainnet: [QuantaBit Chain](https://qbitchain.io/)
+- Developer Platform: [Developer Platform](https://developer.quantabit.io/)
+- Open Platform: [Open Platform](https://open.quantabit.io/)
+- Payment Platform: [Pay Platform](https://pay.qbitwallet.io/)
+- Feedback: [Feedback](https://xwin.live/qbit)

package/dist/index.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+var react = require('react');
+
+function Modal() {
+  return null;
+}
+function ConfirmDialog() {
+  return null;
+}
+function Drawer() {
+  return null;
+}
+function BottomSheet() {
+  return null;
+}
+
+function useModal(defaultVisible = false) {
+  const [visible, setVisible] = react.useState(defaultVisible);
+  const [data, setData] = react.useState(null);
+  const open = react.useCallback(d => {
+    setData(d || null);
+    setVisible(true);
+  }, []);
+  const close = react.useCallback(() => {
+    setVisible(false);
+    setData(null);
+  }, []);
+  const toggle = react.useCallback(() => setVisible(v => !v), []);
+  return {
+    visible,
+    data,
+    open,
+    close,
+    toggle
+  };
+}
+
+/**
+ * 命令式 Modal API
+ * modal.confirm({ title, description, onConfirm })
+ * modal.alert({ title, description })
+ */
+let _listeners = [];
+const modal = {
+  _dispatch(data) {
+    _listeners.forEach(fn => fn(data));
+  },
+  subscribe(fn) {
+    _listeners.push(fn);
+    return () => {
+      _listeners = _listeners.filter(l => l !== fn);
+    };
+  },
+  confirm(options = {}) {
+    return new Promise(resolve => {
+      modal._dispatch({
+        type: 'confirm',
+        ...options,
+        resolve
+      });
+    });
+  },
+  alert(options = {}) {
+    return new Promise(resolve => {
+      modal._dispatch({
+        type: 'alert',
+        ...options,
+        resolve
+      });
+    });
+  }
+};
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  en: {
+    "modal.confirm": "Confirm",
+    "modal.cancel": "Cancel",
+    "modal.close": "Close",
+    "modal.ok": "OK"
+  },
+  zh: {
+    "modal.confirm": "确认",
+    "modal.cancel": "取消",
+    "modal.close": "关闭",
+    "modal.ok": "好的"
+  },
+  ja: {
+    "modal.confirm": "確認",
+    "modal.cancel": "キャンセル",
+    "modal.close": "閉じる",
+    "modal.ok": "OK"
+  },
+  ko: {
+    "modal.confirm": "확인",
+    "modal.cancel": "취소",
+    "modal.close": "닫기",
+    "modal.ok": "확인"
+  }
+};
+let currentLang = 'en';
+function setLanguage(l) {
+  if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l;
+}
+function getLanguage() {
+  return currentLang;
+}
+function t(k) {
+  return messages[currentLang]?.[k] || messages.en?.[k] || k;
+}
+
+exports.BottomSheet = BottomSheet;
+exports.ConfirmDialog = ConfirmDialog;
+exports.Drawer = Drawer;
+exports.Modal = Modal;
+exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+exports.getLanguage = getLanguage;
+exports.messages = messages;
+exports.modal = modal;
+exports.setLanguage = setLanguage;
+exports.t = t;
+exports.useModal = useModal;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/components/Modal.jsx","../src/hooks/useModal.js","../src/core/api.js","../src/i18n/index.js"],"sourcesContent":["import React from 'react';\n\nexport function Modal() { return null; }\nexport function ConfirmDialog() { return null; }\nexport function Drawer() { return null; }\nexport function BottomSheet() { return null; }\nexport default Modal;\n","import { useState, useCallback } from 'react';\nexport function useModal(defaultVisible = false) {\n  const [visible, setVisible] = useState(defaultVisible);\n  const [data, setData] = useState(null);\n  const open = useCallback((d) => { setData(d || null); setVisible(true); }, []);\n  const close = useCallback(() => { setVisible(false); setData(null); }, []);\n  const toggle = useCallback(() => setVisible(v => !v), []);\n  return { visible, data, open, close, toggle };\n}\n","/**\n * 命令式 Modal API\n * modal.confirm({ title, description, onConfirm })\n * modal.alert({ title, description })\n */\nlet _listeners = [];\nexport const modal = {\n  _dispatch(data) { _listeners.forEach(fn => fn(data)); },\n  subscribe(fn) { _listeners.push(fn); return () => { _listeners = _listeners.filter(l => l !== fn); }; },\n  confirm(options = {}) {\n    return new Promise((resolve) => {\n      modal._dispatch({ type: 'confirm', ...options, resolve });\n    });\n  },\n  alert(options = {}) {\n    return new Promise((resolve) => {\n      modal._dispatch({ type: 'alert', ...options, resolve });\n    });\n  },\n};\n","export const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];\nexport const messages = {\n  en: {\n  \"modal.confirm\": \"Confirm\",\n  \"modal.cancel\": \"Cancel\",\n  \"modal.close\": \"Close\",\n  \"modal.ok\": \"OK\"\n},\n  zh: {\n  \"modal.confirm\": \"确认\",\n  \"modal.cancel\": \"取消\",\n  \"modal.close\": \"关闭\",\n  \"modal.ok\": \"好的\"\n},\n  ja: {\n  \"modal.confirm\": \"確認\",\n  \"modal.cancel\": \"キャンセル\",\n  \"modal.close\": \"閉じる\",\n  \"modal.ok\": \"OK\"\n},\n  ko: {\n  \"modal.confirm\": \"확인\",\n  \"modal.cancel\": \"취소\",\n  \"modal.close\": \"닫기\",\n  \"modal.ok\": \"확인\"\n}\n};\nlet currentLang = 'en';\nexport function setLanguage(l) { if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l; }\nexport function getLanguage() { return currentLang; }\nexport function t(k) { return messages[currentLang]?.[k] || messages.en?.[k] || k; }\n"],"names":["Modal","ConfirmDialog","Drawer","BottomSheet","useModal","defaultVisible","visible","setVisible","useState","data","setData","open","useCallback","d","close","toggle","v","_listeners","modal","_dispatch","forEach","fn","subscribe","push","filter","l","confirm","options","Promise","resolve","type","alert","SUPPORTED_LANGUAGES","messages","en","zh","ja","ko","currentLang","setLanguage","includes","getLanguage","t","k"],"mappings":"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"}

package/dist/index.esm.js

@@ -0,0 +1,112 @@
+import { useState, useCallback } from 'react';
+
+function Modal() {
+  return null;
+}
+function ConfirmDialog() {
+  return null;
+}
+function Drawer() {
+  return null;
+}
+function BottomSheet() {
+  return null;
+}
+
+function useModal(defaultVisible = false) {
+  const [visible, setVisible] = useState(defaultVisible);
+  const [data, setData] = useState(null);
+  const open = useCallback(d => {
+    setData(d || null);
+    setVisible(true);
+  }, []);
+  const close = useCallback(() => {
+    setVisible(false);
+    setData(null);
+  }, []);
+  const toggle = useCallback(() => setVisible(v => !v), []);
+  return {
+    visible,
+    data,
+    open,
+    close,
+    toggle
+  };
+}
+
+/**
+ * 命令式 Modal API
+ * modal.confirm({ title, description, onConfirm })
+ * modal.alert({ title, description })
+ */
+let _listeners = [];
+const modal = {
+  _dispatch(data) {
+    _listeners.forEach(fn => fn(data));
+  },
+  subscribe(fn) {
+    _listeners.push(fn);
+    return () => {
+      _listeners = _listeners.filter(l => l !== fn);
+    };
+  },
+  confirm(options = {}) {
+    return new Promise(resolve => {
+      modal._dispatch({
+        type: 'confirm',
+        ...options,
+        resolve
+      });
+    });
+  },
+  alert(options = {}) {
+    return new Promise(resolve => {
+      modal._dispatch({
+        type: 'alert',
+        ...options,
+        resolve
+      });
+    });
+  }
+};
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  en: {
+    "modal.confirm": "Confirm",
+    "modal.cancel": "Cancel",
+    "modal.close": "Close",
+    "modal.ok": "OK"
+  },
+  zh: {
+    "modal.confirm": "确认",
+    "modal.cancel": "取消",
+    "modal.close": "关闭",
+    "modal.ok": "好的"
+  },
+  ja: {
+    "modal.confirm": "確認",
+    "modal.cancel": "キャンセル",
+    "modal.close": "閉じる",
+    "modal.ok": "OK"
+  },
+  ko: {
+    "modal.confirm": "확인",
+    "modal.cancel": "취소",
+    "modal.close": "닫기",
+    "modal.ok": "확인"
+  }
+};
+let currentLang = 'en';
+function setLanguage(l) {
+  if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l;
+}
+function getLanguage() {
+  return currentLang;
+}
+function t(k) {
+  return messages[currentLang]?.[k] || messages.en?.[k] || k;
+}
+
+export { BottomSheet, ConfirmDialog, Drawer, Modal, SUPPORTED_LANGUAGES, getLanguage, messages, modal, setLanguage, t, useModal };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/Modal.jsx","../src/hooks/useModal.js","../src/core/api.js","../src/i18n/index.js"],"sourcesContent":["import React from 'react';\n\nexport function Modal() { return null; }\nexport function ConfirmDialog() { return null; }\nexport function Drawer() { return null; }\nexport function BottomSheet() { return null; }\nexport default Modal;\n","import { useState, useCallback } from 'react';\nexport function useModal(defaultVisible = false) {\n  const [visible, setVisible] = useState(defaultVisible);\n  const [data, setData] = useState(null);\n  const open = useCallback((d) => { setData(d || null); setVisible(true); }, []);\n  const close = useCallback(() => { setVisible(false); setData(null); }, []);\n  const toggle = useCallback(() => setVisible(v => !v), []);\n  return { visible, data, open, close, toggle };\n}\n","/**\n * 命令式 Modal API\n * modal.confirm({ title, description, onConfirm })\n * modal.alert({ title, description })\n */\nlet _listeners = [];\nexport const modal = {\n  _dispatch(data) { _listeners.forEach(fn => fn(data)); },\n  subscribe(fn) { _listeners.push(fn); return () => { _listeners = _listeners.filter(l => l !== fn); }; },\n  confirm(options = {}) {\n    return new Promise((resolve) => {\n      modal._dispatch({ type: 'confirm', ...options, resolve });\n    });\n  },\n  alert(options = {}) {\n    return new Promise((resolve) => {\n      modal._dispatch({ type: 'alert', ...options, resolve });\n    });\n  },\n};\n","export const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];\nexport const messages = {\n  en: {\n  \"modal.confirm\": \"Confirm\",\n  \"modal.cancel\": \"Cancel\",\n  \"modal.close\": \"Close\",\n  \"modal.ok\": \"OK\"\n},\n  zh: {\n  \"modal.confirm\": \"确认\",\n  \"modal.cancel\": \"取消\",\n  \"modal.close\": \"关闭\",\n  \"modal.ok\": \"好的\"\n},\n  ja: {\n  \"modal.confirm\": \"確認\",\n  \"modal.cancel\": \"キャンセル\",\n  \"modal.close\": \"閉じる\",\n  \"modal.ok\": \"OK\"\n},\n  ko: {\n  \"modal.confirm\": \"확인\",\n  \"modal.cancel\": \"취소\",\n  \"modal.close\": \"닫기\",\n  \"modal.ok\": \"확인\"\n}\n};\nlet currentLang = 'en';\nexport function setLanguage(l) { if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l; }\nexport function getLanguage() { return currentLang; }\nexport function t(k) { return messages[currentLang]?.[k] || messages.en?.[k] || k; }\n"],"names":["Modal","ConfirmDialog","Drawer","BottomSheet","useModal","defaultVisible","visible","setVisible","useState","data","setData","open","useCallback","d","close","toggle","v","_listeners","modal","_dispatch","forEach","fn","subscribe","push","filter","l","confirm","options","Promise","resolve","type","alert","SUPPORTED_LANGUAGES","messages","en","zh","ja","ko","currentLang","setLanguage","includes","getLanguage","t","k"],"mappings":"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"}

package/dist/styles.css

@@ -0,0 +1,2 @@
+@keyframes qm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qm-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes qm-slide-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes qm-slide-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes qm-slide-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes qm-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.qm-drawer,.qm-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}
+/*# sourceMappingURL=styles.css.map */

package/dist/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["modal.css"],"names":[],"mappings":"AAAA,sBAAsB,GAAK,SAAS,CAAC,GAAG,SAAS,CAAC,CAClD,uBAAuB,GAAK,SAAS,CAAC,oBAAqB,CAAC,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAC5F,0BAA0B,GAAK,0BAA0B,CAAC,GAAG,uBAAuB,CAAC,CACrF,yBAAyB,GAAK,2BAA2B,CAAC,GAAG,uBAAuB,CAAC,CACrF,wBAAwB,GAAK,2BAA2B,CAAC,GAAG,uBAAuB,CAAC,CACpF,2BAA2B,GAAK,0BAA0B,CAAC,GAAG,uBAAuB,CAAC,CAEtF,qBAAW,uEAAyE","file":"styles.css","sourcesContent":["@keyframes qm-fade-in{from{opacity:0}to{opacity:1}}\n@keyframes qm-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}\n@keyframes qm-slide-right{from{transform:translateX(100%)}to{transform:translateX(0)}}\n@keyframes qm-slide-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}\n@keyframes qm-slide-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}\n@keyframes qm-slide-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}\n.qm-modal{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}\n.qm-drawer{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}\n"]}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@quantabit/modal-sdk",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "Universal modal/dialog/drawer/bottom-sheet components",
+  "main": "dist/index.cjs",
+  "module": "dist/index.esm.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "types",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "jest --passWithNoTests",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/quantabit-chain/qbit-sdk.git",
+    "directory": "packages/modal-sdk"
+  },
+  "homepage": "https://github.com/quantabit-chain/qbit-sdk/tree/main/packages/modal-sdk",
+  "bugs": {
+    "url": "https://github.com/quantabit-chain/qbit-sdk/issues"
+  },
+  "keywords": [
+    "modal",
+    "dialog",
+    "drawer",
+    "bottom-sheet",
+    "react"
+  ],
+  "author": "QuantaBit Team",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "dependencies": {
+    "@quantabit/sdk-config": "^1.0.6"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "qbit": {
+    "privacy": {
+      "level": "functional",
+      "dataCollection": "Feature-related data for personalization. Requires user consent.",
+      "gdprCompliant": true,
+      "ccpaCompliant": true
+    }
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @quantabit/modal-sdk TypeScript Type Definitions
+ * 
+ * Auto-generated type stubs. Enhance with specific types as the SDK matures.
+ */
+
+import { FC, ReactNode } from 'react';
+
+// ============ Components ============
+
+export interface ModalProps {
+  className?: string;
+  style?: React.CSSProperties;
+  [key: string]: any;
+}
+
+export declare const Modal: FC<ModalProps>;
+
+export interface ConfirmDialogProps {
+  className?: string;
+  style?: React.CSSProperties;
+  [key: string]: any;
+}
+
+export declare const ConfirmDialog: FC<ConfirmDialogProps>;
+
+export interface DrawerProps {
+  className?: string;
+  style?: React.CSSProperties;
+  [key: string]: any;
+}
+
+export declare const Drawer: FC<DrawerProps>;
+
+export interface BottomSheetProps {
+  className?: string;
+  style?: React.CSSProperties;
+  [key: string]: any;
+}
+
+export declare const BottomSheet: FC<BottomSheetProps>;
+
+// ============ Hooks ============
+
+export interface UseModalReturn {
+  data: any;
+  loading: boolean;
+  error: string | null;
+  [key: string]: any;
+}
+
+export declare function useModal(...args: any[]): UseModalReturn;
+
+// ============ Functions & Utilities ============
+
+export declare function modal(...args: any[]): any;
+export declare const messages: Record<string, Record<string, string>>;
+export declare const SUPPORTED_LANGUAGES: string[];
+export declare function setLanguage(lang: string): void;
+export declare function getLanguage(): string;
+export declare function t(key: string, params?: Record<string, any>): string;
+