@ton/appkit-react 0.0.1-alpha.2 → 0.0.1

package/dist/features/balances/components/currency-item/currency-item.module.css

@@ -0,0 +1,69 @@
+.currencyItem {
+  box-sizing: border-box;
+  border-radius: var(--ta-border-radius-l);
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  background-color: var(--ta-color-block);
+  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+  border: 1px solid transparent;
+  outline: none;
+}
+.currencyItem:hover {
+  border-color: var(--ta-color-primary);
+}
+.icon {
+  width: 40px;
+  height: 40px;
+  background-color: var(--ta-color-background-secondary);
+  border-radius: var(--ta-border-radius-full);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+.info {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.name {
+  composes: bodyBold from "../../../../styles/typography.module.css";
+  color: var(--ta-color-text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin: 0;
+}
+.verified {
+  width: 16px;
+  height: 16px;
+  color: var(--ta-color-primary);
+  flex-shrink: 0;
+}
+.ticker {
+  composes: bodyMedium from "../../../../styles/typography.module.css";
+  color: var(--ta-color-text-secondary);
+  margin: 0;
+}
+.details {
+  text-align: right;
+}
+.balance {
+  composes: bodyMedium from "../../../../styles/typography.module.css";
+  color: var(--ta-color-text);
+  margin: 0;
+}
+/*# sourceMappingURL=currency-item.module.css.map */

package/dist/features/balances/components/currency-item/currency-item.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/currency-item/currency-item.module.css"],"sourcesContent":[".currencyItem {\n    box-sizing: border-box;\n    border-radius: var(--ta-border-radius-l);\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n    padding: 12px;\n    background-color: var(--ta-color-block);\n    transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    cursor: pointer;\n    border: 1px solid transparent;\n    outline: none;\n}\n\n.currencyItem:hover {\n    border-color: var(--ta-color-primary);\n}\n\n.icon {\n    width: 40px;\n    height: 40px;\n    background-color: var(--ta-color-background-secondary);\n    border-radius: var(--ta-border-radius-full);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    flex-shrink: 0;\n}\n\n.info {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.name {\n    composes: bodyBold from \"../../../../styles/typography.module.css\";\n\n    color: var(--ta-color-text);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin: 0;\n}\n\n.verified {\n    width: 16px;\n    height: 16px;\n    color: var(--ta-color-primary);\n    flex-shrink: 0;\n}\n\n.ticker {\n    composes: bodyMedium from \"../../../../styles/typography.module.css\";\n\n    color: var(--ta-color-text-secondary);\n    margin: 0;\n}\n\n.details {\n    text-align: right;\n}\n\n.balance {\n    composes: bodyMedium from \"../../../../styles/typography.module.css\";\n\n    color: var(--ta-color-text);\n    margin: 0;\n}\n"],"mappings":"AAAA,CAAC;AACG,cAAY;AACZ,iBAAe,IAAI;AACnB,SAAO;AACP,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACL,WAAS;AACT,oBAAkB,IAAI;AACtB,cAAY,aAAa,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AACzD,UAAQ;AACR,UAAQ,IAAI,MAAM;AAClB,WAAS;AACb;AAEA,CAhBC,YAgBY;AACT,gBAAc,IAAI;AACtB;AAEA,CAAC;AACG,SAAO;AACP,UAAQ;AACR,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,YAAU;AACV,eAAa;AACjB;AAEA,CAAC;AACG,QAAM;AACN,aAAW;AACX,WAAS;AACT,kBAAgB;AAChB,eAAa;AACjB;AAEA,CAAC;AACG,WAAS;AACT,eAAa;AACb,OAAK;AACT;AAEA,CAAC;AACG,YAAU,SAAS,KAAK;AAExB,SAAO,IAAI;AACX,eAAa;AACb,YAAU;AACV,iBAAe;AACf,UAAQ;AACZ;AAEA,CAAC;AACG,SAAO;AACP,UAAQ;AACR,SAAO,IAAI;AACX,eAAa;AACjB;AAEA,CAAC;AACG,YAAU,WAAW,KAAK;AAE1B,SAAO,IAAI;AACX,UAAQ;AACZ;AAEA,CAAC;AACG,cAAY;AAChB;AAEA,CAAC;AACG,YAAU,WAAW,KAAK;AAE1B,SAAO,IAAI;AACX,UAAQ;AACZ;","names":[]}

package/dist/features/balances/components/currency-item/currency-item.stories.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+import { CurrencyItem } from './currency-item';
+declare const meta: Meta<typeof CurrencyItem>;
+export default meta;
+type Story = StoryObj<typeof CurrencyItem>;
+export declare const TON: Story;
+export declare const USDT: Story;
+export declare const Unverified: Story;
+export declare const ZeroBalance: Story;
+export declare const NoBalance: Story;
+export declare const CurrencyList: Story;
+//# sourceMappingURL=currency-item.stories.d.ts.map

package/dist/features/balances/components/currency-item/currency-item.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-item.stories.d.ts","sourceRoot":"","sources":["../../../../../src/features/balances/components/currency-item/currency-item.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAUnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC"}

package/dist/features/balances/components/currency-item/currency-item.stories.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var test = require('@storybook/test');
+var currencyItem = require('./currency-item');
+
+const meta = {
+  title: "Public/Features/Balances/CurrencyItem",
+  component: currencyItem.CurrencyItem,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  },
+  args: {
+    onClick: test.fn()
+  }
+};
+var currency_item_stories_default = meta;
+const TON = {
+  args: {
+    ticker: "TON",
+    name: "Toncoin",
+    balance: "55",
+    icon: "https://ton.org/download/ton_symbol.png",
+    isVerified: true
+  }
+};
+const USDT = {
+  args: {
+    ticker: "USDT",
+    name: "Tether USD",
+    balance: "10",
+    isVerified: true
+  }
+};
+const Unverified = {
+  args: {
+    ticker: "MEME",
+    name: "Meme Token",
+    balance: "10000",
+    isVerified: false
+  }
+};
+const ZeroBalance = {
+  args: {
+    ticker: "TON",
+    name: "Toncoin",
+    balance: "0",
+    icon: "https://ton.org/download/ton_symbol.png",
+    isVerified: true
+  }
+};
+const NoBalance = {
+  args: {
+    ticker: "TON",
+    name: "Toncoin",
+    icon: "https://ton.org/download/ton_symbol.png",
+    isVerified: true
+  }
+};
+const CurrencyList = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px", width: "320px" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      currencyItem.CurrencyItem,
+      {
+        ticker: "TON",
+        name: "Toncoin",
+        balance: "55",
+        icon: "https://ton.org/download/ton_symbol.png",
+        isVerified: true,
+        onClick: test.fn()
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(currencyItem.CurrencyItem, { ticker: "USDT", name: "Tether USD", balance: "10", isVerified: true, onClick: test.fn() }),
+    /* @__PURE__ */ jsxRuntime.jsx(currencyItem.CurrencyItem, { ticker: "NOT", name: "Notcoin", balance: "500", isVerified: true, onClick: test.fn() })
+  ] })
+};
+
+exports.CurrencyList = CurrencyList;
+exports.NoBalance = NoBalance;
+exports.TON = TON;
+exports.USDT = USDT;
+exports.Unverified = Unverified;
+exports.ZeroBalance = ZeroBalance;
+exports.default = currency_item_stories_default;
+//# sourceMappingURL=currency-item.stories.js.map
+//# sourceMappingURL=currency-item.stories.js.map

