@dextinity/cms-admin 2.0.0-canary-20260729062014

package/lib/common/image/ChooseFocalPoint.js

@@ -0,0 +1,42 @@
+import { FocusPointCenter, FocusPointNortheast, FocusPointNorthwest, FocusPointSoutheast, FocusPointSouthwest } from "@dextinity/admin-icons";
+import { ToggleButton, ToggleButtonGroup } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { BlockAdminComponentSection } from "../../blocks/common/BlockAdminComponentSection";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var ChooseFocalPoint = function ChooseFocalPoint(_ref) {
+  var focalPoint = _ref.focalPoint,
+    onChangeFocalPoint = _ref.onChangeFocalPoint;
+  return /*#__PURE__*/_jsx(BlockAdminComponentSection, {
+    title: /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "comet.blocks.image.focalPoint",
+      defaultMessage: "Set manual focus point"
+    }),
+    disableBottomMargin: true,
+    children: /*#__PURE__*/_jsxs(ToggleButtonGroup, {
+      value: focalPoint,
+      onChange: function onChange(event, newFocalPoint) {
+        if (newFocalPoint === null) {
+          return;
+        }
+        onChangeFocalPoint(newFocalPoint);
+      },
+      exclusive: true,
+      children: [/*#__PURE__*/_jsx(ToggleButton, {
+        value: "SOUTHWEST",
+        children: /*#__PURE__*/_jsx(FocusPointSouthwest, {})
+      }), /*#__PURE__*/_jsx(ToggleButton, {
+        value: "NORTHWEST",
+        children: /*#__PURE__*/_jsx(FocusPointNorthwest, {})
+      }), /*#__PURE__*/_jsx(ToggleButton, {
+        value: "CENTER",
+        children: /*#__PURE__*/_jsx(FocusPointCenter, {})
+      }), /*#__PURE__*/_jsx(ToggleButton, {
+        value: "NORTHEAST",
+        children: /*#__PURE__*/_jsx(FocusPointNortheast, {})
+      }), /*#__PURE__*/_jsx(ToggleButton, {
+        value: "SOUTHEAST",
+        children: /*#__PURE__*/_jsx(FocusPointSoutheast, {})
+      })]
+    })
+  });
+};

package/lib/common/image/ImageCrop.d.ts

