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

package/dist/features/swap/hooks/use-swap-quote.mjs

@@ -0,0 +1,12 @@
+import { getSwapQuoteQueryOptions } from '@ton/appkit/queries';
+import { useAppKit } from '../../../hooks/use-app-kit';
+import { useQuery } from '../../../libs/query';
+
+const useSwapQuote = (parameters = {}) => {
+  const appKit = useAppKit();
+  return useQuery(getSwapQuoteQueryOptions(appKit, parameters));
+};
+
+export { useSwapQuote };
+//# sourceMappingURL=use-swap-quote.mjs.map
+//# sourceMappingURL=use-swap-quote.mjs.map

package/dist/features/swap/hooks/use-swap-quote.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/swap/hooks/use-swap-quote.ts"],"names":[],"mappings":";;;;AAwBO,MAAM,YAAA,GAAe,CACxB,UAAA,GAAiD,EAAC,KACb;AACrC,EAAA,MAAM,SAAS,SAAA,EAAU;AAEzB,EAAA,OAAO,QAAA,CAAS,wBAAA,CAAyB,MAAA,EAAQ,UAAU,CAAC,CAAA;AAChE","file":"use-swap-quote.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\n'use client';\n\nimport { getSwapQuoteQueryOptions } from '@ton/appkit/queries';\nimport type { GetSwapQuoteData, GetSwapQuoteErrorType, GetSwapQuoteQueryConfig } from '@ton/appkit/queries';\n\nimport { useAppKit } from '../../../hooks/use-app-kit';\nimport { useQuery } from '../../../libs/query';\nimport type { UseQueryReturnType } from '../../../libs/query';\n\nexport type UseSwapQuoteParameters<selectData = GetSwapQuoteData> = GetSwapQuoteQueryConfig<selectData>;\n\nexport type UseSwapQuoteReturnType<selectData = GetSwapQuoteData> = UseQueryReturnType<\n    selectData,\n    GetSwapQuoteErrorType\n>;\n\nexport const useSwapQuote = <selectData = GetSwapQuoteData>(\n    parameters: UseSwapQuoteParameters<selectData> = {},\n): UseSwapQuoteReturnType<selectData> => {\n    const appKit = useAppKit();\n\n    return useQuery(getSwapQuoteQueryOptions(appKit, parameters));\n};\n"]}

package/dist/features/swap/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 './hooks/use-swap-quote';
+export * from './hooks/use-build-swap-transaction';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/swap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/swap/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,wBAAwB,CAAC;AACvC,cAAc,oCAAoC,CAAC"}

package/dist/features/swap/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var useSwapQuote = require('./hooks/use-swap-quote');
+var useBuildSwapTransaction = require('./hooks/use-build-swap-transaction');
+
+
+
+Object.keys(useSwapQuote).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return useSwapQuote[k]; }
+	});
+});
+Object.keys(useBuildSwapTransaction).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return useBuildSwapTransaction[k]; }
+	});
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/features/swap/index.js.map

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

package/dist/features/swap/index.mjs

@@ -0,0 +1,4 @@
+export * from './hooks/use-swap-quote';
+export * from './hooks/use-build-swap-transaction';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/features/swap/index.mjs.map

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

package/dist/features/transaction/components/transaction/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 { Transaction } from './transaction';
+export type { TransactionProps, TransactionRenderProps } from './transaction';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/transaction/components/transaction/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/transaction/components/transaction/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC"}

