@dextinity/cms-admin 2.0.0-canary-20260729062014

package/lib/preview/common/IFrameViewer.js

@@ -0,0 +1,127 @@
+var _templateObject;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Loading } from "@dextinity/admin";
+import { css } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { forwardRef, useState } from "react";
+import useDimensions from "react-cool-dimensions";
+import { Device } from "./Device";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var devicesConfig = _defineProperty(_defineProperty(_defineProperty({}, Device.Mobile, {
+  outerFrame: {
+    width: 406,
+    height: 763
+  }
+}), Device.Tablet, {
+  outerFrame: {
+    width: 1063,
+    height: 766
+  }
+}), Device.Desktop, {
+  outerFrame: {
+    width: 1600,
+    height: 885
+  }
+});
+var IFrameViewer = /*#__PURE__*/forwardRef(function (_ref, iFrameRef) {
+  var device = _ref.device,
+    initialPageUrl = _ref.initialPageUrl;
+  var deviceConfig = resolveDeviceConfig(device);
+  var _useDimensions = useDimensions(),
+    containerRef = _useDimensions.observe,
+    width = _useDimensions.width,
+    height = _useDimensions.height;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var scaleFactor = deviceConfig ? calcScaleFactor(width, height, deviceConfig) : 1;
+  return /*#__PURE__*/_jsxs(Root, {
+    ref: containerRef,
+    children: [isLoading && /*#__PURE__*/_jsx(Loading, {
+      behavior: "fillParentAbsolute",
+      sx: {
+        zIndex: 1
+      }
+    }), /*#__PURE__*/_jsx(OuterFrame
+    // Inline style to prevent device frame disappearing while scaling
+    , {
+      style: {
+        transform: "scale(".concat(scaleFactor, ")")
+      },
+      deviceConfig: deviceConfig,
+      children: /*#__PURE__*/_jsx(IFrame, {
+        ref: iFrameRef,
+        src: initialPageUrl,
+        deviceConfig: deviceConfig,
+        onLoad: function onLoad() {
+          return setIsLoading(false);
+        }
+      })
+    })]
+  });
+});
+function resolveDeviceConfig(device) {
+  if (device === Device.Responsive) {
+    return null;
+  }
+  return devicesConfig[device];
+}
+function calcScaleFactor(width, height, deviceConfig) {
+  if (width >= deviceConfig.outerFrame.width + 40 && height >= deviceConfig.outerFrame.height + 40) {
+    return 1;
+  }
+  var scaleX = width / (deviceConfig.outerFrame.width + 40);
+  var scaleY = height / (deviceConfig.outerFrame.height + 40);
+  return Math.min(scaleX, scaleY, 1);
+}
+var Root = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ezmfmwq2"
+} : {
+  target: "ezmfmwq2",
+  label: "Root"
+})("position:relative;display:flex;align-items:center;justify-content:center;flex:1;background-color:", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.grey[100];
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2NvbW1vbi9JRnJhbWVWaWV3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3ByZXZpZXcvY29tbW9uL0lGcmFtZVZpZXdlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMb2FkaW5nIH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW5cIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdXNlRGltZW5zaW9ucyBmcm9tIFwicmVhY3QtY29vbC1kaW1lbnNpb25zXCI7XG5cbmltcG9ydCB7IERldmljZSB9IGZyb20gXCIuL0RldmljZVwiO1xuXG5pbnRlcmZhY2UgRGV2aWNlQ29uZmlnIHtcbiAgICBvdXRlckZyYW1lOiB7XG4gICAgICAgIHdpZHRoOiBudW1iZXI7XG4gICAgICAgIGhlaWdodDogbnVtYmVyO1xuICAgIH07XG59XG5cbmNvbnN0IGRldmljZXNDb25maWc6IFJlY29yZDxFeGNsdWRlPERldmljZSwgRGV2aWNlLlJlc3BvbnNpdmU+LCBEZXZpY2VDb25maWc+ID0ge1xuICAgIFtEZXZpY2UuTW9iaWxlXToge1xuICAgICAgICBvdXRlckZyYW1lOiB7XG4gICAgICAgICAgICB3aWR0aDogNDA2LFxuICAgICAgICAgICAgaGVpZ2h0OiA3NjMsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICBbRGV2aWNlLlRhYmxldF06IHtcbiAgICAgICAgb3V0ZXJGcmFtZToge1xuICAgICAgICAgICAgd2lkdGg6IDEwNjMsXG4gICAgICAgICAgICBoZWlnaHQ6IDc2NixcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIFtEZXZpY2UuRGVza3RvcF06IHtcbiAgICAgICAgb3V0ZXJGcmFtZToge1xuICAgICAgICAgICAgd2lkdGg6IDE2MDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDg4NSxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBkZXZpY2U6IERldmljZTtcbiAgICBpbml0aWFsUGFnZVVybDogc3RyaW5nO1xufVxuXG5jb25zdCBJRnJhbWVWaWV3ZXIgPSBmb3J3YXJkUmVmPEhUTUxJRnJhbWVFbGVtZW50LCBQcm9wcz4oKHsgZGV2aWNlLCBpbml0aWFsUGFnZVVybCB9LCBpRnJhbWVSZWYpID0+IHtcbiAgICBjb25zdCBkZXZpY2VDb25maWcgPSByZXNvbHZlRGV2aWNlQ29uZmlnKGRldmljZSk7XG5cbiAgICBjb25zdCB7IG9ic2VydmU6IGNvbnRhaW5lclJlZiwgd2lkdGgsIGhlaWdodCB9ID0gdXNlRGltZW5zaW9uczxIVE1MRGl2RWxlbWVudCB8IG51bGw+KCk7XG4gICAgY29uc3QgW2lzTG9hZGluZywgc2V0SXNMb2FkaW5nXSA9IHVzZVN0YXRlKHRydWUpO1xuXG4gICAgY29uc3Qgc2NhbGVGYWN0b3IgPSBkZXZpY2VDb25maWcgPyBjYWxjU2NhbGVGYWN0b3Iod2lkdGgsIGhlaWdodCwgZGV2aWNlQ29uZmlnKSA6IDE7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdCByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgICAgICB7aXNMb2FkaW5nICYmIDxMb2FkaW5nIGJlaGF2aW9yPVwiZmlsbFBhcmVudEFic29sdXRlXCIgc3g9e3sgekluZGV4OiAxIH19IC8+fVxuICAgICAgICAgICAgPE91dGVyRnJhbWVcbiAgICAgICAgICAgICAgICAvLyBJbmxpbmUgc3R5bGUgdG8gcHJldmVudCBkZXZpY2UgZnJhbWUgZGlzYXBwZWFyaW5nIHdoaWxlIHNjYWxpbmdcbiAgICAgICAgICAgICAgICBzdHlsZT17eyB0cmFuc2Zvcm06IGBzY2FsZSgke3NjYWxlRmFjdG9yfSlgIH19XG4gICAgICAgICAgICAgICAgZGV2aWNlQ29uZmlnPXtkZXZpY2VDb25maWd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPElGcmFtZSByZWY9e2lGcmFtZVJlZn0gc3JjPXtpbml0aWFsUGFnZVVybH0gZGV2aWNlQ29uZmlnPXtkZXZpY2VDb25maWd9IG9uTG9hZD17KCkgPT4gc2V0SXNMb2FkaW5nKGZhbHNlKX0gLz5cbiAgICAgICAgICAgIDwvT3V0ZXJGcmFtZT5cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59KTtcblxuZnVuY3Rpb24gcmVzb2x2ZURldmljZUNvbmZpZyhkZXZpY2U6IERldmljZSk6IERldmljZUNvbmZpZyB8IG51bGwge1xuICAgIGlmIChkZXZpY2UgPT09IERldmljZS5SZXNwb25zaXZlKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiBkZXZpY2VzQ29uZmlnW2RldmljZV07XG59XG5cbmZ1bmN0aW9uIGNhbGNTY2FsZUZhY3Rvcih3aWR0aDogbnVtYmVyLCBoZWlnaHQ6IG51bWJlciwgZGV2aWNlQ29uZmlnOiBEZXZpY2VDb25maWcpIHtcbiAgICBpZiAod2lkdGggPj0gZGV2aWNlQ29uZmlnLm91dGVyRnJhbWUud2lkdGggKyA0MCAmJiBoZWlnaHQgPj0gZGV2aWNlQ29uZmlnLm91dGVyRnJhbWUuaGVpZ2h0ICsgNDApIHtcbiAgICAgICAgcmV0dXJuIDE7XG4gICAgfVxuXG4gICAgY29uc3Qgc2NhbGVYID0gd2lkdGggLyAoZGV2aWNlQ29uZmlnLm91dGVyRnJhbWUud2lkdGggKyA0MCk7XG4gICAgY29uc3Qgc2NhbGVZID0gaGVpZ2h0IC8gKGRldmljZUNvbmZpZy5vdXRlckZyYW1lLmhlaWdodCArIDQwKTtcblxuICAgIHJldHVybiBNYXRoLm1pbihzY2FsZVgsIHNjYWxlWSwgMSk7XG59XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBmbGV4OiAxO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5WzEwMF19O1xuYDtcblxuaW50ZXJmYWNlIElGcmFtZVByb3BzIHtcbiAgICBkZXZpY2VDb25maWc6IERldmljZUNvbmZpZyB8IG51bGw7XG59XG5cbmNvbnN0IE91dGVyRnJhbWUgPSBzdHlsZWQoXCJkaXZcIiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwiZGV2aWNlQ29uZmlnXCIgfSk8SUZyYW1lUHJvcHM+YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG5cbiAgICAkeyh7IGRldmljZUNvbmZpZyB9KSA9PlxuICAgICAgICBkZXZpY2VDb25maWcgIT09IG51bGwgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgbGVmdDogY2FsYyg1MCUgLSAke2RldmljZUNvbmZpZy5vdXRlckZyYW1lLndpZHRoIC8gMn1weCk7XG4gICAgICAgICAgICB0b3A6IGNhbGMoNTAlIC0gJHtkZXZpY2VDb25maWcub3V0ZXJGcmFtZS5oZWlnaHQgLyAyfXB4KTtcbiAgICAgICAgICAgIHdpZHRoOiAke2RldmljZUNvbmZpZy5vdXRlckZyYW1lLndpZHRofXB4O1xuICAgICAgICAgICAgaGVpZ2h0OiAke2RldmljZUNvbmZpZy5vdXRlckZyYW1lLmhlaWdodH1weDtcbiAgICAgICAgYH1cbmA7XG5cbmNvbnN0IElGcmFtZSA9IHN0eWxlZChcImlmcmFtZVwiLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCJkZXZpY2VDb25maWdcIiB9KTxJRnJhbWVQcm9wcz5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYm9yZGVyLXN0eWxlOiB1bnNldDtcbiAgICBib3JkZXItd2lkdGg6IDBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG5cbiAgICAke091dGVyRnJhbWV9Om5vdCg6aG92ZXIpOm5vdCg6YWN0aXZlKSAmIHtcbiAgICAgICAgLyoqXG4gICAgICAgICogUmVtb3ZlIGlGcmFtZSBwb2ludGVyLWV2ZW50cyB3aGlsZSBub3QgaW50ZXJhY3Rpbmcgd2l0aCB0aGUgcGFyZW50IHRvIGZpeCBhIGNocm9tZS1idWcgdGhhdCBwcmV2ZW50c1xuICAgICAgICAqIGRyYWctYW5kLWRyb3AgZnJvbSB3b3JraW5nIGluIGEgbW9kYWwgb3ZlciB0aGUgaUZyYW1lIHdoZW4gdXNpbmcgYW4gZXh0ZXJuYWwgVVJMIGFzIHRoZSBzb3VyY2UuXG4gICAgICAgICogU291cmNlOiBodHRwczovL21lZGl1bS5jb20vQG1hcmNtaW50ZWwvbW9zdC13ZWlyZC1idWctb3Itc2VjdXJpdHktZmVhdHVyZS13aXRoLWlmcmFtZXMtYW5kLW5hdGl2ZS1kcmFnLWFuZC1kcm9wLTEzZmZiYzI2MTA3YVxuICAgICAgICAqL1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgeyBJRnJhbWVWaWV3ZXIgfTtcbiJdfQ== */"));
+var OuterFrame = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "deviceConfig";
+  },
+  target: "ezmfmwq1"
+} : {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "deviceConfig";
+  },
+  target: "ezmfmwq1",
+  label: "OuterFrame"
+})("width:100%;height:100%;box-sizing:border-box;will-change:transform;", function (_ref3) {
+  var deviceConfig = _ref3.deviceConfig;
+  return deviceConfig !== null && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            position: absolute;\n            left: calc(50% - ", "px);\n            top: calc(50% - ", "px);\n            width: ", "px;\n            height: ", "px;\n        "])), deviceConfig.outerFrame.width / 2, deviceConfig.outerFrame.height / 2, deviceConfig.outerFrame.width, deviceConfig.outerFrame.height);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2NvbW1vbi9JRnJhbWVWaWV3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGdUciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3ByZXZpZXcvY29tbW9uL0lGcmFtZVZpZXdlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMb2FkaW5nIH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW5cIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdXNlRGltZW5zaW9ucyBmcm9tIFwicmVhY3QtY29vbC1kaW1lbnNpb25zXCI7XG5cbmltcG9ydCB7IERldmljZSB9IGZyb20gXCIuL0RldmljZVwiO1xuXG5pbnRlcmZhY2UgRGV2aWNlQ29uZmlnIHtcbiAgICBvdXRlckZyYW1lOiB7XG4gICAgICAgIHdpZHRoOiBudW1iZXI7XG4gICAgICAgIGhlaWdodDogbnVtYmVyO1xuICAgIH07XG59XG5cbmNvbnN0IGRldmljZXNDb25maWc6IFJlY29yZDxFeGNsdWRlPERldmljZSwgRGV2aWNlLlJlc3BvbnNpdmU+LCBEZXZpY2VDb25maWc+ID0ge1xuICAgIFtEZXZpY2UuTW9iaWxlXToge1xuICAgICAgICBvdXRlckZyYW1lOiB7XG4gICAgICAgICAgICB3aWR0aDogNDA2LFxuICAgICAgICAgICAgaGVpZ2h0OiA3NjMsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICBbRGV2aWNlLlRhYmxldF06IHtcbiAgICAgICAgb3V0ZXJGcmFtZToge1xuICAgICAgICAgICAgd2lkdGg6IDEwNjMsXG4gICAgICAgICAgICBoZWlnaHQ6IDc2NixcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIFtEZXZpY2UuRGVza3RvcF06IHtcbiAgICAgICAgb3V0ZXJGcmFtZToge1xuICAgICAgICAgICAgd2lkdGg6IDE2MDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDg4NSxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBkZXZpY2U6IERldmljZTtcbiAgICBpbml0aWFsUGFnZVVybDogc3RyaW5nO1xufVxuXG5jb25zdCBJRnJhbWVWaWV3ZXIgPSBmb3J3YXJkUmVmPEhUTUxJRnJhbWVFbGVtZW50LCBQcm9wcz4oKHsgZGV2aWNlLCBpbml0aWFsUGFnZVVybCB9LCBpRnJhbWVSZWYpID0+IHtcbiAgICBjb25zdCBkZXZpY2VDb25maWcgPSByZXNvbHZlRGV2aWNlQ29uZmlnKGRldmljZSk7XG5cbiAgICBjb25zdCB7IG9ic2VydmU6IGNvbnRhaW5lclJlZiwgd2lkdGgsIGhlaWdodCB9ID0gdXNlRGltZW5zaW9uczxIVE1MRGl2RWxlbWVudCB8IG51bGw+KCk7XG4gICAgY29uc3QgW2lzTG9hZGluZywgc2V0SXNMb2FkaW5nXSA9IHVzZVN0YXRlKHRydWUpO1xuXG4gICAgY29uc3Qgc2NhbGVGYWN0b3IgPSBkZXZpY2VDb25maWcgPyBjYWxjU2NhbGVGYWN0b3Iod2lkdGgsIGhlaWdodCwgZGV2aWNlQ29uZmlnKSA6IDE7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdCByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgICAgICB7aXNMb2FkaW5nICYmIDxMb2FkaW5nIGJlaGF2aW9yPVwiZmlsbFBhcmVudEFic29sdXRlXCIgc3g9e3sgekluZGV4OiAxIH19IC8+fVxuICAgICAgICAgICAgPE91dGVyRnJhbWVcbiAgICAgICAgICAgICAgICAvLyBJbmxpbmUgc3R5bGUgdG8gcHJldmVudCBkZXZpY2UgZnJhbWUgZGlzYXBwZWFyaW5nIHdoaWxlIHNjYWxpbmdcbiAgICAgICAgICAgICAgICBzdHlsZT17eyB0cmFuc2Zvcm06IGBzY2FsZSgke3NjYWxlRmFjdG9yfSlgIH19XG4gICAgICAgICAgICAgICAgZGV2aWNlQ29uZmlnPXtkZXZpY2VDb25maWd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPElGcmFtZSByZWY9e2lGcmFtZVJlZn0gc3JjPXtpbml0aWFsUGFnZVVybH0gZGV2aWNlQ29uZmlnPXtkZXZpY2VDb25maWd9IG9uTG9hZD17KCkgPT4gc2V0SXNMb2FkaW5nKGZhbHNlKX0gLz5cbiAgICAgICAgICAgIDwvT3V0ZXJGcmFtZT5cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59KTtcblxuZnVuY3Rpb24gcmVzb2x2ZURldmljZUNvbmZpZyhkZXZpY2U6IERldmljZSk6IERldmljZUNvbmZpZyB8IG51bGwge1xuICAgIGlmIChkZXZpY2UgPT09IERldmljZS5SZXNwb25zaXZlKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiBkZXZpY2VzQ29uZmlnW2RldmljZV07XG59XG5cbmZ1bmN0aW9uIGNhbGNTY2FsZUZhY3Rvcih3aWR0aDogbnVtYmVyLCBoZWlnaHQ6IG51bWJlciwgZGV2aWNlQ29uZmlnOiBEZXZpY2VDb25maWcpIHtcbiAgICBpZiAod2lkdGggPj0gZGV2aWNlQ29uZmlnLm91dGVyRnJhbWUud2lkdGggKyA0MCAmJiBoZWlnaHQgPj0gZGV2aWNlQ29uZmlnLm91dGVyRnJhbWUuaGVpZ2h0ICsgNDApIHtcbiAgICAgICAgcmV0dXJuIDE7XG4gICAgfVxuXG4gICAgY29uc3Qgc2NhbGVYID0gd2lkdGggLyAoZGV2aWNlQ29uZmlnLm91dGVyRnJhbWUud2lkdGggKyA0MCk7XG4gICAgY29uc3Qgc2NhbGVZID0gaGVpZ2h0IC8gKGRldmljZUNvbmZpZy5vdXRlckZyYW1lLmhlaWdodCArIDQwKTtcblxuICAgIHJldHVybiBNYXRoLm1pbihzY2FsZVgsIHNjYWxlWSwgMSk7XG59XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBmbGV4OiAxO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5WzEwMF19O1xuYDtcblxuaW50ZXJmYWNlIElGcmFtZVByb3BzIHtcbiAgICBkZXZpY2VDb25maWc6IERldmljZUNvbmZpZyB8IG51bGw7XG59XG5cbmNvbnN0IE91dGVyRnJhbWUgPSBzdHlsZWQoXCJkaXZcIiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwiZGV2aWNlQ29uZmlnXCIgfSk8SUZyYW1lUHJvcHM+YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG5cbiAgICAkeyh7IGRldmljZUNvbmZpZyB9KSA9PlxuICAgICAgICBkZXZpY2VDb25maWcgIT09IG51bGwgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgbGVmdDogY2FsYyg1MCUgLSAke2RldmljZUNvbmZpZy5vdXRlckZyYW1lLndpZHRoIC8gMn1weCk7XG4gICAgICAgICAgICB0b3A6IGNhbGMoNTAlIC0gJHtkZXZpY2VDb25maWcub3V0ZXJGcmFtZS5oZWlnaHQgLyAyfXB4KTtcbiAgICAgICAgICAgIHdpZHRoOiAke2RldmljZUNvbmZpZy5vdXRlckZyYW1lLndpZHRofXB4O1xuICAgICAgICAgICAgaGVpZ2h0OiAke2RldmljZUNvbmZpZy5vdXRlckZyYW1lLmhlaWdodH1weDtcbiAgICAgICAgYH1cbmA7XG5cbmNvbnN0IElGcmFtZSA9IHN0eWxlZChcImlmcmFtZVwiLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCJkZXZpY2VDb25maWdcIiB9KTxJRnJhbWVQcm9wcz5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYm9yZGVyLXN0eWxlOiB1bnNldDtcbiAgICBib3JkZXItd2lkdGg6IDBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG5cbiAgICAke091dGVyRnJhbWV9Om5vdCg6aG92ZXIpOm5vdCg6YWN0aXZlKSAmIHtcbiAgICAgICAgLyoqXG4gICAgICAgICogUmVtb3ZlIGlGcmFtZSBwb2ludGVyLWV2ZW50cyB3aGlsZSBub3QgaW50ZXJhY3Rpbmcgd2l0aCB0aGUgcGFyZW50IHRvIGZpeCBhIGNocm9tZS1idWcgdGhhdCBwcmV2ZW50c1xuICAgICAgICAqIGRyYWctYW5kLWRyb3AgZnJvbSB3b3JraW5nIGluIGEgbW9kYWwgb3ZlciB0aGUgaUZyYW1lIHdoZW4gdXNpbmcgYW4gZXh0ZXJuYWwgVVJMIGFzIHRoZSBzb3VyY2UuXG4gICAgICAgICogU291cmNlOiBodHRwczovL21lZGl1bS5jb20vQG1hcmNtaW50ZWwvbW9zdC13ZWlyZC1idWctb3Itc2VjdXJpdHktZmVhdHVyZS13aXRoLWlmcmFtZXMtYW5kLW5hdGl2ZS1kcmFnLWFuZC1kcm9wLTEzZmZiYzI2MTA3YVxuICAgICAgICAqL1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgeyBJRnJhbWVWaWV3ZXIgfTtcbiJdfQ== */"));
+var IFrame = /*#__PURE__*/styled("iframe", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "deviceConfig";
+  },
+  target: "ezmfmwq0"
+} : {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "deviceConfig";
+  },
+  target: "ezmfmwq0",
+  label: "IFrame"
+})("display:block;border-style:unset;border-width:0px;width:100%;height:100%;background-color:", function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.palette.common.white;
+}, ";", OuterFrame, ":not(:hover):not(:active) &{/**\n        * Remove iFrame pointer-events while not interacting with the parent to fix a chrome-bug that prevents\n        * drag-and-drop from working in a modal over the iFrame when using an external URL as the source.\n        * Source: https://medium.com/@marcmintel/most-weird-bug-or-security-feature-with-iframes-and-native-drag-and-drop-13ffbc26107a\n        */pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2NvbW1vbi9JRnJhbWVWaWV3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdIc0ciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3ByZXZpZXcvY29tbW9uL0lGcmFtZVZpZXdlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMb2FkaW5nIH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW5cIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdXNlRGltZW5zaW9ucyBmcm9tIFwicmVhY3QtY29vbC1kaW1lbnNpb25zXCI7XG5cbmltcG9ydCB7IERldmljZSB9IGZyb20gXCIuL0RldmljZVwiO1xuXG5pbnRlcmZhY2UgRGV2aWNlQ29uZmlnIHtcbiAgICBvdXRlckZyYW1lOiB7XG4gICAgICAgIHdpZHRoOiBudW1iZXI7XG4gICAgICAgIGhlaWdodDogbnVtYmVyO1xuICAgIH07XG59XG5cbmNvbnN0IGRldmljZXNDb25maWc6IFJlY29yZDxFeGNsdWRlPERldmljZSwgRGV2aWNlLlJlc3BvbnNpdmU+LCBEZXZpY2VDb25maWc+ID0ge1xuICAgIFtEZXZpY2UuTW9iaWxlXToge1xuICAgICAgICBvdXRlckZyYW1lOiB7XG4gICAgICAgICAgICB3aWR0aDogNDA2LFxuICAgICAgICAgICAgaGVpZ2h0OiA3NjMsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICBbRGV2aWNlLlRhYmxldF06IHtcbiAgICAgICAgb3V0ZXJGcmFtZToge1xuICAgICAgICAgICAgd2lkdGg6IDEwNjMsXG4gICAgICAgICAgICBoZWlnaHQ6IDc2NixcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIFtEZXZpY2UuRGVza3RvcF06IHtcbiAgICAgICAgb3V0ZXJGcmFtZToge1xuICAgICAgICAgICAgd2lkdGg6IDE2MDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDg4NSxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBkZXZpY2U6IERldmljZTtcbiAgICBpbml0aWFsUGFnZVVybDogc3RyaW5nO1xufVxuXG5jb25zdCBJRnJhbWVWaWV3ZXIgPSBmb3J3YXJkUmVmPEhUTUxJRnJhbWVFbGVtZW50LCBQcm9wcz4oKHsgZGV2aWNlLCBpbml0aWFsUGFnZVVybCB9LCBpRnJhbWVSZWYpID0+IHtcbiAgICBjb25zdCBkZXZpY2VDb25maWcgPSByZXNvbHZlRGV2aWNlQ29uZmlnKGRldmljZSk7XG5cbiAgICBjb25zdCB7IG9ic2VydmU6IGNvbnRhaW5lclJlZiwgd2lkdGgsIGhlaWdodCB9ID0gdXNlRGltZW5zaW9uczxIVE1MRGl2RWxlbWVudCB8IG51bGw+KCk7XG4gICAgY29uc3QgW2lzTG9hZGluZywgc2V0SXNMb2FkaW5nXSA9IHVzZVN0YXRlKHRydWUpO1xuXG4gICAgY29uc3Qgc2NhbGVGYWN0b3IgPSBkZXZpY2VDb25maWcgPyBjYWxjU2NhbGVGYWN0b3Iod2lkdGgsIGhlaWdodCwgZGV2aWNlQ29uZmlnKSA6IDE7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdCByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgICAgICB7aXNMb2FkaW5nICYmIDxMb2FkaW5nIGJlaGF2aW9yPVwiZmlsbFBhcmVudEFic29sdXRlXCIgc3g9e3sgekluZGV4OiAxIH19IC8+fVxuICAgICAgICAgICAgPE91dGVyRnJhbWVcbiAgICAgICAgICAgICAgICAvLyBJbmxpbmUgc3R5bGUgdG8gcHJldmVudCBkZXZpY2UgZnJhbWUgZGlzYXBwZWFyaW5nIHdoaWxlIHNjYWxpbmdcbiAgICAgICAgICAgICAgICBzdHlsZT17eyB0cmFuc2Zvcm06IGBzY2FsZSgke3NjYWxlRmFjdG9yfSlgIH19XG4gICAgICAgICAgICAgICAgZGV2aWNlQ29uZmlnPXtkZXZpY2VDb25maWd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPElGcmFtZSByZWY9e2lGcmFtZVJlZn0gc3JjPXtpbml0aWFsUGFnZVVybH0gZGV2aWNlQ29uZmlnPXtkZXZpY2VDb25maWd9IG9uTG9hZD17KCkgPT4gc2V0SXNMb2FkaW5nKGZhbHNlKX0gLz5cbiAgICAgICAgICAgIDwvT3V0ZXJGcmFtZT5cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59KTtcblxuZnVuY3Rpb24gcmVzb2x2ZURldmljZUNvbmZpZyhkZXZpY2U6IERldmljZSk6IERldmljZUNvbmZpZyB8IG51bGwge1xuICAgIGlmIChkZXZpY2UgPT09IERldmljZS5SZXNwb25zaXZlKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiBkZXZpY2VzQ29uZmlnW2RldmljZV07XG59XG5cbmZ1bmN0aW9uIGNhbGNTY2FsZUZhY3Rvcih3aWR0aDogbnVtYmVyLCBoZWlnaHQ6IG51bWJlciwgZGV2aWNlQ29uZmlnOiBEZXZpY2VDb25maWcpIHtcbiAgICBpZiAod2lkdGggPj0gZGV2aWNlQ29uZmlnLm91dGVyRnJhbWUud2lkdGggKyA0MCAmJiBoZWlnaHQgPj0gZGV2aWNlQ29uZmlnLm91dGVyRnJhbWUuaGVpZ2h0ICsgNDApIHtcbiAgICAgICAgcmV0dXJuIDE7XG4gICAgfVxuXG4gICAgY29uc3Qgc2NhbGVYID0gd2lkdGggLyAoZGV2aWNlQ29uZmlnLm91dGVyRnJhbWUud2lkdGggKyA0MCk7XG4gICAgY29uc3Qgc2NhbGVZID0gaGVpZ2h0IC8gKGRldmljZUNvbmZpZy5vdXRlckZyYW1lLmhlaWdodCArIDQwKTtcblxuICAgIHJldHVybiBNYXRoLm1pbihzY2FsZVgsIHNjYWxlWSwgMSk7XG59XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBmbGV4OiAxO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5WzEwMF19O1xuYDtcblxuaW50ZXJmYWNlIElGcmFtZVByb3BzIHtcbiAgICBkZXZpY2VDb25maWc6IERldmljZUNvbmZpZyB8IG51bGw7XG59XG5cbmNvbnN0IE91dGVyRnJhbWUgPSBzdHlsZWQoXCJkaXZcIiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwiZGV2aWNlQ29uZmlnXCIgfSk8SUZyYW1lUHJvcHM+YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG5cbiAgICAkeyh7IGRldmljZUNvbmZpZyB9KSA9PlxuICAgICAgICBkZXZpY2VDb25maWcgIT09IG51bGwgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgbGVmdDogY2FsYyg1MCUgLSAke2RldmljZUNvbmZpZy5vdXRlckZyYW1lLndpZHRoIC8gMn1weCk7XG4gICAgICAgICAgICB0b3A6IGNhbGMoNTAlIC0gJHtkZXZpY2VDb25maWcub3V0ZXJGcmFtZS5oZWlnaHQgLyAyfXB4KTtcbiAgICAgICAgICAgIHdpZHRoOiAke2RldmljZUNvbmZpZy5vdXRlckZyYW1lLndpZHRofXB4O1xuICAgICAgICAgICAgaGVpZ2h0OiAke2RldmljZUNvbmZpZy5vdXRlckZyYW1lLmhlaWdodH1weDtcbiAgICAgICAgYH1cbmA7XG5cbmNvbnN0IElGcmFtZSA9IHN0eWxlZChcImlmcmFtZVwiLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCJkZXZpY2VDb25maWdcIiB9KTxJRnJhbWVQcm9wcz5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYm9yZGVyLXN0eWxlOiB1bnNldDtcbiAgICBib3JkZXItd2lkdGg6IDBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG5cbiAgICAke091dGVyRnJhbWV9Om5vdCg6aG92ZXIpOm5vdCg6YWN0aXZlKSAmIHtcbiAgICAgICAgLyoqXG4gICAgICAgICogUmVtb3ZlIGlGcmFtZSBwb2ludGVyLWV2ZW50cyB3aGlsZSBub3QgaW50ZXJhY3Rpbmcgd2l0aCB0aGUgcGFyZW50IHRvIGZpeCBhIGNocm9tZS1idWcgdGhhdCBwcmV2ZW50c1xuICAgICAgICAqIGRyYWctYW5kLWRyb3AgZnJvbSB3b3JraW5nIGluIGEgbW9kYWwgb3ZlciB0aGUgaUZyYW1lIHdoZW4gdXNpbmcgYW4gZXh0ZXJuYWwgVVJMIGFzIHRoZSBzb3VyY2UuXG4gICAgICAgICogU291cmNlOiBodHRwczovL21lZGl1bS5jb20vQG1hcmNtaW50ZWwvbW9zdC13ZWlyZC1idWctb3Itc2VjdXJpdHktZmVhdHVyZS13aXRoLWlmcmFtZXMtYW5kLW5hdGl2ZS1kcmFnLWFuZC1kcm9wLTEzZmZiYzI2MTA3YVxuICAgICAgICAqL1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgeyBJRnJhbWVWaWV3ZXIgfTtcbiJdfQ== */"));
+export { IFrameViewer };