@@ -0,0 +1,9 @@
+import { type ReactCropProps } from "react-image-crop";
+type ImageCropProps = {
+    src: string;
+    disabled?: ReactCropProps["disabled"];
+    style?: ReactCropProps["style"];
+};
+export declare const ImageCrop: (props: ImageCropProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageCrop.d.ts.map

package/lib/common/image/ImageCrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCrop.d.ts","sourceRoot":"","sources":["../../../src/common/image/ImageCrop.tsx"],"names":[],"mappings":"AAEA,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlE,KAAK,cAAc,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAMF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAyD9C,CAAC"}

package/lib/common/image/ImageCrop.js

@@ -0,0 +1,75 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import isEqual from "lodash.isequal";
+import { Field, useForm, useFormState } from "react-final-form";
+import ReactCrop from "react-image-crop";
+import * as sc from "./ImageCrop.sc";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var focalPoints = ["CENTER", "NORTHEAST", "NORTHWEST", "SOUTHEAST", "SOUTHWEST"];
+var clipValue = function clipValue(value) {
+  return value === undefined ? undefined : Math.max(0, Math.min(100, value));
+};
+export var ImageCrop = function ImageCrop(props) {
+  var form = useForm();
+  var _useFormState = useFormState(),
+    focalPoint = _useFormState.values.focalPoint;
+  var disabled = props.disabled === true || focalPoint === "SMART";
+  var handleFocalPointChange = function handleFocalPointChange(newFocalPoint) {
+    form.change("focalPoint", newFocalPoint);
+  };
+  return /*#__PURE__*/_jsx(Field, {
+    name: "crop",
+    isEqual: isEqual,
+    children: function children(_ref) {
+      var _ref$input = _ref.input,
+        value = _ref$input.value,
+        _onChange = _ref$input.onChange;
+      return /*#__PURE__*/_jsx(sc.ImageContainer, {
+        children: /*#__PURE__*/_jsx(ReactCrop, _objectSpread(_objectSpread({}, props), {}, {
+          crop: disabled ? {} : _objectSpread(_objectSpread({}, value), {}, {
+            unit: "%"
+          }),
+          ruleOfThirds: true,
+          disabled: disabled,
+          style: {
+            width: "auto",
+            height: "auto"
+          },
+          onChange: function onChange(newCrop, percentCrop) {
+            // Prevent reset at first rendering
+            if (percentCrop.width === 0 && percentCrop.height === 0 && percentCrop.x === 0 && percentCrop.y === 0) {
+              return;
+            }
+            _onChange({
+              x: clipValue(percentCrop.x),
+              y: clipValue(percentCrop.y),
+              width: clipValue(percentCrop.width),
+              height: clipValue(percentCrop.height)
+            });
+          },
+          renderSelectionAddon: function renderSelectionAddon() {
+            return /*#__PURE__*/_jsx(_Fragment, {
+              children: focalPoints.map(function (point) {
+                return /*#__PURE__*/_jsx(sc.FocalPointHandle, {
+                  point: point,
+                  selected: point === focalPoint,
+                  type: "button",
+                  onClick: function onClick() {
+                    return handleFocalPointChange(point);
+                  }
+                }, point);
+              })
+            });
+          },
+          children: /*#__PURE__*/_jsx("img", {
+            src: props.src
+          })
+        }))
+      });
+    }
+  });
+};

package/lib/common/image/ImageCrop.sc.d.ts

@@ -0,0 +1,9 @@
+import type { GQLFocalPoint } from "../../graphql.generated";
+export declare const ImageContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface FocalPointHandleProps {
+    point: GQLFocalPoint;
+    selected: boolean;
+}
+export declare const FocalPointHandle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & FocalPointHandleProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export {};
+//# sourceMappingURL=ImageCrop.sc.d.ts.map

package/lib/common/image/ImageCrop.sc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCrop.sc.d.ts","sourceRoot":"","sources":["../../../src/common/image/ImageCrop.sc.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,cAAc,6NA+C1B,CAAC;AAEF,UAAU,qBAAqB;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,iQA8E5B,CAAC"}

package/lib/common/image/ImageCrop.sc.js

@@ -0,0 +1,49 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { css } from "@mui/material";
+import { styled } from "@mui/material/styles";
+export var ImageContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "epc5rv11"
+} : {
+  target: "epc5rv11",
+  label: "ImageContainer"
+})(".ReactCrop__crop-selection{border:2px solid ", function (_ref) {
+  var theme = _ref.theme;
+  return theme.palette.primary.main;
+}, ";}.ReactCrop__drag-handle{&::after{width:6px;height:6px;background-color:", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.primary.main;
+}, ";border:none;}&.ord-nw{margin-top:-3px;margin-left:-3px;}&.ord-sw{margin-bottom:-3px;margin-left:-3px;}&.ord-ne{margin-top:-3px;margin-right:-3px;}&.ord-se{margin-bottom:-3px;margin-right:-3px;}&.ord-n,&.ord-s,&.ord-e,&.ord-w{display:none;}}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after,.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{background-color:", function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.palette.primary.main;
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vaW1hZ2UvSW1hZ2VDcm9wLnNjLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsyQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tbW9uL2ltYWdlL0ltYWdlQ3JvcC5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcblxuaW1wb3J0IHR5cGUgeyBHUUxGb2NhbFBvaW50IH0gZnJvbSBcIi4uLy4uL2dyYXBocWwuZ2VuZXJhdGVkXCI7XG5cbmV4cG9ydCBjb25zdCBJbWFnZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICAuUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbiB7XG4gICAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59O1xuICAgIH1cblxuICAgIC5SZWFjdENyb3BfX2RyYWctaGFuZGxlIHtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgd2lkdGg6IDZweDtcbiAgICAgICAgICAgIGhlaWdodDogNnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAmLm9yZC1udyB7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtM3B4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0zcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmLm9yZC1zdyB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAtM3B4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0zcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmLm9yZC1uZSB7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtM3B4O1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAtM3B4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi5vcmQtc2Uge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogLTNweDtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogLTNweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYub3JkLW4sXG4gICAgICAgICYub3JkLXMsXG4gICAgICAgICYub3JkLWUsXG4gICAgICAgICYub3JkLXcge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjpiZWZvcmUsXG4gICAgLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtdnQ6OmFmdGVyLFxuICAgIC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjpiZWZvcmUsXG4gICAgLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6OmFmdGVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgfVxuYDtcblxuaW50ZXJmYWNlIEZvY2FsUG9pbnRIYW5kbGVQcm9wcyB7XG4gICAgcG9pbnQ6IEdRTEZvY2FsUG9pbnQ7XG4gICAgc2VsZWN0ZWQ6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBGb2NhbFBvaW50SGFuZGxlID0gc3R5bGVkKFwiYnV0dG9uXCIpPEZvY2FsUG9pbnRIYW5kbGVQcm9wcz5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgd2lkdGg6IDI0cHg7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIG1hcmdpbi10b3A6IC0xMnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAtMTJweDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgIHdpZHRoOiAxNnB4O1xuICAgICAgICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgICAgICAgICAgbWFyZ2luOiAzcHg7XG4gICAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuY29tbW9uLndoaXRlfTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICY6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogXCIgXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogNnB4O1xuICAgICAgICBoZWlnaHQ6IDZweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICAgICAgbWFyZ2luOiA5cHg7XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IHdpZHRoLCBoZWlnaHQsIGJvcmRlciwgbWFyZ2luO1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgICAgICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZTtcblxuICAgICAgICAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgICAgICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luOiAzcHg7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLnN1Y2Nlc3MubWFpbn07XG4gICAgICAgICAgICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG4gICAgICAgICAgICBgfVxuICAgIH1cblxuICAgICR7KHsgcG9pbnQgfSkgPT4ge1xuICAgICAgICBzd2l0Y2ggKHBvaW50KSB7XG4gICAgICAgICAgICBjYXNlIFwiQ0VOVEVSXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgICBgO1xuXG4gICAgICAgICAgICBjYXNlIFwiTk9SVEhFQVNUXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBjYWxjKDEwMCUgLyAzKTtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogY2FsYygxMDAlICogMiAvIDMpO1xuICAgICAgICAgICAgICAgIGA7XG5cbiAgICAgICAgICAgIGNhc2UgXCJOT1JUSFdFU1RcIjpcbiAgICAgICAgICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgICAgICAgICB0b3A6IGNhbGMoMTAwJSAvIDMpO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiBjYWxjKDEwMCUgLyAzKTtcbiAgICAgICAgICAgICAgICBgO1xuXG4gICAgICAgICAgICBjYXNlIFwiU09VVEhFQVNUXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBjYWxjKDEwMCUgKiAyIC8gMyk7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IGNhbGMoMTAwJSAqIDIgLyAzKTtcbiAgICAgICAgICAgICAgICBgO1xuXG4gICAgICAgICAgICBjYXNlIFwiU09VVEhXRVNUXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBjYWxjKDEwMCUgKiAyIC8gMyk7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IGNhbGMoMTAwJSAvIDMpO1xuICAgICAgICAgICAgICAgIGA7XG4gICAgICAgIH1cbiAgICB9fVxuYDtcbiJdfQ== */"));
+export var FocalPointHandle = /*#__PURE__*/styled("button", process.env.NODE_ENV === "production" ? {
+  target: "epc5rv10"
+} : {
+  target: "epc5rv10",
+  label: "FocalPointHandle"
+})("position:absolute;z-index:1;width:24px;height:24px;margin-top:-12px;margin-left:-12px;padding:0;background:none;outline:none;border:none;cursor:pointer;&:hover{&::after{width:16px;height:16px;margin:3px;border:2px solid ", function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.palette.common.white;
+}, ";}}&::after{content:\" \";display:block;width:6px;height:6px;border-radius:50%;background-color:", function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.palette.primary.main;
+}, ";margin:9px;transition-property:width,height,border,margin;transition-duration:0.5s;transition-timing-function:ease;", function (_ref6) {
+  var selected = _ref6.selected,
+    theme = _ref6.theme;
+  return selected && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                width: 16px;\n                height: 16px;\n                margin: 3px;\n                background-color: ", ";\n                border: 2px solid ", ";\n            "])), theme.palette.success.main, theme.palette.common.white);
+}, ";}", function (_ref7) {
+  var point = _ref7.point;
+  switch (point) {
+    case "CENTER":
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                    top: 50%;\n                    left: 50%;\n                "])));
+    case "NORTHEAST":
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                    top: calc(100% / 3);\n                    left: calc(100% * 2 / 3);\n                "])));
+    case "NORTHWEST":
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                    top: calc(100% / 3);\n                    left: calc(100% / 3);\n                "])));
+    case "SOUTHEAST":
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                    top: calc(100% * 2 / 3);\n                    left: calc(100% * 2 / 3);\n                "])));
+    case "SOUTHWEST":
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    top: calc(100% * 2 / 3);\n                    left: calc(100% / 3);\n                "])));
+  }
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vaW1hZ2UvSW1hZ2VDcm9wLnNjLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEdUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbW1vbi9pbWFnZS9JbWFnZUNyb3Auc2MudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmltcG9ydCB0eXBlIHsgR1FMRm9jYWxQb2ludCB9IGZyb20gXCIuLi8uLi9ncmFwaHFsLmdlbmVyYXRlZFwiO1xuXG5leHBvcnQgY29uc3QgSW1hZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgLlJlYWN0Q3JvcF9fY3JvcC1zZWxlY3Rpb24ge1xuICAgICAgICBib3JkZXI6IDJweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICB9XG5cbiAgICAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZSB7XG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgIHdpZHRoOiA2cHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDZweDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgJi5vcmQtbncge1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogLTNweDtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtM3B4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi5vcmQtc3cge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogLTNweDtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtM3B4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi5vcmQtbmUge1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogLTNweDtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogLTNweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYub3JkLXNlIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IC0zcHg7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IC0zcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmLm9yZC1uLFxuICAgICAgICAmLm9yZC1zLFxuICAgICAgICAmLm9yZC1lLFxuICAgICAgICAmLm9yZC13IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAuUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDo6YmVmb3JlLFxuICAgIC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjphZnRlcixcbiAgICAuUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejo6YmVmb3JlLFxuICAgIC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjphZnRlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59O1xuICAgIH1cbmA7XG5cbmludGVyZmFjZSBGb2NhbFBvaW50SGFuZGxlUHJvcHMge1xuICAgIHBvaW50OiBHUUxGb2NhbFBvaW50O1xuICAgIHNlbGVjdGVkOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgRm9jYWxQb2ludEhhbmRsZSA9IHN0eWxlZChcImJ1dHRvblwiKTxGb2NhbFBvaW50SGFuZGxlUHJvcHM+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIGhlaWdodDogMjRweDtcbiAgICBtYXJnaW4tdG9wOiAtMTJweDtcbiAgICBtYXJnaW4tbGVmdDogLTEycHg7XG4gICAgcGFkZGluZzogMDtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICY6aG92ZXIge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICAgIGhlaWdodDogMTZweDtcbiAgICAgICAgICAgIG1hcmdpbjogM3B4O1xuICAgICAgICAgICAgYm9yZGVyOiAycHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiIFwiO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDZweDtcbiAgICAgICAgaGVpZ2h0OiA2cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgIG1hcmdpbjogOXB4O1xuICAgICAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiB3aWR0aCwgaGVpZ2h0LCBib3JkZXIsIG1hcmdpbjtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgICAgICAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2U7XG5cbiAgICAgICAgJHsoeyBzZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgICAgIHNlbGVjdGVkICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgd2lkdGg6IDE2cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgICAgICAgICAgICAgIG1hcmdpbjogM3B4O1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5zdWNjZXNzLm1haW59O1xuICAgICAgICAgICAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9O1xuICAgICAgICAgICAgYH1cbiAgICB9XG5cbiAgICAkeyh7IHBvaW50IH0pID0+IHtcbiAgICAgICAgc3dpdGNoIChwb2ludCkge1xuICAgICAgICAgICAgY2FzZSBcIkNFTlRFUlwiOlxuICAgICAgICAgICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgYDtcblxuICAgICAgICAgICAgY2FzZSBcIk5PUlRIRUFTVFwiOlxuICAgICAgICAgICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICAgICAgICAgIHRvcDogY2FsYygxMDAlIC8gMyk7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IGNhbGMoMTAwJSAqIDIgLyAzKTtcbiAgICAgICAgICAgICAgICBgO1xuXG4gICAgICAgICAgICBjYXNlIFwiTk9SVEhXRVNUXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBjYWxjKDEwMCUgLyAzKTtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogY2FsYygxMDAlIC8gMyk7XG4gICAgICAgICAgICAgICAgYDtcblxuICAgICAgICAgICAgY2FzZSBcIlNPVVRIRUFTVFwiOlxuICAgICAgICAgICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICAgICAgICAgIHRvcDogY2FsYygxMDAlICogMiAvIDMpO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiBjYWxjKDEwMCUgKiAyIC8gMyk7XG4gICAgICAgICAgICAgICAgYDtcblxuICAgICAgICAgICAgY2FzZSBcIlNPVVRIV0VTVFwiOlxuICAgICAgICAgICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICAgICAgICAgIHRvcDogY2FsYygxMDAlICogMiAvIDMpO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiBjYWxjKDEwMCUgLyAzKTtcbiAgICAgICAgICAgICAgICBgO1xuICAgICAgICB9XG4gICAgfX1cbmA7XG4iXX0= */"));

package/lib/common/impersonation/commonImpersonationMessages.d.ts

@@ -0,0 +1,6 @@
+export declare const commonImpersonationMessages: {
+    impersonate: import("react/jsx-runtime").JSX.Element;
+    startImpersonation: import("react/jsx-runtime").JSX.Element;
+    stopImpersonation: import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=commonImpersonationMessages.d.ts.map

package/lib/common/impersonation/commonImpersonationMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonImpersonationMessages.d.ts","sourceRoot":"","sources":["../../../src/common/impersonation/commonImpersonationMessages.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B;;;;CAIvC,CAAC"}

package/lib/common/impersonation/commonImpersonationMessages.js

@@ -0,0 +1,16 @@
+import { FormattedMessage } from "react-intl";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var commonImpersonationMessages = {
+  impersonate: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.generic.impersonate",
+    defaultMessage: "Impersonate"
+  }),
+  startImpersonation: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.generic.startImpersonation",
+    defaultMessage: "Start Impersonation"
+  }),
+  stopImpersonation: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.generic.stopImpersonation",
+    defaultMessage: "Regain original identity"
+  })
+};

