{"version":3,"sources":["webpack:///./src/components/base/help-block.vue?fe22","webpack:///./src/views/funnels/funnel/orders.vue","webpack:///src/views/funnels/funnel/orders.vue","webpack:///./src/views/funnels/funnel/orders.vue?de7c","webpack:///./src/views/funnels/funnel/orders.vue?5936","webpack:///./src/views/funnels/funnel/orders.vue?978b","webpack:///./src/components/base/help-block.vue","webpack:///src/components/base/help-block.vue","webpack:///./src/components/base/help-block.vue?d11b","webpack:///./src/components/base/help-block.vue?4eea"],"names":["render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","loading","expression","_v","ordersMeta","count","currentPage","total_pages","_s","per_page","_e","attrs","on","$event","exportOrdersOpen","staticStyle","ordersLinks","searchValue","domProps","target","composing","searchValueChanged","require","_l","orders","item","index","key","id","ifError","clickCallback","funnel","staticRenderFns","TimeAgo","timeAgo","components","OrderItem","VButton","HelpBlock","MainSearch","Loading","ExportOrders","mixins","props","data","searchInput","stepData","customer","currentOrder","page","perPage","query","title","url","orderPages","notifocation","ordersByType","startDate","endDate","computed","ordersFilteredList","methods","getImage","path","dayCompile","initPagination","date","format","diff","meta","console","type","group","component","class","closed","close","toLowerCase","description","links","link","created"],"mappings":"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","file":"js/chunk-797ab90f.068f0e4d.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./help-block.vue?vue&type=style&index=0&id=57ff40b6&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"funnel-orders-page main-content no-padding noscroll\"},[_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]}),_c('div',{staticClass:\"funnel_apps layout-column noscroll\"},[_c('div',{staticClass:\"funnel_apps_header\"},[_c('h3',[_vm._v(\"Orders \"),(_vm.ordersMeta.count)?_c('span',{staticClass:\"panel_head_amount\"},[(_vm.currentPage !== _vm.ordersMeta.total_pages)?_c('span',[_vm._v(\" \"+_vm._s(_vm.currentPage === 1 ? 1 : (_vm.currentPage * _vm.ordersMeta.per_page) - _vm.ordersMeta.per_page)+\" - \"+_vm._s((_vm.currentPage) * _vm.ordersMeta.per_page)+\" from \"+_vm._s(_vm.ordersMeta.count)+\" \")]):_c('span',[_vm._v(\" \"+_vm._s(_vm.ordersMeta.count - _vm.ordersMeta.per_page)+\" - \"+_vm._s(_vm.ordersMeta.count)+\" from \"+_vm._s(_vm.ordersMeta.count)+\" \")])]):_vm._e()]),_c('v-button',{attrs:{\"border\":\"\",\"disabled\":!_vm.ordersMeta.count},on:{\"click\":function($event){_vm.exportOrdersOpen = true}}},[_vm._v(\" Export orders \")])],1),_c('div',{staticClass:\"scroll\"},[_c('div',{staticClass:\"funnel_apps_list\",staticStyle:{\"max-width\":\"2000px\",\"margin\":\"0 auto\"}},[_c('HelpBlock',{attrs:{\"name\":\"helpbox.funnel.orders\",\"title\":\"Orders\",\"description\":\"You can track orders that where made through Clickfunnels or any Funnelish app\\n                        (e.g. <b>PayPal Plugin</b> and <b>Funnelish Pay</b>).\\n                        <br/><br>\\n                        Clicking on an order entry would display further details about that order (eg. products purchased, amount...etc),\\n                        while clicking on the customer email or name would show further details about the customer such as: emails, shipping and billing details...etc.\",\"links\":_vm.ordersLinks}}),_c('div',{staticClass:\"search-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchValue),expression:\"searchValue\"}],staticClass:\"search-input\",attrs:{\"type\":\"text\",\"placeholder\":\"Type to search...\"},domProps:{\"value\":(_vm.searchValue)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.searchValue=$event.target.value},_vm.searchValueChanged]}})]),_c('div',{staticClass:\"entries-table\"},[(_vm.ordersMeta.count)?_c('div',{staticClass:\"head\"},[_c('span',{staticClass:\"cell time\"},[_vm._v(\"Time \"),_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/arrow-top.svg')}})],1),_c('span',{staticClass:\"cell status\"},[_vm._v(\"Status\")]),_c('span',{staticClass:\"cell customer\"},[_vm._v(\"Customer\")]),_c('span',{staticClass:\"cell product\"},[_vm._v(\"Product\")]),_c('span',{staticClass:\"cell amount\"},[_vm._v(\"Amount\")]),_c('span',{staticClass:\"cell actions\"})]):_vm._e(),(_vm.ordersMeta.count)?_c('div',{staticClass:\"panel-body\"},_vm._l((_vm.orders),function(item,index){return _c('order-item',{key:item.id,attrs:{\"order\":item}})}),1):_vm._e(),(!_vm.ifError && !_vm.ordersMeta.count)?_c('div',{staticClass:\"panel-body panel-body_2 empty-panel\"},[_c('p',[_vm._v(\"No orders have been found\")])]):_vm._e()]),(!_vm.ifError && _vm.ordersMeta.count)?_c('paginate',{attrs:{\"pageCount\":_vm.ordersMeta.total_pages,\"pageRange\":7,\"forcePage\":_vm.currentPage,\"clickHandler\":_vm.clickCallback,\"prevText\":'<<',\"nextText\":'>>',\"containerClass\":'pagination pagination-root',\"activeClass\":'active'}}):_vm._e()],1)])]),_c('router-view'),(_vm.exportOrdersOpen)?_c('ExportOrders',{attrs:{\"funnel\":_vm.funnel},on:{\"closeExportPopup\":function($event){_vm.exportOrdersOpen = false}}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"funnel-orders-page main-content no-padding noscroll\">\n\n\t\t<Loading v-show=\"loading\"/>\n\n\t\t<div class=\"funnel_apps layout-column noscroll\">\n\t\t\t<div class=\"funnel_apps_header\">\n\t\t\t\t<h3>Orders\n\t\t\t\t\t<span class=\"panel_head_amount\" v-if=\"ordersMeta.count\">\n                        <span v-if=\"currentPage !== ordersMeta.total_pages\">\n                            {{ currentPage === 1 ? 1 : (currentPage * ordersMeta.per_page) - ordersMeta.per_page }} -\n                            {{ (currentPage) * ordersMeta.per_page }} from {{ ordersMeta.count }}\n                        </span>\n                        <span v-else>\n                            {{ ordersMeta.count - ordersMeta.per_page }} - {{ ordersMeta.count\n\t                        }} from {{ ordersMeta.count }}\n                        </span>\n                    </span>\n\t\t\t\t</h3>\n\n\t\t\t\t<v-button @click=\"exportOrdersOpen = true\" border :disabled=\"!ordersMeta.count\">\n\t\t\t\t\t<!--                    <inline-svg :src=\"require('@/assets/img/export_orders_icon.svg')\"/>-->\n\t\t\t\t\tExport orders\n\t\t\t\t</v-button>\n\t\t\t</div>\n\t\t\t<div class=\" scroll\">\n\t\t\t\t<div class=\"funnel_apps_list\" style=\"max-width: 2000px;margin:0 auto\">\n\t\t\t\t\t<HelpBlock name=\"helpbox.funnel.orders\" title=\"Orders\" description=\"You can track orders that where made through Clickfunnels or any Funnelish app\n                        (e.g. <b>PayPal Plugin</b> and <b>Funnelish Pay</b>).\n                        <br/><br>\n                        Clicking on an order entry would display further details about that order (eg. products purchased, amount...etc),\n                        while clicking on the customer email or name would show further details about the customer such as: emails, shipping and billing details...etc.\"\n\t\t\t\t\t           :links=\"ordersLinks\">\n\t\t\t\t\t</HelpBlock>\n\n\t\t\t\t\t<div class=\"search-container\">\n\t\t\t\t\t\t<input type=\"text\" placeholder=\"Type to search...\" class=\"search-input\" v-model=\"searchValue\"\n\t\t\t\t\t\t       @input=\"searchValueChanged\">\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"entries-table\">\n\t\t\t\t\t\t<div class=\"head \" v-if=\"ordersMeta.count\">\n\t\t\t\t\t\t\t<!--\t\t\t\t\t\t\t<span class=\"cell number\">#</span>-->\n\t\t\t\t\t\t\t<span class=\"cell time\">Time\n\t\t\t\t\t\t\t<inline-svg class=\"arrow\" :src=\"require('@/assets/img/arrow-top.svg')\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span class=\"cell status\">Status</span>\n\t\t\t\t\t\t\t<span class=\"cell customer\">Customer</span>\n\t\t\t\t\t\t\t<span class=\"cell product\">Product</span>\n\t\t\t\t\t\t\t<span class=\"cell amount\">Amount</span>\n\t\t\t\t\t\t\t<span class=\"cell actions\"></span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"panel-body\" v-if=\"ordersMeta.count\">\n\t\t\t\t\t\t\t<order-item :order=\"item\" v-for=\"(item,index) in orders\" :key=\"item.id\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div v-if=\"!ifError && !ordersMeta.count\" class=\"panel-body panel-body_2 empty-panel\">\n\t\t\t\t\t\t\t<p>No orders have been found</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n<!--\t\t\t\t\t<div-->\n<!--\t\t\t\t\t\t\tclass=\"entries-table centered panel funnels-panel products_panel funnels_page_panel orders_pannel orders_table\">-->\n<!--\t\t\t\t\t\t<div class=\"head \" v-if=\"ordersMeta.count\">-->\n<!--\t\t\t\t\t\t\t<span class=\"cell source\">Source</span>-->\n<!--\t\t\t\t\t\t\t<span class=\"cell time\">Time</span>-->\n<!--\t\t\t\t\t\t\t<span class=\"cell customer\">Customer</span>-->\n<!--\t\t\t\t\t\t\t<span class=\"cell amount\">Amount</span>-->\n<!--\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t<div class=\"panel-body\" v-if=\"ordersMeta.count\">-->\n<!--\t\t\t\t\t\t\t<router-link tag=\"div\"-->\n<!--\t\t\t\t\t\t\t             class=\"entry panel-item order-item\"-->\n<!--\t\t\t\t\t\t\t             :to=\"{path: `/funnel/${$route.params.id}/orders/${item.id}`}\"-->\n<!--\t\t\t\t\t\t\t             v-for=\"(item, index) in orders\"-->\n<!--\t\t\t\t\t\t\t             :key=\"item.id\">-->\n<!--\t\t\t\t\t\t\t\t<div class=\"cell source\">-->\n<!--\t\t\t\t\t\t\t\t\t<span class=\"through\">Through</span>-->\n<!--\t\t\t\t\t\t\t\t\t<div class=\"products_panel_img_wrpr\"-->\n<!--\t\t\t\t\t\t\t\t\t     v-html=\"getImage(item.app_id, item.gateway_id)\">-->\n<!--\t\t\t\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t\t\t<div class=\"cell time\">-->\n<!--\t\t\t\t\t\t\t\t\t<span class=\"time_ago\">{{ date(item.time).diff }}</span>-->\n<!--\t\t\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t\t\t<div class=\"cell customer\">-->\n<!--\t\t\t\t\t\t\t\t\t<div v-if=\"item.first_name || item.last_name\" class=\"cell-title\">-->\n<!--\t\t\t\t\t\t\t\t\t\t{{ item.first_name }} {{ item.last_name }}-->\n<!--\t\t\t\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t\t\t\t<div v-else-if=\"item.optin_email\" class=\"cell-title\">-->\n<!--\t\t\t\t\t\t\t\t\t\t{{ item.optin_email }}-->\n<!--\t\t\t\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t\t\t\t<div v-if=\"item.first_name || item.last_name\" class=\"cell-value\">-->\n<!--\t\t\t\t\t\t\t\t\t\t{{ item.optin_email }}-->\n<!--\t\t\t\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t\t\t\t<div v-else-if=\"!item.optin_email\" class=\"cell-title\">-->\n<!--\t\t\t\t\t\t\t\t\t\tUnknown customer-->\n<!--\t\t\t\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t\t\t<div class=\"cell amount\">-->\n<!--\t\t\t\t\t\t\t\t\t${{ item.amount }}-->\n<!--\t\t\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t\t</router-link>-->\n<!--\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t\t<div v-if=\"!ifError && !ordersMeta.count\" class=\"panel-body panel-body_2 empty-panel\">-->\n<!--\t\t\t\t\t\t\t<p>No orders have been found</p>-->\n<!--\t\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t</div>-->\n<!--\t\t\t\t\t-->\n\n\t\t\t\t\t<paginate\n\t\t\t\t\t\t\tv-if=\"!ifError && ordersMeta.count\"\n\t\t\t\t\t\t\t:pageCount=\"ordersMeta.total_pages\"\n\t\t\t\t\t\t\t:pageRange=\"7\"\n\t\t\t\t\t\t\t:forcePage=\"currentPage\"\n\t\t\t\t\t\t\t:clickHandler=\"clickCallback\"\n\t\t\t\t\t\t\t:prevText=\"'<<'\"\n\t\t\t\t\t\t\t:nextText=\"'>>'\"\n\t\t\t\t\t\t\t:containerClass=\"'pagination pagination-root'\"\n\t\t\t\t\t\t\t:activeClass=\"'active'\"\n\t\t\t\t\t>\n\t\t\t\t\t</paginate>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<!-- ORDER DETAILS -->\n\t\t<router-view/>\n\n\t\t<ExportOrders v-if=\"exportOrdersOpen\" :funnel=\"funnel\" @closeExportPopup=\"exportOrdersOpen = false\"/>\n\t</div>\n</template>\n\n<script>\nimport MainSearch from \"@/components/MainSearch.vue\";\nimport ExportOrders from \"@/components/popups/orders/ExportOrders.vue\";\nimport Loading from \"@/components/Loading.vue\"\nimport {mapGetters} from \"vuex\"\nimport API from \"@/api\"\n\nimport TimeAgo from 'javascript-time-ago'\nimport en from 'javascript-time-ago/locale/en'\nimport HelpBlock from \"@/components/base/help-block\";\nimport VButton from \"@/components/base/v-button\";\nimport {getSourceLogo} from \"@/helpers/gateways\";\nimport OrderItem from \"@/views/orders/order-item\";\n\nTimeAgo.addLocale(en)\nconst timeAgo = new TimeAgo('en-US')\n\nexport default {\n\tname: \"FunnelOrders\",\n\tcomponents: {\n\t\tOrderItem,\n\t\tVButton,\n\t\tHelpBlock,\n\t\tMainSearch,\n\t\tLoading,\n\t\tExportOrders\n\t},\n\tmixins: [API],\n\tprops: ['id'],\n\tdata() {\n\t\treturn {\n\t\t\tsearchValue: \"\",\n\t\t\tloading: true,\n\t\t\tsearchInput: '',\n\t\t\tfunnel: {},\n\t\t\tstepData: [],\n\t\t\torders: [],\n\t\t\tcustomer: {},\n\t\t\tcurrentOrder: {},\n\t\t\tpage: 0,\n\t\t\tperPage: 25,\n\t\t\tquery: '',\n\t\t\tordersLinks: [\n\t\t\t\t{\n\t\t\t\t\tid: 1,\n\t\t\t\t\ttitle: \"Learn more about orders.\",\n\t\t\t\t\turl: \"https://docs.funnelish.com/getting-started/connecting-funnels/orders\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: 2,\n\t\t\t\t\ttitle: \"Learn more about tracking Clickfunnels sales within Funnelish.\",\n\t\t\t\t\turl: \"https://docs.funnelish.com/getting-started/connecting-funnels\"\n\t\t\t\t}\n\t\t\t],\n\t\t\tordersMeta: {\n\t\t\t\tcount: 0,\n\t\t\t\tper_page: 0,\n\t\t\t\ttotal_pages: 0\n\t\t\t},\n\t\t\torderPages: [],\n\t\t\tnotifocation: true,\n\t\t\texportOrdersOpen: false,\n\t\t\tordersByType: 'all',\n\t\t\tstartDate: \"2020-12-02\",\n\t\t\tendDate: \"2020-12-02\",\n\t\t}\n\t},\n\tcomputed: {\n\t\t...mapGetters([\"getOrderInfoPopup\", \"ifError\", \"getStepDataStore\", \"getFunnelStore\", \"getOrdersStore\", \"getOrdersMetaStore\", \"getOrdersPageStore\"]),\n\t\tordersFilteredList() {\n\t\t\treturn this.orders.filter(item => {\n\t\t\t\treturn item.attributes['first-name'].toLowerCase().includes(this.searchInput.toLowerCase())\n\t\t\t})\n\t\t},\n\t\tcurrentPage() {\n\t\t\tvar page = this.$route.query.page\n\t\t\treturn page ? parseInt(page) : 1\n\t\t}\n\t},\n\tmethods: {\n\t\tgetImage(appId, gatewayId) {\n\t\t\treturn getSourceLogo(appId, gatewayId)\n\t\t},\n\t\tsearchValueChanged() {\n\t\t\t// Reset current page before query to start from first page.\n\t\t\tthis.$router.push({path: this.$router.path, query: {page: 1, query: this.searchValue}});\n\t\t\tthis.ordersLocal();\n\t\t},\n\t\tclickCallback(pageNum) {\n\t\t\tthis.$router.push({path: this.$router.path, query: {page: pageNum, query: this.searchValue}});\n\t\t\tthis.ordersLocal();\n\t\t},\n\t\tdayCompile(val) {\n\t\t\tif (parseInt(val) < 10) {\n\t\t\t\treturn '0' + val\n\t\t\t} else {\n\t\t\t\treturn val\n\t\t\t}\n\t\t},\n\t\tinitPagination(size) {\n\t\t\tif (this.orderPages.length === 0) {\n\t\t\t\tvar index = 0;\n\t\t\t\twhile (index < size) {\n\t\t\t\t\tthis.orderPages.push(index);\n\t\t\t\t\tindex++\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tdate(string) {\n\t\t\tvar date = new Date(string);\n\t\t\tvar monthArr = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\t\t\tvar month = monthArr[date.getMonth()]\n\t\t\tvar day = date.getDate()\n\t\t\tvar hours = date.getHours()\n\t\t\tvar minutes = date.getMinutes()\n\n\t\t\tvar format = `${month} ${day} ${hours}:${minutes}`\n\t\t\tvar diff = timeAgo.format(date);\n\t\t\t//Feb 26 16:58\n\t\t\treturn {format, diff}\n\t\t},\n\t\tasync ordersLocal() {\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tthis.funnel = this.getFunnelStore;\n\t\t\t\tlet {\n\t\t\t\t\torders,\n\t\t\t\t\tmeta\n\t\t\t\t} = await this.api.orders.getFunnel(this.id, this.currentPage - 1, this.perPage, this.searchValue);\n\t\t\t\tthis.orders = orders;\n\t\t\t\tthis.ordersMeta = meta;\n\n\t\t\t\tthis.$store.dispatch('setOrdersStore', this.orders);\n\t\t\t\tthis.$store.dispatch('setOrdersMetaStore', this.ordersMeta);\n\t\t\t} catch (e) {\n\t\t\t\tconsole.error(\"ERROR\", e);\n\t\t\t\tthis.$notify({\n\t\t\t\t\ttype: 'error',\n\t\t\t\t\tgroup: 'main',\n\t\t\t\t\ttitle: 'Server error. Please try again later'\n\t\t\t\t});\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t\tasync init() {\n\t\t\tthis.ordersLocal()\n\t\t}\n\t},\n\tasync mounted() {\n\t\tthis.init();\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n\n.funnel-orders-page {\n\t//max-width: 2000px;\n\t//margin: 0 auto;\n\n\t.search-container {\n\t\tmargin-bottom: 40px;\n\t}\n}\n\n.order-item {\n\n}\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./orders.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./orders.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./orders.vue?vue&type=template&id=5bae4210&\"\nimport script from \"./orders.vue?vue&type=script&lang=js&\"\nexport * from \"./orders.vue?vue&type=script&lang=js&\"\nimport style0 from \"./orders.vue?vue&type=style&index=0&id=5bae4210&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./orders.vue?vue&type=style&index=0&id=5bae4210&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:{\"help-block\":true, \"small\":_vm.closed}},[_c('div',{staticClass:\"left_info_icon\"},[_c('svg',{attrs:{\"width\":\"30px\",\"viewBox\":\"0 0 512 512\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"role\":\"img\",\"aria-hidden\":\"true\",\"data-icon\":\"question-circle\"}},[_c('path',{staticStyle:{\"fill\":\"#4368E0\"},attrs:{\"fill\":\"currentColor\",\"d\":\"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z\"}})])]),(_vm.closed)?[_c('a',{staticClass:\"layout-row\",on:{\"click\":function($event){return _vm.close(false)}}},[_c('h2',{staticClass:\"title flex\"},[_vm._v(\"Learn more about \"+_vm._s(_vm.title.toLowerCase()))])])]:[_c('div',{staticClass:\"layout-row\"},[_c('h2',{staticClass:\"title flex\"},[_vm._v(_vm._s(_vm.title))]),_c('a',{staticClass:\"close_btn\",on:{\"click\":function($event){return _vm.close(true)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/popup_close.svg')}})],1)]),_c('div',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.description)}}),(_vm.links)?_c('ul',{staticClass:\"links\"},_vm._l((_vm.links),function(link){return _c('li',{key:link.id},[_c('a',{attrs:{\"target\":\"_blank\",\"href\":link.url}},[_vm._v(_vm._s(link.title))])])}),0):_vm._e()]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div :class='{\"help-block\":true, \"small\":closed}'>\n        <div class=\"left_info_icon\">\n            <svg width=\"30px\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-hidden=\"true\" data-icon=\"question-circle\"\n                 class=\"\">\n                <path style=\"fill: #4368E0;\" fill=\"currentColor\"  d=\"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z\"></path>\n            </svg>\n        </div>\n        <template v-if=\"closed\">\n            <a class=\"layout-row\" @click=\"close(false)\">\n                <h2 class=\"title flex\">Learn more about {{title.toLowerCase()}}</h2>\n            </a>\n        </template>\n        <template v-else>\n            <div class=\"layout-row\">\n                <h2 class=\"title flex\">{{title}}</h2>\n                <a class=\"close_btn\" @click=\"close(true)\">\n                    <inline-svg :src=\"require('@/assets/img/popup_close.svg')\"/>\n                </a>\n            </div>\n            <div class=\"description\" v-html=\"description\">\n            </div>\n            <ul v-if=\"links\" class=\"links\">\n                <li v-for=\"link in links\" :key=\"link.id\" >\n                    <a target=\"_blank\" :href=\"link.url\" >{{link.title}}</a>\n                </li>\n            </ul>\n        </template>\n\n    </div>\n</template>\n\n<script >\n    export default {\n        name: \"HelpBlock\",\n        props: [\"description\", \"title\", \"links\", \"name\"],\n\n        data() {\n            return {\n                closed: false,\n            }\n        },\n        computed: {\n        },\n        methods: {\n            close(closed) {\n                this.closed = closed;\n                this.$cookies.set(`${this.name}.is_closed`, closed);\n                this.$emit('closed', closed);\n            },\n        },\n\n        created() {\n            this.closed = this.$cookies.get(`${this.name}.is_closed`);\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .help-block {\n        position: relative;\n        padding: 15px 70px;\n        background: #D5E5FF;\n        border-radius: 12px;\n        margin-bottom: 50px;\n\n        .title {\n            font-weight: 400;\n            font-size: 20px;\n            color: rgba(0,0,0,.55);\n            letter-spacing: 0;\n        }\n        &.small {\n            &:hover {\n                text-decoration: underline;\n            }\n            .title {\n                font-size: 16px;\n                line-height: 26px;\n            }\n        }\n        .description {\n            margin-top: 10px;\n            margin-right: 40px;\n        }\n        .description p {\n            font-weight: normal;\n            font-size: 15px;\n            line-height: 150%;\n            color: #636A7B;\n            margin: 0;\n            margin-bottom: 10px;\n        }\n        .links {\n            list-style: none!important;\n            margin-top: 10px;\n            a {\n                color: rgba(0,0,0,.55);\n                text-decoration: underline;\n            }\n        }\n        .left_info_icon {\n            position: absolute;\n            left: 20px;\n            top: 16px;\n            svg {\n                width: 28px;\n                height: 28px;\n                path {\n                    fill: #4368E0;\n                }\n            }\n        }\n        .close_btn {\n            position: absolute;\n            right: 25px;\n            top: 19px;\n            svg path {\n                fill: #97AACD;\n            }\n        }\n    }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./help-block.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./help-block.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./help-block.vue?vue&type=template&id=57ff40b6&scoped=true&\"\nimport script from \"./help-block.vue?vue&type=script&lang=js&\"\nexport * from \"./help-block.vue?vue&type=script&lang=js&\"\nimport style0 from \"./help-block.vue?vue&type=style&index=0&id=57ff40b6&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"57ff40b6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}