@dextinity/brevo-admin 2.0.0-canary-20260729062014

package/lib/emailCampaigns/statistics/EmailCampaignStatistics.js

@@ -0,0 +1,133 @@
+import { useQuery } from "@apollo/client";
+import { Button, MainContent, StackLink, Toolbar, ToolbarActions, ToolbarBackButton, ToolbarFillSpace } from "@dextinity/admin";
+import { Add as AddIcon } from "@dextinity/admin-icons";
+import { ContentScopeIndicator, useContentScopeConfig } from "@dextinity/cms-admin";
+import { Grid } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { emailCampaignStatistics } from "./EmailCampaignStatistics.gql";
+import { PercentageCard } from "./PercentageCard";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var EmailCampaignStatistics = function EmailCampaignStatistics(_ref) {
+  var _campaignStatistics$b, _campaignStatistics$b2, _campaignStatistics$b3, _campaignStatistics$b4, _campaignStatistics$b5, _campaignStatistics$b6, _campaignStatistics$b7, _campaignStatistics$b8, _campaignStatistics$b9, _campaignStatistics$b0, _campaignStatistics$b1, _campaignStatistics$b10;
+  var id = _ref.id;
+  useContentScopeConfig({
+    redirectPathAfterChange: "/newsletter/email-campaigns"
+  });
+  var _useQuery = useQuery(emailCampaignStatistics, {
+      variables: {
+        id: id
+      },
+      fetchPolicy: "network-only"
+    }),
+    campaignStatistics = _useQuery.data;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Toolbar, {
+      scopeIndicator: /*#__PURE__*/_jsx(ContentScopeIndicator, {}),
+      children: [/*#__PURE__*/_jsx(ToolbarBackButton, {}), /*#__PURE__*/_jsx(ToolbarFillSpace, {}), /*#__PURE__*/_jsx(ToolbarActions, {
+        children: /*#__PURE__*/_jsx(Button, {
+          startIcon: /*#__PURE__*/_jsx(AddIcon, {}),
+          component: StackLink,
+          pageName: "add",
+          payload: "add",
+          variant: "primary",
+          children: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "cometBrevoModule.emailCampaign.newEmailCampaign",
+            defaultMessage: "New email campaign"
+          })
+        })
+      })]
+    }), /*#__PURE__*/_jsx(MainContent, {
+      children: /*#__PURE__*/_jsxs(Grid, {
+        container: true,
+        spacing: 4,
+        children: [/*#__PURE__*/_jsx(Grid, {
+          size: {
+            xs: 12,
+            md: 6
+          },
+          children: /*#__PURE__*/_jsx(PercentageCard, {
+            title: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "cometBrevoModule.emailCampaignStatistics.overallDelivery",
+              defaultMessage: "Overall delivery"
+            }),
+            currentNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b === void 0 ? void 0 : _campaignStatistics$b.delivered,
+            targetNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b2 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b2 === void 0 ? void 0 : _campaignStatistics$b2.sent
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          size: {
+            xs: 12,
+            md: 6
+          },
+          children: /*#__PURE__*/_jsx(PercentageCard, {
+            title: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "cometBrevoModule.emailCampaignStatistics.overallFailedDelivery",
+              defaultMessage: "Overall failed delivery"
+            }),
+            currentNumber: campaignStatistics !== null && campaignStatistics !== void 0 && campaignStatistics.brevoEmailCampaignStatistics ? ((_campaignStatistics$b3 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b3 === void 0 ? void 0 : _campaignStatistics$b3.sent) - ((_campaignStatistics$b4 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b4 === void 0 ? void 0 : _campaignStatistics$b4.delivered) : undefined,
+            targetNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b5 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b5 === void 0 ? void 0 : _campaignStatistics$b5.sent
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          size: {
+            xs: 12,
+            sm: 6,
+            lg: 3
+          },
+          children: /*#__PURE__*/_jsx(PercentageCard, {
+            title: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "cometBrevoModule.emailCampaignStatistics.uniqueViews",
+              defaultMessage: "Unique views"
+            }),
+            variant: "circle",
+            currentNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b6 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b6 === void 0 ? void 0 : _campaignStatistics$b6.uniqueViews,
+            targetNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b7 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b7 === void 0 ? void 0 : _campaignStatistics$b7.sent
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          size: {
+            xs: 12,
+            sm: 6,
+            lg: 3
+          },
+          children: /*#__PURE__*/_jsx(PercentageCard, {
+            title: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "cometBrevoModule.emailCampaignStatistics.overallClicked",
+              defaultMessage: "Overall clicked"
+            }),
+            variant: "circle",
+            currentNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b8 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b8 === void 0 ? void 0 : _campaignStatistics$b8.uniqueClicks,
+            targetNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b9 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b9 === void 0 ? void 0 : _campaignStatistics$b9.sent
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          size: {
+            xs: 12,
+            sm: 6,
+            lg: 3
+          },
+          children: /*#__PURE__*/_jsx(PercentageCard, {
+            title: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "cometBrevoModule.emailCampaignStatistics.overallBounce",
+              defaultMessage: "Overall bounce"
+            }),
+            currentNumber: campaignStatistics !== null && campaignStatistics !== void 0 && campaignStatistics.brevoEmailCampaignStatistics ? campaignStatistics.brevoEmailCampaignStatistics.softBounces + campaignStatistics.brevoEmailCampaignStatistics.hardBounces : undefined,
+            targetNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b0 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b0 === void 0 ? void 0 : _campaignStatistics$b0.sent,
+            variant: "circle"
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          size: {
+            xs: 12,
+            sm: 6,
+            lg: 3
+          },
+          children: /*#__PURE__*/_jsx(PercentageCard, {
+            title: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "cometBrevoModule.emailCampaignStatistics.unsubscriptions",
+              defaultMessage: "Unsubscriptions"
+            }),
+            currentNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b1 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b1 === void 0 ? void 0 : _campaignStatistics$b1.unsubscriptions,
+            targetNumber: campaignStatistics === null || campaignStatistics === void 0 || (_campaignStatistics$b10 = campaignStatistics.brevoEmailCampaignStatistics) === null || _campaignStatistics$b10 === void 0 ? void 0 : _campaignStatistics$b10.sent,
+            variant: "circle"
+          })
+        })]
+      })
+    })]
+  });
+};

package/lib/emailCampaigns/statistics/PercentageCard.d.ts

@@ -0,0 +1,10 @@
+import type { FC, ReactNode } from "react";
+interface Props {
+    title: ReactNode;
+    currentNumber?: number;
+    targetNumber?: number;
+    variant?: "normal" | "circle";
+}
+export declare const PercentageCard: FC<Props>;
+export {};
+//# sourceMappingURL=PercentageCard.d.ts.map