package/lib/common/signOutButton/SignOutButton.d.ts

@@ -0,0 +1,6 @@
+import { type ButtonProps as MuiButtonProps } from "@mui/material";
+import type { FunctionComponent, PropsWithChildren } from "react";
+type SignOutButtonProps = Omit<MuiButtonProps, "onClick">;
+export declare const SignOutButton: FunctionComponent<PropsWithChildren<SignOutButtonProps>>;
+export {};
+//# sourceMappingURL=SignOutButton.d.ts.map

package/lib/common/signOutButton/SignOutButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignOutButton.d.ts","sourceRoot":"","sources":["../../../src/common/signOutButton/SignOutButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMlE,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;AAE1D,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAkBlF,CAAC"}

package/lib/common/signOutButton/SignOutButton.gql.d.ts

@@ -0,0 +1,2 @@
+export declare const signOutMutation: import("graphql").DocumentNode;
+//# sourceMappingURL=SignOutButton.gql.d.ts.map

package/lib/common/signOutButton/SignOutButton.gql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignOutButton.gql.d.ts","sourceRoot":"","sources":["../../../src/common/signOutButton/SignOutButton.gql.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,gCAI3B,CAAC"}

package/lib/common/signOutButton/SignOutButton.gql.generated.d.ts

