@databrainhq/plugin 0.8.25 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ScheduleEmail/ScheduleEmailForm/index.d.ts +6 -0
- package/dist/components/ScheduleEmail/index.d.ts +3 -0
- package/dist/components/TagInputField/index.d.ts +30 -0
- package/dist/consts/app.d.ts +20 -0
- package/dist/containers/Dashboard/Dashboard.d.ts +15 -3
- package/dist/containers/Dashboard/DashboardProvider.d.ts +6 -0
- package/dist/containers/Dashboard/EmbededDashboard.d.ts +5 -3
- package/dist/helpers/getNextScheduledTime.d.ts +13 -0
- package/dist/helpers/groupBy.d.ts +1 -1
- package/dist/hooks/useDashboardContext.d.ts +29 -0
- package/dist/hooks/useDownloadRawCsv.d.ts +3 -1
- package/dist/hooks/useEmbeddedDashboard.d.ts +2 -0
- package/dist/hooks/useScheduleEmail.d.ts +37 -0
- package/dist/index.es.js +1357 -575
- package/dist/index.umd.js +176 -122
- package/dist/style.css +1 -1
- package/dist/utils/generated/graphql.d.ts +134 -4
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -2534,7 +2534,7 @@ const floatingContainer = "_floatingContainer_vf3jq_421";
|
|
|
2534
2534
|
const filterButton = "_filterButton_vf3jq_437";
|
|
2535
2535
|
const filterText$1 = "_filterText_vf3jq_445";
|
|
2536
2536
|
const filterLength = "_filterLength_vf3jq_453";
|
|
2537
|
-
var styles$
|
|
2537
|
+
var styles$L = {
|
|
2538
2538
|
container: container$h,
|
|
2539
2539
|
"static": "_static_vf3jq_413",
|
|
2540
2540
|
fixed,
|
|
@@ -2646,7 +2646,7 @@ var classnames$1 = { exports: {} };
|
|
|
2646
2646
|
})();
|
|
2647
2647
|
})(classnames$1);
|
|
2648
2648
|
var classnames = classnames$1.exports;
|
|
2649
|
-
var styles$
|
|
2649
|
+
var styles$K = {
|
|
2650
2650
|
"btn-primary": "_btn-primary_17kvk_1",
|
|
2651
2651
|
"btn-secondary": "_btn-secondary_17kvk_5",
|
|
2652
2652
|
"btn-reject": "_btn-reject_17kvk_9",
|
|
@@ -2709,7 +2709,7 @@ const Button = ({
|
|
|
2709
2709
|
title: title2,
|
|
2710
2710
|
...props
|
|
2711
2711
|
}) => {
|
|
2712
|
-
const btnClasses = classnames(className, styles$
|
|
2712
|
+
const btnClasses = classnames(className, styles$K[`btn-${variant}`], `dbn-btn-${variant}`, size === "none" ? null : styles$K[`btn-${size}`]);
|
|
2713
2713
|
return /* @__PURE__ */ jsx("button", {
|
|
2714
2714
|
...props,
|
|
2715
2715
|
type: type3,
|
|
@@ -4169,7 +4169,7 @@ const plusIcon = "_plusIcon_13jez_85";
|
|
|
4169
4169
|
const form$3 = "_form_13jez_91";
|
|
4170
4170
|
const chartType = "_chartType_13jez_97";
|
|
4171
4171
|
const selectedOption = "_selectedOption_13jez_105";
|
|
4172
|
-
var styles$
|
|
4172
|
+
var styles$J = {
|
|
4173
4173
|
chartOptions,
|
|
4174
4174
|
chartOption,
|
|
4175
4175
|
chartOptionBtn: chartOptionBtn$1,
|
|
@@ -5016,7 +5016,7 @@ var style = {
|
|
|
5016
5016
|
const primary$1 = "_primary_18yak_1";
|
|
5017
5017
|
const secondary = "_secondary_18yak_5";
|
|
5018
5018
|
const tertiary = "_tertiary_18yak_10";
|
|
5019
|
-
var styles$
|
|
5019
|
+
var styles$I = {
|
|
5020
5020
|
primary: primary$1,
|
|
5021
5021
|
secondary,
|
|
5022
5022
|
tertiary,
|
|
@@ -5050,14 +5050,14 @@ const Text = ({
|
|
|
5050
5050
|
}) => {
|
|
5051
5051
|
const Tag = variants[variant];
|
|
5052
5052
|
return /* @__PURE__ */ jsx(Tag, {
|
|
5053
|
-
className: classnames(styleClass === "custom" ? null : `${styles$
|
|
5053
|
+
className: classnames(styleClass === "custom" ? null : `${styles$I[styleClass]}`, className),
|
|
5054
5054
|
onClick,
|
|
5055
5055
|
style: style2,
|
|
5056
5056
|
children: children2
|
|
5057
5057
|
});
|
|
5058
5058
|
};
|
|
5059
5059
|
const search$1 = "_search_1klck_1";
|
|
5060
|
-
var styles$
|
|
5060
|
+
var styles$H = {
|
|
5061
5061
|
"searchTab-container": "_searchTab-container_1klck_1",
|
|
5062
5062
|
"searchTab-input": "_searchTab-input_1klck_5",
|
|
5063
5063
|
search: search$1
|
|
@@ -5089,13 +5089,13 @@ const SearchTab = ({
|
|
|
5089
5089
|
setSearchKeyword(keyword == null ? void 0 : keyword.toLowerCase());
|
|
5090
5090
|
}, [setSearchKeyword, watch, keyword]);
|
|
5091
5091
|
return /* @__PURE__ */ jsxs("div", {
|
|
5092
|
-
className: `${styles$
|
|
5092
|
+
className: `${styles$H["searchTab-container"]} ${className}`,
|
|
5093
5093
|
children: [/* @__PURE__ */ jsx("input", {
|
|
5094
5094
|
placeholder: "Search",
|
|
5095
5095
|
...register2("searchKeyword"),
|
|
5096
|
-
className: styles$
|
|
5096
|
+
className: styles$H["searchTab-input"]
|
|
5097
5097
|
}), /* @__PURE__ */ jsx("div", {
|
|
5098
|
-
className: styles$
|
|
5098
|
+
className: styles$H.search,
|
|
5099
5099
|
children: /* @__PURE__ */ jsx(iconoirSearch, {
|
|
5100
5100
|
color: "#C7C7C7",
|
|
5101
5101
|
width: "30px",
|
|
@@ -5538,6 +5538,57 @@ const DESTINATIONS = {
|
|
|
5538
5538
|
const DATABASE_NAME = "{{DATABASE_NAME}}";
|
|
5539
5539
|
const CLIENT_NAME_VAR_NUM = "'client_id_variable'";
|
|
5540
5540
|
const DATABASE = "DATABASE";
|
|
5541
|
+
const WEEK_DAYS = [
|
|
5542
|
+
{ value: "Sun", label: "Sun" },
|
|
5543
|
+
{ value: "Mon", label: "Mon" },
|
|
5544
|
+
{ value: "Tue", label: "Tue" },
|
|
5545
|
+
{ value: "Wed", label: "Wed" },
|
|
5546
|
+
{ value: "Thu", label: "Thu" },
|
|
5547
|
+
{ value: "Fri", label: "Fri" },
|
|
5548
|
+
{ value: "Sat", label: "Sat" }
|
|
5549
|
+
];
|
|
5550
|
+
const TIME_ZONES = [
|
|
5551
|
+
{ value: "IST", label: "IST" }
|
|
5552
|
+
];
|
|
5553
|
+
const TIME = [
|
|
5554
|
+
{ value: "AM", label: "AM" },
|
|
5555
|
+
{ value: "PM", label: "PM" }
|
|
5556
|
+
];
|
|
5557
|
+
const DATE_NUM = [
|
|
5558
|
+
{ value: "1", label: "1" },
|
|
5559
|
+
{ value: "2", label: "2" },
|
|
5560
|
+
{ value: "3", label: "3" },
|
|
5561
|
+
{ value: "4", label: "4" },
|
|
5562
|
+
{ value: "5", label: "5" },
|
|
5563
|
+
{ value: "6", label: "6" },
|
|
5564
|
+
{ value: "7", label: "7" },
|
|
5565
|
+
{ value: "8", label: "8" },
|
|
5566
|
+
{ value: "9", label: "9" },
|
|
5567
|
+
{ value: "10", label: "10" },
|
|
5568
|
+
{ value: "11", label: "11" },
|
|
5569
|
+
{ value: "12", label: "12" },
|
|
5570
|
+
{ value: "13", label: "13" },
|
|
5571
|
+
{ value: "14", label: "14" },
|
|
5572
|
+
{ value: "15", label: "15" },
|
|
5573
|
+
{ value: "16", label: "16" },
|
|
5574
|
+
{ value: "17", label: "17" },
|
|
5575
|
+
{ value: "18", label: "18" },
|
|
5576
|
+
{ value: "19", label: "19" },
|
|
5577
|
+
{ value: "20", label: "20" },
|
|
5578
|
+
{ value: "21", label: "21" },
|
|
5579
|
+
{ value: "22", label: "22" },
|
|
5580
|
+
{ value: "23", label: "23" },
|
|
5581
|
+
{ value: "24", label: "24" },
|
|
5582
|
+
{ value: "25", label: "25" },
|
|
5583
|
+
{ value: "26", label: "26" },
|
|
5584
|
+
{ value: "27", label: "27" },
|
|
5585
|
+
{ value: "28", label: "28" }
|
|
5586
|
+
];
|
|
5587
|
+
const FREQUENCY = [
|
|
5588
|
+
{ value: "Daily", label: "Daily" },
|
|
5589
|
+
{ value: "Weekly", label: "Weekly" },
|
|
5590
|
+
{ value: "Monthly", label: "Monthly" }
|
|
5591
|
+
];
|
|
5541
5592
|
const ChartConfig = ({
|
|
5542
5593
|
data,
|
|
5543
5594
|
setXAxis,
|
|
@@ -5585,12 +5636,12 @@ const ChartConfig = ({
|
|
|
5585
5636
|
};
|
|
5586
5637
|
if (chartType2 === SANKEY) {
|
|
5587
5638
|
return /* @__PURE__ */ jsxs("div", {
|
|
5588
|
-
className: styles$
|
|
5639
|
+
className: styles$J.container,
|
|
5589
5640
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
5590
|
-
className: styles$
|
|
5641
|
+
className: styles$J.field,
|
|
5591
5642
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5592
5643
|
styleClass: "font-14",
|
|
5593
|
-
className: styles$
|
|
5644
|
+
className: styles$J.fieldText,
|
|
5594
5645
|
variant: "h4",
|
|
5595
5646
|
children: "Source"
|
|
5596
5647
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5600,10 +5651,10 @@ const ChartConfig = ({
|
|
|
5600
5651
|
value: source
|
|
5601
5652
|
})]
|
|
5602
5653
|
}), /* @__PURE__ */ jsxs("div", {
|
|
5603
|
-
className: styles$
|
|
5654
|
+
className: styles$J.field,
|
|
5604
5655
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5605
5656
|
styleClass: "font-14",
|
|
5606
|
-
className: styles$
|
|
5657
|
+
className: styles$J.fieldText,
|
|
5607
5658
|
variant: "h4",
|
|
5608
5659
|
children: "Target"
|
|
5609
5660
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5615,7 +5666,7 @@ const ChartConfig = ({
|
|
|
5615
5666
|
}), /* @__PURE__ */ jsxs("div", {
|
|
5616
5667
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5617
5668
|
styleClass: "font-14",
|
|
5618
|
-
className: styles$
|
|
5669
|
+
className: styles$J.fieldText,
|
|
5619
5670
|
variant: "h4",
|
|
5620
5671
|
children: "Value"
|
|
5621
5672
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5628,7 +5679,7 @@ const ChartConfig = ({
|
|
|
5628
5679
|
type: "submit",
|
|
5629
5680
|
variant: "primary",
|
|
5630
5681
|
size: "default",
|
|
5631
|
-
className: styles$
|
|
5682
|
+
className: styles$J.doneBtn,
|
|
5632
5683
|
onClick: () => {
|
|
5633
5684
|
onSubmitSnakeyValues();
|
|
5634
5685
|
setSettingsShow(false);
|
|
@@ -5640,10 +5691,10 @@ const ChartConfig = ({
|
|
|
5640
5691
|
if (chartType2 === DOUGHNUT) {
|
|
5641
5692
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
5642
5693
|
children: !!(chartType2 === DOUGHNUT || PIE) && /* @__PURE__ */ jsxs("div", {
|
|
5643
|
-
className: styles$
|
|
5694
|
+
className: styles$J.container,
|
|
5644
5695
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5645
5696
|
styleClass: "font-14",
|
|
5646
|
-
className: styles$
|
|
5697
|
+
className: styles$J.field,
|
|
5647
5698
|
variant: "h4",
|
|
5648
5699
|
children: "Dimension"
|
|
5649
5700
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5653,12 +5704,12 @@ const ChartConfig = ({
|
|
|
5653
5704
|
value: xAxis
|
|
5654
5705
|
}), /* @__PURE__ */ jsx(Text, {
|
|
5655
5706
|
styleClass: "font-14",
|
|
5656
|
-
className: styles$
|
|
5707
|
+
className: styles$J.measureText,
|
|
5657
5708
|
variant: "h4",
|
|
5658
5709
|
children: "Measure"
|
|
5659
5710
|
}), /* @__PURE__ */ jsxs("form", {
|
|
5660
5711
|
onSubmit: handleSubmit(onSubmitOptions),
|
|
5661
|
-
className: styles$
|
|
5712
|
+
className: styles$J.form,
|
|
5662
5713
|
children: [/* @__PURE__ */ jsx(HookMultiSelect, {
|
|
5663
5714
|
name: "yAxisList",
|
|
5664
5715
|
options: options2,
|
|
@@ -5668,7 +5719,7 @@ const ChartConfig = ({
|
|
|
5668
5719
|
type: "submit",
|
|
5669
5720
|
variant: "primary",
|
|
5670
5721
|
size: "default",
|
|
5671
|
-
className: styles$
|
|
5722
|
+
className: styles$J.doneBtn,
|
|
5672
5723
|
children: "Done"
|
|
5673
5724
|
})]
|
|
5674
5725
|
})]
|
|
@@ -5678,10 +5729,10 @@ const ChartConfig = ({
|
|
|
5678
5729
|
if (chartType2 === PIE) {
|
|
5679
5730
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
5680
5731
|
children: /* @__PURE__ */ jsxs("div", {
|
|
5681
|
-
className: styles$
|
|
5732
|
+
className: styles$J.container,
|
|
5682
5733
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5683
5734
|
styleClass: "font-14",
|
|
5684
|
-
className: styles$
|
|
5735
|
+
className: styles$J.field,
|
|
5685
5736
|
variant: "h4",
|
|
5686
5737
|
children: "Dimension"
|
|
5687
5738
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5691,12 +5742,12 @@ const ChartConfig = ({
|
|
|
5691
5742
|
value: xAxis
|
|
5692
5743
|
}), /* @__PURE__ */ jsx(Text, {
|
|
5693
5744
|
styleClass: "font-14",
|
|
5694
|
-
className: styles$
|
|
5745
|
+
className: styles$J.measureText,
|
|
5695
5746
|
variant: "h4",
|
|
5696
5747
|
children: "Measure"
|
|
5697
5748
|
}), /* @__PURE__ */ jsxs("form", {
|
|
5698
5749
|
onSubmit: handleSubmit(onSubmitOptions),
|
|
5699
|
-
className: styles$
|
|
5750
|
+
className: styles$J.form,
|
|
5700
5751
|
children: [/* @__PURE__ */ jsx(HookMultiSelect, {
|
|
5701
5752
|
name: "yAxisList",
|
|
5702
5753
|
options: options2,
|
|
@@ -5706,7 +5757,7 @@ const ChartConfig = ({
|
|
|
5706
5757
|
type: "submit",
|
|
5707
5758
|
variant: "primary",
|
|
5708
5759
|
size: "default",
|
|
5709
|
-
className: styles$
|
|
5760
|
+
className: styles$J.doneBtn,
|
|
5710
5761
|
children: "Done"
|
|
5711
5762
|
})]
|
|
5712
5763
|
})]
|
|
@@ -5717,7 +5768,7 @@ const ChartConfig = ({
|
|
|
5717
5768
|
return /* @__PURE__ */ jsxs(Fragment, {
|
|
5718
5769
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5719
5770
|
styleClass: "font-14",
|
|
5720
|
-
className: `${styles$
|
|
5771
|
+
className: `${styles$J.singleValueMeasure}`,
|
|
5721
5772
|
variant: "h4",
|
|
5722
5773
|
children: "Measure"
|
|
5723
5774
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5729,7 +5780,7 @@ const ChartConfig = ({
|
|
|
5729
5780
|
type: "button",
|
|
5730
5781
|
variant: "primary",
|
|
5731
5782
|
size: "default",
|
|
5732
|
-
className: styles$
|
|
5783
|
+
className: styles$J.doneBtn,
|
|
5733
5784
|
onClick: () => setSettingsShow(false),
|
|
5734
5785
|
children: "Done"
|
|
5735
5786
|
})]
|
|
@@ -5737,11 +5788,11 @@ const ChartConfig = ({
|
|
|
5737
5788
|
}
|
|
5738
5789
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
5739
5790
|
children: /* @__PURE__ */ jsxs("div", {
|
|
5740
|
-
className: styles$
|
|
5791
|
+
className: styles$J.container,
|
|
5741
5792
|
children: [chartType2 !== "gauge" && chartType2 !== BOXPLOT && chartType2 !== "table" && /* @__PURE__ */ jsxs(Fragment, {
|
|
5742
5793
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
5743
5794
|
styleClass: "font-14",
|
|
5744
|
-
className: styles$
|
|
5795
|
+
className: styles$J.field,
|
|
5745
5796
|
variant: "h4",
|
|
5746
5797
|
children: [chartType2 !== "funnel" && chartType2 !== "row" && "X-axis", chartType2 === "funnel" && "Step", chartType2 === "row" && "Y-axis"]
|
|
5747
5798
|
}), chartType2 === "funnel" ? /* @__PURE__ */ jsx(Select, {
|
|
@@ -5756,17 +5807,17 @@ const ChartConfig = ({
|
|
|
5756
5807
|
value: xAxis
|
|
5757
5808
|
})]
|
|
5758
5809
|
}), /* @__PURE__ */ jsx("div", {
|
|
5759
|
-
className: `${styles$
|
|
5760
|
-
${chartType2 !== "gauge" ? styles$
|
|
5810
|
+
className: `${styles$J.chartType}
|
|
5811
|
+
${chartType2 !== "gauge" ? styles$J.measureText : ""}`,
|
|
5761
5812
|
children: /* @__PURE__ */ jsxs(Text, {
|
|
5762
5813
|
styleClass: "font-14",
|
|
5763
5814
|
variant: "h1",
|
|
5764
|
-
className: styles$
|
|
5815
|
+
className: styles$J.field,
|
|
5765
5816
|
children: [chartType2 !== "funnel" && chartType2 !== "gauge" && chartType2 !== "row" && chartType2 !== "boxplot" && chartType2 !== "table" && "Y-axis", (chartType2 === "funnel" || chartType2 === "gauge" || chartType2 === "boxplot" || chartType2 === "table") && "Measure", chartType2 === "row" && "X-axis"]
|
|
5766
5817
|
})
|
|
5767
5818
|
}), /* @__PURE__ */ jsxs("form", {
|
|
5768
5819
|
onSubmit: handleSubmit(onSubmitOptions),
|
|
5769
|
-
className: styles$
|
|
5820
|
+
className: styles$J.form,
|
|
5770
5821
|
children: [chartType2 === "funnel" || chartType2 === "gauge" ? /* @__PURE__ */ jsx(Select, {
|
|
5771
5822
|
label: "",
|
|
5772
5823
|
options: options2,
|
|
@@ -5781,7 +5832,7 @@ const ChartConfig = ({
|
|
|
5781
5832
|
type: "submit",
|
|
5782
5833
|
variant: "primary",
|
|
5783
5834
|
size: "default",
|
|
5784
|
-
className: styles$
|
|
5835
|
+
className: styles$J.doneBtn,
|
|
5785
5836
|
children: "Done"
|
|
5786
5837
|
})]
|
|
5787
5838
|
})]
|
|
@@ -6073,13 +6124,13 @@ const ChartModalOptions = ({
|
|
|
6073
6124
|
icon: materialSymbolsBackupTable
|
|
6074
6125
|
}];
|
|
6075
6126
|
return /* @__PURE__ */ jsx("div", {
|
|
6076
|
-
className: styles$
|
|
6127
|
+
className: styles$J.chartOptions,
|
|
6077
6128
|
children: chartOptions2.map((option2) => /* @__PURE__ */ jsxs("div", {
|
|
6078
|
-
className: styles$
|
|
6129
|
+
className: styles$J.chartOption,
|
|
6079
6130
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
6080
6131
|
type: "button",
|
|
6081
6132
|
variant: "custom",
|
|
6082
|
-
className: chartType2 === option2.name.toLowerCase() ? styles$
|
|
6133
|
+
className: chartType2 === option2.name.toLowerCase() ? styles$J.chartOptionBtnSelected : styles$J.chartOptionBtn,
|
|
6083
6134
|
onClick: () => {
|
|
6084
6135
|
setChartType(option2.name.toLowerCase());
|
|
6085
6136
|
},
|
|
@@ -6093,7 +6144,7 @@ const ChartModalOptions = ({
|
|
|
6093
6144
|
}, option2.name), /* @__PURE__ */ jsx(Text, {
|
|
6094
6145
|
variant: "p",
|
|
6095
6146
|
styleClass: "custom",
|
|
6096
|
-
className: styles$
|
|
6147
|
+
className: styles$J.chartOptionText,
|
|
6097
6148
|
children: option2.name
|
|
6098
6149
|
})]
|
|
6099
6150
|
}, option2.name))
|
|
@@ -6227,7 +6278,7 @@ const BOOLEAN_TYPES = ["boolean", "bool"];
|
|
|
6227
6278
|
const configTabs = ["saved", "simple", "custom"];
|
|
6228
6279
|
var icons$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMCIgaGVpZ2h0PSIwIiBjbGFzcz0iaGlkZGVuIj4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9InNxbC1xdWVyeS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTcgMTdMMjIgMTJMMTcgN003IDdMMiAxMkw3IDE3TTE0IDNMMTAgMjEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idmlzdWFsaXphdGlvbi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMTZWMjFNMTIgMTZMMTggMjFNMTIgMTZMNiAyMU0yMSAzVjExLjJDMjEgMTIuODgwMiAyMSAxMy43MjAyIDIwLjY3MyAxNC4zNjJDMjAuMzg1NCAxNC45MjY1IDE5LjkyNjUgMTUuMzg1NCAxOS4zNjIgMTUuNjczQzE4LjcyMDIgMTYgMTcuODgwMiAxNiAxNi4yIDE2SDcuOEM2LjExOTg0IDE2IDUuMjc5NzYgMTYgNC42MzgwMyAxNS42NzNDNC4wNzM1NCAxNS4zODU0IDMuNjE0NiAxNC45MjY1IDMuMzI2OTggMTQuMzYyQzMgMTMuNzIwMiAzIDEyLjg4MDIgMyAxMS4yVjNNOCA5VjEyTTEyIDdWMTJNMTYgMTFWMTJNMjIgM0gyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9ImFycm93LWJhY2staWNvbiI+DQogICAgPHBhdGggZD0iTTIwIDEySDRNNCAxMkwxMCAxOE00IDEyTDEwIDYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0ibG9nb3V0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xNiAxN0wyMSAxMk0yMSAxMkwxNiA3TTIxIDEySDlNOSAzSDcuOEM2LjExOTg0IDMgNS4yNzk3NiAzIDQuNjM4MDMgMy4zMjY5OEM0LjA3MzU0IDMuNjE0NiAzLjYxNDYgNC4wNzM1NCAzLjMyNjk4IDQuNjM4MDNDMyA1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFIOSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJtb3JlLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMiAxM0MxMi41NTIzIDEzIDEzIDEyLjU1MjMgMTMgMTJDMTMgMTEuNDQ3NyAxMi41NTIzIDExIDEyIDExQzExLjQ0NzcgMTEgMTEgMTEuNDQ3NyAxMSAxMkMxMSAxMi41NTIzIDExLjQ0NzcgMTMgMTIgMTNaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xMiA2QzEyLjU1MjMgNiAxMyA1LjU1MjI4IDEzIDVDMTMgNC40NDc3MiAxMi41NTIzIDQgMTIgNEMxMS40NDc3IDQgMTEgNC40NDc3MiAxMSA1QzExIDUuNTUyMjggMTEuNDQ3NyA2IDEyIDZaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xMiAyMEMxMi41NTIzIDIwIDEzIDE5LjU1MjMgMTMgMTlDMTMgMTguNDQ3NyAxMi41NTIzIDE4IDEyIDE4QzExLjQ0NzcgMTggMTEgMTguNDQ3NyAxMSAxOUMxMSAxOS41NTIzIDExLjQ0NzcgMjAgMTIgMjBaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9InNhdmUtaWNvbiI+DQogICAgPHBhdGggZD0iTTcgM1Y2LjRDNyA2Ljk2MDA1IDcgNy4yNDAwOCA3LjEwODk5IDcuNDUzOTlDNy4yMDQ4NyA3LjY0MjE1IDcuMzU3ODUgNy43OTUxMyA3LjU0NjAxIDcuODkxMDFDNy43NTk5MiA4IDguMDM5OTUgOCA4LjYgOEgxNS40QzE1Ljk2MDEgOCAxNi4yNDAxIDggMTYuNDU0IDcuODkxMDFDMTYuNjQyMiA3Ljc5NTEzIDE2Ljc5NTEgNy42NDIxNSAxNi44OTEgNy40NTM5OUMxNyA3LjI0MDA4IDE3IDYuOTYwMDUgMTcgNi40VjRNMTcgMjFWMTQuNkMxNyAxNC4wMzk5IDE3IDEzLjc1OTkgMTYuODkxIDEzLjU0NkMxNi43OTUxIDEzLjM1NzggMTYuNjQyMiAxMy4yMDQ5IDE2LjQ1NCAxMy4xMDlDMTYuMjQwMSAxMyAxNS45NjAxIDEzIDE1LjQgMTNIOC42QzguMDM5OTUgMTMgNy43NTk5MiAxMyA3LjU0NjAxIDEzLjEwOUM3LjM1Nzg1IDEzLjIwNDkgNy4yMDQ4NyAxMy4zNTc4IDcuMTA4OTkgMTMuNTQ2QzcgMTMuNzU5OSA3IDE0LjAzOTkgNyAxNC42VjIxTTIxIDkuMzI1NDhWMTYuMkMyMSAxNy44ODAyIDIxIDE4LjcyMDIgMjAuNjczIDE5LjM2MkMyMC4zODU0IDE5LjkyNjUgMTkuOTI2NSAyMC4zODU0IDE5LjM2MiAyMC42NzNDMTguNzIwMiAyMSAxNy44ODAyIDIxIDE2LjIgMjFINy44QzYuMTE5ODQgMjEgNS4yNzk3NiAyMSA0LjYzODAzIDIwLjY3M0M0LjA3MzU0IDIwLjM4NTQgMy42MTQ2IDE5LjkyNjUgMy4zMjY5OCAxOS4zNjJDMyAxOC43MjAyIDMgMTcuODgwMiAzIDE2LjJWNy44QzMgNi4xMTk4NCAzIDUuMjc5NzYgMy4zMjY5OCA0LjYzODAzQzMuNjE0NiA0LjA3MzU0IDQuMDczNTQgMy42MTQ2IDQuNjM4MDMgMy4zMjY5OEM1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOCAzSDE0LjY3NDVDMTUuMTYzNyAzIDE1LjQwODMgMyAxNS42Mzg1IDMuMDU1MjZDMTUuODQyNSAzLjEwNDI1IDE2LjAzNzYgMy4xODUwNiAxNi4yMTY2IDMuMjk0NzJDMTYuNDE4NCAzLjQxODQgMTYuNTkxNCAzLjU5MTM1IDE2LjkzNzMgMy45MzcyNkwyMC4wNjI3IDcuMDYyNzRDMjAuNDA4NiA3LjQwODY1IDIwLjU4MTYgNy41ODE2IDIwLjcwNTMgNy43ODM0M0MyMC44MTQ5IDcuOTYyMzcgMjAuODk1NyA4LjE1NzQ2IDIwLjk0NDcgOC4zNjE1NEMyMSA4LjU5MTcxIDIxIDguODM2MyAyMSA5LjMyNTQ4WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjb3B5LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMC41IDIuMDAyOEM5LjgyNDk1IDIuMDExOTQgOS40MTk3IDIuMDUxMDMgOS4wOTIwMiAyLjIxNzk5QzguNzE1NjkgMi40MDk3MyA4LjQwOTczIDIuNzE1NjkgOC4yMTc5OSAzLjA5MjAyQzguMDUxMDMgMy40MTk3IDguMDExOTQgMy44MjQ5NSA4LjAwMjggNC41TTE5LjUgMi4wMDI4QzIwLjE3NTEgMi4wMTE5NCAyMC41ODAzIDIuMDUxMDMgMjAuOTA4IDIuMjE3OTlDMjEuMjg0MyAyLjQwOTczIDIxLjU5MDMgMi43MTU2OSAyMS43ODIgMy4wOTIwMkMyMS45NDkgMy40MTk3IDIxLjk4ODEgMy44MjQ5NCAyMS45OTcyIDQuNDk5OTlNMjEuOTk3MiAxMy41QzIxLjk4ODEgMTQuMTc1IDIxLjk0OSAxNC41ODAzIDIxLjc4MiAxNC45MDhDMjEuNTkwMyAxNS4yODQzIDIxLjI4NDMgMTUuNTkwMyAyMC45MDggMTUuNzgyQzIwLjU4MDMgMTUuOTQ5IDIwLjE3NTEgMTUuOTg4MSAxOS41IDE1Ljk5NzJNMjIgNy45OTk5OVY5Ljk5OTk5TTE0LjAwMDEgMkgxNk01LjIgMjJIMTIuOEMxMy45MjAxIDIyIDE0LjQ4MDIgMjIgMTQuOTA4IDIxLjc4MkMxNS4yODQzIDIxLjU5MDMgMTUuNTkwMyAyMS4yODQzIDE1Ljc4MiAyMC45MDhDMTYgMjAuNDgwMiAxNiAxOS45MjAxIDE2IDE4LjhWMTEuMkMxNiAxMC4wNzk5IDE2IDkuNTE5ODQgMTUuNzgyIDkuMDkyMDJDMTUuNTkwMyA4LjcxNTY5IDE1LjI4NDMgOC40MDk3MyAxNC45MDggOC4yMTc5OUMxNC40ODAyIDggMTMuOTIwMSA4IDEyLjggOEg1LjJDNC4wNzk5IDggMy41MTk4NCA4IDMuMDkyMDIgOC4yMTc5OUMyLjcxNTY5IDguNDA5NzMgMi40MDk3MyA4LjcxNTY5IDIuMjE3OTkgOS4wOTIwMkMyIDkuNTE5ODQgMiAxMC4wNzk5IDIgMTEuMlYxOC44QzIgMTkuOTIwMSAyIDIwLjQ4MDIgMi4yMTc5OSAyMC45MDhDMi40MDk3MyAyMS4yODQzIDIuNzE1NjkgMjEuNTkwMyAzLjA5MjAyIDIxLjc4MkMzLjUxOTg0IDIyIDQuMDc5ODkgMjIgNS4yIDIyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkYXRhc2V0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0yMSA1QzIxIDYuNjU2ODUgMTYuOTcwNiA4IDEyIDhDNy4wMjk0NCA4IDMgNi42NTY4NSAzIDVNMjEgNUMyMSAzLjM0MzE1IDE2Ljk3MDYgMiAxMiAyQzcuMDI5NDQgMiAzIDMuMzQzMTUgMyA1TTIxIDVWMTlDMjEgMjAuNjYgMTcgMjIgMTIgMjJDNyAyMiAzIDIwLjY2IDMgMTlWNU0yMSAxMkMyMSAxMy42NiAxNyAxNSAxMiAxNUM3IDE1IDMgMTMuNjYgMyAxMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJmaWx0ZXItaWNvbiI+DQogICAgPHBhdGggZD0iTTIgNC42QzIgNC4wMzk5NSAyIDMuNzU5OTIgMi4xMDg5OSAzLjU0NjAxQzIuMjA0ODcgMy4zNTc4NSAyLjM1Nzg1IDMuMjA0ODcgMi41NDYwMSAzLjEwODk5QzIuNzU5OTIgMyAzLjAzOTk1IDMgMy42IDNIMjAuNEMyMC45NjAxIDMgMjEuMjQwMSAzIDIxLjQ1NCAzLjEwODk5QzIxLjY0MjIgMy4yMDQ4NyAyMS43OTUxIDMuMzU3ODUgMjEuODkxIDMuNTQ2MDFDMjIgMy43NTk5MiAyMiA0LjAzOTk1IDIyIDQuNlY1LjI2OTM5QzIyIDUuNTM4MTkgMjIgNS42NzI1OSAyMS45NjcyIDUuNzk3NTZDMjEuOTM4IDUuOTA4MzEgMjEuODkwMSA2LjAxMzIzIDIxLjgyNTUgNi4xMDc3NkMyMS43NTI2IDYuMjE0NDMgMjEuNjUxIDYuMzAyNDUgMjEuNDQ3OSA2LjQ3ODVMMTUuMDUyMSAxMi4wMjE1QzE0Ljg0OSAxMi4xOTc1IDE0Ljc0NzQgMTIuMjg1NiAxNC42NzQ1IDEyLjM5MjJDMTQuNjA5OSAxMi40ODY4IDE0LjU2MiAxMi41OTE3IDE0LjUzMjggMTIuNzAyNEMxNC41IDEyLjgyNzQgMTQuNSAxMi45NjE4IDE0LjUgMTMuMjMwNlYxOC40NTg0QzE0LjUgMTguNjUzOSAxNC41IDE4Ljc1MTcgMTQuNDY4NSAxOC44MzYzQzE0LjQ0MDYgMTguOTExIDE0LjM5NTMgMTguOTc3OSAxNC4zMzYzIDE5LjAzMTVDMTQuMjY5NSAxOS4wOTIyIDE0LjE3ODcgMTkuMTI4NSAxMy45OTcxIDE5LjIwMTJMMTAuNTk3MSAyMC41NjEyQzEwLjIyOTYgMjAuNzA4MiAxMC4wNDU4IDIwLjc4MTcgOS44OTgyNyAyMC43NTFDOS43NjkyNyAyMC43MjQyIDkuNjU2MDUgMjAuNjQ3NiA5LjU4MzI1IDIwLjUzNzdDOS41IDIwLjQxMjIgOS41IDIwLjIxNDIgOS41IDE5LjgxODRWMTMuMjMwNkM5LjUgMTIuOTYxOCA5LjUgMTIuODI3NCA5LjQ2NzE1IDEyLjcwMjRDOS40MzgwNSAxMi41OTE3IDkuMzkwMTQgMTIuNDg2OCA5LjMyNTUxIDEyLjM5MjJDOS4yNTI1OCAxMi4yODU2IDkuMTUxMDIgMTIuMTk3NSA4Ljk0Nzg5IDEyLjAyMTVMMi41NTIxMSA2LjQ3ODVDMi4zNDg5OCA2LjMwMjQ1IDIuMjQ3NDIgNi4yMTQ0MyAyLjE3NDQ5IDYuMTA3NzZDMi4xMDk4NiA2LjAxMzIzIDIuMDYxOTUgNS45MDgzMSAyLjAzMjg1IDUuNzk3NTZDMiA1LjY3MjU5IDIgNS41MzgxOSAyIDUuMjY5MzlWNC42WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzZXR0aW5ncy1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMTVDMTMuNjU2OSAxNSAxNSAxMy42NTY5IDE1IDEyQzE1IDEwLjM0MzEgMTMuNjU2OSA5IDEyIDlDMTAuMzQzMSA5IDkgMTAuMzQzMSA5IDEyQzkgMTMuNjU2OSAxMC4zNDMxIDE1IDEyIDE1WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTguNzI3MyAxNC43MjczQzE4LjYwNjMgMTUuMDAxNSAxOC41NzAyIDE1LjMwNTYgMTguNjIzNiAxNS42MDA1QzE4LjY3NzEgMTUuODk1NCAxOC44MTc3IDE2LjE2NzYgMTkuMDI3MyAxNi4zODE4TDE5LjA4MTggMTYuNDM2NEMxOS4yNTA5IDE2LjYwNTIgMTkuMzg1IDE2LjgwNTcgMTkuNDc2NSAxNy4wMjY1QzE5LjU2OCAxNy4yNDcyIDE5LjYxNTEgMTcuNDgzOCAxOS42MTUxIDE3LjcyMjdDMTkuNjE1MSAxNy45NjE3IDE5LjU2OCAxOC4xOTgzIDE5LjQ3NjUgMTguNDE5QzE5LjM4NSAxOC42Mzk3IDE5LjI1MDkgMTguODQwMiAxOS4wODE4IDE5LjAwOTFDMTguOTEzIDE5LjE3ODEgMTguNzEyNCAxOS4zMTIyIDE4LjQ5MTcgMTkuNDAzN0MxOC4yNzEgMTkuNDk1MiAxOC4wMzQ0IDE5LjU0MjMgMTcuNzk1NSAxOS41NDIzQzE3LjU1NjUgMTkuNTQyMyAxNy4zMTk5IDE5LjQ5NTIgMTcuMDk5MiAxOS40MDM3QzE2Ljg3ODUgMTkuMzEyMiAxNi42NzggMTkuMTc4MSAxNi41MDkxIDE5LjAwOTFMMTYuNDU0NSAxOC45NTQ1QzE2LjI0MDMgMTguNzQ1IDE1Ljk2ODIgMTguNjA0NCAxNS42NzMzIDE4LjU1MDlDMTUuMzc4NCAxOC40OTc0IDE1LjA3NDIgMTguNTMzNSAxNC44IDE4LjY1NDVDMTQuNTMxMSAxOC43Njk4IDE0LjMwMTggMTguOTYxMSAxNC4xNDAzIDE5LjIwNUMxMy45Nzg4IDE5LjQ0ODkgMTMuODkyMSAxOS43MzQ3IDEzLjg5MDkgMjAuMDI3M1YyMC4xODE4QzEzLjg5MDkgMjAuNjY0IDEzLjY5OTQgMjEuMTI2NSAxMy4zNTg0IDIxLjQ2NzVDMTMuMDE3NCAyMS44MDg0IDEyLjU1NDkgMjIgMTIuMDcyNyAyMkMxMS41OTA1IDIyIDExLjEyODEgMjEuODA4NCAxMC43ODcxIDIxLjQ2NzVDMTAuNDQ2MSAyMS4xMjY1IDEwLjI1NDUgMjAuNjY0IDEwLjI1NDUgMjAuMTgxOFYyMC4xQzEwLjI0NzUgMTkuNzk5MSAxMC4xNTAxIDE5LjUwNzMgOS45NzUwMSAxOS4yNjI1QzkuNzk5OTEgMTkuMDE3NiA5LjU1NTIxIDE4LjgzMTIgOS4yNzI3MyAxOC43MjczQzguOTk4NTMgMTguNjA2MyA4LjY5NDM3IDE4LjU3MDIgOC4zOTk0NyAxOC42MjM2QzguMTA0NTYgMTguNjc3MSA3LjgzMjQ0IDE4LjgxNzcgNy42MTgxOCAxOS4wMjczTDcuNTYzNjQgMTkuMDgxOEM3LjM5NDc4IDE5LjI1MDkgNy4xOTQyNSAxOS4zODUgNi45NzM1MyAxOS40NzY1QzYuNzUyOCAxOS41NjggNi41MTYyMSAxOS42MTUxIDYuMjc3MjcgMTkuNjE1MUM2LjAzODM0IDE5LjYxNTEgNS44MDE3NCAxOS41NjggNS41ODEwMiAxOS40NzY1QzUuMzYwMjkgMTkuMzg1IDUuMTU5NzcgMTkuMjUwOSA0Ljk5MDkxIDE5LjA4MThDNC44MjE4NiAxOC45MTMgNC42ODc3NSAxOC43MTI0IDQuNTk2MjYgMTguNDkxN0M0LjUwNDc2IDE4LjI3MSA0LjQ1NzY2IDE4LjAzNDQgNC40NTc2NiAxNy43OTU1QzQuNDU3NjYgMTcuNTU2NSA0LjUwNDc2IDE3LjMxOTkgNC41OTYyNiAxNy4wOTkyQzQuNjg3NzUgMTYuODc4NSA0LjgyMTg2IDE2LjY3OCA0Ljk5MDkxIDE2LjUwOTFMNS4wNDU0NSAxNi40NTQ1QzUuMjU1MDMgMTYuMjQwMyA1LjM5NTYyIDE1Ljk2ODIgNS40NDkxIDE1LjY3MzNDNS41MDI1NyAxNS4zNzg0IDUuNDY2NDcgMTUuMDc0MiA1LjM0NTQ1IDE0LjhDNS4yMzAyMiAxNC41MzExIDUuMDM4ODcgMTQuMzAxOCA0Ljc5NDk3IDE0LjE0MDNDNC41NTEwNyAxMy45Nzg4IDQuMjY1MjYgMTMuODkyMSAzLjk3MjczIDEzLjg5MDlIMy44MTgxOEMzLjMzNTk3IDEzLjg5MDkgMi44NzM1MSAxMy42OTk0IDIuNTMyNTMgMTMuMzU4NEMyLjE5MTU2IDEzLjAxNzQgMiAxMi41NTQ5IDIgMTIuMDcyN0MyIDExLjU5MDUgMi4xOTE1NiAxMS4xMjgxIDIuNTMyNTMgMTAuNzg3MUMyLjg3MzUxIDEwLjQ0NjEgMy4zMzU5NyAxMC4yNTQ1IDMuODE4MTggMTAuMjU0NUgzLjlDNC4yMDA5IDEwLjI0NzUgNC40OTI3MyAxMC4xNTAxIDQuNzM3NTQgOS45NzUwMUM0Ljk4MjM2IDkuNzk5OTEgNS4xNjg4MyA5LjU1NTIxIDUuMjcyNzMgOS4yNzI3M0M1LjM5Mzc0IDguOTk4NTMgNS40Mjk4NCA4LjY5NDM3IDUuMzc2MzcgOC4zOTk0N0M1LjMyMjkgOC4xMDQ1NiA1LjE4MjMxIDcuODMyNDQgNC45NzI3MyA3LjYxODE4TDQuOTE4MTggNy41NjM2NEM0Ljc0OTEzIDcuMzk0NzggNC42MTUwMyA3LjE5NDI1IDQuNTIzNTMgNi45NzM1M0M0LjQzMjAzIDYuNzUyOCA0LjM4NDkzIDYuNTE2MjEgNC4zODQ5MyA2LjI3NzI3QzQuMzg0OTMgNi4wMzgzNCA0LjQzMjAzIDUuODAxNzQgNC41MjM1MyA1LjU4MTAyQzQuNjE1MDMgNS4zNjAyOSA0Ljc0OTEzIDUuMTU5NzcgNC45MTgxOCA0Ljk5MDkxQzUuMDg3MDQgNC44MjE4NiA1LjI4NzU3IDQuNjg3NzUgNS41MDgyOSA0LjU5NjI2QzUuNzI5MDEgNC41MDQ3NiA1Ljk2NTYxIDQuNDU3NjYgNi4yMDQ1NSA0LjQ1NzY2QzYuNDQzNDggNC40NTc2NiA2LjY4MDA4IDQuNTA0NzYgNi45MDA4IDQuNTk2MjZDNy4xMjE1MiA0LjY4Nzc1IDcuMzIyMDUgNC44MjE4NiA3LjQ5MDkxIDQuOTkwOTFMNy41NDU0NSA1LjA0NTQ1QzcuNzU5NzEgNS4yNTUwMyA4LjAzMTgzIDUuMzk1NjIgOC4zMjY3NCA1LjQ0OTFDOC42MjE2NCA1LjUwMjU3IDguOTI1OCA1LjQ2NjQ3IDkuMiA1LjM0NTQ1SDkuMjcyNzNDOS41NDE2MSA1LjIzMDIyIDkuNzcwOTMgNS4wMzg4NyA5LjkzMjQ1IDQuNzk0OTdDMTAuMDk0IDQuNTUxMDcgMTAuMTgwNyA0LjI2NTI2IDEwLjE4MTggMy45NzI3M1YzLjgxODE4QzEwLjE4MTggMy4zMzU5NyAxMC4zNzM0IDIuODczNTEgMTAuNzE0NCAyLjUzMjUzQzExLjA1NTMgMi4xOTE1NiAxMS41MTc4IDIgMTIgMkMxMi40ODIyIDIgMTIuOTQ0NyAyLjE5MTU2IDEzLjI4NTYgMi41MzI1M0MxMy42MjY2IDIuODczNTEgMTMuODE4MiAzLjMzNTk3IDEzLjgxODIgMy44MTgxOFYzLjlDMTMuODE5MyA0LjE5MjUzIDEzLjkwNiA0LjQ3ODM0IDE0LjA2NzYgNC43MjIyNEMxNC4yMjkxIDQuOTY2MTQgMTQuNDU4NCA1LjE1NzQ5IDE0LjcyNzMgNS4yNzI3M0MxNS4wMDE1IDUuMzkzNzQgMTUuMzA1NiA1LjQyOTg0IDE1LjYwMDUgNS4zNzYzN0MxNS44OTU0IDUuMzIyOSAxNi4xNjc2IDUuMTgyMzEgMTYuMzgxOCA0Ljk3MjczTDE2LjQzNjQgNC45MTgxOEMxNi42MDUyIDQuNzQ5MTMgMTYuODA1NyA0LjYxNTAzIDE3LjAyNjUgNC41MjM1M0MxNy4yNDcyIDQuNDMyMDMgMTcuNDgzOCA0LjM4NDkzIDE3LjcyMjcgNC4zODQ5M0MxNy45NjE3IDQuMzg0OTMgMTguMTk4MyA0LjQzMjAzIDE4LjQxOSA0LjUyMzUzQzE4LjYzOTcgNC42MTUwMyAxOC44NDAyIDQuNzQ5MTMgMTkuMDA5MSA0LjkxODE4QzE5LjE3ODEgNS4wODcwNCAxOS4zMTIyIDUuMjg3NTcgMTkuNDAzNyA1LjUwODI5QzE5LjQ5NTIgNS43MjkwMSAxOS41NDIzIDUuOTY1NjEgMTkuNTQyMyA2LjIwNDU1QzE5LjU0MjMgNi40NDM0OCAxOS40OTUyIDYuNjgwMDggMTkuNDAzNyA2LjkwMDhDMTkuMzEyMiA3LjEyMTUyIDE5LjE3ODEgNy4zMjIwNSAxOS4wMDkxIDcuNDkwOTFMMTguOTU0NSA3LjU0NTQ1QzE4Ljc0NSA3Ljc1OTcxIDE4LjYwNDQgOC4wMzE4MyAxOC41NTA5IDguMzI2NzRDMTguNDk3NCA4LjYyMTY0IDE4LjUzMzUgOC45MjU4IDE4LjY1NDUgOS4yVjkuMjcyNzNDMTguNzY5OCA5LjU0MTYxIDE4Ljk2MTEgOS43NzA5MyAxOS4yMDUgOS45MzI0NUMxOS40NDg5IDEwLjA5NCAxOS43MzQ3IDEwLjE4MDcgMjAuMDI3MyAxMC4xODE4SDIwLjE4MThDMjAuNjY0IDEwLjE4MTggMjEuMTI2NSAxMC4zNzM0IDIxLjQ2NzUgMTAuNzE0NEMyMS44MDg0IDExLjA1NTMgMjIgMTEuNTE3OCAyMiAxMkMyMiAxMi40ODIyIDIxLjgwODQgMTIuOTQ0NyAyMS40Njc1IDEzLjI4NTZDMjEuMTI2NSAxMy42MjY2IDIwLjY2NCAxMy44MTgyIDIwLjE4MTggMTMuODE4MkgyMC4xQzE5LjgwNzUgMTMuODE5MyAxOS41MjE3IDEzLjkwNiAxOS4yNzc4IDE0LjA2NzZDMTkuMDMzOSAxNC4yMjkxIDE4Ljg0MjUgMTQuNDU4NCAxOC43MjczIDE0LjcyNzNaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9ImluZm8taWNvbiI+DQogICAgPHBhdGggZD0iTTEyIDE2VjEyTTEyIDhIMTIuMDFNMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzY2hlbWEtaWNvbiI+DQogICAgPHBhdGggZD0iTTEyIDRWMTUuMkMxMiAxNi44ODAyIDEyIDE3LjcyMDIgMTIuMzI3IDE4LjM2MkMxMi42MTQ2IDE4LjkyNjUgMTMuMDczNSAxOS4zODU0IDEzLjYzOCAxOS42NzNDMTQuMjc5OCAyMCAxNS4xMTk4IDIwIDE2LjggMjBIMTdNMTcgMjBDMTcgMjEuMTA0NiAxNy44OTU0IDIyIDE5IDIyQzIwLjEwNDYgMjIgMjEgMjEuMTA0NiAyMSAyMEMyMSAxOC44OTU0IDIwLjEwNDYgMTggMTkgMThDMTcuODk1NCAxOCAxNyAxOC44OTU0IDE3IDIwWk03IDRMMTcgNE03IDRDNyA1LjEwNDU3IDYuMTA0NTcgNiA1IDZDMy44OTU0MyA2IDMgNS4xMDQ1NyAzIDRDMyAyLjg5NTQzIDMuODk1NDMgMiA1IDJDNi4xMDQ1NyAyIDcgMi44OTU0MyA3IDRaTTE3IDRDMTcgNS4xMDQ1NyAxNy44OTU0IDYgMTkgNkMyMC4xMDQ2IDYgMjEgNS4xMDQ1NyAyMSA0QzIxIDIuODk1NDMgMjAuMTA0NiAyIDE5IDJDMTcuODk1NCAyIDE3IDIuODk1NDMgMTcgNFpNMTIgMTJIMTdNMTcgMTJDMTcgMTMuMTA0NiAxNy44OTU0IDE0IDE5IDE0QzIwLjEwNDYgMTQgMjEgMTMuMTA0NiAyMSAxMkMyMSAxMC44OTU0IDIwLjEwNDYgMTAgMTkgMTBDMTcuODk1NCAxMCAxNyAxMC44OTU0IDE3IDEyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJmdWxsc2NyZWVuLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xNCAxMEwyMSAzTTIxIDNIMTVNMjEgM1Y5TTEwIDE0TDMgMjFNMyAyMUg5TTMgMjFMMyAxNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJ0YWJsZS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMyA5TDIxIDlNOSAzTDkgMjFNNy44IDNIMTYuMkMxNy44ODAyIDMgMTguNzIwMiAzIDE5LjM2MiAzLjMyNjk4QzE5LjkyNjUgMy42MTQ2IDIwLjM4NTQgNC4wNzM1NCAyMC42NzMgNC42MzgwM0MyMSA1LjI3OTc2IDIxIDYuMTE5ODQgMjEgNy44VjE2LjJDMjEgMTcuODgwMiAyMSAxOC43MjAyIDIwLjY3MyAxOS4zNjJDMjAuMzg1NCAxOS45MjY1IDE5LjkyNjUgMjAuMzg1NCAxOS4zNjIgMjAuNjczQzE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yIDIxSDcuOEM2LjExOTg0IDIxIDUuMjc5NzYgMjEgNC42MzgwMyAyMC42NzNDNC4wNzM1NCAyMC4zODU0IDMuNjE0NiAxOS45MjY1IDMuMzI2OTggMTkuMzYyQzMgMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yVjcuOEMzIDYuMTE5ODQgMyA1LjI3OTc2IDMuMzI2OTggNC42MzgwM0MzLjYxNDYgNC4wNzM1NCA0LjA3MzU0IDMuNjE0NiA0LjYzODAzIDMuMzI2OThDNS4yNzk3NiAzIDYuMTE5ODQgMyA3LjggM1oiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idGltZS10YWtlbi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMTJMNy43MjcxMSA4LjQzOTI2QzcuMDkyMjYgNy45MTAyMiA2Ljc3NDg0IDcuNjQ1NyA2LjU0NjY0IDcuMzIxNDRDNi4zNDQ0NCA3LjAzNDEzIDYuMTk0MjkgNi43MTM1NCA2LjEwMzAxIDYuMzc0MjhDNiA1Ljk5MTM5IDYgNS41NzgxOSA2IDQuNzUxOFYyTTEyIDEyTDE2LjI3MjkgOC40MzkyNkMxNi45MDc3IDcuOTEwMjIgMTcuMjI1MiA3LjY0NTcgMTcuNDUzNCA3LjMyMTQ0QzE3LjY1NTYgNy4wMzQxMyAxNy44MDU3IDYuNzEzNTQgMTcuODk3IDYuMzc0MjhDMTggNS45OTEzOSAxOCA1LjU3ODE5IDE4IDQuNzUxOFYyTTEyIDEyTDcuNzI3MTEgMTUuNTYwN0M3LjA5MjI2IDE2LjA4OTggNi43NzQ4NCAxNi4zNTQzIDYuNTQ2NjQgMTYuNjc4NkM2LjM0NDQ0IDE2Ljk2NTkgNi4xOTQyOSAxNy4yODY1IDYuMTAzMDEgMTcuNjI1N0M2IDE4LjAwODYgNiAxOC40MjE4IDYgMTkuMjQ4MlYyMk0xMiAxMkwxNi4yNzI5IDE1LjU2MDdDMTYuOTA3NyAxNi4wODk4IDE3LjIyNTIgMTYuMzU0MyAxNy40NTM0IDE2LjY3ODZDMTcuNjU1NiAxNi45NjU5IDE3LjgwNTcgMTcuMjg2NSAxNy44OTcgMTcuNjI1N0MxOCAxOC4wMDg2IDE4IDE4LjQyMTggMTggMTkuMjQ4MlYyMk00IDJIMjBNNCAyMkgyMCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzZXR1cC1pY29uIj4NCiAgICA8cGF0aCBkPSJNNSAyMUw1IDE1TTUgMTVDNi4xMDQ1NyAxNSA3IDE0LjEwNDYgNyAxM0M3IDExLjg5NTQgNi4xMDQ1NyAxMSA1IDExQzMuODk1NDMgMTEgMyAxMS44OTU0IDMgMTNDMyAxNC4xMDQ2IDMuODk1NDMgMTUgNSAxNVpNNSA3VjNNMTIgMjFWMTVNMTIgN1YzTTEyIDdDMTAuODk1NCA3IDEwIDcuODk1NDMgMTAgOUMxMCAxMC4xMDQ2IDEwLjg5NTQgMTEgMTIgMTFDMTMuMTA0NiAxMSAxNCAxMC4xMDQ2IDE0IDlDMTQgNy44OTU0MyAxMy4xMDQ2IDcgMTIgN1pNMTkgMjFWMTdNMTkgMTdDMjAuMTA0NiAxNyAyMSAxNi4xMDQ2IDIxIDE1QzIxIDEzLjg5NTQgMjAuMTA0NiAxMyAxOSAxM0MxNy44OTU0IDEzIDE3IDEzLjg5NTQgMTcgMTVDMTcgMTYuMTA0NiAxNy44OTU0IDE3IDE5IDE3Wk0xOSA5VjMiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iZGF0YS1tb2RlbC1pY29uIj4NCiAgICA8cGF0aCBkPSJNNCAxOFYxNy44QzQgMTYuMTE5OCA0IDE1LjI3OTggNC4zMjY5OCAxNC42MzhDNC42MTQ2IDE0LjA3MzUgNS4wNzM1NCAxMy42MTQ2IDUuNjM4MDMgMTMuMzI3QzYuMjc5NzYgMTMgNy4xMTk4NCAxMyA4LjggMTNIMTUuMkMxNi44ODAyIDEzIDE3LjcyMDIgMTMgMTguMzYyIDEzLjMyN0MxOC45MjY1IDEzLjYxNDYgMTkuMzg1NCAxNC4wNzM1IDE5LjY3MyAxNC42MzhDMjAgMTUuMjc5OCAyMCAxNi4xMTk4IDIwIDE3LjhWMThNNCAxOEMyLjg5NTQzIDE4IDIgMTguODk1NCAyIDIwQzIgMjEuMTA0NiAyLjg5NTQzIDIyIDQgMjJDNS4xMDQ1NyAyMiA2IDIxLjEwNDYgNiAyMEM2IDE4Ljg5NTQgNS4xMDQ1NyAxOCA0IDE4Wk0yMCAxOEMxOC44OTU0IDE4IDE4IDE4Ljg5NTQgMTggMjBDMTggMjEuMTA0NiAxOC44OTU0IDIyIDIwIDIyQzIxLjEwNDYgMjIgMjIgMjEuMTA0NiAyMiAyMEMyMiAxOC44OTU0IDIxLjEwNDYgMTggMjAgMThaTTEyIDE4QzEwLjg5NTQgMTggMTAgMTguODk1NCAxMCAyMEMxMCAyMS4xMDQ2IDEwLjg5NTQgMjIgMTIgMjJDMTMuMTA0NiAyMiAxNCAyMS4xMDQ2IDE0IDIwQzE0IDE4Ljg5NTQgMTMuMTA0NiAxOCAxMiAxOFpNMTIgMThWOE02IDhIMThDMTguOTMxOSA4IDE5LjM5NzggOCAxOS43NjU0IDcuODQ3NzZDMjAuMjU1NCA3LjY0NDc3IDIwLjY0NDggNy4yNTU0MiAyMC44NDc4IDYuNzY1MzdDMjEgNi4zOTc4MiAyMSA1LjkzMTg4IDIxIDVDMjEgNC4wNjgxMiAyMSAzLjYwMjE4IDIwLjg0NzggMy4yMzQ2M0MyMC42NDQ4IDIuNzQ0NTggMjAuMjU1NCAyLjM1NTIzIDE5Ljc2NTQgMi4xNTIyNEMxOS4zOTc4IDIgMTguOTMxOSAyIDE4IDJINkM1LjA2ODEyIDIgNC42MDIxOCAyIDQuMjM0NjMgMi4xNTIyNEMzLjc0NDU4IDIuMzU1MjMgMy4zNTUyMyAyLjc0NDU4IDMuMTUyMjQgMy4yMzQ2M0MzIDMuNjAyMTggMyA0LjA2ODEyIDMgNUMzIDUuOTMxODggMyA2LjM5NzgyIDMuMTUyMjQgNi43NjUzN0MzLjM1NTIzIDcuMjU1NDIgMy43NDQ1OCA3LjY0NDc3IDQuMjM0NjMgNy44NDc3NkM0LjYwMjE4IDggNS4wNjgxMiA4IDYgOFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iaW50ZWdyYXRpb24taWNvbiI+DQogICAgPHBhdGggZD0iTTkgMTdIN0M0LjIzODU4IDE3IDIgMTQuNzYxNCAyIDEyQzIgOS4yMzg1OCA0LjIzODU4IDcgNyA3SDlNMTUgMTdIMTdDMTkuNzYxNCAxNyAyMiAxNC43NjE0IDIyIDEyQzIyIDkuMjM4NTggMTkuNzYxNCA3IDE3IDdIMTVNNyAxMkwxNyAxMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJleHRlcm5hbC1kYXNoYm9hcmQtaWNvbiI+DQogICAgPHBhdGggZD0iTTEyIDNIMTYuMkMxNy44ODAyIDMgMTguNzIwMiAzIDE5LjM2MiAzLjMyNjk4QzE5LjkyNjUgMy42MTQ2IDIwLjM4NTQgNC4wNzM1NCAyMC42NzMgNC42MzgwM0MyMSA1LjI3OTc2IDIxIDYuMTE5ODQgMjEgNy44VjE2LjJDMjEgMTcuODgwMiAyMSAxOC43MjAyIDIwLjY3MyAxOS4zNjJDMjAuMzg1NCAxOS45MjY1IDE5LjkyNjUgMjAuMzg1NCAxOS4zNjIgMjAuNjczQzE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yIDIxSDcuOEM2LjExOTg0IDIxIDUuMjc5NzYgMjEgNC42MzgwMyAyMC42NzNDNC4wNzM1NCAyMC4zODU0IDMuNjE0NiAxOS45MjY1IDMuMzI2OTggMTkuMzYyQzMgMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yVjEyTTggMTNWMTdNMTYgMTFWMTdNMTIgN1YxN001IDhWMk0yIDVIOCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjc3YtaWNvbiI+DQogICAgPHBhdGggZD0iTTIwIDEyLjVWNi44QzIwIDUuMTE5ODQgMjAgNC4yNzk3NiAxOS42NzMgMy42MzgwM0MxOS4zODU0IDMuMDczNTQgMTguOTI2NSAyLjYxNDYgMTguMzYyIDIuMzI2OThDMTcuNzIwMiAyIDE2Ljg4MDIgMiAxNS4yIDJIOC44QzcuMTE5ODQgMiA2LjI3OTc2IDIgNS42MzgwMyAyLjMyNjk4QzUuMDczNTQgMi42MTQ2IDQuNjE0NiAzLjA3MzU0IDQuMzI2OTggMy42MzgwM0M0IDQuMjc5NzYgNCA1LjExOTg0IDQgNi44VjE3LjJDNCAxOC44ODAyIDQgMTkuNzIwMiA0LjMyNjk4IDIwLjM2MkM0LjYxNDYgMjAuOTI2NSA1LjA3MzU0IDIxLjM4NTQgNS42MzgwMyAyMS42NzNDNi4yNzk3NiAyMiA3LjExOTggMjIgOC43OTk4NiAyMkgxMi41TTE0IDExSDhNMTAgMTVIOE0xNiA3SDhNMTUgMTlMMTggMjJNMTggMjJMMjEgMTlNMTggMjJWMTYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iaWZyYW1lLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0yMiA5SDJNMTQgMTcuNUwxNi41IDE1TDE0IDEyLjVNMTAgMTIuNUw3LjUgMTVMMTAgMTcuNU0yIDcuOEwyIDE2LjJDMiAxNy44ODAyIDIgMTguNzIwMiAyLjMyNjk4IDE5LjM2MkMyLjYxNDYgMTkuOTI2NSAzLjA3MzU0IDIwLjM4NTQgMy42MzgwMyAyMC42NzNDNC4yNzk3NiAyMSA1LjExOTg0IDIxIDYuOCAyMUgxNy4yQzE4Ljg4MDIgMjEgMTkuNzIwMiAyMSAyMC4zNjIgMjAuNjczQzIwLjkyNjUgMjAuMzg1NCAyMS4zODU0IDE5LjkyNjUgMjEuNjczIDE5LjM2MkMyMiAxOC43MjAyIDIyIDE3Ljg4MDIgMjIgMTYuMlY3LjhDMjIgNi4xMTk4NCAyMiA1LjI3OTc3IDIxLjY3MyA0LjYzODAzQzIxLjM4NTQgNC4wNzM1NCAyMC45MjY1IDMuNjE0NiAyMC4zNjIgMy4zMjY5OEMxOS43MjAyIDMgMTguODgwMiAzIDE3LjIgM0w2LjggM0M1LjExOTg0IDMgNC4yNzk3NiAzIDMuNjM4MDMgMy4zMjY5OEMzLjA3MzU0IDMuNjE0NiAyLjYxNDYgNC4wNzM1NCAyLjMyNjk4IDQuNjM4MDNDMiA1LjI3OTc2IDIgNi4xMTk4NCAyIDcuOFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iZGFzaGJvYXJkLWljb24iPg0KICAgIDxwYXRoIGQ9Ik04IDEzVjE3TTE2IDExVjE3TTEyIDdWMTdNNy44IDIxSDE2LjJDMTcuODgwMiAyMSAxOC43MjAyIDIxIDE5LjM2MiAyMC42NzNDMTkuOTI2NSAyMC4zODU0IDIwLjM4NTQgMTkuOTI2NSAyMC42NzMgMTkuMzYyQzIxIDE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yVjcuOEMyMSA2LjExOTg0IDIxIDUuMjc5NzYgMjAuNjczIDQuNjM4MDNDMjAuMzg1NCA0LjA3MzU0IDE5LjkyNjUgMy42MTQ2IDE5LjM2MiAzLjMyNjk4QzE4LjcyMDIgMyAxNy44ODAyIDMgMTYuMiAzSDcuOEM2LjExOTg0IDMgNS4yNzk3NiAzIDQuNjM4MDMgMy4zMjY5OEM0LjA3MzU0IDMuNjE0NiAzLjYxNDYgNC4wNzM1NCAzLjMyNjk4IDQuNjM4MDNDMyA1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9ImRhdGEtZXhwbG9yYXRpb24taWNvbiI+DQogICAgPHBhdGggZD0iTTIzLjQxMDEgNi44NzU0OUg1LjU5OTk5QzQuNTg5MDUgNi44NzU0OSAzLjc2OTUzIDcuNjk1MDEgMy43Njk1MyA4LjcwNTk0VjIwLjc5NjFDMy43Njk1MyAyMS44MDcgNC41ODkwNSAyMi42MjY2IDUuNTk5OTkgMjIuNjI2NkgyMy40MTAxQzI0LjQyMSAyMi42MjY2IDI1LjI0MDUgMjEuODA3IDI1LjI0MDUgMjAuNzk2MVY4LjcwNTk0QzI1LjI0MDUgNy42OTUwMSAyNC40MjEgNi44NzU0OSAyMy40MTAxIDYuODc1NDlaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xNC41IDQuNDcwN1Y2LjgzNjE3IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xNC40OTkgNC40MTk5QzE1LjQ0MzQgNC40MTk5IDE2LjIwOSAzLjY1NDMzIDE2LjIwOSAyLjcwOTk1QzE2LjIwOSAxLjc2NTU3IDE1LjQ0MzQgMSAxNC40OTkgMUMxMy41NTQ2IDEgMTIuNzg5MSAxLjc2NTU3IDEyLjc4OTEgMi43MDk5NUMxMi43ODkxIDMuNjU0MzMgMTMuNTU0NiA0LjQxOTkgMTQuNDk5IDQuNDE5OVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTI1LjI0NjEgMTEuMzc3OUgyNy4wNjgyQzI3LjU4NDUgMTEuMzc3OSAyOC4wMDMyIDExLjc5NjYgMjguMDAzMiAxMi4zMTI5VjE3LjE4OTNDMjguMDAzMiAxNy43MDU2IDI3LjU4NDUgMTguMTI0MiAyNy4wNjgyIDE4LjEyNDJIMjUuMjUyMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMy43NTcxMSAxOC4xMjQySDEuOTM0OTdDMS40MTg2NiAxOC4xMjQyIDEgMTcuNzA1NiAxIDE3LjE4OTNWMTIuMzEyOUMxIDExLjc5NjYgMS40MTg2NiAxMS4zNzc5IDEuOTM0OTcgMTEuMzc3OUgzLjc1NzExIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik05LjM2MzI4IDEzLjg1NzJDOS4zNjMyOCAxMi45NDYxIDEwLjEwMTkgMTIuMjA4NSAxMS4wMTE5IDEyLjIwODVDMTEuOTIyIDEyLjIwODUgMTIuNjYwNiAxMi45NDcxIDEyLjY2MDYgMTMuODU3MkMxMi42NjA2IDEzLjkwMzkgMTIuNjU4NSAxMy45NDk2IDEyLjY1NDQgMTMuOTk1MyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMTYuNTc4MSAxMy44NTcyQzE2LjU3ODEgMTIuOTQ2MSAxNy4zMTY3IDEyLjIwODUgMTguMjI2OCAxMi4yMDg1QzE5LjEzNjggMTIuMjA4NSAxOS44NzU0IDEyLjk0NzEgMTkuODc1NCAxMy44NTcyQzE5Ljg3NTQgMTMuOTAzOSAxOS44NzM0IDEzLjk0OTYgMTkuODY5MiAxMy45OTUzIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xOC4wMzA3IDE4LjQwMzhDMTcuMzg0NiAxOC44OTEgMTYuMDI3OCAxOS4yMjU1IDE0LjQ2MDIgMTkuMjI1NUMxMy4wNTc4IDE5LjIyNTUgMTEuODI0NiAxOC45NTc1IDExLjExNzIgMTguNTUyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0icGx1cy1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgOFYxNk04IDEySDE2TTcuOCAyMUgxNi4yQzE3Ljg4MDIgMjEgMTguNzIwMiAyMSAxOS4zNjIgMjAuNjczQzE5LjkyNjUgMjAuMzg1NCAyMC4zODU0IDE5LjkyNjUgMjAuNjczIDE5LjM2MkMyMSAxOC43MjAyIDIxIDE3Ljg4MDIgMjEgMTYuMlY3LjhDMjEgNi4xMTk4NCAyMSA1LjI3OTc2IDIwLjY3MyA0LjYzODAzQzIwLjM4NTQgNC4wNzM1NCAxOS45MjY1IDMuNjE0NiAxOS4zNjIgMy4zMjY5OEMxOC43MjAyIDMgMTcuODgwMiAzIDE2LjIgM0g3LjhDNi4xMTk4NCAzIDUuMjc5NzYgMyA0LjYzODAzIDMuMzI2OThDNC4wNzM1NCAzLjYxNDYgMy42MTQ2IDQuMDczNTQgMy4zMjY5OCA0LjYzODAzQzMgNS4yNzk3NiAzIDYuMTE5ODQgMyA3LjhWMTYuMkMzIDE3Ljg4MDIgMyAxOC43MjAyIDMuMzI2OTggMTkuMzYyQzMuNjE0NiAxOS45MjY1IDQuMDczNTQgMjAuMzg1NCA0LjYzODAzIDIwLjY3M0M1LjI3OTc2IDIxIDYuMTE5ODQgMjEgNy44IDIxWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgaWQ9InNxYXVyZS1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHBhdGggZD0ibTcuOCwyMWg4LjRjMS42OCwwLDIuNTIsMCwzLjE2LS4zMy41Ni0uMjksMS4wMi0uNzUsMS4zMS0xLjMxLjMzLS42NC4zMy0xLjQ4LjMzLTMuMTZWNy44YzAtMS42OCwwLTIuNTItLjMzLTMuMTYtLjI5LS41Ni0uNzUtMS4wMi0xLjMxLTEuMzEtLjY0LS4zMy0xLjQ4LS4zMy0zLjE2LS4zM0g3LjhjLTEuNjgsMC0yLjUyLDAtMy4xNi4zMy0uNTYuMjktMS4wMi43NS0xLjMxLDEuMzEtLjMzLjY0LS4zMywxLjQ4LS4zMywzLjE2djguNGMwLDEuNjgsMCwyLjUyLjMzLDMuMTYuMjkuNTYuNzUsMS4wMiwxLjMxLDEuMzEuNjQuMzMsMS40OC4zMywzLjE2LjMzWiI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9ImNsb25lLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMC41IDIuMDAyOEM5LjgyNDk1IDIuMDExOTQgOS40MTk3IDIuMDUxMDMgOS4wOTIwMiAyLjIxNzk5QzguNzE1NjkgMi40MDk3MyA4LjQwOTczIDIuNzE1NjkgOC4yMTc5OSAzLjA5MjAyQzguMDUxMDMgMy40MTk3IDguMDExOTQgMy44MjQ5NSA4LjAwMjggNC41TTE5LjUgMi4wMDI4QzIwLjE3NTEgMi4wMTE5NCAyMC41ODAzIDIuMDUxMDMgMjAuOTA4IDIuMjE3OTlDMjEuMjg0MyAyLjQwOTczIDIxLjU5MDMgMi43MTU2OSAyMS43ODIgMy4wOTIwMkMyMS45NDkgMy40MTk3IDIxLjk4ODEgMy44MjQ5NCAyMS45OTcyIDQuNDk5OTlNMjEuOTk3MiAxMy41QzIxLjk4ODEgMTQuMTc1IDIxLjk0OSAxNC41ODAzIDIxLjc4MiAxNC45MDhDMjEuNTkwMyAxNS4yODQzIDIxLjI4NDMgMTUuNTkwMyAyMC45MDggMTUuNzgyQzIwLjU4MDMgMTUuOTQ5IDIwLjE3NTEgMTUuOTg4MSAxOS41IDE1Ljk5NzJNMjIgNy45OTk5OVY5Ljk5OTk5TTE0LjAwMDEgMkgxNk01LjIgMjJIMTIuOEMxMy45MjAxIDIyIDE0LjQ4MDIgMjIgMTQuOTA4IDIxLjc4MkMxNS4yODQzIDIxLjU5MDMgMTUuNTkwMyAyMS4yODQzIDE1Ljc4MiAyMC45MDhDMTYgMjAuNDgwMiAxNiAxOS45MjAxIDE2IDE4LjhWMTEuMkMxNiAxMC4wNzk5IDE2IDkuNTE5ODQgMTUuNzgyIDkuMDkyMDJDMTUuNTkwMyA4LjcxNTY5IDE1LjI4NDMgOC40MDk3MyAxNC45MDggOC4yMTc5OUMxNC40ODAyIDggMTMuOTIwMSA4IDEyLjggOEg1LjJDNC4wNzk5IDggMy41MTk4NCA4IDMuMDkyMDIgOC4yMTc5OUMyLjcxNTY5IDguNDA5NzMgMi40MDk3MyA4LjcxNTY5IDIuMjE3OTkgOS4wOTIwMkMyIDkuNTE5ODQgMiAxMC4wNzk5IDIgMTEuMlYxOC44QzIgMTkuOTIwMSAyIDIwLjQ4MDIgMi4yMTc5OSAyMC45MDhDMi40MDk3MyAyMS4yODQzIDIuNzE1NjkgMjEuNTkwMyAzLjA5MjAyIDIxLjc4MkMzLjUxOTg0IDIyIDQuMDc5ODkgMjIgNS4yIDIyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjbG9zZS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTggNkw2IDE4TTYgNkwxOCAxOCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkb3VibGUtYXJyb3ctbGVmdC1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTggMTdMMTMgMTJMMTggN00xMSAxN0w2IDEyTDExIDciIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iZG91YmxlLWFycm93LXJpZ2h0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik02IDE3TDExIDEyTDYgN00xMyAxN0wxOCAxMkwxMyA3IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9Im1ldHJpYy1zdG9yZS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTQgMTFIOE0xMCAxNUg4TTE2IDdIOE0yMCAxMC41VjYuOEMyMCA1LjExOTg0IDIwIDQuMjc5NzYgMTkuNjczIDMuNjM4MDNDMTkuMzg1NCAzLjA3MzU0IDE4LjkyNjUgMi42MTQ2IDE4LjM2MiAyLjMyNjk4QzE3LjcyMDIgMiAxNi44ODAyIDIgMTUuMiAySDguOEM3LjExOTg0IDIgNi4yNzk3NiAyIDUuNjM4MDMgMi4zMjY5OEM1LjA3MzU0IDIuNjE0NiA0LjYxNDYgMy4wNzM1NCA0LjMyNjk4IDMuNjM4MDNDNCA0LjI3OTc2IDQgNS4xMTk4NCA0IDYuOFYxNy4yQzQgMTguODgwMiA0IDE5LjcyMDIgNC4zMjY5OCAyMC4zNjJDNC42MTQ2IDIwLjkyNjUgNS4wNzM1NCAyMS4zODU0IDUuNjM4MDMgMjEuNjczQzYuMjc5NzYgMjIgNy4xMTk4NCAyMiA4LjggMjJIMTEuNU0yMiAyMkwyMC41IDIwLjVNMjEuNSAxOEMyMS41IDE5LjkzMyAxOS45MzMgMjEuNSAxOCAyMS41QzE2LjA2NyAyMS41IDE0LjUgMTkuOTMzIDE0LjUgMThDMTQuNSAxNi4wNjcgMTYuMDY3IDE0LjUgMTggMTQuNUMxOS45MzMgMTQuNSAyMS41IDE2LjA2NyAyMS41IDE4WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJyZXNldC1pY29uIj4NCiAgICA8cGF0aCBkPSJNMiAxMEMyIDEwIDIuMTIxMzIgOS4xNTA3NiA1LjYzNjA0IDUuNjM2MDRDOS4xNTA3NiAyLjEyMTMyIDE0Ljg0OTIgMi4xMjEzMiAxOC4zNjQgNS42MzYwNEMxOS42MDkyIDYuODgxMzEgMjAuNDEzMyA4LjQwMDcyIDIwLjc3NjIgMTBNMiAxMFY0TTIgMTBIOE0yMiAxNEMyMiAxNCAyMS44Nzg3IDE0Ljg0OTIgMTguMzY0IDE4LjM2NEMxNC44NDkyIDIxLjg3ODcgOS4xNTA3NiAyMS44Nzg3IDUuNjM2MDQgMTguMzY0QzQuMzkwNzYgMTcuMTE4NyAzLjU4NjY5IDE1LjU5OTMgMy4yMjM4MyAxNE0yMiAxNFYyME0yMiAxNEgxNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgaWQ9InRhYmxlLXRhYi1pY29uIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZD0iTTE3IDFIM0MxLjg5NTQzIDEgMSAxLjg5NTQzIDEgM1YxN0MxIDE4LjEwNDYgMS44OTU0MyAxOSAzIDE5SDE3QzE4LjEwNDYgMTkgMTkgMTguMTA0NiAxOSAxN1YzQzE5IDEuODk1NDMgMTguMTA0NiAxIDE3IDFaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xIDdIMTkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTQgMTBINiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNNCAxM0g2IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik00IDE2SDYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTkgMTBIMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTkgMTNIMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTkgMTZIMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTE0IDEwSDE2IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xNCAxM0gxNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMTQgMTZIMTYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0icGxheS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMjJDMTcuNTIyOCAyMiAyMiAxNy41MjI4IDIyIDEyQzIyIDYuNDc3MTUgMTcuNTIyOCAyIDEyIDJDNi40NzcxNSAyIDIgNi40NzcxNSAyIDEyQzIgMTcuNTIyOCA2LjQ3NzE1IDIyIDEyIDIyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNOS41IDguOTY1MzNDOS41IDguNDg4MDUgOS41IDguMjQ5NDEgOS41OTk3NCA4LjExNjE4QzkuNjg2NjYgOC4wMDAwNyA5LjgxOTcxIDcuOTI3NDQgOS45NjQzOCA3LjkxNzFDMTAuMTMwNCA3LjkwNTI1IDEwLjMzMTEgOC4wMzQyOSAxMC43MzI2IDguMjkyMzlMMTUuNDUzMiAxMS4zMjcxQzE1LjgwMTYgMTEuNTUxIDE1Ljk3NTggMTEuNjYzIDE2LjAzNTkgMTEuODA1NEMxNi4wODg1IDExLjkyOTggMTYuMDg4NSAxMi4wNzAyIDE2LjAzNTkgMTIuMTk0NkMxNS45NzU4IDEyLjMzNyAxNS44MDE2IDEyLjQ0OSAxNS40NTMyIDEyLjY3MjlMMTAuNzMyNiAxNS43MDc2QzEwLjMzMTEgMTUuOTY1NyAxMC4xMzA0IDE2LjA5NDggOS45NjQzOCAxNi4wODI5QzkuODE5NzEgMTYuMDcyNiA5LjY4NjY2IDE1Ljk5OTkgOS41OTk3NCAxNS44ODM4QzkuNSAxNS43NTA2IDkuNSAxNS41MTIgOS41IDE1LjAzNDdWOC45NjUzM1oiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idGljay1pY29uIj4NCiAgICA8cGF0aCBkPSJNMjAgNkw5IDE3TDQgMTIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idGV4dC1pY29uIj4NCiAgICA8cGF0aCBkPSJNNCA3QzQgNi4wNjgxMiA0IDUuNjAyMTggNC4xNTIyNCA1LjIzNDYzQzQuMzU1MjMgNC43NDQ1OCA0Ljc0NDU4IDQuMzU1MjMgNS4yMzQ2MyA0LjE1MjI0QzUuNjAyMTggNCA2LjA2ODEyIDQgNyA0SDE3QzE3LjkzMTkgNCAxOC4zOTc4IDQgMTguNzY1NCA0LjE1MjI0QzE5LjI1NTQgNC4zNTUyMyAxOS42NDQ4IDQuNzQ0NTggMTkuODQ3OCA1LjIzNDYzQzIwIDUuNjAyMTggMjAgNi4wNjgxMiAyMCA3TTkgMjBIMTVNMTIgNFYyMCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJ0aW1lLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMiA2VjEyTDE2IDE0TTIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyQzIgNi40NzcxNSA2LjQ3NzE1IDIgMTIgMkMxNy41MjI4IDIgMjIgNi40NzcxNSAyMiAxMloiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idW5rbm93bi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTAgOC4wMDIyNEMxMC4xNzYyIDcuNTAxMzYgMTAuNTI0IDcuMDc5MDEgMTAuOTgxNyA2LjgwOTk4QzExLjQzOTUgNi41NDA5NSAxMS45Nzc3IDYuNDQyNiAxMi41MDEgNi41MzIzN0MxMy4wMjQzIDYuNjIyMTMgMTMuNDk5IDYuODk0MjEgMTMuODQwOSA3LjMwMDQxQzE0LjE4MjkgNy43MDY2MSAxNC4zNyA4LjIyMDcyIDE0LjM2OTIgOC43NTE2OEMxNC4zNjkyIDEwLjI1MDYgMTIuMTIwOSAxMSAxMi4xMjA5IDExTTEyLjE0OTkgMTRIMTIuMTU5OU03IDE4VjIwLjMzNTVDNyAyMC44Njg0IDcgMjEuMTM0OCA3LjEwOTIzIDIxLjI3MTZDNy4yMDQyMiAyMS4zOTA2IDcuMzQ4MjcgMjEuNDU5OSA3LjUwMDU0IDIxLjQ1OTdDNy42NzU2MyAyMS40NTk1IDcuODgzNjcgMjEuMjkzMSA4LjI5OTc2IDIwLjk2MDJMMTAuNjg1MiAxOS4wNTE4QzExLjE3MjUgMTguNjYyIDExLjQxNjIgMTguNDY3MSAxMS42ODc1IDE4LjMyODVDMTEuOTI4MiAxOC4yMDU1IDEyLjE4NDQgMTguMTE1NiAxMi40NDkyIDE4LjA2MTNDMTIuNzQ3NyAxOCAxMy4wNTk3IDE4IDEzLjY4MzcgMThIMTYuMkMxNy44ODAyIDE4IDE4LjcyMDIgMTggMTkuMzYyIDE3LjY3M0MxOS45MjY1IDE3LjM4NTQgMjAuMzg1NCAxNi45MjY1IDIwLjY3MyAxNi4zNjJDMjEgMTUuNzIwMiAyMSAxNC44ODAyIDIxIDEzLjJWNy44QzIxIDYuMTE5ODQgMjEgNS4yNzk3NiAyMC42NzMgNC42MzgwM0MyMC4zODU0IDQuMDczNTQgMTkuOTI2NSAzLjYxNDYgMTkuMzYyIDMuMzI2OThDMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yIDNINy44QzYuMTE5ODQgMyA1LjI3OTc2IDMgNC42MzgwMyAzLjMyNjk4QzQuMDczNTQgMy42MTQ2IDMuNjE0NiA0LjA3MzU0IDMuMzI2OTggNC42MzgwM0MzIDUuMjc5NzYgMyA2LjExOTg0IDMgNy44VjE0QzMgMTQuOTMgMyAxNS4zOTUgMy4xMDIyMiAxNS43NzY1QzMuMzc5NjIgMTYuODExNyA0LjE4ODI3IDE3LjYyMDQgNS4yMjM1NCAxNy44OTc4QzUuNjA1MDQgMTggNi4wNzAwMyAxOCA3IDE4WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJhcnJheS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgNkMxMi41NTIzIDYgMTMgNS41NTIyOCAxMyA1QzEzIDQuNDQ3NzIgMTIuNTUyMyA0IDEyIDRDMTEuNDQ3NyA0IDExIDQuNDQ3NzIgMTEgNUMxMSA1LjU1MjI4IDExLjQ0NzcgNiAxMiA2WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTIgMTNDMTIuNTUyMyAxMyAxMyAxMi41NTIzIDEzIDEyQzEzIDExLjQ0NzcgMTIuNTUyMyAxMSAxMiAxMUMxMS40NDc3IDExIDExIDExLjQ0NzcgMTEgMTJDMTEgMTIuNTUyMyAxMS40NDc3IDEzIDEyIDEzWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTIgMjBDMTIuNTUyMyAyMCAxMyAxOS41NTIzIDEzIDE5QzEzIDE4LjQ0NzcgMTIuNTUyMyAxOCAxMiAxOEMxMS40NDc3IDE4IDExIDE4LjQ0NzcgMTEgMTlDMTEgMTkuNTUyMyAxMS40NDc3IDIwIDEyIDIwWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkgNkMxOS41NTIzIDYgMjAgNS41NTIyOCAyMCA1QzIwIDQuNDQ3NzIgMTkuNTUyMyA0IDE5IDRDMTguNDQ3NyA0IDE4IDQuNDQ3NzIgMTggNUMxOCA1LjU1MjI4IDE4LjQ0NzcgNiAxOSA2WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkgMTNDMTkuNTUyMyAxMyAyMCAxMi41NTIzIDIwIDEyQzIwIDExLjQ0NzcgMTkuNTUyMyAxMSAxOSAxMUMxOC40NDc3IDExIDE4IDExLjQ0NzcgMTggMTJDMTggMTIuNTUyMyAxOC40NDc3IDEzIDE5IDEzWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkgMjBDMTkuNTUyMyAyMCAyMCAxOS41NTIzIDIwIDE5QzIwIDE4LjQ0NzcgMTkuNTUyMyAxOCAxOSAxOEMxOC40NDc3IDE4IDE4IDE4LjQ0NzcgMTggMTlDMTggMTkuNTUyMyAxOC40NDc3IDIwIDE5IDIwWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNSA2QzUuNTUyMjggNiA2IDUuNTUyMjggNiA1QzYgNC40NDc3MiA1LjU1MjI4IDQgNSA0QzQuNDQ3NzIgNCA0IDQuNDQ3NzIgNCA1QzQgNS41NTIyOCA0LjQ0NzcyIDYgNSA2WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNSAxM0M1LjU1MjI4IDEzIDYgMTIuNTUyMyA2IDEyQzYgMTEuNDQ3NyA1LjU1MjI4IDExIDUgMTFDNC40NDc3MiAxMSA0IDExLjQ0NzcgNCAxMkM0IDEyLjU1MjMgNC40NDc3MiAxMyA1IDEzWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNSAyMEM1LjU1MjI4IDIwIDYgMTkuNTUyMyA2IDE5QzYgMTguNDQ3NyA1LjU1MjI4IDE4IDUgMThDNC40NDc3MiAxOCA0IDE4LjQ0NzcgNCAxOUM0IDE5LjU1MjMgNC40NDc3MiAyMCA1IDIwWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkYXRlLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0yMSAxMEgzTTE2IDJWNk04IDJWNk03LjggMjJIMTYuMkMxNy44ODAyIDIyIDE4LjcyMDIgMjIgMTkuMzYyIDIxLjY3M0MxOS45MjY1IDIxLjM4NTQgMjAuMzg1NCAyMC45MjY1IDIwLjY3MyAyMC4zNjJDMjEgMTkuNzIwMiAyMSAxOC44ODAyIDIxIDE3LjJWOC44QzIxIDcuMTE5ODQgMjEgNi4yNzk3NiAyMC42NzMgNS42MzgwM0MyMC4zODU0IDUuMDczNTQgMTkuOTI2NSA0LjYxNDYgMTkuMzYyIDQuMzI2OThDMTguNzIwMiA0IDE3Ljg4MDIgNCAxNi4yIDRINy44QzYuMTE5ODQgNCA1LjI3OTc2IDQgNC42MzgwMyA0LjMyNjk4QzQuMDczNTQgNC42MTQ2IDMuNjE0NiA1LjA3MzU0IDMuMzI2OTggNS42MzgwM0MzIDYuMjc5NzYgMyA3LjExOTg0IDMgOC44VjE3LjJDMyAxOC44ODAyIDMgMTkuNzIwMiAzLjMyNjk4IDIwLjM2MkMzLjYxNDYgMjAuOTI2NSA0LjA3MzU0IDIxLjM4NTQgNC42MzgwMyAyMS42NzNDNS4yNzk3NiAyMiA2LjExOTg0IDIyIDcuOCAyMloiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iYm9vbGVhbi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTUuMDUwNSA5SDUuNUM0LjExOTI5IDkgMyA3Ljg4MDcxIDMgNi41QzMgNS4xMTkyOSA0LjExOTI5IDQgNS41IDRIMTUuMDUwNU04Ljk0OTQ5IDIwSDE4LjVDMTkuODgwNyAyMCAyMSAxOC44ODA3IDIxIDE3LjVDMjEgMTYuMTE5MyAxOS44ODA3IDE1IDE4LjUgMTVIOC45NDk0OU0zIDE3LjVDMyAxOS40MzMgNC41NjcgMjEgNi41IDIxQzguNDMzIDIxIDEwIDE5LjQzMyAxMCAxNy41QzEwIDE1LjU2NyA4LjQzMyAxNCA2LjUgMTRDNC41NjcgMTQgMyAxNS41NjcgMyAxNy41Wk0yMSA2LjVDMjEgOC40MzMgMTkuNDMzIDEwIDE3LjUgMTBDMTUuNTY3IDEwIDE0IDguNDMzIDE0IDYuNUMxNCA0LjU2NyAxNS41NjcgMyAxNy41IDNDMTkuNDMzIDMgMjEgNC41NjcgMjEgNi41WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJpZC1pY29uIj4NCiAgICA8cGF0aCBkPSJNOS40OTk5OSAzTDYuNDk5OTkgMjFNMTcuNSAzTDE0LjUgMjFNMjAuNSA4SDMuNU0xOS41IDE2SDIuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJudW1iZXItaWNvbiI+DQogICAgPHBhdGggZD0iTTE5LjkwNjEgMjFDMjEuMjQ2NCAxOC4yODg4IDIyIDE1LjIzMjkgMjIgMTJDMjIgOC43NjcxMSAyMS4yNDY0IDUuNzExMTYgMTkuOTA2MSAzTTQuMDkzOTMgM0MyLjc1MzYzIDUuNzExMTYgMiA4Ljc2NzExIDIgMTJDMiAxNS4yMzI5IDIuNzUzNjMgMTguMjg4OCA0LjA5MzkzIDIxTTE2LjU0ODYgOC42MjVIMTYuNDU5QzE1LjgwNTYgOC42MjUgMTUuMTg0OCA4LjkxMjAyIDE0Ljc1OTYgOS40MTA3Mkw5LjM4NDcxIDE1LjcxNDNDOC45NTk0OCAxNi4yMTMgOC4zMzg3MSAxNi41IDcuNjg1MyAxNi41SDcuNTk1NjNNOC43MTQ4MyA4LjYyNUgxMC4xMDg5QzEwLjYwODYgOC42MjUgMTEuMDQ3NyA4Ljk1Nzk3IDExLjE4NSA5LjQ0MDk0TDEyLjk1OTQgMTUuNjg0MUMxMy4wOTY3IDE2LjE2NyAxMy41MzU4IDE2LjUgMTQuMDM1NSAxNi41SDE1LjQyOTYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0ib2JqZWN0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xNyAxN0wyMiAxMkwxNyA3TTcgN0wyIDEyTDcgMTdNMTQgM0wxMCAyMSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkZWxldGUtaWNvbiI+DQogICAgPHBhdGggZD0iTTI0IDB2MjRIMFYwaDI0Wk0xMi41OTMgMjMuMjU4bC0uMDExLjAwMmwtLjA3MS4wMzVsLS4wMi4wMDRsLS4wMTQtLjAwNGwtLjA3MS0uMDM1Yy0uMDEtLjAwNC0uMDE5LS4wMDEtLjAyNC4wMDVsLS4wMDQuMDFsLS4wMTcuNDI4bC4wMDUuMDJsLjAxLjAxM2wuMTA0LjA3NGwuMDE1LjAwNGwuMDEyLS4wMDRsLjEwNC0uMDc0bC4wMTItLjAxNmwuMDA0LS4wMTdsLS4wMTctLjQyN2MtLjAwMi0uMDEtLjAwOS0uMDE3LS4wMTctLjAxOFptLjI2NS0uMTEzbC0uMDEzLjAwMmwtLjE4NS4wOTNsLS4wMS4wMWwtLjAwMy4wMTFsLjAxOC40M2wuMDA1LjAxMmwuMDA4LjAwN2wuMjAxLjA5M2MuMDEyLjAwNC4wMjMgMCAuMDI5LS4wMDhsLjAwNC0uMDE0bC0uMDM0LS42MTRjLS4wMDMtLjAxMi0uMDEtLjAyLS4wMi0uMDIyWm0tLjcxNS4wMDJhLjAyMy4wMjMgMCAwIDAtLjAyNy4wMDZsLS4wMDYuMDE0bC0uMDM0LjYxNGMwIC4wMTIuMDA3LjAyLjAxNy4wMjRsLjAxNS0uMDAybC4yMDEtLjA5M2wuMDEtLjAwOGwuMDA0LS4wMTFsLjAxNy0uNDNsLS4wMDMtLjAxMmwtLjAxLS4wMWwtLjE4NC0uMDkyWiIvPg0KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE0LjI4IDJhMiAyIDAgMCAxIDEuODk3IDEuMzY4TDE2LjcyIDVIMjBhMSAxIDAgMSAxIDAgMmwtLjAwMy4wNzFsLS44NjcgMTIuMTQzQTMgMyAwIDAgMSAxNi4xMzggMjJINy44NjJhMyAzIDAgMCAxLTIuOTkyLTIuNzg2TDQuMDAzIDcuMDdBMS4wMSAxLjAxIDAgMCAxIDQgN2ExIDEgMCAwIDEgMC0yaDMuMjhsLjU0My0xLjYzMkEyIDIgMCAwIDEgOS43MjEgMmg0LjU1OFptMy43MTcgNUg2LjAwM2wuODYyIDEyLjA3MWExIDEgMCAwIDAgLjk5Ny45MjloOC4yNzZhMSAxIDAgMCAwIC45OTctLjkyOUwxNy45OTcgN1pNMTAgMTBhMSAxIDAgMCAxIC45OTMuODgzTDExIDExdjVhMSAxIDAgMCAxLTEuOTkzLjExN0w5IDE2di01YTEgMSAwIDAgMSAxLTFabTQgMGExIDEgMCAwIDEgMSAxdjVhMSAxIDAgMSAxLTIgMHYtNWExIDEgMCAwIDEgMS0xWm0uMjgtNkg5LjcybC0uMzMzIDFoNS4yMjZsLS4zMzQtMVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KPC9zdmc+";
|
|
6229
6280
|
const icons = "_icons_1u812_1";
|
|
6230
|
-
var styles$
|
|
6281
|
+
var styles$G = {
|
|
6231
6282
|
icons
|
|
6232
6283
|
};
|
|
6233
6284
|
const Icons = ({
|
|
@@ -6235,7 +6286,7 @@ const Icons = ({
|
|
|
6235
6286
|
className
|
|
6236
6287
|
}) => {
|
|
6237
6288
|
return /* @__PURE__ */ jsx("svg", {
|
|
6238
|
-
className: className != null ? className : styles$
|
|
6289
|
+
className: className != null ? className : styles$G.icons,
|
|
6239
6290
|
children: /* @__PURE__ */ jsx("use", {
|
|
6240
6291
|
href: `${icons$1}#${name}`
|
|
6241
6292
|
})
|
|
@@ -6280,7 +6331,7 @@ const DataType = ({
|
|
|
6280
6331
|
});
|
|
6281
6332
|
};
|
|
6282
6333
|
const error$4 = "_error_1csa7_1";
|
|
6283
|
-
var styles$
|
|
6334
|
+
var styles$F = {
|
|
6284
6335
|
error: error$4
|
|
6285
6336
|
};
|
|
6286
6337
|
const Error$1 = ({
|
|
@@ -6289,13 +6340,13 @@ const Error$1 = ({
|
|
|
6289
6340
|
return /* @__PURE__ */ jsx(Text, {
|
|
6290
6341
|
variant: "p",
|
|
6291
6342
|
styleClass: "custom",
|
|
6292
|
-
className: styles$
|
|
6343
|
+
className: styles$F.error,
|
|
6293
6344
|
children: message
|
|
6294
6345
|
});
|
|
6295
6346
|
};
|
|
6296
6347
|
const container$f = "_container_7vfcn_1";
|
|
6297
6348
|
const windowIcon = "_windowIcon_7vfcn_7";
|
|
6298
|
-
var styles$
|
|
6349
|
+
var styles$E = {
|
|
6299
6350
|
container: container$f,
|
|
6300
6351
|
windowIcon
|
|
6301
6352
|
};
|
|
@@ -6320,9 +6371,9 @@ const iconoirErrorWindow = (props) => /* @__PURE__ */ jsx("svg", {
|
|
|
6320
6371
|
const ErrorFallback = () => {
|
|
6321
6372
|
return /* @__PURE__ */ jsxs("div", {
|
|
6322
6373
|
role: "alert",
|
|
6323
|
-
className: styles$
|
|
6374
|
+
className: styles$E.container,
|
|
6324
6375
|
children: [/* @__PURE__ */ jsx(iconoirErrorWindow, {
|
|
6325
|
-
className: styles$
|
|
6376
|
+
className: styles$E.windowIcon
|
|
6326
6377
|
}), /* @__PURE__ */ jsx(Text, {
|
|
6327
6378
|
variant: "p",
|
|
6328
6379
|
styleClass: "font-20",
|
|
@@ -6343,7 +6394,7 @@ const fieldLabel = "_fieldLabel_qtwuf_19";
|
|
|
6343
6394
|
const save = "_save_qtwuf_25";
|
|
6344
6395
|
const cancel = "_cancel_qtwuf_31";
|
|
6345
6396
|
const error$3 = "_error_qtwuf_37";
|
|
6346
|
-
var styles$
|
|
6397
|
+
var styles$D = {
|
|
6347
6398
|
form: form$2,
|
|
6348
6399
|
container: container$e,
|
|
6349
6400
|
field,
|
|
@@ -6359,7 +6410,7 @@ const input$2 = "_input_l6nql_13";
|
|
|
6359
6410
|
const floatingInput = "_floatingInput_l6nql_31";
|
|
6360
6411
|
const checkboxField = "_checkboxField_l6nql_37";
|
|
6361
6412
|
const inputWrapper$1 = "_inputWrapper_l6nql_43";
|
|
6362
|
-
var styles$
|
|
6413
|
+
var styles$C = {
|
|
6363
6414
|
label: label$6,
|
|
6364
6415
|
floatingLabel: floatingLabel$1,
|
|
6365
6416
|
"inputField-container": "_inputField-container_l6nql_13",
|
|
@@ -6384,7 +6435,7 @@ const InputField = ({
|
|
|
6384
6435
|
...rest
|
|
6385
6436
|
}) => {
|
|
6386
6437
|
return ["checkbox", "radio"].includes(type3) ? /* @__PURE__ */ jsxs("div", {
|
|
6387
|
-
className: `${styles$
|
|
6438
|
+
className: `${styles$C.checkboxField} ${className != null ? className : ""}`,
|
|
6388
6439
|
children: [/* @__PURE__ */ jsx("input", {
|
|
6389
6440
|
...rest,
|
|
6390
6441
|
type: type3,
|
|
@@ -6394,22 +6445,22 @@ const InputField = ({
|
|
|
6394
6445
|
disabled: isDisabled
|
|
6395
6446
|
}), label2 ? /* @__PURE__ */ jsxs("label", {
|
|
6396
6447
|
htmlFor: id2,
|
|
6397
|
-
className: `${styles$
|
|
6448
|
+
className: `${styles$C.checkboxLabel} ${labelClass}`,
|
|
6398
6449
|
children: [icon2, " ", label2]
|
|
6399
6450
|
}) : null]
|
|
6400
6451
|
}) : /* @__PURE__ */ jsxs("div", {
|
|
6401
|
-
className: `${styles$
|
|
6452
|
+
className: `${styles$C["inputField-container"]} ${className != null ? className : ""}`,
|
|
6402
6453
|
children: [label2 ? /* @__PURE__ */ jsx("label", {
|
|
6403
6454
|
htmlFor: id2,
|
|
6404
|
-
className: `${styles$
|
|
6455
|
+
className: `${styles$C.label} ${labelVariant === "floating" ? styles$C.floatingLabel : ""} ${labelClass}`,
|
|
6405
6456
|
children: label2
|
|
6406
6457
|
}) : null, /* @__PURE__ */ jsxs("div", {
|
|
6407
|
-
className: styles$
|
|
6458
|
+
className: styles$C.inputWrapper,
|
|
6408
6459
|
children: [/* @__PURE__ */ jsx("input", {
|
|
6409
6460
|
...rest,
|
|
6410
6461
|
id: id2,
|
|
6411
6462
|
type: type3,
|
|
6412
|
-
className: `${styles$
|
|
6463
|
+
className: `${styles$C.input} ${labelVariant === "floating" ? styles$C.floatingInput : ""} ${inputClass}`,
|
|
6413
6464
|
...register2,
|
|
6414
6465
|
disabled: isDisabled
|
|
6415
6466
|
}), icon2]
|
|
@@ -6421,7 +6472,7 @@ const InputField = ({
|
|
|
6421
6472
|
const label$5 = "_label_1h21t_1";
|
|
6422
6473
|
const textarea = "_textarea_1h21t_9";
|
|
6423
6474
|
const resizable = "_resizable_1h21t_17";
|
|
6424
|
-
var styles$
|
|
6475
|
+
var styles$B = {
|
|
6425
6476
|
label: label$5,
|
|
6426
6477
|
textarea,
|
|
6427
6478
|
resizable
|
|
@@ -6445,7 +6496,7 @@ const TextAreaField = ({
|
|
|
6445
6496
|
className,
|
|
6446
6497
|
children: [/* @__PURE__ */ jsx("label", {
|
|
6447
6498
|
htmlFor: id2,
|
|
6448
|
-
className: styles$
|
|
6499
|
+
className: styles$B.label,
|
|
6449
6500
|
children: label2
|
|
6450
6501
|
}), /* @__PURE__ */ jsx("textarea", {
|
|
6451
6502
|
id: id2,
|
|
@@ -6453,7 +6504,7 @@ const TextAreaField = ({
|
|
|
6453
6504
|
rows,
|
|
6454
6505
|
cols,
|
|
6455
6506
|
placeholder,
|
|
6456
|
-
className: classnames(styles$
|
|
6507
|
+
className: classnames(styles$B.textarea, `${resizable2 ? null : styles$B.resizable}`),
|
|
6457
6508
|
defaultValue: defaultValue2,
|
|
6458
6509
|
...register2,
|
|
6459
6510
|
value,
|
|
@@ -6472,7 +6523,7 @@ const notenabled = "_notenabled_13otg_59";
|
|
|
6472
6523
|
const label$4 = "_label_13otg_75";
|
|
6473
6524
|
const labelActive = "_labelActive_13otg_83";
|
|
6474
6525
|
const labelInactive = "_labelInactive_13otg_91";
|
|
6475
|
-
var styles$
|
|
6526
|
+
var styles$A = {
|
|
6476
6527
|
group: group$1,
|
|
6477
6528
|
button: button$6,
|
|
6478
6529
|
checkbox,
|
|
@@ -6494,7 +6545,7 @@ const ToggleButton = ({
|
|
|
6494
6545
|
name = `toggle-${Date.now()}`
|
|
6495
6546
|
}) => {
|
|
6496
6547
|
return /* @__PURE__ */ jsxs("div", {
|
|
6497
|
-
className: `${styles$
|
|
6548
|
+
className: `${styles$A.group} ${className}`,
|
|
6498
6549
|
children: [label2 ? /* @__PURE__ */ jsx(Text, {
|
|
6499
6550
|
styleClass: "font-14",
|
|
6500
6551
|
variant: "p",
|
|
@@ -6507,16 +6558,16 @@ const ToggleButton = ({
|
|
|
6507
6558
|
onChange: ({
|
|
6508
6559
|
target
|
|
6509
6560
|
}) => onChange == null ? void 0 : onChange(target.checked),
|
|
6510
|
-
className: styles$
|
|
6561
|
+
className: styles$A.checkbox
|
|
6511
6562
|
}), /* @__PURE__ */ jsxs("label", {
|
|
6512
6563
|
htmlFor: name,
|
|
6513
|
-
className: styles$
|
|
6564
|
+
className: styles$A.button,
|
|
6514
6565
|
children: [/* @__PURE__ */ jsx("span", {
|
|
6515
|
-
className: `${styles$
|
|
6566
|
+
className: `${styles$A.switch} ${enabled2 ? styles$A.enabled : styles$A.notenabled}`
|
|
6516
6567
|
}), placeholder ? /* @__PURE__ */ jsx("span", {
|
|
6517
6568
|
className: `
|
|
6518
|
-
${styles$
|
|
6519
|
-
${enabled2 ? styles$
|
|
6569
|
+
${styles$A.label}
|
|
6570
|
+
${enabled2 ? styles$A.labelActive : styles$A.labelInactive}
|
|
6520
6571
|
`,
|
|
6521
6572
|
children: placeholder
|
|
6522
6573
|
}) : null]
|
|
@@ -6529,7 +6580,7 @@ const header$4 = "_header_ul4ir_17";
|
|
|
6529
6580
|
const headerTitle = "_headerTitle_ul4ir_25";
|
|
6530
6581
|
const content = "_content_ul4ir_33";
|
|
6531
6582
|
const footer = "_footer_ul4ir_41";
|
|
6532
|
-
var styles$
|
|
6583
|
+
var styles$z = {
|
|
6533
6584
|
modal,
|
|
6534
6585
|
popup: popup$1,
|
|
6535
6586
|
header: header$4,
|
|
@@ -6555,18 +6606,18 @@ const Modal = ({
|
|
|
6555
6606
|
if (!isOpen)
|
|
6556
6607
|
return null;
|
|
6557
6608
|
return ReactDOM.createPortal(/* @__PURE__ */ jsx("div", {
|
|
6558
|
-
className: styles$
|
|
6609
|
+
className: styles$z.modal,
|
|
6559
6610
|
onClick: onClose,
|
|
6560
6611
|
children: /* @__PURE__ */ jsxs("div", {
|
|
6561
|
-
className: styles$
|
|
6612
|
+
className: styles$z.popup,
|
|
6562
6613
|
onClick: (e2) => {
|
|
6563
6614
|
e2.stopPropagation();
|
|
6564
6615
|
},
|
|
6565
6616
|
children: [/* @__PURE__ */ jsx("section", {
|
|
6566
|
-
className: styles$
|
|
6617
|
+
className: styles$z.header,
|
|
6567
6618
|
children: customHeader || /* @__PURE__ */ jsxs(Fragment, {
|
|
6568
6619
|
children: [/* @__PURE__ */ jsxs("span", {
|
|
6569
|
-
className: styles$
|
|
6620
|
+
className: styles$z.headerTitle,
|
|
6570
6621
|
children: [icon2, headerTitle2]
|
|
6571
6622
|
}), /* @__PURE__ */ jsx(Button, {
|
|
6572
6623
|
variant: "custom",
|
|
@@ -6578,7 +6629,7 @@ const Modal = ({
|
|
|
6578
6629
|
})]
|
|
6579
6630
|
})
|
|
6580
6631
|
}), /* @__PURE__ */ jsx("section", {
|
|
6581
|
-
className: styles$
|
|
6632
|
+
className: styles$z.content,
|
|
6582
6633
|
children: children2
|
|
6583
6634
|
})]
|
|
6584
6635
|
})
|
|
@@ -6589,7 +6640,7 @@ const ModalFooter = ({
|
|
|
6589
6640
|
className
|
|
6590
6641
|
}) => {
|
|
6591
6642
|
return /* @__PURE__ */ jsx("section", {
|
|
6592
|
-
className: `${styles$
|
|
6643
|
+
className: `${styles$z.footer} ${className}`,
|
|
6593
6644
|
children: children2
|
|
6594
6645
|
});
|
|
6595
6646
|
};
|
|
@@ -6632,6 +6683,32 @@ const useCreateExternalMetricMutation = (options2) => useMutation(
|
|
|
6632
6683
|
(variables) => fetcher(CreateExternalMetricDocument, variables)(),
|
|
6633
6684
|
options2
|
|
6634
6685
|
);
|
|
6686
|
+
const DeleteScheduleEmailReportChartsDocument = `
|
|
6687
|
+
mutation DeleteScheduleEmailReportCharts($scheduleEmailReportId: uuid = "") {
|
|
6688
|
+
delete_scheduleEmailReportCharts(
|
|
6689
|
+
where: {scheduleEmailReportId: {_eq: $scheduleEmailReportId}}
|
|
6690
|
+
) {
|
|
6691
|
+
affected_rows
|
|
6692
|
+
}
|
|
6693
|
+
}
|
|
6694
|
+
`;
|
|
6695
|
+
const useDeleteScheduleEmailReportChartsMutation = (options2) => useMutation(
|
|
6696
|
+
["DeleteScheduleEmailReportCharts"],
|
|
6697
|
+
(variables) => fetcher(DeleteScheduleEmailReportChartsDocument, variables)(),
|
|
6698
|
+
options2
|
|
6699
|
+
);
|
|
6700
|
+
const DeleteScheduledEmailDocument = `
|
|
6701
|
+
mutation DeleteScheduledEmail($id: uuid = "") {
|
|
6702
|
+
delete_scheduleEmailReports_by_pk(id: $id) {
|
|
6703
|
+
id
|
|
6704
|
+
}
|
|
6705
|
+
}
|
|
6706
|
+
`;
|
|
6707
|
+
const useDeleteScheduledEmailMutation = (options2) => useMutation(
|
|
6708
|
+
["DeleteScheduledEmail"],
|
|
6709
|
+
(variables) => fetcher(DeleteScheduledEmailDocument, variables)(),
|
|
6710
|
+
options2
|
|
6711
|
+
);
|
|
6635
6712
|
const FetchColumnDataDocument = `
|
|
6636
6713
|
mutation FetchColumnData($tableName: String = "", $columnName: String = "", $integrationId: String = "", $integrationName: String = "") {
|
|
6637
6714
|
fetchColumnData(
|
|
@@ -6761,11 +6838,12 @@ const EmbeddedDashboardMetricsDocument = `
|
|
|
6761
6838
|
isEnableGroupBy
|
|
6762
6839
|
groupBy
|
|
6763
6840
|
rlsConditions
|
|
6841
|
+
clickActions
|
|
6842
|
+
drillDownSettings
|
|
6764
6843
|
companyIntegration {
|
|
6765
6844
|
name
|
|
6845
|
+
workspaceId
|
|
6766
6846
|
}
|
|
6767
|
-
clickActions
|
|
6768
|
-
drillDownSettings
|
|
6769
6847
|
}
|
|
6770
6848
|
}
|
|
6771
6849
|
}
|
|
@@ -6850,6 +6928,36 @@ const useMetricAccessQuery = (variables, options2) => useQuery(
|
|
|
6850
6928
|
fetcher(MetricAccessDocument, variables),
|
|
6851
6929
|
options2
|
|
6852
6930
|
);
|
|
6931
|
+
const ScheduleEmailReportDocument = `
|
|
6932
|
+
query ScheduleEmailReport($token: uuid = "") {
|
|
6933
|
+
scheduleEmailReports(where: {guestToken: {_eq: $token}}) {
|
|
6934
|
+
externalDashboardId
|
|
6935
|
+
guestToken
|
|
6936
|
+
nextScheduledAt
|
|
6937
|
+
sharingSettingsId
|
|
6938
|
+
subject
|
|
6939
|
+
timeConfigurations
|
|
6940
|
+
id
|
|
6941
|
+
}
|
|
6942
|
+
}
|
|
6943
|
+
`;
|
|
6944
|
+
const useScheduleEmailReportQuery = (variables, options2) => useQuery(
|
|
6945
|
+
variables === void 0 ? ["ScheduleEmailReport"] : ["ScheduleEmailReport", variables],
|
|
6946
|
+
fetcher(ScheduleEmailReportDocument, variables),
|
|
6947
|
+
options2
|
|
6948
|
+
);
|
|
6949
|
+
const SharingSettingsIdDocument = `
|
|
6950
|
+
query SharingSettingsId($companyId: uuid = "") {
|
|
6951
|
+
sharingSettings(where: {companyId: {_eq: $companyId}}) {
|
|
6952
|
+
id
|
|
6953
|
+
}
|
|
6954
|
+
}
|
|
6955
|
+
`;
|
|
6956
|
+
const useSharingSettingsIdQuery = (variables, options2) => useQuery(
|
|
6957
|
+
variables === void 0 ? ["SharingSettingsId"] : ["SharingSettingsId", variables],
|
|
6958
|
+
fetcher(SharingSettingsIdDocument, variables),
|
|
6959
|
+
options2
|
|
6960
|
+
);
|
|
6853
6961
|
const GetThemesDocument = `
|
|
6854
6962
|
query GetThemes($companyId: uuid! = "") {
|
|
6855
6963
|
themes(where: {companyId: {_eq: $companyId}}) {
|
|
@@ -6935,9 +7043,9 @@ const useQueryExternalMetricQuery = (variables, options2) => useQuery(
|
|
|
6935
7043
|
options2
|
|
6936
7044
|
);
|
|
6937
7045
|
const RawCsvDocument = `
|
|
6938
|
-
mutation RawCsv($companyId: String = "", $recipientAddress: String = "", $sqlQuery: String = "") {
|
|
7046
|
+
mutation RawCsv($companyId: String = "", $recipientAddress: String = "", $sqlQuery: String = "", $metricName: String = "", $workspaceId: String = "") {
|
|
6939
7047
|
sendRawCsv(
|
|
6940
|
-
input: {companyId: $companyId, recipientAddress: $recipientAddress, sqlQuery: $sqlQuery}
|
|
7048
|
+
input: {companyId: $companyId, recipientAddress: $recipientAddress, sqlQuery: $sqlQuery, metricName: $metricName, workspaceId: $workspaceId}
|
|
6941
7049
|
) {
|
|
6942
7050
|
status
|
|
6943
7051
|
error {
|
|
@@ -6969,6 +7077,33 @@ const useSaveExternalDashboardLayoutMutation = (options2) => useMutation(
|
|
|
6969
7077
|
(variables) => fetcher(SaveExternalDashboardLayoutDocument, variables)(),
|
|
6970
7078
|
options2
|
|
6971
7079
|
);
|
|
7080
|
+
const SaveScheduleEmailDocument = `
|
|
7081
|
+
mutation SaveScheduleEmail($emails: json = "", $externalDashboardId: uuid = "", $guestToken: uuid = "", $nextScheduledAt: String = "", $sharingSettingsId: uuid = "", $subject: String = "", $timeConfigurations: json = "", $data: [scheduleEmailReportCharts_insert_input!] = []) {
|
|
7082
|
+
insert_scheduleEmailReports_one(
|
|
7083
|
+
object: {emails: $emails, externalDashboardId: $externalDashboardId, guestToken: $guestToken, nextScheduledAt: $nextScheduledAt, sharingSettingsId: $sharingSettingsId, subject: $subject, timeConfigurations: $timeConfigurations, scheduleEmailReportCharts: {data: $data}}
|
|
7084
|
+
on_conflict: {constraint: scheduleEmailReports_guestToken_key, update_columns: [emails, nextScheduledAt, sharingSettingsId, subject, timeConfigurations]}
|
|
7085
|
+
) {
|
|
7086
|
+
emails
|
|
7087
|
+
externalDashboardId
|
|
7088
|
+
guestToken
|
|
7089
|
+
id
|
|
7090
|
+
nextScheduledAt
|
|
7091
|
+
sharingSettingsId
|
|
7092
|
+
subject
|
|
7093
|
+
timeConfigurations
|
|
7094
|
+
scheduleEmailReportCharts {
|
|
7095
|
+
externalMetricId
|
|
7096
|
+
id
|
|
7097
|
+
scheduleEmailReportId
|
|
7098
|
+
}
|
|
7099
|
+
}
|
|
7100
|
+
}
|
|
7101
|
+
`;
|
|
7102
|
+
const useSaveScheduleEmailMutation = (options2) => useMutation(
|
|
7103
|
+
["SaveScheduleEmail"],
|
|
7104
|
+
(variables) => fetcher(SaveScheduleEmailDocument, variables)(),
|
|
7105
|
+
options2
|
|
7106
|
+
);
|
|
6972
7107
|
const UpdateAdminMetricDocument = `
|
|
6973
7108
|
mutation UpdateAdminMetric($externalMetricId: uuid!, $object: externalMetrics_insert_input!, $clientId: String!) {
|
|
6974
7109
|
insert_clientDeletedMetrics_one(
|
|
@@ -7069,12 +7204,12 @@ const ExternalMetricForm = ({
|
|
|
7069
7204
|
setValue("metricId", defaultValues.metricId);
|
|
7070
7205
|
}, [defaultValues]);
|
|
7071
7206
|
return /* @__PURE__ */ jsxs("form", {
|
|
7072
|
-
className: styles$
|
|
7207
|
+
className: styles$D.form,
|
|
7073
7208
|
onSubmit: submitMetric,
|
|
7074
7209
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
7075
|
-
className: styles$
|
|
7210
|
+
className: styles$D.container,
|
|
7076
7211
|
children: [/* @__PURE__ */ jsx("div", {
|
|
7077
|
-
className: styles$
|
|
7212
|
+
className: styles$D.field,
|
|
7078
7213
|
children: /* @__PURE__ */ jsx(MultiSelect, {
|
|
7079
7214
|
label: "Dashboards",
|
|
7080
7215
|
options: options2,
|
|
@@ -7101,7 +7236,7 @@ const ExternalMetricForm = ({
|
|
|
7101
7236
|
}),
|
|
7102
7237
|
defaultValue: defaultValues == null ? void 0 : defaultValues.metricId
|
|
7103
7238
|
}), /* @__PURE__ */ jsx(TextAreaField, {
|
|
7104
|
-
className: styles$
|
|
7239
|
+
className: styles$D.field,
|
|
7105
7240
|
id: "desc",
|
|
7106
7241
|
placeholder: "What is the name of metric?",
|
|
7107
7242
|
label: "Description",
|
|
@@ -7109,8 +7244,8 @@ const ExternalMetricForm = ({
|
|
|
7109
7244
|
register: register2("description"),
|
|
7110
7245
|
defaultValue: defaultValues == null ? void 0 : defaultValues.description
|
|
7111
7246
|
}), !isEmbedded && /* @__PURE__ */ jsx(ToggleButton, {
|
|
7112
|
-
className: styles$
|
|
7113
|
-
labelClassName: styles$
|
|
7247
|
+
className: styles$D.field,
|
|
7248
|
+
labelClassName: styles$D.fieldLabel,
|
|
7114
7249
|
enabled: isLiveMode,
|
|
7115
7250
|
onChange: setLiveMode,
|
|
7116
7251
|
label: "Publish Type",
|
|
@@ -7120,13 +7255,13 @@ const ExternalMetricForm = ({
|
|
|
7120
7255
|
}), !!error2 && /* @__PURE__ */ jsx(Text, {
|
|
7121
7256
|
variant: "p",
|
|
7122
7257
|
styleClass: "font-14",
|
|
7123
|
-
className: styles$
|
|
7258
|
+
className: styles$D.error,
|
|
7124
7259
|
children: error2
|
|
7125
7260
|
}), /* @__PURE__ */ jsxs(ModalFooter, {
|
|
7126
7261
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
7127
7262
|
type: "reset",
|
|
7128
7263
|
variant: "secondary",
|
|
7129
|
-
className: styles$
|
|
7264
|
+
className: styles$D.cancel,
|
|
7130
7265
|
onClick: onCancel,
|
|
7131
7266
|
size: "default",
|
|
7132
7267
|
children: "Cancel"
|
|
@@ -7134,7 +7269,7 @@ const ExternalMetricForm = ({
|
|
|
7134
7269
|
type: "submit",
|
|
7135
7270
|
variant: "primary",
|
|
7136
7271
|
size: "small",
|
|
7137
|
-
className: styles$
|
|
7272
|
+
className: styles$D.save,
|
|
7138
7273
|
isDisabled: !options2.length || !dashboardIds.length,
|
|
7139
7274
|
children: "Save"
|
|
7140
7275
|
})]
|
|
@@ -7157,7 +7292,7 @@ const text$2 = "_text_1tj8t_48";
|
|
|
7157
7292
|
const search = "_search_1tj8t_52";
|
|
7158
7293
|
const loadMore = "_loadMore_1tj8t_56";
|
|
7159
7294
|
const loadMoreIcon = "_loadMoreIcon_1tj8t_60";
|
|
7160
|
-
var styles$
|
|
7295
|
+
var styles$y = {
|
|
7161
7296
|
container: container$d,
|
|
7162
7297
|
wrapper: wrapper$3,
|
|
7163
7298
|
label: label$3,
|
|
@@ -7204,12 +7339,17 @@ const useEmbeddedDashboard = (token) => {
|
|
|
7204
7339
|
);
|
|
7205
7340
|
const externalDashboardMetrics = externalDashboardMetricsData == null ? void 0 : externalDashboardMetricsData.externalDashboardMetrics;
|
|
7206
7341
|
const { data: accessData, isLoading: isLoadingAccessData } = useMetricAccessQuery({ companyId }, { enabled: !!companyId });
|
|
7342
|
+
const { data: sharingData, isLoading: isLoadingSharingData } = useSharingSettingsIdQuery({ companyId });
|
|
7207
7343
|
const isAllowedToCreateMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricCreation && !isTestKey : false;
|
|
7208
7344
|
const isAllowedToDeleteMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricDeletion && !isTestKey : false;
|
|
7345
|
+
const sharingSettingsId = useMemo(
|
|
7346
|
+
() => (sharingData == null ? void 0 : sharingData.sharingSettings.length) ? sharingData.sharingSettings[0].id : void 0,
|
|
7347
|
+
[sharingData]
|
|
7348
|
+
);
|
|
7209
7349
|
const isAllowedToUpdateMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricUpdation && !isTestKey : false;
|
|
7210
7350
|
const isAllowedToChangeLayout = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowChangeLayout && !isTestKey : false;
|
|
7211
7351
|
return {
|
|
7212
|
-
isLoading: isParamsLoading || isExternalDashboardMetricsDataLoading || isLoadingId || isLoadingAccessData,
|
|
7352
|
+
isLoading: isParamsLoading || isExternalDashboardMetricsDataLoading || isLoadingId || isLoadingAccessData || isLoadingSharingData,
|
|
7213
7353
|
data: {
|
|
7214
7354
|
clientId,
|
|
7215
7355
|
companyId,
|
|
@@ -7223,7 +7363,8 @@ const useEmbeddedDashboard = (token) => {
|
|
|
7223
7363
|
isAllowedToDeleteMetrics,
|
|
7224
7364
|
isAllowedToUpdateMetrics,
|
|
7225
7365
|
isAllowedToChangeLayout,
|
|
7226
|
-
workspace
|
|
7366
|
+
workspace,
|
|
7367
|
+
sharingSettingsId
|
|
7227
7368
|
}
|
|
7228
7369
|
};
|
|
7229
7370
|
};
|
|
@@ -7706,7 +7847,7 @@ const useClientDashboardLayout = ({
|
|
|
7706
7847
|
isLocked: isLayoutLocked
|
|
7707
7848
|
});
|
|
7708
7849
|
},
|
|
7709
|
-
[saveLayoutMutation, isLayoutLocked]
|
|
7850
|
+
[saveLayoutMutation, isLayoutLocked, clientId, externalDashboardId]
|
|
7710
7851
|
);
|
|
7711
7852
|
return { saveLayout, layout: layout3, isLayoutLocked };
|
|
7712
7853
|
};
|
|
@@ -7734,6 +7875,11 @@ var index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
|
|
|
7734
7875
|
DATABASE_NAME,
|
|
7735
7876
|
CLIENT_NAME_VAR_NUM,
|
|
7736
7877
|
DATABASE,
|
|
7878
|
+
WEEK_DAYS,
|
|
7879
|
+
TIME_ZONES,
|
|
7880
|
+
TIME,
|
|
7881
|
+
DATE_NUM,
|
|
7882
|
+
FREQUENCY,
|
|
7737
7883
|
operatorList,
|
|
7738
7884
|
RowLimitList,
|
|
7739
7885
|
AggregateList,
|
|
@@ -7899,38 +8045,38 @@ const FloatingDropDown = ({
|
|
|
7899
8045
|
setIsShow(false);
|
|
7900
8046
|
}, [closeControl == null ? void 0 : closeControl.close]);
|
|
7901
8047
|
return /* @__PURE__ */ jsxs("div", {
|
|
7902
|
-
className: classnames(styles$
|
|
8048
|
+
className: classnames(styles$y.container, className),
|
|
7903
8049
|
ref: wrapperRef,
|
|
7904
8050
|
children: [label2 ? /* @__PURE__ */ jsx(Text, {
|
|
7905
8051
|
variant: "span",
|
|
7906
8052
|
styleClass: labelVariant === "floating" ? "custom" : "font-14",
|
|
7907
|
-
className: `${styles$
|
|
8053
|
+
className: `${styles$y.label} ${labelVariant === "floating" ? styles$y.floatingLabel : ""} ${labelDesign === "client" ? styles$y.clientText : styles$y.normalText} `,
|
|
7908
8054
|
children: label2
|
|
7909
8055
|
}) : null, /* @__PURE__ */ jsxs(Button, {
|
|
7910
8056
|
type: "button",
|
|
7911
8057
|
variant: "custom",
|
|
7912
8058
|
isDisabled,
|
|
7913
|
-
className: styles$
|
|
8059
|
+
className: styles$y.wrapper,
|
|
7914
8060
|
onClick: () => setIsShow(!isShow),
|
|
7915
8061
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
7916
8062
|
variant: "p",
|
|
7917
8063
|
styleClass: "font-14",
|
|
7918
|
-
className: `${styles$
|
|
8064
|
+
className: `${styles$y.text} ${labelDesign === "client" ? styles$y.floatingText : ""}`,
|
|
7919
8065
|
children: [icon2, selectedOption2.label || "Select An Option"]
|
|
7920
8066
|
}), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
|
|
7921
8067
|
}), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
|
|
7922
|
-
className: styles$
|
|
8068
|
+
className: styles$y.dropdown,
|
|
7923
8069
|
children: [isSearchEnabled && /* @__PURE__ */ jsx(SearchTab, {
|
|
7924
|
-
className: styles$
|
|
8070
|
+
className: styles$y.search,
|
|
7925
8071
|
setSearchKeyword
|
|
7926
8072
|
}), /* @__PURE__ */ jsxs("div", {
|
|
7927
|
-
className: styles$
|
|
8073
|
+
className: styles$y.options,
|
|
7928
8074
|
children: [(searchKeyword ? options2.filter((opt) => opt.label.toLowerCase().includes(searchKeyword)) : options2.slice(0, limit)).map((option2) => {
|
|
7929
8075
|
const isSelected = option2.value === selectedOption2.value;
|
|
7930
8076
|
return /* @__PURE__ */ jsx(Button, {
|
|
7931
8077
|
type: "button",
|
|
7932
8078
|
variant: "custom",
|
|
7933
|
-
className: isSelected ? styles$
|
|
8079
|
+
className: isSelected ? styles$y.checkedOption : styles$y.option,
|
|
7934
8080
|
onClick: () => {
|
|
7935
8081
|
onChange(option2);
|
|
7936
8082
|
setIsShow(false);
|
|
@@ -7941,10 +8087,10 @@ const FloatingDropDown = ({
|
|
|
7941
8087
|
variant: "secondary",
|
|
7942
8088
|
type: "button",
|
|
7943
8089
|
onClick: () => setLimit((prev) => prev + 20),
|
|
7944
|
-
className: styles$
|
|
8090
|
+
className: styles$y.loadMore,
|
|
7945
8091
|
children: ["Load More", " ", /* @__PURE__ */ jsx(Icons, {
|
|
7946
8092
|
name: "double-arrow-left-icon",
|
|
7947
|
-
className: styles$
|
|
8093
|
+
className: styles$y.loadMoreIcon
|
|
7948
8094
|
})]
|
|
7949
8095
|
})]
|
|
7950
8096
|
}), children2]
|
|
@@ -7972,38 +8118,38 @@ const MultiFloatingDropDown = React__default.memo(({
|
|
|
7972
8118
|
onOutsideClick: () => setIsShow(false)
|
|
7973
8119
|
});
|
|
7974
8120
|
return /* @__PURE__ */ jsxs("div", {
|
|
7975
|
-
className: classnames(styles$
|
|
8121
|
+
className: classnames(styles$y.container, className),
|
|
7976
8122
|
ref: wrapperRef,
|
|
7977
8123
|
children: [label2 ? /* @__PURE__ */ jsx(Text, {
|
|
7978
8124
|
variant: "span",
|
|
7979
8125
|
styleClass: labelVariant === "floating" ? "custom" : "font-14",
|
|
7980
|
-
className: `${styles$
|
|
8126
|
+
className: `${styles$y.label} ${labelVariant === "floating" ? styles$y.floatingLabel : ""} ${labelDesign === "client" ? styles$y.clientText : styles$y.normalText} `,
|
|
7981
8127
|
children: label2
|
|
7982
8128
|
}) : null, /* @__PURE__ */ jsxs(Button, {
|
|
7983
8129
|
type: "button",
|
|
7984
8130
|
variant: "custom",
|
|
7985
8131
|
isDisabled,
|
|
7986
|
-
className: styles$
|
|
8132
|
+
className: styles$y.wrapper,
|
|
7987
8133
|
onClick: () => setIsShow(!isShow),
|
|
7988
8134
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
7989
8135
|
variant: "p",
|
|
7990
8136
|
styleClass: "font-14",
|
|
7991
|
-
className: labelVariant === "floating" ? styles$
|
|
8137
|
+
className: labelVariant === "floating" ? styles$y.floatingText : "",
|
|
7992
8138
|
children: "Select 1 or more option"
|
|
7993
8139
|
}), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
|
|
7994
8140
|
}), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
|
|
7995
|
-
className: styles$
|
|
8141
|
+
className: styles$y.dropdown,
|
|
7996
8142
|
children: [isSearchEnabled && /* @__PURE__ */ jsx(SearchTab, {
|
|
7997
8143
|
className: "p-2 mb-3",
|
|
7998
8144
|
setSearchKeyword
|
|
7999
8145
|
}), /* @__PURE__ */ jsxs("div", {
|
|
8000
|
-
className: styles$
|
|
8146
|
+
className: styles$y.options,
|
|
8001
8147
|
children: [(searchKeyword ? options2.filter((opt) => opt.label.toLowerCase().includes(searchKeyword)) : options2.slice(0, limit)).map((option2) => {
|
|
8002
8148
|
const isSelected = !!selectedOptions.find((opt) => opt.value === option2.value);
|
|
8003
8149
|
return /* @__PURE__ */ jsxs(Button, {
|
|
8004
8150
|
type: "button",
|
|
8005
8151
|
variant: "custom",
|
|
8006
|
-
className: isSelected ? styles$
|
|
8152
|
+
className: isSelected ? styles$y.checkedOption : styles$y.option,
|
|
8007
8153
|
onClick: () => {
|
|
8008
8154
|
const updatedOptions = isSelected ? selectedOptions.filter((opt) => opt.value !== option2.value) : [...selectedOptions, option2];
|
|
8009
8155
|
onChange(updatedOptions);
|
|
@@ -8131,12 +8277,12 @@ const MultiFilterDropdown = React__default.memo(({
|
|
|
8131
8277
|
});
|
|
8132
8278
|
});
|
|
8133
8279
|
const fullscreen$2 = "_fullscreen_1wo1t_1";
|
|
8134
|
-
var styles$
|
|
8280
|
+
var styles$x = {
|
|
8135
8281
|
fullscreen: fullscreen$2
|
|
8136
8282
|
};
|
|
8137
8283
|
const csvlink = "_csvlink_azd6y_1";
|
|
8138
8284
|
const noChart = "_noChart_azd6y_7";
|
|
8139
|
-
var styles$
|
|
8285
|
+
var styles$w = {
|
|
8140
8286
|
csvlink,
|
|
8141
8287
|
noChart
|
|
8142
8288
|
};
|
|
@@ -8281,7 +8427,7 @@ const CsvDownloadButton = ({
|
|
|
8281
8427
|
return /* @__PURE__ */ jsxs("a", {
|
|
8282
8428
|
href: objectArrayToCsvString(data),
|
|
8283
8429
|
download: `${fileName}.csv`,
|
|
8284
|
-
className: className != null ? className : styles$
|
|
8430
|
+
className: className != null ? className : styles$w.csvlink,
|
|
8285
8431
|
target: "_self",
|
|
8286
8432
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
8287
8433
|
name: "csv-icon",
|
|
@@ -36881,9 +37027,9 @@ var XML_NAMESPACE = "http://www.w3.org/XML/1998/namespace";
|
|
|
36881
37027
|
function createElement(name) {
|
|
36882
37028
|
return document.createElementNS(SVGNS, name);
|
|
36883
37029
|
}
|
|
36884
|
-
function createVNode(
|
|
37030
|
+
function createVNode(tag2, key, attrs, children2, text2) {
|
|
36885
37031
|
return {
|
|
36886
|
-
tag,
|
|
37032
|
+
tag: tag2,
|
|
36887
37033
|
attrs: attrs || {},
|
|
36888
37034
|
children: children2,
|
|
36889
37035
|
text: text2,
|
|
@@ -36913,10 +37059,10 @@ function vNodeToString(el, opts) {
|
|
|
36913
37059
|
opts = opts || {};
|
|
36914
37060
|
var S2 = opts.newline ? "\n" : "";
|
|
36915
37061
|
function convertElToString(el2) {
|
|
36916
|
-
var children2 = el2.children,
|
|
36917
|
-
return createElementOpen(
|
|
37062
|
+
var children2 = el2.children, tag2 = el2.tag, attrs = el2.attrs;
|
|
37063
|
+
return createElementOpen(tag2, attrs) + encodeHTML(el2.text) + (children2 ? "" + S2 + map$1(children2, function(child) {
|
|
36918
37064
|
return convertElToString(child);
|
|
36919
|
-
}).join(S2) + S2 : "") + createElementClose(
|
|
37065
|
+
}).join(S2) + S2 : "") + createElementClose(tag2);
|
|
36920
37066
|
}
|
|
36921
37067
|
return convertElToString(el);
|
|
36922
37068
|
}
|
|
@@ -37697,9 +37843,9 @@ function sameVnode(vnode1, vnode2) {
|
|
|
37697
37843
|
function createElm(vnode) {
|
|
37698
37844
|
var i;
|
|
37699
37845
|
var children2 = vnode.children;
|
|
37700
|
-
var
|
|
37701
|
-
if (isDef(
|
|
37702
|
-
var elm = vnode.elm = createElement(
|
|
37846
|
+
var tag2 = vnode.tag;
|
|
37847
|
+
if (isDef(tag2)) {
|
|
37848
|
+
var elm = vnode.elm = createElement(tag2);
|
|
37703
37849
|
updateAttrs(emptyNode, vnode);
|
|
37704
37850
|
if (isArray$2(children2)) {
|
|
37705
37851
|
for (i = 0; i < children2.length; ++i) {
|
|
@@ -81432,7 +81578,7 @@ const container$c = "_container_qiww4_1";
|
|
|
81432
81578
|
const borderLessContainer = "_borderLessContainer_qiww4_7";
|
|
81433
81579
|
const label$2 = "_label_qiww4_13";
|
|
81434
81580
|
const sync = "_sync_qiww4_19";
|
|
81435
|
-
var styles$
|
|
81581
|
+
var styles$v = {
|
|
81436
81582
|
container: container$c,
|
|
81437
81583
|
borderLessContainer,
|
|
81438
81584
|
label: label$2,
|
|
@@ -81729,7 +81875,7 @@ const SingleValueChart = ({
|
|
|
81729
81875
|
};
|
|
81730
81876
|
const value = ((_a2 = data[0]) == null ? void 0 : _a2.value) && ((_b2 = data[0]) == null ? void 0 : _b2.value.toString().length) > 16 ? dateFormatter((_c2 = data[0]) == null ? void 0 : _c2.value, customSettings.dateFormatter) : formattedData((_d = data[0]) == null ? void 0 : _d.value, customSettings.numberFormatter);
|
|
81731
81877
|
return /* @__PURE__ */ jsxs("div", {
|
|
81732
|
-
className: hideBorder ? styles$
|
|
81878
|
+
className: hideBorder ? styles$v.borderLessContainer : styles$v.container,
|
|
81733
81879
|
children: [/* @__PURE__ */ jsx("div", {
|
|
81734
81880
|
style: valueFont,
|
|
81735
81881
|
onClick: () => {
|
|
@@ -85485,7 +85631,7 @@ const debounceInput = "_debounceInput_psiyz_121";
|
|
|
85485
85631
|
const searchTab = "_searchTab_psiyz_127";
|
|
85486
85632
|
const noDataHead = "_noDataHead_psiyz_133";
|
|
85487
85633
|
const noDataBody = "_noDataBody_psiyz_139";
|
|
85488
|
-
var styles$
|
|
85634
|
+
var styles$u = {
|
|
85489
85635
|
"table-loader-container": "_table-loader-container_psiyz_1",
|
|
85490
85636
|
tableData,
|
|
85491
85637
|
tableHeadCol: tableHeadCol$1,
|
|
@@ -85531,7 +85677,7 @@ const DebouncedInput = ({
|
|
|
85531
85677
|
...props,
|
|
85532
85678
|
value,
|
|
85533
85679
|
onChange: (e2) => setValue(e2.target.value),
|
|
85534
|
-
className: styles$
|
|
85680
|
+
className: styles$u.searchTab
|
|
85535
85681
|
});
|
|
85536
85682
|
};
|
|
85537
85683
|
var TableIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgNTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTI3MS4xMSwxNzkuNzJsLS4wOSwyMC4zM3MuMTksNC4wNS4zOCw0LjUyLjc1LDEuODgsMS40MSwyLjM1LDEuMjcuOTksMi4yMSwxLjMyLDEuMTguNjEsMi42NC42MSwyMi42OC4wNSwyMi42OC4wNWwtMjkuMjItMjkuMThaIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjAzLjcxIiB5MT0iMjA4LjAxIiB4Mj0iMjM0LjkyIiB5Mj0iMjA4LjAxIi8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMjAzLjcxIiB5MT0iMTk3LjM0IiB4Mj0iMjQ4LjA0IiB5Mj0iMTk3LjM0Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMDIuMyIgeT0iMjMwLjM2IiB3aWR0aD0iODkuOTUiIGhlaWdodD0iNjIuNjciIHJ4PSIzLjIxIiByeT0iMy4yMSIvPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwMC40OSwyMDguOTl2OTkuOTljMCwzLjU1LTIuODgsNi40My02LjQzLDYuNDNoLTkzLjIzYy0zLjU1LDAtNi40My0yLjg4LTYuNDMtNi40M3YtMTIzLjA3YzAtMy41NSwyLjg4LTYuNDMsNi40My02LjQzaDcwLjI5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMjcxLjE1LDE3OS40OHYyMi45MWMwLDMuNTUsMi44OCw2LjQzLDYuNDMsNi40M2gyMi45MXMtMjkuMzQtMjkuNDgtMjkuMzQtMjkuMzRaIi8+PC9nPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwNS40OSwyMTMuOTl2OTkuOTljMCwzLjU1LTIuODgsNi40My02LjQzLDYuNDNoLTkzLjIzYy0yLjk1LDAtNS40My0xLjk4LTYuMTktNC42OSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwNS40OSwyMTMuODJzLTIuMTMtMi4xNC01LjI0LTUuMjYiLz48cGF0aCBjbGFzcz0iY2xzLTYiIGQ9Im0xOTkuNTQsMzE1LjUzcy4yOCwxLjA0LjY2LDEuNi41NiwxLjA4LDEuMzIsMS42OSwyLjEyLDEuNDYsMi40LDEuNTEsMi43My4yNCwzLjg2LjE5LDIwLjM4LS4wOSwyMC4zOC0uMDloMjMuNjdzMTcuMDQtLjA1LDE3LjA0LS4wNWwxNy42OS4xNCwxMi43NS0uMTRzMS45OC0uMTksMi43OC0uNzEsMS42NS0xLjA0LDIuMTItMS44NCwxLjIyLTEuODQsMS4yNy0yLjM1LjE0LTE0LjQuMTQtMTQuNGwtLjE5LTExLjYyLjA5LTExLjk1di0yMi4xMnMtLjA1LTE4LjEyLS4wNS0xOC4xMnYtMjMuMzRzLTUuMDQtNS4yMi01LjA0LTUuMjJsLjA1LDI1LjYuMTQsMjguOTktLjA1LDEzLjg0LS4wNSw5Ljc0djEwLjRzMCw5Ljc5LDAsOS43OWMwLDAsLjE5LDMuMDYtLjQ3LDQuMDlzLTEuMzYsMi4zNS0yLjIxLDIuOTYtMi4wNywxLjE4LTQuNzEsMS4yMi0xNC44Ny4wNS0xNC44Ny4wNWwtMjEuNzktLjA1aC0xNi4wNWwtMjUuODguMDUtMTUuMDEuMTRaIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjAyLjYzIiB5MT0iMjM5LjAzIiB4Mj0iMjkyLjAxIiB5Mj0iMjM5LjAzIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjE5LjUiIHkxPSIyMzAuNjEiIHgyPSIyMTkuNzkiIHkyPSIyOTMuMDkiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyMzcuNzYiIHkxPSIyMzAuNTMiIHgyPSIyMzguMDUiIHkyPSIyOTMiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNTYuMDIiIHkxPSIyMzAuNDUiIHgyPSIyNTYuMzEiIHkyPSIyOTIuOTIiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNzQuMjgiIHkxPSIyMzAuMzYiIHgyPSIyNzQuNTciIHkyPSIyOTIuODQiLz48Zz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjIwNi4xNyIgeT0iMjMyLjc5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy01IiB4PSIyMjQuMjMiIHk9IjIzMi43OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iMjQyLjY5IiB5PSIyMzIuNzkiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjI2MC42MiIgeT0iMjMyLjc5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy01IiB4PSIyNzguODMiIHk9IjIzMi43OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjQ0LjA4IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI0NC4wOCIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNDQuMDgiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjQ0LjA4IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI0NC4wOCIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjUyLjU1IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI1Mi41NSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNTIuNTUiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjUyLjU1IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI1Mi41NSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjYxLjAyIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI2MS4wMiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNjEuMDIiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjYxLjAyIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI2MS4wMiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjY5LjQ5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI2OS40OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNjkuNDkiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjY5LjQ5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI2OS40OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjc3Ljk2IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI3Ny45NiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNzcuOTYiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjc3Ljk2IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI3Ny45NiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjg2LjQzIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI4Ni40MyIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyODYuNDMiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjg2LjQzIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI4Ni40MyIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48L3N2Zz4=";
|
|
@@ -85616,28 +85762,28 @@ const Table = ({
|
|
|
85616
85762
|
debugTable: true
|
|
85617
85763
|
});
|
|
85618
85764
|
return /* @__PURE__ */ jsx("div", {
|
|
85619
|
-
className: styles$
|
|
85765
|
+
className: styles$u.container,
|
|
85620
85766
|
children: /* @__PURE__ */ jsxs("div", {
|
|
85621
|
-
className: styles$
|
|
85767
|
+
className: styles$u.previewTable,
|
|
85622
85768
|
children: [(tableSettings == null ? void 0 : tableSettings.showTableTitle) && /* @__PURE__ */ jsxs("div", {
|
|
85623
|
-
className: styles$
|
|
85769
|
+
className: styles$u.preview,
|
|
85624
85770
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
85625
85771
|
styleClass: "font-14c",
|
|
85626
85772
|
variant: "h1",
|
|
85627
|
-
className: styles$
|
|
85773
|
+
className: styles$u.previewText,
|
|
85628
85774
|
children: tableName
|
|
85629
85775
|
}), tableSettings.enableTableSearch && /* @__PURE__ */ jsx("div", {
|
|
85630
85776
|
children: /* @__PURE__ */ jsx(DebouncedInput, {
|
|
85631
85777
|
value: globalFilter,
|
|
85632
85778
|
onChange: (value) => setGlobalFilter(String(value)),
|
|
85633
|
-
className: styles$
|
|
85779
|
+
className: styles$u.debounceInput,
|
|
85634
85780
|
placeholder: "Search"
|
|
85635
85781
|
})
|
|
85636
85782
|
})]
|
|
85637
85783
|
}), /* @__PURE__ */ jsxs("div", {
|
|
85638
|
-
className: styles$
|
|
85784
|
+
className: styles$u.tableData,
|
|
85639
85785
|
children: [isLoading && !(data == null ? void 0 : data.length) && /* @__PURE__ */ jsx("div", {
|
|
85640
|
-
className: styles$
|
|
85786
|
+
className: styles$u["table-loader-container"],
|
|
85641
85787
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
85642
85788
|
style: {
|
|
85643
85789
|
width: "50px",
|
|
@@ -85646,17 +85792,17 @@ const Table = ({
|
|
|
85646
85792
|
}
|
|
85647
85793
|
})
|
|
85648
85794
|
}), !!(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsxs("table", {
|
|
85649
|
-
className: styles$
|
|
85795
|
+
className: styles$u.table,
|
|
85650
85796
|
children: [/* @__PURE__ */ jsx("thead", {
|
|
85651
85797
|
children: table2.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", {
|
|
85652
|
-
className: styles$
|
|
85798
|
+
className: styles$u.row,
|
|
85653
85799
|
children: headerGroup.headers.map((header2) => {
|
|
85654
85800
|
var _a2;
|
|
85655
85801
|
return /* @__PURE__ */ jsx("th", {
|
|
85656
|
-
className: styles$
|
|
85802
|
+
className: styles$u.tableHeadCol,
|
|
85657
85803
|
colSpan: header2.colSpan,
|
|
85658
85804
|
children: (tableSettings == null ? void 0 : tableSettings.enableSorting) ? /* @__PURE__ */ jsx("div", {
|
|
85659
|
-
className: header2.column.getCanSort() ? styles$
|
|
85805
|
+
className: header2.column.getCanSort() ? styles$u.sortButton : "",
|
|
85660
85806
|
onClick: header2.column.getToggleSortingHandler(),
|
|
85661
85807
|
onMouseOver: header2.column.getToggleSortingHandler(),
|
|
85662
85808
|
children: header2.isPlaceholder ? null : /* @__PURE__ */ jsxs("div", {
|
|
@@ -85681,9 +85827,9 @@ const Table = ({
|
|
|
85681
85827
|
}, headerGroup.id))
|
|
85682
85828
|
}), /* @__PURE__ */ jsx("tbody", {
|
|
85683
85829
|
children: table2.getRowModel().rows.map((row2) => /* @__PURE__ */ jsx("tr", {
|
|
85684
|
-
className: `${styles$
|
|
85830
|
+
className: `${styles$u.tableRow} ${(tableSettings == null ? void 0 : tableSettings.showRowHover) ? styles$u.rowHover : ""} ${(tableSettings == null ? void 0 : tableSettings.enableStripedRows) && row2.id % 2 !== 0 ? styles$u.stripedRow : ""}`,
|
|
85685
85831
|
children: row2.getVisibleCells().map((cell) => /* @__PURE__ */ jsxs("td", {
|
|
85686
|
-
className: `${styles$
|
|
85832
|
+
className: `${styles$u.tableRowCol} ${!(tableSettings == null ? void 0 : tableSettings.hideVerticalDivider) ? styles$u.rightBorder : ""}`,
|
|
85687
85833
|
children: [!!tableSettings && /* @__PURE__ */ jsx("div", {
|
|
85688
85834
|
style: divStyle,
|
|
85689
85835
|
children: flexRender(cell.column.columnDef.cell, cell.getContext())
|
|
@@ -85698,7 +85844,7 @@ const Table = ({
|
|
|
85698
85844
|
}, row2.id))
|
|
85699
85845
|
})]
|
|
85700
85846
|
}), !(data == null ? void 0 : data.length) && !isLoading && !error2.length && /* @__PURE__ */ jsxs("div", {
|
|
85701
|
-
className: styles$
|
|
85847
|
+
className: styles$u.noData,
|
|
85702
85848
|
children: [/* @__PURE__ */ jsx("img", {
|
|
85703
85849
|
src: TableIcon,
|
|
85704
85850
|
alt: "no-data",
|
|
@@ -85707,19 +85853,19 @@ const Table = ({
|
|
|
85707
85853
|
}), /* @__PURE__ */ jsx(Text, {
|
|
85708
85854
|
styleClass: "font-14c",
|
|
85709
85855
|
variant: "h1",
|
|
85710
|
-
className: styles$
|
|
85856
|
+
className: styles$u.noDataHead,
|
|
85711
85857
|
children: "No data tables queried"
|
|
85712
85858
|
}), /* @__PURE__ */ jsx(Text, {
|
|
85713
85859
|
styleClass: "font-14",
|
|
85714
85860
|
variant: "p",
|
|
85715
|
-
className: styles$
|
|
85861
|
+
className: styles$u.noDataBody,
|
|
85716
85862
|
children: "Type your query and input fields beside to generate results and explore data"
|
|
85717
85863
|
})]
|
|
85718
85864
|
}), error2 && /* @__PURE__ */ jsx("div", {
|
|
85719
|
-
className: styles$
|
|
85865
|
+
className: styles$u.error,
|
|
85720
85866
|
children: /* @__PURE__ */ jsx(Text, {
|
|
85721
85867
|
styleClass: "primary",
|
|
85722
|
-
className: styles$
|
|
85868
|
+
className: styles$u.errorMsg,
|
|
85723
85869
|
variant: "p",
|
|
85724
85870
|
children: error2
|
|
85725
85871
|
})
|
|
@@ -85787,6 +85933,7 @@ const MetricChart = ({
|
|
|
85787
85933
|
if (chartType2 === CHART_TYPES.line) {
|
|
85788
85934
|
return /* @__PURE__ */ jsx(LineChart, {
|
|
85789
85935
|
data,
|
|
85936
|
+
colors: colors2,
|
|
85790
85937
|
margins,
|
|
85791
85938
|
legendSettings,
|
|
85792
85939
|
labelSettings,
|
|
@@ -86073,7 +86220,7 @@ const MetricChart = ({
|
|
|
86073
86220
|
});
|
|
86074
86221
|
}
|
|
86075
86222
|
return /* @__PURE__ */ jsx("div", {
|
|
86076
|
-
className: styles$
|
|
86223
|
+
className: styles$w.noChart,
|
|
86077
86224
|
children: "No chart selected"
|
|
86078
86225
|
});
|
|
86079
86226
|
};
|
|
@@ -86087,7 +86234,7 @@ const FullScreenChart = ({
|
|
|
86087
86234
|
onClose: onCancel,
|
|
86088
86235
|
headerTitle: "Chart Preview",
|
|
86089
86236
|
children: /* @__PURE__ */ jsx("div", {
|
|
86090
|
-
className: styles$
|
|
86237
|
+
className: styles$x.fullscreen,
|
|
86091
86238
|
children: chart && /* @__PURE__ */ jsx(MetricChart, {
|
|
86092
86239
|
labels: chart.labels,
|
|
86093
86240
|
data: chart.data,
|
|
@@ -86124,7 +86271,7 @@ const buttonText = "_buttonText_1ecv1_19";
|
|
|
86124
86271
|
const buttonIcon = "_buttonIcon_1ecv1_25";
|
|
86125
86272
|
const filterName = "_filterName_1ecv1_31";
|
|
86126
86273
|
const filterDropdown$2 = "_filterDropdown_1ecv1_37";
|
|
86127
|
-
var styles$
|
|
86274
|
+
var styles$t = {
|
|
86128
86275
|
button: button$5,
|
|
86129
86276
|
menu: menu$3,
|
|
86130
86277
|
menuContainer: menuContainer$1,
|
|
@@ -86149,7 +86296,7 @@ const top$2 = "_top_1qflp_97";
|
|
|
86149
86296
|
const bottom$3 = "_bottom_1qflp_105";
|
|
86150
86297
|
const left$2 = "_left_1qflp_113";
|
|
86151
86298
|
const right$2 = "_right_1qflp_121";
|
|
86152
|
-
var styles$
|
|
86299
|
+
var styles$s = {
|
|
86153
86300
|
container: container$a,
|
|
86154
86301
|
popover: popover$1,
|
|
86155
86302
|
button: button$4,
|
|
@@ -86197,26 +86344,26 @@ const PopoverMenu = ({
|
|
|
86197
86344
|
});
|
|
86198
86345
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
86199
86346
|
children: /* @__PURE__ */ jsxs("div", {
|
|
86200
|
-
className: `${styles$
|
|
86347
|
+
className: `${styles$s.container} ${className}`,
|
|
86201
86348
|
ref: wrapperRef,
|
|
86202
86349
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
86203
|
-
className: `${buttonClass} ${isOpen ? styles$
|
|
86350
|
+
className: `${buttonClass} ${isOpen ? styles$s.buttonOpen : ""} ${styles$s.button}`,
|
|
86204
86351
|
type: "button",
|
|
86205
86352
|
variant: "custom",
|
|
86206
86353
|
onClick: () => !isDisabled && setOpen((prev) => !prev),
|
|
86207
86354
|
children: button2
|
|
86208
86355
|
}), !isDisabled ? /* @__PURE__ */ jsx("div", {
|
|
86209
|
-
className: `${styles$
|
|
86356
|
+
className: `${styles$s.popover} ${styles$s[position2]} ${menuContainerClass}`,
|
|
86210
86357
|
children: /* @__PURE__ */ jsx(We, {
|
|
86211
86358
|
as: "div",
|
|
86212
|
-
className: `${styles$
|
|
86359
|
+
className: `${styles$s.menu} ${menuClass}`,
|
|
86213
86360
|
show: isOpen,
|
|
86214
|
-
enter: styles$
|
|
86215
|
-
enterFrom: styles$
|
|
86216
|
-
enterTo: styles$
|
|
86217
|
-
leave: styles$
|
|
86218
|
-
leaveFrom: styles$
|
|
86219
|
-
leaveTo: styles$
|
|
86361
|
+
enter: styles$s.enter,
|
|
86362
|
+
enterFrom: styles$s.enterFrom,
|
|
86363
|
+
enterTo: styles$s.enterTo,
|
|
86364
|
+
leave: styles$s.leave,
|
|
86365
|
+
leaveFrom: styles$s.leaveFrom,
|
|
86366
|
+
leaveTo: styles$s.leaveTo,
|
|
86220
86367
|
children: children2
|
|
86221
86368
|
})
|
|
86222
86369
|
}) : null]
|
|
@@ -86272,25 +86419,25 @@ const FilterField = ({
|
|
|
86272
86419
|
}, [isResetted]);
|
|
86273
86420
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
86274
86421
|
children: /* @__PURE__ */ jsxs(PopoverMenu, {
|
|
86275
|
-
buttonClass: styles$
|
|
86276
|
-
menuClass: styles$
|
|
86422
|
+
buttonClass: styles$t.button,
|
|
86423
|
+
menuClass: styles$t.menu,
|
|
86277
86424
|
position: "bottom-left",
|
|
86278
|
-
menuContainerClass: styles$
|
|
86425
|
+
menuContainerClass: styles$t.menuContainer,
|
|
86279
86426
|
button: /* @__PURE__ */ jsxs(Fragment, {
|
|
86280
86427
|
children: [/* @__PURE__ */ jsxs("span", {
|
|
86281
|
-
className: styles$
|
|
86428
|
+
className: styles$t.buttonText,
|
|
86282
86429
|
children: [/* @__PURE__ */ jsx(DataType, {
|
|
86283
86430
|
datatype: filter2.as || type3
|
|
86284
86431
|
}), filter2.name]
|
|
86285
86432
|
}), /* @__PURE__ */ jsx("span", {
|
|
86286
|
-
className: styles$
|
|
86433
|
+
className: styles$t.buttonIcon,
|
|
86287
86434
|
children: /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})
|
|
86288
86435
|
})]
|
|
86289
86436
|
}),
|
|
86290
86437
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86291
86438
|
variant: "p",
|
|
86292
86439
|
styleClass: "font-14",
|
|
86293
|
-
className: styles$
|
|
86440
|
+
className: styles$t.filterName,
|
|
86294
86441
|
children: filter2.name
|
|
86295
86442
|
}), /* @__PURE__ */ jsx(FloatingDropDown, {
|
|
86296
86443
|
label: "Operator",
|
|
@@ -86311,7 +86458,7 @@ const FilterField = ({
|
|
|
86311
86458
|
onChange: setOption,
|
|
86312
86459
|
label: "Filter Value",
|
|
86313
86460
|
labelVariant: "static",
|
|
86314
|
-
className: styles$
|
|
86461
|
+
className: styles$t.filterDropdown
|
|
86315
86462
|
}) : /* @__PURE__ */ jsx(Fragment, {
|
|
86316
86463
|
children: isInFilterOperator(operator.value) ? /* @__PURE__ */ jsx(MultiFilterDropdown, {
|
|
86317
86464
|
selectedOptions: multiOptions,
|
|
@@ -86324,7 +86471,7 @@ const FilterField = ({
|
|
|
86324
86471
|
isSearchEnabled: true,
|
|
86325
86472
|
label: "Filter Value",
|
|
86326
86473
|
labelVariant: "static",
|
|
86327
|
-
className: styles$
|
|
86474
|
+
className: styles$t.filterDropdown,
|
|
86328
86475
|
autoSelected: false,
|
|
86329
86476
|
integrationId,
|
|
86330
86477
|
integrationName
|
|
@@ -86339,7 +86486,7 @@ const FilterField = ({
|
|
|
86339
86486
|
isSearchEnabled: true,
|
|
86340
86487
|
label: "Filter Value",
|
|
86341
86488
|
labelVariant: "static",
|
|
86342
|
-
className: styles$
|
|
86489
|
+
className: styles$t.filterDropdown,
|
|
86343
86490
|
autoSelected: false,
|
|
86344
86491
|
integrationId,
|
|
86345
86492
|
integrationName
|
|
@@ -86367,7 +86514,7 @@ const remove = "_remove_1p21l_85";
|
|
|
86367
86514
|
const filterCol = "_filterCol_1p21l_91";
|
|
86368
86515
|
const filterText = "_filterText_1p21l_97";
|
|
86369
86516
|
const smallText = "_smallText_1p21l_103";
|
|
86370
|
-
var styles$
|
|
86517
|
+
var styles$r = {
|
|
86371
86518
|
container: container$9,
|
|
86372
86519
|
form: form$1,
|
|
86373
86520
|
filterHeader,
|
|
@@ -86470,29 +86617,29 @@ const GlobalFilters = ({
|
|
|
86470
86617
|
}, [data == null ? void 0 : data.companyIntegrations]);
|
|
86471
86618
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
86472
86619
|
children: (data == null ? void 0 : data.companyIntegrations.length) && !isLoading && /* @__PURE__ */ jsx("div", {
|
|
86473
|
-
className: styles$
|
|
86620
|
+
className: styles$r.container,
|
|
86474
86621
|
children: /* @__PURE__ */ jsxs("form", {
|
|
86475
|
-
className: styles$
|
|
86622
|
+
className: styles$r.form,
|
|
86476
86623
|
onSubmit: handleSubmit,
|
|
86477
86624
|
onReset: resetFilters,
|
|
86478
86625
|
children: [/* @__PURE__ */ jsx("div", {
|
|
86479
|
-
className: styles$
|
|
86626
|
+
className: styles$r.filterHeader,
|
|
86480
86627
|
children: /* @__PURE__ */ jsxs("div", {
|
|
86481
|
-
className: styles$
|
|
86628
|
+
className: styles$r.titleContent,
|
|
86482
86629
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86483
86630
|
variant: "p",
|
|
86484
86631
|
styleClass: "primary",
|
|
86485
|
-
className: styles$
|
|
86632
|
+
className: styles$r.title,
|
|
86486
86633
|
children: "Filters:"
|
|
86487
86634
|
}), renderAdditionalHeaderContent ? renderAdditionalHeaderContent() : null]
|
|
86488
86635
|
})
|
|
86489
86636
|
}), /* @__PURE__ */ jsx("div", {
|
|
86490
|
-
className: styles$
|
|
86637
|
+
className: styles$r.filterFields,
|
|
86491
86638
|
children: filters2[0].columns.map((col) => /* @__PURE__ */ jsx(Fragment, {
|
|
86492
86639
|
children: /* @__PURE__ */ jsxs("div", {
|
|
86493
|
-
className: styles$
|
|
86640
|
+
className: styles$r.filterCol,
|
|
86494
86641
|
children: [/* @__PURE__ */ jsx("div", {
|
|
86495
|
-
className: styles$
|
|
86642
|
+
className: styles$r.filterDropdown,
|
|
86496
86643
|
children: /* @__PURE__ */ jsx(FilterDropDown, {
|
|
86497
86644
|
filter: {
|
|
86498
86645
|
tableName: filters2[0].tableName,
|
|
@@ -86522,7 +86669,7 @@ const GlobalFilters = ({
|
|
|
86522
86669
|
}), /* @__PURE__ */ jsx(Button, {
|
|
86523
86670
|
type: "button",
|
|
86524
86671
|
variant: "custom",
|
|
86525
|
-
className: styles$
|
|
86672
|
+
className: styles$r.remove,
|
|
86526
86673
|
onClick: () => setAppliedFilters((prev) => prev.filter((a2) => a2.column !== col.name)),
|
|
86527
86674
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
86528
86675
|
name: "delete-icon"
|
|
@@ -86531,19 +86678,19 @@ const GlobalFilters = ({
|
|
|
86531
86678
|
})
|
|
86532
86679
|
}))
|
|
86533
86680
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86534
|
-
className: styles$
|
|
86681
|
+
className: styles$r.buttons,
|
|
86535
86682
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
86536
86683
|
type: "reset",
|
|
86537
86684
|
variant: "secondary",
|
|
86538
|
-
className: styles$
|
|
86685
|
+
className: styles$r.reset,
|
|
86539
86686
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
86540
86687
|
name: "reset-icon",
|
|
86541
|
-
className: styles$
|
|
86688
|
+
className: styles$r.applyIcon
|
|
86542
86689
|
}), " Reset Filters"]
|
|
86543
86690
|
}), /* @__PURE__ */ jsx(Button, {
|
|
86544
86691
|
type: "submit",
|
|
86545
86692
|
variant: "primary",
|
|
86546
|
-
className: styles$
|
|
86693
|
+
className: styles$r.apply,
|
|
86547
86694
|
children: "Apply"
|
|
86548
86695
|
})]
|
|
86549
86696
|
})]
|
|
@@ -86557,7 +86704,7 @@ const top$1 = "_top_nbkwy_25";
|
|
|
86557
86704
|
const bottom$2 = "_bottom_nbkwy_33";
|
|
86558
86705
|
const left$1 = "_left_nbkwy_41";
|
|
86559
86706
|
const right$1 = "_right_nbkwy_49";
|
|
86560
|
-
var styles$
|
|
86707
|
+
var styles$q = {
|
|
86561
86708
|
container: container$8,
|
|
86562
86709
|
tooltip: tooltip$1,
|
|
86563
86710
|
top: top$1,
|
|
@@ -86584,9 +86731,9 @@ const Tooltip = ({
|
|
|
86584
86731
|
position: position2 = "bottom"
|
|
86585
86732
|
}) => {
|
|
86586
86733
|
return /* @__PURE__ */ jsxs("span", {
|
|
86587
|
-
className: `${styles$
|
|
86734
|
+
className: `${styles$q.container} ${className}`,
|
|
86588
86735
|
children: [content2, /* @__PURE__ */ jsx("span", {
|
|
86589
|
-
className: `${styles$
|
|
86736
|
+
className: `${styles$q.tooltip} ${styles$q[position2]}`,
|
|
86590
86737
|
children: children2
|
|
86591
86738
|
})]
|
|
86592
86739
|
});
|
|
@@ -86607,7 +86754,7 @@ const InfoTooltip = ({
|
|
|
86607
86754
|
children: children2
|
|
86608
86755
|
});
|
|
86609
86756
|
};
|
|
86610
|
-
var styles$
|
|
86757
|
+
var styles$p = {
|
|
86611
86758
|
"header-container": "_header-container_t2r6v_1",
|
|
86612
86759
|
"btn-container": "_btn-container_t2r6v_5",
|
|
86613
86760
|
"back-btn": "_back-btn_t2r6v_9",
|
|
@@ -86624,15 +86771,15 @@ const Header = ({
|
|
|
86624
86771
|
setShowSqlModal
|
|
86625
86772
|
}) => {
|
|
86626
86773
|
return /* @__PURE__ */ jsxs("div", {
|
|
86627
|
-
className: styles$
|
|
86774
|
+
className: styles$p["header-container"],
|
|
86628
86775
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
86629
|
-
className: styles$
|
|
86776
|
+
className: styles$p["btn-container"],
|
|
86630
86777
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
86631
86778
|
type: "button",
|
|
86632
86779
|
variant: "custom",
|
|
86633
86780
|
size: "default",
|
|
86634
86781
|
onClick: () => setShowMetricCreateModal(false),
|
|
86635
|
-
className: styles$
|
|
86782
|
+
className: styles$p["back-btn"],
|
|
86636
86783
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
86637
86784
|
name: "arrow-back-icon"
|
|
86638
86785
|
})
|
|
@@ -86642,11 +86789,11 @@ const Header = ({
|
|
|
86642
86789
|
children: Heading
|
|
86643
86790
|
})]
|
|
86644
86791
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86645
|
-
className: styles$
|
|
86792
|
+
className: styles$p["btn-container"],
|
|
86646
86793
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
86647
86794
|
type: "button",
|
|
86648
86795
|
variant: "custom",
|
|
86649
|
-
className: styles$
|
|
86796
|
+
className: styles$p["sql-btn"],
|
|
86650
86797
|
onClick: () => setShowSqlModal(true),
|
|
86651
86798
|
isDisabled: isDisableSqlBtn,
|
|
86652
86799
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
@@ -86655,7 +86802,7 @@ const Header = ({
|
|
|
86655
86802
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
86656
86803
|
type: "submit",
|
|
86657
86804
|
variant: "primary",
|
|
86658
|
-
className: styles$
|
|
86805
|
+
className: styles$p["save-btn"],
|
|
86659
86806
|
isDisabled: isDisableSaveBtn,
|
|
86660
86807
|
onClick: () => setShowSaveMetricModal(true),
|
|
86661
86808
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
@@ -86665,7 +86812,7 @@ const Header = ({
|
|
|
86665
86812
|
})]
|
|
86666
86813
|
});
|
|
86667
86814
|
};
|
|
86668
|
-
var styles$
|
|
86815
|
+
var styles$o = {
|
|
86669
86816
|
"create-btn": "_create-btn_ihjk8_1",
|
|
86670
86817
|
"modal-container": "_modal-container_ihjk8_5",
|
|
86671
86818
|
"query-modal": "_query-modal_ihjk8_9"
|
|
@@ -86675,7 +86822,7 @@ const header$3 = "_header_1q2ss_5";
|
|
|
86675
86822
|
const wrapper$2 = "_wrapper_1q2ss_9";
|
|
86676
86823
|
const column = "_column_1q2ss_17";
|
|
86677
86824
|
const columnText$1 = "_columnText_1q2ss_21";
|
|
86678
|
-
var styles$
|
|
86825
|
+
var styles$n = {
|
|
86679
86826
|
container: container$7,
|
|
86680
86827
|
header: header$3,
|
|
86681
86828
|
wrapper: wrapper$2,
|
|
@@ -86690,9 +86837,9 @@ const Dataset = ({
|
|
|
86690
86837
|
columnList
|
|
86691
86838
|
}) => {
|
|
86692
86839
|
return /* @__PURE__ */ jsxs("div", {
|
|
86693
|
-
className: styles$
|
|
86840
|
+
className: styles$n.container,
|
|
86694
86841
|
children: [/* @__PURE__ */ jsx("div", {
|
|
86695
|
-
className: styles$
|
|
86842
|
+
className: styles$n.header,
|
|
86696
86843
|
children: /* @__PURE__ */ jsx(FloatingDropDown, {
|
|
86697
86844
|
onChange: setselectTable,
|
|
86698
86845
|
selectedOption: selectTable,
|
|
@@ -86703,24 +86850,24 @@ const Dataset = ({
|
|
|
86703
86850
|
labelVariant: "static"
|
|
86704
86851
|
})
|
|
86705
86852
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86706
|
-
className: styles$
|
|
86853
|
+
className: styles$n.wrapper,
|
|
86707
86854
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86708
86855
|
variant: "h1",
|
|
86709
86856
|
styleClass: "primary",
|
|
86710
86857
|
children: "Columns"
|
|
86711
86858
|
}), /* @__PURE__ */ jsx("div", {
|
|
86712
|
-
className: styles$
|
|
86859
|
+
className: styles$n["col-container"],
|
|
86713
86860
|
children: columnList.map(({
|
|
86714
86861
|
as,
|
|
86715
86862
|
datatype
|
|
86716
86863
|
}) => /* @__PURE__ */ jsxs("div", {
|
|
86717
|
-
className: styles$
|
|
86864
|
+
className: styles$n.column,
|
|
86718
86865
|
children: [/* @__PURE__ */ jsx(DataType, {
|
|
86719
86866
|
datatype
|
|
86720
86867
|
}), /* @__PURE__ */ jsx(Text, {
|
|
86721
86868
|
variant: "p",
|
|
86722
86869
|
styleClass: "font-14",
|
|
86723
|
-
className: styles$
|
|
86870
|
+
className: styles$n.columnText,
|
|
86724
86871
|
children: as
|
|
86725
86872
|
})]
|
|
86726
86873
|
}, as))
|
|
@@ -86747,7 +86894,7 @@ const valueLabelWrapper = "_valueLabelWrapper_1pfol_91";
|
|
|
86747
86894
|
const singleCheckBox = "_singleCheckBox_1pfol_97";
|
|
86748
86895
|
const seriesCheck = "_seriesCheck_1pfol_103";
|
|
86749
86896
|
const seriesCheckContainer = "_seriesCheckContainer_1pfol_109";
|
|
86750
|
-
var styles$
|
|
86897
|
+
var styles$m = {
|
|
86751
86898
|
container: container$6,
|
|
86752
86899
|
header: header$2,
|
|
86753
86900
|
tab: tab$2,
|
|
@@ -86771,7 +86918,7 @@ var styles$j = {
|
|
|
86771
86918
|
const tab$1 = "_tab_4ecdh_1";
|
|
86772
86919
|
const button$3 = "_button_4ecdh_7";
|
|
86773
86920
|
const activeTab = "_activeTab_4ecdh_15";
|
|
86774
|
-
var styles$
|
|
86921
|
+
var styles$l = {
|
|
86775
86922
|
tab: tab$1,
|
|
86776
86923
|
button: button$3,
|
|
86777
86924
|
activeTab
|
|
@@ -86784,11 +86931,11 @@ const Tab = ({
|
|
|
86784
86931
|
tabText: tabText2 = ""
|
|
86785
86932
|
}) => {
|
|
86786
86933
|
return /* @__PURE__ */ jsx("div", {
|
|
86787
|
-
className: `${styles$
|
|
86934
|
+
className: `${styles$l.tab} ${className}`,
|
|
86788
86935
|
children: options2.map((option2) => /* @__PURE__ */ jsx(Button, {
|
|
86789
86936
|
variant: "custom",
|
|
86790
86937
|
type: "button",
|
|
86791
|
-
className: `${styles$
|
|
86938
|
+
className: `${styles$l.button} ${activeTab2 === option2 && styles$l.activeTab} ${tabText2}`,
|
|
86792
86939
|
onClick: () => setActiveTab(option2),
|
|
86793
86940
|
children: option2
|
|
86794
86941
|
}, option2))
|
|
@@ -86824,30 +86971,30 @@ const ChartConfigure = ({
|
|
|
86824
86971
|
}
|
|
86825
86972
|
}, [chartType2]);
|
|
86826
86973
|
return /* @__PURE__ */ jsxs("div", {
|
|
86827
|
-
className: styles$
|
|
86974
|
+
className: styles$m.container,
|
|
86828
86975
|
children: [chartType2 === "table" && /* @__PURE__ */ jsxs(Fragment, {
|
|
86829
86976
|
children: [/* @__PURE__ */ jsx("div", {
|
|
86830
|
-
className: styles$
|
|
86977
|
+
className: styles$m.header,
|
|
86831
86978
|
children: /* @__PURE__ */ jsx(Tab, {
|
|
86832
86979
|
options: tableTabs,
|
|
86833
86980
|
activeTab: activeTab2,
|
|
86834
86981
|
setActiveTab,
|
|
86835
|
-
className: styles$
|
|
86836
|
-
tabText: styles$
|
|
86982
|
+
className: styles$m.tab,
|
|
86983
|
+
tabText: styles$m.tabText
|
|
86837
86984
|
})
|
|
86838
86985
|
}), /* @__PURE__ */ jsxs("form", {
|
|
86839
|
-
className: styles$
|
|
86986
|
+
className: styles$m.form,
|
|
86840
86987
|
children: [activeTab2 === "UI Style" && /* @__PURE__ */ jsxs("div", {
|
|
86841
|
-
className: styles$
|
|
86988
|
+
className: styles$m.inputWrapper,
|
|
86842
86989
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
86843
|
-
className: styles$
|
|
86990
|
+
className: styles$m.seriesWrapper,
|
|
86844
86991
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86845
86992
|
variant: "h1",
|
|
86846
86993
|
styleClass: "font-14",
|
|
86847
86994
|
className: "font-medium",
|
|
86848
86995
|
children: "Table content Alignment"
|
|
86849
86996
|
}), /* @__PURE__ */ jsx("div", {
|
|
86850
|
-
className: styles$
|
|
86997
|
+
className: styles$m.select,
|
|
86851
86998
|
children: /* @__PURE__ */ jsx(Select, {
|
|
86852
86999
|
value: tableSettings.contentAlignment,
|
|
86853
87000
|
options: [{
|
|
@@ -86867,14 +87014,14 @@ const ChartConfigure = ({
|
|
|
86867
87014
|
})
|
|
86868
87015
|
})]
|
|
86869
87016
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86870
|
-
className: styles$
|
|
87017
|
+
className: styles$m.seriesWrapper,
|
|
86871
87018
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86872
87019
|
variant: "h1",
|
|
86873
87020
|
styleClass: "font-14",
|
|
86874
87021
|
className: "font-medium",
|
|
86875
87022
|
children: "Table line gap"
|
|
86876
87023
|
}), /* @__PURE__ */ jsx("div", {
|
|
86877
|
-
className: styles$
|
|
87024
|
+
className: styles$m.select,
|
|
86878
87025
|
children: /* @__PURE__ */ jsx(Select, {
|
|
86879
87026
|
value: tableSettings.lineGap,
|
|
86880
87027
|
options: [{
|
|
@@ -86891,9 +87038,9 @@ const ChartConfigure = ({
|
|
|
86891
87038
|
})
|
|
86892
87039
|
})]
|
|
86893
87040
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86894
|
-
className: styles$
|
|
87041
|
+
className: styles$m.seriesCheckContainer,
|
|
86895
87042
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
86896
|
-
className: styles$
|
|
87043
|
+
className: styles$m.seriesCheck,
|
|
86897
87044
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86898
87045
|
type: "checkbox",
|
|
86899
87046
|
label: "Hide Vertical Divider",
|
|
@@ -86906,7 +87053,7 @@ const ChartConfigure = ({
|
|
|
86906
87053
|
children: "Hide Vertical Divider"
|
|
86907
87054
|
})]
|
|
86908
87055
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86909
|
-
className: styles$
|
|
87056
|
+
className: styles$m.seriesCheck,
|
|
86910
87057
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86911
87058
|
type: "checkbox",
|
|
86912
87059
|
label: "Enable Striped Rows",
|
|
@@ -86919,7 +87066,7 @@ const ChartConfigure = ({
|
|
|
86919
87066
|
children: "Enable Striped Rows"
|
|
86920
87067
|
})]
|
|
86921
87068
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86922
|
-
className: styles$
|
|
87069
|
+
className: styles$m.seriesCheck,
|
|
86923
87070
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86924
87071
|
type: "checkbox",
|
|
86925
87072
|
label: "Show Row Hover",
|
|
@@ -86934,14 +87081,14 @@ const ChartConfigure = ({
|
|
|
86934
87081
|
})]
|
|
86935
87082
|
})]
|
|
86936
87083
|
}), activeTab2 === "Features" && /* @__PURE__ */ jsxs("div", {
|
|
86937
|
-
className: styles$
|
|
87084
|
+
className: styles$m.seriesCheckContainer,
|
|
86938
87085
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86939
87086
|
styleClass: "font-14c",
|
|
86940
87087
|
variant: "p",
|
|
86941
|
-
className: styles$
|
|
87088
|
+
className: styles$m.tabHeading,
|
|
86942
87089
|
children: "Table feature preferences"
|
|
86943
87090
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86944
|
-
className: styles$
|
|
87091
|
+
className: styles$m.seriesCheck,
|
|
86945
87092
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86946
87093
|
type: "checkbox",
|
|
86947
87094
|
label: "Show Table Title",
|
|
@@ -86954,7 +87101,7 @@ const ChartConfigure = ({
|
|
|
86954
87101
|
children: "Show Table Title"
|
|
86955
87102
|
})]
|
|
86956
87103
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86957
|
-
className: styles$
|
|
87104
|
+
className: styles$m.seriesCheck,
|
|
86958
87105
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86959
87106
|
type: "checkbox",
|
|
86960
87107
|
label: "Enable Table Search options",
|
|
@@ -86967,7 +87114,7 @@ const ChartConfigure = ({
|
|
|
86967
87114
|
children: "Enable Table Search Options"
|
|
86968
87115
|
})]
|
|
86969
87116
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86970
|
-
className: styles$
|
|
87117
|
+
className: styles$m.seriesCheck,
|
|
86971
87118
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86972
87119
|
type: "checkbox",
|
|
86973
87120
|
label: "Enable Filter options",
|
|
@@ -86980,7 +87127,7 @@ const ChartConfigure = ({
|
|
|
86980
87127
|
children: "Enable Filter Options"
|
|
86981
87128
|
})]
|
|
86982
87129
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86983
|
-
className: styles$
|
|
87130
|
+
className: styles$m.seriesCheck,
|
|
86984
87131
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86985
87132
|
type: "checkbox",
|
|
86986
87133
|
label: "Enable Table sorting",
|
|
@@ -87002,15 +87149,15 @@ const ChartConfigure = ({
|
|
|
87002
87149
|
options: chartType2 !== "single value" ? TabList : singleValueTabs,
|
|
87003
87150
|
activeTab: activeTab2,
|
|
87004
87151
|
setActiveTab,
|
|
87005
|
-
className: styles$
|
|
87006
|
-
tabText: styles$
|
|
87152
|
+
className: styles$m.tab,
|
|
87153
|
+
tabText: styles$m.tabText
|
|
87007
87154
|
})
|
|
87008
87155
|
}), /* @__PURE__ */ jsxs("form", {
|
|
87009
|
-
className: styles$
|
|
87156
|
+
className: styles$m.form,
|
|
87010
87157
|
children: [activeTab2 === "Margins" && /* @__PURE__ */ jsxs("div", {
|
|
87011
|
-
className: styles$
|
|
87158
|
+
className: styles$m.inputWrapper,
|
|
87012
87159
|
children: [/* @__PURE__ */ jsx("div", {
|
|
87013
|
-
className: styles$
|
|
87160
|
+
className: styles$m.input,
|
|
87014
87161
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87015
87162
|
type: "number",
|
|
87016
87163
|
label: "Top",
|
|
@@ -87021,7 +87168,7 @@ const ChartConfigure = ({
|
|
|
87021
87168
|
value: margins.marginTop
|
|
87022
87169
|
})
|
|
87023
87170
|
}), /* @__PURE__ */ jsx("div", {
|
|
87024
|
-
className: styles$
|
|
87171
|
+
className: styles$m.input,
|
|
87025
87172
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87026
87173
|
type: "number",
|
|
87027
87174
|
label: "Bottom",
|
|
@@ -87032,7 +87179,7 @@ const ChartConfigure = ({
|
|
|
87032
87179
|
value: margins.marginBottom
|
|
87033
87180
|
})
|
|
87034
87181
|
}), /* @__PURE__ */ jsx("div", {
|
|
87035
|
-
className: styles$
|
|
87182
|
+
className: styles$m.input,
|
|
87036
87183
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87037
87184
|
type: "number",
|
|
87038
87185
|
label: "Left",
|
|
@@ -87043,7 +87190,7 @@ const ChartConfigure = ({
|
|
|
87043
87190
|
}))
|
|
87044
87191
|
})
|
|
87045
87192
|
}), /* @__PURE__ */ jsx("div", {
|
|
87046
|
-
className: styles$
|
|
87193
|
+
className: styles$m.input,
|
|
87047
87194
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87048
87195
|
type: "number",
|
|
87049
87196
|
label: "Right",
|
|
@@ -87055,7 +87202,7 @@ const ChartConfigure = ({
|
|
|
87055
87202
|
})
|
|
87056
87203
|
})]
|
|
87057
87204
|
}), activeTab2 === "Legend" && /* @__PURE__ */ jsxs("div", {
|
|
87058
|
-
className: styles$
|
|
87205
|
+
className: styles$m.legendWrapper,
|
|
87059
87206
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
87060
87207
|
type: "checkbox",
|
|
87061
87208
|
label: "Show Legend",
|
|
@@ -87070,9 +87217,9 @@ const ChartConfigure = ({
|
|
|
87070
87217
|
styleClass: "primary",
|
|
87071
87218
|
children: "Position"
|
|
87072
87219
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87073
|
-
className: styles$
|
|
87220
|
+
className: styles$m.inputWrapper,
|
|
87074
87221
|
children: [/* @__PURE__ */ jsx("div", {
|
|
87075
|
-
className: styles$
|
|
87222
|
+
className: styles$m.input,
|
|
87076
87223
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87077
87224
|
type: "number",
|
|
87078
87225
|
label: "Top",
|
|
@@ -87083,7 +87230,7 @@ const ChartConfigure = ({
|
|
|
87083
87230
|
}))
|
|
87084
87231
|
})
|
|
87085
87232
|
}), /* @__PURE__ */ jsx("div", {
|
|
87086
|
-
className: styles$
|
|
87233
|
+
className: styles$m.input,
|
|
87087
87234
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87088
87235
|
type: "number",
|
|
87089
87236
|
label: "Bottom",
|
|
@@ -87094,7 +87241,7 @@ const ChartConfigure = ({
|
|
|
87094
87241
|
}))
|
|
87095
87242
|
})
|
|
87096
87243
|
}), /* @__PURE__ */ jsx("div", {
|
|
87097
|
-
className: styles$
|
|
87244
|
+
className: styles$m.input,
|
|
87098
87245
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87099
87246
|
type: "number",
|
|
87100
87247
|
label: "Left",
|
|
@@ -87105,7 +87252,7 @@ const ChartConfigure = ({
|
|
|
87105
87252
|
}))
|
|
87106
87253
|
})
|
|
87107
87254
|
}), /* @__PURE__ */ jsx("div", {
|
|
87108
|
-
className: styles$
|
|
87255
|
+
className: styles$m.input,
|
|
87109
87256
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87110
87257
|
type: "number",
|
|
87111
87258
|
label: "Right",
|
|
@@ -87118,13 +87265,13 @@ const ChartConfigure = ({
|
|
|
87118
87265
|
})]
|
|
87119
87266
|
})]
|
|
87120
87267
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87121
|
-
className: styles$
|
|
87268
|
+
className: styles$m.selectWrapper,
|
|
87122
87269
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87123
87270
|
variant: "h1",
|
|
87124
87271
|
styleClass: "primary",
|
|
87125
87272
|
children: "Appearance"
|
|
87126
87273
|
}), /* @__PURE__ */ jsx("div", {
|
|
87127
|
-
className: styles$
|
|
87274
|
+
className: styles$m.select,
|
|
87128
87275
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87129
87276
|
value: legendSettings.position,
|
|
87130
87277
|
options: [{
|
|
@@ -87142,21 +87289,21 @@ const ChartConfigure = ({
|
|
|
87142
87289
|
})]
|
|
87143
87290
|
})]
|
|
87144
87291
|
}), activeTab2 === "Custom" && /* @__PURE__ */ jsxs("div", {
|
|
87145
|
-
className: styles$
|
|
87292
|
+
className: styles$m.series,
|
|
87146
87293
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87147
87294
|
styleClass: "font-14c",
|
|
87148
87295
|
variant: "p",
|
|
87149
|
-
className: styles$
|
|
87296
|
+
className: styles$m.tabHeading,
|
|
87150
87297
|
children: "Chart preferences"
|
|
87151
87298
|
}), chartType2 !== "single value" && /* @__PURE__ */ jsxs(Fragment, {
|
|
87152
87299
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87153
|
-
className: styles$
|
|
87300
|
+
className: styles$m.seriesWrapper,
|
|
87154
87301
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87155
87302
|
variant: "h1",
|
|
87156
87303
|
styleClass: "font-14",
|
|
87157
87304
|
children: "Value labels"
|
|
87158
87305
|
}), /* @__PURE__ */ jsx("div", {
|
|
87159
|
-
className: styles$
|
|
87306
|
+
className: styles$m.valueLabelWrapper,
|
|
87160
87307
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87161
87308
|
value: labelSettings.position,
|
|
87162
87309
|
options: [{
|
|
@@ -87210,7 +87357,7 @@ const ChartConfigure = ({
|
|
|
87210
87357
|
type: "text",
|
|
87211
87358
|
label: "Label Format",
|
|
87212
87359
|
icon: /* @__PURE__ */ jsx("span", {
|
|
87213
|
-
className: styles$
|
|
87360
|
+
className: styles$m.labelFormatTooltip,
|
|
87214
87361
|
children: /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87215
87362
|
position: "left-top-end",
|
|
87216
87363
|
children: `Please use {b} to show the label name, {c} to show the label value.
|
|
@@ -87226,14 +87373,14 @@ const ChartConfigure = ({
|
|
|
87226
87373
|
})]
|
|
87227
87374
|
}), chartType2 !== "pie" && chartType2 !== "doughnut" && chartType2 !== "funnel" && chartType2 !== "gauge" && chartType2 !== "sankey" && chartType2 !== "singleValue" && chartType2 !== "table" && /* @__PURE__ */ jsxs(Fragment, {
|
|
87228
87375
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87229
|
-
className: styles$
|
|
87376
|
+
className: styles$m.seriesWrapper,
|
|
87230
87377
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87231
87378
|
variant: "h1",
|
|
87232
87379
|
styleClass: "font-14",
|
|
87233
87380
|
className: "font-medium",
|
|
87234
87381
|
children: "Axis"
|
|
87235
87382
|
}), /* @__PURE__ */ jsx("div", {
|
|
87236
|
-
className: styles$
|
|
87383
|
+
className: styles$m.select,
|
|
87237
87384
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87238
87385
|
value: axisSettings.axis,
|
|
87239
87386
|
options: [{
|
|
@@ -87250,11 +87397,11 @@ const ChartConfigure = ({
|
|
|
87250
87397
|
})
|
|
87251
87398
|
})]
|
|
87252
87399
|
}), chartType2 === "bar" && /* @__PURE__ */ jsxs("div", {
|
|
87253
|
-
className: styles$
|
|
87400
|
+
className: styles$m.seriesWrapper,
|
|
87254
87401
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87255
87402
|
variant: "h1",
|
|
87256
87403
|
styleClass: "font-14",
|
|
87257
|
-
className: styles$
|
|
87404
|
+
className: styles$m.label,
|
|
87258
87405
|
children: ["Modify X-Axis label rotation", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87259
87406
|
children: "Rotate X-Axis label to a certain angle"
|
|
87260
87407
|
})]
|
|
@@ -87286,16 +87433,16 @@ const ChartConfigure = ({
|
|
|
87286
87433
|
showFullStacked: e2.target.checked
|
|
87287
87434
|
}))
|
|
87288
87435
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87289
|
-
className: styles$
|
|
87436
|
+
className: styles$m.seriesWrapper,
|
|
87290
87437
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87291
87438
|
variant: "h1",
|
|
87292
87439
|
styleClass: "font-14",
|
|
87293
|
-
className: styles$
|
|
87440
|
+
className: styles$m.label,
|
|
87294
87441
|
children: ["Hide Axis labels", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87295
87442
|
children: "Axis labels represents the x and y axis values"
|
|
87296
87443
|
})]
|
|
87297
87444
|
}), /* @__PURE__ */ jsx("div", {
|
|
87298
|
-
className: styles$
|
|
87445
|
+
className: styles$m.select,
|
|
87299
87446
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87300
87447
|
value: customSettings.axisLabels,
|
|
87301
87448
|
options: [{
|
|
@@ -87318,16 +87465,16 @@ const ChartConfigure = ({
|
|
|
87318
87465
|
})
|
|
87319
87466
|
})]
|
|
87320
87467
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87321
|
-
className: styles$
|
|
87468
|
+
className: styles$m.seriesWrapper,
|
|
87322
87469
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87323
87470
|
variant: "h1",
|
|
87324
87471
|
styleClass: "font-14",
|
|
87325
|
-
className: styles$
|
|
87472
|
+
className: styles$m.label,
|
|
87326
87473
|
children: ["Hide Splitlines", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87327
87474
|
children: "Splitline is the reference lines that run along the directional x and y axis which act as reference markers"
|
|
87328
87475
|
})]
|
|
87329
87476
|
}), /* @__PURE__ */ jsx("div", {
|
|
87330
|
-
className: styles$
|
|
87477
|
+
className: styles$m.select,
|
|
87331
87478
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87332
87479
|
value: customSettings.hideSplitLines,
|
|
87333
87480
|
options: [{
|
|
@@ -87350,16 +87497,16 @@ const ChartConfigure = ({
|
|
|
87350
87497
|
})
|
|
87351
87498
|
})]
|
|
87352
87499
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87353
|
-
className: styles$
|
|
87500
|
+
className: styles$m.seriesWrapper,
|
|
87354
87501
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87355
87502
|
variant: "h1",
|
|
87356
87503
|
styleClass: "font-14",
|
|
87357
|
-
className: styles$
|
|
87504
|
+
className: styles$m.label,
|
|
87358
87505
|
children: ["Hide Axis Line", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87359
87506
|
children: "The x-axis and y-axis lines act as a graph base from which the chart starts"
|
|
87360
87507
|
})]
|
|
87361
87508
|
}), /* @__PURE__ */ jsx("div", {
|
|
87362
|
-
className: styles$
|
|
87509
|
+
className: styles$m.select,
|
|
87363
87510
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87364
87511
|
value: customSettings.hideAxisLines,
|
|
87365
87512
|
options: [{
|
|
@@ -87383,11 +87530,11 @@ const ChartConfigure = ({
|
|
|
87383
87530
|
})]
|
|
87384
87531
|
}), chartType2 === "bar" || chartType2 === "row" || chartType2 === "stack" ? /* @__PURE__ */ jsxs(Fragment, {
|
|
87385
87532
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87386
|
-
className: styles$
|
|
87533
|
+
className: styles$m.seriesWrapper,
|
|
87387
87534
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87388
87535
|
variant: "h1",
|
|
87389
87536
|
styleClass: "font-14",
|
|
87390
|
-
className: styles$
|
|
87537
|
+
className: styles$m.label,
|
|
87391
87538
|
children: ["Modify Bar width", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87392
87539
|
children: "The width of each individual bar rectangle of the graph"
|
|
87393
87540
|
})]
|
|
@@ -87401,11 +87548,11 @@ const ChartConfigure = ({
|
|
|
87401
87548
|
value: customSettings.barWidth
|
|
87402
87549
|
})]
|
|
87403
87550
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87404
|
-
className: styles$
|
|
87551
|
+
className: styles$m.seriesWrapper,
|
|
87405
87552
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87406
87553
|
variant: "h1",
|
|
87407
87554
|
styleClass: "font-14",
|
|
87408
|
-
className: styles$
|
|
87555
|
+
className: styles$m.label,
|
|
87409
87556
|
children: ["Modify Bar radius", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87410
87557
|
children: "The property that rounds the corners of the element's outer border edge"
|
|
87411
87558
|
})]
|
|
@@ -87423,11 +87570,11 @@ const ChartConfigure = ({
|
|
|
87423
87570
|
})]
|
|
87424
87571
|
}), chartType2 === "single value" && /* @__PURE__ */ jsxs(Fragment, {
|
|
87425
87572
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87426
|
-
className: styles$
|
|
87573
|
+
className: styles$m.seriesWrapper,
|
|
87427
87574
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87428
87575
|
variant: "h1",
|
|
87429
87576
|
styleClass: "font-14",
|
|
87430
|
-
className: styles$
|
|
87577
|
+
className: styles$m.label,
|
|
87431
87578
|
children: "Single Value Chart Font Size"
|
|
87432
87579
|
}), /* @__PURE__ */ jsx(InputField, {
|
|
87433
87580
|
type: "number",
|
|
@@ -87439,7 +87586,7 @@ const ChartConfigure = ({
|
|
|
87439
87586
|
value: customSettings.fontSize
|
|
87440
87587
|
})]
|
|
87441
87588
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87442
|
-
className: styles$
|
|
87589
|
+
className: styles$m.singleCheckBox,
|
|
87443
87590
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
87444
87591
|
type: "checkbox",
|
|
87445
87592
|
label: "",
|
|
@@ -87451,18 +87598,18 @@ const ChartConfigure = ({
|
|
|
87451
87598
|
}), /* @__PURE__ */ jsxs(Text, {
|
|
87452
87599
|
variant: "h1",
|
|
87453
87600
|
styleClass: "font-14",
|
|
87454
|
-
className: styles$
|
|
87601
|
+
className: styles$m.label,
|
|
87455
87602
|
children: ["Single Value Sub-Header", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87456
87603
|
children: "Single Value Sub-Header"
|
|
87457
87604
|
})]
|
|
87458
87605
|
})]
|
|
87459
87606
|
}), customSettings.subHeaderShow && /* @__PURE__ */ jsxs(Fragment, {
|
|
87460
87607
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87461
|
-
className: styles$
|
|
87608
|
+
className: styles$m.seriesWrapper,
|
|
87462
87609
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87463
87610
|
variant: "h1",
|
|
87464
87611
|
styleClass: "font-14",
|
|
87465
|
-
className: styles$
|
|
87612
|
+
className: styles$m.label,
|
|
87466
87613
|
children: "Sub-Header Display Text"
|
|
87467
87614
|
}), /* @__PURE__ */ jsx(InputField, {
|
|
87468
87615
|
type: "text",
|
|
@@ -87475,11 +87622,11 @@ const ChartConfigure = ({
|
|
|
87475
87622
|
value: customSettings.displayText
|
|
87476
87623
|
})]
|
|
87477
87624
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87478
|
-
className: styles$
|
|
87625
|
+
className: styles$m.seriesWrapper,
|
|
87479
87626
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87480
87627
|
variant: "h1",
|
|
87481
87628
|
styleClass: "font-14",
|
|
87482
|
-
className: styles$
|
|
87629
|
+
className: styles$m.label,
|
|
87483
87630
|
children: "Sub-Header Font Size"
|
|
87484
87631
|
}), /* @__PURE__ */ jsx(InputField, {
|
|
87485
87632
|
type: "number",
|
|
@@ -87492,13 +87639,13 @@ const ChartConfigure = ({
|
|
|
87492
87639
|
})]
|
|
87493
87640
|
})]
|
|
87494
87641
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87495
|
-
className: styles$
|
|
87642
|
+
className: styles$m.seriesWrapper,
|
|
87496
87643
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87497
87644
|
variant: "h1",
|
|
87498
87645
|
styleClass: "primary",
|
|
87499
87646
|
children: "Date formatting"
|
|
87500
87647
|
}), /* @__PURE__ */ jsx("div", {
|
|
87501
|
-
className: styles$
|
|
87648
|
+
className: styles$m.valueLabelWrapper,
|
|
87502
87649
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87503
87650
|
value: customSettings.dateFormatter,
|
|
87504
87651
|
options: [{
|
|
@@ -87533,13 +87680,13 @@ const ChartConfigure = ({
|
|
|
87533
87680
|
})
|
|
87534
87681
|
})]
|
|
87535
87682
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87536
|
-
className: styles$
|
|
87683
|
+
className: styles$m.seriesWrapper,
|
|
87537
87684
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87538
87685
|
variant: "h1",
|
|
87539
87686
|
styleClass: "primary",
|
|
87540
87687
|
children: "Number formatting"
|
|
87541
87688
|
}), /* @__PURE__ */ jsx("div", {
|
|
87542
|
-
className: styles$
|
|
87689
|
+
className: styles$m.valueLabelWrapper,
|
|
87543
87690
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87544
87691
|
value: customSettings.numberFormatter,
|
|
87545
87692
|
textSize: "12px",
|
|
@@ -87620,7 +87767,7 @@ const button$2 = "_button_1fmoa_79";
|
|
|
87620
87767
|
const propertyButton = "_propertyButton_1fmoa_87";
|
|
87621
87768
|
const settings = "_settings_1fmoa_15";
|
|
87622
87769
|
const crossIcon = "_crossIcon_1fmoa_103";
|
|
87623
|
-
var styles$
|
|
87770
|
+
var styles$k = {
|
|
87624
87771
|
chartButtonContainer: chartButtonContainer$1,
|
|
87625
87772
|
"chartButton-header": "_chartButton-header_1fmoa_7",
|
|
87626
87773
|
"settingsTab-header-control": "_settingsTab-header-control_1fmoa_15",
|
|
@@ -87705,28 +87852,28 @@ const ChartSettings = ({
|
|
|
87705
87852
|
justifyContent: "center"
|
|
87706
87853
|
};
|
|
87707
87854
|
return /* @__PURE__ */ jsxs("div", {
|
|
87708
|
-
className: styles$
|
|
87855
|
+
className: styles$k.chartButtonContainer,
|
|
87709
87856
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87710
|
-
className: styles$
|
|
87857
|
+
className: styles$k["chartButton-header"],
|
|
87711
87858
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87712
87859
|
styleClass: "font-14c",
|
|
87713
87860
|
variant: "h1",
|
|
87714
|
-
className: styles$
|
|
87861
|
+
className: styles$k.settings,
|
|
87715
87862
|
children: [/* @__PURE__ */ jsx(mdiMixerSettingsVertical, {}), "Chart Settings"]
|
|
87716
87863
|
}), /* @__PURE__ */ jsx("div", {
|
|
87717
|
-
className: styles$
|
|
87864
|
+
className: styles$k.crossIcon,
|
|
87718
87865
|
children: /* @__PURE__ */ jsx(akarIconsCross, {
|
|
87719
87866
|
onClick: () => setSettingsShow(false)
|
|
87720
87867
|
})
|
|
87721
87868
|
})]
|
|
87722
87869
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87723
|
-
className: styles$
|
|
87870
|
+
className: styles$k.chartButtons,
|
|
87724
87871
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87725
|
-
className: styles$
|
|
87872
|
+
className: styles$k["settingsTab-header-control"],
|
|
87726
87873
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
87727
87874
|
type: "button",
|
|
87728
87875
|
variant: "custom",
|
|
87729
|
-
className: `${styles$
|
|
87876
|
+
className: `${styles$k.chartButton} ${selectedTab2 === GENERAL && styles$k.chartButtonSelected}`,
|
|
87730
87877
|
onClick: () => setSelectedTab(GENERAL),
|
|
87731
87878
|
children: [selectedTab2 === GENERAL && /* @__PURE__ */ jsx("div", {
|
|
87732
87879
|
style: buttonColor,
|
|
@@ -87735,7 +87882,7 @@ const ChartSettings = ({
|
|
|
87735
87882
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
87736
87883
|
type: "button",
|
|
87737
87884
|
variant: "custom",
|
|
87738
|
-
className: `${styles$
|
|
87885
|
+
className: `${styles$k.chartButton} ${selectedTab2 === CONFIG && styles$k.chartButtonSelected}`,
|
|
87739
87886
|
onClick: () => setSelectedTab(CONFIG),
|
|
87740
87887
|
children: [selectedTab2 === CONFIG && /* @__PURE__ */ jsx("div", {
|
|
87741
87888
|
style: buttonColor,
|
|
@@ -87744,23 +87891,23 @@ const ChartSettings = ({
|
|
|
87744
87891
|
})]
|
|
87745
87892
|
}), selectedTab2 === GENERAL && /* @__PURE__ */ jsxs(Fragment, {
|
|
87746
87893
|
children: [/* @__PURE__ */ jsx("div", {
|
|
87747
|
-
className: styles$
|
|
87894
|
+
className: styles$k.tabContainer,
|
|
87748
87895
|
children: /* @__PURE__ */ jsx(Tab, {
|
|
87749
87896
|
activeTab: activeTab2,
|
|
87750
87897
|
options: [FIRST_TAB, SECOND_TAB],
|
|
87751
87898
|
setActiveTab,
|
|
87752
|
-
className: styles$
|
|
87753
|
-
tabText: styles$
|
|
87899
|
+
className: styles$k.tab,
|
|
87900
|
+
tabText: styles$k.tabText
|
|
87754
87901
|
})
|
|
87755
87902
|
}), activeTab2 === FIRST_TAB && /* @__PURE__ */ jsx("div", {
|
|
87756
|
-
className: styles$
|
|
87903
|
+
className: styles$k.button,
|
|
87757
87904
|
children: /* @__PURE__ */ jsx(ChartModalOptions, {
|
|
87758
87905
|
chartType: chartType2,
|
|
87759
87906
|
setChartType
|
|
87760
87907
|
})
|
|
87761
87908
|
}), activeTab2 === SECOND_TAB && /* @__PURE__ */ jsx(Fragment, {
|
|
87762
87909
|
children: chartType2 && /* @__PURE__ */ jsx("div", {
|
|
87763
|
-
className: styles$
|
|
87910
|
+
className: styles$k.button,
|
|
87764
87911
|
children: /* @__PURE__ */ jsx(ChartConfig, {
|
|
87765
87912
|
data,
|
|
87766
87913
|
setXAxis,
|
|
@@ -87817,7 +87964,7 @@ const chartSettings = "_chartSettings_9vbz9_147";
|
|
|
87817
87964
|
const labels = "_labels_9vbz9_155";
|
|
87818
87965
|
const chartButtons = "_chartButtons_9vbz9_163";
|
|
87819
87966
|
const chartButton = "_chartButton_9vbz9_107";
|
|
87820
|
-
var styles$
|
|
87967
|
+
var styles$j = {
|
|
87821
87968
|
searchCommand: searchCommand$1,
|
|
87822
87969
|
"chartTab-container": "_chartTab-container_9vbz9_11",
|
|
87823
87970
|
chartText,
|
|
@@ -87901,9 +88048,9 @@ const ChartTab = ({
|
|
|
87901
88048
|
const [isSettingsShow, setSettingsShow] = useState(false);
|
|
87902
88049
|
const [isShowFullScreen, setShowFullScreen] = useState(false);
|
|
87903
88050
|
return /* @__PURE__ */ jsxs("div", {
|
|
87904
|
-
className: styles$
|
|
88051
|
+
className: styles$j["chartTab-container"],
|
|
87905
88052
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87906
|
-
className: styles$
|
|
88053
|
+
className: styles$j.metricChartHeader,
|
|
87907
88054
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87908
88055
|
styleClass: "primary",
|
|
87909
88056
|
variant: "p",
|
|
@@ -87911,7 +88058,7 @@ const ChartTab = ({
|
|
|
87911
88058
|
children: "Preview"
|
|
87912
88059
|
}), headerChild]
|
|
87913
88060
|
}), !(data == null ? void 0 : data.length) && isLoading && /* @__PURE__ */ jsx("div", {
|
|
87914
|
-
className: styles$
|
|
88061
|
+
className: styles$j["loader-container"],
|
|
87915
88062
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
87916
88063
|
style: {
|
|
87917
88064
|
width: "50px",
|
|
@@ -87920,21 +88067,21 @@ const ChartTab = ({
|
|
|
87920
88067
|
}
|
|
87921
88068
|
})
|
|
87922
88069
|
}), !(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsxs("div", {
|
|
87923
|
-
className: styles$
|
|
88070
|
+
className: styles$j.metricChartEmpty,
|
|
87924
88071
|
children: [/* @__PURE__ */ jsx("div", {
|
|
87925
|
-
className: styles$
|
|
88072
|
+
className: styles$j.searchWrapper,
|
|
87926
88073
|
children: /* @__PURE__ */ jsx(akarIconsSearch, {
|
|
87927
|
-
className: styles$
|
|
88074
|
+
className: styles$j.searchIcon
|
|
87928
88075
|
})
|
|
87929
88076
|
}), /* @__PURE__ */ jsx("div", {
|
|
87930
|
-
className: styles$
|
|
88077
|
+
className: styles$j.message,
|
|
87931
88078
|
children: /* @__PURE__ */ jsx(Text, {
|
|
87932
88079
|
styleClass: "font-14b",
|
|
87933
88080
|
variant: "p",
|
|
87934
88081
|
children: "Uh-oh, Nothing to display"
|
|
87935
88082
|
})
|
|
87936
88083
|
}), /* @__PURE__ */ jsx("div", {
|
|
87937
|
-
className: styles$
|
|
88084
|
+
className: styles$j.chartButton,
|
|
87938
88085
|
children: /* @__PURE__ */ jsx(Text, {
|
|
87939
88086
|
styleClass: "font-14a",
|
|
87940
88087
|
variant: "p",
|
|
@@ -87942,22 +88089,22 @@ const ChartTab = ({
|
|
|
87942
88089
|
})
|
|
87943
88090
|
})]
|
|
87944
88091
|
}), !!(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsx("div", {
|
|
87945
|
-
className: styles$
|
|
88092
|
+
className: styles$j.metricChart,
|
|
87946
88093
|
children: /* @__PURE__ */ jsxs("div", {
|
|
87947
|
-
className: styles$
|
|
88094
|
+
className: styles$j["chartTab-wrapper"],
|
|
87948
88095
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87949
|
-
className: styles$
|
|
88096
|
+
className: styles$j["chartTab-wrapper-head"],
|
|
87950
88097
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87951
88098
|
styleClass: "primary",
|
|
87952
88099
|
variant: "p",
|
|
87953
88100
|
className: "",
|
|
87954
88101
|
children: "Charts"
|
|
87955
88102
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87956
|
-
className: styles$
|
|
88103
|
+
className: styles$j.chartButtons,
|
|
87957
88104
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
87958
88105
|
type: "button",
|
|
87959
88106
|
variant: "custom",
|
|
87960
|
-
className: styles$
|
|
88107
|
+
className: styles$j.chartButton,
|
|
87961
88108
|
onClick: () => {
|
|
87962
88109
|
setSettingsShow(!isSettingsShow);
|
|
87963
88110
|
},
|
|
@@ -87965,16 +88112,16 @@ const ChartTab = ({
|
|
|
87965
88112
|
}), /* @__PURE__ */ jsx(Button, {
|
|
87966
88113
|
type: "button",
|
|
87967
88114
|
variant: "custom",
|
|
87968
|
-
className: (labels2 == null ? void 0 : labels2.length) ? styles$
|
|
88115
|
+
className: (labels2 == null ? void 0 : labels2.length) ? styles$j.fullQuery : styles$j.noQuery,
|
|
87969
88116
|
onClick: (labels2 == null ? void 0 : labels2.length) ? () => setShowFullScreen(true) : void 0,
|
|
87970
88117
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
87971
88118
|
name: "fullscreen-icon",
|
|
87972
|
-
className: styles$
|
|
88119
|
+
className: styles$j.fullQueryIcon
|
|
87973
88120
|
})
|
|
87974
88121
|
})]
|
|
87975
88122
|
})]
|
|
87976
88123
|
}), isSettingsShow && /* @__PURE__ */ jsx("div", {
|
|
87977
|
-
className: styles$
|
|
88124
|
+
className: styles$j.chartSettings,
|
|
87978
88125
|
children: /* @__PURE__ */ jsx(ChartSettings, {
|
|
87979
88126
|
chartType: chartType2,
|
|
87980
88127
|
setChartType,
|
|
@@ -88007,7 +88154,7 @@ const ChartTab = ({
|
|
|
88007
88154
|
setTableSettings
|
|
88008
88155
|
})
|
|
88009
88156
|
}), (labels2 == null ? void 0 : labels2.length) ? /* @__PURE__ */ jsxs("div", {
|
|
88010
|
-
className: styles$
|
|
88157
|
+
className: styles$j.labels,
|
|
88011
88158
|
children: [/* @__PURE__ */ jsx(MetricChart, {
|
|
88012
88159
|
labels: labels2,
|
|
88013
88160
|
data: {
|
|
@@ -88039,21 +88186,21 @@ const ChartTab = ({
|
|
|
88039
88186
|
handleChartRightClick
|
|
88040
88187
|
}), chartPopupChild]
|
|
88041
88188
|
}) : /* @__PURE__ */ jsxs("div", {
|
|
88042
|
-
className: styles$
|
|
88189
|
+
className: styles$j.metricChartEmpty,
|
|
88043
88190
|
children: [/* @__PURE__ */ jsx("div", {
|
|
88044
|
-
className: styles$
|
|
88191
|
+
className: styles$j.searchWrapper,
|
|
88045
88192
|
children: /* @__PURE__ */ jsx(akarIconsSearch, {
|
|
88046
|
-
className: styles$
|
|
88193
|
+
className: styles$j.searchIcon
|
|
88047
88194
|
})
|
|
88048
88195
|
}), /* @__PURE__ */ jsx("div", {
|
|
88049
|
-
className: styles$
|
|
88196
|
+
className: styles$j.message,
|
|
88050
88197
|
children: /* @__PURE__ */ jsx(Text, {
|
|
88051
88198
|
styleClass: "font-14b",
|
|
88052
88199
|
variant: "p",
|
|
88053
88200
|
children: "Uh-oh, Nothing to display"
|
|
88054
88201
|
})
|
|
88055
88202
|
}), /* @__PURE__ */ jsx("div", {
|
|
88056
|
-
className: styles$
|
|
88203
|
+
className: styles$j.chartButton,
|
|
88057
88204
|
children: /* @__PURE__ */ jsx(Text, {
|
|
88058
88205
|
styleClass: "font-14a",
|
|
88059
88206
|
variant: "p",
|
|
@@ -88101,7 +88248,7 @@ const container$5 = "_container_yjeiv_1";
|
|
|
88101
88248
|
const wrapper$1 = "_wrapper_yjeiv_5";
|
|
88102
88249
|
const text = "_text_yjeiv_9";
|
|
88103
88250
|
const table$2 = "_table_yjeiv_12";
|
|
88104
|
-
var styles$
|
|
88251
|
+
var styles$i = {
|
|
88105
88252
|
container: container$5,
|
|
88106
88253
|
wrapper: wrapper$1,
|
|
88107
88254
|
text,
|
|
@@ -88111,18 +88258,18 @@ const InputTables = ({
|
|
|
88111
88258
|
previewTableDataList
|
|
88112
88259
|
}) => {
|
|
88113
88260
|
return /* @__PURE__ */ jsx("div", {
|
|
88114
|
-
className: styles$
|
|
88261
|
+
className: styles$i.container,
|
|
88115
88262
|
children: /* @__PURE__ */ jsx("div", {
|
|
88116
|
-
className: styles$
|
|
88263
|
+
className: styles$i.wrapper,
|
|
88117
88264
|
children: previewTableDataList == null ? void 0 : previewTableDataList.map((table2) => /* @__PURE__ */ jsxs("div", {
|
|
88118
|
-
className: styles$
|
|
88265
|
+
className: styles$i.text,
|
|
88119
88266
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
88120
88267
|
variant: "h1",
|
|
88121
88268
|
styleClass: "primary",
|
|
88122
88269
|
className: "",
|
|
88123
88270
|
children: table2.name
|
|
88124
88271
|
}), /* @__PURE__ */ jsx("div", {
|
|
88125
|
-
className: styles$
|
|
88272
|
+
className: styles$i.table,
|
|
88126
88273
|
children: /* @__PURE__ */ jsx(Table, {
|
|
88127
88274
|
data: table2.data,
|
|
88128
88275
|
error: table2.isError,
|
|
@@ -88138,7 +88285,7 @@ const header$1 = "_header_38zl3_5";
|
|
|
88138
88285
|
const tabButton$1 = "_tabButton_38zl3_16";
|
|
88139
88286
|
const selectedTab = "_selectedTab_38zl3_19";
|
|
88140
88287
|
const table$1 = "_table_38zl3_22";
|
|
88141
|
-
var styles$
|
|
88288
|
+
var styles$h = {
|
|
88142
88289
|
container: container$4,
|
|
88143
88290
|
header: header$1,
|
|
88144
88291
|
"text-container": "_text-container_38zl3_9",
|
|
@@ -88175,11 +88322,11 @@ const TableTab = ({
|
|
|
88175
88322
|
setSelectedTab(OUTPUT_TABLE);
|
|
88176
88323
|
}, [isUpdateMetric]);
|
|
88177
88324
|
return /* @__PURE__ */ jsxs("div", {
|
|
88178
|
-
className: styles$
|
|
88325
|
+
className: styles$h.container,
|
|
88179
88326
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
88180
|
-
className: styles$
|
|
88327
|
+
className: styles$h.header,
|
|
88181
88328
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
88182
|
-
className: styles$
|
|
88329
|
+
className: styles$h["text-container"],
|
|
88183
88330
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
88184
88331
|
styleClass: "font-14c",
|
|
88185
88332
|
variant: "h1",
|
|
@@ -88190,11 +88337,11 @@ const TableTab = ({
|
|
|
88190
88337
|
children: "Preview your selected table & output table values"
|
|
88191
88338
|
})]
|
|
88192
88339
|
}), /* @__PURE__ */ jsxs("div", {
|
|
88193
|
-
className: styles$
|
|
88340
|
+
className: styles$h["btn-container"],
|
|
88194
88341
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
88195
88342
|
type: "button",
|
|
88196
88343
|
variant: "custom",
|
|
88197
|
-
className: styles$
|
|
88344
|
+
className: styles$h.tabButton,
|
|
88198
88345
|
onClick: () => setSelectedTab(INPUT_TABLE),
|
|
88199
88346
|
children: [selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx("div", {
|
|
88200
88347
|
style: buttonColor,
|
|
@@ -88203,7 +88350,7 @@ const TableTab = ({
|
|
|
88203
88350
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
88204
88351
|
type: "button",
|
|
88205
88352
|
variant: "custom",
|
|
88206
|
-
className: styles$
|
|
88353
|
+
className: styles$h.tabButton,
|
|
88207
88354
|
onClick: () => setSelectedTab(OUTPUT_TABLE),
|
|
88208
88355
|
children: [selectedTab2 === OUTPUT_TABLE && /* @__PURE__ */ jsx("div", {
|
|
88209
88356
|
style: buttonColor,
|
|
@@ -88214,7 +88361,7 @@ const TableTab = ({
|
|
|
88214
88361
|
}), selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx(InputTables, {
|
|
88215
88362
|
previewTableDataList
|
|
88216
88363
|
}), selectedTab2 === OUTPUT_TABLE && /* @__PURE__ */ jsx("div", {
|
|
88217
|
-
className: styles$
|
|
88364
|
+
className: styles$h.table,
|
|
88218
88365
|
children: /* @__PURE__ */ jsx(Table, {
|
|
88219
88366
|
data: outpuTableData,
|
|
88220
88367
|
isLoading: isOutputLoading,
|
|
@@ -88231,7 +88378,7 @@ const createWrapperContent = "_createWrapperContent_70jy1_21";
|
|
|
88231
88378
|
const searchCommand = "_searchCommand_70jy1_24";
|
|
88232
88379
|
const tabButton = "_tabButton_70jy1_27";
|
|
88233
88380
|
const tabActive = "_tabActive_70jy1_30";
|
|
88234
|
-
var styles$
|
|
88381
|
+
var styles$g = {
|
|
88235
88382
|
"main-container": "_main-container_70jy1_1",
|
|
88236
88383
|
mainContainerUpdate,
|
|
88237
88384
|
"outputTab-header": "_outputTab-header_70jy1_8",
|
|
@@ -88291,13 +88438,13 @@ const MetricOutput = ({
|
|
|
88291
88438
|
tableName = item.name;
|
|
88292
88439
|
});
|
|
88293
88440
|
return /* @__PURE__ */ jsxs("div", {
|
|
88294
|
-
className: `${styles$
|
|
88441
|
+
className: `${styles$g["main-container"]} ${isUpdateMetric ? styles$g.mainContainerUpdate : ""}`,
|
|
88295
88442
|
children: [!isUpdateMetric && /* @__PURE__ */ jsxs("div", {
|
|
88296
|
-
className: styles$
|
|
88443
|
+
className: styles$g["outputTab-header"],
|
|
88297
88444
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
88298
88445
|
type: "button",
|
|
88299
88446
|
variant: "custom",
|
|
88300
|
-
className: `${styles$
|
|
88447
|
+
className: `${styles$g.tabButton} ${selectedTab2 === TABLE_TAB && styles$g.tabActive}`,
|
|
88301
88448
|
onClick: () => setSelectedTab(TABLE_TAB),
|
|
88302
88449
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
88303
88450
|
name: "table-tab-icon"
|
|
@@ -88305,7 +88452,7 @@ const MetricOutput = ({
|
|
|
88305
88452
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
88306
88453
|
type: "button",
|
|
88307
88454
|
variant: "custom",
|
|
88308
|
-
className: `${styles$
|
|
88455
|
+
className: `${styles$g.tabButton} ${selectedTab2 === CHART_TAB && styles$g.tabActive}`,
|
|
88309
88456
|
onClick: () => setSelectedTab(CHART_TAB),
|
|
88310
88457
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
88311
88458
|
name: "visualization-icon"
|
|
@@ -88313,14 +88460,14 @@ const MetricOutput = ({
|
|
|
88313
88460
|
}), moreTabs == null ? void 0 : moreTabs.map((tabObj) => /* @__PURE__ */ jsx(Button, {
|
|
88314
88461
|
type: "button",
|
|
88315
88462
|
variant: "custom",
|
|
88316
|
-
className: `${styles$
|
|
88463
|
+
className: `${styles$g.tabButton} ${selectedTab2 === tabObj.name && styles$g.tabActive}`,
|
|
88317
88464
|
onClick: () => setSelectedTab(tabObj.name),
|
|
88318
88465
|
children: tabObj.tab
|
|
88319
88466
|
}, tabObj.name))]
|
|
88320
88467
|
}), /* @__PURE__ */ jsxs("div", {
|
|
88321
|
-
className: `${styles$
|
|
88468
|
+
className: `${styles$g.wrapper} ${isUpdateMetric ? styles$g.updateWrapper : ""}`,
|
|
88322
88469
|
children: [(selectedTab2 === TABLE_TAB || isUpdateMetric) && /* @__PURE__ */ jsx("div", {
|
|
88323
|
-
className: isUpdateMetric ? styles$
|
|
88470
|
+
className: isUpdateMetric ? styles$g.updateWrapperContent : styles$g.createWrapperContent,
|
|
88324
88471
|
children: /* @__PURE__ */ jsx(TableTab, {
|
|
88325
88472
|
outpuTableData: data,
|
|
88326
88473
|
isOutputLoading: isLoading,
|
|
@@ -88329,7 +88476,7 @@ const MetricOutput = ({
|
|
|
88329
88476
|
isUpdateMetric
|
|
88330
88477
|
})
|
|
88331
88478
|
}), (selectedTab2 === CHART_TAB || isUpdateMetric) && /* @__PURE__ */ jsx("div", {
|
|
88332
|
-
className: isUpdateMetric ? styles$
|
|
88479
|
+
className: isUpdateMetric ? styles$g.updateWrapperContent : styles$g.createWrapperContent,
|
|
88333
88480
|
children: /* @__PURE__ */ jsx(ChartTab, {
|
|
88334
88481
|
labels: labels2,
|
|
88335
88482
|
funnelData,
|
|
@@ -88384,7 +88531,7 @@ const columnText = "_columnText_14dsc_69";
|
|
|
88384
88531
|
const disabled = "_disabled_14dsc_73";
|
|
88385
88532
|
const checkIcon = "_checkIcon_14dsc_77";
|
|
88386
88533
|
const generateButton = "_generateButton_14dsc_81";
|
|
88387
|
-
var styles$
|
|
88534
|
+
var styles$f = {
|
|
88388
88535
|
"form-container": "_form-container_14dsc_1",
|
|
88389
88536
|
"field-container": "_field-container_14dsc_5",
|
|
88390
88537
|
"field-label": "_field-label_14dsc_9",
|
|
@@ -88421,7 +88568,7 @@ const label = "_label_18a2n_25";
|
|
|
88421
88568
|
const menuContainer = "_menuContainer_18a2n_31";
|
|
88422
88569
|
const icon = "_icon_18a2n_37";
|
|
88423
88570
|
const container$3 = "_container_18a2n_43";
|
|
88424
|
-
var styles$
|
|
88571
|
+
var styles$e = {
|
|
88425
88572
|
button: button$1,
|
|
88426
88573
|
menu: menu$1,
|
|
88427
88574
|
inputLabel,
|
|
@@ -88513,16 +88660,16 @@ const TimeGrainField = ({
|
|
|
88513
88660
|
children: [isShowlabel ? /* @__PURE__ */ jsx(Text, {
|
|
88514
88661
|
styleClass: "font-14c",
|
|
88515
88662
|
variant: "p",
|
|
88516
|
-
className: styles$
|
|
88663
|
+
className: styles$e.label,
|
|
88517
88664
|
children: "Time Grain"
|
|
88518
88665
|
}) : null, /* @__PURE__ */ jsx(PopoverMenu, {
|
|
88519
88666
|
className,
|
|
88520
|
-
buttonClass: styles$
|
|
88667
|
+
buttonClass: styles$e.button,
|
|
88521
88668
|
isDisabled,
|
|
88522
|
-
menuClass: styles$
|
|
88523
|
-
menuContainerClass: styles$
|
|
88669
|
+
menuClass: styles$e.menu,
|
|
88670
|
+
menuContainerClass: styles$e.menuContainer,
|
|
88524
88671
|
button: /* @__PURE__ */ jsx(InputField, {
|
|
88525
|
-
inputClass: styles$
|
|
88672
|
+
inputClass: styles$e.input,
|
|
88526
88673
|
type: "text",
|
|
88527
88674
|
placeholder: "time range",
|
|
88528
88675
|
register: register2 == null ? void 0 : register2("timeGrain"),
|
|
@@ -88537,12 +88684,12 @@ const TimeGrainField = ({
|
|
|
88537
88684
|
})),
|
|
88538
88685
|
isDisabled: true,
|
|
88539
88686
|
icon: /* @__PURE__ */ jsx("span", {
|
|
88540
|
-
className: styles$
|
|
88687
|
+
className: styles$e.icon,
|
|
88541
88688
|
children: /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})
|
|
88542
88689
|
})
|
|
88543
88690
|
}),
|
|
88544
88691
|
children: /* @__PURE__ */ jsxs("div", {
|
|
88545
|
-
className: styles$
|
|
88692
|
+
className: styles$e.container,
|
|
88546
88693
|
children: [/* @__PURE__ */ jsx(Select, {
|
|
88547
88694
|
options: timeGrainOptions,
|
|
88548
88695
|
label: "Select Time Range",
|
|
@@ -88876,17 +89023,30 @@ const updateDrilledData = (data, setGroupedData, measureKeys, dimenstionKey) =>
|
|
|
88876
89023
|
const groupedMeasuredData = groupMeasures(data, dimenstionKey, measureKeys);
|
|
88877
89024
|
setGroupedData(Object.values(groupedMeasuredData));
|
|
88878
89025
|
};
|
|
88879
|
-
const findKeys = (
|
|
88880
|
-
const
|
|
88881
|
-
|
|
88882
|
-
|
|
88883
|
-
|
|
88884
|
-
([
|
|
88885
|
-
|
|
88886
|
-
|
|
88887
|
-
|
|
88888
|
-
|
|
88889
|
-
};
|
|
89026
|
+
const findKeys = (arr) => {
|
|
89027
|
+
const first10Objects = arr.slice(0, 10);
|
|
89028
|
+
const allEntries = first10Objects.flatMap((obj) => Object.entries(obj));
|
|
89029
|
+
const keyCounts = {};
|
|
89030
|
+
allEntries.forEach(([key, value]) => {
|
|
89031
|
+
if (keyCounts[key]) {
|
|
89032
|
+
keyCounts[key][typeof value] = (keyCounts[key][typeof value] || 0) + 1;
|
|
89033
|
+
} else {
|
|
89034
|
+
keyCounts[key] = { [typeof value]: 1 };
|
|
89035
|
+
}
|
|
89036
|
+
});
|
|
89037
|
+
const numberKeys = [];
|
|
89038
|
+
const stringKeys = [];
|
|
89039
|
+
Object.entries(keyCounts).forEach(([key, counts]) => {
|
|
89040
|
+
const majorityType = Object.entries(counts).reduce(
|
|
89041
|
+
(a2, b2) => a2[1] > b2[1] ? a2 : b2
|
|
89042
|
+
)[0];
|
|
89043
|
+
if (majorityType === "number") {
|
|
89044
|
+
numberKeys.push(key);
|
|
89045
|
+
} else if (majorityType === "string") {
|
|
89046
|
+
stringKeys.push(key);
|
|
89047
|
+
}
|
|
89048
|
+
});
|
|
89049
|
+
return { numberKeys, stringKeys };
|
|
88890
89050
|
};
|
|
88891
89051
|
const drilldown = (columnName, chartParams, drillDownSettings, data, setDrilledLevel, drilledLevel, setShowChartPopup, setGroupedData) => {
|
|
88892
89052
|
if (columnName && (chartParams == null ? void 0 : chartParams.name) && drillDownSettings && drillDownSettings.isEnableGroupBy) {
|
|
@@ -89421,8 +89581,8 @@ var ace$3 = { exports: {} };
|
|
|
89421
89581
|
doc = document;
|
|
89422
89582
|
return doc.head || doc.getElementsByTagName("head")[0] || doc.documentElement;
|
|
89423
89583
|
};
|
|
89424
|
-
exports2.createElement = function(
|
|
89425
|
-
return document.createElementNS ? document.createElementNS(ns || XHTML_NS,
|
|
89584
|
+
exports2.createElement = function(tag2, ns) {
|
|
89585
|
+
return document.createElementNS ? document.createElementNS(ns || XHTML_NS, tag2) : document.createElement(tag2);
|
|
89426
89586
|
};
|
|
89427
89587
|
exports2.removeChildren = function(element) {
|
|
89428
89588
|
element.innerHTML = "";
|
|
@@ -97521,7 +97681,7 @@ var ace$3 = { exports: {} };
|
|
|
97521
97681
|
this.$findClosingTag = function(iterator2, token) {
|
|
97522
97682
|
var prevToken;
|
|
97523
97683
|
var currentTag = token.value;
|
|
97524
|
-
var
|
|
97684
|
+
var tag2 = token.value;
|
|
97525
97685
|
var depth = 0;
|
|
97526
97686
|
var openTagStart = new Range(iterator2.getCurrentTokenRow(), iterator2.getCurrentTokenColumn(), iterator2.getCurrentTokenRow(), iterator2.getCurrentTokenColumn() + 1);
|
|
97527
97687
|
token = iterator2.stepForward();
|
|
@@ -97537,7 +97697,7 @@ var ace$3 = { exports: {} };
|
|
|
97537
97697
|
}
|
|
97538
97698
|
if (token.type.indexOf("tag-name") !== -1) {
|
|
97539
97699
|
currentTag = token.value;
|
|
97540
|
-
if (
|
|
97700
|
+
if (tag2 === currentTag) {
|
|
97541
97701
|
if (prevToken.value === "<") {
|
|
97542
97702
|
depth++;
|
|
97543
97703
|
} else if (prevToken.value === "</") {
|
|
@@ -97556,7 +97716,7 @@ var ace$3 = { exports: {} };
|
|
|
97556
97716
|
}
|
|
97557
97717
|
}
|
|
97558
97718
|
}
|
|
97559
|
-
} else if (
|
|
97719
|
+
} else if (tag2 === currentTag && token.value === "/>") {
|
|
97560
97720
|
depth--;
|
|
97561
97721
|
if (depth < 0) {
|
|
97562
97722
|
var closeTagStart = new Range(iterator2.getCurrentTokenRow(), iterator2.getCurrentTokenColumn(), iterator2.getCurrentTokenRow(), iterator2.getCurrentTokenColumn() + 2);
|
|
@@ -97578,7 +97738,7 @@ var ace$3 = { exports: {} };
|
|
|
97578
97738
|
};
|
|
97579
97739
|
this.$findOpeningTag = function(iterator2, token) {
|
|
97580
97740
|
var prevToken = iterator2.getCurrentToken();
|
|
97581
|
-
var
|
|
97741
|
+
var tag2 = token.value;
|
|
97582
97742
|
var depth = 0;
|
|
97583
97743
|
var startRow = iterator2.getCurrentTokenRow();
|
|
97584
97744
|
var startColumn = iterator2.getCurrentTokenColumn();
|
|
@@ -97600,7 +97760,7 @@ var ace$3 = { exports: {} };
|
|
|
97600
97760
|
prevToken = iterator2.stepBackward();
|
|
97601
97761
|
if (token) {
|
|
97602
97762
|
if (token.type.indexOf("tag-name") !== -1) {
|
|
97603
|
-
if (
|
|
97763
|
+
if (tag2 === token.value) {
|
|
97604
97764
|
if (prevToken.value === "<") {
|
|
97605
97765
|
depth++;
|
|
97606
97766
|
if (depth > 0) {
|
|
@@ -97619,7 +97779,7 @@ var ace$3 = { exports: {} };
|
|
|
97619
97779
|
var stepCount = 0;
|
|
97620
97780
|
var tmpToken = prevToken;
|
|
97621
97781
|
while (tmpToken) {
|
|
97622
|
-
if (tmpToken.type.indexOf("tag-name") !== -1 && tmpToken.value ===
|
|
97782
|
+
if (tmpToken.type.indexOf("tag-name") !== -1 && tmpToken.value === tag2) {
|
|
97623
97783
|
depth--;
|
|
97624
97784
|
break;
|
|
97625
97785
|
} else if (tmpToken.value === "<") {
|
|
@@ -109788,8 +109948,8 @@ var lodash_isequal = { exports: {} };
|
|
|
109788
109948
|
stack["delete"](other);
|
|
109789
109949
|
return result;
|
|
109790
109950
|
}
|
|
109791
|
-
function equalByTag(object2, other,
|
|
109792
|
-
switch (
|
|
109951
|
+
function equalByTag(object2, other, tag2, bitmask, customizer, equalFunc, stack) {
|
|
109952
|
+
switch (tag2) {
|
|
109793
109953
|
case dataViewTag:
|
|
109794
109954
|
if (object2.byteLength != other.byteLength || object2.byteOffset != other.byteOffset) {
|
|
109795
109955
|
return false;
|
|
@@ -109888,7 +110048,7 @@ var lodash_isequal = { exports: {} };
|
|
|
109888
110048
|
return baseIsNative2(value) ? value : void 0;
|
|
109889
110049
|
}
|
|
109890
110050
|
function getRawTag(value) {
|
|
109891
|
-
var isOwn = hasOwnProperty2.call(value, symToStringTag),
|
|
110051
|
+
var isOwn = hasOwnProperty2.call(value, symToStringTag), tag2 = value[symToStringTag];
|
|
109892
110052
|
try {
|
|
109893
110053
|
value[symToStringTag] = void 0;
|
|
109894
110054
|
var unmasked = true;
|
|
@@ -109897,7 +110057,7 @@ var lodash_isequal = { exports: {} };
|
|
|
109897
110057
|
var result = nativeObjectToString.call(value);
|
|
109898
110058
|
if (unmasked) {
|
|
109899
110059
|
if (isOwn) {
|
|
109900
|
-
value[symToStringTag] =
|
|
110060
|
+
value[symToStringTag] = tag2;
|
|
109901
110061
|
} else {
|
|
109902
110062
|
delete value[symToStringTag];
|
|
109903
110063
|
}
|
|
@@ -109985,8 +110145,8 @@ var lodash_isequal = { exports: {} };
|
|
|
109985
110145
|
if (!isObject2(value)) {
|
|
109986
110146
|
return false;
|
|
109987
110147
|
}
|
|
109988
|
-
var
|
|
109989
|
-
return
|
|
110148
|
+
var tag2 = baseGetTag(value);
|
|
110149
|
+
return tag2 == funcTag2 || tag2 == genTag2 || tag2 == asyncTag || tag2 == proxyTag;
|
|
109990
110150
|
}
|
|
109991
110151
|
function isLength(value) {
|
|
109992
110152
|
return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER2;
|
|
@@ -110945,8 +111105,8 @@ function eq(value, other) {
|
|
|
110945
111105
|
}
|
|
110946
111106
|
var isArray = Array.isArray;
|
|
110947
111107
|
function isFunction$1(value) {
|
|
110948
|
-
var
|
|
110949
|
-
return
|
|
111108
|
+
var tag2 = isObject(value) ? objectToString.call(value) : "";
|
|
111109
|
+
return tag2 == funcTag || tag2 == genTag;
|
|
110950
111110
|
}
|
|
110951
111111
|
function isObject(value) {
|
|
110952
111112
|
var type3 = typeof value;
|
|
@@ -116049,18 +116209,18 @@ const MetricForm = ({
|
|
|
116049
116209
|
return false;
|
|
116050
116210
|
};
|
|
116051
116211
|
return /* @__PURE__ */ jsxs("div", {
|
|
116052
|
-
className: styles$
|
|
116212
|
+
className: styles$f["form-container"],
|
|
116053
116213
|
children: [!isDisableTimeColumn && /* @__PURE__ */ jsxs("div", {
|
|
116054
|
-
className: styles$
|
|
116214
|
+
className: styles$f["field-container"],
|
|
116055
116215
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116056
116216
|
variant: "h1",
|
|
116057
116217
|
styleClass: "custom",
|
|
116058
|
-
className: styles$
|
|
116218
|
+
className: styles$f["field-label"],
|
|
116059
116219
|
children: "Time Filter"
|
|
116060
116220
|
}), /* @__PURE__ */ jsx("div", {
|
|
116061
|
-
className: styles$
|
|
116221
|
+
className: styles$f["field-wrapper"],
|
|
116062
116222
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116063
|
-
className: styles$
|
|
116223
|
+
className: styles$f["field-inner-container"],
|
|
116064
116224
|
children: [/* @__PURE__ */ jsx(FloatingDropDown, {
|
|
116065
116225
|
onChange: setTimeColumn,
|
|
116066
116226
|
selectedOption: timeColumn,
|
|
@@ -116082,28 +116242,28 @@ const MetricForm = ({
|
|
|
116082
116242
|
}), timeGrainValue && /* @__PURE__ */ jsxs(Button, {
|
|
116083
116243
|
type: "button",
|
|
116084
116244
|
variant: "custom",
|
|
116085
|
-
className: styles$
|
|
116245
|
+
className: styles$f["field-value"],
|
|
116086
116246
|
onClick: () => setTimeGrainValue(""),
|
|
116087
116247
|
children: [timeGrainValue, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116088
116248
|
name: "close-icon",
|
|
116089
|
-
className: styles$
|
|
116249
|
+
className: styles$f.fieldValueIcon
|
|
116090
116250
|
})]
|
|
116091
116251
|
})]
|
|
116092
116252
|
})
|
|
116093
116253
|
})]
|
|
116094
116254
|
}), !isDisableAddMetric && /* @__PURE__ */ jsxs("div", {
|
|
116095
|
-
className: styles$
|
|
116255
|
+
className: styles$f["field-container"],
|
|
116096
116256
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
116097
116257
|
variant: "h1",
|
|
116098
116258
|
styleClass: "custom",
|
|
116099
|
-
className: styles$
|
|
116259
|
+
className: styles$f["field-label"],
|
|
116100
116260
|
children: ["Metric Creation", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
116101
116261
|
children: "configure metric columns"
|
|
116102
116262
|
})]
|
|
116103
116263
|
}), /* @__PURE__ */ jsx("div", {
|
|
116104
|
-
className: styles$
|
|
116264
|
+
className: styles$f["field-wrapper"],
|
|
116105
116265
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116106
|
-
className: styles$
|
|
116266
|
+
className: styles$f["field-inner-container"],
|
|
116107
116267
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116108
116268
|
variant: "p",
|
|
116109
116269
|
styleClass: "font-14",
|
|
@@ -116111,7 +116271,7 @@ const MetricForm = ({
|
|
|
116111
116271
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
116112
116272
|
type: "button",
|
|
116113
116273
|
variant: "secondary",
|
|
116114
|
-
className: styles$
|
|
116274
|
+
className: styles$f["field-add-btn"],
|
|
116115
116275
|
onClick: () => {
|
|
116116
116276
|
setFieldConfigModal({
|
|
116117
116277
|
isShow: true,
|
|
@@ -116122,18 +116282,18 @@ const MetricForm = ({
|
|
|
116122
116282
|
isDisabled: isDisableAddMetric,
|
|
116123
116283
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
116124
116284
|
name: "plus-icon",
|
|
116125
|
-
className: styles$
|
|
116285
|
+
className: styles$f.fieldAddBtnIcon
|
|
116126
116286
|
}), "Add Aggregate Column"]
|
|
116127
116287
|
}), /* @__PURE__ */ jsx("div", {
|
|
116128
|
-
className: styles$
|
|
116288
|
+
className: styles$f["field-value-container"],
|
|
116129
116289
|
children: metrics.map((metric) => /* @__PURE__ */ jsxs(Button, {
|
|
116130
116290
|
type: "button",
|
|
116131
116291
|
variant: "custom",
|
|
116132
|
-
className: styles$
|
|
116292
|
+
className: styles$f["field-value"],
|
|
116133
116293
|
onClick: () => setMetrics((prev) => prev.filter((m2) => m2.as !== metric.as)),
|
|
116134
116294
|
children: [metric.as, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116135
116295
|
name: "close-icon",
|
|
116136
|
-
className: styles$
|
|
116296
|
+
className: styles$f.fieldValueIcon
|
|
116137
116297
|
})]
|
|
116138
116298
|
}, metric.as))
|
|
116139
116299
|
}), /* @__PURE__ */ jsx(Text, {
|
|
@@ -116151,13 +116311,13 @@ const MetricForm = ({
|
|
|
116151
116311
|
setAliasValue("");
|
|
116152
116312
|
},
|
|
116153
116313
|
isDisabled: !!columns.length,
|
|
116154
|
-
className: styles$
|
|
116314
|
+
className: styles$f["field-add-btn"],
|
|
116155
116315
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
116156
116316
|
name: "plus-icon",
|
|
116157
|
-
className: styles$
|
|
116317
|
+
className: styles$f.fieldAddBtnIcon
|
|
116158
116318
|
}), " ", "Add New"]
|
|
116159
116319
|
}), selectedDimensions.map((c2) => /* @__PURE__ */ jsxs("div", {
|
|
116160
|
-
className: styles$
|
|
116320
|
+
className: styles$f["field-value-container"],
|
|
116161
116321
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116162
116322
|
variant: "p",
|
|
116163
116323
|
styleClass: "font-14",
|
|
@@ -116167,7 +116327,7 @@ const MetricForm = ({
|
|
|
116167
116327
|
type: "button",
|
|
116168
116328
|
variant: "secondary",
|
|
116169
116329
|
onClick: () => setSelectedDimensions((prev) => prev.filter((m2) => m2 !== c2)),
|
|
116170
|
-
className: styles$
|
|
116330
|
+
className: styles$f["field-value"],
|
|
116171
116331
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
116172
116332
|
name: "close-icon"
|
|
116173
116333
|
})
|
|
@@ -116176,18 +116336,18 @@ const MetricForm = ({
|
|
|
116176
116336
|
})
|
|
116177
116337
|
})]
|
|
116178
116338
|
}), !isDisableAddColumn && /* @__PURE__ */ jsxs("div", {
|
|
116179
|
-
className: styles$
|
|
116339
|
+
className: styles$f["field-container"],
|
|
116180
116340
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
116181
116341
|
variant: "h1",
|
|
116182
116342
|
styleClass: "custom",
|
|
116183
|
-
className: styles$
|
|
116343
|
+
className: styles$f["field-label"],
|
|
116184
116344
|
children: ["Columns", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
116185
116345
|
children: "select columns for raw records query"
|
|
116186
116346
|
})]
|
|
116187
116347
|
}), /* @__PURE__ */ jsx("div", {
|
|
116188
|
-
className: styles$
|
|
116348
|
+
className: styles$f["field-wrapper"],
|
|
116189
116349
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116190
|
-
className: styles$
|
|
116350
|
+
className: styles$f["field-inner-container"],
|
|
116191
116351
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116192
116352
|
variant: "p",
|
|
116193
116353
|
styleClass: "font-14",
|
|
@@ -116195,7 +116355,7 @@ const MetricForm = ({
|
|
|
116195
116355
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
116196
116356
|
type: "button",
|
|
116197
116357
|
variant: "secondary",
|
|
116198
|
-
className: styles$
|
|
116358
|
+
className: styles$f["field-add-btn"],
|
|
116199
116359
|
onClick: () => {
|
|
116200
116360
|
setFieldConfigModal({
|
|
116201
116361
|
isShow: true,
|
|
@@ -116206,34 +116366,34 @@ const MetricForm = ({
|
|
|
116206
116366
|
isDisabled: isDisableAddColumn,
|
|
116207
116367
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
116208
116368
|
name: "plus-icon",
|
|
116209
|
-
className: styles$
|
|
116369
|
+
className: styles$f.fieldAddBtnIcon
|
|
116210
116370
|
}), " ", "Add Column"]
|
|
116211
116371
|
}), /* @__PURE__ */ jsx("div", {
|
|
116212
|
-
className: styles$
|
|
116372
|
+
className: styles$f["field-value-container"],
|
|
116213
116373
|
children: columns.map((c2) => /* @__PURE__ */ jsxs(Button, {
|
|
116214
116374
|
type: "button",
|
|
116215
116375
|
variant: "custom",
|
|
116216
|
-
className: styles$
|
|
116376
|
+
className: styles$f["field-value"],
|
|
116217
116377
|
onClick: () => setColumns((prev) => prev.filter((m2) => m2.as !== c2.as)),
|
|
116218
116378
|
children: [c2.as, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116219
116379
|
name: "close-icon",
|
|
116220
|
-
className: styles$
|
|
116380
|
+
className: styles$f.fieldValueIcon
|
|
116221
116381
|
})]
|
|
116222
116382
|
}, c2.as))
|
|
116223
116383
|
})]
|
|
116224
116384
|
})
|
|
116225
116385
|
})]
|
|
116226
116386
|
}), /* @__PURE__ */ jsxs("div", {
|
|
116227
|
-
className: styles$
|
|
116387
|
+
className: styles$f["field-container"],
|
|
116228
116388
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116229
116389
|
variant: "h1",
|
|
116230
116390
|
styleClass: "custom",
|
|
116231
|
-
className: styles$
|
|
116391
|
+
className: styles$f["field-label"],
|
|
116232
116392
|
children: "category filters"
|
|
116233
116393
|
}), /* @__PURE__ */ jsx("div", {
|
|
116234
|
-
className: styles$
|
|
116394
|
+
className: styles$f["field-wrapper"],
|
|
116235
116395
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116236
|
-
className: styles$
|
|
116396
|
+
className: styles$f["field-inner-container"],
|
|
116237
116397
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116238
116398
|
variant: "p",
|
|
116239
116399
|
styleClass: "font-14",
|
|
@@ -116241,7 +116401,7 @@ const MetricForm = ({
|
|
|
116241
116401
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
116242
116402
|
type: "button",
|
|
116243
116403
|
variant: "secondary",
|
|
116244
|
-
className: styles$
|
|
116404
|
+
className: styles$f["field-add-btn"],
|
|
116245
116405
|
onClick: () => {
|
|
116246
116406
|
setFieldConfigModal({
|
|
116247
116407
|
isShow: true,
|
|
@@ -116251,18 +116411,18 @@ const MetricForm = ({
|
|
|
116251
116411
|
},
|
|
116252
116412
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
116253
116413
|
name: "plus-icon",
|
|
116254
|
-
className: styles$
|
|
116414
|
+
className: styles$f.fieldAddBtnIcon
|
|
116255
116415
|
}), " Add Filter Category"]
|
|
116256
116416
|
}), /* @__PURE__ */ jsx("div", {
|
|
116257
|
-
className: styles$
|
|
116417
|
+
className: styles$f["field-value-container"],
|
|
116258
116418
|
children: filters2.map((filter2) => /* @__PURE__ */ jsxs(Button, {
|
|
116259
116419
|
type: "button",
|
|
116260
116420
|
variant: "custom",
|
|
116261
|
-
className: styles$
|
|
116421
|
+
className: styles$f["field-value"],
|
|
116262
116422
|
onClick: () => setFilters((prev) => prev.filter((m2) => m2 !== filter2)),
|
|
116263
116423
|
children: [filter2, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116264
116424
|
name: "close-icon",
|
|
116265
|
-
className: styles$
|
|
116425
|
+
className: styles$f.fieldValueIcon
|
|
116266
116426
|
})]
|
|
116267
116427
|
}, filter2))
|
|
116268
116428
|
}), /* @__PURE__ */ jsx(Text, {
|
|
@@ -116272,7 +116432,7 @@ const MetricForm = ({
|
|
|
116272
116432
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
116273
116433
|
type: "button",
|
|
116274
116434
|
variant: "secondary",
|
|
116275
|
-
className: styles$
|
|
116435
|
+
className: styles$f["field-add-btn"],
|
|
116276
116436
|
onClick: () => {
|
|
116277
116437
|
setFieldConfigModal({
|
|
116278
116438
|
isShow: true,
|
|
@@ -116282,16 +116442,16 @@ const MetricForm = ({
|
|
|
116282
116442
|
},
|
|
116283
116443
|
children: [sort2 ? /* @__PURE__ */ jsx(mdiCircleEditOutline, {}) : /* @__PURE__ */ jsx(Icons, {
|
|
116284
116444
|
name: "plus-icon",
|
|
116285
|
-
className: styles$
|
|
116445
|
+
className: styles$f.fieldAddBtnIcon
|
|
116286
116446
|
}), " ", sort2 ? "Edit" : "Add", " Sort Category"]
|
|
116287
116447
|
}), sort2 && /* @__PURE__ */ jsxs(Button, {
|
|
116288
116448
|
type: "button",
|
|
116289
116449
|
variant: "custom",
|
|
116290
|
-
className: styles$
|
|
116450
|
+
className: styles$f["field-value"],
|
|
116291
116451
|
onClick: () => setSort(""),
|
|
116292
116452
|
children: [sort2, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116293
116453
|
name: "close-icon",
|
|
116294
|
-
className: styles$
|
|
116454
|
+
className: styles$f.fieldValueIcon
|
|
116295
116455
|
})]
|
|
116296
116456
|
})]
|
|
116297
116457
|
})
|
|
@@ -116305,32 +116465,32 @@ const MetricForm = ({
|
|
|
116305
116465
|
}), !columns.length && !!dateTimeColumnList.length && /* @__PURE__ */ jsxs(Text, {
|
|
116306
116466
|
styleClass: "font-14",
|
|
116307
116467
|
variant: "p",
|
|
116308
|
-
className: styles$
|
|
116468
|
+
className: styles$f.columnText,
|
|
116309
116469
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
116310
116470
|
type: "button",
|
|
116311
116471
|
variant: "custom",
|
|
116312
116472
|
onClick: () => setIncludeTime((s2) => !s2),
|
|
116313
116473
|
isDisabled: !timeColumn.value || !!columns.length,
|
|
116314
116474
|
children: isIncludeTime ? /* @__PURE__ */ jsx(materialSymbolsCheckBoxRounded, {
|
|
116315
|
-
className: styles$
|
|
116475
|
+
className: styles$f.checkIcon
|
|
116316
116476
|
}) : /* @__PURE__ */ jsx(materialSymbolsCheckBoxOutlineBlank, {})
|
|
116317
116477
|
}), "Include Time"]
|
|
116318
116478
|
}), /* @__PURE__ */ jsxs(Text, {
|
|
116319
116479
|
styleClass: "font-14",
|
|
116320
116480
|
variant: "p",
|
|
116321
|
-
className: styles$
|
|
116481
|
+
className: styles$f.columnText,
|
|
116322
116482
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
116323
116483
|
type: "button",
|
|
116324
116484
|
variant: "custom",
|
|
116325
116485
|
onClick: () => setSortDescending((s2) => !s2),
|
|
116326
116486
|
children: isSortDescending ? /* @__PURE__ */ jsx(materialSymbolsCheckBoxRounded, {
|
|
116327
|
-
className: styles$
|
|
116487
|
+
className: styles$f.checkIcon
|
|
116328
116488
|
}) : /* @__PURE__ */ jsx(materialSymbolsCheckBoxOutlineBlank, {})
|
|
116329
116489
|
}), "Sort Descending"]
|
|
116330
116490
|
}), /* @__PURE__ */ jsx(Button, {
|
|
116331
116491
|
type: "button",
|
|
116332
116492
|
variant: "primary",
|
|
116333
|
-
className: styles$
|
|
116493
|
+
className: styles$f.generateButton,
|
|
116334
116494
|
isDisabled: isGeneratingDataset || isDisableGenerate,
|
|
116335
116495
|
onClick: () => onGenerateMetric(),
|
|
116336
116496
|
children: "Generate"
|
|
@@ -116346,10 +116506,10 @@ const MetricForm = ({
|
|
|
116346
116506
|
activeTab: selectedTab2,
|
|
116347
116507
|
options: configTabs,
|
|
116348
116508
|
setActiveTab: setSeletedTab,
|
|
116349
|
-
className: styles$
|
|
116509
|
+
className: styles$f["tab-border"]
|
|
116350
116510
|
})
|
|
116351
116511
|
}), selectedTab2 === "simple" && /* @__PURE__ */ jsxs("div", {
|
|
116352
|
-
className: styles$
|
|
116512
|
+
className: styles$f["simple-container"],
|
|
116353
116513
|
children: [fieldConfigModal.type === "filter" && /* @__PURE__ */ jsxs(Fragment, {
|
|
116354
116514
|
children: [/* @__PURE__ */ jsx(FloatingDropDown, {
|
|
116355
116515
|
onChange: setFilterColumn,
|
|
@@ -116364,7 +116524,7 @@ const MetricForm = ({
|
|
|
116364
116524
|
label: "Operator",
|
|
116365
116525
|
labelVariant: "static"
|
|
116366
116526
|
}), isInFilter ? /* @__PURE__ */ jsxs("div", {
|
|
116367
|
-
className: styles$
|
|
116527
|
+
className: styles$f["filter-dropdown"],
|
|
116368
116528
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116369
116529
|
variant: "p",
|
|
116370
116530
|
styleClass: "font-14",
|
|
@@ -116436,7 +116596,7 @@ const MetricForm = ({
|
|
|
116436
116596
|
})
|
|
116437
116597
|
})]
|
|
116438
116598
|
}), selectedTab2 === "custom" && /* @__PURE__ */ jsxs("div", {
|
|
116439
|
-
className: styles$
|
|
116599
|
+
className: styles$f["custom-container"],
|
|
116440
116600
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
116441
116601
|
label: "name",
|
|
116442
116602
|
labelClass: "mb-2",
|
|
@@ -116447,7 +116607,7 @@ const MetricForm = ({
|
|
|
116447
116607
|
name: getColumnString(e2.target.value)
|
|
116448
116608
|
})
|
|
116449
116609
|
}), /* @__PURE__ */ jsxs("div", {
|
|
116450
|
-
className: styles$
|
|
116610
|
+
className: styles$f["editor-field"],
|
|
116451
116611
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116452
116612
|
styleClass: "font-14b",
|
|
116453
116613
|
variant: "p",
|
|
@@ -116463,7 +116623,7 @@ const MetricForm = ({
|
|
|
116463
116623
|
})]
|
|
116464
116624
|
})]
|
|
116465
116625
|
}), selectedTab2 === "saved" && /* @__PURE__ */ jsxs("div", {
|
|
116466
|
-
className: styles$
|
|
116626
|
+
className: styles$f["saved-container"],
|
|
116467
116627
|
children: [/* @__PURE__ */ jsx(MultiFloatingDropDown, {
|
|
116468
116628
|
onChange: (options2) => setSelectedCustomColumnList(options2),
|
|
116469
116629
|
selectedOptions: selectedCustomColumnList,
|
|
@@ -116475,7 +116635,7 @@ const MetricForm = ({
|
|
|
116475
116635
|
label: "custom",
|
|
116476
116636
|
labelDesign: ""
|
|
116477
116637
|
}), selectedCustomColumnList.map((c2) => /* @__PURE__ */ jsx("div", {
|
|
116478
|
-
className: styles$
|
|
116638
|
+
className: styles$f["field-value-container"],
|
|
116479
116639
|
children: /* @__PURE__ */ jsxs(Text, {
|
|
116480
116640
|
variant: "p",
|
|
116481
116641
|
styleClass: "font-14",
|
|
@@ -116507,7 +116667,7 @@ const container$2 = "_container_rofqe_1";
|
|
|
116507
116667
|
const header = "_header_rofqe_5";
|
|
116508
116668
|
const enableGroupBy = "_enableGroupBy_rofqe_8";
|
|
116509
116669
|
const enableGroupButton = "_enableGroupButton_rofqe_11";
|
|
116510
|
-
var styles$
|
|
116670
|
+
var styles$d = {
|
|
116511
116671
|
container: container$2,
|
|
116512
116672
|
header,
|
|
116513
116673
|
enableGroupBy,
|
|
@@ -116528,9 +116688,9 @@ const ConstructMetric = ({
|
|
|
116528
116688
|
databaseId
|
|
116529
116689
|
}) => {
|
|
116530
116690
|
return /* @__PURE__ */ jsxs("div", {
|
|
116531
|
-
className: styles$
|
|
116691
|
+
className: styles$d.container,
|
|
116532
116692
|
children: [/* @__PURE__ */ jsx("div", {
|
|
116533
|
-
className: styles$
|
|
116693
|
+
className: styles$d.header,
|
|
116534
116694
|
children: "Data"
|
|
116535
116695
|
}), /* @__PURE__ */ jsx(MetricForm, {
|
|
116536
116696
|
dateTimeColumnList,
|
|
@@ -116832,7 +116992,7 @@ const EmbeddedMetricCreation = ({
|
|
|
116832
116992
|
setShowSaveMetricModal
|
|
116833
116993
|
}),
|
|
116834
116994
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116835
|
-
className: styles$
|
|
116995
|
+
className: styles$o["modal-container"],
|
|
116836
116996
|
children: [!metric && /* @__PURE__ */ jsxs(Fragment, {
|
|
116837
116997
|
children: [/* @__PURE__ */ jsx(Dataset, {
|
|
116838
116998
|
setselectTable: setSelectTable,
|
|
@@ -116899,7 +117059,7 @@ const EmbeddedMetricCreation = ({
|
|
|
116899
117059
|
isOpen: isShowSqlModal,
|
|
116900
117060
|
onClose: () => setShowSqlModal(false),
|
|
116901
117061
|
children: /* @__PURE__ */ jsx("div", {
|
|
116902
|
-
className: styles$
|
|
117062
|
+
className: styles$o["query-modal"],
|
|
116903
117063
|
children: query
|
|
116904
117064
|
})
|
|
116905
117065
|
}), /* @__PURE__ */ jsx(Modal, {
|
|
@@ -121472,13 +121632,14 @@ function WidthProvideRGL(ComposedComponent) {
|
|
|
121472
121632
|
module.exports.Responsive.utils = responsiveUtils;
|
|
121473
121633
|
module.exports.WidthProvider = WidthProvider.default;
|
|
121474
121634
|
})(reactGridLayout);
|
|
121475
|
-
var styles$
|
|
121476
|
-
var styles$
|
|
121477
|
-
"MetricList-container": "_MetricList-
|
|
121478
|
-
"MetricList-wrapper": "_MetricList-
|
|
121479
|
-
"
|
|
121480
|
-
"noMetric-
|
|
121481
|
-
"
|
|
121635
|
+
var styles$c = "";
|
|
121636
|
+
var styles$b = {
|
|
121637
|
+
"MetricList-container": "_MetricList-container_15a2v_1",
|
|
121638
|
+
"MetricList-wrapper": "_MetricList-wrapper_15a2v_9",
|
|
121639
|
+
"MetricList-wrapper-move": "_MetricList-wrapper-move_15a2v_17",
|
|
121640
|
+
"noMetric-container": "_noMetric-container_15a2v_25",
|
|
121641
|
+
"noMetric-wrapper": "_noMetric-wrapper_15a2v_33",
|
|
121642
|
+
"alt-container": "_alt-container_15a2v_41"
|
|
121482
121643
|
};
|
|
121483
121644
|
const cardContainer = "_cardContainer_hxh6o_1";
|
|
121484
121645
|
const listHeader = "_listHeader_hxh6o_9";
|
|
@@ -121512,7 +121673,7 @@ const downloadCsvFooter = "_downloadCsvFooter_hxh6o_221";
|
|
|
121512
121673
|
const downloadCsvCancelBtn = "_downloadCsvCancelBtn_hxh6o_229";
|
|
121513
121674
|
const downloadCsvNote = "_downloadCsvNote_hxh6o_237";
|
|
121514
121675
|
const downloadCsvNoteText = "_downloadCsvNoteText_hxh6o_245";
|
|
121515
|
-
var styles$
|
|
121676
|
+
var styles$a = {
|
|
121516
121677
|
cardContainer,
|
|
121517
121678
|
listHeader,
|
|
121518
121679
|
metricName,
|
|
@@ -121615,7 +121776,7 @@ const ChartImageDownloadButton = ({
|
|
|
121615
121776
|
};
|
|
121616
121777
|
const metricFilter = "_metricFilter_k2gef_1";
|
|
121617
121778
|
const customContainer = "_customContainer_k2gef_4";
|
|
121618
|
-
var styles$
|
|
121779
|
+
var styles$9 = {
|
|
121619
121780
|
metricFilter,
|
|
121620
121781
|
customContainer
|
|
121621
121782
|
};
|
|
@@ -121628,7 +121789,7 @@ const MetricFilterDropDown = ({
|
|
|
121628
121789
|
}) => {
|
|
121629
121790
|
return /* @__PURE__ */ jsx("div", {
|
|
121630
121791
|
children: !!(rlsConditions == null ? void 0 : rlsConditions.length) && onChangeFilterValue ? rlsConditions[0].datatype !== "date" ? rlsConditions[0].datatype === "string" ? rlsConditions[0].options.length ? /* @__PURE__ */ jsx("div", {
|
|
121631
|
-
className: styles$
|
|
121792
|
+
className: styles$9.metricFilter,
|
|
121632
121793
|
children: /* @__PURE__ */ jsx(MultiFloatingDropDown, {
|
|
121633
121794
|
selectedOptions: Array.isArray(rlsConditions[0].value) && rlsConditions[0].value.length ? rlsConditions[0].value.map((val) => ({
|
|
121634
121795
|
label: val,
|
|
@@ -121643,7 +121804,7 @@ const MetricFilterDropDown = ({
|
|
|
121643
121804
|
label: rlsConditions[0].name
|
|
121644
121805
|
})
|
|
121645
121806
|
}) : /* @__PURE__ */ jsx("div", {
|
|
121646
|
-
className: styles$
|
|
121807
|
+
className: styles$9.metricFilter,
|
|
121647
121808
|
children: /* @__PURE__ */ jsx(MultiFilterDropdown, {
|
|
121648
121809
|
selectedOptions: Array.isArray(rlsConditions[0].value) && rlsConditions[0].value.length ? rlsConditions[0].value.map((val) => ({
|
|
121649
121810
|
label: val,
|
|
@@ -121663,7 +121824,7 @@ const MetricFilterDropDown = ({
|
|
|
121663
121824
|
integrationName
|
|
121664
121825
|
})
|
|
121665
121826
|
}) : /* @__PURE__ */ jsx("div", {
|
|
121666
|
-
className: styles$
|
|
121827
|
+
className: styles$9.metricFilter,
|
|
121667
121828
|
children: /* @__PURE__ */ jsx(FloatingDropDown, {
|
|
121668
121829
|
label: rlsConditions[0].name,
|
|
121669
121830
|
selectedOption: {
|
|
@@ -121678,7 +121839,7 @@ const MetricFilterDropDown = ({
|
|
|
121678
121839
|
labelDesign: "client"
|
|
121679
121840
|
})
|
|
121680
121841
|
}) : /* @__PURE__ */ jsx("div", {
|
|
121681
|
-
className: styles$
|
|
121842
|
+
className: styles$9.metricFilter,
|
|
121682
121843
|
children: /* @__PURE__ */ jsx(FloatingDropDown, {
|
|
121683
121844
|
label: rlsConditions[0].name,
|
|
121684
121845
|
selectedOption: {
|
|
@@ -121692,7 +121853,7 @@ const MetricFilterDropDown = ({
|
|
|
121692
121853
|
onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value),
|
|
121693
121854
|
labelDesign: "client",
|
|
121694
121855
|
children: rlsConditions[0].value === "Custom" ? /* @__PURE__ */ jsxs("div", {
|
|
121695
|
-
className: styles$
|
|
121856
|
+
className: styles$9.customContainer,
|
|
121696
121857
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
121697
121858
|
label: "From Date",
|
|
121698
121859
|
type: "date",
|
|
@@ -121739,7 +121900,7 @@ const left = "_left_14i90_57";
|
|
|
121739
121900
|
const right = "_right_14i90_61";
|
|
121740
121901
|
const chartOptionBtn = "_chartOptionBtn_14i90_113";
|
|
121741
121902
|
const chartpopup = "_chartpopup_14i90_117";
|
|
121742
|
-
var styles$
|
|
121903
|
+
var styles$8 = {
|
|
121743
121904
|
container: container$1,
|
|
121744
121905
|
popover,
|
|
121745
121906
|
button,
|
|
@@ -121773,7 +121934,7 @@ var styles$5 = {
|
|
|
121773
121934
|
};
|
|
121774
121935
|
const fullscreen = "_fullscreen_1gpy3_1";
|
|
121775
121936
|
const loading = "_loading_1gpy3_5";
|
|
121776
|
-
var styles$
|
|
121937
|
+
var styles$7 = {
|
|
121777
121938
|
fullscreen,
|
|
121778
121939
|
loading
|
|
121779
121940
|
};
|
|
@@ -121801,16 +121962,16 @@ const UnderlyingData = ({
|
|
|
121801
121962
|
onClose: () => setShowUnderlyingData(false),
|
|
121802
121963
|
headerTitle: "View Underlying Data",
|
|
121803
121964
|
children: /* @__PURE__ */ jsxs("div", {
|
|
121804
|
-
className: styles$
|
|
121965
|
+
className: styles$7.fullscreen,
|
|
121805
121966
|
children: [!!underlyingData.length && /* @__PURE__ */ jsx(Table, {
|
|
121806
121967
|
data: underlyingData,
|
|
121807
121968
|
isLoading: false,
|
|
121808
121969
|
error: ""
|
|
121809
121970
|
}), !underlyingData.length && !isLoading && /* @__PURE__ */ jsx("div", {
|
|
121810
|
-
className: styles$
|
|
121971
|
+
className: styles$7.loading,
|
|
121811
121972
|
children: "No Data Available"
|
|
121812
121973
|
}), isLoading && !underlyingData.length && /* @__PURE__ */ jsx("div", {
|
|
121813
|
-
className: styles$
|
|
121974
|
+
className: styles$7.loading,
|
|
121814
121975
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
121815
121976
|
style: {
|
|
121816
121977
|
width: "50px",
|
|
@@ -121891,26 +122052,26 @@ const ChartPopup = ({
|
|
|
121891
122052
|
},
|
|
121892
122053
|
ref: wrapperRef,
|
|
121893
122054
|
children: /* @__PURE__ */ jsx("div", {
|
|
121894
|
-
className: `${styles$
|
|
122055
|
+
className: `${styles$8.popover} ${styles$8[position2]} ${menuContainerClass}`,
|
|
121895
122056
|
children: /* @__PURE__ */ jsx(We, {
|
|
121896
122057
|
as: "div",
|
|
121897
|
-
className: `${styles$
|
|
122058
|
+
className: `${styles$8.menu} ${menuClass}`,
|
|
121898
122059
|
show: isOpen,
|
|
121899
|
-
enter: styles$
|
|
121900
|
-
enterFrom: styles$
|
|
121901
|
-
enterTo: styles$
|
|
121902
|
-
leave: styles$
|
|
121903
|
-
leaveFrom: styles$
|
|
121904
|
-
leaveTo: styles$
|
|
122060
|
+
enter: styles$8.enter,
|
|
122061
|
+
enterFrom: styles$8.enterFrom,
|
|
122062
|
+
enterTo: styles$8.enterTo,
|
|
122063
|
+
leave: styles$8.leave,
|
|
122064
|
+
leaveFrom: styles$8.leaveFrom,
|
|
122065
|
+
leaveTo: styles$8.leaveTo,
|
|
121905
122066
|
children: /* @__PURE__ */ jsxs("div", {
|
|
121906
|
-
className: styles$
|
|
122067
|
+
className: styles$8.chartpopup,
|
|
121907
122068
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
121908
122069
|
variant: "custom",
|
|
121909
122070
|
type: "button",
|
|
121910
|
-
className: styles$
|
|
122071
|
+
className: styles$8.chartOptionBtn,
|
|
121911
122072
|
onClick: () => setShowUnderlyingData(true),
|
|
121912
122073
|
children: [/* @__PURE__ */ jsx(evaLayersFill, {
|
|
121913
|
-
className: styles$
|
|
122074
|
+
className: styles$8.popupItemIcon
|
|
121914
122075
|
}), /* @__PURE__ */ jsx(Text, {
|
|
121915
122076
|
variant: "p",
|
|
121916
122077
|
styleClass: "font-14",
|
|
@@ -121919,10 +122080,10 @@ const ChartPopup = ({
|
|
|
121919
122080
|
}), drilldown2 && /* @__PURE__ */ jsxs(Button, {
|
|
121920
122081
|
variant: "custom",
|
|
121921
122082
|
type: "button",
|
|
121922
|
-
className: styles$
|
|
122083
|
+
className: styles$8.chartOptionBtn,
|
|
121923
122084
|
onClick: () => drilldown2(),
|
|
121924
122085
|
children: [/* @__PURE__ */ jsx(fluentMdl2DrillDown, {
|
|
121925
|
-
className: styles$
|
|
122086
|
+
className: styles$8.popupItemIcon
|
|
121926
122087
|
}), /* @__PURE__ */ jsx(Text, {
|
|
121927
122088
|
variant: "p",
|
|
121928
122089
|
styleClass: "font-14",
|
|
@@ -121931,10 +122092,10 @@ const ChartPopup = ({
|
|
|
121931
122092
|
}), clickBehaviourConfigs.isEnable && /* @__PURE__ */ jsxs(Button, {
|
|
121932
122093
|
variant: "custom",
|
|
121933
122094
|
type: "button",
|
|
121934
|
-
className: styles$
|
|
122095
|
+
className: styles$8.chartOptionBtn,
|
|
121935
122096
|
onClick: () => handleChartClick(clickBehaviourConfigs, (value == null ? void 0 : value.split(" ").join("_")) || "undefined"),
|
|
121936
122097
|
children: [/* @__PURE__ */ jsx(mdiExternalLink, {
|
|
121937
|
-
className: styles$
|
|
122098
|
+
className: styles$8.popupItemIcon
|
|
121938
122099
|
}), /* @__PURE__ */ jsx(Text, {
|
|
121939
122100
|
variant: "p",
|
|
121940
122101
|
styleClass: "font-14",
|
|
@@ -121981,7 +122142,9 @@ const useDownloadRawCsv = () => {
|
|
|
121981
122142
|
sqlQuery,
|
|
121982
122143
|
values,
|
|
121983
122144
|
clientName,
|
|
121984
|
-
tenancyType
|
|
122145
|
+
tenancyType,
|
|
122146
|
+
metricName: metricName2,
|
|
122147
|
+
workspaceId
|
|
121985
122148
|
}) => {
|
|
121986
122149
|
setLoading(true);
|
|
121987
122150
|
setError("");
|
|
@@ -121992,7 +122155,13 @@ const useDownloadRawCsv = () => {
|
|
|
121992
122155
|
values
|
|
121993
122156
|
});
|
|
121994
122157
|
mutate(
|
|
121995
|
-
{
|
|
122158
|
+
{
|
|
122159
|
+
companyId,
|
|
122160
|
+
recipientAddress: values.email,
|
|
122161
|
+
sqlQuery: modifiedQuery,
|
|
122162
|
+
metricName: metricName2,
|
|
122163
|
+
workspaceId
|
|
122164
|
+
},
|
|
121996
122165
|
{
|
|
121997
122166
|
onSuccess(data) {
|
|
121998
122167
|
var _a2, _b2;
|
|
@@ -122002,8 +122171,7 @@ const useDownloadRawCsv = () => {
|
|
|
122002
122171
|
setError("");
|
|
122003
122172
|
setLoading(false);
|
|
122004
122173
|
setRawCsvModal(false);
|
|
122005
|
-
}
|
|
122006
|
-
if (error2) {
|
|
122174
|
+
} else if (error2) {
|
|
122007
122175
|
setError(error2.message);
|
|
122008
122176
|
setLoading(false);
|
|
122009
122177
|
} else {
|
|
@@ -122032,7 +122200,21 @@ const asEmail = {
|
|
|
122032
122200
|
message: "Entered value does not match email format"
|
|
122033
122201
|
}
|
|
122034
122202
|
};
|
|
122035
|
-
|
|
122203
|
+
({
|
|
122204
|
+
...required,
|
|
122205
|
+
minLength: {
|
|
122206
|
+
value: 8,
|
|
122207
|
+
message: "Min length is 8"
|
|
122208
|
+
}
|
|
122209
|
+
});
|
|
122210
|
+
({
|
|
122211
|
+
...required,
|
|
122212
|
+
minLength: {
|
|
122213
|
+
value: 3,
|
|
122214
|
+
message: "Min length is 3"
|
|
122215
|
+
}
|
|
122216
|
+
});
|
|
122217
|
+
var styles$6 = {
|
|
122036
122218
|
"dbc-container": "_dbc-container_1dw7c_1",
|
|
122037
122219
|
"active-dimension": "_active-dimension_1dw7c_5"
|
|
122038
122220
|
};
|
|
@@ -122041,9 +122223,9 @@ const DrillBreadCrumb = ({
|
|
|
122041
122223
|
drilledLevel
|
|
122042
122224
|
}) => {
|
|
122043
122225
|
return /* @__PURE__ */ jsx("div", {
|
|
122044
|
-
className: styles$
|
|
122226
|
+
className: styles$6["dbc-container"],
|
|
122045
122227
|
children: dimensions.map((dimension, index2) => /* @__PURE__ */ jsxs("span", {
|
|
122046
|
-
className: index2 === drilledLevel ? styles$
|
|
122228
|
+
className: index2 === drilledLevel ? styles$6["active-dimension"] : "",
|
|
122047
122229
|
children: ["/", dimension]
|
|
122048
122230
|
}))
|
|
122049
122231
|
});
|
|
@@ -122325,14 +122507,14 @@ const MetricCard = ({
|
|
|
122325
122507
|
} = useDownloadRawCsv();
|
|
122326
122508
|
return /* @__PURE__ */ jsxs(Fragment, {
|
|
122327
122509
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122328
|
-
className: styles$
|
|
122510
|
+
className: styles$a.cardContainer,
|
|
122329
122511
|
onContextMenu: (e2) => {
|
|
122330
122512
|
e2.preventDefault();
|
|
122331
122513
|
},
|
|
122332
122514
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122333
|
-
className: styles$
|
|
122515
|
+
className: styles$a.listHeader,
|
|
122334
122516
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122335
|
-
className: styles$
|
|
122517
|
+
className: styles$a.metricName,
|
|
122336
122518
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
122337
122519
|
type: "button",
|
|
122338
122520
|
variant: "custom",
|
|
@@ -122342,15 +122524,15 @@ const MetricCard = ({
|
|
|
122342
122524
|
children: /* @__PURE__ */ jsx(Text, {
|
|
122343
122525
|
variant: "h3",
|
|
122344
122526
|
styleClass: "primary",
|
|
122345
|
-
className: `${styles$
|
|
122527
|
+
className: `${styles$a.metricTitle} dbn-metric-card-title`,
|
|
122346
122528
|
children: renderHeaderName ? renderHeaderName(metricItem.name) : metricItem.name
|
|
122347
122529
|
})
|
|
122348
122530
|
}), metricItem.description && /* @__PURE__ */ jsx("span", {
|
|
122349
|
-
className: `${styles$
|
|
122531
|
+
className: `${styles$a.metricDescription} dbn-metric-card-description`,
|
|
122350
122532
|
children: metricItem.description
|
|
122351
122533
|
})]
|
|
122352
122534
|
}), /* @__PURE__ */ jsxs("div", {
|
|
122353
|
-
className: styles$
|
|
122535
|
+
className: styles$a.features,
|
|
122354
122536
|
children: [/* @__PURE__ */ jsx(MetricFilterDropDown, {
|
|
122355
122537
|
rlsConditions,
|
|
122356
122538
|
onChangeFilterValue,
|
|
@@ -122358,18 +122540,18 @@ const MetricCard = ({
|
|
|
122358
122540
|
integrationId: metricItem == null ? void 0 : metricItem.companyIntegrationId,
|
|
122359
122541
|
integrationName: metricItem == null ? void 0 : metricItem.integrationName
|
|
122360
122542
|
}), /* @__PURE__ */ jsxs(PopoverMenu, {
|
|
122361
|
-
buttonClass: styles$
|
|
122543
|
+
buttonClass: styles$a.popup,
|
|
122362
122544
|
button: /* @__PURE__ */ jsx(Icons, {
|
|
122363
122545
|
name: "more-icon",
|
|
122364
|
-
className: styles$
|
|
122546
|
+
className: styles$a.popupIcon
|
|
122365
122547
|
}),
|
|
122366
|
-
menuClass: styles$
|
|
122548
|
+
menuClass: styles$a.popupMenu,
|
|
122367
122549
|
position: "bottom-right",
|
|
122368
122550
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
122369
122551
|
type: "button",
|
|
122370
122552
|
variant: "custom",
|
|
122371
122553
|
id: `metric-card-popup-btn__${metricItem.id}`,
|
|
122372
|
-
className: `${styles$
|
|
122554
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122373
122555
|
onClick: () => onMaximize({
|
|
122374
122556
|
labels: labels2,
|
|
122375
122557
|
data: {
|
|
@@ -122395,55 +122577,55 @@ const MetricCard = ({
|
|
|
122395
122577
|
}),
|
|
122396
122578
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122397
122579
|
name: "fullscreen-icon",
|
|
122398
|
-
className: styles$
|
|
122580
|
+
className: styles$a.popupItemIcon
|
|
122399
122581
|
}), "Enter Fullscreen"]
|
|
122400
122582
|
}), /* @__PURE__ */ jsx(ChartImageDownloadButton, {
|
|
122401
122583
|
text: "Save As PNG",
|
|
122402
122584
|
chartRef,
|
|
122403
|
-
className: `${styles$
|
|
122404
|
-
iconClass: styles$
|
|
122585
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122586
|
+
iconClass: styles$a.popupItemIcon,
|
|
122405
122587
|
id: metricItem.id
|
|
122406
122588
|
}), /* @__PURE__ */ jsx(CsvDownloadButton, {
|
|
122407
122589
|
data: dataDb,
|
|
122408
122590
|
fileName: metricItem.name,
|
|
122409
|
-
className: `${styles$
|
|
122591
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122410
122592
|
text: "Save As CSV",
|
|
122411
|
-
iconClass: styles$
|
|
122593
|
+
iconClass: styles$a.popupItemIcon
|
|
122412
122594
|
}), !!dataDb.length && /* @__PURE__ */ jsxs(Fragment, {
|
|
122413
122595
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
122414
122596
|
variant: "custom",
|
|
122415
122597
|
type: "button",
|
|
122416
|
-
className: `${styles$
|
|
122598
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122417
122599
|
onClick: () => setTablePreview(true),
|
|
122418
122600
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122419
122601
|
name: "table-tab-icon",
|
|
122420
|
-
className: styles$
|
|
122602
|
+
className: styles$a.popupItemIcon
|
|
122421
122603
|
}), "View As Table"]
|
|
122422
122604
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
122423
122605
|
variant: "custom",
|
|
122424
122606
|
type: "button",
|
|
122425
|
-
className: `${styles$
|
|
122607
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122426
122608
|
onClick: () => setRawCsvModal(true),
|
|
122427
122609
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122428
122610
|
name: "csv-icon",
|
|
122429
|
-
className: styles$
|
|
122611
|
+
className: styles$a.popupItemIcon
|
|
122430
122612
|
}), "Download Raw CSV"]
|
|
122431
122613
|
})]
|
|
122432
122614
|
}), onEdit && /* @__PURE__ */ jsxs(Button, {
|
|
122433
122615
|
variant: "custom",
|
|
122434
122616
|
type: "button",
|
|
122435
|
-
className: `${styles$
|
|
122617
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122436
122618
|
onClick: () => onEdit(metricItem, dataDb),
|
|
122437
122619
|
children: [/* @__PURE__ */ jsx(materialSymbolsEditSquareOutline, {
|
|
122438
|
-
className: styles$
|
|
122620
|
+
className: styles$a.popupItemIcon
|
|
122439
122621
|
}), "Edit Metric"]
|
|
122440
122622
|
}), onArchive && /* @__PURE__ */ jsxs(Button, {
|
|
122441
122623
|
variant: "custom",
|
|
122442
122624
|
type: "button",
|
|
122443
|
-
className: `${styles$
|
|
122625
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn} ${styles$a.deleteBtn}`,
|
|
122444
122626
|
onClick: () => onArchive(metricItem.id),
|
|
122445
122627
|
children: [/* @__PURE__ */ jsx(materialSymbolsArchiveOutline, {
|
|
122446
|
-
className: styles$
|
|
122628
|
+
className: styles$a.popupItemIcon
|
|
122447
122629
|
}), "Archive Metric"]
|
|
122448
122630
|
})]
|
|
122449
122631
|
})]
|
|
@@ -122452,26 +122634,26 @@ const MetricCard = ({
|
|
|
122452
122634
|
dimensions: drillDownSettings.selectedDimensions,
|
|
122453
122635
|
drilledLevel
|
|
122454
122636
|
}), chartType2 && /* @__PURE__ */ jsxs("div", {
|
|
122455
|
-
className: styles$
|
|
122637
|
+
className: styles$a.metricData,
|
|
122456
122638
|
onContextMenu: (e2) => {
|
|
122457
122639
|
e2.preventDefault();
|
|
122458
122640
|
},
|
|
122459
122641
|
children: [!isQueryLoading && !dataDb.length ? /* @__PURE__ */ jsx("div", {
|
|
122460
|
-
className: styles$
|
|
122642
|
+
className: styles$a.noData,
|
|
122461
122643
|
children: /* @__PURE__ */ jsxs("div", {
|
|
122462
|
-
className: styles$
|
|
122644
|
+
className: styles$a.noDataContent,
|
|
122463
122645
|
children: [/* @__PURE__ */ jsx("img", {
|
|
122464
122646
|
src: NoData,
|
|
122465
122647
|
alt: "",
|
|
122466
122648
|
width: "300px",
|
|
122467
122649
|
height: "300px"
|
|
122468
122650
|
}), /* @__PURE__ */ jsx("div", {
|
|
122469
|
-
className: styles$
|
|
122651
|
+
className: styles$a.noDataText,
|
|
122470
122652
|
children: "No Data Available"
|
|
122471
122653
|
})]
|
|
122472
122654
|
})
|
|
122473
122655
|
}) : null, isQueryLoading && /* @__PURE__ */ jsx("div", {
|
|
122474
|
-
className: styles$
|
|
122656
|
+
className: styles$a.loading,
|
|
122475
122657
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
122476
122658
|
style: {
|
|
122477
122659
|
width: "50px",
|
|
@@ -122516,7 +122698,7 @@ const MetricCard = ({
|
|
|
122516
122698
|
onClose: () => setTablePreview(false),
|
|
122517
122699
|
headerTitle: metricItem.name,
|
|
122518
122700
|
children: /* @__PURE__ */ jsx("div", {
|
|
122519
|
-
className: styles$
|
|
122701
|
+
className: styles$a.fullscreen,
|
|
122520
122702
|
children: /* @__PURE__ */ jsx(Table, {
|
|
122521
122703
|
data: dataDb,
|
|
122522
122704
|
isLoading: isQueryLoading,
|
|
@@ -122528,16 +122710,21 @@ const MetricCard = ({
|
|
|
122528
122710
|
onClose: () => setRawCsvModal(false),
|
|
122529
122711
|
headerTitle: "Download Raw csv",
|
|
122530
122712
|
children: /* @__PURE__ */ jsxs("form", {
|
|
122531
|
-
className: styles$
|
|
122532
|
-
onSubmit: handleSubmit((values) =>
|
|
122533
|
-
|
|
122534
|
-
|
|
122535
|
-
|
|
122536
|
-
|
|
122537
|
-
|
|
122538
|
-
|
|
122713
|
+
className: styles$a.downloadCsv,
|
|
122714
|
+
onSubmit: handleSubmit((values) => {
|
|
122715
|
+
var _a3;
|
|
122716
|
+
return onSubmitDownloadCsv({
|
|
122717
|
+
values,
|
|
122718
|
+
sqlQuery: metricItem.query,
|
|
122719
|
+
companyId: metricItem.companyId,
|
|
122720
|
+
clientName: client,
|
|
122721
|
+
tenancyType: companyTenancyType,
|
|
122722
|
+
metricName: metricItem == null ? void 0 : metricItem.name,
|
|
122723
|
+
workspaceId: (_a3 = metricItem == null ? void 0 : metricItem.companyIntegration) == null ? void 0 : _a3.workspaceId
|
|
122724
|
+
});
|
|
122725
|
+
}),
|
|
122539
122726
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122540
|
-
className: styles$
|
|
122727
|
+
className: styles$a.downloadCsvWrapper,
|
|
122541
122728
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
122542
122729
|
type: "email",
|
|
122543
122730
|
label: "email",
|
|
@@ -122546,12 +122733,12 @@ const MetricCard = ({
|
|
|
122546
122733
|
}), /* @__PURE__ */ jsx(Error$1, {
|
|
122547
122734
|
message: downloadCsvError
|
|
122548
122735
|
}), /* @__PURE__ */ jsxs("div", {
|
|
122549
|
-
className: styles$
|
|
122736
|
+
className: styles$a.downloadCsvNote,
|
|
122550
122737
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122551
122738
|
name: "info-icon",
|
|
122552
|
-
className: styles$
|
|
122739
|
+
className: styles$a.popupItemIcon
|
|
122553
122740
|
}), /* @__PURE__ */ jsxs("div", {
|
|
122554
|
-
className: styles$
|
|
122741
|
+
className: styles$a.downloadCsvNoteText,
|
|
122555
122742
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
122556
122743
|
styleClass: "primary",
|
|
122557
122744
|
variant: "h1",
|
|
@@ -122568,7 +122755,7 @@ const MetricCard = ({
|
|
|
122568
122755
|
variant: "custom",
|
|
122569
122756
|
type: "button",
|
|
122570
122757
|
size: "small",
|
|
122571
|
-
className: styles$
|
|
122758
|
+
className: styles$a.downloadCsvCancelBtn,
|
|
122572
122759
|
onClick: () => setRawCsvModal(false),
|
|
122573
122760
|
isDisabled: isLoading,
|
|
122574
122761
|
children: "Cancel"
|
|
@@ -122727,12 +122914,12 @@ const SingleValueCard = ({
|
|
|
122727
122914
|
};
|
|
122728
122915
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
122729
122916
|
children: /* @__PURE__ */ jsxs("div", {
|
|
122730
|
-
className: styles$
|
|
122917
|
+
className: styles$a.cardContainer,
|
|
122731
122918
|
id: metricItem.id,
|
|
122732
122919
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122733
|
-
className: styles$
|
|
122920
|
+
className: styles$a.listHeader,
|
|
122734
122921
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122735
|
-
className: styles$
|
|
122922
|
+
className: styles$a.metricName,
|
|
122736
122923
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
122737
122924
|
type: "button",
|
|
122738
122925
|
variant: "custom",
|
|
@@ -122742,15 +122929,15 @@ const SingleValueCard = ({
|
|
|
122742
122929
|
children: /* @__PURE__ */ jsx(Text, {
|
|
122743
122930
|
variant: "h3",
|
|
122744
122931
|
styleClass: "primary",
|
|
122745
|
-
className: `${styles$
|
|
122932
|
+
className: `${styles$a.metricTitle} dbn-metric-card-title`,
|
|
122746
122933
|
children: renderHeaderName ? renderHeaderName(metricItem.name) : metricItem.name
|
|
122747
122934
|
})
|
|
122748
122935
|
}), metricItem.description && /* @__PURE__ */ jsx("span", {
|
|
122749
|
-
className: `${styles$
|
|
122936
|
+
className: `${styles$a.metricDescription} dbn-metric-card-description`,
|
|
122750
122937
|
children: metricItem.description
|
|
122751
122938
|
})]
|
|
122752
122939
|
}), /* @__PURE__ */ jsxs("div", {
|
|
122753
|
-
className: styles$
|
|
122940
|
+
className: styles$a.features,
|
|
122754
122941
|
children: [/* @__PURE__ */ jsx(MetricFilterDropDown, {
|
|
122755
122942
|
rlsConditions,
|
|
122756
122943
|
onChangeFilterValue,
|
|
@@ -122758,34 +122945,34 @@ const SingleValueCard = ({
|
|
|
122758
122945
|
integrationId: metricItem == null ? void 0 : metricItem.companyIntegrationId,
|
|
122759
122946
|
integrationName: metricItem == null ? void 0 : metricItem.integrationName
|
|
122760
122947
|
}), (onEdit || onArchive) && /* @__PURE__ */ jsxs(PopoverMenu, {
|
|
122761
|
-
buttonClass: styles$
|
|
122948
|
+
buttonClass: styles$a.popup,
|
|
122762
122949
|
button: /* @__PURE__ */ jsx(Icons, {
|
|
122763
122950
|
name: "more-icon",
|
|
122764
|
-
className: styles$
|
|
122951
|
+
className: styles$a.popupIcon
|
|
122765
122952
|
}),
|
|
122766
|
-
menuClass: styles$
|
|
122953
|
+
menuClass: styles$a.popupMenu,
|
|
122767
122954
|
position: "bottom-right",
|
|
122768
122955
|
children: [onEdit && /* @__PURE__ */ jsxs(Button, {
|
|
122769
122956
|
variant: "custom",
|
|
122770
122957
|
type: "button",
|
|
122771
|
-
className: `${styles$
|
|
122958
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122772
122959
|
onClick: () => onEdit(metricItem, dataDb),
|
|
122773
122960
|
children: [/* @__PURE__ */ jsx(materialSymbolsEditSquareOutline, {
|
|
122774
|
-
className: styles$
|
|
122961
|
+
className: styles$a.popupItemIcon
|
|
122775
122962
|
}), "Edit Metric"]
|
|
122776
122963
|
}), onArchive && /* @__PURE__ */ jsxs(Button, {
|
|
122777
122964
|
variant: "custom",
|
|
122778
122965
|
type: "button",
|
|
122779
|
-
className: `${styles$
|
|
122966
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn} ${styles$a.deleteBtn}`,
|
|
122780
122967
|
onClick: () => onArchive(metricItem.id),
|
|
122781
122968
|
children: [/* @__PURE__ */ jsx(materialSymbolsArchiveOutline, {
|
|
122782
|
-
className: styles$
|
|
122969
|
+
className: styles$a.popupItemIcon
|
|
122783
122970
|
}), "Archive Metric"]
|
|
122784
122971
|
})]
|
|
122785
122972
|
})]
|
|
122786
122973
|
})]
|
|
122787
122974
|
}), chartType2 && /* @__PURE__ */ jsx("div", {
|
|
122788
|
-
className: `${styles$
|
|
122975
|
+
className: `${styles$a.metricData} ${styles$a.singleValueData}`,
|
|
122789
122976
|
children: isQueryLoading ? /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
122790
122977
|
style: {
|
|
122791
122978
|
width: "50px",
|
|
@@ -122799,16 +122986,16 @@ const SingleValueCard = ({
|
|
|
122799
122986
|
chartClickConfig: clickBehaviourConfigs.chart,
|
|
122800
122987
|
hideBorder: true
|
|
122801
122988
|
}) : /* @__PURE__ */ jsx("div", {
|
|
122802
|
-
className: styles$
|
|
122989
|
+
className: styles$a.noData,
|
|
122803
122990
|
children: /* @__PURE__ */ jsxs("div", {
|
|
122804
|
-
className: styles$
|
|
122991
|
+
className: styles$a.noDataContent,
|
|
122805
122992
|
children: [/* @__PURE__ */ jsx("img", {
|
|
122806
122993
|
src: NoData,
|
|
122807
122994
|
alt: "",
|
|
122808
122995
|
width: "300px",
|
|
122809
122996
|
height: "300px"
|
|
122810
122997
|
}), /* @__PURE__ */ jsx("div", {
|
|
122811
|
-
className: styles$
|
|
122998
|
+
className: styles$a.noDataText,
|
|
122812
122999
|
children: "No Data Available"
|
|
122813
123000
|
})]
|
|
122814
123001
|
})
|
|
@@ -122885,9 +123072,9 @@ const ArchiveMetricModal = ({
|
|
|
122885
123072
|
isOpen,
|
|
122886
123073
|
onClose,
|
|
122887
123074
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122888
|
-
className: styles$
|
|
123075
|
+
className: styles$a.deleteModal,
|
|
122889
123076
|
children: [/* @__PURE__ */ jsx(ionWarningOutline, {
|
|
122890
|
-
className: styles$
|
|
123077
|
+
className: styles$a.warningIcon
|
|
122891
123078
|
}), /* @__PURE__ */ jsx(Text, {
|
|
122892
123079
|
variant: "p",
|
|
122893
123080
|
styleClass: "font-14",
|
|
@@ -122898,7 +123085,7 @@ const ArchiveMetricModal = ({
|
|
|
122898
123085
|
variant: "secondary",
|
|
122899
123086
|
type: "button",
|
|
122900
123087
|
size: "default",
|
|
122901
|
-
className: styles$
|
|
123088
|
+
className: styles$a.cancelBtn,
|
|
122902
123089
|
onClick: onClose,
|
|
122903
123090
|
children: "Cancel"
|
|
122904
123091
|
}), /* @__PURE__ */ jsx(Button, {
|
|
@@ -122913,7 +123100,7 @@ const ArchiveMetricModal = ({
|
|
|
122913
123100
|
});
|
|
122914
123101
|
};
|
|
122915
123102
|
const alertCancel = "_alertCancel_15a9a_1";
|
|
122916
|
-
var styles$
|
|
123103
|
+
var styles$5 = {
|
|
122917
123104
|
alertCancel
|
|
122918
123105
|
};
|
|
122919
123106
|
const alert = "_alert_5fxok_1";
|
|
@@ -122924,7 +123111,7 @@ const success = "_success_5fxok_33";
|
|
|
122924
123111
|
const alertTextContent = "_alertTextContent_5fxok_41";
|
|
122925
123112
|
const alertText = "_alertText_5fxok_41";
|
|
122926
123113
|
const alertButtons = "_alertButtons_5fxok_57";
|
|
122927
|
-
var styles$
|
|
123114
|
+
var styles$4 = {
|
|
122928
123115
|
alert,
|
|
122929
123116
|
primary,
|
|
122930
123117
|
warning,
|
|
@@ -122941,19 +123128,19 @@ const Alert = ({
|
|
|
122941
123128
|
}) => {
|
|
122942
123129
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
122943
123130
|
children: /* @__PURE__ */ jsxs("div", {
|
|
122944
|
-
className: `${styles$
|
|
123131
|
+
className: `${styles$4.alert} ${styles$4[variant]}`,
|
|
122945
123132
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122946
|
-
className: styles$
|
|
123133
|
+
className: styles$4.alertTextContent,
|
|
122947
123134
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122948
123135
|
name: "info-icon"
|
|
122949
123136
|
}), /* @__PURE__ */ jsx(Text, {
|
|
122950
123137
|
styleClass: "font-14",
|
|
122951
123138
|
variant: "p",
|
|
122952
|
-
className: styles$
|
|
123139
|
+
className: styles$4.alertText,
|
|
122953
123140
|
children: text2
|
|
122954
123141
|
})]
|
|
122955
123142
|
}), /* @__PURE__ */ jsx("div", {
|
|
122956
|
-
className: styles$
|
|
123143
|
+
className: styles$4.alertButtons,
|
|
122957
123144
|
children: children2
|
|
122958
123145
|
})]
|
|
122959
123146
|
})
|
|
@@ -122970,7 +123157,7 @@ const LayoutAlert = ({
|
|
|
122970
123157
|
variant: "secondary",
|
|
122971
123158
|
type: "button",
|
|
122972
123159
|
size: "small",
|
|
122973
|
-
className: styles$
|
|
123160
|
+
className: styles$5.alertCancel,
|
|
122974
123161
|
onClick: onCancel,
|
|
122975
123162
|
children: "Cancel"
|
|
122976
123163
|
}), /* @__PURE__ */ jsx(Button, {
|
|
@@ -123057,7 +123244,7 @@ const ExternalMetricList = ({
|
|
|
123057
123244
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
123058
123245
|
children: metricsList.length && metricsLayout.length ? /* @__PURE__ */ jsxs(Fragment, {
|
|
123059
123246
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
123060
|
-
className: styles$
|
|
123247
|
+
className: styles$b["MetricList-container"],
|
|
123061
123248
|
id: "metric-list-container",
|
|
123062
123249
|
children: [layoutAlert.isShow && /* @__PURE__ */ jsx(LayoutAlert, {
|
|
123063
123250
|
onCancel: () => setLayoutAlert((prev) => ({
|
|
@@ -123097,7 +123284,7 @@ const ExternalMetricList = ({
|
|
|
123097
123284
|
xxs: 2
|
|
123098
123285
|
},
|
|
123099
123286
|
children: metricsList.map((metricItem) => /* @__PURE__ */ jsx("div", {
|
|
123100
|
-
className: styles$
|
|
123287
|
+
className: `${styles$b["MetricList-wrapper"]} ${isAllowedToChangeLayout ? styles$b["MetricList-wrapper-move"] : ""}`,
|
|
123101
123288
|
id: metricItem.id,
|
|
123102
123289
|
children: metricItem.chartOptions.chartType === "single value" ? /* @__PURE__ */ jsx(SingleValueCard, {
|
|
123103
123290
|
metricItem,
|
|
@@ -123173,9 +123360,9 @@ const ExternalMetricList = ({
|
|
|
123173
123360
|
})]
|
|
123174
123361
|
}) : /* @__PURE__ */ jsx(Fragment, {
|
|
123175
123362
|
children: !isMetricListLoading ? /* @__PURE__ */ jsx("div", {
|
|
123176
|
-
className: styles$
|
|
123363
|
+
className: styles$b["noMetric-container"],
|
|
123177
123364
|
children: /* @__PURE__ */ jsx("div", {
|
|
123178
|
-
className: styles$
|
|
123365
|
+
className: styles$b["noMetric-wrapper"],
|
|
123179
123366
|
children: /* @__PURE__ */ jsx(Text, {
|
|
123180
123367
|
variant: "h2",
|
|
123181
123368
|
styleClass: "primary",
|
|
@@ -123183,7 +123370,7 @@ const ExternalMetricList = ({
|
|
|
123183
123370
|
})
|
|
123184
123371
|
})
|
|
123185
123372
|
}) : /* @__PURE__ */ jsx("div", {
|
|
123186
|
-
className: styles$
|
|
123373
|
+
className: styles$b["alt-container"],
|
|
123187
123374
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
123188
123375
|
style: {
|
|
123189
123376
|
width: "50px",
|
|
@@ -123205,7 +123392,7 @@ const tableRowCol = "_tableRowCol_1jkce_49";
|
|
|
123205
123392
|
const tableColText = "_tableColText_1jkce_57";
|
|
123206
123393
|
const empty = "_empty_1jkce_65";
|
|
123207
123394
|
const error = "_error_1jkce_73";
|
|
123208
|
-
var styles = {
|
|
123395
|
+
var styles$3 = {
|
|
123209
123396
|
container,
|
|
123210
123397
|
table,
|
|
123211
123398
|
tableHead,
|
|
@@ -123222,21 +123409,21 @@ const MetricTable = ({
|
|
|
123222
123409
|
isError
|
|
123223
123410
|
}) => {
|
|
123224
123411
|
return /* @__PURE__ */ jsxs("div", {
|
|
123225
|
-
className: styles.container,
|
|
123412
|
+
className: styles$3.container,
|
|
123226
123413
|
children: [!!(data == null ? void 0 : data.length) && !isError && /* @__PURE__ */ jsxs("table", {
|
|
123227
|
-
className: styles.table,
|
|
123414
|
+
className: styles$3.table,
|
|
123228
123415
|
children: [/* @__PURE__ */ jsx("thead", {
|
|
123229
|
-
className: styles.tableHead,
|
|
123416
|
+
className: styles$3.tableHead,
|
|
123230
123417
|
children: /* @__PURE__ */ jsx("tr", {
|
|
123231
|
-
className: styles.tableRow,
|
|
123418
|
+
className: styles$3.tableRow,
|
|
123232
123419
|
children: Object.keys(data[0]).map((item) => {
|
|
123233
123420
|
return /* @__PURE__ */ jsx("th", {
|
|
123234
|
-
className: styles.tableHeadCol,
|
|
123421
|
+
className: styles$3.tableHeadCol,
|
|
123235
123422
|
scope: "col",
|
|
123236
123423
|
children: /* @__PURE__ */ jsx(Text, {
|
|
123237
123424
|
styleClass: "font-14c",
|
|
123238
123425
|
variant: "h1",
|
|
123239
|
-
className: styles.tableHeadColText,
|
|
123426
|
+
className: styles$3.tableHeadColText,
|
|
123240
123427
|
children: item
|
|
123241
123428
|
})
|
|
123242
123429
|
}, item);
|
|
@@ -123245,21 +123432,21 @@ const MetricTable = ({
|
|
|
123245
123432
|
}), /* @__PURE__ */ jsx("tbody", {
|
|
123246
123433
|
children: data == null ? void 0 : data.map((item, i) => /* @__PURE__ */ jsx("tr", {
|
|
123247
123434
|
children: Object.keys(data[0]).map((d2, index2) => /* @__PURE__ */ jsx("td", {
|
|
123248
|
-
className: styles.tableRowCol,
|
|
123435
|
+
className: styles$3.tableRowCol,
|
|
123249
123436
|
children: /* @__PURE__ */ jsx(Text, {
|
|
123250
123437
|
styleClass: "font-14",
|
|
123251
123438
|
variant: "p",
|
|
123252
|
-
className: styles.tableColText,
|
|
123439
|
+
className: styles$3.tableColText,
|
|
123253
123440
|
children: JSON.stringify(item[d2])
|
|
123254
123441
|
})
|
|
123255
123442
|
}, index2))
|
|
123256
123443
|
}, i))
|
|
123257
123444
|
})]
|
|
123258
123445
|
}), !(data == null ? void 0 : data.length) && !isError && /* @__PURE__ */ jsx("div", {
|
|
123259
|
-
className: styles.empty,
|
|
123446
|
+
className: styles$3.empty,
|
|
123260
123447
|
children: "Table is empty"
|
|
123261
123448
|
}), isError && /* @__PURE__ */ jsx("div", {
|
|
123262
|
-
className: styles.error,
|
|
123449
|
+
className: styles$3.error,
|
|
123263
123450
|
children: data.message
|
|
123264
123451
|
})]
|
|
123265
123452
|
});
|
|
@@ -123335,8 +123522,582 @@ const mdiPlus = (props) => /* @__PURE__ */ jsx("svg", {
|
|
|
123335
123522
|
d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z"
|
|
123336
123523
|
})
|
|
123337
123524
|
});
|
|
123525
|
+
const scheduleEmailButton = "_scheduleEmailButton_13nzt_1";
|
|
123526
|
+
var styles$2 = {
|
|
123527
|
+
scheduleEmailButton
|
|
123528
|
+
};
|
|
123529
|
+
var styles$1 = {
|
|
123530
|
+
"form-container": "_form-container_1odg5_1",
|
|
123531
|
+
"form-wrapper": "_form-wrapper_1odg5_4",
|
|
123532
|
+
"form-primary-text": "_form-primary-text_1odg5_8",
|
|
123533
|
+
"week-days-container": "_week-days-container_1odg5_12",
|
|
123534
|
+
"main-label": "_main-label_1odg5_15",
|
|
123535
|
+
"time-element": "_time-element_1odg5_19",
|
|
123536
|
+
"cancel-btn": "_cancel-btn_1odg5_23",
|
|
123537
|
+
"delete-btn": "_delete-btn_1odg5_26",
|
|
123538
|
+
"field-width": "_field-width_1odg5_29",
|
|
123539
|
+
"timezone-field": "_timezone-field_1odg5_33",
|
|
123540
|
+
"success-text": "_success-text_1odg5_37"
|
|
123541
|
+
};
|
|
123542
|
+
const tag = "_tag_qld84_1";
|
|
123543
|
+
const tagBtn = "_tagBtn_qld84_7";
|
|
123544
|
+
const inputFieldContainer = "_inputFieldContainer_qld84_11";
|
|
123545
|
+
var styles = {
|
|
123546
|
+
tag,
|
|
123547
|
+
"tag-text": "_tag-text_qld84_4",
|
|
123548
|
+
tagBtn,
|
|
123549
|
+
inputFieldContainer,
|
|
123550
|
+
"tag-container": "_tag-container_qld84_15",
|
|
123551
|
+
"cross-icon": "_cross-icon_qld84_19"
|
|
123552
|
+
};
|
|
123553
|
+
const TagInputField = ({
|
|
123554
|
+
control,
|
|
123555
|
+
placeholder,
|
|
123556
|
+
name,
|
|
123557
|
+
label: label2,
|
|
123558
|
+
onChangeTags,
|
|
123559
|
+
defaultTagValue
|
|
123560
|
+
}) => {
|
|
123561
|
+
const [tags, setTags] = useState([]);
|
|
123562
|
+
const [tagInput, setTagInput] = useState("");
|
|
123563
|
+
const handleDeleteTag = (tagToDelete) => {
|
|
123564
|
+
setTags(tags.filter((tag2) => tag2 !== tagToDelete));
|
|
123565
|
+
};
|
|
123566
|
+
const handleKeyDown = (event) => {
|
|
123567
|
+
if (event.key === "Enter" || event.key === ",") {
|
|
123568
|
+
event.preventDefault();
|
|
123569
|
+
const newTag = tagInput.trim();
|
|
123570
|
+
if (newTag && !tags.includes(newTag)) {
|
|
123571
|
+
setTags([...tags, newTag]);
|
|
123572
|
+
setTagInput("");
|
|
123573
|
+
}
|
|
123574
|
+
}
|
|
123575
|
+
};
|
|
123576
|
+
useEffect(() => {
|
|
123577
|
+
if (onChangeTags)
|
|
123578
|
+
onChangeTags(tags);
|
|
123579
|
+
}, [tags]);
|
|
123580
|
+
useEffect(() => {
|
|
123581
|
+
if (defaultTagValue && Array.isArray(defaultTagValue)) {
|
|
123582
|
+
setTags(defaultTagValue);
|
|
123583
|
+
}
|
|
123584
|
+
}, [defaultTagValue]);
|
|
123585
|
+
const handleChange = (event) => {
|
|
123586
|
+
setTagInput(event.target.value);
|
|
123587
|
+
};
|
|
123588
|
+
return /* @__PURE__ */ jsx(Controller, {
|
|
123589
|
+
name: name || "tags",
|
|
123590
|
+
control,
|
|
123591
|
+
defaultValue: "",
|
|
123592
|
+
render: ({
|
|
123593
|
+
field: field2
|
|
123594
|
+
}) => /* @__PURE__ */ jsxs("div", {
|
|
123595
|
+
className: styles.inputFieldContainer,
|
|
123596
|
+
children: [/* @__PURE__ */ jsx(
|
|
123597
|
+
InputField,
|
|
123598
|
+
{
|
|
123599
|
+
...field2,
|
|
123600
|
+
type: "text",
|
|
123601
|
+
value: tagInput,
|
|
123602
|
+
onChange: handleChange,
|
|
123603
|
+
onKeyDown: handleKeyDown,
|
|
123604
|
+
placeholder,
|
|
123605
|
+
label: label2
|
|
123606
|
+
}
|
|
123607
|
+
), /* @__PURE__ */ jsx("div", {
|
|
123608
|
+
className: styles["tag-container"],
|
|
123609
|
+
children: tags.map((tag2) => /* @__PURE__ */ jsx("div", {
|
|
123610
|
+
className: styles.tag,
|
|
123611
|
+
children: /* @__PURE__ */ jsxs(Button, {
|
|
123612
|
+
variant: "custom",
|
|
123613
|
+
type: "button",
|
|
123614
|
+
onClick: () => handleDeleteTag(tag2),
|
|
123615
|
+
className: styles.tagBtn,
|
|
123616
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
123617
|
+
className: styles["tag-text"],
|
|
123618
|
+
children: tag2
|
|
123619
|
+
}), /* @__PURE__ */ jsx(Icons, {
|
|
123620
|
+
name: "close-icon",
|
|
123621
|
+
className: styles["cross-icon"]
|
|
123622
|
+
})]
|
|
123623
|
+
})
|
|
123624
|
+
}, tag2))
|
|
123625
|
+
})]
|
|
123626
|
+
})
|
|
123627
|
+
});
|
|
123628
|
+
};
|
|
123629
|
+
const DashboardContext = createContext({
|
|
123630
|
+
isLoading: void 0,
|
|
123631
|
+
data: void 0,
|
|
123632
|
+
token: void 0
|
|
123633
|
+
});
|
|
123634
|
+
const useDashboardContext = () => useContext(DashboardContext);
|
|
123635
|
+
const getTimezoneOffset = (timezone, date) => {
|
|
123636
|
+
const localOffset = date.getTimezoneOffset() * -1;
|
|
123637
|
+
const targetOffset = new Date(
|
|
123638
|
+
date.toLocaleString("en-US", { timeZone: timezone })
|
|
123639
|
+
).getTimezoneOffset() * -1;
|
|
123640
|
+
const diff2 = targetOffset - localOffset;
|
|
123641
|
+
return diff2;
|
|
123642
|
+
};
|
|
123643
|
+
const getNextScheduledTime = (params) => {
|
|
123644
|
+
const now = new Date();
|
|
123645
|
+
let scheduledDate = null;
|
|
123646
|
+
switch (params.frequency) {
|
|
123647
|
+
case "Daily":
|
|
123648
|
+
scheduledDate = new Date(now);
|
|
123649
|
+
scheduledDate.setDate(now.getDate() + 1);
|
|
123650
|
+
break;
|
|
123651
|
+
case "Weekly": {
|
|
123652
|
+
const selectedDays = Object.keys(params.weekDays).filter(
|
|
123653
|
+
(day) => params.weekDays[day]
|
|
123654
|
+
);
|
|
123655
|
+
let closestDate = null;
|
|
123656
|
+
selectedDays.forEach((selectedDay) => {
|
|
123657
|
+
const dayIndex = WEEK_DAYS.findIndex(
|
|
123658
|
+
(day) => day.value === selectedDay
|
|
123659
|
+
);
|
|
123660
|
+
const dayDiff = (dayIndex + 7 - now.getDay()) % 7;
|
|
123661
|
+
const nextDate = new Date(now);
|
|
123662
|
+
nextDate.setDate(now.getDate() + dayDiff);
|
|
123663
|
+
if (nextDate.toDateString() === now.toDateString()) {
|
|
123664
|
+
nextDate.setDate(nextDate.getDate() + 7);
|
|
123665
|
+
}
|
|
123666
|
+
if (!closestDate || nextDate < closestDate) {
|
|
123667
|
+
closestDate = nextDate;
|
|
123668
|
+
}
|
|
123669
|
+
});
|
|
123670
|
+
scheduledDate = closestDate;
|
|
123671
|
+
break;
|
|
123672
|
+
}
|
|
123673
|
+
case "Monthly": {
|
|
123674
|
+
const selectedDates = params.date.map((v4) => parseInt(v4.value, 10));
|
|
123675
|
+
let closestDate = null;
|
|
123676
|
+
selectedDates.forEach((selectedDate) => {
|
|
123677
|
+
const nextDate = new Date(
|
|
123678
|
+
now.getFullYear(),
|
|
123679
|
+
now.getMonth(),
|
|
123680
|
+
selectedDate
|
|
123681
|
+
);
|
|
123682
|
+
if (nextDate < now) {
|
|
123683
|
+
nextDate.setMonth(now.getMonth() + 1);
|
|
123684
|
+
}
|
|
123685
|
+
if (!closestDate || nextDate < closestDate) {
|
|
123686
|
+
closestDate = nextDate;
|
|
123687
|
+
}
|
|
123688
|
+
});
|
|
123689
|
+
scheduledDate = closestDate;
|
|
123690
|
+
break;
|
|
123691
|
+
}
|
|
123692
|
+
}
|
|
123693
|
+
if (scheduledDate !== null) {
|
|
123694
|
+
scheduledDate.setHours(parseInt(params.hours, 10), 0, 0, 0);
|
|
123695
|
+
if (params.time === "PM") {
|
|
123696
|
+
scheduledDate.setHours(parseInt(params.hours, 10) + 12);
|
|
123697
|
+
} else if (params.time === "AM" && params.hours === "12") {
|
|
123698
|
+
scheduledDate.setHours(0);
|
|
123699
|
+
}
|
|
123700
|
+
const timezoneOffset = getTimezoneOffset(params.timezone, scheduledDate);
|
|
123701
|
+
scheduledDate.setTime(scheduledDate.getTime() + timezoneOffset * 6e4);
|
|
123702
|
+
}
|
|
123703
|
+
return scheduledDate;
|
|
123704
|
+
};
|
|
123705
|
+
const useScheduleEmail = ({ onCancel }) => {
|
|
123706
|
+
var _a2;
|
|
123707
|
+
const { register: register2, handleSubmit, watch, control, setValue, getValues, reset: reset2 } = useForm();
|
|
123708
|
+
const { data, token } = useDashboardContext();
|
|
123709
|
+
const { data: scheduledReportData, isLoading: isLoadingData } = useScheduleEmailReportQuery({ token });
|
|
123710
|
+
const scheduleReportConfig = useMemo(() => {
|
|
123711
|
+
var _a3;
|
|
123712
|
+
if ((_a3 = scheduledReportData == null ? void 0 : scheduledReportData.scheduleEmailReports) == null ? void 0 : _a3.length) {
|
|
123713
|
+
return scheduledReportData == null ? void 0 : scheduledReportData.scheduleEmailReports[0];
|
|
123714
|
+
}
|
|
123715
|
+
return void 0;
|
|
123716
|
+
}, [scheduledReportData]);
|
|
123717
|
+
useEffect(() => {
|
|
123718
|
+
if (scheduleReportConfig) {
|
|
123719
|
+
reset2({
|
|
123720
|
+
...scheduleReportConfig.timeConfigurations
|
|
123721
|
+
});
|
|
123722
|
+
} else {
|
|
123723
|
+
setValue("time", "PM");
|
|
123724
|
+
setValue("timezone", "IST");
|
|
123725
|
+
setValue("frequency", "Monthly");
|
|
123726
|
+
}
|
|
123727
|
+
}, [scheduleReportConfig]);
|
|
123728
|
+
const [isLoading, setLoading] = useState(false);
|
|
123729
|
+
const [error2, setError] = useState("");
|
|
123730
|
+
const [isSuccess, setSuccess] = useState(false);
|
|
123731
|
+
const [isDeleted, setDeleted] = useState(false);
|
|
123732
|
+
const dashboardName = "";
|
|
123733
|
+
const chartOptions2 = ((_a2 = data == null ? void 0 : data.externalDashboardMetrics) == null ? void 0 : _a2.map((metric) => ({
|
|
123734
|
+
value: metric.externalMetric.id,
|
|
123735
|
+
label: metric.externalMetric.name
|
|
123736
|
+
}))) || [];
|
|
123737
|
+
const saveScheduleEmailMutation = useSaveScheduleEmailMutation();
|
|
123738
|
+
const deleteScheduledChartsMutation = useDeleteScheduleEmailReportChartsMutation();
|
|
123739
|
+
const deleteScheduledReportMutation = useDeleteScheduledEmailMutation();
|
|
123740
|
+
const validateScheduledSettings = (values, nextScheduledAt) => {
|
|
123741
|
+
if (values.charts.length === 0) {
|
|
123742
|
+
setError("please select at least one chart to share");
|
|
123743
|
+
setLoading(false);
|
|
123744
|
+
setSuccess(false);
|
|
123745
|
+
return false;
|
|
123746
|
+
}
|
|
123747
|
+
if (values.emails.length === 0) {
|
|
123748
|
+
setError("please add at least one email address");
|
|
123749
|
+
setLoading(false);
|
|
123750
|
+
setSuccess(false);
|
|
123751
|
+
return false;
|
|
123752
|
+
}
|
|
123753
|
+
if (!nextScheduledAt) {
|
|
123754
|
+
setError("invalid time configurations");
|
|
123755
|
+
setLoading(false);
|
|
123756
|
+
setSuccess(false);
|
|
123757
|
+
return false;
|
|
123758
|
+
}
|
|
123759
|
+
return true;
|
|
123760
|
+
};
|
|
123761
|
+
const saveScheduleEmailSettings = (values) => {
|
|
123762
|
+
var _a3, _b2;
|
|
123763
|
+
setError("");
|
|
123764
|
+
setLoading(true);
|
|
123765
|
+
setSuccess(false);
|
|
123766
|
+
const {
|
|
123767
|
+
subject,
|
|
123768
|
+
emails,
|
|
123769
|
+
frequency,
|
|
123770
|
+
weekDays,
|
|
123771
|
+
date,
|
|
123772
|
+
hours,
|
|
123773
|
+
time: time2,
|
|
123774
|
+
timezone
|
|
123775
|
+
} = values;
|
|
123776
|
+
const nextScheduledAt = getNextScheduledTime({
|
|
123777
|
+
date,
|
|
123778
|
+
frequency,
|
|
123779
|
+
hours,
|
|
123780
|
+
time: time2,
|
|
123781
|
+
timezone,
|
|
123782
|
+
weekDays
|
|
123783
|
+
});
|
|
123784
|
+
const isValid = validateScheduledSettings(values, nextScheduledAt);
|
|
123785
|
+
if (!isValid) {
|
|
123786
|
+
return;
|
|
123787
|
+
}
|
|
123788
|
+
const charts2 = (_a3 = values.charts) == null ? void 0 : _a3.map((externalMetricId) => ({
|
|
123789
|
+
externalMetricId
|
|
123790
|
+
}));
|
|
123791
|
+
if (scheduleReportConfig) {
|
|
123792
|
+
deleteScheduledChartsMutation.mutate(
|
|
123793
|
+
{ scheduleEmailReportId: scheduleReportConfig.id },
|
|
123794
|
+
{
|
|
123795
|
+
onSuccess({ delete_scheduleEmailReportCharts }) {
|
|
123796
|
+
var _a4;
|
|
123797
|
+
if (delete_scheduleEmailReportCharts == null ? void 0 : delete_scheduleEmailReportCharts.affected_rows) {
|
|
123798
|
+
saveScheduleEmailMutation.mutate(
|
|
123799
|
+
{
|
|
123800
|
+
emails,
|
|
123801
|
+
externalDashboardId: (_a4 = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _a4.id,
|
|
123802
|
+
data: charts2,
|
|
123803
|
+
guestToken: token,
|
|
123804
|
+
nextScheduledAt,
|
|
123805
|
+
sharingSettingsId: data == null ? void 0 : data.sharingSettingsId,
|
|
123806
|
+
subject,
|
|
123807
|
+
timeConfigurations: values
|
|
123808
|
+
},
|
|
123809
|
+
{
|
|
123810
|
+
onSuccess({ insert_scheduleEmailReports_one }) {
|
|
123811
|
+
if (insert_scheduleEmailReports_one == null ? void 0 : insert_scheduleEmailReports_one.id) {
|
|
123812
|
+
setError("");
|
|
123813
|
+
setLoading(false);
|
|
123814
|
+
setSuccess(true);
|
|
123815
|
+
} else {
|
|
123816
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123817
|
+
setLoading(false);
|
|
123818
|
+
setSuccess(false);
|
|
123819
|
+
}
|
|
123820
|
+
},
|
|
123821
|
+
onError() {
|
|
123822
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123823
|
+
setLoading(false);
|
|
123824
|
+
setSuccess(false);
|
|
123825
|
+
}
|
|
123826
|
+
}
|
|
123827
|
+
);
|
|
123828
|
+
} else {
|
|
123829
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123830
|
+
setLoading(false);
|
|
123831
|
+
setSuccess(false);
|
|
123832
|
+
}
|
|
123833
|
+
},
|
|
123834
|
+
onError() {
|
|
123835
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123836
|
+
setLoading(false);
|
|
123837
|
+
setSuccess(false);
|
|
123838
|
+
}
|
|
123839
|
+
}
|
|
123840
|
+
);
|
|
123841
|
+
} else {
|
|
123842
|
+
saveScheduleEmailMutation.mutate(
|
|
123843
|
+
{
|
|
123844
|
+
emails,
|
|
123845
|
+
externalDashboardId: (_b2 = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _b2.id,
|
|
123846
|
+
data: charts2,
|
|
123847
|
+
guestToken: token,
|
|
123848
|
+
nextScheduledAt,
|
|
123849
|
+
sharingSettingsId: data == null ? void 0 : data.sharingSettingsId,
|
|
123850
|
+
subject,
|
|
123851
|
+
timeConfigurations: values
|
|
123852
|
+
},
|
|
123853
|
+
{
|
|
123854
|
+
onSuccess({ insert_scheduleEmailReports_one }) {
|
|
123855
|
+
if (insert_scheduleEmailReports_one == null ? void 0 : insert_scheduleEmailReports_one.id) {
|
|
123856
|
+
setError("");
|
|
123857
|
+
setLoading(false);
|
|
123858
|
+
setSuccess(true);
|
|
123859
|
+
} else {
|
|
123860
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123861
|
+
setLoading(false);
|
|
123862
|
+
setSuccess(false);
|
|
123863
|
+
}
|
|
123864
|
+
},
|
|
123865
|
+
onError() {
|
|
123866
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123867
|
+
setLoading(false);
|
|
123868
|
+
setSuccess(false);
|
|
123869
|
+
}
|
|
123870
|
+
}
|
|
123871
|
+
);
|
|
123872
|
+
}
|
|
123873
|
+
};
|
|
123874
|
+
const deleteScheduledReport = () => {
|
|
123875
|
+
setError("");
|
|
123876
|
+
setLoading(true);
|
|
123877
|
+
setDeleted(false);
|
|
123878
|
+
setSuccess(false);
|
|
123879
|
+
deleteScheduledReportMutation.mutate(
|
|
123880
|
+
{ id: scheduleReportConfig == null ? void 0 : scheduleReportConfig.id },
|
|
123881
|
+
{
|
|
123882
|
+
onSuccess({ delete_scheduleEmailReports_by_pk }) {
|
|
123883
|
+
if (delete_scheduleEmailReports_by_pk == null ? void 0 : delete_scheduleEmailReports_by_pk.id) {
|
|
123884
|
+
setError("");
|
|
123885
|
+
setLoading(false);
|
|
123886
|
+
setDeleted(true);
|
|
123887
|
+
reset2({ subject: "", emails: [], charts: [] });
|
|
123888
|
+
onCancel();
|
|
123889
|
+
} else {
|
|
123890
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123891
|
+
setLoading(false);
|
|
123892
|
+
setDeleted(false);
|
|
123893
|
+
}
|
|
123894
|
+
},
|
|
123895
|
+
onError() {
|
|
123896
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123897
|
+
setLoading(false);
|
|
123898
|
+
setDeleted(false);
|
|
123899
|
+
}
|
|
123900
|
+
}
|
|
123901
|
+
);
|
|
123902
|
+
};
|
|
123903
|
+
const onSave = handleSubmit(saveScheduleEmailSettings);
|
|
123904
|
+
const onDelete = handleSubmit(deleteScheduledReport);
|
|
123905
|
+
return {
|
|
123906
|
+
register: register2,
|
|
123907
|
+
handleSubmit,
|
|
123908
|
+
watch,
|
|
123909
|
+
control,
|
|
123910
|
+
setValue,
|
|
123911
|
+
getValues,
|
|
123912
|
+
reset: reset2,
|
|
123913
|
+
dashboardName,
|
|
123914
|
+
chartOptions: chartOptions2,
|
|
123915
|
+
onSave,
|
|
123916
|
+
isLoading,
|
|
123917
|
+
isSuccess,
|
|
123918
|
+
error: error2,
|
|
123919
|
+
isLoadingData,
|
|
123920
|
+
scheduleReportConfig,
|
|
123921
|
+
onDelete,
|
|
123922
|
+
isDeleted
|
|
123923
|
+
};
|
|
123924
|
+
};
|
|
123925
|
+
const ScheduleEmailForm = ({
|
|
123926
|
+
onCancel
|
|
123927
|
+
}) => {
|
|
123928
|
+
var _a2;
|
|
123929
|
+
const {
|
|
123930
|
+
control,
|
|
123931
|
+
getValues,
|
|
123932
|
+
register: register2,
|
|
123933
|
+
setValue,
|
|
123934
|
+
watch,
|
|
123935
|
+
dashboardName,
|
|
123936
|
+
chartOptions: chartOptions2,
|
|
123937
|
+
onSave,
|
|
123938
|
+
isLoading,
|
|
123939
|
+
error: error2,
|
|
123940
|
+
isSuccess,
|
|
123941
|
+
scheduleReportConfig,
|
|
123942
|
+
onDelete,
|
|
123943
|
+
isDeleted
|
|
123944
|
+
} = useScheduleEmail({
|
|
123945
|
+
onCancel
|
|
123946
|
+
});
|
|
123947
|
+
return /* @__PURE__ */ jsxs("form", {
|
|
123948
|
+
className: styles$1["form-container"],
|
|
123949
|
+
onSubmit: onSave,
|
|
123950
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
123951
|
+
className: styles$1["form-wrapper"],
|
|
123952
|
+
children: [/* @__PURE__ */ jsxs(Text, {
|
|
123953
|
+
variant: "p",
|
|
123954
|
+
styleClass: "font-14",
|
|
123955
|
+
className: styles$1["form-primary-text"],
|
|
123956
|
+
children: ["Schedule an email report for Dashboard:", /* @__PURE__ */ jsx(Text, {
|
|
123957
|
+
variant: "span",
|
|
123958
|
+
styleClass: "primary",
|
|
123959
|
+
children: dashboardName
|
|
123960
|
+
})]
|
|
123961
|
+
}), /* @__PURE__ */ jsx(InputField, {
|
|
123962
|
+
label: "Subject Line",
|
|
123963
|
+
placeholder: "Weekly Report - Sales Overview 2023",
|
|
123964
|
+
register: register2("subject", required)
|
|
123965
|
+
}), /* @__PURE__ */ jsx(TagInputField, {
|
|
123966
|
+
control,
|
|
123967
|
+
type: "text",
|
|
123968
|
+
label: "Send to",
|
|
123969
|
+
placeholder: "Enter email addresses",
|
|
123970
|
+
onChangeTags: (tags) => setValue("emails", tags),
|
|
123971
|
+
defaultTagValue: (_a2 = scheduleReportConfig == null ? void 0 : scheduleReportConfig.timeConfigurations) == null ? void 0 : _a2.emails
|
|
123972
|
+
}), /* @__PURE__ */ jsx(HookMultiSelect, {
|
|
123973
|
+
control,
|
|
123974
|
+
name: "charts",
|
|
123975
|
+
options: chartOptions2,
|
|
123976
|
+
label: "Charts to Attach",
|
|
123977
|
+
defaultValue: []
|
|
123978
|
+
}), /* @__PURE__ */ jsx(HookSelect, {
|
|
123979
|
+
label: "Frequency of emails",
|
|
123980
|
+
options: FREQUENCY,
|
|
123981
|
+
control,
|
|
123982
|
+
name: "frequency",
|
|
123983
|
+
defaultValue: "Monthly"
|
|
123984
|
+
}), watch().frequency !== "Monthly" ? /* @__PURE__ */ jsx("div", {
|
|
123985
|
+
className: styles$1["week-days-container"],
|
|
123986
|
+
children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx(InputField, {
|
|
123987
|
+
label: day.label,
|
|
123988
|
+
type: "checkbox",
|
|
123989
|
+
register: register2(`weekDays.${day.value}`),
|
|
123990
|
+
isDisabled: watch().frequency === "Daily"
|
|
123991
|
+
}, day.value))
|
|
123992
|
+
}) : /* @__PURE__ */ jsx("div", {
|
|
123993
|
+
children: /* @__PURE__ */ jsx(MultiFloatingDropDown, {
|
|
123994
|
+
label: "Choose Dates",
|
|
123995
|
+
selectedOptions: getValues().date || [],
|
|
123996
|
+
options: DATE_NUM,
|
|
123997
|
+
onChange: (values) => setValue("date", values)
|
|
123998
|
+
})
|
|
123999
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
124000
|
+
children: [/* @__PURE__ */ jsx(Text, {
|
|
124001
|
+
variant: "span",
|
|
124002
|
+
styleClass: "custom",
|
|
124003
|
+
className: styles$1["main-label"],
|
|
124004
|
+
children: "Scheduled Time"
|
|
124005
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
124006
|
+
className: styles$1["time-element"],
|
|
124007
|
+
children: [/* @__PURE__ */ jsx(InputField, {
|
|
124008
|
+
type: "number",
|
|
124009
|
+
className: styles$1["field-width"],
|
|
124010
|
+
min: 0,
|
|
124011
|
+
max: 11,
|
|
124012
|
+
register: register2("hours", required),
|
|
124013
|
+
defaultValue: 5
|
|
124014
|
+
}), /* @__PURE__ */ jsx(HookSelect, {
|
|
124015
|
+
options: TIME,
|
|
124016
|
+
control,
|
|
124017
|
+
name: "time",
|
|
124018
|
+
className: styles$1["timezone-field"],
|
|
124019
|
+
defaultValue: "PM"
|
|
124020
|
+
}), /* @__PURE__ */ jsx(HookSelect, {
|
|
124021
|
+
options: TIME_ZONES,
|
|
124022
|
+
control,
|
|
124023
|
+
name: "timezone",
|
|
124024
|
+
className: styles$1["timezone-field"],
|
|
124025
|
+
defaultValue: "IST"
|
|
124026
|
+
})]
|
|
124027
|
+
})]
|
|
124028
|
+
}), error2 && /* @__PURE__ */ jsx(Error$1, {
|
|
124029
|
+
message: error2
|
|
124030
|
+
}), isSuccess && /* @__PURE__ */ jsx(Text, {
|
|
124031
|
+
variant: "p",
|
|
124032
|
+
styleClass: "font-14b",
|
|
124033
|
+
className: styles$1["success-text"],
|
|
124034
|
+
children: "Scheduled successfully!"
|
|
124035
|
+
}), isDeleted && /* @__PURE__ */ jsx(Text, {
|
|
124036
|
+
variant: "p",
|
|
124037
|
+
styleClass: "font-14b",
|
|
124038
|
+
className: styles$1["success-text"],
|
|
124039
|
+
children: "Deleted successfully!"
|
|
124040
|
+
})]
|
|
124041
|
+
}), /* @__PURE__ */ jsxs(ModalFooter, {
|
|
124042
|
+
children: [scheduleReportConfig ? /* @__PURE__ */ jsx(Button, {
|
|
124043
|
+
type: "reset",
|
|
124044
|
+
variant: "secondary",
|
|
124045
|
+
className: styles$1["delete-btn"],
|
|
124046
|
+
size: "default",
|
|
124047
|
+
onClick: () => {
|
|
124048
|
+
onDelete();
|
|
124049
|
+
},
|
|
124050
|
+
isDisabled: isLoading,
|
|
124051
|
+
children: "Delete"
|
|
124052
|
+
}) : /* @__PURE__ */ jsx(Button, {
|
|
124053
|
+
type: "reset",
|
|
124054
|
+
variant: "secondary",
|
|
124055
|
+
className: styles$1["cancel-btn"],
|
|
124056
|
+
size: "default",
|
|
124057
|
+
onClick: () => onCancel(),
|
|
124058
|
+
isDisabled: isLoading,
|
|
124059
|
+
children: "Cancel"
|
|
124060
|
+
}), /* @__PURE__ */ jsx(Button, {
|
|
124061
|
+
variant: "primary",
|
|
124062
|
+
type: "submit",
|
|
124063
|
+
size: "medium",
|
|
124064
|
+
isDisabled: isLoading,
|
|
124065
|
+
children: scheduleReportConfig ? "Update" : "Save"
|
|
124066
|
+
})]
|
|
124067
|
+
})]
|
|
124068
|
+
});
|
|
124069
|
+
};
|
|
124070
|
+
const fluentMdl2MailSchedule = (props) => /* @__PURE__ */ jsx("svg", {
|
|
124071
|
+
viewBox: "0 0 2048 2048",
|
|
124072
|
+
width: "1.2em",
|
|
124073
|
+
height: "1.2em",
|
|
124074
|
+
...props,
|
|
124075
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
124076
|
+
fill: "currentColor",
|
|
124077
|
+
d: "M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"
|
|
124078
|
+
})
|
|
124079
|
+
});
|
|
124080
|
+
const ScheduleEmail = () => {
|
|
124081
|
+
const [isShowSettings, setShowSettings] = useState(false);
|
|
124082
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
124083
|
+
children: [/* @__PURE__ */ jsx(Button, {
|
|
124084
|
+
variant: "custom",
|
|
124085
|
+
type: "button",
|
|
124086
|
+
onClick: () => setShowSettings(true),
|
|
124087
|
+
title: "email-sharing",
|
|
124088
|
+
className: styles$2.scheduleEmailButton,
|
|
124089
|
+
children: /* @__PURE__ */ jsx(fluentMdl2MailSchedule, {})
|
|
124090
|
+
}), /* @__PURE__ */ jsx(Modal, {
|
|
124091
|
+
isOpen: isShowSettings,
|
|
124092
|
+
onClose: () => setShowSettings(false),
|
|
124093
|
+
headerTitle: "Schedule Email",
|
|
124094
|
+
children: /* @__PURE__ */ jsx(ScheduleEmailForm, {
|
|
124095
|
+
onCancel: () => setShowSettings(false)
|
|
124096
|
+
})
|
|
124097
|
+
})]
|
|
124098
|
+
});
|
|
124099
|
+
};
|
|
123338
124100
|
const EmbeddedDashboard = React__default.memo(({
|
|
123339
|
-
token,
|
|
123340
124101
|
options: options2,
|
|
123341
124102
|
theme: theme2
|
|
123342
124103
|
}) => {
|
|
@@ -123344,7 +124105,7 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123344
124105
|
const {
|
|
123345
124106
|
data,
|
|
123346
124107
|
isLoading
|
|
123347
|
-
} =
|
|
124108
|
+
} = useDashboardContext();
|
|
123348
124109
|
const [appliedfilters, setAppliedFilters] = useState([]);
|
|
123349
124110
|
const [isShowMetricCreateModal, setShowMetricCreateModal] = useState(false);
|
|
123350
124111
|
const [globalFilters, setGlobalFilters] = useState({
|
|
@@ -123354,9 +124115,9 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123354
124115
|
const {
|
|
123355
124116
|
data: adminThemeData
|
|
123356
124117
|
} = useGetThemesQuery({
|
|
123357
|
-
companyId: data.companyId
|
|
124118
|
+
companyId: data == null ? void 0 : data.companyId
|
|
123358
124119
|
}, {
|
|
123359
|
-
enabled: !!data.companyId
|
|
124120
|
+
enabled: !!(data == null ? void 0 : data.companyId)
|
|
123360
124121
|
});
|
|
123361
124122
|
const [adminTheme, adminThemeChartColors] = useMemo(() => {
|
|
123362
124123
|
var _a3, _b3, _c3, _d2;
|
|
@@ -123369,28 +124130,28 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123369
124130
|
useApplyAdminTheme(adminTheme);
|
|
123370
124131
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
123371
124132
|
children: /* @__PURE__ */ jsxs("div", {
|
|
123372
|
-
className: styles$
|
|
124133
|
+
className: styles$L["embedDashboard-container"],
|
|
123373
124134
|
id: "dbn-dashboard",
|
|
123374
|
-
children: [((_a2 = data.externalDashboard) == null ? void 0 : _a2.id) && !isLoading && /* @__PURE__ */ jsxs(Fragment, {
|
|
124135
|
+
children: [((_a2 = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _a2.id) && !isLoading && /* @__PURE__ */ jsxs(Fragment, {
|
|
123375
124136
|
children: [!(options2 == null ? void 0 : options2.disableMetricCreation) && !data.externalDashboard.filters.length && !data.isAllowedToCreateMetrics ? null : /* @__PURE__ */ jsxs("div", {
|
|
123376
|
-
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$
|
|
124137
|
+
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$L["embedDashboard-header-floating"] : styles$L["embedDashboard-header-static"],
|
|
123377
124138
|
children: [(options2 == null ? void 0 : options2.headerVariant) === "floating" && /* @__PURE__ */ jsx("span", {
|
|
123378
|
-
className: styles$
|
|
124139
|
+
className: styles$L.floatingButton,
|
|
123379
124140
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
123380
124141
|
name: "setup-icon",
|
|
123381
|
-
className: styles$
|
|
124142
|
+
className: styles$L.floatingButton
|
|
123382
124143
|
})
|
|
123383
|
-
}), /* @__PURE__ */
|
|
123384
|
-
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$
|
|
123385
|
-
children: !(options2 == null ? void 0 : options2.disableMetricCreation) && data.isAllowedToCreateMetrics && /* @__PURE__ */ jsxs(Fragment, {
|
|
124144
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
124145
|
+
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$L.floatingContainer : styles$L.staticContainer,
|
|
124146
|
+
children: [data.sharingSettingsId && /* @__PURE__ */ jsx(ScheduleEmail, {}), !(options2 == null ? void 0 : options2.disableMetricCreation) && data.isAllowedToCreateMetrics && /* @__PURE__ */ jsxs(Fragment, {
|
|
123386
124147
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
123387
124148
|
type: "button",
|
|
123388
124149
|
variant: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? "custom" : "primary",
|
|
123389
124150
|
size: "large",
|
|
123390
|
-
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$
|
|
124151
|
+
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$L.floatingCreateButton : "",
|
|
123391
124152
|
onClick: () => setShowMetricCreateModal(true),
|
|
123392
124153
|
children: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? /* @__PURE__ */ jsx(mdiPlus, {
|
|
123393
|
-
className: styles$
|
|
124154
|
+
className: styles$L.floatingCreateButtonIcon
|
|
123394
124155
|
}) : "Create Metric"
|
|
123395
124156
|
}), /* @__PURE__ */ jsx(EmbeddedMetricCreation, {
|
|
123396
124157
|
clientId: data.clientId,
|
|
@@ -123403,22 +124164,22 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123403
124164
|
workspaceId: (_b2 = data.workspace) == null ? void 0 : _b2.id,
|
|
123404
124165
|
userProvidedDashboardId: data.externalDashboardId
|
|
123405
124166
|
})]
|
|
123406
|
-
})
|
|
124167
|
+
})]
|
|
123407
124168
|
})]
|
|
123408
124169
|
}), /* @__PURE__ */ jsxs("div", {
|
|
123409
|
-
className: styles$
|
|
124170
|
+
className: styles$L["embedDashboard-wrapper"],
|
|
123410
124171
|
children: [data.externalDashboard.filters.length ? /* @__PURE__ */ jsx(PopoverMenu, {
|
|
123411
124172
|
button: /* @__PURE__ */ jsxs(Button, {
|
|
123412
124173
|
type: "button",
|
|
123413
124174
|
variant: "custom",
|
|
123414
|
-
className: styles$
|
|
124175
|
+
className: styles$L.filterButton,
|
|
123415
124176
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
123416
|
-
className: styles$
|
|
124177
|
+
className: styles$L.filterText,
|
|
123417
124178
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
123418
124179
|
name: "filter-icon"
|
|
123419
124180
|
}), " Filters"]
|
|
123420
124181
|
}), appliedfilters.length === 0 ? /* @__PURE__ */ jsx("div", {}) : /* @__PURE__ */ jsx("span", {
|
|
123421
|
-
className: styles$
|
|
124182
|
+
className: styles$L.filterLength,
|
|
123422
124183
|
children: appliedfilters.length
|
|
123423
124184
|
})]
|
|
123424
124185
|
}),
|
|
@@ -123437,9 +124198,9 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123437
124198
|
isLiveMode: data.isLiveMode,
|
|
123438
124199
|
externalDashboardId: data.externalDashboardId,
|
|
123439
124200
|
externalDashboardPk: data.externalDashboard.id,
|
|
123440
|
-
isAllowedToDeleteMetrics: data.isAllowedToDeleteMetrics,
|
|
123441
|
-
isAllowedToUpdateMetrics: data.isAllowedToUpdateMetrics,
|
|
123442
|
-
isAllowedToChangeLayout: data.isAllowedToChangeLayout,
|
|
124201
|
+
isAllowedToDeleteMetrics: data.isAllowedToDeleteMetrics || !(options2 == null ? void 0 : options2.disableMetricDeletion),
|
|
124202
|
+
isAllowedToUpdateMetrics: data.isAllowedToUpdateMetrics || !(options2 == null ? void 0 : options2.disableMetricUpdation),
|
|
124203
|
+
isAllowedToChangeLayout: data.isAllowedToChangeLayout || !(options2 == null ? void 0 : options2.disableLayoutCustomization),
|
|
123443
124204
|
externalDashboardMetrics: data.externalDashboardMetrics,
|
|
123444
124205
|
companyId: data.companyId,
|
|
123445
124206
|
isMetricListLoading: isLoading,
|
|
@@ -123453,7 +124214,7 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123453
124214
|
})]
|
|
123454
124215
|
})]
|
|
123455
124216
|
}), isLoading && /* @__PURE__ */ jsx("div", {
|
|
123456
|
-
className: styles$
|
|
124217
|
+
className: styles$L["alt-container"],
|
|
123457
124218
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
123458
124219
|
style: {
|
|
123459
124220
|
width: "50px",
|
|
@@ -123461,13 +124222,31 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123461
124222
|
color: "blue"
|
|
123462
124223
|
}
|
|
123463
124224
|
})
|
|
123464
|
-
}), !isLoading && !((_d = data.externalDashboard) == null ? void 0 : _d.id) && /* @__PURE__ */ jsx("div", {
|
|
123465
|
-
className: styles$
|
|
124225
|
+
}), !isLoading && !((_d = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _d.id) && /* @__PURE__ */ jsx("div", {
|
|
124226
|
+
className: styles$L["alt-container"],
|
|
123466
124227
|
children: "Invalid token or Dashboard id"
|
|
123467
124228
|
})]
|
|
123468
124229
|
})
|
|
123469
124230
|
});
|
|
123470
124231
|
});
|
|
124232
|
+
const DashboardProvider = ({
|
|
124233
|
+
token,
|
|
124234
|
+
children: children2
|
|
124235
|
+
}) => {
|
|
124236
|
+
const {
|
|
124237
|
+
data,
|
|
124238
|
+
isLoading
|
|
124239
|
+
} = useEmbeddedDashboard(token);
|
|
124240
|
+
const contextValues = useMemo(() => ({
|
|
124241
|
+
data,
|
|
124242
|
+
isLoading,
|
|
124243
|
+
token
|
|
124244
|
+
}), [data, isLoading, token]);
|
|
124245
|
+
return /* @__PURE__ */ jsx(DashboardContext.Provider, {
|
|
124246
|
+
value: contextValues,
|
|
124247
|
+
children: children2
|
|
124248
|
+
});
|
|
124249
|
+
};
|
|
123471
124250
|
const queryClient = new QueryClient();
|
|
123472
124251
|
const PluginProvider = ({
|
|
123473
124252
|
children: children2,
|
|
@@ -123493,9 +124272,12 @@ const Dashboard = React__default.memo(({
|
|
|
123493
124272
|
}) => {
|
|
123494
124273
|
return /* @__PURE__ */ jsx(PluginProvider, {
|
|
123495
124274
|
theme: theme2,
|
|
123496
|
-
children: /* @__PURE__ */ jsx(
|
|
124275
|
+
children: /* @__PURE__ */ jsx(DashboardProvider, {
|
|
123497
124276
|
token,
|
|
123498
|
-
|
|
124277
|
+
children: /* @__PURE__ */ jsx(EmbeddedDashboard, {
|
|
124278
|
+
options: options2,
|
|
124279
|
+
theme: theme2
|
|
124280
|
+
})
|
|
123499
124281
|
})
|
|
123500
124282
|
});
|
|
123501
124283
|
});
|