package/dist/features/balances/components/currency-item/currency-item.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/currency-item/currency-item.stories.tsx"],"names":["CurrencyItem","fn","jsxs","jsx"],"mappings":";;;;;;;;AAaA,MAAM,IAAA,GAAkC;AAAA,EACpC,KAAA,EAAO,uCAAA;AAAA,EACP,SAAA,EAAWA,yBAAA;AAAA,EACX,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,UAAA,EAAY;AAAA,IACR,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,SAASC,OAAA;AAAG;AAEpB,CAAA;AAEA,IAAO,6BAAA,GAAQ;AAIR,MAAM,GAAA,GAAa;AAAA,EACtB,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,KAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,IAAA;AAAA,IACT,IAAA,EAAM,yCAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,IAAA,GAAc;AAAA,EACvB,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS,IAAA;AAAA,IACT,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,UAAA,GAAoB;AAAA,EAC7B,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS,OAAA;AAAA,IACT,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,WAAA,GAAqB;AAAA,EAC9B,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,KAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,GAAA;AAAA,IACT,IAAA,EAAM,yCAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,SAAA,GAAmB;AAAA,EAC5B,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,KAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,IAAA,EAAM,yCAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,YAAA,GAAsB;AAAA,EAC/B,MAAA,EAAQ,sBACJC,eAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,aAAA,EAAe,QAAA,EAAU,GAAA,EAAK,KAAA,EAAO,KAAA,EAAO,SAAQ,EAC/E,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACH,yBAAA;AAAA,MAAA;AAAA,QACG,MAAA,EAAO,KAAA;AAAA,QACP,IAAA,EAAK,SAAA;AAAA,QACL,OAAA,EAAQ,IAAA;AAAA,QACR,IAAA,EAAK,yCAAA;AAAA,QACL,UAAA,EAAY,IAAA;AAAA,QACZ,SAASC,OAAA;AAAG;AAAA,KAChB;AAAA,oBACAE,cAAA,CAACH,yBAAA,EAAA,EAAa,MAAA,EAAO,MAAA,EAAO,IAAA,EAAK,YAAA,EAAa,OAAA,EAAQ,IAAA,EAAK,UAAA,EAAY,IAAA,EAAM,OAAA,EAASC,OAAA,EAAG,EAAG,CAAA;AAAA,oBAC5FE,cAAA,CAACH,yBAAA,EAAA,EAAa,MAAA,EAAO,KAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,KAAA,EAAM,UAAA,EAAY,IAAA,EAAM,OAAA,EAASC,OAAA,EAAG,EAAG;AAAA,GAAA,EAC7F;AAER","file":"currency-item.stories.js","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { Meta, StoryObj } from '@storybook/react';\nimport { fn } from '@storybook/test';\n\nimport { CurrencyItem } from './currency-item';\n\nconst meta: Meta<typeof CurrencyItem> = {\n    title: 'Public/Features/Balances/CurrencyItem',\n    component: CurrencyItem,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n    args: {\n        onClick: fn(),\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof CurrencyItem>;\n\nexport const TON: Story = {\n    args: {\n        ticker: 'TON',\n        name: 'Toncoin',\n        balance: '55',\n        icon: 'https://ton.org/download/ton_symbol.png',\n        isVerified: true,\n    },\n};\n\nexport const USDT: Story = {\n    args: {\n        ticker: 'USDT',\n        name: 'Tether USD',\n        balance: '10',\n        isVerified: true,\n    },\n};\n\nexport const Unverified: Story = {\n    args: {\n        ticker: 'MEME',\n        name: 'Meme Token',\n        balance: '10000',\n        isVerified: false,\n    },\n};\n\nexport const ZeroBalance: Story = {\n    args: {\n        ticker: 'TON',\n        name: 'Toncoin',\n        balance: '0',\n        icon: 'https://ton.org/download/ton_symbol.png',\n        isVerified: true,\n    },\n};\n\nexport const NoBalance: Story = {\n    args: {\n        ticker: 'TON',\n        name: 'Toncoin',\n        icon: 'https://ton.org/download/ton_symbol.png',\n        isVerified: true,\n    },\n};\n\nexport const CurrencyList: Story = {\n    render: () => (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '4px', width: '320px' }}>\n            <CurrencyItem\n                ticker=\"TON\"\n                name=\"Toncoin\"\n                balance=\"55\"\n                icon=\"https://ton.org/download/ton_symbol.png\"\n                isVerified={true}\n                onClick={fn()}\n            />\n            <CurrencyItem ticker=\"USDT\" name=\"Tether USD\" balance=\"10\" isVerified={true} onClick={fn()} />\n            <CurrencyItem ticker=\"NOT\" name=\"Notcoin\" balance=\"500\" isVerified={true} onClick={fn()} />\n        </div>\n    ),\n};\n"]}