@@ -0,0 +1,14 @@
+import * as Types from '../../graphql.generated';
+export declare const namedOperations: {
+    Mutation: {
+        SignOut: string;
+    };
+};
+export type GQLSignOutMutationVariables = Types.Exact<{
+    [key: string]: never;
+}>;
+export type GQLSignOutMutation = {
+    __typename?: 'Mutation';
+    currentUserSignOut: string;
+};
+//# sourceMappingURL=SignOutButton.gql.generated.d.ts.map

package/lib/common/signOutButton/SignOutButton.gql.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignOutButton.gql.generated.d.ts","sourceRoot":"","sources":["../../../src/common/signOutButton/SignOutButton.gql.generated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,yBAAyB,CAAC;AAEjD,eAAO,MAAM,eAAe;;;;CAI3B,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,KAAK,CAAC;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC;CAAE,CAAC,CAAC;AAGjF,MAAM,MAAM,kBAAkB,GAAG;IAAE,UAAU,CAAC,EAAE,UAAU,CAAC;IAAC,kBAAkB,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/lib/common/signOutButton/SignOutButton.gql.generated.js

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

package/lib/common/signOutButton/SignOutButton.gql.js

@@ -0,0 +1,4 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { gql } from "@apollo/client";
+export var signOutMutation = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    mutation SignOut {\n        currentUserSignOut\n    }\n"])));

