@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/SecureRouteError.js

@@ -0,0 +1,297 @@
+import __rslib_svgr_url__0__ from "../../../../static/svg/SecureRouteError.e8b15981.svg";
+import * as __rspack_external_react from "react";
+const SvgSecureRouteError = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        width: 895.68,
+        height: 517.48,
+        "data-name": "Layer 1",
+        viewBox: "0 0 895.68 517.48",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("defs", null, /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        id: "SecureRouteError_svg__a",
+        x1: 790.94,
+        x2: 790.94,
+        y1: 640.76,
+        y2: 264.76,
+        gradientTransform: "rotate(90 783.095 446.895)",
+        gradientUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("stop", {
+        offset: 0,
+        stopColor: "gray",
+        stopOpacity: 0.25
+    }), /*#__PURE__*/ __rspack_external_react.createElement("stop", {
+        offset: 0.54,
+        stopColor: "gray",
+        stopOpacity: 0.12
+    }), /*#__PURE__*/ __rspack_external_react.createElement("stop", {
+        offset: 1,
+        stopColor: "gray",
+        stopOpacity: 0.1
+    })), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__b",
+        x1: 785.97,
+        x2: 785.97,
+        y1: 446.14,
+        y2: 321.91,
+        gradientTransform: "rotate(90 783.305 383.365)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__c",
+        x1: 660.92,
+        x2: 660.92,
+        y1: 518.19,
+        y2: 494.17,
+        gradientTransform: "rotate(90 659.87 486.97)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__d",
+        x1: 433.66,
+        x2: 433.66,
+        y1: 605.23,
+        y2: 235.23,
+        gradientTransform: "translate(13.58 8.51)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__e",
+        x1: 428.36,
+        x2: 428.36,
+        y1: 413.71,
+        y2: 291.46,
+        gradientTransform: "translate(-1.05 11.3)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__f",
+        x1: 295.22,
+        x2: 295.22,
+        y1: 484.61,
+        y2: 460.98,
+        gradientTransform: "translate(28.38 37.45)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__g",
+        x1: 455.07,
+        x2: 455.07,
+        y1: 464.48,
+        y2: 10.48
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__h",
+        x1: 449.07,
+        x2: 449.07,
+        y1: 229.48,
+        y2: 79.48
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__i",
+        x1: 298.07,
+        x2: 298.07,
+        y1: 316.48,
+        y2: 287.48
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__j",
+        x1: 457.07,
+        x2: 457.07,
+        y1: 517.48,
+        y2: 364.48
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__k",
+        x1: 611.23,
+        x2: 611.23,
+        y1: 564.74,
+        y2: 464.74
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#SecureRouteError_svg__a",
+        id: "SecureRouteError_svg__l",
+        x1: 611.23,
+        x2: 611.23,
+        y1: 660.74,
+        y2: 602.74
+    })), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "m415.967 68.35 2.986-19.655 465.072 70.668-2.987 19.654z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__a)",
+        d: "M589.23 209.59h376v490.29h-376z",
+        transform: "rotate(-81.36 589.882 447.627)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "m364.447 407.325 51.508-338.98 465.071 70.668-51.508 338.98z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 580.99,
+        cy: 251.51,
+        r: 4.86,
+        fill: "#ff5252",
+        transform: "rotate(-81.36 393.642 244.4)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 594.2,
+        cy: 253.52,
+        r: 4.86,
+        fill: "#ff0",
+        transform: "rotate(-81.36 406.848 246.405)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 607.41,
+        cy: 255.53,
+        r: 4.86,
+        fill: "#69f0ae",
+        transform: "rotate(-81.36 420.06 248.415)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__b)",
+        d: "M720.53 174.84h124.23v422.38H720.53z",
+        transform: "rotate(-81.36 595.3 378.92)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m435.203 107.291 408.58 62.084-17.294 113.813-408.58-62.083z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__c)",
+        d: "M628.65 473.94h24.02v28.16h-24.02z",
+        transform: "rotate(-81.36 453.304 480.904)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m477.377 284.582 26.2 3.981-2.987 19.655-26.2-3.981z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff5252",
+        d: "m472.262 318.154 26.2 3.98-2.987 19.655-26.2-3.981z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff9800",
+        d: "m467.167 351.727 26.2 3.98-2.987 19.655-26.2-3.981z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m546.346 299.25 211.245 32.1-1.74 11.458-211.246-32.099zM541.241 332.823l211.245 32.1-1.74 11.458L539.5 344.282zM536.146 366.396l211.245 32.1-1.741 11.458-211.245-32.1z",
+        opacity: 0.4
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "M10.887 118.113 499.665 8.858l4.267 19.09L15.154 137.201z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__d)",
+        d: "M186.23 243.74h522v370h-522z",
+        transform: "rotate(-12.6 -495.083 1022.25)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "M15.15 137.213 503.928 27.958l73.602 329.274L88.752 466.487z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("ellipse", {
+        cx: 177.11,
+        cy: 316.25,
+        fill: "#ff5252",
+        rx: 5.17,
+        ry: 4.78,
+        transform: "rotate(-12.6 -765.182 909.732)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("ellipse", {
+        cx: 191,
+        cy: 313.15,
+        fill: "#ff0",
+        rx: 5.17,
+        ry: 4.78,
+        transform: "rotate(-12.6 -751.271 906.638)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("ellipse", {
+        cx: 204.88,
+        cy: 310.05,
+        fill: "#69f0ae",
+        rx: 5.17,
+        ry: 4.78,
+        transform: "rotate(-12.6 -737.406 903.539)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__e)",
+        d: "M202.46 302.76h449.7v122.25h-449.7z",
+        transform: "rotate(-12.6 -514.97 957.389)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m48.613 165.637 429.403-95.983 24.711 110.552-429.403 95.983z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__f)",
+        d: "M308.61 498.42h29.98v23.63h-29.98z",
+        transform: "rotate(-12.6 -618.682 1103.725)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m158.065 313.478 27.655-6.208 4.303 19.169-27.655 6.208z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff5252",
+        d: "m163.17 344.626 27.54-6.156 4.267 19.09-27.54 6.155z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff9800",
+        d: "m172.831 378.936 27.656-6.208 4.303 19.169-27.655 6.208z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m229.908 299.64 222.012-49.626 2.489 11.135-222.012 49.626zM237.197 332.254l222.01-49.625 2.49 11.135-222.011 49.625zM244.485 364.858l222.011-49.625 2.489 11.135-222.011 49.626z",
+        opacity: 0.4
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "M170.07 18.48h568v24h-568z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__g)",
+        d: "M159.07 10.48h592v454h-592z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fff",
+        d: "M170.07 42.48h568v414h-568z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 183.94,
+        cy: 30.48,
+        r: 5.87,
+        fill: "#ff5252"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 200.07,
+        cy: 30.48,
+        r: 5.87,
+        fill: "#ff0"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 216.2,
+        cy: 30.48,
+        r: 5.87,
+        fill: "#69f0ae"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__h)",
+        d: "M194.07 79.48h510v150h-510z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M200.07 85.48h499v139h-499z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__i)",
+        d: "M281.07 287.48h34v29h-34z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M282.57 289.48h32v24h-32z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff5252",
+        d: "M282.57 330.48h32v24h-32z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff9800",
+        d: "M282.57 371.48h32v24h-32z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M367.57 294.48h258v14h-258zM367.57 335.48h258v14h-258zM367.57 376.48h258v14h-258z",
+        opacity: 0.4
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__j)",
+        d: "M364.07 364.48h186v153h-186z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__k)",
+        d: "M559.15 531.41a52.08 52.08 0 0 1 104.17 0v33.33h14.58v-33.33a66.67 66.67 0 1 0-133.33 0v33.33h14.58Z",
+        transform: "translate(-152.16 -191.26)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fff",
+        d: "M409.07 339.48a50 50 0 0 1 100 0v32h14v-32a64 64 0 0 0-128 0v32h14Z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M372.07 369.48h174v142h-174z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fff",
+        d: "M372.07 369.48h174v142h-174z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M372.07 397.48h174v86h-174z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#SecureRouteError_svg__l)",
+        d: "M624 615.5a12.76 12.76 0 1 0-22 8.74v27.22a9.28 9.28 0 0 0 18.56 0v-27.22a12.7 12.7 0 0 0 3.44-8.74",
+        transform: "translate(-152.16 -191.26)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        d: "M470.07 426.48a11 11 0 1 0-19 7.53v23.47a8 8 0 1 0 16 0v-23.47a11 11 0 0 0 3-7.53",
+        opacity: 0.2
+    }));
+const SecureRouteError = __rslib_svgr_url__0__;
+export default SecureRouteError;
+export { SvgSecureRouteError as ReactComponent };
+
+//# sourceMappingURL=SecureRouteError.js.map

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/SecureRouteError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentModelEditor/ModelIsBeingDeletedError/SecureRouteError.js","sources":["../../../../../src/admin/components/ContentModelEditor/ModelIsBeingDeletedError/SecureRouteError.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgSecureRouteError = props => <svg xmlns=\"http://www.w3.org/2000/svg\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" width={895.68} height={517.48} data-name=\"Layer 1\" viewBox=\"0 0 895.68 517.48\" {...props}><defs><linearGradient id=\"SecureRouteError_svg__a\" x1={790.94} x2={790.94} y1={640.76} y2={264.76} gradientTransform=\"rotate(90 783.095 446.895)\" gradientUnits=\"userSpaceOnUse\"><stop offset={0} stopColor=\"gray\" stopOpacity={0.25} /><stop offset={0.54} stopColor=\"gray\" stopOpacity={0.12} /><stop offset={1} stopColor=\"gray\" stopOpacity={0.1} /></linearGradient><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__b\" x1={785.97} x2={785.97} y1={446.14} y2={321.91} gradientTransform=\"rotate(90 783.305 383.365)\" /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__c\" x1={660.92} x2={660.92} y1={518.19} y2={494.17} gradientTransform=\"rotate(90 659.87 486.97)\" /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__d\" x1={433.66} x2={433.66} y1={605.23} y2={235.23} gradientTransform=\"translate(13.58 8.51)\" /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__e\" x1={428.36} x2={428.36} y1={413.71} y2={291.46} gradientTransform=\"translate(-1.05 11.3)\" /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__f\" x1={295.22} x2={295.22} y1={484.61} y2={460.98} gradientTransform=\"translate(28.38 37.45)\" /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__g\" x1={455.07} x2={455.07} y1={464.48} y2={10.48} /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__h\" x1={449.07} x2={449.07} y1={229.48} y2={79.48} /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__i\" x1={298.07} x2={298.07} y1={316.48} y2={287.48} /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__j\" x1={457.07} x2={457.07} y1={517.48} y2={364.48} /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__k\" x1={611.23} x2={611.23} y1={564.74} y2={464.74} /><linearGradient xlinkHref=\"#SecureRouteError_svg__a\" id=\"SecureRouteError_svg__l\" x1={611.23} x2={611.23} y1={660.74} y2={602.74} /></defs><path fill=\"#f5f5f5\" d=\"m415.967 68.35 2.986-19.655 465.072 70.668-2.987 19.654z\" /><path fill=\"url(#SecureRouteError_svg__a)\" d=\"M589.23 209.59h376v490.29h-376z\" transform=\"rotate(-81.36 589.882 447.627)\" /><path fill=\"#f5f5f5\" d=\"m364.447 407.325 51.508-338.98 465.071 70.668-51.508 338.98z\" /><circle cx={580.99} cy={251.51} r={4.86} fill=\"#ff5252\" transform=\"rotate(-81.36 393.642 244.4)\" /><circle cx={594.2} cy={253.52} r={4.86} fill=\"#ff0\" transform=\"rotate(-81.36 406.848 246.405)\" /><circle cx={607.41} cy={255.53} r={4.86} fill=\"#69f0ae\" transform=\"rotate(-81.36 420.06 248.415)\" /><path fill=\"url(#SecureRouteError_svg__b)\" d=\"M720.53 174.84h124.23v422.38H720.53z\" transform=\"rotate(-81.36 595.3 378.92)\" /><path fill=\"#fa5a28\" d=\"m435.203 107.291 408.58 62.084-17.294 113.813-408.58-62.083z\" /><path fill=\"url(#SecureRouteError_svg__c)\" d=\"M628.65 473.94h24.02v28.16h-24.02z\" transform=\"rotate(-81.36 453.304 480.904)\" /><path fill=\"#fa5a28\" d=\"m477.377 284.582 26.2 3.981-2.987 19.655-26.2-3.981z\" /><path fill=\"#ff5252\" d=\"m472.262 318.154 26.2 3.98-2.987 19.655-26.2-3.981z\" /><path fill=\"#ff9800\" d=\"m467.167 351.727 26.2 3.98-2.987 19.655-26.2-3.981z\" /><path fill=\"#fa5a28\" d=\"m546.346 299.25 211.245 32.1-1.74 11.458-211.246-32.099zM541.241 332.823l211.245 32.1-1.74 11.458L539.5 344.282zM536.146 366.396l211.245 32.1-1.741 11.458-211.245-32.1z\" opacity={0.4} /><path fill=\"#f5f5f5\" d=\"M10.887 118.113 499.665 8.858l4.267 19.09L15.154 137.201z\" /><path fill=\"url(#SecureRouteError_svg__d)\" d=\"M186.23 243.74h522v370h-522z\" transform=\"rotate(-12.6 -495.083 1022.25)\" /><path fill=\"#f5f5f5\" d=\"M15.15 137.213 503.928 27.958l73.602 329.274L88.752 466.487z\" /><ellipse cx={177.11} cy={316.25} fill=\"#ff5252\" rx={5.17} ry={4.78} transform=\"rotate(-12.6 -765.182 909.732)\" /><ellipse cx={191} cy={313.15} fill=\"#ff0\" rx={5.17} ry={4.78} transform=\"rotate(-12.6 -751.271 906.638)\" /><ellipse cx={204.88} cy={310.05} fill=\"#69f0ae\" rx={5.17} ry={4.78} transform=\"rotate(-12.6 -737.406 903.539)\" /><path fill=\"url(#SecureRouteError_svg__e)\" d=\"M202.46 302.76h449.7v122.25h-449.7z\" transform=\"rotate(-12.6 -514.97 957.389)\" /><path fill=\"#fa5a28\" d=\"m48.613 165.637 429.403-95.983 24.711 110.552-429.403 95.983z\" /><path fill=\"url(#SecureRouteError_svg__f)\" d=\"M308.61 498.42h29.98v23.63h-29.98z\" transform=\"rotate(-12.6 -618.682 1103.725)\" /><path fill=\"#fa5a28\" d=\"m158.065 313.478 27.655-6.208 4.303 19.169-27.655 6.208z\" /><path fill=\"#ff5252\" d=\"m163.17 344.626 27.54-6.156 4.267 19.09-27.54 6.155z\" /><path fill=\"#ff9800\" d=\"m172.831 378.936 27.656-6.208 4.303 19.169-27.655 6.208z\" /><path fill=\"#fa5a28\" d=\"m229.908 299.64 222.012-49.626 2.489 11.135-222.012 49.626zM237.197 332.254l222.01-49.625 2.49 11.135-222.011 49.625zM244.485 364.858l222.011-49.625 2.489 11.135-222.011 49.626z\" opacity={0.4} /><path fill=\"#f5f5f5\" d=\"M170.07 18.48h568v24h-568z\" /><path fill=\"url(#SecureRouteError_svg__g)\" d=\"M159.07 10.48h592v454h-592z\" /><path fill=\"#fff\" d=\"M170.07 42.48h568v414h-568z\" /><circle cx={183.94} cy={30.48} r={5.87} fill=\"#ff5252\" /><circle cx={200.07} cy={30.48} r={5.87} fill=\"#ff0\" /><circle cx={216.2} cy={30.48} r={5.87} fill=\"#69f0ae\" /><path fill=\"url(#SecureRouteError_svg__h)\" d=\"M194.07 79.48h510v150h-510z\" /><path fill=\"#fa5a28\" d=\"M200.07 85.48h499v139h-499z\" /><path fill=\"url(#SecureRouteError_svg__i)\" d=\"M281.07 287.48h34v29h-34z\" /><path fill=\"#fa5a28\" d=\"M282.57 289.48h32v24h-32z\" /><path fill=\"#ff5252\" d=\"M282.57 330.48h32v24h-32z\" /><path fill=\"#ff9800\" d=\"M282.57 371.48h32v24h-32z\" /><path fill=\"#fa5a28\" d=\"M367.57 294.48h258v14h-258zM367.57 335.48h258v14h-258zM367.57 376.48h258v14h-258z\" opacity={0.4} /><path fill=\"url(#SecureRouteError_svg__j)\" d=\"M364.07 364.48h186v153h-186z\" /><path fill=\"url(#SecureRouteError_svg__k)\" d=\"M559.15 531.41a52.08 52.08 0 0 1 104.17 0v33.33h14.58v-33.33a66.67 66.67 0 1 0-133.33 0v33.33h14.58Z\" transform=\"translate(-152.16 -191.26)\" /><path fill=\"#fff\" d=\"M409.07 339.48a50 50 0 0 1 100 0v32h14v-32a64 64 0 0 0-128 0v32h14Z\" /><path fill=\"#fa5a28\" d=\"M372.07 369.48h174v142h-174z\" /><path fill=\"#fff\" d=\"M372.07 369.48h174v142h-174z\" /><path fill=\"#fa5a28\" d=\"M372.07 397.48h174v86h-174z\" /><path fill=\"url(#SecureRouteError_svg__l)\" d=\"M624 615.5a12.76 12.76 0 1 0-22 8.74v27.22a9.28 9.28 0 0 0 18.56 0v-27.22a12.7 12.7 0 0 0 3.44-8.74\" transform=\"translate(-152.16 -191.26)\" /><path d=\"M470.07 426.48a11 11 0 1 0-19 7.53v23.47a8 8 0 1 0 16 0v-23.47a11 11 0 0 0 3-7.53\" opacity={0.2} /></svg>;\nexport { SvgSecureRouteError as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/SecureRouteError.e8b15981.svg\";"],"names":["SvgSecureRouteError","props"],"mappings":";;AACA,MAAMA,sBAAsBC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,YAAW;QAA+B,OAAO;QAAQ,QAAQ;QAAQ,aAAU;QAAU,SAAQ;QAAqB,GAAGA,KAAK;qBAAE,sCAAC,4BAAK,sCAAC;QAAe,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,mBAAkB;QAA6B,eAAc;qBAAiB,sCAAC;QAAK,QAAQ;QAAG,WAAU;QAAO,aAAa;sBAAQ,sCAAC;QAAK,QAAQ;QAAM,WAAU;QAAO,aAAa;sBAAQ,sCAAC;QAAK,QAAQ;QAAG,WAAU;QAAO,aAAa;uBAAwB,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,mBAAkB;sBAA+B,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,mBAAkB;sBAA6B,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,mBAAkB;sBAA0B,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,mBAAkB;sBAA0B,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,mBAAkB;sBAA2B,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;sBAAS,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;sBAAS,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;sBAAU,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;sBAAU,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;sBAAU,sCAAC;QAAe,WAAU;QAA2B,IAAG;QAA0B,IAAI;QAAQ,IAAI;QAAQ,IAAI;QAAQ,IAAI;uBAAiB,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA6D,sCAAC;QAAK,MAAK;QAAgC,GAAE;QAAkC,WAAU;sBAAmC,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAiE,sCAAC;QAAO,IAAI;QAAQ,IAAI;QAAQ,GAAG;QAAM,MAAK;QAAU,WAAU;sBAAiC,sCAAC;QAAO,IAAI;QAAO,IAAI;QAAQ,GAAG;QAAM,MAAK;QAAO,WAAU;sBAAmC,sCAAC;QAAO,IAAI;QAAQ,IAAI;QAAQ,GAAG;QAAM,MAAK;QAAU,WAAU;sBAAkC,sCAAC;QAAK,MAAK;QAAgC,GAAE;QAAuC,WAAU;sBAAgC,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAiE,sCAAC;QAAK,MAAK;QAAgC,GAAE;QAAqC,WAAU;sBAAmC,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAyD,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAwD,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAwD,sCAAC;QAAK,MAAK;QAAU,GAAE;QAA2K,SAAS;sBAAO,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA8D,sCAAC;QAAK,MAAK;QAAgC,GAAE;QAA+B,WAAU;sBAAmC,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAiE,sCAAC;QAAQ,IAAI;QAAQ,IAAI;QAAQ,MAAK;QAAU,IAAI;QAAM,IAAI;QAAM,WAAU;sBAAmC,sCAAC;QAAQ,IAAI;QAAK,IAAI;QAAQ,MAAK;QAAO,IAAI;QAAM,IAAI;QAAM,WAAU;sBAAmC,sCAAC;QAAQ,IAAI;QAAQ,IAAI;QAAQ,MAAK;QAAU,IAAI;QAAM,IAAI;QAAM,WAAU;sBAAmC,sCAAC;QAAK,MAAK;QAAgC,GAAE;QAAsC,WAAU;sBAAkC,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAkE,sCAAC;QAAK,MAAK;QAAgC,GAAE;QAAqC,WAAU;sBAAoC,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA6D,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAyD,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA6D,sCAAC;QAAK,MAAK;QAAU,GAAE;QAAoL,SAAS;sBAAO,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA+B,sCAAC;QAAK,MAAK;QAAgC,GAAE;sBAAgC,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAgC,sCAAC;QAAO,IAAI;QAAQ,IAAI;QAAO,GAAG;QAAM,MAAK;sBAAY,sCAAC;QAAO,IAAI;QAAQ,IAAI;QAAO,GAAG;QAAM,MAAK;sBAAS,sCAAC;QAAO,IAAI;QAAO,IAAI;QAAO,GAAG;QAAM,MAAK;sBAAY,sCAAC;QAAK,MAAK;QAAgC,GAAE;sBAAgC,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAgC,sCAAC;QAAK,MAAK;QAAgC,GAAE;sBAA8B,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA8B,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA8B,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA8B,sCAAC;QAAK,MAAK;QAAU,GAAE;QAAoF,SAAS;sBAAO,sCAAC;QAAK,MAAK;QAAgC,GAAE;sBAAiC,sCAAC;QAAK,MAAK;QAAgC,GAAE;QAAuG,WAAU;sBAA+B,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAwE,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAiC,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAiC,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAgC,sCAAC;QAAK,MAAK;QAAgC,GAAE;QAAsG,WAAU;sBAA+B,sCAAC;QAAK,GAAE;QAAoF,SAAS;;AAE5jN"}

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/SecureRouteError.svg

