@sky-mavis/tanto-widget
Version:
Tanto Widget
50 lines • 3.87 kB
JavaScript
import _styled from'@emotion/styled/base';import {jsx}from'@emotion/react/jsx-runtime';import {useAccountEffect}from'wagmi';import {CONNECT_SUCCESS_DELAY}from'./constants/index.mjs';import {WidgetRouterProvider}from'./contexts/widget-router/WidgetRouterProvider.mjs';import {WidgetUIConfigProvider}from'./contexts/widget-ui-config/WidgetUIConfigProvider.mjs';import {useConnectCallback}from'./hooks/useConnectCallback.mjs';import {useTantoConfig}from'./hooks/useTantoConfig.mjs';import {useWidgetRouter}from'./hooks/useWidgetRouter.mjs';import {WidgetContent}from'./WidgetContent.mjs';const EmbeddedContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
target: "evkji2o0"
} : {
target: "evkji2o0",
label: "EmbeddedContainer"
})(({
theme
}) => ({
width: '100%',
padding: '8px 20px 20px 20px',
backgroundColor: theme.modalBackground
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtYmVkZGVkV2lkZ2V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVMEIiLCJmaWxlIjoiRW1iZWRkZWRXaWRnZXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUFjY291bnRFZmZlY3QgfSBmcm9tICd3YWdtaSc7XG5pbXBvcnQgeyBDT05ORUNUX1NVQ0NFU1NfREVMQVkgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBXaWRnZXRSb3V0ZXJQcm92aWRlciB9IGZyb20gJy4vY29udGV4dHMvd2lkZ2V0LXJvdXRlci9XaWRnZXRSb3V0ZXJQcm92aWRlcic7XG5pbXBvcnQgeyBXaWRnZXRVSUNvbmZpZ1Byb3ZpZGVyIH0gZnJvbSAnLi9jb250ZXh0cy93aWRnZXQtdWktY29uZmlnL1dpZGdldFVJQ29uZmlnUHJvdmlkZXInO1xuaW1wb3J0IHsgdXNlQ29ubmVjdENhbGxiYWNrIH0gZnJvbSAnLi9ob29rcy91c2VDb25uZWN0Q2FsbGJhY2snO1xuaW1wb3J0IHsgdXNlVGFudG9Db25maWcgfSBmcm9tICcuL2hvb2tzL3VzZVRhbnRvQ29uZmlnJztcbmltcG9ydCB7IHVzZVdpZGdldFJvdXRlciB9IGZyb20gJy4vaG9va3MvdXNlV2lkZ2V0Um91dGVyJztcbmltcG9ydCB7IFdpZGdldENvbnRlbnQgfSBmcm9tICcuL1dpZGdldENvbnRlbnQnO1xuY29uc3QgRW1iZWRkZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBwYWRkaW5nOiAnOHB4IDIwcHggMjBweCAyMHB4JyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLm1vZGFsQmFja2dyb3VuZCxcbn0pKTtcbmZ1bmN0aW9uIEVtYmVkZGVkV2lkZ2V0KHsgb25Db25uZWN0LCBvbkRpc2Nvbm5lY3QsIC4uLnJlc3QgfSkge1xuICAgIGNvbnN0IHsgcmVzZXQgfSA9IHVzZVdpZGdldFJvdXRlcigpO1xuICAgIGNvbnN0IHsgaGlkZUNvbm5lY3RTdWNjZXNzUHJvbXB0IH0gPSB1c2VUYW50b0NvbmZpZygpO1xuICAgIHVzZUFjY291bnRFZmZlY3Qoe1xuICAgICAgICBvbkNvbm5lY3QoKSB7XG4gICAgICAgICAgICBzZXRUaW1lb3V0KHJlc2V0LCBoaWRlQ29ubmVjdFN1Y2Nlc3NQcm9tcHQgPyAwIDogQ09OTkVDVF9TVUNDRVNTX0RFTEFZKTtcbiAgICAgICAgfSxcbiAgICB9KTtcbiAgICB1c2VDb25uZWN0Q2FsbGJhY2soe1xuICAgICAgICBvbkNvbm5lY3QsXG4gICAgICAgIG9uRGlzY29ubmVjdCxcbiAgICB9KTtcbiAgICByZXR1cm4gKF9qc3goRW1iZWRkZWRDb250YWluZXIsIHsgLi4ucmVzdCwgY2hpbGRyZW46IF9qc3goV2lkZ2V0Q29udGVudCwge30pIH0pKTtcbn1cbmV4cG9ydCBmdW5jdGlvbiBUYW50b0VtYmVkZGVkV2lkZ2V0KHsgY29uZmlnLCAuLi5wcm9wcyB9KSB7XG4gICAgcmV0dXJuIChfanN4KFdpZGdldFJvdXRlclByb3ZpZGVyLCB7IGNoaWxkcmVuOiBfanN4KFdpZGdldFVJQ29uZmlnUHJvdmlkZXIsIHsgY29uZmlnOiBjb25maWcsIGNoaWxkcmVuOiBfanN4KEVtYmVkZGVkV2lkZ2V0LCB7IC4uLnByb3BzIH0pIH0pIH0pKTtcbn1cbiJdfQ== */");
function EmbeddedWidget({
onConnect,
onDisconnect,
...rest
}) {
const {
reset
} = useWidgetRouter();
const {
hideConnectSuccessPrompt
} = useTantoConfig();
useAccountEffect({
onConnect() {
setTimeout(reset, hideConnectSuccessPrompt ? 0 : CONNECT_SUCCESS_DELAY);
}
});
useConnectCallback({
onConnect,
onDisconnect
});
return jsx(EmbeddedContainer, {
...rest,
children: jsx(WidgetContent, {})
});
}
function TantoEmbeddedWidget({
config,
...props
}) {
return jsx(WidgetRouterProvider, {
children: jsx(WidgetUIConfigProvider, {
config: config,
children: jsx(EmbeddedWidget, {
...props
})
})
});
}export{TantoEmbeddedWidget};