@sky-mavis/tanto-widget/dist/cjs/WidgetContent.cjs

Tanto Widget

'use strict';

var _styled = require('@emotion/styled/base');
var jsxRuntime = require('@emotion/react/jsx-runtime');
var wagmi = require('wagmi');
var ArrowLeftIcon = require('./assets/ArrowLeftIcon.cjs');
var SmoothHeight = require('./components/animated-containers/SmoothHeight.cjs');
var TransitionedView = require('./components/animated-containers/TransitionedView.cjs');
var Box = require('./components/box/Box.cjs');
var Button = require('./components/button/Button.cjs');
var CSSReset = require('./components/css-reset/CSSReset.cjs');
var WidgetConnectProvider = require('./contexts/widget-connect/WidgetConnectProvider.cjs');
var useWidgetRouter = require('./hooks/useWidgetRouter.cjs');

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
const ActionSection = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
  target: "e1ashkrp1"
} : {
  target: "e1ashkrp1",
  label: "ActionSection"
})(process.env.NODE_ENV === "production" ? {
  name: "ay38es",
  styles: "min-width:44px;width:44px"
} : {
  name: "ay38es",
  styles: "min-width:44px;width:44px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldpZGdldENvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdzQiIsImZpbGUiOiJXaWRnZXRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VBY2NvdW50LCB1c2VCYWxhbmNlIH0gZnJvbSAnd2FnbWknO1xuaW1wb3J0IHsgQXJyb3dMZWZ0SWNvbiB9IGZyb20gJy4vYXNzZXRzL0Fycm93TGVmdEljb24nO1xuaW1wb3J0IHsgU21vb3RoSGVpZ2h0IH0gZnJvbSAnLi9jb21wb25lbnRzL2FuaW1hdGVkLWNvbnRhaW5lcnMvU21vb3RoSGVpZ2h0JztcbmltcG9ydCB7IFRyYW5zaXRpb25lZFZpZXcgfSBmcm9tICcuL2NvbXBvbmVudHMvYW5pbWF0ZWQtY29udGFpbmVycy9UcmFuc2l0aW9uZWRWaWV3JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vY29tcG9uZW50cy9ib3gvQm94JztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbic7XG5pbXBvcnQgeyBDU1NSZXNldCB9IGZyb20gJy4vY29tcG9uZW50cy9jc3MtcmVzZXQvQ1NTUmVzZXQnO1xuaW1wb3J0IHsgV2lkZ2V0Q29ubmVjdFByb3ZpZGVyIH0gZnJvbSAnLi9jb250ZXh0cy93aWRnZXQtY29ubmVjdC9XaWRnZXRDb25uZWN0UHJvdmlkZXInO1xuaW1wb3J0IHsgdXNlV2lkZ2V0Um91dGVyIH0gZnJvbSAnLi9ob29rcy91c2VXaWRnZXRSb3V0ZXInO1xuY29uc3QgQWN0aW9uU2VjdGlvbiA9IHN0eWxlZC5kaXYoe1xuICAgIG1pbldpZHRoOiA0NCxcbiAgICB3aWR0aDogNDQsXG59KTtcbmNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdih7XG4gICAgZmxleDogMSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZm9udFNpemU6ICcxLjI1ZW0nLFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICB3b3JkQnJlYWs6ICdicmVhay13b3JkJyxcbn0pO1xuZXhwb3J0IGNvbnN0IFdpZGdldENvbnRlbnQgPSAoeyBjbG9zZSB9KSA9PiB7XG4gICAgY29uc3QgeyB2aWV3LCBnb0JhY2sgfSA9IHVzZVdpZGdldFJvdXRlcigpO1xuICAgIGNvbnN0IHsgYWRkcmVzcywgY2hhaW5JZCB9ID0gdXNlQWNjb3VudCgpO1xuICAgIGNvbnN0IGhlYWRlck1hcmdpbkJvdHRvbSA9ICgoKSA9PiB7XG4gICAgICAgIGlmICh2aWV3LnNob3dCYWNrQnV0dG9uIHx8IGNsb3NlKVxuICAgICAgICAgICAgcmV0dXJuIDg7XG4gICAgICAgIGlmICghdmlldy5zaG93QmFja0J1dHRvbiAmJiAhY2xvc2UpXG4gICAgICAgICAgICByZXR1cm4gNjtcbiAgICAgICAgcmV0dXJuIDEyO1xuICAgIH0pKCk7XG4gICAgdXNlQmFsYW5jZSh7IGFkZHJlc3MsIGNoYWluSWQgfSk7XG4gICAgcmV0dXJuIChfanN4KENTU1Jlc2V0LCB7IGNoaWxkcmVuOiBfanN4cyhTbW9vdGhIZWlnaHQsIHsgY2hpbGRyZW46IFtfanN4cyhCb3gsIHsgYWxpZ246IFwic3RyZXRjaFwiLCBnYXA6IDgsIG1iOiBoZWFkZXJNYXJnaW5Cb3R0b20sIGNoaWxkcmVuOiBbX2pzeChBY3Rpb25TZWN0aW9uLCB7IGNoaWxkcmVuOiB2aWV3LnNob3dCYWNrQnV0dG9uICYmIChfanN4KEljb25CdXR0b24sIHsgXCJhcmlhLWxhYmVsXCI6IFwiQmFja1wiLCBpbnRlbnQ6IFwic2Vjb25kYXJ5XCIsIHZhcmlhbnQ6IFwicGxhaW5cIiwgaWNvbjogX2pzeChBcnJvd0xlZnRJY29uLCB7fSksIG9uQ2xpY2s6IGdvQmFjayB9KSkgfSksIF9qc3goVGl0bGUsIHsgY2hpbGRyZW46IHZpZXcudGl0bGUgfSksIF9qc3goQWN0aW9uU2VjdGlvbiwgeyBjaGlsZHJlbjogY2xvc2UgJiYgY2xvc2UgfSldIH0pLCBfanN4KFdpZGdldENvbm5lY3RQcm92aWRlciwgeyBjaGlsZHJlbjogX2pzeChUcmFuc2l0aW9uZWRWaWV3LCB7IHZpZXdLZXk6IHZpZXcucm91dGUsIGNoaWxkcmVuOiB2aWV3LmNvbnRlbnQgfSkgfSldIH0pIH0pKTtcbn07XG4iXX0= */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
const Title = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
  target: "e1ashkrp0"
} : {
  target: "e1ashkrp0",
  label: "Title"
})(process.env.NODE_ENV === "production" ? {
  name: "cwh8up",
  styles: "flex:1;display:flex;align-items:center;font-size:1.25em;font-weight:500;word-break:break-word"
} : {
  name: "cwh8up",
  styles: "flex:1;display:flex;align-items:center;font-size:1.25em;font-weight:500;word-break:break-word/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldpZGdldENvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVjIiwiZmlsZSI6IldpZGdldENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUFjY291bnQsIHVzZUJhbGFuY2UgfSBmcm9tICd3YWdtaSc7XG5pbXBvcnQgeyBBcnJvd0xlZnRJY29uIH0gZnJvbSAnLi9hc3NldHMvQXJyb3dMZWZ0SWNvbic7XG5pbXBvcnQgeyBTbW9vdGhIZWlnaHQgfSBmcm9tICcuL2NvbXBvbmVudHMvYW5pbWF0ZWQtY29udGFpbmVycy9TbW9vdGhIZWlnaHQnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbmVkVmlldyB9IGZyb20gJy4vY29tcG9uZW50cy9hbmltYXRlZC1jb250YWluZXJzL1RyYW5zaXRpb25lZFZpZXcnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9jb21wb25lbnRzL2JveC9Cb3gnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uJztcbmltcG9ydCB7IENTU1Jlc2V0IH0gZnJvbSAnLi9jb21wb25lbnRzL2Nzcy1yZXNldC9DU1NSZXNldCc7XG5pbXBvcnQgeyBXaWRnZXRDb25uZWN0UHJvdmlkZXIgfSBmcm9tICcuL2NvbnRleHRzL3dpZGdldC1jb25uZWN0L1dpZGdldENvbm5lY3RQcm92aWRlcic7XG5pbXBvcnQgeyB1c2VXaWRnZXRSb3V0ZXIgfSBmcm9tICcuL2hvb2tzL3VzZVdpZGdldFJvdXRlcic7XG5jb25zdCBBY3Rpb25TZWN0aW9uID0gc3R5bGVkLmRpdih7XG4gICAgbWluV2lkdGg6IDQ0LFxuICAgIHdpZHRoOiA0NCxcbn0pO1xuY29uc3QgVGl0bGUgPSBzdHlsZWQuZGl2KHtcbiAgICBmbGV4OiAxLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmb250U2l6ZTogJzEuMjVlbScsXG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIHdvcmRCcmVhazogJ2JyZWFrLXdvcmQnLFxufSk7XG5leHBvcnQgY29uc3QgV2lkZ2V0Q29udGVudCA9ICh7IGNsb3NlIH0pID0+IHtcbiAgICBjb25zdCB7IHZpZXcsIGdvQmFjayB9ID0gdXNlV2lkZ2V0Um91dGVyKCk7XG4gICAgY29uc3QgeyBhZGRyZXNzLCBjaGFpbklkIH0gPSB1c2VBY2NvdW50KCk7XG4gICAgY29uc3QgaGVhZGVyTWFyZ2luQm90dG9tID0gKCgpID0+IHtcbiAgICAgICAgaWYgKHZpZXcuc2hvd0JhY2tCdXR0b24gfHwgY2xvc2UpXG4gICAgICAgICAgICByZXR1cm4gODtcbiAgICAgICAgaWYgKCF2aWV3LnNob3dCYWNrQnV0dG9uICYmICFjbG9zZSlcbiAgICAgICAgICAgIHJldHVybiA2O1xuICAgICAgICByZXR1cm4gMTI7XG4gICAgfSkoKTtcbiAgICB1c2VCYWxhbmNlKHsgYWRkcmVzcywgY2hhaW5JZCB9KTtcbiAgICByZXR1cm4gKF9qc3goQ1NTUmVzZXQsIHsgY2hpbGRyZW46IF9qc3hzKFNtb290aEhlaWdodCwgeyBjaGlsZHJlbjogW19qc3hzKEJveCwgeyBhbGlnbjogXCJzdHJldGNoXCIsIGdhcDogOCwgbWI6IGhlYWRlck1hcmdpbkJvdHRvbSwgY2hpbGRyZW46IFtfanN4KEFjdGlvblNlY3Rpb24sIHsgY2hpbGRyZW46IHZpZXcuc2hvd0JhY2tCdXR0b24gJiYgKF9qc3goSWNvbkJ1dHRvbiwgeyBcImFyaWEtbGFiZWxcIjogXCJCYWNrXCIsIGludGVudDogXCJzZWNvbmRhcnlcIiwgdmFyaWFudDogXCJwbGFpblwiLCBpY29uOiBfanN4KEFycm93TGVmdEljb24sIHt9KSwgb25DbGljazogZ29CYWNrIH0pKSB9KSwgX2pzeChUaXRsZSwgeyBjaGlsZHJlbjogdmlldy50aXRsZSB9KSwgX2pzeChBY3Rpb25TZWN0aW9uLCB7IGNoaWxkcmVuOiBjbG9zZSAmJiBjbG9zZSB9KV0gfSksIF9qc3goV2lkZ2V0Q29ubmVjdFByb3ZpZGVyLCB7IGNoaWxkcmVuOiBfanN4KFRyYW5zaXRpb25lZFZpZXcsIHsgdmlld0tleTogdmlldy5yb3V0ZSwgY2hpbGRyZW46IHZpZXcuY29udGVudCB9KSB9KV0gfSkgfSkpO1xufTtcbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
const WidgetContent = ({
  close
}) => {
  const {
    view,
    goBack
  } = useWidgetRouter.useWidgetRouter();
  const {
    address,
    chainId
  } = wagmi.useAccount();
  const headerMarginBottom = (() => {
    if (view.showBackButton || close) return 8;
    if (!view.showBackButton && !close) return 6;
    return 12;
  })();
  wagmi.useBalance({
    address,
    chainId
  });
  return jsxRuntime.jsx(CSSReset.CSSReset, {
    children: jsxRuntime.jsxs(SmoothHeight.SmoothHeight, {
      children: [jsxRuntime.jsxs(Box.Box, {
        align: "stretch",
        gap: 8,
        mb: headerMarginBottom,
        children: [jsxRuntime.jsx(ActionSection, {
          children: view.showBackButton && jsxRuntime.jsx(Button.IconButton, {
            "aria-label": "Back",
            intent: "secondary",
            variant: "plain",
            icon: jsxRuntime.jsx(ArrowLeftIcon.ArrowLeftIcon, {}),
            onClick: goBack
          })
        }), jsxRuntime.jsx(Title, {
          children: view.title
        }), jsxRuntime.jsx(ActionSection, {
          children: close && close
        })]
      }), jsxRuntime.jsx(WidgetConnectProvider.WidgetConnectProvider, {
        children: jsxRuntime.jsx(TransitionedView.TransitionedView, {
          viewKey: view.route,
          children: view.content
        })
      })]
    })
  });
};

exports.WidgetContent = WidgetContent;