package/lib/preview/common/ToggleButton.d.ts

@@ -0,0 +1,3 @@
+declare const ToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "value" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "fullWidth" | "selected" | "disableFocusRipple" | "size"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export { ToggleButton };
+//# sourceMappingURL=ToggleButton.d.ts.map

package/lib/preview/common/ToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/preview/common/ToggleButton.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY,ixBAiBjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/preview/common/ToggleButton.js

@@ -0,0 +1,18 @@
+import { ToggleButton as MuiToggleButton } from "@mui/material";
+import { styled } from "@mui/material/styles";
+var ToggleButton = /*#__PURE__*/styled(MuiToggleButton, process.env.NODE_ENV === "production" ? {
+  target: "e15bxo2z0"
+} : {
+  target: "e15bxo2z0",
+  label: "ToggleButton"
+})("width:50px;height:50px;border:none;border-radius:0;border-bottom:2px solid transparent;color:", function (_ref) {
+  var theme = _ref.theme;
+  return theme.palette.common.white;
+}, ";&.Mui-selected{background-color:transparent;border-bottom:2px solid ", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.primary.main;
+}, ";color:", function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.palette.primary.main;
+}, ";}&:not(.MuiToggleButtonGroup-grouped){border-left:1px solid #2e3440;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2NvbW1vbi9Ub2dnbGVCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc0QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJldmlldy9jb21tb24vVG9nZ2xlQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRvZ2dsZUJ1dHRvbiBhcyBNdWlUb2dnbGVCdXR0b24gfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmNvbnN0IFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZChNdWlUb2dnbGVCdXR0b24pYFxuICAgIHdpZHRoOiA1MHB4O1xuICAgIGhlaWdodDogNTBweDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9O1xuXG4gICAgJi5NdWktc2VsZWN0ZWQge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59O1xuICAgICAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgfVxuXG4gICAgJjpub3QoLk11aVRvZ2dsZUJ1dHRvbkdyb3VwLWdyb3VwZWQpIHtcbiAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjMmUzNDQwO1xuICAgIH1cbmA7XG5cbmV4cG9ydCB7IFRvZ2dsZUJ1dHRvbiB9O1xuIl19 */"));
+export { ToggleButton };

