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 {\\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* Getting List of existing Customers -> Shopify API - here (not done)\n\n*/\n// const GET_CUSTOMERS = gql`\n//     query getCustomers {\n//         customers {\n//             edges {\n//               node {\n//                 displayName\n//                 totalSpent\n//               }\n//             }\n//           }\n//     }\n// `\n\nvar GET_CUSTOMERS = Object(apollo_boost__WEBPACK_IMPORTED_MODULE_3__[\"gql\"])(_templateObject()); // class CustomerList extends React.Component {\n//   render() {\n//     return (\n//       <Query query={GET_CUSTOMERS}>\n//         {({ data, loading, error }) => {\n//           if (loading) { return <div>Loading…</div>; }\n//           if (error) { return <div>{error.message}</div>; }\n//           {\n//             return data.customers.edges.map((edge) => (\n//               <p key={edge.node.displayName}> {edge.node.displayName}</p>\n//             ))\n//           }\n//         }}\n//       </Query>\n//     )\n//   }\n// }\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      });\n      console.log(data);\n      return data.customers.edges.map(function (edge) {\n        return /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__[\"jsxs\"])(\"p\", {\n          children: [\" \", edge.node.displayName]\n        }, edge.node.id);\n      }); // return data.customers.edges.map(node => (\n      //   <div key={node.id}>\n      //     <p>{`${node.displayName} by ${node.email}`}</p>\n      //   </div>\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/ODUyNyJdLCJuYW1lcyI6WyJHRVRfQ1VTVE9NRVJTIiwiZ3FsIiwiQ3VzdG9tZXJMaXN0IiwidXNlU3RhdGUiLCJzZWxlY3RlZCIsInNldFNlbGVjdGVkIiwidXNlRWZmZWN0IiwiY29uc29sZSIsImxvZyIsImxvYWRpbmciLCJlcnJvciIsImRhdGEiLCJtZXNzYWdlIiwiY3VzdG9tZXJzIiwiZWRnZXMiLCJtYXAiLCJlZGdlIiwibm9kZSIsImRpc3BsYXlOYW1lIiwiaWQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsSUFBTUEsYUFBYSxHQUFHQyx3REFBSCxtQkFBbkIsQyxDQWVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBS0EsU0FBU0MsWUFBVCxHQUF3QjtBQUFBOztBQUFBLGtCQUNVQyxzREFBUSxDQUFDLEVBQUQsQ0FEbEI7QUFBQSxNQUNmQyxRQURlO0FBQUEsTUFDTEMsV0FESzs7QUFHdEJDLHlEQUFTLENBQUMsWUFBTTtBQUNkQyxXQUFPLENBQUNDLEdBQVIsQ0FBWUosUUFBWjtBQUNELEdBRlEsRUFFTixDQUFDQSxRQUFELENBRk0sQ0FBVDtBQUtBLHNCQUNFLDhEQUFDLGtEQUFEO0FBQU8sU0FBSyxFQUFFSixhQUFkO0FBQUEsY0FDRyx3QkFBOEI7QUFBQSxVQUEzQlMsT0FBMkIsUUFBM0JBLE9BQTJCO0FBQUEsVUFBbEJDLEtBQWtCLFFBQWxCQSxLQUFrQjtBQUFBLFVBQVhDLElBQVcsUUFBWEEsSUFBVztBQUM3QixVQUFJRixPQUFKLEVBQWEsb0JBQU87QUFBQTtBQUFBLFFBQVA7QUFDYixVQUFJQyxLQUFKLEVBQVcsb0JBQU87QUFBQSxrQkFBSUEsS0FBSyxDQUFDRTtBQUFWLFFBQVA7QUFDWEwsYUFBTyxDQUFDQyxHQUFSLENBQVlHLElBQVo7QUFFQSxhQUFPQSxJQUFJLENBQUNFLFNBQUwsQ0FBZUMsS0FBZixDQUFxQkMsR0FBckIsQ0FBeUIsVUFBQ0MsSUFBRDtBQUFBLDRCQUM5QjtBQUFBLDBCQUF3QkEsSUFBSSxDQUFDQyxJQUFMLENBQVVDLFdBQWxDO0FBQUEsV0FBUUYsSUFBSSxDQUFDQyxJQUFMLENBQVVFLEVBQWxCLENBRDhCO0FBQUEsT0FBekIsQ0FBUCxDQUw2QixDQVU3QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Q7QUFoQkgsSUFERjtBQW9CRDs7R0E1QlFqQixZOztLQUFBQSxZO0FBOEJNQSwyRUFBZiIsImZpbGUiOiIuL2NvbXBvbmVudHMvQ3VzdG9tZXJMaXN0LmpzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2FyZCwgRW1wdHlTdGF0ZSwgTGF5b3V0LCBPcHRpb25MaXN0LCBTY3JvbGxhYmxlIH0gZnJvbSAnQHNob3BpZnkvcG9sYXJpcyc7XG5pbXBvcnQgeyBncWwgfSBmcm9tICdhcG9sbG8tYm9vc3QnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFF1ZXJ5IH0gZnJvbSAncmVhY3QtYXBvbGxvJztcbmltcG9ydCBGb3JtIGZyb20gJy4vRm9ybSc7XG5pbXBvcnQgUmV2aWV3Rm9ybSBmcm9tICcuL1Jldmlld0Zvcm0nO1xuXG4vKlxuXG4qIEdldHRpbmcgTGlzdCBvZiBleGlzdGluZyBDdXN0b21lcnMgLT4gU2hvcGlmeSBBUEkgLSBoZXJlIChub3QgZG9uZSlcblxuKi9cblxuXG4vLyBjb25zdCBHRVRfQ1VTVE9NRVJTID0gZ3FsYFxuLy8gICAgIHF1ZXJ5IGdldEN1c3RvbWVycyB7XG4vLyAgICAgICAgIGN1c3RvbWVycyB7XG4vLyAgICAgICAgICAgICBlZGdlcyB7XG4vLyAgICAgICAgICAgICAgIG5vZGUge1xuLy8gICAgICAgICAgICAgICAgIGRpc3BsYXlOYW1lXG4vLyAgICAgICAgICAgICAgICAgdG90YWxTcGVudFxuLy8gICAgICAgICAgICAgICB9XG4vLyAgICAgICAgICAgICB9XG4vLyAgICAgICAgICAgfVxuLy8gICAgIH1cbi8vIGBcblxuY29uc3QgR0VUX0NVU1RPTUVSUyA9IGdxbGBcbnF1ZXJ5IGdldEN1c3RvbWVycyB7XG4gICAgY3VzdG9tZXJzIHtcbiAgICAgIGVkZ2VzIHtcbiAgICAgICAgbm9kZSB7XG4gICAgICAgICAgaWRcbiAgICAgICAgICBkaXNwbGF5TmFtZVxuICAgICAgICAgIGVtYWlsXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbmBcblxuXG4vLyBjbGFzcyBDdXN0b21lckxpc3QgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuLy8gICByZW5kZXIoKSB7XG4vLyAgICAgcmV0dXJuIChcbi8vICAgICAgIDxRdWVyeSBxdWVyeT17R0VUX0NVU1RPTUVSU30+XG4vLyAgICAgICAgIHsoeyBkYXRhLCBsb2FkaW5nLCBlcnJvciB9KSA9PiB7XG4vLyAgICAgICAgICAgaWYgKGxvYWRpbmcpIHsgcmV0dXJuIDxkaXY+TG9hZGluZ+KApjwvZGl2PjsgfVxuLy8gICAgICAgICAgIGlmIChlcnJvcikgeyByZXR1cm4gPGRpdj57ZXJyb3IubWVzc2FnZX08L2Rpdj47IH1cblxuLy8gICAgICAgICAgIHtcbi8vICAgICAgICAgICAgIHJldHVybiBkYXRhLmN1c3RvbWVycy5lZGdlcy5tYXAoKGVkZ2UpID0+IChcbi8vICAgICAgICAgICAgICAgPHAga2V5PXtlZGdlLm5vZGUuZGlzcGxheU5hbWV9PiB7ZWRnZS5ub2RlLmRpc3BsYXlOYW1lfTwvcD5cbi8vICAgICAgICAgICAgICkpXG4vLyAgICAgICAgICAgfVxuLy8gICAgICAgICB9fVxuLy8gICAgICAgPC9RdWVyeT5cbi8vICAgICApXG4vLyAgIH1cbi8vIH1cblxuXG5cblxuZnVuY3Rpb24gQ3VzdG9tZXJMaXN0KCkge1xuICBjb25zdCBbc2VsZWN0ZWQsIHNldFNlbGVjdGVkXSA9IHVzZVN0YXRlKFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnNvbGUubG9nKHNlbGVjdGVkKVxuICB9LCBbc2VsZWN0ZWRdKVxuXG5cbiAgcmV0dXJuIChcbiAgICA8UXVlcnkgcXVlcnk9e0dFVF9DVVNUT01FUlN9PlxuICAgICAgeyh7IGxvYWRpbmcsIGVycm9yLCBkYXRhIH0pID0+IHtcbiAgICAgICAgaWYgKGxvYWRpbmcpIHJldHVybiA8cD5Mb2FkaW5nLi4uPC9wPjtcbiAgICAgICAgaWYgKGVycm9yKSByZXR1cm4gPHA+e2Vycm9yLm1lc3NhZ2V9PC9wPjtcbiAgICAgICAgY29uc29sZS5sb2coZGF0YSlcblxuICAgICAgICByZXR1cm4gZGF0YS5jdXN0b21lcnMuZWRnZXMubWFwKChlZGdlKSA9PiAoXG4gICAgICAgICAgPHAga2V5PXtlZGdlLm5vZGUuaWR9PiB7ZWRnZS5ub2RlLmRpc3BsYXlOYW1lfTwvcD5cbiAgICAgICAgKSlcblxuXG4gICAgICAgIC8vIHJldHVybiBkYXRhLmN1c3RvbWVycy5lZGdlcy5tYXAobm9kZSA9PiAoXG4gICAgICAgIC8vICAgPGRpdiBrZXk9e25vZGUuaWR9PlxuICAgICAgICAvLyAgICAgPHA+e2Ake25vZGUuZGlzcGxheU5hbWV9IGJ5ICR7bm9kZS5lbWFpbH1gfTwvcD5cbiAgICAgICAgLy8gICA8L2Rpdj5cbiAgICAgICAgLy8gKSk7XG4gICAgICB9fVxuICAgIDwvUXVlcnk+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbWVyTGlzdFxuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./components/CustomerList.js\n");
  
  /***/ })
  
  })