package/dist/features/balances/components/currency-item/currency-item.stories.mjs

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { fn } from '@storybook/test';
+import { CurrencyItem } from './currency-item';
+
+const meta = {
+  title: "Public/Features/Balances/CurrencyItem",
+  component: CurrencyItem,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  },
+  args: {
+    onClick: fn()
+  }
+};
+var currency_item_stories_default = meta;
+const TON = {
+  args: {
+    ticker: "TON",
+    name: "Toncoin",
+    balance: "55",
+    icon: "https://ton.org/download/ton_symbol.png",
+    isVerified: true
+  }
+};
+const USDT = {
+  args: {
+    ticker: "USDT",
+    name: "Tether USD",
+    balance: "10",
+    isVerified: true
+  }
+};
+const Unverified = {
+  args: {
+    ticker: "MEME",
+    name: "Meme Token",
+    balance: "10000",
+    isVerified: false
+  }
+};
+const ZeroBalance = {
+  args: {
+    ticker: "TON",
+    name: "Toncoin",
+    balance: "0",
+    icon: "https://ton.org/download/ton_symbol.png",
+    isVerified: true
+  }
+};
+const NoBalance = {
+  args: {
+    ticker: "TON",
+    name: "Toncoin",
+    icon: "https://ton.org/download/ton_symbol.png",
+    isVerified: true
+  }
+};
+const CurrencyList = {
+  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px", width: "320px" }, children: [
+    /* @__PURE__ */ jsx(
+      CurrencyItem,
+      {
+        ticker: "TON",
+        name: "Toncoin",
+        balance: "55",
+        icon: "https://ton.org/download/ton_symbol.png",
+        isVerified: true,
+        onClick: fn()
+      }
+    ),
+    /* @__PURE__ */ jsx(CurrencyItem, { ticker: "USDT", name: "Tether USD", balance: "10", isVerified: true, onClick: fn() }),
+    /* @__PURE__ */ jsx(CurrencyItem, { ticker: "NOT", name: "Notcoin", balance: "500", isVerified: true, onClick: fn() })
+  ] })
+};
+
+export { CurrencyList, NoBalance, TON, USDT, Unverified, ZeroBalance, currency_item_stories_default as default };
+//# sourceMappingURL=currency-item.stories.mjs.map
+//# sourceMappingURL=currency-item.stories.mjs.map

