@sparkstudio/accounts-ui 1.1.54 → 1.1.56

package/dist/index.cjs

@@ -79,6 +79,7 @@ var SparkStudioAccountsSDK = class {
 };
 
 // src/components/TestButton.tsx
+var import_common_ui = require("@sparkstudio/common-ui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TestButton({ className = "" }) {
   const [loading, setLoading] = (0, import_react.useState)(false);
@@ -99,26 +100,26 @@ ${err?.message ?? err}`);
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `w-100 text-center mb-3 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      type: "button",
-      className: "btn btn-primary btn-lg",
-      onClick: handleClick,
-      disabled: loading,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "span",
-          {
-            className: "spinner-border spinner-border-sm me-2",
-            role: "status",
-            "aria-hidden": "true"
-          }
-        ),
-        "Loading..."
-      ] }) : "Test"
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `w-100 text-center mb-3 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_common_ui.Button, { onClick: handleClick, disabled: loading, children: loading ? "Loading..." : "Test" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_common_ui.Button,
+      {
+        loadingText: "We are waiting...",
+        onAction: async () => {
+          await new Promise((resolve) => setTimeout(resolve, 2e3));
+          return "Finished after 2 seconds!";
+        },
+        onDone: (msg) => {
+          alert(msg);
+        },
+        onError: (err) => {
+          alert("Something went wrong: " + err);
+        },
+        children: "My test button"
+      }
+    )
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.css

@@ -0,0 +1,3 @@
+@import "/node_modules/@sparkstudio/common-ui/dist/index.css";
+
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/index.scss"],"names":[],"mappings":"AAAQ","file":"index.css"}

package/dist/index.js

@@ -53,7 +53,8 @@ var SparkStudioAccountsSDK = class {
 };
 
 // src/components/TestButton.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@sparkstudio/common-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function TestButton({ className = "" }) {
   const [loading, setLoading] = useState(false);
   const handleClick = async () => {
@@ -73,26 +74,26 @@ ${err?.message ?? err}`);
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx("div", { className: `w-100 text-center mb-3 ${className}`, children: /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      className: "btn btn-primary btn-lg",
-      onClick: handleClick,
-      disabled: loading,
-      children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "spinner-border spinner-border-sm me-2",
-            role: "status",
-            "aria-hidden": "true"
-          }
-        ),
-        "Loading..."
-      ] }) : "Test"
-    }
-  ) });
+  return /* @__PURE__ */ jsxs("div", { className: `w-100 text-center mb-3 ${className}`, children: [
+    /* @__PURE__ */ jsx(Button, { onClick: handleClick, disabled: loading, children: loading ? "Loading..." : "Test" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        loadingText: "We are waiting...",
+        onAction: async () => {
+          await new Promise((resolve) => setTimeout(resolve, 2e3));
+          return "Finished after 2 seconds!";
+        },
+        onDone: (msg) => {
+          alert(msg);
+        },
+        onError: (err) => {
+          alert("Something went wrong: " + err);
+        },
+        children: "My test button"
+      }
+    )
+  ] });
 }
 export {
   TestButton

package/package.json

@@ -1,23 +1,30 @@
 {
   "name": "@sparkstudio/accounts-ui",
-  "version": "1.1.54",
+  "version": "1.1.56",
   "type": "module",
   "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
+      "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    }
+    },
+    "./dist/index.css": "./dist/index.css"
   },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "./dist/index.css"
+  ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsup src/index.ts --format cjs,esm --dts --tsconfig tsconfig.lib.json",
+    "build": "tsup src/index.ts --format cjs,esm --dts --tsconfig tsconfig.lib.json && sass --load-path=node_modules src/index.scss dist/index.css",
     "lint": "eslint .",
     "preview": "vite preview",
     "start": "vite"
@@ -27,12 +34,7 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^7.1.0",
-    "@popperjs/core": "^2.11.8",
-    "bootstrap": "^5.3.8",
-    "highcharts": "^12.4.0",
-    "highcharts-react-official": "^3.2.3",
-    "tsup": "^8.5.1"
+    "@sparkstudio/common-ui": "^1.0.5"
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
@@ -44,6 +46,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.22",
     "globals": "^16.4.0",
+    "tsup": "^8.5.1",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.45.0",
     "vite": "^7.1.7"

package/eslint.config.js

@@ -1,23 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs['recommended-latest'],
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-])

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>my-stockmarket-simulator</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>