package/lib/common/signOutButton/SignOutButton.js

@@ -0,0 +1,59 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { useMutation } from "@apollo/client";
+import { Logout, ThreeDotSaving } from "@dextinity/admin-icons";
+// eslint-disable-next-line no-restricted-imports
+import { Button } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { signOutMutation } from "./SignOutButton.gql";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SignOutButton = function SignOutButton(_ref) {
+  var children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useMutation = useMutation(signOutMutation),
+    _useMutation2 = _slicedToArray(_useMutation, 2),
+    signOut = _useMutation2[0],
+    isSigningOut = _useMutation2[1].loading;
+  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, restProps), {}, {
+    disabled: isSigningOut,
+    startIcon: isSigningOut ? /*#__PURE__*/_jsx(ThreeDotSaving, {}) : /*#__PURE__*/_jsx(Logout, {}),
+    onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var result;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            _context.n = 1;
+            return signOut();
+          case 1:
+            result = _context.v;
+            if (result.data) {
+              location.href = result.data.currentUserSignOut;
+            }
+          case 2:
+            return _context.a(2);
+        }
+      }, _callee);
+    })),
+    children: children !== null && children !== void 0 ? children : /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "comet.signOutButton.title",
+      defaultMessage: "Logout"
+    })
+  }));
+};