@@ -0,0 +1 @@
+<svg id="ffa0e257-4b46-4632-a8d6-93195cbf254d" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="895.68" height="517.48" viewBox="0 0 895.68 517.48"><defs><linearGradient id="74471b12-b6be-488b-b2aa-2815e91483d9" x1="790.94" y1="640.76" x2="790.94" y2="264.76" gradientTransform="translate(1229.99 -336.2) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient id="f5c756da-9879-448e-9194-9478f83d355f" x1="785.97" y1="446.14" x2="785.97" y2="321.91" gradientTransform="translate(1166.67 -399.94) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="5c9be04e-db0f-4829-87c1-2cfa193e30b8" x1="660.92" y1="518.19" x2="660.92" y2="494.17" gradientTransform="translate(1146.84 -172.9) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="b92f3a53-b4d2-4abd-916c-aeb632188996" x1="433.66" y1="605.23" x2="433.66" y2="235.23" gradientTransform="translate(13.58 8.51)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="44577794-7f8e-40ae-89fc-019e5bfac17e" x1="428.36" y1="413.71" x2="428.36" y2="291.46" gradientTransform="translate(-1.05 11.3)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="666bb7d3-84d0-4835-ad07-c313c2384f21" x1="295.22" y1="484.61" x2="295.22" y2="460.98" gradientTransform="translate(28.38 37.45)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="59939605-05af-4a9a-9980-f700897f3f8b" x1="455.07" y1="464.48" x2="455.07" y2="10.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13" x1="449.07" y1="229.48" x2="449.07" y2="79.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="45b0c09d-2995-447e-8cb2-7f6b59b5e20c" x1="298.07" y1="316.48" x2="298.07" y2="287.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="e5b0a96a-81f6-4370-afe3-5a7d6a35b55e" x1="457.07" y1="517.48" x2="457.07" y2="364.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="a1850e5a-cf77-4889-926a-0125112ab273" x1="611.23" y1="564.74" x2="611.23" y2="464.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="66998849-614e-4d8a-b9ff-f14bbc588ed8" x1="611.23" y1="660.74" x2="611.23" y2="602.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/></defs><title>safe</title><rect x="792.23" y="49.92" width="19.88" height="470.41" transform="translate(247.6 844.09) rotate(-81.36)" fill="#f5f5f5"/><rect x="589.23" y="209.59" width="376" height="490.29" transform="translate(58.72 963.57) rotate(-81.36)" fill="url(#74471b12-b6be-488b-b2aa-2815e91483d9)"/><rect x="603.48" y="229.23" width="342.87" height="470.41" transform="translate(47.16 969.52) rotate(-81.36)" fill="#f5f5f5"/><circle cx="580.99" cy="251.51" r="4.86" transform="translate(92.88 596.86) rotate(-81.36)" fill="#ff5252"/><circle cx="594.2" cy="253.52" r="4.86" transform="translate(102.12 611.62) rotate(-81.36)" fill="#ff0"/><circle cx="607.41" cy="255.53" r="4.86" transform="translate(111.36 626.39) rotate(-81.36)" fill="#69f0ae"/><rect x="720.53" y="174.84" width="124.23" height="422.38" transform="translate(131.25 910.54) rotate(-81.36)" fill="url(#f5c756da-9879-448e-9194-9478f83d355f)"/><rect x="576.36" y="328.95" width="413.27" height="115.12" transform="translate(-85.2 -304.51) rotate(8.64)" fill="#fa5a28"/><rect x="628.65" y="473.94" width="24.02" height="28.16" transform="translate(-90.24 856.82) rotate(-81.36)" fill="url(#5c9be04e-db0f-4829-87c1-2cfa193e30b8)"/><rect x="627.88" y="477.73" width="26.5" height="19.88" transform="translate(-71.61 -282.05) rotate(8.64)" fill="#fa5a28"/><rect x="622.77" y="511.3" width="26.5" height="19.88" transform="translate(-66.63 -280.9) rotate(8.64)" fill="#ff5252"/><rect x="617.67" y="544.87" width="26.5" height="19.88" transform="translate(-61.64 -279.75) rotate(8.64)" fill="#ff9800"/><rect x="696.41" y="506.51" width="213.67" height="11.59" transform="translate(-66.07 -306.13) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="691.31" y="540.08" width="213.67" height="11.59" transform="translate(-61.09 -304.98) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="686.21" y="573.65" width="213.67" height="11.59" transform="translate(-56.1 -303.83) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="159.15" y="254.51" width="500.84" height="19.56" transform="translate(-199.95 -95.55) rotate(-12.6)" fill="#f5f5f5"/><rect x="186.23" y="243.74" width="522" height="370" transform="translate(-234.92 -83.38) rotate(-12.6)" fill="url(#b92f3a53-b4d2-4abd-916c-aeb632188996)"/><rect x="198.08" y="269.78" width="500.84" height="337.4" transform="translate(-237.01 -82.86) rotate(-12.6)" fill="#f5f5f5"/><ellipse cx="177.11" cy="316.25" rx="5.17" ry="4.78" transform="translate(-216.88 -145.01) rotate(-12.6)" fill="#ff5252"/><ellipse cx="191" cy="313.15" rx="5.17" ry="4.78" transform="translate(-215.87 -142.05) rotate(-12.6)" fill="#ff0"/><ellipse cx="204.88" cy="310.05" rx="5.17" ry="4.78" transform="translate(-214.86 -139.1) rotate(-12.6)" fill="#69f0ae"/><rect x="202.46" y="302.76" width="449.7" height="122.25" transform="translate(-221.25 -89.28) rotate(-12.6)" fill="url(#44577794-7f8e-40ae-89fc-019e5bfac17e)"/><rect x="207.83" y="307.54" width="440" height="113.28" transform="translate(-221.3 -89.16) rotate(-12.6)" fill="#fa5a28"/><rect x="308.61" y="498.42" width="29.98" height="23.63" transform="translate(-255.67 -108.38) rotate(-12.6)" fill="url(#666bb7d3-84d0-4835-ad07-c313c2384f21)"/><rect x="309.83" y="499.96" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -255.56, -108.32)" fill="#fa5a28"/><rect x="317.12" y="532.57" width="28.22" height="19.56" transform="translate(-262.49 -105.94) rotate(-12.6)" fill="#ff5252"/><rect x="324.41" y="565.18" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -269.43, -103.57)" fill="#ff9800"/><rect x="380.57" y="465.95" width="227.49" height="11.41" transform="translate(-243.14 -72.07) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="387.86" y="498.56" width="227.49" height="11.41" transform="translate(-250.08 -69.69) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="395.15" y="531.17" width="227.49" height="11.41" transform="translate(-257.02 -67.32) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="170.07" y="18.48" width="568" height="24" fill="#f5f5f5"/><rect x="159.07" y="10.48" width="592" height="454" fill="url(#59939605-05af-4a9a-9980-f700897f3f8b)"/><rect x="170.07" y="42.48" width="568" height="414" fill="#fff"/><circle cx="183.94" cy="30.48" r="5.87" fill="#ff5252"/><circle cx="200.07" cy="30.48" r="5.87" fill="#ff0"/><circle cx="216.2" cy="30.48" r="5.87" fill="#69f0ae"/><rect x="194.07" y="79.48" width="510" height="150" fill="url(#6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13)"/><rect x="200.07" y="85.48" width="499" height="139" fill="#fa5a28"/><rect x="281.07" y="287.48" width="34" height="29" fill="url(#45b0c09d-2995-447e-8cb2-7f6b59b5e20c)"/><rect x="282.57" y="289.48" width="32" height="24" fill="#fa5a28"/><rect x="282.57" y="330.48" width="32" height="24" fill="#ff5252"/><rect x="282.57" y="371.48" width="32" height="24" fill="#ff9800"/><rect x="367.57" y="294.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="335.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="376.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="364.07" y="364.48" width="186" height="153" fill="url(#e5b0a96a-81f6-4370-afe3-5a7d6a35b55e)"/><path d="M559.15,531.41a52.08,52.08,0,0,1,104.17,0v33.33H677.9V531.41a66.67,66.67,0,1,0-133.33,0v33.33h14.58Z" transform="translate(-152.16 -191.26)" fill="url(#a1850e5a-cf77-4889-926a-0125112ab273)"/><path d="M561.23,530.74a50,50,0,0,1,100,0v32h14v-32a64,64,0,0,0-128,0v32h14Z" transform="translate(-152.16 -191.26)" fill="#fff"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fa5a28"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fff"/><rect x="372.07" y="397.48" width="174" height="86" fill="#fa5a28"/><path d="M624,615.5a12.76,12.76,0,1,0-22,8.74v27.22a9.28,9.28,0,0,0,18.56,0V624.24A12.7,12.7,0,0,0,624,615.5Z" transform="translate(-152.16 -191.26)" fill="url(#66998849-614e-4d8a-b9ff-f14bbc588ed8)"/><path d="M622.23,617.74a11,11,0,1,0-19,7.53v23.47a8,8,0,1,0,16,0V625.27A11,11,0,0,0,622.23,617.74Z" transform="translate(-152.16 -191.26)" opacity="0.2"/></svg>

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/index.d.ts

