@comet/admin 9.0.0-beta.3 → 9.0.0-beta.5

package/lib/form/__stories__/Switch.stories.js

@@ -0,0 +1,49 @@
+import { Card, CardContent } from "@mui/material";
+import { Form } from "react-final-form";
+import { SwitchField } from "../../form/fields/SwitchField";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: "components/form"
+};
+export var Switch = function Switch() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 500
+    },
+    children: /*#__PURE__*/_jsx(Form, {
+      onSubmit: function onSubmit(values) {
+        //
+      },
+      render: function render(_ref) {
+        var handleSubmit = _ref.handleSubmit;
+        return /*#__PURE__*/_jsx("form", {
+          onSubmit: handleSubmit,
+          children: /*#__PURE__*/_jsx(Card, {
+            variant: "outlined",
+            children: /*#__PURE__*/_jsxs(CardContent, {
+              children: [/*#__PURE__*/_jsx(SwitchField, {
+                fullWidth: true,
+                name: "simpleSwitch",
+                fieldLabel: "Simple switch",
+                label: "With label on the right"
+              }), /*#__PURE__*/_jsx(SwitchField, {
+                fullWidth: true,
+                name: "dynamicLabel",
+                fieldLabel: "Switch with dynamic label",
+                label: function label(checked) {
+                  return checked ? "Yes" : "No";
+                }
+              }), /*#__PURE__*/_jsx(SwitchField, {
+                fullWidth: true,
+                name: "disabled",
+                fieldLabel: "Disabled switch",
+                label: "Disabled",
+                disabled: true
+              })]
+            })
+          })
+        });
+      }
+    })
+  });
+};

package/lib/form/__stories__/SwitchField.stories.js

@@ -0,0 +1,87 @@
+import { Stack } from "@mui/material";
+import { Alert } from "../../alert/Alert";
+import { FieldSet } from "../../common/FieldSet";
+import { FinalForm } from "../../FinalForm";
+import { SwitchField } from "../../form/fields/SwitchField";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var config = {
+  component: SwitchField,
+  title: "components/form/SwitchField"
+};
+export default config;
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref) {
+        var values = _ref.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(SwitchField, {
+            name: "value",
+            label: "Switch Field",
+            fullWidth: true,
+            variant: "horizontal"
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+export var LayoutVariants = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      children: function children() {
+        return /*#__PURE__*/_jsxs(Stack, {
+          spacing: 5,
+          p: 5,
+          children: [/*#__PURE__*/_jsxs(FieldSet, {
+            title: "Single line SwitchField",
+            children: [/*#__PURE__*/_jsx(SwitchField, {
+              name: "singleLineHorizontal",
+              fieldLabel: "Single Line Horizontal",
+              label: "Hello Switch",
+              variant: "horizontal",
+              fullWidth: true
+            }), /*#__PURE__*/_jsx(SwitchField, {
+              name: "singleLineVertical",
+              fieldLabel: "Single Line Vertical",
+              label: "Hello Switch",
+              variant: "vertical",
+              fullWidth: true
+            })]
+          }), /*#__PURE__*/_jsxs(FieldSet, {
+            title: "Multi line SwitchField",
+            children: [/*#__PURE__*/_jsx(SwitchField, {
+              name: "multiLineHorizontal",
+              fieldLabel: "Multi Line Horizontal",
+              label: "Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.",
+              variant: "horizontal",
+              fullWidth: true
+            }), /*#__PURE__*/_jsx(SwitchField, {
+              name: "multiLineVertical",
+              fieldLabel: "Multi Line Vertical",
+              label: "Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.",
+              variant: "vertical",
+              fullWidth: true
+            })]
+          })]
+        });
+      }
+    });
+  }
+};

package/lib/form/__stories__/Tabs.stories.js

