@turnkey/react-wallet-kit/dist/components/design/Lottie/Wrapper.mjs

The easiest and most powerful way to integrate Turnkey's Embedded Wallets into your React applications.

import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, objectSpread2 as _objectSpread2, regeneratorRuntime as _regeneratorRuntime } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
import { jsx } from 'react/jsx-runtime';
import { useState, useEffect } from 'react';

function LottiePlayerWrapper(props) {
  var _useState = useState(null),
    _useState2 = _slicedToArray(_useState, 2),
    PlayerComponent = _useState2[0],
    setPlayerComponent = _useState2[1];
  useEffect(function () {
    if (typeof window !== "undefined") {
      import('./Dynamic.mjs').then(/*#__PURE__*/function () {
        var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(mod) {
          var Player;
          return _regeneratorRuntime().wrap(function _callee$(_context) {
            while (1) switch (_context.prev = _context.next) {
              case 0:
                _context.next = 2;
                return mod.getLottiePlayer();
              case 2:
                Player = _context.sent;
                //@ts-ignore
                setPlayerComponent(function () {
                  return Player;
                });
              case 4:
              case "end":
                return _context.stop();
            }
          }, _callee);
        }));
        return function (_x) {
          return _ref.apply(this, arguments);
        };
      }());
    }
  }, []);
  if (!PlayerComponent) return null;
  return jsx(PlayerComponent, _objectSpread2({}, props));
}

export { LottiePlayerWrapper as default };
//# sourceMappingURL=Wrapper.mjs.map