package/lib/emailCampaigns/statistics/PercentageCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PercentageCard.d.ts","sourceRoot":"","sources":["../../../src/emailCampaigns/statistics/PercentageCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,KAAK;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACjC;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAmDpC,CAAC"}

package/lib/emailCampaigns/statistics/PercentageCard.js

@@ -0,0 +1,145 @@
+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 { Paper, Skeleton as MuiSkeleton, Typography } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { FormattedNumber } from "react-intl";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var PercentageCard = function PercentageCard(_ref) {
+  var title = _ref.title,
+    currentNumber = _ref.currentNumber,
+    targetNumber = _ref.targetNumber,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "normal" : _ref$variant;
+  var percentage = currentNumber === undefined || targetNumber === undefined || targetNumber <= 0 ? null : currentNumber / targetNumber * 100;
+  var renderSkeleton = currentNumber === undefined || targetNumber === undefined;
+  var values = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Typography, {
+      variant: "h1",
+      children: renderSkeleton ? /*#__PURE__*/_jsx(Skeleton, {
+        variant: "text",
+        width: 80,
+        height: 64
+      }) : /*#__PURE__*/_jsx(_Fragment, {
+        children: percentage === null ? "–" : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FormattedNumber, {
+            value: percentage,
+            style: "decimal",
+            minimumSignificantDigits: 3,
+            maximumSignificantDigits: 3
+          }), "%"]
+        })
+      })
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "body2",
+      children: renderSkeleton ? /*#__PURE__*/_jsx(Skeleton, {
+        variant: "text",
+        width: 100,
+        height: 20
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(FormattedNumber, {
+          value: currentNumber
+        }), " / ", /*#__PURE__*/_jsx(FormattedNumber, {
+          value: targetNumber
+        })]
+      })
+    })]
+  });
+  return /*#__PURE__*/_jsx(Paper, {
+    children: /*#__PURE__*/_jsxs(Content, {
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "h6",
+        mb: 2,
+        children: title
+      }), variant === "normal" && values, variant === "circle" && /*#__PURE__*/_jsxs(CircleValueContainer, {
+        children: [/*#__PURE__*/_jsx(CircleContainer, {
+          children: /*#__PURE__*/_jsx(Circle, {
+            percentage: percentage ? Math.min(percentage, 100) : 0
+          })
+        }), /*#__PURE__*/_jsx(CircleValue, {
+          children: values
+        })]
+      })]
+    })
+  });
+};
+var Content = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esk78j85"
+} : {
+  target: "esk78j85",
+  label: "Content"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1e822uj",
+  styles: "padding:60px 30px;text-align:center"
+} : {
+  name: "1e822uj",
+  styles: "padding:60px 30px;text-align:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRTZCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcGVyLCBTa2VsZXRvbiBhcyBNdWlTa2VsZXRvbiwgVHlwb2dyYXBoeSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgRm9ybWF0dGVkTnVtYmVyIH0gZnJvbSBcInJlYWN0LWludGxcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICB0aXRsZTogUmVhY3ROb2RlO1xuICAgIGN1cnJlbnROdW1iZXI/OiBudW1iZXI7XG4gICAgdGFyZ2V0TnVtYmVyPzogbnVtYmVyO1xuICAgIHZhcmlhbnQ/OiBcIm5vcm1hbFwiIHwgXCJjaXJjbGVcIjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlcmNlbnRhZ2VDYXJkOiBGQzxQcm9wcz4gPSAoeyB0aXRsZSwgY3VycmVudE51bWJlciwgdGFyZ2V0TnVtYmVyLCB2YXJpYW50ID0gXCJub3JtYWxcIiB9KSA9PiB7XG4gICAgY29uc3QgcGVyY2VudGFnZSA9IGN1cnJlbnROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPD0gMCA/IG51bGwgOiAoY3VycmVudE51bWJlciAvIHRhcmdldE51bWJlcikgKiAxMDA7XG4gICAgY29uc3QgcmVuZGVyU2tlbGV0b24gPSBjdXJyZW50TnVtYmVyID09PSB1bmRlZmluZWQgfHwgdGFyZ2V0TnVtYmVyID09PSB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCB2YWx1ZXMgPSAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDFcIj5cbiAgICAgICAgICAgICAgICB7cmVuZGVyU2tlbGV0b24gPyAoXG4gICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvbiB2YXJpYW50PVwidGV4dFwiIHdpZHRoPXs4MH0gaGVpZ2h0PXs2NH0gLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAge3BlcmNlbnRhZ2UgPT09IG51bGwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCLigJNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtwZXJjZW50YWdlfSBzdHlsZT1cImRlY2ltYWxcIiBtaW5pbXVtU2lnbmlmaWNhbnREaWdpdHM9ezN9IG1heGltdW1TaWduaWZpY2FudERpZ2l0cz17M30gLz4lXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImJvZHkyXCI+XG4gICAgICAgICAgICAgICAge3JlbmRlclNrZWxldG9uID8gKFxuICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b24gdmFyaWFudD1cInRleHRcIiB3aWR0aD17MTAwfSBoZWlnaHQ9ezIwfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtjdXJyZW50TnVtYmVyfSAvPiAvIDxGb3JtYXR0ZWROdW1iZXIgdmFsdWU9e3RhcmdldE51bWJlcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgPC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxQYXBlcj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHZhcmlhbnQ9XCJoNlwiIG1iPXsyfT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICB7dmFyaWFudCA9PT0gXCJub3JtYWxcIiAmJiB2YWx1ZXN9XG4gICAgICAgICAgICAgICAge3ZhcmlhbnQgPT09IFwiY2lyY2xlXCIgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDaXJjbGUgcGVyY2VudGFnZT17cGVyY2VudGFnZSA/IE1hdGgubWluKHBlcmNlbnRhZ2UsIDEwMCkgOiAwfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9DaXJjbGVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWU+e3ZhbHVlc308L0NpcmNsZVZhbHVlPlxuICAgICAgICAgICAgICAgICAgICA8L0NpcmNsZVZhbHVlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgIDwvUGFwZXI+XG4gICAgKTtcbn07XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcGFkZGluZzogNjBweCAzMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmNvbnN0IENpcmNsZVZhbHVlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDI1MHB4O1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG5cbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcGFkZGluZy1ib3R0b206IDEwMCU7XG5gO1xuXG5pbnRlcmZhY2UgQ2lyY2xlUHJvcHMge1xuICAgIHBlcmNlbnRhZ2U6IG51bWJlcjtcbn1cblxuY29uc3QgQ2lyY2xlID0gc3R5bGVkKFwiZGl2XCIpPENpcmNsZVByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IDVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG5cbiAgICA6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIH1cblxuICAgIDphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHRvcDogLTVweDtcbiAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgIGJvdHRvbTogLTVweDtcbiAgICAgICAgbGVmdDogLTVweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIHBlcmNlbnRhZ2UgfSkgPT4ge1xuICAgICAgICAgICAgaWYgKCFwZXJjZW50YWdlKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCByb3RhdGlvbiA9ICgxOCAvIDUpICogcGVyY2VudGFnZSAtIDkwO1xuICAgICAgICAgICAgcmV0dXJuIGBcbiAgICAgICAgICAgIGxpbmVhci1ncmFkaWVudCgke3JvdGF0aW9ufWRlZywgJHt0aGVtZS5wYWxldHRlLmdyZXlbMTAwXX0gNTAlLCB0cmFuc3BhcmVudCAwKSAwIC8gbWluKDEwMCUsICg1MCAtICR7cGVyY2VudGFnZX0pICogMTAwJSksXG4gICAgICAgICAgICBsaW5lYXItZ3JhZGllbnQoJHtyb3RhdGlvbn1kZWcsIHRyYW5zcGFyZW50IDUwJSwgJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn0gMCkgMCAvIG1pbigxMDAlLCAoJHtwZXJjZW50YWdlfSAtIDUwKSAqIDEwMCUpLFxuICAgICAgICAgICAgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke3RoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfSA1MCUsICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59IDApYDtcbiAgICAgICAgfX07XG4gICAgfVxuYDtcblxuY29uc3QgQ2lyY2xlVmFsdWUgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDI7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuYDtcblxuY29uc3QgU2tlbGV0b24gPSBzdHlsZWQoTXVpU2tlbGV0b24pYFxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var CircleValueContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esk78j84"
+} : {
+  target: "esk78j84",
+  label: "CircleValueContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1u7ojce",
+  styles: "position:relative;max-width:250px;margin-left:auto;margin-right:auto"
+} : {
+  name: "1u7ojce",
+  styles: "position:relative;max-width:250px;margin-left:auto;margin-right:auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRTBDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcGVyLCBTa2VsZXRvbiBhcyBNdWlTa2VsZXRvbiwgVHlwb2dyYXBoeSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgRm9ybWF0dGVkTnVtYmVyIH0gZnJvbSBcInJlYWN0LWludGxcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICB0aXRsZTogUmVhY3ROb2RlO1xuICAgIGN1cnJlbnROdW1iZXI/OiBudW1iZXI7XG4gICAgdGFyZ2V0TnVtYmVyPzogbnVtYmVyO1xuICAgIHZhcmlhbnQ/OiBcIm5vcm1hbFwiIHwgXCJjaXJjbGVcIjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlcmNlbnRhZ2VDYXJkOiBGQzxQcm9wcz4gPSAoeyB0aXRsZSwgY3VycmVudE51bWJlciwgdGFyZ2V0TnVtYmVyLCB2YXJpYW50ID0gXCJub3JtYWxcIiB9KSA9PiB7XG4gICAgY29uc3QgcGVyY2VudGFnZSA9IGN1cnJlbnROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPD0gMCA/IG51bGwgOiAoY3VycmVudE51bWJlciAvIHRhcmdldE51bWJlcikgKiAxMDA7XG4gICAgY29uc3QgcmVuZGVyU2tlbGV0b24gPSBjdXJyZW50TnVtYmVyID09PSB1bmRlZmluZWQgfHwgdGFyZ2V0TnVtYmVyID09PSB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCB2YWx1ZXMgPSAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDFcIj5cbiAgICAgICAgICAgICAgICB7cmVuZGVyU2tlbGV0b24gPyAoXG4gICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvbiB2YXJpYW50PVwidGV4dFwiIHdpZHRoPXs4MH0gaGVpZ2h0PXs2NH0gLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAge3BlcmNlbnRhZ2UgPT09IG51bGwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCLigJNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtwZXJjZW50YWdlfSBzdHlsZT1cImRlY2ltYWxcIiBtaW5pbXVtU2lnbmlmaWNhbnREaWdpdHM9ezN9IG1heGltdW1TaWduaWZpY2FudERpZ2l0cz17M30gLz4lXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImJvZHkyXCI+XG4gICAgICAgICAgICAgICAge3JlbmRlclNrZWxldG9uID8gKFxuICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b24gdmFyaWFudD1cInRleHRcIiB3aWR0aD17MTAwfSBoZWlnaHQ9ezIwfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtjdXJyZW50TnVtYmVyfSAvPiAvIDxGb3JtYXR0ZWROdW1iZXIgdmFsdWU9e3RhcmdldE51bWJlcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgPC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxQYXBlcj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHZhcmlhbnQ9XCJoNlwiIG1iPXsyfT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICB7dmFyaWFudCA9PT0gXCJub3JtYWxcIiAmJiB2YWx1ZXN9XG4gICAgICAgICAgICAgICAge3ZhcmlhbnQgPT09IFwiY2lyY2xlXCIgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDaXJjbGUgcGVyY2VudGFnZT17cGVyY2VudGFnZSA/IE1hdGgubWluKHBlcmNlbnRhZ2UsIDEwMCkgOiAwfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9DaXJjbGVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWU+e3ZhbHVlc308L0NpcmNsZVZhbHVlPlxuICAgICAgICAgICAgICAgICAgICA8L0NpcmNsZVZhbHVlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgIDwvUGFwZXI+XG4gICAgKTtcbn07XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcGFkZGluZzogNjBweCAzMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmNvbnN0IENpcmNsZVZhbHVlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDI1MHB4O1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG5cbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcGFkZGluZy1ib3R0b206IDEwMCU7XG5gO1xuXG5pbnRlcmZhY2UgQ2lyY2xlUHJvcHMge1xuICAgIHBlcmNlbnRhZ2U6IG51bWJlcjtcbn1cblxuY29uc3QgQ2lyY2xlID0gc3R5bGVkKFwiZGl2XCIpPENpcmNsZVByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IDVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG5cbiAgICA6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIH1cblxuICAgIDphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHRvcDogLTVweDtcbiAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgIGJvdHRvbTogLTVweDtcbiAgICAgICAgbGVmdDogLTVweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIHBlcmNlbnRhZ2UgfSkgPT4ge1xuICAgICAgICAgICAgaWYgKCFwZXJjZW50YWdlKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCByb3RhdGlvbiA9ICgxOCAvIDUpICogcGVyY2VudGFnZSAtIDkwO1xuICAgICAgICAgICAgcmV0dXJuIGBcbiAgICAgICAgICAgIGxpbmVhci1ncmFkaWVudCgke3JvdGF0aW9ufWRlZywgJHt0aGVtZS5wYWxldHRlLmdyZXlbMTAwXX0gNTAlLCB0cmFuc3BhcmVudCAwKSAwIC8gbWluKDEwMCUsICg1MCAtICR7cGVyY2VudGFnZX0pICogMTAwJSksXG4gICAgICAgICAgICBsaW5lYXItZ3JhZGllbnQoJHtyb3RhdGlvbn1kZWcsIHRyYW5zcGFyZW50IDUwJSwgJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn0gMCkgMCAvIG1pbigxMDAlLCAoJHtwZXJjZW50YWdlfSAtIDUwKSAqIDEwMCUpLFxuICAgICAgICAgICAgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke3RoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfSA1MCUsICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59IDApYDtcbiAgICAgICAgfX07XG4gICAgfVxuYDtcblxuY29uc3QgQ2lyY2xlVmFsdWUgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDI7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuYDtcblxuY29uc3QgU2tlbGV0b24gPSBzdHlsZWQoTXVpU2tlbGV0b24pYFxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var CircleContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esk78j83"
+} : {
+  target: "esk78j83",
+  label: "CircleContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1juo845",
+  styles: "position:relative;padding-bottom:100%"
+} : {
+  name: "1juo845",
+  styles: "position:relative;padding-bottom:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RXFDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcGVyLCBTa2VsZXRvbiBhcyBNdWlTa2VsZXRvbiwgVHlwb2dyYXBoeSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgRm9ybWF0dGVkTnVtYmVyIH0gZnJvbSBcInJlYWN0LWludGxcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICB0aXRsZTogUmVhY3ROb2RlO1xuICAgIGN1cnJlbnROdW1iZXI/OiBudW1iZXI7XG4gICAgdGFyZ2V0TnVtYmVyPzogbnVtYmVyO1xuICAgIHZhcmlhbnQ/OiBcIm5vcm1hbFwiIHwgXCJjaXJjbGVcIjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlcmNlbnRhZ2VDYXJkOiBGQzxQcm9wcz4gPSAoeyB0aXRsZSwgY3VycmVudE51bWJlciwgdGFyZ2V0TnVtYmVyLCB2YXJpYW50ID0gXCJub3JtYWxcIiB9KSA9PiB7XG4gICAgY29uc3QgcGVyY2VudGFnZSA9IGN1cnJlbnROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPD0gMCA/IG51bGwgOiAoY3VycmVudE51bWJlciAvIHRhcmdldE51bWJlcikgKiAxMDA7XG4gICAgY29uc3QgcmVuZGVyU2tlbGV0b24gPSBjdXJyZW50TnVtYmVyID09PSB1bmRlZmluZWQgfHwgdGFyZ2V0TnVtYmVyID09PSB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCB2YWx1ZXMgPSAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDFcIj5cbiAgICAgICAgICAgICAgICB7cmVuZGVyU2tlbGV0b24gPyAoXG4gICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvbiB2YXJpYW50PVwidGV4dFwiIHdpZHRoPXs4MH0gaGVpZ2h0PXs2NH0gLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAge3BlcmNlbnRhZ2UgPT09IG51bGwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCLigJNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtwZXJjZW50YWdlfSBzdHlsZT1cImRlY2ltYWxcIiBtaW5pbXVtU2lnbmlmaWNhbnREaWdpdHM9ezN9IG1heGltdW1TaWduaWZpY2FudERpZ2l0cz17M30gLz4lXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImJvZHkyXCI+XG4gICAgICAgICAgICAgICAge3JlbmRlclNrZWxldG9uID8gKFxuICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b24gdmFyaWFudD1cInRleHRcIiB3aWR0aD17MTAwfSBoZWlnaHQ9ezIwfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtjdXJyZW50TnVtYmVyfSAvPiAvIDxGb3JtYXR0ZWROdW1iZXIgdmFsdWU9e3RhcmdldE51bWJlcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgPC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxQYXBlcj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHZhcmlhbnQ9XCJoNlwiIG1iPXsyfT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICB7dmFyaWFudCA9PT0gXCJub3JtYWxcIiAmJiB2YWx1ZXN9XG4gICAgICAgICAgICAgICAge3ZhcmlhbnQgPT09IFwiY2lyY2xlXCIgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDaXJjbGUgcGVyY2VudGFnZT17cGVyY2VudGFnZSA/IE1hdGgubWluKHBlcmNlbnRhZ2UsIDEwMCkgOiAwfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9DaXJjbGVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWU+e3ZhbHVlc308L0NpcmNsZVZhbHVlPlxuICAgICAgICAgICAgICAgICAgICA8L0NpcmNsZVZhbHVlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgIDwvUGFwZXI+XG4gICAgKTtcbn07XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcGFkZGluZzogNjBweCAzMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmNvbnN0IENpcmNsZVZhbHVlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDI1MHB4O1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG5cbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcGFkZGluZy1ib3R0b206IDEwMCU7XG5gO1xuXG5pbnRlcmZhY2UgQ2lyY2xlUHJvcHMge1xuICAgIHBlcmNlbnRhZ2U6IG51bWJlcjtcbn1cblxuY29uc3QgQ2lyY2xlID0gc3R5bGVkKFwiZGl2XCIpPENpcmNsZVByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IDVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG5cbiAgICA6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIH1cblxuICAgIDphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHRvcDogLTVweDtcbiAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgIGJvdHRvbTogLTVweDtcbiAgICAgICAgbGVmdDogLTVweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIHBlcmNlbnRhZ2UgfSkgPT4ge1xuICAgICAgICAgICAgaWYgKCFwZXJjZW50YWdlKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCByb3RhdGlvbiA9ICgxOCAvIDUpICogcGVyY2VudGFnZSAtIDkwO1xuICAgICAgICAgICAgcmV0dXJuIGBcbiAgICAgICAgICAgIGxpbmVhci1ncmFkaWVudCgke3JvdGF0aW9ufWRlZywgJHt0aGVtZS5wYWxldHRlLmdyZXlbMTAwXX0gNTAlLCB0cmFuc3BhcmVudCAwKSAwIC8gbWluKDEwMCUsICg1MCAtICR7cGVyY2VudGFnZX0pICogMTAwJSksXG4gICAgICAgICAgICBsaW5lYXItZ3JhZGllbnQoJHtyb3RhdGlvbn1kZWcsIHRyYW5zcGFyZW50IDUwJSwgJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn0gMCkgMCAvIG1pbigxMDAlLCAoJHtwZXJjZW50YWdlfSAtIDUwKSAqIDEwMCUpLFxuICAgICAgICAgICAgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke3RoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfSA1MCUsICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59IDApYDtcbiAgICAgICAgfX07XG4gICAgfVxuYDtcblxuY29uc3QgQ2lyY2xlVmFsdWUgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDI7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuYDtcblxuY29uc3QgU2tlbGV0b24gPSBzdHlsZWQoTXVpU2tlbGV0b24pYFxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Circle = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esk78j82"
+} : {
+  target: "esk78j82",
+  label: "Circle"
+})("position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;border:5px solid ", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.grey[100];
+}, ";border-radius:50%;:before{content:\"\";display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background-color:white;border-radius:50%;}:after{content:\"\";display:block;position:absolute;z-index:1;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:", function (_ref3) {
+  var theme = _ref3.theme,
+    percentage = _ref3.percentage;
+  if (!percentage) {
+    return theme.palette.grey[100];
+  }
+  var rotation = 18 / 5 * percentage - 90;
+  return "\n            linear-gradient(".concat(rotation, "deg, ").concat(theme.palette.grey[100], " 50%, transparent 0) 0 / min(100%, (50 - ").concat(percentage, ") * 100%),\n            linear-gradient(").concat(rotation, "deg, transparent 50%, ").concat(theme.palette.primary.main, " 0) 0 / min(100%, (").concat(percentage, " - 50) * 100%),\n            linear-gradient(to right, ").concat(theme.palette.grey[100], " 50%, ").concat(theme.palette.primary.main, " 0)");
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRnlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcGVyLCBTa2VsZXRvbiBhcyBNdWlTa2VsZXRvbiwgVHlwb2dyYXBoeSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgRm9ybWF0dGVkTnVtYmVyIH0gZnJvbSBcInJlYWN0LWludGxcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICB0aXRsZTogUmVhY3ROb2RlO1xuICAgIGN1cnJlbnROdW1iZXI/OiBudW1iZXI7XG4gICAgdGFyZ2V0TnVtYmVyPzogbnVtYmVyO1xuICAgIHZhcmlhbnQ/OiBcIm5vcm1hbFwiIHwgXCJjaXJjbGVcIjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlcmNlbnRhZ2VDYXJkOiBGQzxQcm9wcz4gPSAoeyB0aXRsZSwgY3VycmVudE51bWJlciwgdGFyZ2V0TnVtYmVyLCB2YXJpYW50ID0gXCJub3JtYWxcIiB9KSA9PiB7XG4gICAgY29uc3QgcGVyY2VudGFnZSA9IGN1cnJlbnROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPD0gMCA/IG51bGwgOiAoY3VycmVudE51bWJlciAvIHRhcmdldE51bWJlcikgKiAxMDA7XG4gICAgY29uc3QgcmVuZGVyU2tlbGV0b24gPSBjdXJyZW50TnVtYmVyID09PSB1bmRlZmluZWQgfHwgdGFyZ2V0TnVtYmVyID09PSB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCB2YWx1ZXMgPSAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDFcIj5cbiAgICAgICAgICAgICAgICB7cmVuZGVyU2tlbGV0b24gPyAoXG4gICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvbiB2YXJpYW50PVwidGV4dFwiIHdpZHRoPXs4MH0gaGVpZ2h0PXs2NH0gLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAge3BlcmNlbnRhZ2UgPT09IG51bGwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCLigJNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtwZXJjZW50YWdlfSBzdHlsZT1cImRlY2ltYWxcIiBtaW5pbXVtU2lnbmlmaWNhbnREaWdpdHM9ezN9IG1heGltdW1TaWduaWZpY2FudERpZ2l0cz17M30gLz4lXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImJvZHkyXCI+XG4gICAgICAgICAgICAgICAge3JlbmRlclNrZWxldG9uID8gKFxuICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b24gdmFyaWFudD1cInRleHRcIiB3aWR0aD17MTAwfSBoZWlnaHQ9ezIwfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtjdXJyZW50TnVtYmVyfSAvPiAvIDxGb3JtYXR0ZWROdW1iZXIgdmFsdWU9e3RhcmdldE51bWJlcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgPC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxQYXBlcj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHZhcmlhbnQ9XCJoNlwiIG1iPXsyfT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICB7dmFyaWFudCA9PT0gXCJub3JtYWxcIiAmJiB2YWx1ZXN9XG4gICAgICAgICAgICAgICAge3ZhcmlhbnQgPT09IFwiY2lyY2xlXCIgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDaXJjbGUgcGVyY2VudGFnZT17cGVyY2VudGFnZSA/IE1hdGgubWluKHBlcmNlbnRhZ2UsIDEwMCkgOiAwfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9DaXJjbGVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWU+e3ZhbHVlc308L0NpcmNsZVZhbHVlPlxuICAgICAgICAgICAgICAgICAgICA8L0NpcmNsZVZhbHVlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgIDwvUGFwZXI+XG4gICAgKTtcbn07XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcGFkZGluZzogNjBweCAzMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmNvbnN0IENpcmNsZVZhbHVlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDI1MHB4O1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG5cbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcGFkZGluZy1ib3R0b206IDEwMCU7XG5gO1xuXG5pbnRlcmZhY2UgQ2lyY2xlUHJvcHMge1xuICAgIHBlcmNlbnRhZ2U6IG51bWJlcjtcbn1cblxuY29uc3QgQ2lyY2xlID0gc3R5bGVkKFwiZGl2XCIpPENpcmNsZVByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IDVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG5cbiAgICA6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIH1cblxuICAgIDphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHRvcDogLTVweDtcbiAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgIGJvdHRvbTogLTVweDtcbiAgICAgICAgbGVmdDogLTVweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIHBlcmNlbnRhZ2UgfSkgPT4ge1xuICAgICAgICAgICAgaWYgKCFwZXJjZW50YWdlKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCByb3RhdGlvbiA9ICgxOCAvIDUpICogcGVyY2VudGFnZSAtIDkwO1xuICAgICAgICAgICAgcmV0dXJuIGBcbiAgICAgICAgICAgIGxpbmVhci1ncmFkaWVudCgke3JvdGF0aW9ufWRlZywgJHt0aGVtZS5wYWxldHRlLmdyZXlbMTAwXX0gNTAlLCB0cmFuc3BhcmVudCAwKSAwIC8gbWluKDEwMCUsICg1MCAtICR7cGVyY2VudGFnZX0pICogMTAwJSksXG4gICAgICAgICAgICBsaW5lYXItZ3JhZGllbnQoJHtyb3RhdGlvbn1kZWcsIHRyYW5zcGFyZW50IDUwJSwgJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn0gMCkgMCAvIG1pbigxMDAlLCAoJHtwZXJjZW50YWdlfSAtIDUwKSAqIDEwMCUpLFxuICAgICAgICAgICAgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke3RoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfSA1MCUsICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59IDApYDtcbiAgICAgICAgfX07XG4gICAgfVxuYDtcblxuY29uc3QgQ2lyY2xlVmFsdWUgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDI7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuYDtcblxuY29uc3QgU2tlbGV0b24gPSBzdHlsZWQoTXVpU2tlbGV0b24pYFxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG4iXX0= */"));
+var CircleValue = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esk78j81"
+} : {
+  target: "esk78j81",
+  label: "CircleValue"
+})(process.env.NODE_ENV === "production" ? {
+  name: "12inusj",
+  styles: "position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%)"
+} : {
+  name: "12inusj",
+  styles: "position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1SWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcGVyLCBTa2VsZXRvbiBhcyBNdWlTa2VsZXRvbiwgVHlwb2dyYXBoeSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgRm9ybWF0dGVkTnVtYmVyIH0gZnJvbSBcInJlYWN0LWludGxcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICB0aXRsZTogUmVhY3ROb2RlO1xuICAgIGN1cnJlbnROdW1iZXI/OiBudW1iZXI7XG4gICAgdGFyZ2V0TnVtYmVyPzogbnVtYmVyO1xuICAgIHZhcmlhbnQ/OiBcIm5vcm1hbFwiIHwgXCJjaXJjbGVcIjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlcmNlbnRhZ2VDYXJkOiBGQzxQcm9wcz4gPSAoeyB0aXRsZSwgY3VycmVudE51bWJlciwgdGFyZ2V0TnVtYmVyLCB2YXJpYW50ID0gXCJub3JtYWxcIiB9KSA9PiB7XG4gICAgY29uc3QgcGVyY2VudGFnZSA9IGN1cnJlbnROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPD0gMCA/IG51bGwgOiAoY3VycmVudE51bWJlciAvIHRhcmdldE51bWJlcikgKiAxMDA7XG4gICAgY29uc3QgcmVuZGVyU2tlbGV0b24gPSBjdXJyZW50TnVtYmVyID09PSB1bmRlZmluZWQgfHwgdGFyZ2V0TnVtYmVyID09PSB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCB2YWx1ZXMgPSAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDFcIj5cbiAgICAgICAgICAgICAgICB7cmVuZGVyU2tlbGV0b24gPyAoXG4gICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvbiB2YXJpYW50PVwidGV4dFwiIHdpZHRoPXs4MH0gaGVpZ2h0PXs2NH0gLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAge3BlcmNlbnRhZ2UgPT09IG51bGwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCLigJNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtwZXJjZW50YWdlfSBzdHlsZT1cImRlY2ltYWxcIiBtaW5pbXVtU2lnbmlmaWNhbnREaWdpdHM9ezN9IG1heGltdW1TaWduaWZpY2FudERpZ2l0cz17M30gLz4lXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImJvZHkyXCI+XG4gICAgICAgICAgICAgICAge3JlbmRlclNrZWxldG9uID8gKFxuICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b24gdmFyaWFudD1cInRleHRcIiB3aWR0aD17MTAwfSBoZWlnaHQ9ezIwfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtjdXJyZW50TnVtYmVyfSAvPiAvIDxGb3JtYXR0ZWROdW1iZXIgdmFsdWU9e3RhcmdldE51bWJlcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgPC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxQYXBlcj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHZhcmlhbnQ9XCJoNlwiIG1iPXsyfT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICB7dmFyaWFudCA9PT0gXCJub3JtYWxcIiAmJiB2YWx1ZXN9XG4gICAgICAgICAgICAgICAge3ZhcmlhbnQgPT09IFwiY2lyY2xlXCIgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDaXJjbGUgcGVyY2VudGFnZT17cGVyY2VudGFnZSA/IE1hdGgubWluKHBlcmNlbnRhZ2UsIDEwMCkgOiAwfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9DaXJjbGVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWU+e3ZhbHVlc308L0NpcmNsZVZhbHVlPlxuICAgICAgICAgICAgICAgICAgICA8L0NpcmNsZVZhbHVlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgIDwvUGFwZXI+XG4gICAgKTtcbn07XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcGFkZGluZzogNjBweCAzMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmNvbnN0IENpcmNsZVZhbHVlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDI1MHB4O1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG5cbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcGFkZGluZy1ib3R0b206IDEwMCU7XG5gO1xuXG5pbnRlcmZhY2UgQ2lyY2xlUHJvcHMge1xuICAgIHBlcmNlbnRhZ2U6IG51bWJlcjtcbn1cblxuY29uc3QgQ2lyY2xlID0gc3R5bGVkKFwiZGl2XCIpPENpcmNsZVByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IDVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG5cbiAgICA6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIH1cblxuICAgIDphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHRvcDogLTVweDtcbiAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgIGJvdHRvbTogLTVweDtcbiAgICAgICAgbGVmdDogLTVweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIHBlcmNlbnRhZ2UgfSkgPT4ge1xuICAgICAgICAgICAgaWYgKCFwZXJjZW50YWdlKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCByb3RhdGlvbiA9ICgxOCAvIDUpICogcGVyY2VudGFnZSAtIDkwO1xuICAgICAgICAgICAgcmV0dXJuIGBcbiAgICAgICAgICAgIGxpbmVhci1ncmFkaWVudCgke3JvdGF0aW9ufWRlZywgJHt0aGVtZS5wYWxldHRlLmdyZXlbMTAwXX0gNTAlLCB0cmFuc3BhcmVudCAwKSAwIC8gbWluKDEwMCUsICg1MCAtICR7cGVyY2VudGFnZX0pICogMTAwJSksXG4gICAgICAgICAgICBsaW5lYXItZ3JhZGllbnQoJHtyb3RhdGlvbn1kZWcsIHRyYW5zcGFyZW50IDUwJSwgJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn0gMCkgMCAvIG1pbigxMDAlLCAoJHtwZXJjZW50YWdlfSAtIDUwKSAqIDEwMCUpLFxuICAgICAgICAgICAgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke3RoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfSA1MCUsICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59IDApYDtcbiAgICAgICAgfX07XG4gICAgfVxuYDtcblxuY29uc3QgQ2lyY2xlVmFsdWUgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDI7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuYDtcblxuY29uc3QgU2tlbGV0b24gPSBzdHlsZWQoTXVpU2tlbGV0b24pYFxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Skeleton = /*#__PURE__*/styled(MuiSkeleton, process.env.NODE_ENV === "production" ? {
+  target: "esk78j80"
+} : {
+  target: "esk78j80",
+  label: "Skeleton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1infa4c",
+  styles: "margin-left:auto;margin-right:auto"
+} : {
+  name: "1infa4c",
+  styles: "margin-left:auto;margin-right:auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSW9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbWFpbENhbXBhaWducy9zdGF0aXN0aWNzL1BlcmNlbnRhZ2VDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcGVyLCBTa2VsZXRvbiBhcyBNdWlTa2VsZXRvbiwgVHlwb2dyYXBoeSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgRm9ybWF0dGVkTnVtYmVyIH0gZnJvbSBcInJlYWN0LWludGxcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICB0aXRsZTogUmVhY3ROb2RlO1xuICAgIGN1cnJlbnROdW1iZXI/OiBudW1iZXI7XG4gICAgdGFyZ2V0TnVtYmVyPzogbnVtYmVyO1xuICAgIHZhcmlhbnQ/OiBcIm5vcm1hbFwiIHwgXCJjaXJjbGVcIjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlcmNlbnRhZ2VDYXJkOiBGQzxQcm9wcz4gPSAoeyB0aXRsZSwgY3VycmVudE51bWJlciwgdGFyZ2V0TnVtYmVyLCB2YXJpYW50ID0gXCJub3JtYWxcIiB9KSA9PiB7XG4gICAgY29uc3QgcGVyY2VudGFnZSA9IGN1cnJlbnROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPT09IHVuZGVmaW5lZCB8fCB0YXJnZXROdW1iZXIgPD0gMCA/IG51bGwgOiAoY3VycmVudE51bWJlciAvIHRhcmdldE51bWJlcikgKiAxMDA7XG4gICAgY29uc3QgcmVuZGVyU2tlbGV0b24gPSBjdXJyZW50TnVtYmVyID09PSB1bmRlZmluZWQgfHwgdGFyZ2V0TnVtYmVyID09PSB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCB2YWx1ZXMgPSAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDFcIj5cbiAgICAgICAgICAgICAgICB7cmVuZGVyU2tlbGV0b24gPyAoXG4gICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvbiB2YXJpYW50PVwidGV4dFwiIHdpZHRoPXs4MH0gaGVpZ2h0PXs2NH0gLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAge3BlcmNlbnRhZ2UgPT09IG51bGwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCLigJNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtwZXJjZW50YWdlfSBzdHlsZT1cImRlY2ltYWxcIiBtaW5pbXVtU2lnbmlmaWNhbnREaWdpdHM9ezN9IG1heGltdW1TaWduaWZpY2FudERpZ2l0cz17M30gLz4lXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImJvZHkyXCI+XG4gICAgICAgICAgICAgICAge3JlbmRlclNrZWxldG9uID8gKFxuICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b24gdmFyaWFudD1cInRleHRcIiB3aWR0aD17MTAwfSBoZWlnaHQ9ezIwfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTnVtYmVyIHZhbHVlPXtjdXJyZW50TnVtYmVyfSAvPiAvIDxGb3JtYXR0ZWROdW1iZXIgdmFsdWU9e3RhcmdldE51bWJlcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgPC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxQYXBlcj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHZhcmlhbnQ9XCJoNlwiIG1iPXsyfT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICB7dmFyaWFudCA9PT0gXCJub3JtYWxcIiAmJiB2YWx1ZXN9XG4gICAgICAgICAgICAgICAge3ZhcmlhbnQgPT09IFwiY2lyY2xlXCIgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDaXJjbGUgcGVyY2VudGFnZT17cGVyY2VudGFnZSA/IE1hdGgubWluKHBlcmNlbnRhZ2UsIDEwMCkgOiAwfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9DaXJjbGVDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2lyY2xlVmFsdWU+e3ZhbHVlc308L0NpcmNsZVZhbHVlPlxuICAgICAgICAgICAgICAgICAgICA8L0NpcmNsZVZhbHVlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgIDwvUGFwZXI+XG4gICAgKTtcbn07XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcGFkZGluZzogNjBweCAzMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmNvbnN0IENpcmNsZVZhbHVlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDI1MHB4O1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG5cbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcGFkZGluZy1ib3R0b206IDEwMCU7XG5gO1xuXG5pbnRlcmZhY2UgQ2lyY2xlUHJvcHMge1xuICAgIHBlcmNlbnRhZ2U6IG51bWJlcjtcbn1cblxuY29uc3QgQ2lyY2xlID0gc3R5bGVkKFwiZGl2XCIpPENpcmNsZVByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IDVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG5cbiAgICA6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIH1cblxuICAgIDphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHRvcDogLTVweDtcbiAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgIGJvdHRvbTogLTVweDtcbiAgICAgICAgbGVmdDogLTVweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIHBlcmNlbnRhZ2UgfSkgPT4ge1xuICAgICAgICAgICAgaWYgKCFwZXJjZW50YWdlKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoZW1lLnBhbGV0dGUuZ3JleVsxMDBdO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCByb3RhdGlvbiA9ICgxOCAvIDUpICogcGVyY2VudGFnZSAtIDkwO1xuICAgICAgICAgICAgcmV0dXJuIGBcbiAgICAgICAgICAgIGxpbmVhci1ncmFkaWVudCgke3JvdGF0aW9ufWRlZywgJHt0aGVtZS5wYWxldHRlLmdyZXlbMTAwXX0gNTAlLCB0cmFuc3BhcmVudCAwKSAwIC8gbWluKDEwMCUsICg1MCAtICR7cGVyY2VudGFnZX0pICogMTAwJSksXG4gICAgICAgICAgICBsaW5lYXItZ3JhZGllbnQoJHtyb3RhdGlvbn1kZWcsIHRyYW5zcGFyZW50IDUwJSwgJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn0gMCkgMCAvIG1pbigxMDAlLCAoJHtwZXJjZW50YWdlfSAtIDUwKSAqIDEwMCUpLFxuICAgICAgICAgICAgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke3RoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfSA1MCUsICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59IDApYDtcbiAgICAgICAgfX07XG4gICAgfVxuYDtcblxuY29uc3QgQ2lyY2xlVmFsdWUgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDI7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuYDtcblxuY29uc3QgU2tlbGV0b24gPSBzdHlsZWQoTXVpU2tlbGV0b24pYFxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/emailCampaigns/view/EmailCampaignView.d.ts

@@ -0,0 +1,8 @@
+import { type BlockInterface } from "@dextinity/cms-admin";
+interface EmailCampaignViewProps {
+    id: string;
+    EmailCampaignContentBlock: BlockInterface;
+}
+export declare function EmailCampaignView({ id, EmailCampaignContentBlock }: EmailCampaignViewProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=EmailCampaignView.d.ts.map

package/lib/emailCampaigns/view/EmailCampaignView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailCampaignView.d.ts","sourceRoot":"","sources":["../../../src/emailCampaigns/view/EmailCampaignView.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,KAAK,cAAc,EAOtB,MAAM,sBAAsB,CAAC;AAS9B,UAAU,sBAAsB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,yBAAyB,EAAE,cAAc,CAAC;CAC7C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,yBAAyB,EAAE,EAAE,sBAAsB,kDAwD1F"}

package/lib/emailCampaigns/view/EmailCampaignView.gql.d.ts

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

package/lib/emailCampaigns/view/EmailCampaignView.gql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailCampaignView.gql.d.ts","sourceRoot":"","sources":["../../../src/emailCampaigns/view/EmailCampaignView.gql.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,gCAOlC,CAAC"}

package/lib/emailCampaigns/view/EmailCampaignView.gql.generated.d.ts

@@ -0,0 +1,18 @@
+import * as Types from '../../graphql.generated';
+export declare const namedOperations: {
+    Query: {
+        EmailCampaignView: string;
+    };
+};
+export type GQLEmailCampaignViewQueryVariables = Types.Exact<{
+    id: Types.Scalars['ID']['input'];
+}>;
+export type GQLEmailCampaignViewQuery = {
+    __typename?: 'Query';
+    brevoEmailCampaign: {
+        __typename?: 'BrevoEmailCampaign';
+        id: string;
+        content: any;
+    };
+};
+//# sourceMappingURL=EmailCampaignView.gql.generated.d.ts.map

package/lib/emailCampaigns/view/EmailCampaignView.gql.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailCampaignView.gql.generated.d.ts","sourceRoot":"","sources":["../../../src/emailCampaigns/view/EmailCampaignView.gql.generated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,yBAAyB,CAAC;AAEjD,eAAO,MAAM,eAAe;;;;CAI3B,CAAA;AACD,MAAM,MAAM,kCAAkC,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3D,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC,CAAC;AAGH,MAAM,MAAM,yBAAyB,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,kBAAkB,EAAE;QAAE,UAAU,CAAC,EAAE,oBAAoB,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;CAAE,CAAC"}

package/lib/emailCampaigns/view/EmailCampaignView.gql.generated.js

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

package/lib/emailCampaigns/view/EmailCampaignView.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 emailCampaignViewQuery = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query EmailCampaignView($id: ID!) {\n        brevoEmailCampaign(id: $id) {\n            id\n            content\n        }\n    }\n"])));

package/lib/emailCampaigns/view/EmailCampaignView.js

@@ -0,0 +1,81 @@
+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 { useQuery } from "@apollo/client";
+import { Loading, MainContent, Toolbar, ToolbarFillSpace, ToolbarItem, ToolbarTitleItem, useStackApi } from "@dextinity/admin";
+import { ArrowLeft } from "@dextinity/admin-icons";
+import { BlockPreview, ContentScopeIndicator, IFrameBridgeProvider, useBlockContext, useBlockPreview, useContentScope } from "@dextinity/cms-admin";
+import { IconButton } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { useRouteMatch } from "react-router";
+import { useBrevoConfig } from "../../common/BrevoConfigProvider";
+import { emailCampaignViewQuery } from "./EmailCampaignView.gql";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function EmailCampaignView(_ref) {
+  var id = _ref.id,
+    EmailCampaignContentBlock = _ref.EmailCampaignContentBlock;
+  var stackApi = useStackApi();
+  var previewApi = useBlockPreview();
+  var blockContext = useBlockContext();
+  var match = useRouteMatch();
+  var _useContentScope = useContentScope(),
+    scope = _useContentScope.scope;
+  var _useBrevoConfig = useBrevoConfig(),
+    previewUrl = _useBrevoConfig.previewUrl;
+  var _useQuery = useQuery(emailCampaignViewQuery, {
+      variables: {
+        id: id
+      }
+    }),
+    data = _useQuery.data,
+    error = _useQuery.error,
+    loading = _useQuery.loading;
+  if (error) {
+    throw error;
+  }
+  if (loading) {
+    return /*#__PURE__*/_jsx(Loading, {
+      behavior: "fillPageHeight"
+    });
+  }
+  if (!data) {
+    return null;
+  }
+  var previewContext = _objectSpread(_objectSpread({}, blockContext), {}, {
+    parentUrl: match.url,
+    showVisibleOnly: previewApi.showOnlyVisible
+  });
+  var previewState = {
+    emailCampaignId: id,
+    content: EmailCampaignContentBlock.createPreviewState(EmailCampaignContentBlock.input2State(data.brevoEmailCampaign.content), previewContext),
+    scope: scope
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Toolbar, {
+      scopeIndicator: /*#__PURE__*/_jsx(ContentScopeIndicator, {}),
+      children: [/*#__PURE__*/_jsx(ToolbarItem, {
+        children: /*#__PURE__*/_jsx(IconButton, {
+          onClick: stackApi === null || stackApi === void 0 ? void 0 : stackApi.goBack,
+          children: /*#__PURE__*/_jsx(ArrowLeft, {})
+        })
+      }), /*#__PURE__*/_jsx(ToolbarTitleItem, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "cometBrevoModule.emailCampaigns.EmailCampaign",
+          defaultMessage: "Email Campaign"
+        })
+      }), /*#__PURE__*/_jsx(ToolbarFillSpace, {})]
+    }), /*#__PURE__*/_jsx(MainContent, {
+      fullHeight: true,
+      children: /*#__PURE__*/_jsx(IFrameBridgeProvider, {
+        children: /*#__PURE__*/_jsx(BlockPreview, {
+          url: previewUrl,
+          previewState: previewState,
+          previewApi: previewApi
+        })
+      }, previewUrl)
+    })]
+  });
+}