package/dist/features/transaction/components/transaction/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var transaction = require('./transaction');
+
+
+
+Object.defineProperty(exports, "Transaction", {
+  enumerable: true,
+  get: function () { return transaction.Transaction; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/features/transaction/components/transaction/index.js.map

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

package/dist/features/transaction/components/transaction/index.mjs

@@ -0,0 +1,3 @@
+export { Transaction } from './transaction';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/features/transaction/components/transaction/index.mjs.map

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

package/dist/features/transaction/components/transaction/transaction.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 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, ReactNode, ComponentProps } from 'react';
+import type { SendTransactionParameters, SendTransactionReturnType } from '@ton/appkit';
+export interface TransactionRenderProps {
+    isLoading: boolean;
+    onSubmit: () => void;
+    disabled: boolean;
+    text: ReactNode;
+}
+export type TransactionRequest = SendTransactionParameters | Promise<SendTransactionParameters> | (() => SendTransactionParameters) | (() => Promise<SendTransactionParameters>);
+export interface TransactionProps extends Omit<ComponentProps<'button'>, 'children' | 'onError'> {
+    /** The transaction request parameters */
+    request: TransactionRequest;
+    /** Callback when an error occurs */
+    onError?: (error: Error) => void;
+    /** Callback when the transaction is successful */
+    onSuccess?: (response: SendTransactionReturnType) => void;
+    /** Custom button text */
+    text?: ReactNode;
+    /** Custom render function */
+    children?: (props: TransactionRenderProps) => ReactNode;
+}
+export declare const Transaction: FC<TransactionProps>;
+//# sourceMappingURL=transaction.d.ts.map

package/dist/features/transaction/components/transaction/transaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction.d.ts","sourceRoot":"","sources":["../../../../../src/features/transaction/components/transaction/transaction.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAMxF,MAAM,WAAW,sBAAsB;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,MAAM,kBAAkB,GACxB,yBAAyB,GACzB,OAAO,CAAC,yBAAyB,CAAC,GAClC,CAAC,MAAM,yBAAyB,CAAC,GACjC,CAAC,MAAM,OAAO,CAAC,yBAAyB,CAAC,CAAC,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC5F,yCAAyC;IACzC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,kDAAkD;IAClD,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC1D,yBAAyB;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC;CAC3D;AA+CD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiB5C,CAAC"}

package/dist/features/transaction/components/transaction/transaction.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var transactionProvider = require('../transaction-provider');
+var useI18n = require('../../../../hooks/use-i18n');
+var button = require('../../../../components/button');
+
+const TransactionContent = ({ text, children, ...props }) => {
+  const { isLoading, onSubmit, disabled } = transactionProvider.useTransactionContext();
+  const { t } = useI18n.useI18n();
+  const isDisabled = disabled || isLoading;
+  const handleSubmit = react.useCallback(() => {
+    if (!isDisabled) {
+      onSubmit();
+    }
+  }, [isDisabled, onSubmit]);
+  const buttonText = react.useMemo(() => {
+    if (isLoading) {
+      return t("transaction.processing");
+    }
+    return text ?? t("transaction.sendTransaction");
+  }, [isLoading, text, t]);
+  if (children) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({
+      isLoading,
+      onSubmit: handleSubmit,
+      disabled: isDisabled,
+      text: buttonText
+    }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: handleSubmit, disabled: isDisabled, ...props, children: buttonText });
+};
+const Transaction = ({
+  request,
+  children,
+  className,
+  onError,
+  onSuccess,
+  disabled = false,
+  text,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(transactionProvider.TransactionProvider, { request, onError, onSuccess, disabled, children: /* @__PURE__ */ jsxRuntime.jsx(TransactionContent, { className, text, ...props, children }) });
+};
+
+exports.Transaction = Transaction;
+//# sourceMappingURL=transaction.js.map
+//# sourceMappingURL=transaction.js.map

package/dist/features/transaction/components/transaction/transaction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/transaction/components/transaction/transaction.tsx"],"names":["useTransactionContext","useI18n","useCallback","useMemo","jsx","Button","TransactionProvider"],"mappings":";;;;;;;;AA+CA,MAAM,qBAAkD,CAAC,EAAE,MAAM,QAAA,EAAU,GAAG,OAAM,KAAM;AACtF,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,QAAA,KAAaA,yCAAA,EAAsB;AAChE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAQ;AAEtB,EAAA,MAAM,aAAa,QAAA,IAAY,SAAA;AAE/B,EAAA,MAAM,YAAA,GAAeC,kBAAY,MAAM;AACnC,IAAA,IAAI,CAAC,UAAA,EAAY;AACb,MAAA,QAAA,EAAS;AAAA,IACb;AAAA,EACJ,CAAA,EAAG,CAAC,UAAA,EAAY,QAAQ,CAAC,CAAA;AAEzB,EAAA,MAAM,UAAA,GAAaC,cAAQ,MAAM;AAC7B,IAAA,IAAI,SAAA,EAAW;AACX,MAAA,OAAO,EAAE,wBAAwB,CAAA;AAAA,IACrC;AAEA,IAAA,OAAO,IAAA,IAAQ,EAAE,6BAA6B,CAAA;AAAA,EAClD,CAAA,EAAG,CAAC,SAAA,EAAW,IAAA,EAAM,CAAC,CAAC,CAAA;AAEvB,EAAA,IAAI,QAAA,EAAU;AACV,IAAA,6DAES,QAAA,EAAA,QAAA,CAAS;AAAA,MACN,SAAA;AAAA,MACA,QAAA,EAAU,YAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACT,CAAA,EACL,CAAA;AAAA,EAER;AAEA,EAAA,uBACIC,cAAA,CAACC,iBAAO,OAAA,EAAS,YAAA,EAAc,UAAU,UAAA,EAAa,GAAG,OACpD,QAAA,EAAA,UAAA,EACL,CAAA;AAER,CAAA;AAEO,MAAM,cAAoC,CAAC;AAAA,EAC9C,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,IAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AACF,EAAA,uBACID,cAAA,CAACE,uCAAA,EAAA,EAAoB,OAAA,EAAkB,OAAA,EAAkB,SAAA,EAAsB,QAAA,EAC3E,QAAA,kBAAAF,cAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAsB,IAAA,EAAa,GAAG,KAAA,EACrD,UACL,CAAA,EACJ,CAAA;AAER","file":"transaction.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, ReactNode, ComponentProps } from 'react';\nimport type { SendTransactionParameters, SendTransactionReturnType } from '@ton/appkit';\n\nimport { TransactionProvider, useTransactionContext } from '../transaction-provider';\nimport { useI18n } from '../../../../hooks/use-i18n';\nimport { Button } from '../../../../components/button';\n\nexport interface TransactionRenderProps {\n    isLoading: boolean;\n    onSubmit: () => void;\n    disabled: boolean;\n    text: ReactNode;\n}\n\nexport type TransactionRequest =\n    | SendTransactionParameters\n    | Promise<SendTransactionParameters>\n    | (() => SendTransactionParameters)\n    | (() => Promise<SendTransactionParameters>);\n\nexport interface TransactionProps extends Omit<ComponentProps<'button'>, 'children' | 'onError'> {\n    /** The transaction request parameters */\n    request: TransactionRequest;\n    /** Callback when an error occurs */\n    onError?: (error: Error) => void;\n    /** Callback when the transaction is successful */\n    onSuccess?: (response: SendTransactionReturnType) => void;\n    /** Custom button text */\n    text?: ReactNode;\n    /** Custom render function */\n    children?: (props: TransactionRenderProps) => ReactNode;\n}\n\ninterface TransactionContentProps extends Omit<ComponentProps<'button'>, 'children'> {\n    text?: ReactNode;\n    children?: (props: TransactionRenderProps) => ReactNode;\n}\n\nconst TransactionContent: FC<TransactionContentProps> = ({ text, children, ...props }) => {\n    const { isLoading, onSubmit, disabled } = useTransactionContext();\n    const { t } = useI18n();\n\n    const isDisabled = disabled || isLoading;\n\n    const handleSubmit = useCallback(() => {\n        if (!isDisabled) {\n            onSubmit();\n        }\n    }, [isDisabled, onSubmit]);\n\n    const buttonText = useMemo(() => {\n        if (isLoading) {\n            return t('transaction.processing');\n        }\n\n        return text ?? t('transaction.sendTransaction');\n    }, [isLoading, text, t]);\n\n    if (children) {\n        return (\n            <>\n                {children({\n                    isLoading,\n                    onSubmit: handleSubmit,\n                    disabled: isDisabled,\n                    text: buttonText,\n                })}\n            </>\n        );\n    }\n\n    return (\n        <Button onClick={handleSubmit} disabled={isDisabled} {...props}>\n            {buttonText}\n        </Button>\n    );\n};\n\nexport const Transaction: FC<TransactionProps> = ({\n    request,\n    children,\n    className,\n    onError,\n    onSuccess,\n    disabled = false,\n    text,\n    ...props\n}) => {\n    return (\n        <TransactionProvider request={request} onError={onError} onSuccess={onSuccess} disabled={disabled}>\n            <TransactionContent className={className} text={text} {...props}>\n                {children}\n            </TransactionContent>\n        </TransactionProvider>\n    );\n};\n"]}

package/dist/features/transaction/components/transaction/transaction.mjs

@@ -0,0 +1,47 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useCallback, useMemo } from 'react';
+import { TransactionProvider, useTransactionContext } from '../transaction-provider';
+import { useI18n } from '../../../../hooks/use-i18n';
+import { Button } from '../../../../components/button';
+
+const TransactionContent = ({ text, children, ...props }) => {
+  const { isLoading, onSubmit, disabled } = useTransactionContext();
+  const { t } = useI18n();
+  const isDisabled = disabled || isLoading;
+  const handleSubmit = useCallback(() => {
+    if (!isDisabled) {
+      onSubmit();
+    }
+  }, [isDisabled, onSubmit]);
+  const buttonText = useMemo(() => {
+    if (isLoading) {
+      return t("transaction.processing");
+    }
+    return text ?? t("transaction.sendTransaction");
+  }, [isLoading, text, t]);
+  if (children) {
+    return /* @__PURE__ */ jsx(Fragment, { children: children({
+      isLoading,
+      onSubmit: handleSubmit,
+      disabled: isDisabled,
+      text: buttonText
+    }) });
+  }
+  return /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, disabled: isDisabled, ...props, children: buttonText });
+};
+const Transaction = ({
+  request,
+  children,
+  className,
+  onError,
+  onSuccess,
+  disabled = false,
+  text,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(TransactionProvider, { request, onError, onSuccess, disabled, children: /* @__PURE__ */ jsx(TransactionContent, { className, text, ...props, children }) });
+};
+
+export { Transaction };
+//# sourceMappingURL=transaction.mjs.map
+//# sourceMappingURL=transaction.mjs.map

package/dist/features/transaction/components/transaction/transaction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/transaction/components/transaction/transaction.tsx"],"names":[],"mappings":";;;;;;AA+CA,MAAM,qBAAkD,CAAC,EAAE,MAAM,QAAA,EAAU,GAAG,OAAM,KAAM;AACtF,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,QAAA,KAAa,qBAAA,EAAsB;AAChE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,OAAA,EAAQ;AAEtB,EAAA,MAAM,aAAa,QAAA,IAAY,SAAA;AAE/B,EAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACnC,IAAA,IAAI,CAAC,UAAA,EAAY;AACb,MAAA,QAAA,EAAS;AAAA,IACb;AAAA,EACJ,CAAA,EAAG,CAAC,UAAA,EAAY,QAAQ,CAAC,CAAA;AAEzB,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM;AAC7B,IAAA,IAAI,SAAA,EAAW;AACX,MAAA,OAAO,EAAE,wBAAwB,CAAA;AAAA,IACrC;AAEA,IAAA,OAAO,IAAA,IAAQ,EAAE,6BAA6B,CAAA;AAAA,EAClD,CAAA,EAAG,CAAC,SAAA,EAAW,IAAA,EAAM,CAAC,CAAC,CAAA;AAEvB,EAAA,IAAI,QAAA,EAAU;AACV,IAAA,uCAES,QAAA,EAAA,QAAA,CAAS;AAAA,MACN,SAAA;AAAA,MACA,QAAA,EAAU,YAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACT,CAAA,EACL,CAAA;AAAA,EAER;AAEA,EAAA,uBACI,GAAA,CAAC,UAAO,OAAA,EAAS,YAAA,EAAc,UAAU,UAAA,EAAa,GAAG,OACpD,QAAA,EAAA,UAAA,EACL,CAAA;AAER,CAAA;AAEO,MAAM,cAAoC,CAAC;AAAA,EAC9C,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,IAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AACF,EAAA,uBACI,GAAA,CAAC,mBAAA,EAAA,EAAoB,OAAA,EAAkB,OAAA,EAAkB,SAAA,EAAsB,QAAA,EAC3E,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAsB,IAAA,EAAa,GAAG,KAAA,EACrD,UACL,CAAA,EACJ,CAAA;AAER","file":"transaction.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, ReactNode, ComponentProps } from 'react';\nimport type { SendTransactionParameters, SendTransactionReturnType } from '@ton/appkit';\n\nimport { TransactionProvider, useTransactionContext } from '../transaction-provider';\nimport { useI18n } from '../../../../hooks/use-i18n';\nimport { Button } from '../../../../components/button';\n\nexport interface TransactionRenderProps {\n    isLoading: boolean;\n    onSubmit: () => void;\n    disabled: boolean;\n    text: ReactNode;\n}\n\nexport type TransactionRequest =\n    | SendTransactionParameters\n    | Promise<SendTransactionParameters>\n    | (() => SendTransactionParameters)\n    | (() => Promise<SendTransactionParameters>);\n\nexport interface TransactionProps extends Omit<ComponentProps<'button'>, 'children' | 'onError'> {\n    /** The transaction request parameters */\n    request: TransactionRequest;\n    /** Callback when an error occurs */\n    onError?: (error: Error) => void;\n    /** Callback when the transaction is successful */\n    onSuccess?: (response: SendTransactionReturnType) => void;\n    /** Custom button text */\n    text?: ReactNode;\n    /** Custom render function */\n    children?: (props: TransactionRenderProps) => ReactNode;\n}\n\ninterface TransactionContentProps extends Omit<ComponentProps<'button'>, 'children'> {\n    text?: ReactNode;\n    children?: (props: TransactionRenderProps) => ReactNode;\n}\n\nconst TransactionContent: FC<TransactionContentProps> = ({ text, children, ...props }) => {\n    const { isLoading, onSubmit, disabled } = useTransactionContext();\n    const { t } = useI18n();\n\n    const isDisabled = disabled || isLoading;\n\n    const handleSubmit = useCallback(() => {\n        if (!isDisabled) {\n            onSubmit();\n        }\n    }, [isDisabled, onSubmit]);\n\n    const buttonText = useMemo(() => {\n        if (isLoading) {\n            return t('transaction.processing');\n        }\n\n        return text ?? t('transaction.sendTransaction');\n    }, [isLoading, text, t]);\n\n    if (children) {\n        return (\n            <>\n                {children({\n                    isLoading,\n                    onSubmit: handleSubmit,\n                    disabled: isDisabled,\n                    text: buttonText,\n                })}\n            </>\n        );\n    }\n\n    return (\n        <Button onClick={handleSubmit} disabled={isDisabled} {...props}>\n            {buttonText}\n        </Button>\n    );\n};\n\nexport const Transaction: FC<TransactionProps> = ({\n    request,\n    children,\n    className,\n    onError,\n    onSuccess,\n    disabled = false,\n    text,\n    ...props\n}) => {\n    return (\n        <TransactionProvider request={request} onError={onError} onSuccess={onSuccess} disabled={disabled}>\n            <TransactionContent className={className} text={text} {...props}>\n                {children}\n            </TransactionContent>\n        </TransactionProvider>\n    );\n};\n"]}

