"use strict";
/*
 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
 * This devtool is neither made for production nor for readable output files.
 * It uses "eval()" calls to create a separate source file in the browser devtools.
 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
 * or disable the default devtool with "devtool: false".
 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
 */
(self["webpackChunkfluxtore"] = self["webpackChunkfluxtore"] || []).push([["src_pages_EditFlowPage_components_Sections_AnalyticsSection_FlowChartSection_js"],{

/***/ "./src/pages/EditFlowPage/components/Sections/AnalyticsSection/AdvancedAnalytics.js":
/*!******************************************************************************************!*\
  !*** ./src/pages/EditFlowPage/components/Sections/AnalyticsSection/AdvancedAnalytics.js ***!
  \******************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ \"@wordpress/components\");\n/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/compose */ \"@wordpress/compose\");\n/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data */ \"@wordpress/data\");\n/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _woocommerce_date__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @woocommerce/date */ \"@woocommerce/date\");\n/* harmony import */ var _woocommerce_date__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_date__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _nivo_funnel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @nivo/funnel */ \"./node_modules/@nivo/funnel/dist/nivo-funnel.es.js\");\n/* harmony import */ var _components_charts_LineChart__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../components/charts/LineChart */ \"./src/components/charts/LineChart/index.js\");\n/* harmony import */ var _components_charts_ChartPlaceholder__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../components/charts/ChartPlaceholder */ \"./src/components/charts/ChartPlaceholder.js\");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../store */ \"./src/pages/EditFlowPage/store/index.js\");\n\n\n\n\n\n\n\n\n\n\nvar FunnelDropoffChart = function FunnelDropoffChart(_ref) {\n  var data = _ref.data;\n  if (!data || data.length === 0) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_charts_ChartPlaceholder__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null);\n  }\n  var funnelData = data.map(function (row) {\n    return {\n      id: row.id,\n      label: row.label,\n      value: Math.max(row.conversions || 0, 0),\n      step: row\n    };\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    style: {\n      height: 320\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_nivo_funnel__WEBPACK_IMPORTED_MODULE_6__.ResponsiveFunnel, {\n    data: funnelData,\n    margin: {\n      top: 24,\n      right: 20,\n      bottom: 24,\n      left: 20\n    },\n    direction: \"horizontal\",\n    colors: {\n      scheme: \"spectral\"\n    },\n    enableLabel: true,\n    labelColor: {\n      from: \"color\",\n      modifiers: [[\"darker\", 1.2]]\n    },\n    tooltip: function tooltip(context) {\n      var _context$node, _node$data$step, _node$data, _step$conversions;\n      var node = (_context$node = context === null || context === void 0 ? void 0 : context.node) !== null && _context$node !== void 0 ? _context$node : context;\n      var step = (_node$data$step = node === null || node === void 0 || (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.step) !== null && _node$data$step !== void 0 ? _node$data$step : node === null || node === void 0 ? void 0 : node.step;\n      if (!step) {\n        return null;\n      }\n      var formatPercent = function formatPercent(value) {\n        return typeof value === \"number\" ? \"\".concat((value * 100).toFixed(1), \"%\") : \"—\";\n      };\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n        className: \"bg-white shadow-md rounded p-2 text-sm\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"strong\", null, step.label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"Conversions: \".concat((_step$conversions = step.conversions) !== null && _step$conversions !== void 0 ? _step$conversions : 0)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"Conversion rate: \".concat(formatPercent(step.conversion_rate))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"Throughput: \".concat(formatPercent(step.throughput_rate))));\n    }\n  }));\n};\nvar StepTimelineChart = function StepTimelineChart(_ref2) {\n  var data = _ref2.data,\n    defaultDateRange = _ref2.defaultDateRange,\n    query = _ref2.query;\n  if (!data || data.length === 0) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_charts_ChartPlaceholder__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null);\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_charts_LineChart__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    data: data,\n    query: query || {},\n    defaultDateRange: defaultDateRange,\n    valueFormat: function valueFormat(value) {\n      return \"\".concat((value * 100).toFixed(1), \"%\");\n    }\n  });\n};\nvar InsightCallouts = function InsightCallouts(_ref3) {\n  var insights = _ref3.insights;\n  if (!insights || insights.length === 0) {\n    return null;\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"space-y-3\"\n  }, insights.map(function (insight, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Notice, {\n      key: \"\".concat(insight.level, \"-\").concat(index),\n      status: insight.level === \"warning\" ? \"warning\" : \"info\",\n      isDismissible: false\n    }, insight.message);\n  }));\n};\nvar CohortMatrix = function CohortMatrix(_ref4) {\n  var matrix = _ref4.matrix,\n    steps = _ref4.steps;\n  if (!matrix || matrix.length === 0) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", {\n      className: \"text-sm text-blue-gray-500\"\n    }, \"No cohort data available for the selected period.\");\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"overflow-x-auto\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"table\", {\n    className: \"min-w-full divide-y divide-blue-gray-200\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"thead\", {\n    className: \"bg-blue-gray-50\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"tr\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"th\", {\n    className: \"px-3 py-2 text-left text-xs font-semibold text-blue-gray-600 uppercase tracking-wider\"\n  }, \"Cohort\"), steps.map(function (step) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"th\", {\n      key: \"cohort-header-\".concat(step.id),\n      className: \"px-3 py-2 text-left text-xs font-semibold text-blue-gray-600 uppercase tracking-wider\"\n    }, step.title);\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"tbody\", {\n    className: \"bg-white divide-y divide-blue-gray-100\"\n  }, matrix.map(function (row) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"tr\", {\n      key: \"cohort-row-\".concat(row.cohort)\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"td\", {\n      className: \"px-3 py-2 text-sm text-blue-gray-700 whitespace-nowrap\"\n    }, row.cohort), row.values.map(function (value) {\n      var intensity = Math.min(1, Math.max(0, value.rate || 0));\n      var background = \"rgba(34,197,94,\".concat(0.15 + intensity * 0.6, \")\");\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"td\", {\n        key: \"cohort-cell-\".concat(row.cohort, \"-\").concat(value.step_id),\n        className: \"px-3 py-2 text-sm text-blue-gray-900 text-right\",\n        style: {\n          backgroundColor: background\n        }\n      }, (intensity * 100).toFixed(1), \"%\");\n    }));\n  }))));\n};\nvar ProductPerformanceTable = function ProductPerformanceTable(_ref5) {\n  var products = _ref5.products;\n  if (!products || products.length === 0) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", {\n      className: \"text-sm text-blue-gray-500\"\n    }, \"No product level data recorded for this range.\");\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"overflow-x-auto\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"table\", {\n    className: \"min-w-full divide-y divide-blue-gray-200\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"thead\", {\n    className: \"bg-blue-gray-50\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"tr\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"th\", {\n    className: \"px-3 py-2 text-left text-xs font-semibold text-blue-gray-600 uppercase tracking-wider\"\n  }, \"Product\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"th\", {\n    className: \"px-3 py-2 text-right text-xs font-semibold text-blue-gray-600 uppercase tracking-wider\"\n  }, \"Conversions\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"th\", {\n    className: \"px-3 py-2 text-right text-xs font-semibold text-blue-gray-600 uppercase tracking-wider\"\n  }, \"Revenue\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"tbody\", {\n    className: \"bg-white divide-y divide-blue-gray-100\"\n  }, products.map(function (product) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"tr\", {\n      key: \"product-\".concat(product.product_id)\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"td\", {\n      className: \"px-3 py-2 text-sm text-blue-gray-700 whitespace-nowrap\"\n    }, product.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"td\", {\n      className: \"px-3 py-2 text-sm text-blue-gray-900 text-right\"\n    }, product.conversions), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"td\", {\n      className: \"px-3 py-2 text-sm text-blue-gray-900 text-right\"\n    }, product.revenue_formatted || product.revenue));\n  }))));\n};\nvar AdvancedAnalytics = function AdvancedAnalytics(props) {\n  var _props$funnelData = props.funnelData,\n    funnelData = _props$funnelData === void 0 ? {} : _props$funnelData,\n    funnelLoading = props.funnelLoading,\n    _props$cohortData = props.cohortData,\n    cohortData = _props$cohortData === void 0 ? {} : _props$cohortData,\n    cohortLoading = props.cohortLoading,\n    _props$productData = props.productData,\n    productData = _props$productData === void 0 ? {} : _props$productData,\n    productLoading = props.productLoading,\n    defaultDateRange = props.defaultDateRange,\n    query = props.query;\n  var isLoading = funnelLoading || cohortLoading || productLoading;\n  if (isLoading && (!funnelData.dropoff || funnelData.dropoff.length === 0)) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Card, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.CardBody, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Spinner, null)));\n  }\n  var dropoff = funnelData.dropoff || [];\n  var timeline = funnelData.timeline || [];\n  var insights = funnelData.insights || [];\n  var steps = funnelData.steps || [];\n  var timelineQuery = query || {};\n  var cohortMatrix = cohortData.matrix || [];\n  var cohortSteps = cohortData.steps || steps;\n  var products = productData.products || [];\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"space-y-6\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Card, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.CardHeader, null, \"Funnel drop-off\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.CardBody, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FunnelDropoffChart, {\n    data: dropoff\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"mt-6\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StepTimelineChart, {\n    data: timeline,\n    defaultDateRange: defaultDateRange,\n    query: timelineQuery\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"mt-6\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(InsightCallouts, {\n    insights: insights\n  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Card, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.CardHeader, null, \"Cohort conversion\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.CardBody, null, cohortLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Spinner, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CohortMatrix, {\n    matrix: cohortMatrix,\n    steps: cohortSteps\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Card, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.CardHeader, null, \"Product performance\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.CardBody, null, productLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Spinner, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProductPerformanceTable, {\n    products: products\n  }))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.compose)((0,_wordpress_data__WEBPACK_IMPORTED_MODULE_3__.withSelect)(function (select, props) {\n  var flow_id = props.flow_id,\n    query = props.query,\n    defaultDateRange = props.defaultDateRange;\n  var _select = select(_store__WEBPACK_IMPORTED_MODULE_9__.FLUXTORE_ORDER),\n    getCharts = _select.getCharts,\n    isResolving = _select.isResolving;\n  var dates = (0,_woocommerce_date__WEBPACK_IMPORTED_MODULE_5__.getCurrentDates)(query, defaultDateRange);\n  var primary = dates.primary;\n  var buildQuery = function buildQuery(chart) {\n    return {\n      after: (0,_woocommerce_date__WEBPACK_IMPORTED_MODULE_5__.appendTimestamp)(primary.after, \"start\"),\n      before: (0,_woocommerce_date__WEBPACK_IMPORTED_MODULE_5__.appendTimestamp)(primary.before, primary.before.isSame(moment__WEBPACK_IMPORTED_MODULE_4___default()(), \"day\") ? \"now\" : \"end\"),\n      chart: chart,\n      type: 'line',\n      interval: query.interval,\n      flow_id: flow_id,\n      period: query.period\n    };\n  };\n  var funnelQuery = buildQuery('funnel_conversion');\n  var cohortQuery = buildQuery('cohort');\n  var productQuery = buildQuery('product_performance');\n  return {\n    funnelData: getCharts('charts', funnelQuery) || {},\n    funnelLoading: isResolving('getCharts', ['charts', funnelQuery]),\n    cohortData: getCharts('charts', cohortQuery) || {},\n    cohortLoading: isResolving('getCharts', ['charts', cohortQuery]),\n    productData: getCharts('charts', productQuery) || {},\n    productLoading: isResolving('getCharts', ['charts', productQuery])\n  };\n}))(AdvancedAnalytics));\n\n//# sourceURL=webpack://fluxtore/./src/pages/EditFlowPage/components/Sections/AnalyticsSection/AdvancedAnalytics.js?\n}");

/***/ }),

/***/ "./src/pages/EditFlowPage/components/Sections/AnalyticsSection/FlowChart.js":
/*!**********************************************************************************!*\
  !*** ./src/pages/EditFlowPage/components/Sections/AnalyticsSection/FlowChart.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/compose */ \"@wordpress/compose\");\n/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _nivo_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @nivo/core */ \"./node_modules/@nivo/core/dist/nivo-core.es.js\");\n/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ \"@wordpress/components\");\n/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ \"@wordpress/data\");\n/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _woocommerce_date__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @woocommerce/date */ \"@woocommerce/date\");\n/* harmony import */ var _woocommerce_date__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_date__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _woocommerce_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @woocommerce/settings */ \"@woocommerce/settings\");\n/* harmony import */ var _woocommerce_settings__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_settings__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../store */ \"./src/store.js\");\n/* harmony import */ var _components_charts_BarChart__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../components/charts/BarChart */ \"./src/components/charts/BarChart/index.js\");\n/* harmony import */ var _components_charts_LineChart__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../components/charts/LineChart */ \"./src/components/charts/LineChart/index.js\");\n/* harmony import */ var _components_charts_ChartPlaceholder_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../components/charts/ChartPlaceholder.js */ \"./src/components/charts/ChartPlaceholder.js\");\n/* harmony import */ var _utilities_analytics__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../utilities/analytics */ \"./src/utilities/analytics.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar _getSetting = (0,_woocommerce_settings__WEBPACK_IMPORTED_MODULE_7__.getSetting)(\"admin\"),\n  userIndicators = _getSetting.fluXtoreEndpoints;\nvar FlowChart = function FlowChart(props) {\n  var query = props.query,\n    primaryRequesting = props.primaryRequesting,\n    secondaryRequesting = props.secondaryRequesting,\n    primaryData = props.primaryData,\n    secondaryData = props.secondaryData,\n    defaultDateRange = props.defaultDateRange,\n    chartInterval = props.chartInterval,\n    chartType = props.chartType;\n  // console.log(primaryData, secondaryData);\n  if (primaryRequesting || secondaryRequesting) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_charts_ChartPlaceholder_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"], null);\n  }\n  var _getCurrentDates = (0,_woocommerce_date__WEBPACK_IMPORTED_MODULE_6__.getCurrentDates)(query, defaultDateRange),\n    primary = _getCurrentDates.primary,\n    secondary = _getCurrentDates.secondary;\n  // console.log(primary, secondary);\n  //tick\n  var renderTick = function renderTick(tick) {\n    var modCount = 2;\n    var theme = (0,_nivo_core__WEBPACK_IMPORTED_MODULE_2__.useTheme)();\n    if (query.interval === \"day\" && primary.before.diff(primary.after, query.interval) > 10 && primary.before.diff(primary.after, query.interval) < 20) {\n      modCount = 4;\n    } else if (query.interval === \"day\" && primary.before.diff(primary.after, query.interval) > 20 && primary.before.diff(primary.after, query.interval) < 30) {\n      modCount = 5;\n    } else if (query.interval === \"day\" && primary.before.diff(primary.after, query.interval) > 30 && primary.before.diff(primary.after, query.interval) < 60) {\n      modCount = 10;\n    } else if (query.interval === \"day\" && primary.before.diff(primary.after, query.interval) > 60) {\n      modCount = 30;\n    }\n    if (query.interval === \"day\" && primary.before.diff(primary.after, query.interval) > 10) {\n      return tick.tickIndex % modCount === 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"g\", {\n        transform: \"translate(\".concat(tick.x, \",\").concat(tick.y + 20, \")\")\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"line\", {\n        x1: \"0\",\n        x2: \"0\",\n        y1: \"10\",\n        y2: \"5\"\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"text\", {\n        \"dominant-baseline\": \"middle\",\n        \"text-anchor\": \"middle\",\n        style: _objectSpread(_objectSpread({}, theme.axis.ticks.text), {}, {\n          fill: \"#333\",\n          fontSize: 10\n        })\n      }, (0,_utilities_analytics__WEBPACK_IMPORTED_MODULE_12__.getTickValue)(query.interval, tick.value, query.type))) : null;\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"g\", {\n      transform: \"translate(\".concat(tick.x, \",\").concat(tick.y + 20, \")\")\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"line\", {\n      x1: \"0\",\n      x2: \"0\",\n      y1: \"10\",\n      y2: \"5\"\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"text\", {\n      \"dominant-baseline\": \"middle\",\n      \"text-anchor\": \"middle\",\n      style: _objectSpread(_objectSpread({}, theme.axis.ticks.text), {}, {\n        fill: \"#333\",\n        fontSize: 10\n      })\n    }, (0,_utilities_analytics__WEBPACK_IMPORTED_MODULE_12__.getTickValue)(query.interval, tick.value, query.type)));\n  };\n  var getChartHeader = function getChartHeader() {\n    var chart = query.hasOwnProperty(\"chart\") ? query.chart : \"count\";\n    var heraderName = userIndicators.find(function (el) {\n      return el.chart === chart;\n    });\n    return heraderName.label + \" chart\";\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Card, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.CardHeader, null, getChartHeader()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.CardBody, {\n    size: null,\n    className: \"h-96\",\n    style: {\n      height: \"24rem\"\n    }\n  }, query.type === \"bar\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_charts_BarChart__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    data: (0,_utilities_analytics__WEBPACK_IMPORTED_MODULE_12__.getChartValues)(primaryData, secondaryData, query),\n    keys: (0,_utilities_analytics__WEBPACK_IMPORTED_MODULE_12__.getChartKeys)(query),\n    indexBy: \"date\",\n    valueFormat: function valueFormat(value) {\n      return \"\".concat(Math.abs(value));\n    },\n    query: query,\n    defaultDateRange: defaultDateRange\n    // renderTick={(tick) => {\n    //   return null;\n    // }}\n    ,\n    renderTick: renderTick\n  }) :\n  /*#__PURE__*/\n  // <div></div>\n  react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_charts_LineChart__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    data: (0,_utilities_analytics__WEBPACK_IMPORTED_MODULE_12__.getChartValues)(primaryData, secondaryData, query),\n    query: query,\n    defaultDateRange: defaultDateRange,\n    renderTick: renderTick\n  })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__.compose)((0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.withSelect)(function (select, props) {\n  var query = props.query,\n    filters = props.filters,\n    defaultDateRange = props.defaultDateRange,\n    flow_id = props.flow_id;\n  var data = (0,_utilities_analytics__WEBPACK_IMPORTED_MODULE_12__.getChartData)(select, query, filters, defaultDateRange, flow_id);\n  return _objectSpread({}, data);\n}))(FlowChart));\n\n//# sourceURL=webpack://fluxtore/./src/pages/EditFlowPage/components/Sections/AnalyticsSection/FlowChart.js?\n}");