@@ -0,0 +1,78 @@
+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 { Card, CardContent } from "@mui/material";
+import { useState } from "react";
+import { Button } from "../../common/buttons/Button";
+import { FinalForm } from "../../FinalForm";
+import { Field } from "../../form/Field";
+import { FinalFormInput } from "../../form/FinalFormInput";
+import { Tab, Tabs } from "../../tabs/Tabs";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export default {
+  title: "components/form"
+};
+export var _Tabs = function _Tabs() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showExample3 = _useState2[0],
+    setShowExample3 = _useState2[1];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Button, {
+      onClick: function onClick() {
+        return setShowExample3(function (value) {
+          return !value;
+        });
+      },
+      children: [showExample3 ? "Hide" : "Show", " Example 3"]
+    }), /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit(values) {
+        alert(JSON.stringify(values));
+      },
+      initialValues: {
+        foo: "foo",
+        bar: "bar"
+      },
+      children: /*#__PURE__*/_jsxs(Tabs, {
+        children: [/*#__PURE__*/_jsx(Tab, {
+          label: "Example 1",
+          children: /*#__PURE__*/_jsx(Card, {
+            variant: "outlined",
+            children: /*#__PURE__*/_jsx(CardContent, {
+              children: /*#__PURE__*/_jsx(Field, {
+                label: "Foo",
+                name: "foo",
+                component: FinalFormInput
+              })
+            })
+          })
+        }), /*#__PURE__*/_jsx(Tab, {
+          label: "Example 2",
+          forceRender: true,
+          children: /*#__PURE__*/_jsx(Card, {
+            variant: "outlined",
+            children: /*#__PURE__*/_jsx(CardContent, {
+              children: /*#__PURE__*/_jsx(Field, {
+                label: "Bar",
+                name: "bar",
+                component: FinalFormInput
+              })
+            })
+          })
+        }), showExample3 && /*#__PURE__*/_jsx(Tab, {
+          label: "Example 3",
+          children: /*#__PURE__*/_jsx(Card, {
+            variant: "outlined",
+            children: /*#__PURE__*/_jsx(CardContent, {
+              children: "False"
+            })
+          })
+        })]
+      })
+    })]
+  });
+};

package/lib/form/__stories__/TextAreaField.stories.js