package/lib/common/useEditState.d.ts

@@ -0,0 +1,27 @@
+import { type ApolloError, type ApolloQueryResult, type OperationVariables } from "@apollo/client";
+import type { DocumentNode } from "graphql";
+import { type Dispatch, type SetStateAction } from "react";
+interface EditStateOptions<TData, TVariables, TState, TOutput> {
+    query: DocumentNode;
+    mode: "edit" | "add";
+    variables?: TVariables;
+    input2State: (data: TData) => TState;
+    state2Output: (state: TState) => TOutput;
+    defaultState: TState;
+}
+interface EditStateReturn<TData, TVariables, TState, TOutput> {
+    hasChanges: boolean;
+    state?: TState;
+    setState: Dispatch<SetStateAction<TState | undefined>>;
+    updateReferenceContent: (data: TData) => void;
+    output?: TOutput;
+    query: {
+        data?: TData;
+        refetch: (variables?: Partial<TVariables> | undefined) => Promise<ApolloQueryResult<TData>>;
+        error?: ApolloError;
+        loading: boolean;
+    };
+}
+export declare function useEditState<TData = any, TVariables extends OperationVariables = OperationVariables, TState = any, TOutput = any>(options: EditStateOptions<TData, TVariables, TState, TOutput>): EditStateReturn<TData, TVariables, TState, TOutput>;
+export {};
+//# sourceMappingURL=useEditState.d.ts.map