package/dist/features/transaction/components/transaction/transaction.stories.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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 TransactionButtonPreview: ({ text, isLoading, disabled, }: {
+    text?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const meta: Meta<typeof TransactionButtonPreview>;
+export default meta;
+type Story = StoryObj<typeof TransactionButtonPreview>;
+export declare const Default: Story;
+export declare const CustomText: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const SendTonButton: Story;
+export declare const SendJettonButton: Story;
+//# sourceMappingURL=transaction.stories.d.ts.map

package/dist/features/transaction/components/transaction/transaction.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction.stories.d.ts","sourceRoot":"","sources":["../../../../../src/features/transaction/components/transaction/transaction.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,wBAAwB,GAAI,gCAI/B;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,wBAAwB,CAO/C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAEvD,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC"}

package/dist/features/transaction/components/transaction/transaction.stories.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var button = require('../../../../components/button');
+
+const TransactionButtonPreview = ({
+  text = "Send Transaction",
+  isLoading = false,
+  disabled = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { disabled: disabled || isLoading, children: isLoading ? "Processing..." : text });
+};
+const meta = {
+  title: "Public/Features/Transaction/Transaction",
+  component: TransactionButtonPreview,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  }
+};
+var transaction_stories_default = meta;
+const Default = {
+  args: {
+    text: "Send Transaction"
+  }
+};
+const CustomText = {
+  args: {
+    text: "Send 1.5 TON"
+  }
+};
+const Loading = {
+  args: {
+    isLoading: true
+  }
+};
+const Disabled = {
+  args: {
+    text: "Send Transaction",
+    disabled: true
+  }
+};
+const SendTonButton = {
+  args: {
+    text: "Send 10 TON"
+  }
+};
+const SendJettonButton = {
+  args: {
+    text: "Send 100 USDT"
+  }
+};
+
+exports.CustomText = CustomText;
+exports.Default = Default;
+exports.Disabled = Disabled;
+exports.Loading = Loading;
+exports.SendJettonButton = SendJettonButton;
+exports.SendTonButton = SendTonButton;
+exports.default = transaction_stories_default;
+//# sourceMappingURL=transaction.stories.js.map
+//# sourceMappingURL=transaction.stories.js.map

package/dist/features/transaction/components/transaction/transaction.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/transaction/components/transaction/transaction.stories.tsx"],"names":["Button"],"mappings":";;;;;;;AAaA,MAAM,2BAA2B,CAAC;AAAA,EAC9B,IAAA,GAAO,kBAAA;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,GAA8C;AAAA,EAChD,KAAA,EAAO,yCAAA;AAAA,EACP,SAAA,EAAW,wBAAA;AAAA,EACX,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,UAAA,EAAY;AAAA,IACR,MAAA,EAAQ;AAAA;AAEhB,CAAA;AAEA,IAAO,2BAAA,GAAQ;AAIR,MAAM,OAAA,GAAiB;AAAA,EAC1B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,UAAA,GAAoB;AAAA,EAC7B,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,kBAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAElB;AAEO,MAAM,aAAA,GAAuB;AAAA,EAChC,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,gBAAA,GAA0B;AAAA,EACnC,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd","file":"transaction.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\n// Create a preview component that doesn't depend on context\nconst TransactionButtonPreview = ({\n    text = 'Send Transaction',\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 TransactionButtonPreview> = {\n    title: 'Public/Features/Transaction/Transaction',\n    component: TransactionButtonPreview,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof TransactionButtonPreview>;\n\nexport const Default: Story = {\n    args: {\n        text: 'Send Transaction',\n    },\n};\n\nexport const CustomText: Story = {\n    args: {\n        text: 'Send 1.5 TON',\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        isLoading: true,\n    },\n};\n\nexport const Disabled: Story = {\n    args: {\n        text: 'Send Transaction',\n        disabled: true,\n    },\n};\n\nexport const SendTonButton: Story = {\n    args: {\n        text: 'Send 10 TON',\n    },\n};\n\nexport const SendJettonButton: Story = {\n    args: {\n        text: 'Send 100 USDT',\n    },\n};\n"]}

package/dist/features/transaction/components/transaction/transaction.stories.mjs

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+import { Button } from '../../../../components/button';
+
+const TransactionButtonPreview = ({
+  text = "Send Transaction",
+  isLoading = false,
+  disabled = false
+}) => {
+  return /* @__PURE__ */ jsx(Button, { disabled: disabled || isLoading, children: isLoading ? "Processing..." : text });
+};
+const meta = {
+  title: "Public/Features/Transaction/Transaction",
+  component: TransactionButtonPreview,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  }
+};
+var transaction_stories_default = meta;
+const Default = {
+  args: {
+    text: "Send Transaction"
+  }
+};
+const CustomText = {
+  args: {
+    text: "Send 1.5 TON"
+  }
+};
+const Loading = {
+  args: {
+    isLoading: true
+  }
+};
+const Disabled = {
+  args: {
+    text: "Send Transaction",
+    disabled: true
+  }
+};
+const SendTonButton = {
+  args: {
+    text: "Send 10 TON"
+  }
+};
+const SendJettonButton = {
+  args: {
+    text: "Send 100 USDT"
+  }
+};
+
+export { CustomText, Default, Disabled, Loading, SendJettonButton, SendTonButton, transaction_stories_default as default };
+//# sourceMappingURL=transaction.stories.mjs.map
+//# sourceMappingURL=transaction.stories.mjs.map