package/lib/preview/common/VisibilityToggle.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    showOnlyVisible: boolean;
+    onChange: (showOnlyVisible: boolean) => void;
+}
+declare function VisibilityToggle({ showOnlyVisible, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export { VisibilityToggle };
+//# sourceMappingURL=VisibilityToggle.d.ts.map

package/lib/preview/common/VisibilityToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityToggle.d.ts","sourceRoot":"","sources":["../../../src/preview/common/VisibilityToggle.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACX,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,iBAAS,gBAAgB,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAoB7D;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/preview/common/VisibilityToggle.js

@@ -0,0 +1,23 @@
+import { InvisibleItemHide, InvisibleItemShow } from "@dextinity/admin-icons";
+import { useIntl } from "react-intl";
+import { ToggleButton } from "./ToggleButton";
+import { jsx as _jsx } from "react/jsx-runtime";
+function VisibilityToggle(_ref) {
+  var showOnlyVisible = _ref.showOnlyVisible,
+    onChange = _ref.onChange;
+  var intl = useIntl();
+  var handleToggleVisibilityClick = function handleToggleVisibilityClick() {
+    onChange(!showOnlyVisible);
+  };
+  return /*#__PURE__*/_jsx(ToggleButton, {
+    value: "showOnlyVisbile",
+    onClick: handleToggleVisibilityClick,
+    selected: !showOnlyVisible,
+    title: intl.formatMessage({
+      id: "comet.preview.showOnlyVisible",
+      defaultMessage: "Show only visible blocks"
+    }),
+    children: showOnlyVisible ? /*#__PURE__*/_jsx(InvisibleItemHide, {}) : /*#__PURE__*/_jsx(InvisibleItemShow, {})
+  });
+}
+export { VisibilityToggle };

package/lib/preview/openSitePreviewWindow.d.ts

@@ -0,0 +1,7 @@
+declare function openSitePreviewWindow(previewPath: string, rootPath?: string): void;
+/**
+ * @deprecated Use openSitePreviewWindow instead
+ */
+declare const openPreviewWindow: typeof openSitePreviewWindow;
+export { openPreviewWindow, openSitePreviewWindow };
+//# sourceMappingURL=openSitePreviewWindow.d.ts.map

package/lib/preview/openSitePreviewWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openSitePreviewWindow.d.ts","sourceRoot":"","sources":["../../src/preview/openSitePreviewWindow.ts"],"names":[],"mappings":"AAAA,iBAAS,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAI3E;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,8BAAwB,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC"}

package/lib/preview/openSitePreviewWindow.js

@@ -0,0 +1,13 @@
+function openSitePreviewWindow(previewPath, rootPath) {
+  var queryParams = new URLSearchParams({
+    path: previewPath
+  });
+  var adminUrl = "".concat(rootPath, "/preview/?").concat(queryParams.toString());
+  window.open(adminUrl);
+}
+
+/**
+ * @deprecated Use openSitePreviewWindow instead
+ */
+var openPreviewWindow = openSitePreviewWindow;
+export { openPreviewWindow, openSitePreviewWindow };

package/lib/preview/site/OpenLinkDialog.d.ts

@@ -0,0 +1,9 @@
+import type { ExternalLinkBlockData } from "../../blocks.generated";
+interface OpenLinkDialogProps {
+    onClose?: () => void;
+    open: boolean;
+    link?: ExternalLinkBlockData;
+}
+declare function OpenLinkDialog({ open, onClose, link }: OpenLinkDialogProps): import("react/jsx-runtime").JSX.Element;
+export { OpenLinkDialog };
+//# sourceMappingURL=OpenLinkDialog.d.ts.map

package/lib/preview/site/OpenLinkDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenLinkDialog.d.ts","sourceRoot":"","sources":["../../../src/preview/site/OpenLinkDialog.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,UAAU,mBAAmB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAKD,iBAAS,cAAc,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,mBAAmB,2CA8CnE;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/lib/preview/site/OpenLinkDialog.js

@@ -0,0 +1,86 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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)."; }
+import { messages } from "@dextinity/admin";
+import { Domain } from "@dextinity/admin-icons";
+import {
+// eslint-disable-next-line no-restricted-imports
+Button,
+// eslint-disable-next-line no-restricted-imports
+Dialog, DialogContent, DialogTitle, Grid, Typography } from "@mui/material";
+import DialogActions from "@mui/material/DialogActions";
+import { styled } from "@mui/material/styles";
+import { FormattedMessage } from "react-intl";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var IconContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ft6dua0"
+} : {
+  target: "e1ft6dua0",
+  label: "IconContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "nkt64x",
+  styles: "margin-right:10px"
+} : {
+  name: "nkt64x",
+  styles: "margin-right:10px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L3NpdGUvT3BlbkxpbmtEaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3ByZXZpZXcvc2l0ZS9PcGVuTGlua0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtZXNzYWdlcyB9IGZyb20gXCJAZGV4dGluaXR5L2FkbWluXCI7XG5pbXBvcnQgeyBEb21haW4gfSBmcm9tIFwiQGRleHRpbml0eS9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzXG4gICAgQnV0dG9uLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbiAgICBEaWFsb2csXG4gICAgRGlhbG9nQ29udGVudCxcbiAgICBEaWFsb2dUaXRsZSxcbiAgICBHcmlkLFxuICAgIFR5cG9ncmFwaHksXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgRGlhbG9nQWN0aW9ucyBmcm9tIFwiQG11aS9tYXRlcmlhbC9EaWFsb2dBY3Rpb25zXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tIFwicmVhY3QtaW50bFwiO1xuXG5pbXBvcnQgdHlwZSB7IEV4dGVybmFsTGlua0Jsb2NrRGF0YSB9IGZyb20gXCIuLi8uLi9ibG9ja3MuZ2VuZXJhdGVkXCI7XG5cbmludGVyZmFjZSBPcGVuTGlua0RpYWxvZ1Byb3BzIHtcbiAgICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgICBvcGVuOiBib29sZWFuO1xuICAgIGxpbms/OiBFeHRlcm5hbExpbmtCbG9ja0RhdGE7XG59XG5cbmNvbnN0IEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuYDtcbmZ1bmN0aW9uIE9wZW5MaW5rRGlhbG9nKHsgb3Blbiwgb25DbG9zZSwgbGluayB9OiBPcGVuTGlua0RpYWxvZ1Byb3BzKSB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpYWxvZyBvcGVuPXtvcGVufSBvbkNsb3NlPXtvbkNsb3NlfSBtYXhXaWR0aD17ZmFsc2V9PlxuICAgICAgICAgICAgPERpYWxvZ1RpdGxlPlxuICAgICAgICAgICAgICAgIDxHcmlkIGNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RG9tYWluIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ljb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD1cImNvbWV0LnByZXZpZXcub3BlbkxpbmsudGl0bGVcIiBkZWZhdWx0TWVzc2FnZT1cIk9wZW4gTGlua1wiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICA8L0RpYWxvZ1RpdGxlPlxuICAgICAgICAgICAgPERpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgPFR5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlXG4gICAgICAgICAgICAgICAgICAgICAgICBpZD1cImNvbWV0LnByZXZpZXcub3BlbkV4dGVybmFsTGluay5kZXNjcmlwdGlvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBkZWZhdWx0TWVzc2FnZT0nRG8geW91IHdhbnQgdG8gb3BlbiBcInt1cmx9XCIgaW4gYSBuZXcgQnJvd3NlciB0YWI/J1xuICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPXt7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdXJsOiBsaW5rPy50YXJnZXRVcmwsXG4gICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDwvRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgIDxEaWFsb2dBY3Rpb25zPlxuICAgICAgICAgICAgICAgIDxCdXR0b24gb25DbGljaz17b25DbG9zZX0gY29sb3I9XCJpbmZvXCI+XG4gICAgICAgICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5jYW5jZWx9IC8+XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG5cbiAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xvc2U/LigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgd2luZG93Lm9wZW4obGluaz8udGFyZ2V0VXJsKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cImNvbnRhaW5lZFwiXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD1cImNvbWV0Lm9wZW5MaW5rRGlhbG9nLmFjdGlvbkJ1dHRvbnMub3BlblwiIGRlZmF1bHRNZXNzYWdlPVwiT3BlblwiIC8+XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L0RpYWxvZ0FjdGlvbnM+XG4gICAgICAgIDwvRGlhbG9nPlxuICAgICk7XG59XG5cbmV4cG9ydCB7IE9wZW5MaW5rRGlhbG9nIH07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+function OpenLinkDialog(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    link = _ref.link;
+  return /*#__PURE__*/_jsxs(Dialog, {
+    open: open,
+    onClose: onClose,
+    maxWidth: false,
+    children: [/*#__PURE__*/_jsx(DialogTitle, {
+      children: /*#__PURE__*/_jsxs(Grid, {
+        container: true,
+        children: [/*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(IconContainer, {
+            children: /*#__PURE__*/_jsx(Domain, {})
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(Typography, {
+            children: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "comet.preview.openLink.title",
+              defaultMessage: "Open Link"
+            })
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(DialogContent, {
+      children: /*#__PURE__*/_jsx(Typography, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "comet.preview.openExternalLink.description",
+          defaultMessage: "Do you want to open \"{url}\" in a new Browser tab?",
+          values: {
+            url: link === null || link === void 0 ? void 0 : link.targetUrl
+          }
+        })
+      })
+    }), /*#__PURE__*/_jsxs(DialogActions, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        onClick: onClose,
+        color: "info",
+        children: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.cancel))
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          onClose === null || onClose === void 0 || onClose();
+          window.open(link === null || link === void 0 ? void 0 : link.targetUrl);
+        },
+        variant: "contained",
+        color: "primary",
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "comet.openLinkDialog.actionButtons.open",
+          defaultMessage: "Open"
+        })
+      })]
+    })]
+  });
+}
+export { OpenLinkDialog };