@@ -0,0 +1 @@
+export { ModelIsBeingDeletedError } from "./ModelIsBeingDeletedError.js";

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/index.js

@@ -0,0 +1 @@
+export { ModelIsBeingDeletedError } from "./ModelIsBeingDeletedError.js";

package/admin/components/ContentModelEditor/PreviewTab.d.ts

@@ -1,2 +1,7 @@
-import { CmsEditorContentTab } from "../../../types";
-export declare const PreviewTab: CmsEditorContentTab;
+import React from "react";
+interface PreviewTabProps {
+    activeTab: boolean;
+    onSwitchToEdit?: () => void;
+}
+export declare const PreviewTab: ({ activeTab, onSwitchToEdit }: PreviewTabProps) => React.JSX.Element;
+export {};

package/admin/components/ContentModelEditor/PreviewTab.js

@@ -1,40 +1,134 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PreviewTab = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _Elevation = require("@webiny/ui/Elevation");
-var _i18n = require("@webiny/app/i18n");
-var _hooks = require("../../hooks");
-var _ContentEntryFormPreview = require("../ContentEntryForm/ContentEntryFormPreview");
-var _templateObject;
-var t = _i18n.i18n.ns("app-headless-cms/admin/components/editor/tabs/preview");
-var formPreviewWrapper = /*#__PURE__*/(0, _emotion.css)({
-  padding: 40,
-  margin: 40,
-  boxSizing: "border-box"
-}, "label:formPreviewWrapper;");
-var style = {
-  noFieldsMessage: /*#__PURE__*/(0, _emotion.css)({
-    textAlign: "center"
-  }, "label:noFieldsMessage;")
-};
-var PreviewTab = function PreviewTab(_ref) {
-  var activeTab = _ref.activeTab;
-  var _useModelEditor = (0, _hooks.useModelEditor)(),
-    data = _useModelEditor.data;
-  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-    z: 1,
-    className: formPreviewWrapper
-  }, data.fields && data.fields.length && activeTab ? /*#__PURE__*/_react.default.createElement(_ContentEntryFormPreview.ContentEntryFormPreview, {
-    contentModel: data
-  }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: style.noFieldsMessage
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Before previewing the form, please add at least one field to the content model."])))));
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer } from "@webiny/app";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { FormView } from "@webiny/app-admin/features/formModel/FormView.js";
+import { Button } from "@webiny/admin-ui";
+import { useModelEditor } from "../../hooks/index.js";
+import { ContentModelFormPreviewFeature } from "../../../presentation/contentModelEditor/preview/feature.js";
+import { useContentModelFormPreview } from "../../../presentation/contentModelEditor/preview/useContentModelFormPreview.js";
+const t = i18n.ns("app-headless-cms/admin/components/editor/tabs/preview");
+const LayoutIllustration = ()=>/*#__PURE__*/ react.createElement("svg", {
+        width: "90",
+        height: "72",
+        viewBox: "0 0 90 72",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/ react.createElement("rect", {
+        width: "90",
+        height: "72",
+        rx: "4",
+        fill: "white",
+        stroke: "#DCE0E5",
+        strokeWidth: "1"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        width: "90",
+        height: "15",
+        rx: "4",
+        fill: "#F5F6F7"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        y: "11",
+        width: "90",
+        height: "4",
+        fill: "#F5F6F7"
+    }), /*#__PURE__*/ react.createElement("line", {
+        x1: "0",
+        y1: "15",
+        x2: "90",
+        y2: "15",
+        stroke: "#DCE0E5",
+        strokeWidth: "1"
+    }), /*#__PURE__*/ react.createElement("circle", {
+        cx: "9",
+        cy: "7.5",
+        r: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("circle", {
+        cx: "17",
+        cy: "7.5",
+        r: "2.5",
+        fill: "#FA5723",
+        fillOpacity: "0.5"
+    }), /*#__PURE__*/ react.createElement("circle", {
+        cx: "25",
+        cy: "7.5",
+        r: "2.5",
+        fill: "#FA5723",
+        fillOpacity: "0.25"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "8",
+        y: "18",
+        width: "23",
+        height: "45",
+        rx: "1.5",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "36",
+        y: "18",
+        width: "45",
+        height: "20",
+        rx: "1.5",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "36",
+        y: "42",
+        width: "21",
+        height: "21",
+        rx: "1.5",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "61",
+        y: "42",
+        width: "20",
+        height: "21",
+        rx: "1.5",
+        fill: "#F0F1F3"
+    }));
+const PreviewTab = ({ activeTab, onSwitchToEdit })=>{
+    const { data } = useModelEditor();
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        ContentModelFormPreviewFeature.register(child);
+        return child;
+    }, []);
+    if (data.fields && data.fields.length && activeTab) return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(PreviewForm, null));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md items-center justify-center pb-[216px] size-full"
+    }, /*#__PURE__*/ react.createElement(LayoutIllustration, null), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm items-center text-center w-full"
+    }, /*#__PURE__*/ react.createElement("p", {
+        className: "text-lg font-semibold text-neutral-strong"
+    }, t`Nothing to see here`), /*#__PURE__*/ react.createElement("p", {
+        className: "text-sm text-neutral-strong max-w-[400px]"
+    }, t`It looks like no field has been added to this content model yet. Switch to editor mode to add your first field.`)), onSwitchToEdit && /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        size: "sm",
+        onClick: onSwitchToEdit
+    }, t`Switch to edit mode`));
 };