package/dist/features/transaction/components/transaction/transaction.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/transaction/components/transaction/transaction.stories.tsx"],"names":[],"mappings":";;;AAaA,MAAM,2BAA2B,CAAC;AAAA,EAC9B,IAAA,GAAO,kBAAA;AAAA,EACP,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA,GAAW;AACf,CAAA,KAIM;AACF,EAAA,2BAAQ,MAAA,EAAA,EAAO,QAAA,EAAU,YAAY,SAAA,EAAY,QAAA,EAAA,SAAA,GAAY,kBAAkB,IAAA,EAAK,CAAA;AACxF,CAAA;AAEA,MAAM,IAAA,GAA8C;AAAA,EAChD,KAAA,EAAO,yCAAA;AAAA,EACP,SAAA,EAAW,wBAAA;AAAA,EACX,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,UAAA,EAAY;AAAA,IACR,MAAA,EAAQ;AAAA;AAEhB,CAAA;AAEA,IAAO,2BAAA,GAAQ;AAIR,MAAM,OAAA,GAAiB;AAAA,EAC1B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,UAAA,GAAoB;AAAA,EAC7B,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,kBAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAElB;AAEO,MAAM,aAAA,GAAuB;AAAA,EAChC,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,gBAAA,GAA0B;AAAA,EACnC,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd","file":"transaction.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';\n\nimport { Button } from '../../../../components/button';\n\n// Create a preview component that doesn't depend on context\nconst TransactionButtonPreview = ({\n    text = 'Send Transaction',\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 TransactionButtonPreview> = {\n    title: 'Public/Features/Transaction/Transaction',\n    component: TransactionButtonPreview,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof TransactionButtonPreview>;\n\nexport const Default: Story = {\n    args: {\n        text: 'Send Transaction',\n    },\n};\n\nexport const CustomText: Story = {\n    args: {\n        text: 'Send 1.5 TON',\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        isLoading: true,\n    },\n};\n\nexport const Disabled: Story = {\n    args: {\n        text: 'Send Transaction',\n        disabled: true,\n    },\n};\n\nexport const SendTonButton: Story = {\n    args: {\n        text: 'Send 10 TON',\n    },\n};\n\nexport const SendJettonButton: Story = {\n    args: {\n        text: 'Send 100 USDT',\n    },\n};\n"]}

package/dist/features/transaction/components/transaction-provider/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 { TransactionProvider, useTransactionContext, TransactionContext } from './transaction-provider';
+export type { TransactionContextType } from './transaction-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/transaction/components/transaction-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/transaction/components/transaction-provider/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACxG,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/features/transaction/components/transaction-provider/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var transactionProvider = require('./transaction-provider');
+
+
+
+Object.defineProperty(exports, "TransactionContext", {
+  enumerable: true,
+  get: function () { return transactionProvider.TransactionContext; }
+});
+Object.defineProperty(exports, "TransactionProvider", {
+  enumerable: true,
+  get: function () { return transactionProvider.TransactionProvider; }
+});
+Object.defineProperty(exports, "useTransactionContext", {
+  enumerable: true,
+  get: function () { return transactionProvider.useTransactionContext; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/features/transaction/components/transaction-provider/index.js.map

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

package/dist/features/transaction/components/transaction-provider/index.mjs

@@ -0,0 +1,3 @@
+export { TransactionContext, TransactionProvider, useTransactionContext } from './transaction-provider';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/features/transaction/components/transaction-provider/index.mjs.map

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

package/dist/features/transaction/components/transaction-provider/transaction-provider.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 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, PropsWithChildren } from 'react';
+import type { SendTransactionReturnType } from '@ton/appkit';
+import type { TransactionRequest } from '../transaction/transaction';
+export interface TransactionContextType {
+    /** Function to submit the transaction */
+    onSubmit: () => void;
+    /** Whether the transaction is currently loading */
+    isLoading: boolean;
+    /** The error object if the transaction failed */
+    error?: Error | null;
+    /** The receipt of the successful transaction */
+    receipt?: SendTransactionReturnType | null;
+    /** Disable the button/interaction */
+    disabled?: boolean;
+}
+export declare const TransactionContext: import("react").Context<TransactionContextType>;
+export declare function useTransactionContext(): TransactionContextType;
+export interface TransactionProviderProps extends PropsWithChildren {
+    /** The transaction request parameters */
+    request: TransactionRequest;
+    /** Callback when an error occurs */
+    onError?: (error: Error) => void;
+    /** Callback when the transaction is successful */
+    onSuccess?: (response: SendTransactionReturnType) => void;
+    /** Disable the button/interaction */
+    disabled?: boolean;
+}
+export declare const TransactionProvider: FC<TransactionProviderProps>;
+//# sourceMappingURL=transaction-provider.d.ts.map

package/dist/features/transaction/components/transaction-provider/transaction-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-provider.d.ts","sourceRoot":"","sources":["../../../../../src/features/transaction/components/transaction-provider/transaction-provider.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,WAAW,sBAAsB;IACnC,yCAAyC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mDAAmD;IACnD,SAAS,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,gDAAgD;IAChD,OAAO,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAC;IAC3C,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,iDAK7B,CAAC;AAEH,wBAAgB,qBAAqB,2BAIpC;AAED,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IAC/D,yCAAyC;IACzC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,kDAAkD;IAClD,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC1D,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA6D5D,CAAC"}

package/dist/features/transaction/components/transaction-provider/transaction-provider.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var useSendTransaction = require('../../hooks/use-send-transaction');
+
+const TransactionContext = react.createContext({
+  onSubmit: () => {
+    throw new Error("onSubmit is not defined");
+  },
+  isLoading: false
+});
+function useTransactionContext() {
+  const context = react.useContext(TransactionContext);
+  return context;
+}
+const TransactionProvider = ({
+  children,
+  request,
+  onError,
+  onSuccess,
+  disabled = false
+}) => {
+  const [receipt, setReceipt] = react.useState(null);
+  const [isPreparing, setIsPreparing] = react.useState(false);
+  const {
+    mutateAsync: sendTransaction,
+    isPending,
+    error: mutationError
+  } = useSendTransaction.useSendTransaction({
+    mutation: {
+      onSuccess: (data) => {
+        setReceipt(data);
+        onSuccess?.(data);
+      },
+      onError: (err) => {
+        onError?.(err);
+      }
+    }
+  });
+  const handleSubmit = react.useCallback(async () => {
+    if (disabled || isPreparing || isPending) {
+      return;
+    }
+    setIsPreparing(true);
+    try {
+      const transactionRequest = typeof request === "function" ? await request() : await request;
+      if (!transactionRequest) {
+        return;
+      }
+      await sendTransaction(transactionRequest);
+    } catch (e) {
+      const error = e instanceof Error ? e : new Error(String(e));
+      onError?.(error);
+    } finally {
+      setIsPreparing(false);
+    }
+  }, [sendTransaction, request, disabled, isPreparing, isPending, onError]);
+  const value = react.useMemo(
+    () => ({
+      error: mutationError,
+      isLoading: isPreparing || isPending,
+      onSubmit: handleSubmit,
+      receipt,
+      disabled
+    }),
+    [mutationError, isPreparing, isPending, handleSubmit, receipt, disabled]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(TransactionContext.Provider, { value, children });
+};
+
+exports.TransactionContext = TransactionContext;
+exports.TransactionProvider = TransactionProvider;
+exports.useTransactionContext = useTransactionContext;
+//# sourceMappingURL=transaction-provider.js.map
+//# sourceMappingURL=transaction-provider.js.map

package/dist/features/transaction/components/transaction-provider/transaction-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/transaction/components/transaction-provider/transaction-provider.tsx"],"names":["createContext","useContext","useState","useSendTransaction","useCallback","useMemo","jsx"],"mappings":";;;;;;AA4BO,MAAM,qBAAqBA,mBAAA,CAAsC;AAAA,EACpE,UAAU,MAAM;AACZ,IAAA,MAAM,IAAI,MAAM,yBAAyB,CAAA;AAAA,EAC7C,CAAA;AAAA,EACA,SAAA,EAAW;AACf,CAAC;AAEM,SAAS,qBAAA,GAAwB;AACpC,EAAA,MAAM,OAAA,GAAUC,iBAAW,kBAAkB,CAAA;AAE7C,EAAA,OAAO,OAAA;AACX;AAaO,MAAM,sBAAoD,CAAC;AAAA,EAC9D,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW;AACf,CAAA,KAAM;AACF,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAA2C,IAAI,CAAA;AAC7E,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,KAAK,CAAA;AAEpD,EAAA,MAAM;AAAA,IACF,WAAA,EAAa,eAAA;AAAA,IACb,SAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACPC,qCAAA,CAAmB;AAAA,IACnB,QAAA,EAAU;AAAA,MACN,SAAA,EAAW,CAAC,IAAA,KAAS;AACjB,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA,SAAA,GAAY,IAAI,CAAA;AAAA,MACpB,CAAA;AAAA,MACA,OAAA,EAAS,CAAC,GAAA,KAAQ;AACd,QAAA,OAAA,GAAU,GAAG,CAAA;AAAA,MACjB;AAAA;AACJ,GACH,CAAA;AAED,EAAA,MAAM,YAAA,GAAeC,kBAAY,YAAY;AACzC,IAAA,IAAI,QAAA,IAAY,eAAe,SAAA,EAAW;AACtC,MAAA;AAAA,IACJ;AAEA,IAAA,cAAA,CAAe,IAAI,CAAA;AAEnB,IAAA,IAAI;AACA,MAAA,MAAM,qBAAqB,OAAO,OAAA,KAAY,aAAa,MAAM,OAAA,KAAY,MAAM,OAAA;AAEnF,MAAA,IAAI,CAAC,kBAAA,EAAoB;AACrB,QAAA;AAAA,MACJ;AAEA,MAAA,MAAM,gBAAgB,kBAAkB,CAAA;AAAA,IAC5C,SAAS,CAAA,EAAG;AACR,MAAA,MAAM,KAAA,GAAQ,aAAa,KAAA,GAAQ,CAAA,GAAI,IAAI,KAAA,CAAM,MAAA,CAAO,CAAC,CAAC,CAAA;AAC1D,MAAA,OAAA,GAAU,KAAK,CAAA;AAAA,IACnB,CAAA,SAAE;AACE,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA,IACxB;AAAA,EACJ,CAAA,EAAG,CAAC,eAAA,EAAiB,OAAA,EAAS,UAAU,WAAA,EAAa,SAAA,EAAW,OAAO,CAAC,CAAA;AAExE,EAAA,MAAM,KAAA,GAAQC,aAAA;AAAA,IACV,OAAO;AAAA,MACH,KAAA,EAAO,aAAA;AAAA,MACP,WAAW,WAAA,IAAe,SAAA;AAAA,MAC1B,QAAA,EAAU,YAAA;AAAA,MACV,OAAA;AAAA,MACA;AAAA,KACJ,CAAA;AAAA,IACA,CAAC,aAAA,EAAe,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,SAAS,QAAQ;AAAA,GAC3E;AAEA,EAAA,uBAAOC,cAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,OAAe,QAAA,EAAS,CAAA;AAChE","file":"transaction-provider.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 { createContext, useCallback, useContext, useMemo, useState } from 'react';\nimport type { FC, PropsWithChildren } from 'react';\nimport type { SendTransactionReturnType } from '@ton/appkit';\n\nimport { useSendTransaction } from '../../hooks/use-send-transaction';\nimport type { TransactionRequest } from '../transaction/transaction';\n\nexport interface TransactionContextType {\n    /** Function to submit the transaction */\n    onSubmit: () => void;\n    /** Whether the transaction is currently loading */\n    isLoading: boolean;\n    /** The error object if the transaction failed */\n    error?: Error | null;\n    /** The receipt of the successful transaction */\n    receipt?: SendTransactionReturnType | null;\n    /** Disable the button/interaction */\n    disabled?: boolean;\n}\n\nexport const TransactionContext = createContext<TransactionContextType>({\n    onSubmit: () => {\n        throw new Error('onSubmit is not defined');\n    },\n    isLoading: false,\n});\n\nexport function useTransactionContext() {\n    const context = useContext(TransactionContext);\n\n    return context;\n}\n\nexport interface TransactionProviderProps extends PropsWithChildren {\n    /** The transaction request parameters */\n    request: TransactionRequest;\n    /** Callback when an error occurs */\n    onError?: (error: Error) => void;\n    /** Callback when the transaction is successful */\n    onSuccess?: (response: SendTransactionReturnType) => void;\n    /** Disable the button/interaction */\n    disabled?: boolean;\n}\n\nexport const TransactionProvider: FC<TransactionProviderProps> = ({\n    children,\n    request,\n    onError,\n    onSuccess,\n    disabled = false,\n}) => {\n    const [receipt, setReceipt] = useState<SendTransactionReturnType | null>(null);\n    const [isPreparing, setIsPreparing] = useState(false);\n\n    const {\n        mutateAsync: sendTransaction,\n        isPending,\n        error: mutationError,\n    } = useSendTransaction({\n        mutation: {\n            onSuccess: (data) => {\n                setReceipt(data);\n                onSuccess?.(data);\n            },\n            onError: (err) => {\n                onError?.(err);\n            },\n        },\n    });\n\n    const handleSubmit = useCallback(async () => {\n        if (disabled || isPreparing || isPending) {\n            return;\n        }\n\n        setIsPreparing(true);\n\n        try {\n            const transactionRequest = typeof request === 'function' ? await request() : await request;\n\n            if (!transactionRequest) {\n                return;\n            }\n\n            await sendTransaction(transactionRequest);\n        } catch (e) {\n            const error = e instanceof Error ? e : new Error(String(e));\n            onError?.(error);\n        } finally {\n            setIsPreparing(false);\n        }\n    }, [sendTransaction, request, disabled, isPreparing, isPending, onError]);\n\n    const value = useMemo(\n        () => ({\n            error: mutationError,\n            isLoading: isPreparing || isPending,\n            onSubmit: handleSubmit,\n            receipt,\n            disabled,\n        }),\n        [mutationError, isPreparing, isPending, handleSubmit, receipt, disabled],\n    );\n\n    return <TransactionContext.Provider value={value}>{children}</TransactionContext.Provider>;\n};\n"]}