package/lib/preview/site/SitePreview.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+import { type RouteComponentProps } from "react-router";
+import { type ContentScope } from "../../contentScope/Provider";
+interface Props extends RouteComponentProps {
+    resolvePath?: (path: string, scope: ContentScope) => string;
+    logo?: ReactNode;
+}
+declare function SitePreview({ resolvePath, logo }: Props): import("react/jsx-runtime").JSX.Element;
+export { SitePreview };
+//# sourceMappingURL=SitePreview.d.ts.map

package/lib/preview/site/SitePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SitePreview.d.ts","sourceRoot":"","sources":["../../../src/preview/site/SitePreview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,mBAAmB,EAA2B,MAAM,cAAc,CAAC;AAGjF,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,6BAA6B,CAAC;AAajF,UAAU,KAAM,SAAQ,mBAAmB;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,MAAM,CAAC;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAqBD,iBAAS,WAAW,CAAC,EAAE,WAAW,EAAE,IAA2C,EAAE,EAAE,KAAK,2CAqJvF;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/preview/site/SitePreview.generated.d.ts

@@ -0,0 +1,16 @@
+import * as Types from '../../graphql.generated';
+export declare const namedOperations: {
+    Query: {
+        SitePreviewJwt: string;
+    };
+};
+export type GQLSitePreviewJwtQueryVariables = Types.Exact<{
+    scope: Types.Scalars['JSONObject']['input'];
+    path: Types.Scalars['String']['input'];
+    includeInvisible: Types.Scalars['Boolean']['input'];
+}>;
+export type GQLSitePreviewJwtQuery = {
+    __typename?: 'Query';
+    sitePreviewJwt: string;
+};
+//# sourceMappingURL=SitePreview.generated.d.ts.map

