{"version":3,"file":"app~49ea73a0.bundle.js","mappings":";4iEAAMA,EAAAA,SAAAA,yiBACJ,WACEC,KAAKC,QACN,uBAED,WACED,KAAKE,UAAL,soBAgBD,4EAtBGH,GAAoBI,cAyB1BC,eAAeC,OAAO,eAAgBN,29DCzBhCO,EAAAA,SAAAA,yiBACJ,WACEN,KAAKC,QACN,uBAED,WACED,KAAKE,UAAL,6bAaD,4EAnBGI,GAAeH,cAsBrBC,eAAeC,OAAO,UAAWC,29DCtB3BC,EAAAA,SAAAA,yiBACJ,WACEP,KAAKC,QACN,uBAED,WACE,IAAMO,GAAO,IAAIC,MAAOC,cACxBV,KAAKE,UAAL,qDAEqBM,EAFrB,8CAKD,4EAZGD,GAAeJ,cAerBC,eAAeC,OAAO,aAAcE,29DCf9BI,EAAAA,SAAAA,yiBACJ,WACEX,KAAKC,QACN,uBAED,WACED,KAAKE,UAAL,+NAQD,4EAdGS,GAAaR,cAiBnBC,eAAeC,OAAO,WAAYM,29DCjB5BC,EAAAA,SAAAA,yiBACJ,WACEZ,KAAKC,QACN,uBAED,WACED,KAAKE,UAAL,2tBA+BD,4EArCGU,GAAgBT,cAwCtBC,eAAeC,OAAO,eAAgBO,wTCvCtC,8hGAAAC,GAAA,wBAAAA,EAAA,sBAAAA,GAAA,iBAAAA,GAAA,0oDAAAA,EAAA,yBAAAA,GAAA,IAAAA,EAAA,uBAAAA,GAAA,4bAAAA,EAAA,yBAAAA,GAAA,IAAAA,EAAA,uBAAAA,GAAA,yhBAAAA,EAAA,yBAAAA,GAAA,IAAAA,EAAA,uBAAAA,GAAA,qGAAAA,EAAA,yBAAAA,GAAA,IAAAA,EAAA,uBAAAA,GAAA,kkBAEA,IAAQC,EAAuDC,EAAAA,EAAAA,cAAxCC,EAAwCD,EAAAA,EAAAA,iBAAtBE,EAAsBF,EAAAA,EAAAA,kBAEzDG,GAAYC,EAAAA,EAAAA,IAAOL,EAAeE,EAAkB,CACxDI,QADwD,SAChDC,GACNA,EAAGC,kBAAkBL,EAAmB,CAAEM,QAAS,KAAMC,eAAe,GACzE,IAkBH,QAf6B,CACrBC,eADqB,SACNC,GAAI,iHACTR,EADS,uCACES,IAAIV,EAAmBS,IADzB,4CAExB,EACKE,kBAJqB,WAID,iHACVV,EADU,uCACCW,OAAOZ,IADR,4CAEzB,EACKa,eAPqB,SAONC,GAAa,iHAClBb,EADkB,uCACPc,IAAIf,EAAmBc,IADhB,4CAEjC,EACKE,kBAVqB,SAUHP,GAAI,iHACZR,EADY,8CACMD,EAAmBS,IADzB,4CAE3B,6DCfH,QANiB,CACfQ,KAAM,GAAF,OAAKnB,EAAAA,EAAAA,SAAL,QACJoB,OAAQ,SAACT,GAAD,gBAAWX,EAAAA,EAAAA,SAAX,kBAAoCW,EAApC,EACRU,YAAa,GAAF,OAAKrB,EAAAA,EAAAA,SAAL,8PCJb,4wNAwBA,QAvBMsB,oMACJ,oGACyBC,MAAMC,EAAAA,MAD/B,cACQC,EADR,yBAESA,EAASC,QAFlB,8HAKA,WAAuBf,GAAvB,uFACyBY,MAAMC,EAAAA,OAAgBb,IAD/C,cACQc,EADR,yBAESA,EAASC,QAFlB,gIAKA,WAAwBC,GAAxB,uFACyBJ,MAAMC,EAAAA,YAAsB,CACjDI,OAAQ,OACRC,QAAS,CACP,eAAgB,wDAElBC,KAAMC,KAAKC,UAAUL,KANzB,cACQF,EADR,yBAQSA,EAASC,QARlB,yJAXIJ,gDCSN,QAXe,CACbW,SAAU,uCACVC,eAAgB,oDAChBC,WAAY,gBACZC,iBAAkB,QAClBrC,cAAe,gBACfE,iBAAkB,EAClBC,kBAAmB,cACnBmC,kBAAmB,0LCWfC,EAAM,IAAIC,EAAAA,EAAI,CAClBC,OAAQC,SAASC,cAAc,WAC/BC,KAAMF,SAASC,cAAc,SAC7BE,QAASH,SAASC,cAAc,kBAGlCG,OAAOC,iBAAiB,cAAc,WACpCR,EAAIS,YACL,IAEDF,OAAOC,iBAAiB,QAAQ,WAC9BR,EAAIS,cACJC,EAAAA,EAAAA,KACAC,EAAAA,EAAAA,KAAwBjD,EAAAA,EAAAA,kBACzB","sources":["webpack://restaurant-apps/./src/scripts/components/FormReviews.js","webpack://restaurant-apps/./src/scripts/components/appbar.js","webpack://restaurant-apps/./src/scripts/components/footer.js","webpack://restaurant-apps/./src/scripts/components/hero.js","webpack://restaurant-apps/./src/scripts/components/reviews.js","webpack://restaurant-apps/./src/scripts/data/favorite-restaurants-idb.js","webpack://restaurant-apps/./src/scripts/globals/endpoint.js","webpack://restaurant-apps/./src/scripts/data/restaurant-source.js","webpack://restaurant-apps/./src/scripts/globals/config.js","webpack://restaurant-apps/./src/scripts/index.js"],"sourcesContent":["class FormReviews extends HTMLElement {\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    this.innerHTML = `\n        <div class=\"review__form\">\n        <h3>Add Review</h3>\n        <form id=\"formReview\">\n            <div class=\"form-group\">\n                <label for=\"name\">Name</label>\n                <input type=\"text\" class=\"form-control\" id=\"name\" placeholder=\"Your name\" required>\n            </div>\n            <div class=\"form-group\">\n                <label for=\"review\">Review</label>\n                <textarea class=\"form-control\" id=\"review\" rows=\"3\" placeholder=\"Your review\" required></textarea>\n            </div>\n            <button type=\"submit\" class=\"btn btn-primary\">Submit</button>\n        </form>\n    </div>\n        `;\n  }\n}\n\ncustomElements.define('form-reviews', FormReviews);\n","class AppBar extends HTMLElement {\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    this.innerHTML = `\n    <header>\n    <nav id=\"navigationDrawer\">\n      <ul class=\"menu\">\n        <li class=\"logo\"><a href=\"#\">Luwe Apps</a></li>\n        <li class=\"toggle\"><a href=\"#\">&#9776;</a></li>\n        <li class=\"item\"><a href=\"/\">Home</a></li>\n        <li class=\"item\"><a href=\"#/favorite\">Favorite</a></li>\n        <li class=\"item\"><a href=\"https://dhimasekaprasetya.netlify.app\">About us</a></li>\n      </ul>\n    </nav>\n  </header>\n        `;\n  }\n}\n\ncustomElements.define('app-bar', AppBar);\n","class Footer extends HTMLElement {\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    const year = new Date().getFullYear();\n    this.innerHTML = `\n        <footer>\n        <p>Copyright © ${year} - Luwe Apps</p>\n      </footer>\n        `;\n  }\n}\n\ncustomElements.define('footer-bar', Footer);\n","class Hero extends HTMLElement {\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    this.innerHTML = `\n        <div class=\"hero\">\n    <div class=\"heroinner\">\n      <h1 class=\"herotitle\">Luwe Apps</h1>\n      <p class=\"herosubtitle\">Find the best restaurants only on the best websites.</p>\n    </div>\n  </div>\n        `;\n  }\n}\n\ncustomElements.define('hero-bar', Hero);\n","class Reviews extends HTMLElement {\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    this.innerHTML = `\n        <main class=\"main_review\">\n  <section class=\"container_review\">\n\n    <div class=\"title_review\">\n      <h2>reviews</h2>\n      <div class=\"underline_review\"></div>\n    </div>\n\n    <article class=\"review_review\">\n      <h4 id=\"author_review\"></h4>\n      <p id=\"job_review\"></p>\n      <p id=\"info_review\">\n        \n      </p>\n\n      <!-- prev next buttons-->\n      <div class=\"button-container\">\n        <button class=\"prev-btn_review btn_review\">\n          <i class=\"fas fa-chevron-left\"></i>\n        </button>\n        <button class=\"next-btn_review btn_review\">\n          <i class=\"fas fa-chevron-right\"></i>\n        </button>\n      </div>\n\n    </article>\n\n  </section>\n</main>\n        `;\n  }\n}\n\ncustomElements.define('reviews-list', Reviews);\n","import { openDB } from 'idb';\nimport CONFIG from '../globals/config';\n\nconst { DATABASE_NAME, DATABASE_VERSION, OBJECT_STORE_NAME } = CONFIG;\n\nconst dbPromise = openDB(DATABASE_NAME, DATABASE_VERSION, {\n  upgrade(db) {\n    db.createObjectStore(OBJECT_STORE_NAME, { keyPath: 'id', autoIncrement: true });\n  },\n});\n\nconst FavoriteRestaurantDB = {\n  async getRestaurants(id) {\n    return (await dbPromise).get(OBJECT_STORE_NAME, id);\n  },\n  async getAllRestaurants() {\n    return (await dbPromise).getAll(OBJECT_STORE_NAME);\n  },\n  async putRestaurants(restaurants) {\n    return (await dbPromise).put(OBJECT_STORE_NAME, restaurants);\n  },\n  async deleteRestaurants(id) {\n    return (await dbPromise).delete(OBJECT_STORE_NAME, id);\n  },\n};\n\nexport default FavoriteRestaurantDB;\n","import CONFIG from './config';\n\nconst ENDPOINT = {\n  LIST: `${CONFIG.BASE_URL}list`,\n  DETAIL: (id) => `${CONFIG.BASE_URL}detail/${id}`,\n  POST_REVIEW: `${CONFIG.BASE_URL}review`,\n};\n\nexport default ENDPOINT;\n","import ENDPOINT from '../globals/endpoint';\n\nclass RestaurantSource {\n  static async getResto() {\n    const response = await fetch(ENDPOINT.LIST);\n    return response.json();\n  }\n\n  static async getDetail(id) {\n    const response = await fetch(ENDPOINT.DETAIL(id));\n    return response.json();\n  }\n\n  static async postReview(data) {\n    const response = await fetch(ENDPOINT.POST_REVIEW, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/x-www-form-urlencoded | application/json',\n      },\n      body: JSON.stringify(data),\n    });\n    return response.json();\n  }\n}\n\nexport default RestaurantSource;\n","const CONFIG = {\n  BASE_URL: 'https://restaurant-api.dicoding.dev/',\n  BASE_IMAGE_URL: 'https://restaurant-api.dicoding.dev/images/large/',\n  CACHE_NAME: 'restaurant-v1',\n  DEFAULT_LANGUAGE: 'en-US',\n  DATABASE_NAME: 'restaurant-db',\n  DATABASE_VERSION: 1,\n  OBJECT_STORE_NAME: 'restaurants',\n  WEB_SOCKET_SERVER: 'wss://movies-feed.dicoding.dev',\n};\n\nexport default CONFIG;\n","import 'regenerator-runtime'; /* for async await transpile */\nimport 'lazysizes';\nimport 'lazysizes/plugins/parent-fit/ls.parent-fit';\nimport '../styles/responsive.css';\nimport '../styles/main.css';\nimport '../styles/appbar.css';\nimport '../styles/card.css';\nimport '../styles/detail.css';\nimport App from './views/app';\nimport swRegister from './utils/sw-register';\nimport WebSocketInitiator from './utils/websocket-initiator';\n\n// components\nimport './components/appbar';\nimport './components/hero';\nimport './components/footer';\nimport './components/FormReviews';\nimport CONFIG from './globals/config';\n\nconst app = new App({\n  toggle: document.querySelector('.toggle'),\n  menu: document.querySelector('.menu'),\n  content: document.querySelector('#mainContent'),\n});\n\nwindow.addEventListener('hashchange', () => {\n  app.renderPage();\n});\n\nwindow.addEventListener('load', () => {\n  app.renderPage();\n  swRegister();\n  WebSocketInitiator.init(CONFIG.WEB_SOCKET_SERVER);\n});\n"],"names":["FormReviews","this","render","innerHTML","HTMLElement","customElements","define","AppBar","Footer","year","Date","getFullYear","Hero","Reviews","i","DATABASE_NAME","CONFIG","DATABASE_VERSION","OBJECT_STORE_NAME","dbPromise","openDB","upgrade","db","createObjectStore","keyPath","autoIncrement","getRestaurants","id","get","getAllRestaurants","getAll","putRestaurants","restaurants","put","deleteRestaurants","LIST","DETAIL","POST_REVIEW","RestaurantSource","fetch","ENDPOINT","response","json","data","method","headers","body","JSON","stringify","BASE_URL","BASE_IMAGE_URL","CACHE_NAME","DEFAULT_LANGUAGE","WEB_SOCKET_SERVER","app","App","toggle","document","querySelector","menu","content","window","addEventListener","renderPage","swRegister","WebSocketInitiator"],"sourceRoot":""}