package/dist/features/balances/components/currency-item/currency-item.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/currency-item/currency-item.stories.tsx"],"names":[],"mappings":";;;;AAaA,MAAM,IAAA,GAAkC;AAAA,EACpC,KAAA,EAAO,uCAAA;AAAA,EACP,SAAA,EAAW,YAAA;AAAA,EACX,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,UAAA,EAAY;AAAA,IACR,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,SAAS,EAAA;AAAG;AAEpB,CAAA;AAEA,IAAO,6BAAA,GAAQ;AAIR,MAAM,GAAA,GAAa;AAAA,EACtB,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,KAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,IAAA;AAAA,IACT,IAAA,EAAM,yCAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,IAAA,GAAc;AAAA,EACvB,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS,IAAA;AAAA,IACT,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,UAAA,GAAoB;AAAA,EAC7B,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS,OAAA;AAAA,IACT,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,WAAA,GAAqB;AAAA,EAC9B,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,KAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,GAAA;AAAA,IACT,IAAA,EAAM,yCAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,SAAA,GAAmB;AAAA,EAC5B,IAAA,EAAM;AAAA,IACF,MAAA,EAAQ,KAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,IAAA,EAAM,yCAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEpB;AAEO,MAAM,YAAA,GAAsB;AAAA,EAC/B,MAAA,EAAQ,sBACJ,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,aAAA,EAAe,QAAA,EAAU,GAAA,EAAK,KAAA,EAAO,KAAA,EAAO,SAAQ,EAC/E,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACG,MAAA,EAAO,KAAA;AAAA,QACP,IAAA,EAAK,SAAA;AAAA,QACL,OAAA,EAAQ,IAAA;AAAA,QACR,IAAA,EAAK,yCAAA;AAAA,QACL,UAAA,EAAY,IAAA;AAAA,QACZ,SAAS,EAAA;AAAG;AAAA,KAChB;AAAA,oBACA,GAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAO,MAAA,EAAO,IAAA,EAAK,YAAA,EAAa,OAAA,EAAQ,IAAA,EAAK,UAAA,EAAY,IAAA,EAAM,OAAA,EAAS,EAAA,EAAG,EAAG,CAAA;AAAA,oBAC5F,GAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAO,KAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,KAAA,EAAM,UAAA,EAAY,IAAA,EAAM,OAAA,EAAS,EAAA,EAAG,EAAG;AAAA,GAAA,EAC7F;AAER","file":"currency-item.stories.mjs","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { Meta, StoryObj } from '@storybook/react';\nimport { fn } from '@storybook/test';\n\nimport { CurrencyItem } from './currency-item';\n\nconst meta: Meta<typeof CurrencyItem> = {\n    title: 'Public/Features/Balances/CurrencyItem',\n    component: CurrencyItem,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n    args: {\n        onClick: fn(),\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof CurrencyItem>;\n\nexport const TON: Story = {\n    args: {\n        ticker: 'TON',\n        name: 'Toncoin',\n        balance: '55',\n        icon: 'https://ton.org/download/ton_symbol.png',\n        isVerified: true,\n    },\n};\n\nexport const USDT: Story = {\n    args: {\n        ticker: 'USDT',\n        name: 'Tether USD',\n        balance: '10',\n        isVerified: true,\n    },\n};\n\nexport const Unverified: Story = {\n    args: {\n        ticker: 'MEME',\n        name: 'Meme Token',\n        balance: '10000',\n        isVerified: false,\n    },\n};\n\nexport const ZeroBalance: Story = {\n    args: {\n        ticker: 'TON',\n        name: 'Toncoin',\n        balance: '0',\n        icon: 'https://ton.org/download/ton_symbol.png',\n        isVerified: true,\n    },\n};\n\nexport const NoBalance: Story = {\n    args: {\n        ticker: 'TON',\n        name: 'Toncoin',\n        icon: 'https://ton.org/download/ton_symbol.png',\n        isVerified: true,\n    },\n};\n\nexport const CurrencyList: Story = {\n    render: () => (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '4px', width: '320px' }}>\n            <CurrencyItem\n                ticker=\"TON\"\n                name=\"Toncoin\"\n                balance=\"55\"\n                icon=\"https://ton.org/download/ton_symbol.png\"\n                isVerified={true}\n                onClick={fn()}\n            />\n            <CurrencyItem ticker=\"USDT\" name=\"Tether USD\" balance=\"10\" isVerified={true} onClick={fn()} />\n            <CurrencyItem ticker=\"NOT\" name=\"Notcoin\" balance=\"500\" isVerified={true} onClick={fn()} />\n        </div>\n    ),\n};\n"]}

package/dist/features/balances/components/currency-item/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export * from './currency-item';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/balances/components/currency-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/balances/components/currency-item/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,iBAAiB,CAAC"}

package/dist/features/balances/components/currency-item/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var currencyItem = require('./currency-item');
+
+
+
+Object.keys(currencyItem).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return currencyItem[k]; }
+	});
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/features/balances/components/currency-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/features/balances/components/currency-item/index.mjs

@@ -0,0 +1,3 @@
+export * from './currency-item';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/features/balances/components/currency-item/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs","sourcesContent":[]}