package/lib/preview/site/SitePreview.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SitePreview.generated.d.ts","sourceRoot":"","sources":["../../../src/preview/site/SitePreview.generated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,yBAAyB,CAAC;AAEjD,eAAO,MAAM,eAAe;;;;CAI3B,CAAA;AACD,MAAM,MAAM,+BAA+B,GAAG,KAAK,CAAC,KAAK,CAAC;IACxD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC;IAC5C,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACvC,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC;CACrD,CAAC,CAAC;AAGH,MAAM,MAAM,sBAAsB,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/lib/preview/site/SitePreview.generated.js

@@ -0,0 +1,5 @@
+export var namedOperations = {
+  Query: {
+    SitePreviewJwt: 'SitePreviewJwt'
+  }
+};

package/lib/preview/site/SitePreview.js

@@ -0,0 +1,217 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { gql, useQuery } from "@apollo/client";
+import { Tooltip } from "@dextinity/admin";
+import { CometColor, Domain, DomainLocked } from "@dextinity/admin-icons";
+import { Grid, Typography } from "@mui/material";
+import { useCallback, useState } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { useHistory, useLocation } from "react-router";
+import { useContentScope } from "../../contentScope/Provider";
+import { useSiteConfig } from "../../siteConfigs/useSiteConfig";
+import { Device } from "../common/Device";
+import { DeviceToggle } from "../common/DeviceToggle";
+import { IFrameViewer } from "../common/IFrameViewer";
+import { VisibilityToggle } from "../common/VisibilityToggle";
+import { SitePreviewIFrameMessageType } from "./iframebridge/SitePreviewIFrameMessage";
+import { useSitePreviewIFrameBridge } from "./iframebridge/useSitePreviewIFrameBridge";
+import { OpenLinkDialog } from "./OpenLinkDialog";
+import { ActionsContainer, LogoWrapper, Root, SiteInformation, SiteLink, SiteLinkWrapper } from "./SitePreview.sc";
+
+//TODO v4 remove RouteComponentProps
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function useSearchState(name, parseValue) {
+  var history = useHistory();
+  var location = useLocation();
+  var queryParams = new URLSearchParams(location.search);
+  var strValue = queryParams.get(name);
+  var value = parseValue(strValue !== null ? strValue : undefined);
+  var setValue = useCallback(function (newValue) {
+    var newQueryParams = new URLSearchParams(location.search);
+    newQueryParams.set(name, newValue);
+    history.replace({
+      search: newQueryParams.toString()
+    });
+  }, [location.search, history, name]);
+  return [value, setValue];
+}
+function SitePreview(_ref) {
+  var resolvePath = _ref.resolvePath,
+    _ref$logo = _ref.logo,
+    logo = _ref$logo === void 0 ? /*#__PURE__*/_jsx(CometColor, {
+      sx: {
+        fontSize: 32
+      }
+    }) : _ref$logo;
+  var _useContentScope = useContentScope(),
+    scope = _useContentScope.scope;
+  var siteConfig = useSiteConfig({
+    scope: scope
+  });
+
+  //initialPath: path the preview is initialized with; WITHOUT resolvePath called, might be not the path actually used in site
+  //doesn't change during navigation within site
+  var _useSearchState = useSearchState("path", function (v) {
+      return v !== null && v !== void 0 ? v : "";
+    }),
+    _useSearchState2 = _slicedToArray(_useSearchState, 1),
+    initialPath = _useSearchState2[0];
+
+  //sitePath: actual path of site, initialized with initialPath + resolvePath
+  //use case for resolvePath: i18n urls, for example `/${scope.language}${path}`;
+  //changes during navigation within site (iframe bridge reports new path)
+  var _useSearchState3 = useSearchState("sitePath", function (v) {
+      if (!v) {
+        v = resolvePath ? resolvePath(initialPath, scope) : initialPath;
+      }
+      var url = new URL(v, siteConfig.url); // prevents phishing attacks (exception see next line)
+      if (!url.pathname.startsWith("/") || url.pathname.startsWith("//")) {
+        return "/";
+      }
+      return url.pathname;
+    }),
+    _useSearchState4 = _slicedToArray(_useSearchState3, 2),
+    sitePath = _useSearchState4[0],
+    setSitePath = _useSearchState4[1];
+
+  //iframePath: path set for iframe
+  //needed to prevent the iframe from reloading on every change
+  //doesn't change during navigation within site
+  //changed when settings (showOnlyVisible) change
+  var _useState = useState(sitePath),
+    _useState2 = _slicedToArray(_useState, 2),
+    iframePath = _useState2[0],
+    setIframePath = _useState2[1];
+  var _useSearchState5 = useSearchState("device", function (v) {
+      if (![Device.Responsive, Device.Mobile, Device.Tablet, Device.Desktop].includes(Number(v))) {
+        return Device.Responsive;
+      }
+      return Number(v);
+    }),
+    _useSearchState6 = _slicedToArray(_useSearchState5, 2),
+    device = _useSearchState6[0],
+    setDevice = _useSearchState6[1];
+  var _useSearchState7 = useSearchState("showOnlyVisible", function (v) {
+      return !v || v === "true";
+    }),
+    _useSearchState8 = _slicedToArray(_useSearchState7, 2),
+    showOnlyVisible = _useSearchState8[0],
+    setShowOnlyVisible = _useSearchState8[1];
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    linkToOpen = _useState4[0],
+    setLinkToOpen = _useState4[1];
+  var intl = useIntl();
+
+  // the site in the iframe notifies us about it's current location
+  // we sync the location back to our admin-url, so we have it and can reload the page without loosing
+  var handlePreviewLocationChange = useCallback(function (message) {
+    if (sitePath !== message.data.pathname) {
+      setSitePath(message.data.pathname);
+    }
+  }, [sitePath, setSitePath]);
+  var handleDeviceChange = function handleDeviceChange(newDevice) {
+    setDevice(String(newDevice));
+  };
+  var handleShowOnlyVisibleChange = function handleShowOnlyVisibleChange() {
+    var newShowOnlyVisible = !showOnlyVisible;
+    setShowOnlyVisible(String(newShowOnlyVisible));
+    setIframePath(sitePath); //reload iframe with new settings
+    refetch();
+  };
+  var siteLink = "".concat(siteConfig.url).concat(sitePath);
+  useSitePreviewIFrameBridge(function (message) {
+    switch (message.cometType) {
+      case SitePreviewIFrameMessageType.OpenLink:
+        setLinkToOpen(message.data.link);
+        break;
+      case SitePreviewIFrameMessageType.SitePreviewLocation:
+        handlePreviewLocationChange(message);
+        break;
+    }
+  });
+  var _useQuery = useQuery(gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            query SitePreviewJwt($scope: JSONObject!, $path: String!, $includeInvisible: Boolean!) {\n                sitePreviewJwt(scope: $scope, path: $path, includeInvisible: $includeInvisible)\n            }\n        "]))), {
+      fetchPolicy: "network-only",
+      variables: {
+        scope: scope,
+        path: iframePath,
+        includeInvisible: showOnlyVisible ? false : true
+      },
+      pollInterval: 1000 * 60 * 60 * 24 // due to expiration time of jwt
+    }),
+    data = _useQuery.data,
+    error = _useQuery.error,
+    refetch = _useQuery.refetch;
+  if (error) {
+    throw new Error(error.message);
+  }
+  if (!data) {
+    return /*#__PURE__*/_jsx("div", {});
+  }
+  var initialPageUrl = "".concat(siteConfig.sitePreviewApiUrl, "?").concat(new URLSearchParams({
+    jwt: data.sitePreviewJwt
+  }).toString());
+  return /*#__PURE__*/_jsxs(Root, {
+    children: [/*#__PURE__*/_jsx(IFrameViewer, {
+      device: device,
+      initialPageUrl: initialPageUrl
+    }), /*#__PURE__*/_jsx(ActionsContainer, {
+      children: /*#__PURE__*/_jsxs(Grid, {
+        container: true,
+        justifyContent: "space-between",
+        alignItems: "center",
+        wrap: "nowrap",
+        children: [/*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsxs(SiteInformation, {
+            children: [/*#__PURE__*/_jsxs(LogoWrapper, {
+              children: [logo, /*#__PURE__*/_jsx(Typography, {
+                textTransform: "uppercase",
+                color: "white",
+                children: /*#__PURE__*/_jsx(FormattedMessage, {
+                  defaultMessage: "Preview",
+                  id: "comet.sitePreview.preview"
+                })
+              })]
+            }), /*#__PURE__*/_jsxs(SiteLinkWrapper, {
+              children: [siteConfig.preloginEnabled ? /*#__PURE__*/_jsx(Tooltip, {
+                title: intl.formatMessage({
+                  id: "comet.sitePreview.sitePreloginEnabledMessage",
+                  defaultMessage: "Site is not yet publicly available"
+                }),
+                children: /*#__PURE__*/_jsx(DomainLocked, {})
+              }) : /*#__PURE__*/_jsx(Domain, {}), /*#__PURE__*/_jsx(SiteLink, {
+                variant: "body1",
+                href: siteLink,
+                target: "_blank",
+                children: siteLink
+              })]
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(DeviceToggle, {
+            device: device,
+            onChange: handleDeviceChange
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(VisibilityToggle, {
+            showOnlyVisible: showOnlyVisible,
+            onChange: handleShowOnlyVisibleChange
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(OpenLinkDialog, {
+      open: linkToOpen != null,
+      onClose: function onClose() {
+        setLinkToOpen(undefined);
+      },
+      link: linkToOpen
+    })]
+  });
+}
+export { SitePreview };