-exports.PreviewTab = PreviewTab;
+const PreviewForm = observer(()=>{
+    const { data } = useModelEditor();
+    const presenter = useContentModelFormPreview();
+    useEffect(()=>{
+        presenter.buildForm(data);
+        return ()=>{
+            presenter.reset();
+        };
+    }, [
+        data
+    ]);
+    const { form } = presenter.vm;
+    if (!form) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "bg-neutral-base rounded-lg p-lg"
+    }, /*#__PURE__*/ react.createElement(FormView, {
+        name: "ContentModelFormPreview",
+        form: form
+    }));
+});
+export { PreviewTab };
+
+//# sourceMappingURL=PreviewTab.js.map

package/admin/components/ContentModelEditor/PreviewTab.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","formPreviewWrapper","css","padding","margin","boxSizing","style","noFieldsMessage","textAlign","PreviewTab","activeTab","useModelEditor","data","fields","length"],"sources":["PreviewTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentTab } from \"~/types\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { ContentEntryFormPreview } from \"../ContentEntryForm/ContentEntryFormPreview\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/tabs/preview\");\n\nconst formPreviewWrapper = css({\n    padding: 40,\n    margin: 40,\n    boxSizing: \"border-box\"\n});\n\nconst style = {\n    noFieldsMessage: css({\n        textAlign: \"center\"\n    })\n};\n\nexport const PreviewTab: CmsEditorContentTab = ({ activeTab }) => {\n    const { data } = useModelEditor();\n\n    return (\n        <Elevation z={1} className={formPreviewWrapper}>\n            {data.fields && data.fields.length && activeTab ? (\n                <ContentEntryFormPreview contentModel={data} />\n            ) : (\n                <div className={style.noFieldsMessage}>\n                    {t`Before previewing the form, please add at least one field to the content model.`}\n                </div>\n            )}\n        </Elevation>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAsF;AAEtF,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,uDAAuD,CAAC;AAE1E,IAAMC,kBAAkB,gBAAG,IAAAC,YAAG,EAAC;EAC3BC,OAAO,EAAE,EAAE;EACXC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE;AACf,CAAC,8BAAC;AAEF,IAAMC,KAAK,GAAG;EACVC,eAAe,eAAE,IAAAL,YAAG,EAAC;IACjBM,SAAS,EAAE;EACf,CAAC;AACL,CAAC;AAEM,IAAMC,UAA+B,GAAG,SAAlCA,UAA+B,OAAsB;EAAA,IAAhBC,SAAS,QAATA,SAAS;EACvD,sBAAiB,IAAAC,qBAAc,GAAE;IAAzBC,IAAI,mBAAJA,IAAI;EAEZ,oBACI,6BAAC,oBAAS;IAAC,CAAC,EAAE,CAAE;IAAC,SAAS,EAAEX;EAAmB,GAC1CW,IAAI,CAACC,MAAM,IAAID,IAAI,CAACC,MAAM,CAACC,MAAM,IAAIJ,SAAS,gBAC3C,6BAAC,gDAAuB;IAAC,YAAY,EAAEE;EAAK,EAAG,gBAE/C;IAAK,SAAS,EAAEN,KAAK,CAACC;EAAgB,GACjCT,CAAC,mKAET,CACO;AAEpB,CAAC;AAAC"}
+{"version":3,"file":"admin/components/ContentModelEditor/PreviewTab.js","sources":["../../../../src/admin/components/ContentModelEditor/PreviewTab.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer } from \"@webiny/app\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { ContentModelFormPreviewFeature } from \"~/presentation/contentModelEditor/preview/feature.js\";\nimport { useContentModelFormPreview } from \"~/presentation/contentModelEditor/preview/useContentModelFormPreview.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/tabs/preview\");\n\ninterface PreviewTabProps {\n    activeTab: boolean;\n    onSwitchToEdit?: () => void;\n}\n\nconst LayoutIllustration = () => (\n    <svg width=\"90\" height=\"72\" viewBox=\"0 0 90 72\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"90\" height=\"72\" rx=\"4\" fill=\"white\" stroke=\"#DCE0E5\" strokeWidth=\"1\" />\n        <rect width=\"90\" height=\"15\" rx=\"4\" fill=\"#F5F6F7\" />\n        <rect y=\"11\" width=\"90\" height=\"4\" fill=\"#F5F6F7\" />\n        <line x1=\"0\" y1=\"15\" x2=\"90\" y2=\"15\" stroke=\"#DCE0E5\" strokeWidth=\"1\" />\n        <circle cx=\"9\" cy=\"7.5\" r=\"2.5\" fill=\"#FA5723\" />\n        <circle cx=\"17\" cy=\"7.5\" r=\"2.5\" fill=\"#FA5723\" fillOpacity=\"0.5\" />\n        <circle cx=\"25\" cy=\"7.5\" r=\"2.5\" fill=\"#FA5723\" fillOpacity=\"0.25\" />\n        <rect x=\"8\" y=\"18\" width=\"23\" height=\"45\" rx=\"1.5\" fill=\"#F0F1F3\" />\n        <rect x=\"36\" y=\"18\" width=\"45\" height=\"20\" rx=\"1.5\" fill=\"#F0F1F3\" />\n        <rect x=\"36\" y=\"42\" width=\"21\" height=\"21\" rx=\"1.5\" fill=\"#F0F1F3\" />\n        <rect x=\"61\" y=\"42\" width=\"20\" height=\"21\" rx=\"1.5\" fill=\"#F0F1F3\" />\n    </svg>\n);\n\nexport const PreviewTab = ({ activeTab, onSwitchToEdit }: PreviewTabProps) => {\n    const { data } = useModelEditor();\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ContentModelFormPreviewFeature.register(child);\n        return child;\n    }, []);\n\n    if (data.fields && data.fields.length && activeTab) {\n        return (\n            <DiContainerProvider container={scopedContainer}>\n                <PreviewForm />\n            </DiContainerProvider>\n        );\n    }\n\n    return (\n        <div className={\"flex flex-col gap-md items-center justify-center pb-[216px] size-full\"}>\n            <LayoutIllustration />\n            <div className={\"flex flex-col gap-sm items-center text-center w-full\"}>\n                <p className={\"text-lg font-semibold text-neutral-strong\"}>\n                    {t`Nothing to see here`}\n                </p>\n                <p className={\"text-sm text-neutral-strong max-w-[400px]\"}>\n                    {t`It looks like no field has been added to this content model yet. Switch to editor mode to add your first field.`}\n                </p>\n            </div>\n            {onSwitchToEdit && (\n                <Button variant={\"primary\"} size={\"sm\"} onClick={onSwitchToEdit}>\n                    {t`Switch to edit mode`}\n                </Button>\n            )}\n        </div>\n    );\n};\n\nconst PreviewForm = observer(() => {\n    const { data } = useModelEditor();\n    const presenter = useContentModelFormPreview();\n\n    useEffect(() => {\n        presenter.buildForm(data);\n\n        return () => {\n            presenter.reset();\n        };\n    }, [data]);\n\n    const { form } = presenter.vm;\n\n    if (!form) {\n        return null;\n    }\n\n    return (\n        <div className={\"bg-neutral-base rounded-lg p-lg\"}>\n            <FormView name=\"ContentModelFormPreview\" form={form} />\n        </div>\n    );\n});\n"],"names":["t","i18n","LayoutIllustration","PreviewTab","activeTab","onSwitchToEdit","data","useModelEditor","container","useContainer","scopedContainer","useMemo","child","ContentModelFormPreviewFeature","DiContainerProvider","PreviewForm","Button","observer","presenter","useContentModelFormPreview","useEffect","form","FormView"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOlB,MAAMC,qBAAqB,kBACvB,oBAAC;QAAI,OAAM;QAAK,QAAO;QAAK,SAAQ;QAAY,MAAK;QAAO,OAAM;qBAC9D,oBAAC;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAI,MAAK;QAAQ,QAAO;QAAU,aAAY;sBAC9E,oBAAC;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAI,MAAK;sBACzC,oBAAC;QAAK,GAAE;QAAK,OAAM;QAAK,QAAO;QAAI,MAAK;sBACxC,oBAAC;QAAK,IAAG;QAAI,IAAG;QAAK,IAAG;QAAK,IAAG;QAAK,QAAO;QAAU,aAAY;sBAClE,oBAAC;QAAO,IAAG;QAAI,IAAG;QAAM,GAAE;QAAM,MAAK;sBACrC,oBAAC;QAAO,IAAG;QAAK,IAAG;QAAM,GAAE;QAAM,MAAK;QAAU,aAAY;sBAC5D,oBAAC;QAAO,IAAG;QAAK,IAAG;QAAM,GAAE;QAAM,MAAK;QAAU,aAAY;sBAC5D,oBAAC;QAAK,GAAE;QAAI,GAAE;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAM,MAAK;sBACxD,oBAAC;QAAK,GAAE;QAAK,GAAE;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAM,MAAK;sBACzD,oBAAC;QAAK,GAAE;QAAK,GAAE;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAM,MAAK;sBACzD,oBAAC;QAAK,GAAE;QAAK,GAAE;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAM,MAAK;;AAI1D,MAAMC,aAAa,CAAC,EAAEC,SAAS,EAAEC,cAAc,EAAmB;IACrE,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAC5CK,+BAA+B,QAAQ,CAACD;QACxC,OAAOA;IACX,GAAG,EAAE;IAEL,IAAIN,KAAK,MAAM,IAAIA,KAAK,MAAM,CAAC,MAAM,IAAIF,WACrC,OAAO,WAAP,GACI,oBAACU,qBAAmBA;QAAC,WAAWJ;qBAC5B,oBAACK,aAAWA;IAKxB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACb,oBAAkBA,OAAAA,WAAAA,GACnB,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAE,WAAW;OACTF,CAAC,CAAC,mBAAmB,CAAC,iBAE3B,oBAAC;QAAE,WAAW;OACTA,CAAC,CAAC,+GAA+G,CAAC,IAG1HK,kBAAkB,WAAlBA,GACG,oBAACW,QAAMA;QAAC,SAAS;QAAW,MAAM;QAAM,SAASX;OAC5CL,CAAC,CAAC,mBAAmB,CAAC;AAK3C;AAEA,MAAMe,cAAcE,SAAS;IACzB,MAAM,EAAEX,IAAI,EAAE,GAAGC;IACjB,MAAMW,YAAYC;IAElBC,UAAU;QACNF,UAAU,SAAS,CAACZ;QAEpB,OAAO;YACHY,UAAU,KAAK;QACnB;IACJ,GAAG;QAACZ;KAAK;IAET,MAAM,EAAEe,IAAI,EAAE,GAAGH,UAAU,EAAE;IAE7B,IAAI,CAACG,MACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,UAAQA;QAAC,MAAK;QAA0B,MAAMD;;AAG3D"}

package/admin/components/ContentModelEditor/SectionHeader.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface SectionHeaderProps {
+    title: string;
+    action?: React.ReactNode;
+}
+declare const SectionHeader: ({ title, action }: SectionHeaderProps) => React.JSX.Element;
+export { SectionHeader, type SectionHeaderProps };

package/admin/components/ContentModelEditor/SectionHeader.js

@@ -0,0 +1,12 @@
+import react from "react";
+import { Text } from "@webiny/admin-ui";
+const SectionHeader = ({ title, action })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between px-md py-sm-extra"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "sm",
+        className: "font-semibold text-neutral-primary"
+    }, title), action);
+export { SectionHeader };
+
+//# sourceMappingURL=SectionHeader.js.map