package/dist/features/balances/components/send-jetton-button/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export * from './send-jetton-button';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/balances/components/send-jetton-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/balances/components/send-jetton-button/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,sBAAsB,CAAC"}

package/dist/features/balances/components/send-jetton-button/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var sendJettonButton = require('./send-jetton-button');
+
+
+
+Object.keys(sendJettonButton).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return sendJettonButton[k]; }
+	});
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/features/balances/components/send-jetton-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/features/balances/components/send-jetton-button/index.mjs

@@ -0,0 +1,3 @@
+export * from './send-jetton-button';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/features/balances/components/send-jetton-button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs","sourcesContent":[]}

package/dist/features/balances/components/send-jetton-button/send-jetton-button.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type { FC } from 'react';
+import type { TransactionProps } from '../../../transaction';
+export interface SendJettonButtonProps extends Omit<TransactionProps, 'request'> {
+    recipientAddress: string;
+    amount: string;
+    jetton: {
+        address: string;
+        symbol: string;
+        decimals: number;
+    };
+    comment?: string;
+}
+export declare const SendJettonButton: FC<SendJettonButtonProps>;
+//# sourceMappingURL=send-jetton-button.d.ts.map

package/dist/features/balances/components/send-jetton-button/send-jetton-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-jetton-button.d.ts","sourceRoot":"","sources":["../../../../../src/features/balances/components/send-jetton-button/send-jetton-button.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG7D,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC;IAC5E,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+CtD,CAAC"}

package/dist/features/balances/components/send-jetton-button/send-jetton-button.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var appkit = require('@ton/appkit');
+var useI18n = require('../../../../hooks/use-i18n');
+var useAppKit = require('../../../../hooks/use-app-kit');
+var transaction = require('../../../transaction');
+
+const SendJettonButton = ({
+  recipientAddress,
+  amount,
+  comment,
+  jetton,
+  ...props
+}) => {
+  const appKit = useAppKit.useAppKit();
+  const { t } = useI18n.useI18n();
+  const createTransferTransaction = react.useCallback(async () => {
+    if (!jetton.address) {
+      throw new Error("Jetton address is required");
+    }
+    if (!jetton.decimals) {
+      throw new Error("Jetton decimals is required");
+    }
+    return appkit.createTransferJettonTransaction(appKit, {
+      jettonAddress: jetton.address,
+      recipientAddress,
+      amount,
+      comment,
+      jettonDecimals: jetton.decimals
+    });
+  }, [appKit, recipientAddress, amount, comment, jetton]);
+  const text = react.useMemo(() => {
+    if (amount && jetton.decimals) {
+      return t("balances.sendJettonWithAmount", {
+        amount: appkit.formatUnits(appkit.parseUnits(amount, jetton.decimals), jetton.decimals).toString(),
+        symbol: jetton.symbol
+      });
+    }
+    return t("balances.sendJetton", { symbol: jetton.symbol, amount });
+  }, [t, amount, jetton]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    transaction.Transaction,
+    {
+      request: createTransferTransaction,
+      text,
+      disabled: !recipientAddress || !amount || !jetton.address || !jetton.decimals,
+      ...props
+    }
+  );
+};
+
+exports.SendJettonButton = SendJettonButton;
+//# sourceMappingURL=send-jetton-button.js.map
+//# sourceMappingURL=send-jetton-button.js.map

