text: webpackHotUpdate_N_E("pages/index",{
  
  /***/ "./components/CustomerList.js":
  /*!************************************!*\
    !*** ./components/CustomerList.js ***!
    \************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/taggedTemplateLiteral */ \"./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _shopify_polaris__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @shopify/polaris */ \"./node_modules/@shopify/polaris/dist/esm/index.js\");\n/* harmony import */ var apollo_boost__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apollo-boost */ \"./node_modules/apollo-boost/lib/bundle.esm.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_apollo__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-apollo */ \"./node_modules/react-apollo/lib/react-apollo.esm.js\");\n/* harmony import */ var _Form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Form */ \"./components/Form.js\");\n/* harmony import */ var _ReviewForm__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ReviewForm */ \"./components/ReviewForm.js\");\n\n\n\n\nvar _s = $RefreshSig$();\n\nfunction _templateObject() {\n  var data = Object(_babel_runtime_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__[\"default\"])([\"\\nquery getCustomers {\\n    customers (first: 10) {\\n      edges {\\n        node {\\n          id\\n          displayName\\n          email\\n        }\\n      }\\n    }\\n  }\\n\"]);\n\n  _templateObject = function _templateObject() {\n    return data;\n  };\n\n  return data;\n}\n\n\n\n\n\n\n\n\n/*\n\n* Getting List of existing Customers -> Shopify API - here (done)\n\n*/\n\nvar GET_CUSTOMERS = Object(apollo_boost__WEBPACK_IMPORTED_MODULE_3__[\"gql\"])(_templateObject());\n\nfunction CustomerList() {\n  _s();\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_4__[\"useState\"])([]),\n      selected = _useState[0],\n      setSelected = _useState[1];\n\n  Object(react__WEBPACK_IMPORTED_MODULE_4__[\"useEffect\"])(function () {\n    console.log(selected);\n  }, [selected]);\n  return /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(react_apollo__WEBPACK_IMPORTED_MODULE_5__[\"Query\"], {\n    query: GET_CUSTOMERS,\n    children: function children(_ref) {\n      var loading = _ref.loading,\n          error = _ref.error,\n          data = _ref.data;\n      if (loading) return /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(\"p\", {\n        children: \"Loading...\"\n      });\n      if (error) return /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(\"p\", {\n        children: error.message\n      }); // return data.customers.edges.map(edge => (\n      //   <div key={edge.node.id}>\n      //     <p>{`${edge.node.displayName} by ${edge.node.email}`}</p>\n      //   </div>\n      // ));\n\n      var label = [];\n      var value = [];\n      label = data.customers.edges.map(function (edge) {\n        return edge.node.displayName;\n      });\n      value = data.customers.edges.map(function (edge) {\n        return edge.node.email;\n      });\n      var arrayOfObject = label.map(function (v, index) {\n        return {\n          label: v,\n          value: value[index]\n        };\n      });\n      return /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsxs\"])(_shopify_polaris__WEBPACK_IMPORTED_MODULE_2__[\"Layout\"], {\n        children: [/*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(_shopify_polaris__WEBPACK_IMPORTED_MODULE_2__[\"Layout\"].Section, {\n          oneHalf: true,\n          children: /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(_shopify_polaris__WEBPACK_IMPORTED_MODULE_2__[\"EmptyState\"], {\n            children: /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(_ReviewForm__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n              customers: selected,\n              setCustomers: setSelected\n            })\n          })\n        }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(_shopify_polaris__WEBPACK_IMPORTED_MODULE_2__[\"Layout\"].Section, {\n          oneHalf: true,\n          children: /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(_shopify_polaris__WEBPACK_IMPORTED_MODULE_2__[\"Card\"], {\n            children: /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(_shopify_polaris__WEBPACK_IMPORTED_MODULE_2__[\"Scrollable\"], {\n              shadow: true,\n              style: {\n                height: '300px'\n              },\n              children: /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsx\"])(_shopify_polaris__WEBPACK_IMPORTED_MODULE_2__[\"OptionList\"], {\n                title: \"To be added among customers\",\n                onChange: setSelected,\n                allowMultiple: true,\n                options: arrayOfObject,\n                selected: selected\n              })\n            })\n          })\n        })]\n      });\n    }\n  });\n}\n\n_s(CustomerList, \"239Ve9yO4iC/9vfIgHzDkghA5LI=\");\n\n_c = CustomerList;\n/* harmony default export */ __webpack_exports__[\"default\"] = (CustomerList);\n\nvar _c;\n\n$RefreshReg$(_c, \"CustomerList\");\n\n;\n    var _a, _b;\n    // Legacy CSS implementations will `eval` browser code in a Node.js context\n    // to extract CSS. For backwards compatibility, we need to check we're in a\n    // browser context before continuing.\n    if (typeof self !== 'undefined' &&\n        // AMP / No-JS mode does not inject these helpers:\n        '$RefreshHelpers$' in self) {\n        var currentExports = module.__proto__.exports;\n        var prevExports = (_b = (_a = module.hot.data) === null || _a === void 0 ? void 0 : _a.prevExports) !== null && _b !== void 0 ? _b : null;\n        // This cannot happen in MainTemplate because the exports mismatch between\n        // templating and execution.\n        self.$RefreshHelpers$.registerExportsForReactRefresh(currentExports, module.i);\n        // A module can be accepted automatically based on its exports, e.g. when\n        // it is a Refresh Boundary.\n        if (self.$RefreshHelpers$.isReactRefreshBoundary(currentExports)) {\n            // Save the previous exports on update so we can compare the boundary\n            // signatures.\n            module.hot.dispose(function (data) {\n                data.prevExports = currentExports;\n            });\n            // Unconditionally accept an update to this module, we'll check if it's\n            // still a Refresh Boundary later.\n            module.hot.accept();\n            // This field is set when the previous version of this module was a\n            // Refresh Boundary, letting us know we need to check for invalidation or\n            // enqueue an update.\n            if (prevExports !== null) {\n                // A boundary can become ineligible if its exports are incompatible\n                // with the previous exports.\n                //\n                // For example, if you add/remove/change exports, we'll want to\n                // re-execute the importing modules, and force those components to\n                // re-render. Similarly, if you convert a class component to a\n                // function, we want to invalidate the boundary.\n                if (self.$RefreshHelpers$.shouldInvalidateReactRefreshBoundary(prevExports, currentExports)) {\n                    module.hot.invalidate();\n                }\n                else {\n                    self.$RefreshHelpers$.scheduleUpdate();\n                }\n            }\n        }\n        else {\n            // Since we just executed the code for the module, it's possible that the\n            // new exports made it ineligible for being a boundary.\n            // We only care about the case when we were _previously_ a boundary,\n            // because we already accepted this update (accidental side effect).\n            var isNoLongerABoundary = prevExports !== null;\n            if (isNoLongerABoundary) {\n                module.hot.invalidate();\n            }\n        }\n    }\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9fTl9FLy4vY29tcG9uZW50cy9DdXN0b21lckxpc3QuanM/ODUyNyJdLCJuYW1lcyI6WyJHRVRfQ1VTVE9NRVJTIiwiZ3FsIiwiQ3VzdG9tZXJMaXN0IiwidXNlU3RhdGUiLCJzZWxlY3RlZCIsInNldFNlbGVjdGVkIiwidXNlRWZmZWN0IiwiY29uc29sZSIsImxvZyIsImxvYWRpbmciLCJlcnJvciIsImRhdGEiLCJtZXNzYWdlIiwibGFiZWwiLCJ2YWx1ZSIsImN1c3RvbWVycyIsImVkZ2VzIiwibWFwIiwiZWRnZSIsIm5vZGUiLCJkaXNwbGF5TmFtZSIsImVtYWlsIiwiYXJyYXlPZk9iamVjdCIsInYiLCJpbmRleCIsImhlaWdodCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFNQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUdBLElBQU1BLGFBQWEsR0FBR0Msd0RBQUgsbUJBQW5COztBQWNBLFNBQVNDLFlBQVQsR0FBd0I7QUFBQTs7QUFBQSxrQkFDVUMsc0RBQVEsQ0FBQyxFQUFELENBRGxCO0FBQUEsTUFDZkMsUUFEZTtBQUFBLE1BQ0xDLFdBREs7O0FBR3RCQyx5REFBUyxDQUFDLFlBQU07QUFDZEMsV0FBTyxDQUFDQyxHQUFSLENBQVlKLFFBQVo7QUFDRCxHQUZRLEVBRU4sQ0FBQ0EsUUFBRCxDQUZNLENBQVQ7QUFLQSxzQkFDRSw4REFBQyxrREFBRDtBQUFPLFNBQUssRUFBRUosYUFBZDtBQUFBLGNBQ0csd0JBQThCO0FBQUEsVUFBM0JTLE9BQTJCLFFBQTNCQSxPQUEyQjtBQUFBLFVBQWxCQyxLQUFrQixRQUFsQkEsS0FBa0I7QUFBQSxVQUFYQyxJQUFXLFFBQVhBLElBQVc7QUFDN0IsVUFBSUYsT0FBSixFQUFhLG9CQUFPO0FBQUE7QUFBQSxRQUFQO0FBQ2IsVUFBSUMsS0FBSixFQUFXLG9CQUFPO0FBQUEsa0JBQUlBLEtBQUssQ0FBQ0U7QUFBVixRQUFQLENBRmtCLENBSTdCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsVUFBSUMsS0FBSyxHQUFHLEVBQVo7QUFDQSxVQUFJQyxLQUFLLEdBQUcsRUFBWjtBQUVBRCxXQUFLLEdBQUdGLElBQUksQ0FBQ0ksU0FBTCxDQUFlQyxLQUFmLENBQXFCQyxHQUFyQixDQUF5QixVQUFBQyxJQUFJO0FBQUEsZUFDbkNBLElBQUksQ0FBQ0MsSUFBTCxDQUFVQyxXQUR5QjtBQUFBLE9BQTdCLENBQVI7QUFHQU4sV0FBSyxHQUFHSCxJQUFJLENBQUNJLFNBQUwsQ0FBZUMsS0FBZixDQUFxQkMsR0FBckIsQ0FBeUIsVUFBQUMsSUFBSTtBQUFBLGVBQ25DQSxJQUFJLENBQUNDLElBQUwsQ0FBVUUsS0FEeUI7QUFBQSxPQUE3QixDQUFSO0FBSUEsVUFBSUMsYUFBYSxHQUFHVCxLQUFLLENBQUNJLEdBQU4sQ0FBVSxVQUFVTSxDQUFWLEVBQWFDLEtBQWIsRUFBbUI7QUFDOUMsZUFBTztBQUNMWCxlQUFLLEVBQUVVLENBREY7QUFFTFQsZUFBSyxFQUFFQSxLQUFLLENBQUNVLEtBQUQ7QUFGUCxTQUFQO0FBR0YsT0FKbUIsQ0FBcEI7QUFNQSwwQkFDRSwrREFBQyx1REFBRDtBQUFBLGdDQUNFLDhEQUFDLHVEQUFELENBQVEsT0FBUjtBQUFnQixpQkFBTyxNQUF2QjtBQUFBLGlDQUNFLDhEQUFDLDJEQUFEO0FBQUEsbUNBQ0UsOERBQUMsbURBQUQ7QUFBWSx1QkFBUyxFQUFFcEIsUUFBdkI7QUFBaUMsMEJBQVksRUFBRUM7QUFBL0M7QUFERjtBQURGLFVBREYsZUFPRSw4REFBQyx1REFBRCxDQUFRLE9BQVI7QUFBZ0IsaUJBQU8sTUFBdkI7QUFBQSxpQ0FFRSw4REFBQyxxREFBRDtBQUFBLG1DQUNFLDhEQUFDLDJEQUFEO0FBQVksb0JBQU0sTUFBbEI7QUFBbUIsbUJBQUssRUFBRTtBQUFFb0Isc0JBQU0sRUFBRTtBQUFWLGVBQTFCO0FBQUEscUNBQ0UsOERBQUMsMkRBQUQ7QUFDRSxxQkFBSyxFQUFDLDZCQURSO0FBRUUsd0JBQVEsRUFBRXBCLFdBRlo7QUFHRSw2QkFBYSxNQUhmO0FBSUUsdUJBQU8sRUFBRWlCLGFBSlg7QUFLRSx3QkFBUSxFQUFFbEI7QUFMWjtBQURGO0FBREY7QUFGRixVQVBGO0FBQUEsUUFERjtBQXdCRDtBQW5ESCxJQURGO0FBdUREOztHQS9EUUYsWTs7S0FBQUEsWTtBQWlFTUEsMkVBQWYiLCJmaWxlIjoiLi9jb21wb25lbnRzL0N1c3RvbWVyTGlzdC5qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENhcmQsIEVtcHR5U3RhdGUsIExheW91dCwgT3B0aW9uTGlzdCwgU2Nyb2xsYWJsZSB9IGZyb20gJ0BzaG9waWZ5L3BvbGFyaXMnO1xuaW1wb3J0IHsgZ3FsIH0gZnJvbSAnYXBvbGxvLWJvb3N0JztcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBRdWVyeSB9IGZyb20gJ3JlYWN0LWFwb2xsbyc7XG5pbXBvcnQgRm9ybSBmcm9tICcuL0Zvcm0nO1xuaW1wb3J0IFJldmlld0Zvcm0gZnJvbSAnLi9SZXZpZXdGb3JtJztcbmltcG9ydCB7XG4gIFJlc291cmNlTGlzdCxcbiAgU3RhY2ssXG4gIFRleHRTdHlsZSxcbn0gZnJvbSBcIkBzaG9waWZ5L3BvbGFyaXNcIjtcblxuLypcblxuKiBHZXR0aW5nIExpc3Qgb2YgZXhpc3RpbmcgQ3VzdG9tZXJzIC0+IFNob3BpZnkgQVBJIC0gaGVyZSAoZG9uZSlcblxuKi9cblxuXG5jb25zdCBHRVRfQ1VTVE9NRVJTID0gZ3FsYFxucXVlcnkgZ2V0Q3VzdG9tZXJzIHtcbiAgICBjdXN0b21lcnMgKGZpcnN0OiAxMCkge1xuICAgICAgZWRnZXMge1xuICAgICAgICBub2RlIHtcbiAgICAgICAgICBpZFxuICAgICAgICAgIGRpc3BsYXlOYW1lXG4gICAgICAgICAgZW1haWxcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuYFxuXG5mdW5jdGlvbiBDdXN0b21lckxpc3QoKSB7XG4gIGNvbnN0IFtzZWxlY3RlZCwgc2V0U2VsZWN0ZWRdID0gdXNlU3RhdGUoW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc29sZS5sb2coc2VsZWN0ZWQpXG4gIH0sIFtzZWxlY3RlZF0pXG5cblxuICByZXR1cm4gKFxuICAgIDxRdWVyeSBxdWVyeT17R0VUX0NVU1RPTUVSU30+XG4gICAgICB7KHsgbG9hZGluZywgZXJyb3IsIGRhdGEgfSkgPT4ge1xuICAgICAgICBpZiAobG9hZGluZykgcmV0dXJuIDxwPkxvYWRpbmcuLi48L3A+O1xuICAgICAgICBpZiAoZXJyb3IpIHJldHVybiA8cD57ZXJyb3IubWVzc2FnZX08L3A+O1xuXG4gICAgICAgIC8vIHJldHVybiBkYXRhLmN1c3RvbWVycy5lZGdlcy5tYXAoZWRnZSA9PiAoXG4gICAgICAgIC8vICAgPGRpdiBrZXk9e2VkZ2Uubm9kZS5pZH0+XG4gICAgICAgIC8vICAgICA8cD57YCR7ZWRnZS5ub2RlLmRpc3BsYXlOYW1lfSBieSAke2VkZ2Uubm9kZS5lbWFpbH1gfTwvcD5cbiAgICAgICAgLy8gICA8L2Rpdj5cbiAgICAgICAgLy8gKSk7XG5cbiAgICAgICAgbGV0IGxhYmVsID0gW107XG4gICAgICAgIGxldCB2YWx1ZSA9IFtdO1xuXG4gICAgICAgIGxhYmVsID0gZGF0YS5jdXN0b21lcnMuZWRnZXMubWFwKGVkZ2UgPT4gKFxuICAgICAgICAgIGVkZ2Uubm9kZS5kaXNwbGF5TmFtZVxuICAgICAgICApKTtcbiAgICAgICAgdmFsdWUgPSBkYXRhLmN1c3RvbWVycy5lZGdlcy5tYXAoZWRnZSA9PiAoXG4gICAgICAgICAgZWRnZS5ub2RlLmVtYWlsXG4gICAgICAgICkpO1xuXG4gICAgICAgIHZhciBhcnJheU9mT2JqZWN0ID0gbGFiZWwubWFwKGZ1bmN0aW9uICh2LCBpbmRleCl7XG4gICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgbGFiZWw6IHYsIFxuICAgICAgICAgICAgIHZhbHVlOiB2YWx1ZVtpbmRleF19XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPExheW91dCA+XG4gICAgICAgICAgICA8TGF5b3V0LlNlY3Rpb24gb25lSGFsZj5cbiAgICAgICAgICAgICAgPEVtcHR5U3RhdGU+XG4gICAgICAgICAgICAgICAgPFJldmlld0Zvcm0gY3VzdG9tZXJzPXtzZWxlY3RlZH0gc2V0Q3VzdG9tZXJzPXtzZXRTZWxlY3RlZH0gLz5cbiAgICAgICAgICAgICAgPC9FbXB0eVN0YXRlPlxuICAgICAgICAgICAgPC9MYXlvdXQuU2VjdGlvbj5cblxuICAgICAgICAgICAgPExheW91dC5TZWN0aW9uIG9uZUhhbGY+XG5cbiAgICAgICAgICAgICAgPENhcmQ+XG4gICAgICAgICAgICAgICAgPFNjcm9sbGFibGUgc2hhZG93IHN0eWxlPXt7IGhlaWdodDogJzMwMHB4JyB9fT5cbiAgICAgICAgICAgICAgICAgIDxPcHRpb25MaXN0XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPVwiVG8gYmUgYWRkZWQgYW1vbmcgY3VzdG9tZXJzXCJcbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3NldFNlbGVjdGVkfVxuICAgICAgICAgICAgICAgICAgICBhbGxvd011bHRpcGxlXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbnM9e2FycmF5T2ZPYmplY3R9XG4gICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9TY3JvbGxhYmxlPlxuICAgICAgICAgICAgICA8L0NhcmQ+XG4gICAgICAgICAgICA8L0xheW91dC5TZWN0aW9uPlxuICAgICAgICAgIDwvTGF5b3V0PlxuICAgICAgICApXG4gICAgICB9fVxuICAgIDwvUXVlcnk+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbWVyTGlzdFxuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./components/CustomerList.js\n");
  
  /***/ })
  
  })