@@ -0,0 +1,38 @@
+import { Alert } from "../../alert/Alert";
+import { FinalForm } from "../../FinalForm";
+import { TextAreaField } from "../../form/fields/TextAreaField";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var config = {
+  component: TextAreaField,
+  title: "components/form/TextAreaField"
+};
+export default config;
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref) {
+        var values = _ref.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(TextAreaField, {
+            name: "value",
+            label: "Text Area Field",
+            fullWidth: true,
+            variant: "horizontal"
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};

package/lib/form/__stories__/TextField.stories.js

@@ -0,0 +1,67 @@
+import { Alert } from "../../alert/Alert";
+import { FinalForm } from "../../FinalForm";
+import { TextField } from "../../form/fields/TextField";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var config = {
+  component: TextField,
+  title: "components/form/TextField"
+};
+export default config;
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref) {
+        var values = _ref.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(TextField, {
+            name: "value",
+            label: "Textfield",
+            fullWidth: true,
+            variant: "horizontal"
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+export var Clearable = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref2) {
+        var values = _ref2.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(TextField, {
+            name: "value",
+            label: "Textfield",
+            fullWidth: true,
+            variant: "horizontal"
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};

package/lib/form/__stories__/ToggleButtonGroupField.stories.js

@@ -0,0 +1,312 @@
+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 { FocusPointCenter, FocusPointEast, FocusPointNorth, FocusPointNortheast, FocusPointNorthwest, FocusPointSouth, FocusPointSoutheast, FocusPointSouthwest, FocusPointWest, Image, Info, Video, Vimeo, YouTube } from "@comet/admin-icons";
+import { Box, Divider } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { Alert } from "../../alert/Alert";
+import { FinalForm } from "../../FinalForm";
+import { NumberField } from "../../form/fields/NumberField";
+import { TextField } from "../../form/fields/TextField";
+import { ToggleButtonGroupField } from "../../form/fields/ToggleButtonGroupField";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var config = {
+  component: ToggleButtonGroupField,
+  title: "components/form/Toggle Button Group Field"
+};
+export default config;
+
+/**
+ * This story demonstrates the simple usage of the `ToggleButtonGroupField` component.
+ */
+export var ToggleButtonFieldStory = {
+  name: "Toggle Button Field",
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      initialValues: {
+        type: "label"
+      },
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref) {
+        var values = _ref.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
+            label: "Sample Type",
+            name: "type",
+            options: [{
+              label: "Label",
+              value: "label"
+            }, {
+              label: "Label 2",
+              value: "label-2"
+            }, {
+              label: /*#__PURE__*/_jsx(Info, {}),
+              value: "icon"
+            }, {
+              label: /*#__PURE__*/_jsxs(Box, {
+                display: "flex",
+                gap: 2,
+                alignItems: "center",
+                component: "span",
+                children: [/*#__PURE__*/_jsx(Info, {}), "Icon and Label"]
+              }),
+              value: "icon+label"
+            }]
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+
+/**
+ * Sometimes it is necessary to show more options, which do not fit into one row, with the `optionsPerRow` prop it is possible to
+ * define how many options should be shown in one row.
+ */
+export var MultipleRowsExample = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      initialValues: {
+        type: "north-west"
+      },
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref2) {
+        var values = _ref2.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
+            label: "Sample Type",
+            name: "type",
+            optionsPerRow: 3,
+            options: [{
+              label: /*#__PURE__*/_jsx(FocusPointNorthwest, {}),
+              value: "north-west"
+            }, {
+              label: /*#__PURE__*/_jsx(FocusPointNorth, {}),
+              value: "north"
+            }, {
+              label: /*#__PURE__*/_jsx(FocusPointNortheast, {}),
+              value: "north-east"
+            }, {
+              label: /*#__PURE__*/_jsx(FocusPointWest, {}),
+              value: "west"
+            }, {
+              label: /*#__PURE__*/_jsx(FocusPointCenter, {}),
+              value: "center"
+            }, {
+              label: /*#__PURE__*/_jsx(FocusPointEast, {}),
+              value: "east"
+            }, {
+              label: /*#__PURE__*/_jsx(FocusPointSouthwest, {}),
+              value: "south-west"
+            }, {
+              label: /*#__PURE__*/_jsx(FocusPointSouth, {}),
+              value: "south"
+            }, {
+              label: /*#__PURE__*/_jsx(FocusPointSoutheast, {}),
+              value: "south-east"
+            }]
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+
+/**
+ * This story demonstrates the usage of the `ToggleButtonGroupField` component with a more complex form.
+ *
+ * The `ToggleButtonGroupField` Component is typically used to switch between two or more options, which additionally shows/hides different parts of the form.
+ *
+ * In this Showcase, the AddressType's - `ToggleButtonGroupField` - toggles between Address and Coordinates and shows/hides the corresponding fields.
+ */
+export var ToggleButtonFieldAddressSample = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      initialValues: {
+        type: "address"
+      },
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref3) {
+        var values = _ref3.values;
+        return /*#__PURE__*/_jsxs(Box, {
+          display: "flex",
+          gap: 2,
+          flexDirection: "column",
+          children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
+            label: "AddressType",
+            name: "type",
+            options: [{
+              label: "Address",
+              value: "address"
+            }, {
+              label: "Coordinates",
+              value: "coordinates"
+            }]
+          }), /*#__PURE__*/_jsx(Box, {
+            marginBottom: 2,
+            children: /*#__PURE__*/_jsx(Divider, {})
+          }), values.type === "address" && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(NumberField, {
+              name: "address.postcode",
+              label: "Postcode"
+            }), /*#__PURE__*/_jsx(TextField, {
+              name: "address.city",
+              label: "City"
+            }), /*#__PURE__*/_jsx(TextField, {
+              name: "address.street",
+              label: "Street"
+            })]
+          }), values.type === "coordinates" && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(NumberField, {
+              name: "coordinates.latitude",
+              label: "Latitude",
+              decimals: 14
+            }), /*#__PURE__*/_jsx(NumberField, {
+              name: "coordinates.longitude",
+              label: "Longitude",
+              decimals: 14
+            })]
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+export var MediaType = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      initialValues: {
+        type: "image"
+      },
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref4) {
+        var values = _ref4.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
+            label: "Media Type",
+            name: "type",
+            options: [{
+              label: /*#__PURE__*/_jsx(Image, {}),
+              value: "image"
+            }, {
+              label: /*#__PURE__*/_jsx(Video, {}),
+              value: "video"
+            }, {
+              label: /*#__PURE__*/_jsx(Vimeo, {}),
+              value: "vimeo"
+            }, {
+              label: /*#__PURE__*/_jsx(YouTube, {}),
+              value: "youtube"
+            }]
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+export var MediaTypeWithText = {
+  render: function render() {
+    var ButtonContent = /*#__PURE__*/styled(Box, process.env.NODE_ENV === "production" ? {
+      target: "e5lc3jw0"
+    } : {
+      target: "e5lc3jw0",
+      label: "ButtonContent"
+    })(process.env.NODE_ENV === "production" ? {
+      name: "197tvr9",
+      styles: "display:flex;gap:8px;align-items:center"
+    } : {
+      name: "197tvr9",
+      styles: "display:flex;gap:8px;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3JtL19fc3Rvcmllc19fL1RvZ2dsZUJ1dHRvbkdyb3VwRmllbGQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcVR5QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybS9fX3N0b3JpZXNfXy9Ub2dnbGVCdXR0b25Hcm91cEZpZWxkLnN0b3JpZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBGb2N1c1BvaW50Q2VudGVyLFxuICAgIEZvY3VzUG9pbnRFYXN0LFxuICAgIEZvY3VzUG9pbnROb3J0aCxcbiAgICBGb2N1c1BvaW50Tm9ydGhlYXN0LFxuICAgIEZvY3VzUG9pbnROb3J0aHdlc3QsXG4gICAgRm9jdXNQb2ludFNvdXRoLFxuICAgIEZvY3VzUG9pbnRTb3V0aGVhc3QsXG4gICAgRm9jdXNQb2ludFNvdXRod2VzdCxcbiAgICBGb2N1c1BvaW50V2VzdCxcbiAgICBJbWFnZSxcbiAgICBJbmZvLFxuICAgIFZpZGVvLFxuICAgIFZpbWVvLFxuICAgIFlvdVR1YmUsXG59IGZyb20gXCJAY29tZXQvYWRtaW4taWNvbnNcIjtcbmltcG9ydCB7IEJveCwgRGl2aWRlciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgTWV0YSwgU3RvcnlPYmogfSBmcm9tIFwiQHN0b3J5Ym9vay9yZWFjdC12aXRlXCI7XG5cbmltcG9ydCB7IEFsZXJ0IH0gZnJvbSBcIi4uLy4uL2FsZXJ0L0FsZXJ0XCI7XG5pbXBvcnQgeyBGaW5hbEZvcm0gfSBmcm9tIFwiLi4vLi4vRmluYWxGb3JtXCI7XG5pbXBvcnQgeyBOdW1iZXJGaWVsZCB9IGZyb20gXCIuLi8uLi9mb3JtL2ZpZWxkcy9OdW1iZXJGaWVsZFwiO1xuaW1wb3J0IHsgVGV4dEZpZWxkIH0gZnJvbSBcIi4uLy4uL2Zvcm0vZmllbGRzL1RleHRGaWVsZFwiO1xuaW1wb3J0IHsgVG9nZ2xlQnV0dG9uR3JvdXBGaWVsZCB9IGZyb20gXCIuLi8uLi9mb3JtL2ZpZWxkcy9Ub2dnbGVCdXR0b25Hcm91cEZpZWxkXCI7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgVG9nZ2xlQnV0dG9uR3JvdXBGaWVsZD47XG5jb25zdCBjb25maWc6IE1ldGE8dHlwZW9mIFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGQ+ID0ge1xuICAgIGNvbXBvbmVudDogVG9nZ2xlQnV0dG9uR3JvdXBGaWVsZCxcbiAgICB0aXRsZTogXCJjb21wb25lbnRzL2Zvcm0vVG9nZ2xlIEJ1dHRvbiBHcm91cCBGaWVsZFwiLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29uZmlnO1xuXG4vKipcbiAqIFRoaXMgc3RvcnkgZGVtb25zdHJhdGVzIHRoZSBzaW1wbGUgdXNhZ2Ugb2YgdGhlIGBUb2dnbGVCdXR0b25Hcm91cEZpZWxkYCBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBjb25zdCBUb2dnbGVCdXR0b25GaWVsZFN0b3J5OiBTdG9yeSA9IHtcbiAgICBuYW1lOiBcIlRvZ2dsZSBCdXR0b24gRmllbGRcIixcbiAgICByZW5kZXI6ICgpID0+IHtcbiAgICAgICAgdHlwZSBTYW1wbGVUeXBlID0gXCJsYWJlbFwiIHwgXCJsYWJlbC0yXCIgfCBcImljb25cIiB8IFwiaWNvbitsYWJlbFwiO1xuICAgICAgICBpbnRlcmZhY2UgRm9ybVZhbHVlcyB7XG4gICAgICAgICAgICB0eXBlOiBTYW1wbGVUeXBlO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RmluYWxGb3JtPEZvcm1WYWx1ZXM+XG4gICAgICAgICAgICAgICAgaW5pdGlhbFZhbHVlcz17eyB0eXBlOiBcImxhYmVsXCIgfX1cbiAgICAgICAgICAgICAgICBtb2RlPVwiZWRpdFwiXG4gICAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy8gbm90IGhhbmRsZWRcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIHN1YnNjcmlwdGlvbj17eyB2YWx1ZXM6IHRydWUgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7KHsgdmFsdWVzIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGQ8U2FtcGxlVHlwZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJTYW1wbGUgVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJ0eXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9ucz17W1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiBcIkxhYmVsXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwibGFiZWxcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IFwiTGFiZWwgMlwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcImxhYmVsLTJcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxJbmZvIC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcImljb25cIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJveCBkaXNwbGF5PVwiZmxleFwiIGdhcD17Mn0gYWxpZ25JdGVtcz1cImNlbnRlclwiIGNvbXBvbmVudD1cInNwYW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbmZvIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBJY29uIGFuZCBMYWJlbFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcImljb24rbGFiZWxcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0aXRsZT1cIkZvcm1TdGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cHJlPntKU09OLnN0cmluZ2lmeSh2YWx1ZXMsIG51bGwsIDIpfTwvcHJlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQWxlcnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9GaW5hbEZvcm0+XG4gICAgICAgICk7XG4gICAgfSxcbn07XG5cbi8qKlxuICogU29tZXRpbWVzIGl0IGlzIG5lY2Vzc2FyeSB0byBzaG93IG1vcmUgb3B0aW9ucywgd2hpY2ggZG8gbm90IGZpdCBpbnRvIG9uZSByb3csIHdpdGggdGhlIGBvcHRpb25zUGVyUm93YCBwcm9wIGl0IGlzIHBvc3NpYmxlIHRvXG4gKiBkZWZpbmUgaG93IG1hbnkgb3B0aW9ucyBzaG91bGQgYmUgc2hvd24gaW4gb25lIHJvdy5cbiAqL1xuZXhwb3J0IGNvbnN0IE11bHRpcGxlUm93c0V4YW1wbGU6IFN0b3J5ID0ge1xuICAgIHJlbmRlcjogKCkgPT4ge1xuICAgICAgICB0eXBlIFNhbXBsZVR5cGUgPSBcIm5vcnRoLXdlc3RcIiB8IFwibm9ydGhcIiB8IFwibm9ydGgtZWFzdFwiIHwgXCJ3ZXN0XCIgfCBcImNlbnRlclwiIHwgXCJlYXN0XCIgfCBcInNvdXRoLXdlc3RcIiB8IFwic291dGhcIiB8IFwic291dGgtZWFzdFwiO1xuICAgICAgICBpbnRlcmZhY2UgRm9ybVZhbHVlcyB7XG4gICAgICAgICAgICB0eXBlOiBTYW1wbGVUeXBlO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RmluYWxGb3JtPEZvcm1WYWx1ZXM+XG4gICAgICAgICAgICAgICAgaW5pdGlhbFZhbHVlcz17eyB0eXBlOiBcIm5vcnRoLXdlc3RcIiB9fVxuICAgICAgICAgICAgICAgIG1vZGU9XCJlZGl0XCJcbiAgICAgICAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAvLyBub3QgaGFuZGxlZFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgc3Vic2NyaXB0aW9uPXt7IHZhbHVlczogdHJ1ZSB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsoeyB2YWx1ZXMgfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VG9nZ2xlQnV0dG9uR3JvdXBGaWVsZDxTYW1wbGVUeXBlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIlNhbXBsZSBUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cInR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zUGVyUm93PXszfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zPXtbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50Tm9ydGh3ZXN0IC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcIm5vcnRoLXdlc3RcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50Tm9ydGggLz4sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwibm9ydGhcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50Tm9ydGhlYXN0IC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcIm5vcnRoLWVhc3RcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50V2VzdCAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJ3ZXN0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8Rm9jdXNQb2ludENlbnRlciAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50RWFzdCAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJlYXN0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8Rm9jdXNQb2ludFNvdXRod2VzdCAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJzb3V0aC13ZXN0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8Rm9jdXNQb2ludFNvdXRoIC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInNvdXRoXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8Rm9jdXNQb2ludFNvdXRoZWFzdCAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJzb3V0aC1lYXN0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QWxlcnQgdGl0bGU9XCJGb3JtU3RhdGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHByZT57SlNPTi5zdHJpbmdpZnkodmFsdWVzLCBudWxsLCAyKX08L3ByZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0FsZXJ0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIDwvRmluYWxGb3JtPlxuICAgICAgICApO1xuICAgIH0sXG59O1xuXG4vKipcbiAqIFRoaXMgc3RvcnkgZGVtb25zdHJhdGVzIHRoZSB1c2FnZSBvZiB0aGUgYFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGRgIGNvbXBvbmVudCB3aXRoIGEgbW9yZSBjb21wbGV4IGZvcm0uXG4gKlxuICogVGhlIGBUb2dnbGVCdXR0b25Hcm91cEZpZWxkYCBDb21wb25lbnQgaXMgdHlwaWNhbGx5IHVzZWQgdG8gc3dpdGNoIGJldHdlZW4gdHdvIG9yIG1vcmUgb3B0aW9ucywgd2hpY2ggYWRkaXRpb25hbGx5IHNob3dzL2hpZGVzIGRpZmZlcmVudCBwYXJ0cyBvZiB0aGUgZm9ybS5cbiAqXG4gKiBJbiB0aGlzIFNob3djYXNlLCB0aGUgQWRkcmVzc1R5cGUncyAtIGBUb2dnbGVCdXR0b25Hcm91cEZpZWxkYCAtIHRvZ2dsZXMgYmV0d2VlbiBBZGRyZXNzIGFuZCBDb29yZGluYXRlcyBhbmQgc2hvd3MvaGlkZXMgdGhlIGNvcnJlc3BvbmRpbmcgZmllbGRzLlxuICovXG5leHBvcnQgY29uc3QgVG9nZ2xlQnV0dG9uRmllbGRBZGRyZXNzU2FtcGxlOiBTdG9yeSA9IHtcbiAgICByZW5kZXI6ICgpID0+IHtcbiAgICAgICAgdHlwZSBBZGRyZXNzVHlwZSA9IFwiYWRkcmVzc1wiIHwgXCJjb29yZGluYXRlc1wiO1xuICAgICAgICBpbnRlcmZhY2UgRm9ybVZhbHVlcyB7XG4gICAgICAgICAgICB0eXBlOiBBZGRyZXNzVHlwZTtcbiAgICAgICAgICAgIGFkZHJlc3M/OiB7XG4gICAgICAgICAgICAgICAgY2l0eTogc3RyaW5nO1xuICAgICAgICAgICAgICAgIHN0cmVldDogc3RyaW5nO1xuICAgICAgICAgICAgICAgIHN0cmVldE51bWJlcjogbnVtYmVyO1xuICAgICAgICAgICAgICAgIHBvc3Rjb2RlOiBzdHJpbmc7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgY29vcmRpbmF0ZXM6IHtcbiAgICAgICAgICAgICAgICBsb25naXR1ZGU6IG51bWJlcjtcbiAgICAgICAgICAgICAgICBsYXRpdHVkZTogbnVtYmVyO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEZpbmFsRm9ybTxGb3JtVmFsdWVzPlxuICAgICAgICAgICAgICAgIGluaXRpYWxWYWx1ZXM9e3sgdHlwZTogXCJhZGRyZXNzXCIgfX1cbiAgICAgICAgICAgICAgICBtb2RlPVwiZWRpdFwiXG4gICAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy8gbm90IGhhbmRsZWRcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIHN1YnNjcmlwdGlvbj17eyB2YWx1ZXM6IHRydWUgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7KHsgdmFsdWVzIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxCb3ggZGlzcGxheT1cImZsZXhcIiBnYXA9ezJ9IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VG9nZ2xlQnV0dG9uR3JvdXBGaWVsZDxBZGRyZXNzVHlwZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJBZGRyZXNzVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJ0eXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9ucz17W1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiBcIkFkZHJlc3NcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJhZGRyZXNzXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiBcIkNvb3JkaW5hdGVzXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwiY29vcmRpbmF0ZXNcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPXsyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dmFsdWVzLnR5cGUgPT09IFwiYWRkcmVzc1wiICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxOdW1iZXJGaWVsZCBuYW1lPVwiYWRkcmVzcy5wb3N0Y29kZVwiIGxhYmVsPVwiUG9zdGNvZGVcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRGaWVsZCBuYW1lPVwiYWRkcmVzcy5jaXR5XCIgbGFiZWw9XCJDaXR5XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0RmllbGQgbmFtZT1cImFkZHJlc3Muc3RyZWV0XCIgbGFiZWw9XCJTdHJlZXRcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbHVlcy50eXBlID09PSBcImNvb3JkaW5hdGVzXCIgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPE51bWJlckZpZWxkIG5hbWU9XCJjb29yZGluYXRlcy5sYXRpdHVkZVwiIGxhYmVsPVwiTGF0aXR1ZGVcIiBkZWNpbWFscz17MTR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TnVtYmVyRmllbGQgbmFtZT1cImNvb3JkaW5hdGVzLmxvbmdpdHVkZVwiIGxhYmVsPVwiTG9uZ2l0dWRlXCIgZGVjaW1hbHM9ezE0fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0aXRsZT1cIkZvcm1TdGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cHJlPntKU09OLnN0cmluZ2lmeSh2YWx1ZXMsIG51bGwsIDIpfTwvcHJlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQWxlcnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9GaW5hbEZvcm0+XG4gICAgICAgICk7XG4gICAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYVR5cGU6IFN0b3J5ID0ge1xuICAgIHJlbmRlcjogKCkgPT4ge1xuICAgICAgICB0eXBlIFNhbXBsZVR5cGUgPSBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcInZpbWVvXCIgfCBcInlvdXR1YmVcIjtcbiAgICAgICAgaW50ZXJmYWNlIEZvcm1WYWx1ZXMge1xuICAgICAgICAgICAgdHlwZTogU2FtcGxlVHlwZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RmluYWxGb3JtPEZvcm1WYWx1ZXM+XG4gICAgICAgICAgICAgICAgaW5pdGlhbFZhbHVlcz17eyB0eXBlOiBcImltYWdlXCIgfX1cbiAgICAgICAgICAgICAgICBtb2RlPVwiZWRpdFwiXG4gICAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy8gbm90IGhhbmRsZWRcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIHN1YnNjcmlwdGlvbj17eyB2YWx1ZXM6IHRydWUgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7KHsgdmFsdWVzIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGQ8U2FtcGxlVHlwZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJNZWRpYSBUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cInR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zPXtbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxJbWFnZSAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJpbWFnZVwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbDogPFZpZGVvIC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInZpZGVvXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8VmltZW8gLz4sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwidmltZW9cIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxZb3VUdWJlIC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInlvdXR1YmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0aXRsZT1cIkZvcm1TdGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cHJlPntKU09OLnN0cmluZ2lmeSh2YWx1ZXMsIG51bGwsIDIpfTwvcHJlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQWxlcnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9GaW5hbEZvcm0+XG4gICAgICAgICk7XG4gICAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYVR5cGVXaXRoVGV4dDogU3RvcnkgPSB7XG4gICAgcmVuZGVyOiAoKSA9PiB7XG4gICAgICAgIHR5cGUgU2FtcGxlVHlwZSA9IFwiaW1hZ2VcIiB8IFwidmlkZW9cIiB8IFwidmltZW9cIiB8IFwieW91dHViZVwiO1xuICAgICAgICBpbnRlcmZhY2UgRm9ybVZhbHVlcyB7XG4gICAgICAgICAgICB0eXBlOiBTYW1wbGVUeXBlO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IEJ1dHRvbkNvbnRlbnQgPSBzdHlsZWQoQm94KWBcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGA7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxGaW5hbEZvcm08Rm9ybVZhbHVlcz5cbiAgICAgICAgICAgICAgICBpbml0aWFsVmFsdWVzPXt7IHR5cGU6IFwiaW1hZ2VcIiB9fVxuICAgICAgICAgICAgICAgIG1vZGU9XCJlZGl0XCJcbiAgICAgICAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAvLyBub3QgaGFuZGxlZFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgc3Vic2NyaXB0aW9uPXt7IHZhbHVlczogdHJ1ZSB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsoeyB2YWx1ZXMgfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VG9nZ2xlQnV0dG9uR3JvdXBGaWVsZDxTYW1wbGVUeXBlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIk1lZGlhIFR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYW1lPVwidHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbnM9e1tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbWFnZSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgSW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b25Db250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwiaW1hZ2VcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VmlkZW8gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFZpZGVvXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInZpZGVvXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25Db250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFZpbWVvIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBWaW1lb1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbkNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJ2aW1lb1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxZb3VUdWJlIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBZb3VUdWJlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInlvdXR1YmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0aXRsZT1cIkZvcm1TdGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cHJlPntKU09OLnN0cmluZ2lmeSh2YWx1ZXMsIG51bGwsIDIpfTwvcHJlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQWxlcnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9GaW5hbEZvcm0+XG4gICAgICAgICk7XG4gICAgfSxcbn07XG4iXX0= */",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
+    return /*#__PURE__*/_jsx(FinalForm, {
+      initialValues: {
+        type: "image"
+      },
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref5) {
+        var values = _ref5.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
+            label: "Media Type",
+            name: "type",
+            options: [{
+              label: /*#__PURE__*/_jsxs(ButtonContent, {
+                children: [/*#__PURE__*/_jsx(Image, {}), "Image"]
+              }),
+              value: "image"
+            }, {
+              label: /*#__PURE__*/_jsxs(ButtonContent, {
+                children: [/*#__PURE__*/_jsx(Video, {}), "Video"]
+              }),
+              value: "video"
+            }, {
+              label: /*#__PURE__*/_jsxs(ButtonContent, {
+                children: [/*#__PURE__*/_jsx(Vimeo, {}), "Vimeo"]
+              }),
+              value: "vimeo"
+            }, {
+              label: /*#__PURE__*/_jsxs(ButtonContent, {
+                children: [/*#__PURE__*/_jsx(YouTube, {}), "YouTube"]
+              }),
+              value: "youtube"
+            }]
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};