package/dist/features/balances/components/send-jetton-button/send-jetton-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/send-jetton-button/send-jetton-button.tsx"],"names":["useAppKit","useI18n","useCallback","createTransferJettonTransaction","useMemo","formatUnits","parseUnits","jsx","Transaction"],"mappings":";;;;;;;;;AA4BO,MAAM,mBAA8C,CAAC;AAAA,EACxD,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AACF,EAAA,MAAM,SAASA,mBAAA,EAAU;AACzB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAQ;AAEtB,EAAA,MAAM,yBAAA,GAA4BC,kBAAY,YAAY;AACtD,IAAA,IAAI,CAAC,OAAO,OAAA,EAAS;AACjB,MAAA,MAAM,IAAI,MAAM,4BAA4B,CAAA;AAAA,IAChD;AAEA,IAAA,IAAI,CAAC,OAAO,QAAA,EAAU;AAClB,MAAA,MAAM,IAAI,MAAM,6BAA6B,CAAA;AAAA,IACjD;AAEA,IAAA,OAAOC,uCAAgC,MAAA,EAAQ;AAAA,MAC3C,eAAe,MAAA,CAAO,OAAA;AAAA,MACtB,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAgB,MAAA,CAAO;AAAA,KAC1B,CAAA;AAAA,EACL,GAAG,CAAC,MAAA,EAAQ,kBAAkB,MAAA,EAAQ,OAAA,EAAS,MAAM,CAAC,CAAA;AAEtD,EAAA,MAAM,IAAA,GAAOC,cAAQ,MAAM;AACvB,IAAA,IAAI,MAAA,IAAU,OAAO,QAAA,EAAU;AAC3B,MAAA,OAAO,EAAE,+BAAA,EAAiC;AAAA,QACtC,MAAA,EAAQC,kBAAA,CAAYC,iBAAA,CAAW,MAAA,EAAQ,MAAA,CAAO,QAAQ,CAAA,EAAG,MAAA,CAAO,QAAQ,CAAA,CAAE,QAAA,EAAS;AAAA,QACnF,QAAQ,MAAA,CAAO;AAAA,OAClB,CAAA;AAAA,IACL;AAEA,IAAA,OAAO,EAAE,qBAAA,EAAuB,EAAE,QAAQ,MAAA,CAAO,MAAA,EAAQ,QAAQ,CAAA;AAAA,EACrE,CAAA,EAAG,CAAC,CAAA,EAAG,MAAA,EAAQ,MAAM,CAAC,CAAA;AAEtB,EAAA,uBACIC,cAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACG,OAAA,EAAS,yBAAA;AAAA,MACT,IAAA;AAAA,MACA,QAAA,EAAU,CAAC,gBAAA,IAAoB,CAAC,UAAU,CAAC,MAAA,CAAO,OAAA,IAAW,CAAC,MAAA,CAAO,QAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACR;AAER","file":"send-jetton-button.js","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { useCallback, useMemo } from 'react';\nimport type { FC } from 'react';\nimport { createTransferJettonTransaction, formatUnits, parseUnits } from '@ton/appkit';\n\nimport { useI18n } from '../../../../hooks/use-i18n';\nimport { useAppKit } from '../../../../hooks/use-app-kit';\nimport type { TransactionProps } from '../../../transaction';\nimport { Transaction } from '../../../transaction';\n\nexport interface SendJettonButtonProps extends Omit<TransactionProps, 'request'> {\n    recipientAddress: string;\n    amount: string;\n    jetton: {\n        address: string;\n        symbol: string;\n        decimals: number;\n    };\n    comment?: string;\n}\n\nexport const SendJettonButton: FC<SendJettonButtonProps> = ({\n    recipientAddress,\n    amount,\n    comment,\n    jetton,\n    ...props\n}) => {\n    const appKit = useAppKit();\n    const { t } = useI18n();\n\n    const createTransferTransaction = useCallback(async () => {\n        if (!jetton.address) {\n            throw new Error('Jetton address is required');\n        }\n\n        if (!jetton.decimals) {\n            throw new Error('Jetton decimals is required');\n        }\n\n        return createTransferJettonTransaction(appKit, {\n            jettonAddress: jetton.address,\n            recipientAddress,\n            amount,\n            comment,\n            jettonDecimals: jetton.decimals,\n        });\n    }, [appKit, recipientAddress, amount, comment, jetton]);\n\n    const text = useMemo(() => {\n        if (amount && jetton.decimals) {\n            return t('balances.sendJettonWithAmount', {\n                amount: formatUnits(parseUnits(amount, jetton.decimals), jetton.decimals).toString(),\n                symbol: jetton.symbol,\n            });\n        }\n\n        return t('balances.sendJetton', { symbol: jetton.symbol, amount });\n    }, [t, amount, jetton]);\n\n    return (\n        <Transaction\n            request={createTransferTransaction}\n            text={text}\n            disabled={!recipientAddress || !amount || !jetton.address || !jetton.decimals}\n            {...props}\n        />\n    );\n};\n"]}

package/dist/features/balances/components/send-jetton-button/send-jetton-button.mjs

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCallback, useMemo } from 'react';
+import { createTransferJettonTransaction, formatUnits, parseUnits } from '@ton/appkit';
+import { useI18n } from '../../../../hooks/use-i18n';
+import { useAppKit } from '../../../../hooks/use-app-kit';
+import { Transaction } from '../../../transaction';
+
+const SendJettonButton = ({
+  recipientAddress,
+  amount,
+  comment,
+  jetton,
+  ...props
+}) => {
+  const appKit = useAppKit();
+  const { t } = useI18n();
+  const createTransferTransaction = useCallback(async () => {
+    if (!jetton.address) {
+      throw new Error("Jetton address is required");
+    }
+    if (!jetton.decimals) {
+      throw new Error("Jetton decimals is required");
+    }
+    return createTransferJettonTransaction(appKit, {
+      jettonAddress: jetton.address,
+      recipientAddress,
+      amount,
+      comment,
+      jettonDecimals: jetton.decimals
+    });
+  }, [appKit, recipientAddress, amount, comment, jetton]);
+  const text = useMemo(() => {
+    if (amount && jetton.decimals) {
+      return t("balances.sendJettonWithAmount", {
+        amount: formatUnits(parseUnits(amount, jetton.decimals), jetton.decimals).toString(),
+        symbol: jetton.symbol
+      });
+    }
+    return t("balances.sendJetton", { symbol: jetton.symbol, amount });
+  }, [t, amount, jetton]);
+  return /* @__PURE__ */ jsx(
+    Transaction,
+    {
+      request: createTransferTransaction,
+      text,
+      disabled: !recipientAddress || !amount || !jetton.address || !jetton.decimals,
+      ...props
+    }
+  );
+};
+
+export { SendJettonButton };
+//# sourceMappingURL=send-jetton-button.mjs.map
+//# sourceMappingURL=send-jetton-button.mjs.map