package/admin/components/ContentModelEditor/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentModelEditor/SectionHeader.js","sources":["../../../../src/admin/components/ContentModelEditor/SectionHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface SectionHeaderProps {\n    title: string;\n    action?: React.ReactNode;\n}\n\nconst SectionHeader = ({ title, action }: SectionHeaderProps) => (\n    <div className={\"flex items-center justify-between px-md py-sm-extra\"}>\n        <Text as=\"div\" size={\"sm\"} className={\"font-semibold text-neutral-primary\"}>\n            {title}\n        </Text>\n        {action}\n    </div>\n);\n\nexport { SectionHeader, type SectionHeaderProps };\n"],"names":["SectionHeader","title","action","Text"],"mappings":";;AAQA,MAAMA,gBAAgB,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAsB,iBACxD,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,IAAG;QAAM,MAAM;QAAM,WAAW;OACjCF,QAEJC"}

package/admin/components/ContentModelEditor/evaluateExpression.d.ts

@@ -0,0 +1,23 @@
+export type Operator = "==" | "!=" | ">" | "<" | ">=" | "<=" | "contains" | "notContains" | "startsWith" | "notStartsWith" | "endsWith" | "notEndsWith" | "isEmpty" | "isNotEmpty";
+export interface ParsedExpression {
+    target: string;
+    operator: Operator;
+    value: string | number | boolean | null;
+}
+/**
+ * Resolve a fieldPath that may contain `$` placeholders using the bindParentName.
+ *
+ * The bindParentName gives us the concrete indices for the current list context.
+ * For example, if fieldPath is `panorama.hotspots.$.title` and bindParentName
+ * is `panorama.hotspots.2`, the result is `panorama.hotspots.2.title`.
+ *
+ * Supports multiple nested `$` segments for deeply nested list objects.
+ */
+export declare function resolveFieldPath(fieldPath: string, bindParentName?: string): string;
+/**
+ * Evaluate a parsed expression against form values.
+ *
+ * If the resolved fieldPath ends with `.length`, it reads the array at the parent
+ * path and uses its length as the left-hand value.
+ */
+export declare function evaluateExpression(parsed: ParsedExpression, getFormValue: (path: string) => unknown): boolean;