/***/ }),

/***/ "./src/pages/EditFlowPage/components/Sections/AnalyticsSection/FlowChartSection.js":
/*!*****************************************************************************************!*\
  !*** ./src/pages/EditFlowPage/components/Sections/AnalyticsSection/FlowChartSection.js ***!
  \*****************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ \"@wordpress/i18n\");\n/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ \"@wordpress/components\");\n/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _woocommerce_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @woocommerce/components */ \"@woocommerce/components\");\n/* harmony import */ var _woocommerce_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_components__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _woocommerce_date__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @woocommerce/date */ \"@woocommerce/date\");\n/* harmony import */ var _woocommerce_date__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_date__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var gridicons_dist_line_graph__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! gridicons/dist/line-graph */ \"./node_modules/gridicons/dist/line-graph.js\");\n/* harmony import */ var gridicons_dist_stats_alt__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! gridicons/dist/stats-alt */ \"./node_modules/gridicons/dist/stats-alt.js\");\n/* harmony import */ var _FlowChart__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./FlowChart */ \"./src/pages/EditFlowPage/components/Sections/AnalyticsSection/FlowChart.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router/dist/index.js\");\n/* harmony import */ var _AdvancedAnalytics__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./AdvancedAnalytics */ \"./src/pages/EditFlowPage/components/Sections/AnalyticsSection/AdvancedAnalytics.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n\n\n\n\n\n\n\n\n\n\n// import WooChart from \"./WooChart\";\n\nvar FlowChartSection = function FlowChartSection(props) {\n  var title = props.title,\n    defaultDateRange = props.defaultDateRange,\n    selected = props.selected;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"bar\"),\n    _useState2 = _slicedToArray(_useState, 2),\n    chartType = _useState2[0],\n    setChartType = _useState2[1];\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"day\"),\n    _useState4 = _slicedToArray(_useState3, 2),\n    chartInterval = _useState4[0],\n    setChartInterval = _useState4[1];\n  var query = _objectSpread(_objectSpread({}, props.query), {}, {\n    type: chartType,\n    interval: chartInterval,\n    chart: selected\n  });\n  var _useParams = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_9__.useParams)(),\n    id = _useParams.id;\n  var setInterval = function setInterval(interval) {\n    setChartInterval(interval);\n  };\n  var handleTypeToggle = function handleTypeToggle(type) {\n    setChartType(type);\n  };\n  var renderIntervalSelector = function renderIntervalSelector(_ref) {\n    var chartInterval = _ref.chartInterval,\n      setInterval = _ref.setInterval,\n      query = _ref.query,\n      defaultDateRange = _ref.defaultDateRange;\n    var allowedIntervals = (0,_woocommerce_date__WEBPACK_IMPORTED_MODULE_5__.getAllowedIntervalsForQuery)(query, defaultDateRange).filter(function (el) {\n      return el !== \"hour\" && el !== \"year\";\n    });\n    if (!allowedIntervals || allowedIntervals.length < 1) {\n      return null;\n    }\n    var intervalLabels = {\n      day: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)(\"By day\", \"fluXtore\"),\n      week: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)(\"By week\", \"fluXtore\"),\n      month: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)(\"By month\", \"fluXtore\"),\n      quarter: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)(\"By quarter\", \"fluXtore\")\n    };\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.SelectControl, {\n      className: \"woocommerce-chart__interval-select\",\n      value: chartInterval,\n      options: allowedIntervals.map(function (allowedInterval) {\n        return {\n          value: allowedInterval,\n          label: intervalLabels[allowedInterval]\n        };\n      }),\n      \"aria-label\": \"Chart period\",\n      onChange: setInterval\n    });\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_woocommerce_components__WEBPACK_IMPORTED_MODULE_4__.SectionHeader, {\n    title: title,\n    className: \"has-interval-select text-white\"\n  }, renderIntervalSelector({\n    chartInterval: chartInterval,\n    setInterval: setInterval,\n    query: query,\n    defaultDateRange: defaultDateRange\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.NavigableMenu, {\n    className: \"woocommerce-chart__types\",\n    orientation: \"horizontal\",\n    role: \"menubar\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Button, {\n    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(\"woocommerce-chart__type-button\", {\n      \"woocommerce-chart__type-button-selected\": !query.type || query.type === \"line\"\n    }),\n    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)(\"Line chart\", \"fluXtore\"),\n    \"aria-checked\": query.type === \"line\",\n    role: \"menuitemradio\",\n    tabIndex: query.type === \"line\" ? 0 : -1,\n    onClick: function onClick() {\n      return handleTypeToggle(\"line\");\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(gridicons_dist_line_graph__WEBPACK_IMPORTED_MODULE_6__[\"default\"], null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Button, {\n    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(\"woocommerce-chart__type-button\", {\n      \"woocommerce-chart__type-button-selected\": query.type === \"bar\"\n    }),\n    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)(\"Bar chart\", \"fluXtore\"),\n    \"aria-checked\": query.type === \"bar\",\n    role: \"menuitemradio\",\n    tabIndex: query.type === \"bar\" ? 0 : -1,\n    onClick: function onClick() {\n      return handleTypeToggle(\"bar\");\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(gridicons_dist_stats_alt__WEBPACK_IMPORTED_MODULE_7__[\"default\"], null)))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"grid grid-cols-1\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FlowChart__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    query: query,\n    defaultDateRange: defaultDateRange,\n    flow_id: id,\n    selected: selected\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"mt-8\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AdvancedAnalytics__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    flow_id: id,\n    query: query,\n    defaultDateRange: defaultDateRange\n  }))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FlowChartSection);\n\n//# sourceURL=webpack://fluxtore/./src/pages/EditFlowPage/components/Sections/AnalyticsSection/FlowChartSection.js?\n}");

/***/ })

}]);