package/dist/features/balances/components/send-jetton-button/send-jetton-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/send-jetton-button/send-jetton-button.tsx"],"names":[],"mappings":";;;;;;;AA4BO,MAAM,mBAA8C,CAAC;AAAA,EACxD,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AACF,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,OAAA,EAAQ;AAEtB,EAAA,MAAM,yBAAA,GAA4B,YAAY,YAAY;AACtD,IAAA,IAAI,CAAC,OAAO,OAAA,EAAS;AACjB,MAAA,MAAM,IAAI,MAAM,4BAA4B,CAAA;AAAA,IAChD;AAEA,IAAA,IAAI,CAAC,OAAO,QAAA,EAAU;AAClB,MAAA,MAAM,IAAI,MAAM,6BAA6B,CAAA;AAAA,IACjD;AAEA,IAAA,OAAO,gCAAgC,MAAA,EAAQ;AAAA,MAC3C,eAAe,MAAA,CAAO,OAAA;AAAA,MACtB,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAgB,MAAA,CAAO;AAAA,KAC1B,CAAA;AAAA,EACL,GAAG,CAAC,MAAA,EAAQ,kBAAkB,MAAA,EAAQ,OAAA,EAAS,MAAM,CAAC,CAAA;AAEtD,EAAA,MAAM,IAAA,GAAO,QAAQ,MAAM;AACvB,IAAA,IAAI,MAAA,IAAU,OAAO,QAAA,EAAU;AAC3B,MAAA,OAAO,EAAE,+BAAA,EAAiC;AAAA,QACtC,MAAA,EAAQ,WAAA,CAAY,UAAA,CAAW,MAAA,EAAQ,MAAA,CAAO,QAAQ,CAAA,EAAG,MAAA,CAAO,QAAQ,CAAA,CAAE,QAAA,EAAS;AAAA,QACnF,QAAQ,MAAA,CAAO;AAAA,OAClB,CAAA;AAAA,IACL;AAEA,IAAA,OAAO,EAAE,qBAAA,EAAuB,EAAE,QAAQ,MAAA,CAAO,MAAA,EAAQ,QAAQ,CAAA;AAAA,EACrE,CAAA,EAAG,CAAC,CAAA,EAAG,MAAA,EAAQ,MAAM,CAAC,CAAA;AAEtB,EAAA,uBACI,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACG,OAAA,EAAS,yBAAA;AAAA,MACT,IAAA;AAAA,MACA,QAAA,EAAU,CAAC,gBAAA,IAAoB,CAAC,UAAU,CAAC,MAAA,CAAO,OAAA,IAAW,CAAC,MAAA,CAAO,QAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACR;AAER","file":"send-jetton-button.mjs","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { useCallback, useMemo } from 'react';\nimport type { FC } from 'react';\nimport { createTransferJettonTransaction, formatUnits, parseUnits } from '@ton/appkit';\n\nimport { useI18n } from '../../../../hooks/use-i18n';\nimport { useAppKit } from '../../../../hooks/use-app-kit';\nimport type { TransactionProps } from '../../../transaction';\nimport { Transaction } from '../../../transaction';\n\nexport interface SendJettonButtonProps extends Omit<TransactionProps, 'request'> {\n    recipientAddress: string;\n    amount: string;\n    jetton: {\n        address: string;\n        symbol: string;\n        decimals: number;\n    };\n    comment?: string;\n}\n\nexport const SendJettonButton: FC<SendJettonButtonProps> = ({\n    recipientAddress,\n    amount,\n    comment,\n    jetton,\n    ...props\n}) => {\n    const appKit = useAppKit();\n    const { t } = useI18n();\n\n    const createTransferTransaction = useCallback(async () => {\n        if (!jetton.address) {\n            throw new Error('Jetton address is required');\n        }\n\n        if (!jetton.decimals) {\n            throw new Error('Jetton decimals is required');\n        }\n\n        return createTransferJettonTransaction(appKit, {\n            jettonAddress: jetton.address,\n            recipientAddress,\n            amount,\n            comment,\n            jettonDecimals: jetton.decimals,\n        });\n    }, [appKit, recipientAddress, amount, comment, jetton]);\n\n    const text = useMemo(() => {\n        if (amount && jetton.decimals) {\n            return t('balances.sendJettonWithAmount', {\n                amount: formatUnits(parseUnits(amount, jetton.decimals), jetton.decimals).toString(),\n                symbol: jetton.symbol,\n            });\n        }\n\n        return t('balances.sendJetton', { symbol: jetton.symbol, amount });\n    }, [t, amount, jetton]);\n\n    return (\n        <Transaction\n            request={createTransferTransaction}\n            text={text}\n            disabled={!recipientAddress || !amount || !jetton.address || !jetton.decimals}\n            {...props}\n        />\n    );\n};\n"]}