package/lib/common/useEditState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditState.d.ts","sourceRoot":"","sources":["../../src/common/useEditState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAY,MAAM,gBAAgB,CAAC;AAC7G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAoC,MAAM,OAAO,CAAC;AAE7F,UAAU,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO;IACzD,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC;IACrB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO;IACxD,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACvD,sBAAsB,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE;QACH,IAAI,CAAC,EAAE,KAAK,CAAC;QACb,OAAO,EAAE,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,SAAS,KAAK,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5F,KAAK,CAAC,EAAE,WAAW,CAAC;QACpB,OAAO,EAAE,OAAO,CAAC;KACpB,CAAC;CACL;AAGD,wBAAgB,YAAY,CAAC,KAAK,GAAG,GAAG,EAAE,UAAU,SAAS,kBAAkB,GAAG,kBAAkB,EAAE,MAAM,GAAG,GAAG,EAAE,OAAO,GAAG,GAAG,EAC7H,OAAO,EAAE,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,GAC9D,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,CAiDrD"}

package/lib/common/useEditState.js

@@ -0,0 +1,57 @@
+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 { useQuery } from "@apollo/client";
+import isEqual from "lodash.isequal";
+import { useCallback, useEffect, useState } from "react";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useEditState(options) {
+  var _useState = useState(options.mode === "add" ? options.state2Output(options.defaultState) : undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    referenceContent = _useState2[0],
+    setReferenceContent = _useState2[1];
+  var _useState3 = useState(options.mode === "add" ? options.defaultState : undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    state = _useState4[0],
+    setState = _useState4[1];
+  var _useQuery = useQuery(options.query, {
+      variables: options.variables,
+      skip: options.mode === "add"
+    }),
+    queryData = _useQuery.data,
+    refetch = _useQuery.refetch,
+    error = _useQuery.error,
+    loading = _useQuery.loading;
+  useEffect(function () {
+    if (queryData) {
+      var _state = options.input2State(queryData);
+      setState(_state);
+      setReferenceContent(options.state2Output(_state));
+    }
+    // only set initial state, to avoid endless render loop
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [queryData, options.mode]);
+  var updateReferenceContent = useCallback(function (data) {
+    var state = options.input2State(data);
+    setReferenceContent(options.state2Output(state));
+  },
+  // only use options.mode to avoid endless render loop
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [options.mode]);
+  return {
+    hasChanges: state ? !isEqual(referenceContent, options.state2Output(state)) : false,
+    state: state,
+    setState: setState,
+    updateReferenceContent: updateReferenceContent,
+    output: state ? options.state2Output(state) : undefined,
+    query: {
+      data: queryData,
+      refetch: refetch,
+      error: error,
+      loading: loading
+    }
+  };
+}

package/lib/common/useSaveState.d.ts

@@ -0,0 +1,22 @@
+import { type JSX, type ReactNode } from "react";
+interface SaveStateOptions<TData> {
+    hasChanges: boolean;
+    saveConflict: {
+        dialogs: ReactNode;
+        checkForConflicts: () => Promise<boolean>;
+    };
+    mode: "edit" | "add";
+    save: () => Promise<TData>;
+    navigateToEditPage: (data: TData) => Promise<void>;
+    validate: () => Promise<boolean>;
+    updateReferenceContent: (data: TData) => void;
+}
+interface SaveStateReturn {
+    handleSaveClick: () => Promise<void>;
+    saving: boolean;
+    saveError: "invalid" | "conflict" | "error" | undefined;
+    saveButton: JSX.Element;
+}
+export declare function useSaveState<TData>(options: SaveStateOptions<TData>): SaveStateReturn;
+export {};
+//# sourceMappingURL=useSaveState.d.ts.map

package/lib/common/useSaveState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveState.d.ts","sourceRoot":"","sources":["../../src/common/useSaveState.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,GAAG,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAG7F,UAAU,gBAAgB,CAAC,KAAK;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE;QACV,OAAO,EAAE,SAAS,CAAC;QACnB,iBAAiB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;KAC7C,CAAC;IACF,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC;IACrB,IAAI,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,kBAAkB,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC,sBAAsB,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACjD;AACD,UAAU,eAAe;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,eAAe,CAsDrF"}