package/dist/features/balances/components/send-jetton-button/send-jetton-button.stories.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+declare const SendJettonButtonPreview: ({ text, isLoading, disabled, }: {
+    text?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const meta: Meta<typeof SendJettonButtonPreview>;
+export default meta;
+type Story = StoryObj<typeof SendJettonButtonPreview>;
+export declare const USDT: Story;
+export declare const NOT: Story;
+export declare const WithoutAmount: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=send-jetton-button.stories.d.ts.map

package/dist/features/balances/components/send-jetton-button/send-jetton-button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-jetton-button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/features/balances/components/send-jetton-button/send-jetton-button.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,uBAAuB,GAAI,gCAI9B;IACC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,4CAEA,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAO9C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEtD,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/dist/features/balances/components/send-jetton-button/send-jetton-button.stories.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var button = require('../../../../components/button');
+
+const SendJettonButtonPreview = ({
+  text = "Send USDT",
+  isLoading = false,
+  disabled = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { disabled: disabled || isLoading, children: isLoading ? "Processing..." : text });
+};
+const meta = {
+  title: "Public/Features/Balances/SendJettonButton",
+  component: SendJettonButtonPreview,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  }
+};
+var send_jetton_button_stories_default = meta;
+const USDT = {
+  args: {
+    text: "Send 100 USDT"
+  }
+};
+const NOT = {
+  args: {
+    text: "Send 500 NOT"
+  }
+};
+const WithoutAmount = {
+  args: {
+    text: "Send USDT"
+  }
+};
+const Loading = {
+  args: {
+    isLoading: true
+  }
+};
+const Disabled = {
+  args: {
+    text: "Send 100 USDT",
+    disabled: true
+  }
+};
+
+exports.Disabled = Disabled;
+exports.Loading = Loading;
+exports.NOT = NOT;
+exports.USDT = USDT;
+exports.WithoutAmount = WithoutAmount;
+exports.default = send_jetton_button_stories_default;
+//# sourceMappingURL=send-jetton-button.stories.js.map
+//# sourceMappingURL=send-jetton-button.stories.js.map

package/dist/features/balances/components/send-jetton-button/send-jetton-button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/send-jetton-button/send-jetton-button.stories.tsx"],"names":["Button"],"mappings":";;;;;;;AAYA,MAAM,0BAA0B,CAAC;AAAA,EAC7B,IAAA,GAAO,WAAA;AAAA,EACP,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA,GAAW;AACf,CAAA,KAIM;AACF,EAAA,sCAAQA,aAAA,EAAA,EAAO,QAAA,EAAU,YAAY,SAAA,EAAY,QAAA,EAAA,SAAA,GAAY,kBAAkB,IAAA,EAAK,CAAA;AACxF,CAAA;AAEA,MAAM,IAAA,GAA6C;AAAA,EAC/C,KAAA,EAAO,2CAAA;AAAA,EACP,SAAA,EAAW,uBAAA;AAAA,EACX,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,UAAA,EAAY;AAAA,IACR,MAAA,EAAQ;AAAA;AAEhB,CAAA;AAEA,IAAO,kCAAA,GAAQ;AAIR,MAAM,IAAA,GAAc;AAAA,EACvB,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,GAAA,GAAa;AAAA,EACtB,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,aAAA,GAAuB;AAAA,EAChC,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,OAAA,GAAiB;AAAA,EAC1B,IAAA,EAAM;AAAA,IACF,SAAA,EAAW;AAAA;AAEnB;AAEO,MAAM,QAAA,GAAkB;AAAA,EAC3B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,eAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAElB","file":"send-jetton-button.stories.js","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { Button } from '../../../../components/button';\n\nconst SendJettonButtonPreview = ({\n    text = 'Send USDT',\n    isLoading = false,\n    disabled = false,\n}: {\n    text?: string;\n    isLoading?: boolean;\n    disabled?: boolean;\n}) => {\n    return <Button disabled={disabled || isLoading}>{isLoading ? 'Processing...' : text}</Button>;\n};\n\nconst meta: Meta<typeof SendJettonButtonPreview> = {\n    title: 'Public/Features/Balances/SendJettonButton',\n    component: SendJettonButtonPreview,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof SendJettonButtonPreview>;\n\nexport const USDT: Story = {\n    args: {\n        text: 'Send 100 USDT',\n    },\n};\n\nexport const NOT: Story = {\n    args: {\n        text: 'Send 500 NOT',\n    },\n};\n\nexport const WithoutAmount: Story = {\n    args: {\n        text: 'Send USDT',\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        isLoading: true,\n    },\n};\n\nexport const Disabled: Story = {\n    args: {\n        text: 'Send 100 USDT',\n        disabled: true,\n    },\n};\n"]}