{"version":3,"sources":["webpack:///./src/views/parts_order_checkout/index.vue?a4c3","webpack:///src/views/parts_order_checkout/index.vue","webpack:///./src/views/parts_order_checkout/index.vue?607b","webpack:///./src/views/parts_order_checkout/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","attrs","_v","_s","partsOrderWarningMessage","_e","ref","userStoredContact","on","$event","Object","assign","contactData","contactFormIsValid","userStoredAddress","isApo","cities","countries","stateProvinces","statesLoading","citiesLoading","getCities","getStates","addressData","addressFormIsValid","headers","cart","scopedSlots","_u","key","fn","item","partSpec","isHighValue","serials","validateOnContinue","submitted","formValid","createOrder","_b","snackbar","model","value","callback","$$v","expression","snackbarMessage","staticRenderFns","name","components","AddressForm","ContactForm","data","orderItems","valid","states","selectedState","apo","formRules","apoCity","showErrors","firstName","lastName","email","phone","company","phoneCountryCode","city","country","line1","line2","postalCode","state","text","align","computed","mapGetters","international","canada","countryCode","stateCode","find","methods","event","resetForm","setTimeout","self","mapActions","remove","mutate","mutation","variables","newRma","rmaType","customer","shipping","address","contact","items","then","params","rmaBatchId","catch","checkoutItems","pn","quantity","serial","component"],"mappings":"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","file":"js/chunk-2d215c03.4ad0c8d4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\"}},[_c('div',{staticClass:\"container-bg\",staticStyle:{\"display\":\"block\",\"margin\":\"auto\"}},[_c('div',{staticClass:\"container-fg\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\"}},[_c('img',{staticStyle:{\"width\":\"130px\",\"margin-bottom\":\"10px\"},attrs:{\"src\":require(\"../../assets/logos/getac-logo.svg\")}}),_c('div',{staticClass:\"text-h7 nav-font pl-2\",staticStyle:{\"margin-top\":\"15px\"}},[_vm._v(\"PARTS ORDER\")])]),(_vm.partsOrderWarningMessage)?_c('v-alert',{staticClass:\"mt-5\",attrs:{\"border\":\"left\",\"color\":\"blue-grey\",\"dark\":\"\",\"dense\":\"\",\"type\":\"info\"}},[_vm._v(\" \"+_vm._s(_vm.partsOrderWarningMessage)+\" \")]):_vm._e(),_c('v-divider',{staticStyle:{\"margin-bottom\":\"15px\",\"border-color\":\"gray\"}}),_c('v-row',{attrs:{\"align\":\"start\"}},[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('base-info-card',{attrs:{\"title\":\"Contact Information\",\"color\":\"primary\",\"body-space\":\"0\"}}),_c('contact-form',{ref:\"contactForm\",attrs:{\"dense\":\"\",\"dark\":\"\",\"user-stored-contact\":_vm.userStoredContact},on:{\"contactInput\":function($event){return Object.assign(_vm.contactData, $event)},\"form-is-valid\":function($event){_vm.contactFormIsValid = $event}}}),_c('base-info-card',{attrs:{\"title\":\"Shipping Address\",\"color\":\"primary\",\"body-space\":\"0\"}}),_c('address-form',{ref:\"addressForm\",attrs:{\"dense\":\"\",\"dark\":\"\",\"user-stored-address\":_vm.userStoredAddress,\"apo\":_vm.isApo,\"cities\":_vm.cities,\"countries\":_vm.countries,\"state-provinces\":_vm.stateProvinces,\"states-loading\":_vm.statesLoading,\"cities-loading\":_vm.citiesLoading},on:{\"stateUpdated\":function($event){return _vm.getCities($event)},\"countryUpdated\":function($event){return _vm.getStates($event)},\"addressInput\":function($event){return Object.assign(_vm.addressData, $event)},\"form-is-valid\":function($event){_vm.addressFormIsValid = $event}}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('div',{staticStyle:{\"background-color\":\"rgb(55, 55, 55)\",\"padding\":\"25px\"}},[_c('h1',{staticStyle:{\"font-size\":\"36px\",\"letter-spacing\":\"-0.08rem\"}},[_vm._v(\" Your Order \")]),_c('p',[_vm._v(\"Please confirm your order or \"),_c('router-link',{attrs:{\"to\":\"/parts-order/cart\"}},[_vm._v(\"go back to your cart\")]),_vm._v(\".\")],1),_c('v-divider',{staticStyle:{\"margin-bottom\":\"0px\",\"border-color\":\"gray\"}}),_c('v-data-table',{staticStyle:{\"background-color\":\"transparent\"},attrs:{\"dark\":\"\",\"headers\":_vm.headers,\"disable-sort\":\"\",\"items\":_vm.cart,\"disable-pagination\":\"\",\"hide-default-footer\":\"\",\"loading-text\":\"Loading...\",\"no-data-text\":\"No items in cart\"},scopedSlots:_vm._u([{key:\"item.partSpec\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.partSpec)+\" \"),(item.isHighValue === 'Y')?_c('span',{staticStyle:{\"color\":\"#db5120\"}},[_vm._v(\"*\")]):_vm._e()]}},{key:\"item.serial\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.serials)+\" \")]}}])}),_c('v-divider',{staticStyle:{\"margin-bottom\":\"10px\",\"border-color\":\"rgb(56, 56, 56)\",\"width\":\"90%\"}}),_c('div',{staticStyle:{\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"10px\",\"margin-left\":\"5px\"}},[_c('span',{staticStyle:{\"color\":\"#db5120\"}},[_vm._v(\"*\")]),_vm._v(\" indicates a high value part.\")])]),_c('div',{on:{\"click\":_vm.validateOnContinue}},[_c('v-btn',{staticStyle:{\"display\":\"block\",\"margin\":\"auto\",\"margin-top\":\"20px\"},attrs:{\"color\":\"primary\",\"elevation\":\"0\",\"disabled\":_vm.submitted || !_vm.formValid},on:{\"click\":_vm.createOrder}},[_vm._v(\" Create Order \")])],1)],1)])],1)],1)]),_c('v-snackbar',{scopedSlots:_vm._u([{key:\"action\",fn:function(ref){\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._b({attrs:{\"text\":\"\",\"color\":\"white\"},on:{\"click\":function($event){_vm.snackbar = false}}},'v-btn',attrs,false),[_vm._v(\" Close \")])]}}]),model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\"snackbar\"}},[_vm._v(\" \"+_vm._s(_vm.snackbarMessage)+\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container style=\"display: flex; flex-direction: row\">\r\n        <div class=\"container-bg\" style=\"display: block; margin: auto\">\r\n            <div class=\"container-fg\">\r\n                <div style=\"display: flex; flex-direction: row\">\r\n                    <img\r\n                        style=\"width: 130px; margin-bottom: 10px\"\r\n                        src=\"../../assets/logos/getac-logo.svg\"\r\n                    />\r\n                    <div class=\"text-h7 nav-font pl-2\" style=\"margin-top: 15px\"\r\n                        >PARTS ORDER</div\r\n                    >\r\n                </div>\r\n                <v-alert\r\n                    v-if=\"partsOrderWarningMessage\"\r\n                    border=\"left\"\r\n                    color=\"blue-grey\"\r\n                    dark\r\n                    dense\r\n                    class=\"mt-5\"\r\n                    type=\"info\"\r\n                >\r\n                    {{ partsOrderWarningMessage }}\r\n                </v-alert>\r\n                <v-divider style=\"margin-bottom: 15px; border-color: gray\" />\r\n                <v-row align=\"start\">\r\n                    <v-col cols=\"6\">\r\n                        <base-info-card\r\n                            title=\"Contact Information\"\r\n                            color=\"primary\"\r\n                            body-space=\"0\"\r\n                        />\r\n                        <contact-form\r\n                            ref=\"contactForm\"\r\n                            dense\r\n                            dark\r\n                            :user-stored-contact=\"userStoredContact\"\r\n                            @contactInput=\"Object.assign(contactData, $event)\"\r\n                            @form-is-valid=\"contactFormIsValid = $event\"\r\n                        />\r\n                        <base-info-card\r\n                            title=\"Shipping Address\"\r\n                            color=\"primary\"\r\n                            body-space=\"0\"\r\n                        />\r\n                        <address-form\r\n                            ref=\"addressForm\"\r\n                            dense\r\n                            dark\r\n                            :user-stored-address=\"userStoredAddress\"\r\n                            :apo=\"isApo\"\r\n                            :cities=\"cities\"\r\n                            :countries=\"countries\"\r\n                            :state-provinces=\"stateProvinces\"\r\n                            :states-loading=\"statesLoading\"\r\n                            :cities-loading=\"citiesLoading\"\r\n                            @stateUpdated=\"getCities($event)\"\r\n                            @countryUpdated=\"getStates($event)\"\r\n                            @addressInput=\"Object.assign(addressData, $event)\"\r\n                            @form-is-valid=\"addressFormIsValid = $event\"\r\n                        />\r\n                    </v-col>\r\n                    <v-col cols=\"6\">\r\n                        <div\r\n                            style=\"\r\n                                background-color: rgb(55, 55, 55);\r\n                                padding: 25px;\r\n                            \"\r\n                        >\r\n                            <h1\r\n                                style=\"\r\n                                    font-size: 36px;\r\n                                    letter-spacing: -0.08rem;\r\n                                \"\r\n                            >\r\n                                Your Order\r\n                            </h1>\r\n                            <p\r\n                                >Please confirm your order or\r\n                                <router-link to=\"/parts-order/cart\"\r\n                                    >go back to your cart</router-link\r\n                                >.</p\r\n                            >\r\n                            <v-divider\r\n                                style=\"margin-bottom: 0px; border-color: gray\"\r\n                            />\r\n                            <v-data-table\r\n                                style=\"background-color: transparent\"\r\n                                dark\r\n                                :headers=\"headers\"\r\n                                disable-sort\r\n                                :items=\"cart\"\r\n                                disable-pagination\r\n                                hide-default-footer\r\n                                loading-text=\"Loading...\"\r\n                                no-data-text=\"No items in cart\"\r\n                            >\r\n                                <template v-slot:item.partSpec=\"{ item }\">\r\n                                    {{ item.partSpec }}\r\n                                    <span\r\n                                        v-if=\"item.isHighValue === 'Y'\"\r\n                                        style=\"color: #db5120\"\r\n                                        >*</span\r\n                                    >\r\n                                </template>\r\n                                <template v-slot:item.serial=\"{ item }\">\r\n                                    {{ item.serials }}\r\n                                </template>\r\n                            </v-data-table>\r\n                            <v-divider\r\n                                style=\"\r\n                                    margin-bottom: 10px;\r\n                                    border-color: rgb(56, 56, 56);\r\n                                    width: 90%;\r\n                                \"\r\n                            />\r\n                            <div style=\"text-align: right\">\r\n                                <p style=\"font-size: 10px; margin-left: 5px\"\r\n                                    ><span style=\"color: #db5120\">*</span>\r\n                                    indicates a high value part.</p\r\n                                >\r\n                            </div>\r\n                            <div @click=\"validateOnContinue\">\r\n                                <v-btn\r\n                                    color=\"primary\"\r\n                                    elevation=\"0\"\r\n                                    style=\"\r\n                                        display: block;\r\n                                        margin: auto;\r\n                                        margin-top: 20px;\r\n                                    \"\r\n                                    :disabled=\"submitted || !formValid\"\r\n                                    @click=\"createOrder\"\r\n                                >\r\n                                    Create Order\r\n                                </v-btn>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n            </div>\r\n        </div>\r\n        <v-snackbar v-model=\"snackbar\">\r\n            {{ snackbarMessage }}\r\n\r\n            <template v-slot:action=\"{ attrs }\">\r\n                <v-btn\r\n                    text\r\n                    v-bind=\"attrs\"\r\n                    color=\"white\"\r\n                    @click=\"snackbar = false\"\r\n                >\r\n                    Close\r\n                </v-btn>\r\n            </template>\r\n        </v-snackbar>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport AddressForm from '../../components/create_rma_stepper/forms/address_form.vue'\r\nimport ContactForm from '../../components/create_rma_stepper/forms/contact_form.vue'\r\nimport formRules from '@/utils/form_rules'\r\nimport { mapGetters, mapActions } from 'vuex'\r\nimport gql from 'graphql-tag'\r\n\r\nexport default {\r\n    name: `PartsOrderCheckout`,\r\n    components: {\r\n        AddressForm,\r\n        ContactForm\r\n    },\r\n    data() {\r\n        return {\r\n            orderItems: [],\r\n            snackbar: false,\r\n            valid: null,\r\n            statesLoading: false,\r\n            citiesLoading: false,\r\n            states: [],\r\n            selectedState: {},\r\n            apo: false,\r\n            snackbarMessage: '',\r\n            formRules,\r\n            apoCity: '',\r\n            submitted: false,\r\n            contactFormIsValid: false,\r\n            addressFormIsValid: false,\r\n            showErrors: false,\r\n            partsOrderWarningMessage: `International Part orders are not support on the Service Portal. \r\n                Please contact Getac Support at GetacSupport_US@Getac.com or +1-866-394-3822 for assistance.`,\r\n            contactData: {\r\n                firstName: ``,\r\n                lastName: ``,\r\n                email: ``,\r\n                phone: ``,\r\n                company: ``,\r\n                phoneCountryCode: ``\r\n            },\r\n            addressData: {\r\n                city: ``,\r\n                country: ``,\r\n                line1: ``,\r\n                line2: ``,\r\n                postalCode: ``,\r\n                state: ``\r\n            },\r\n            headers: [\r\n                {\r\n                    text: 'Product',\r\n                    value: 'partSpec',\r\n                    align: 'left'\r\n                },\r\n                {\r\n                    text: 'Serial',\r\n                    value: 'serial',\r\n                    align: 'left'\r\n                },\r\n                {\r\n                    text: 'Model',\r\n                    value: 'model',\r\n                    align: 'left'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapGetters({\r\n            cart: `cart/cart`\r\n        }),\r\n        formValid() {\r\n            return !!(this.contactFormIsValid && this.addressFormIsValid)\r\n        },\r\n        userStoredAddress() {\r\n            if (this.$auth.user.address && this.$auth.user.address.shipping) {\r\n                return {\r\n                    city: this.$auth.user.address.shipping.city,\r\n                    country: this.$auth.user.address.shipping.country,\r\n                    line1: this.$auth.user.address.shipping.line1,\r\n                    line2: this.$auth.user.address.shipping.line2,\r\n                    postalCode: this.$auth.user.address.shipping.postalCode,\r\n                    state: this.$auth.user.address.shipping.state\r\n                }\r\n            } else return {}\r\n        },\r\n        userStoredContact() {\r\n            if (this.$auth.user) {\r\n                return {\r\n                    company: this.$auth.user.company,\r\n                    email: this.$auth.user.email,\r\n                    firstName: this.$auth.user.firstName,\r\n                    lastName: this.$auth.user.lastName,\r\n                    phone: this.$auth.user.phone,\r\n                    phoneCountryCode: this.$auth.user.phoneCountryCode\r\n                }\r\n            } else return {}\r\n        },\r\n        international() {\r\n            return this.addressData.country && this.addressData.country !== `US`\r\n        },\r\n        canada() {\r\n            return this.addressData.country && this.addressData.country === 'CA'\r\n        },\r\n        countries() {\r\n            // return this.$store.getters[`location/getCachedCountries`]\r\n            return [{ name: 'United States', countryCode: 'US'}]\r\n        },\r\n\r\n        cities() {\r\n            return this.$store.getters[`location/getCachedCities`]({\r\n                countryCode: this.addressData.country,\r\n                stateCode: this.addressData.state\r\n            })\r\n        },\r\n        stateProvinces() {\r\n            return this.$store.getters[`location/getCachedStates`]({\r\n                countryCode: this.addressData.country\r\n            })\r\n        },\r\n        isApo() {\r\n            const stateObject = this.$store.getters[`location/getCachedStates`](\r\n                {\r\n                    countryCode: this.addressData.country\r\n                }\r\n            ).find((e) => e.stateCode === this.addressData.state) || {\r\n                apo: false\r\n            }\r\n            return !!stateObject.apo\r\n        }\r\n    },\r\n    methods: {\r\n        async getCities(event) {\r\n            this.citiesLoading = true\r\n            try {\r\n                const [countryCode, stateCode] = event\r\n                await this.$store.dispatch(`location/cacheCities`, {\r\n                    countryCode,\r\n                    stateCode\r\n                })\r\n            } catch {\r\n                this.citiesLoading = false\r\n            } finally {\r\n                this.citiesLoading = false\r\n            }\r\n        },\r\n        async getStates(countryCode) {\r\n            this.statesLoading = true\r\n            try {\r\n                await this.$store.dispatch(`location/cacheStates`, {\r\n                    countryCode\r\n                })\r\n                this.statesLoading = false\r\n            } catch {\r\n                this.statesLoading = false\r\n            }\r\n        },\r\n        resetForm() {\r\n            this.$refs.contactForm.resetForm()\r\n            this.$refs.addressForm.resetForm()\r\n        },\r\n        validateOnContinue() {\r\n            this.$refs.contactForm.$children[0].validate()\r\n            this.$refs.addressForm.$children[0].validate()\r\n            if (!this.formValid) this.showErrors = true\r\n            const self = this\r\n            setTimeout(() => {\r\n                self.showErrors = false\r\n            }, 4000)\r\n        },\r\n        ...mapActions({\r\n            remove: `cart/remove`\r\n        }),\r\n        createOrder() {\r\n            if (this.formValid) {\r\n                this.submitted = true\r\n                const allItems = this.checkoutItems(this.cart)\r\n                const checkoutItems = [].concat.apply([], allItems)\r\n                this.$apollo\r\n                    .mutate({\r\n                        mutation: gql`\r\n                            mutation Mutation($newRma: PartsOrderInputDTO!) {\r\n                                CreatePartsOrder(newRMA: $newRma) {\r\n                                    success\r\n                                    rmaBatchId\r\n                                    error\r\n                                }\r\n                            }\r\n                        `,\r\n                        variables: {\r\n                            newRma: {\r\n                                rmaType: 'PARTS_ORDER',\r\n                                customer: {\r\n                                    shipping: {\r\n                                        address: this.addressData,\r\n                                        contact: {\r\n                                            firstName:\r\n                                                this.contactData.firstName,\r\n                                            lastName: this.contactData.lastName,\r\n                                            email: this.contactData.email,\r\n                                            phone: this.contactData.phone,\r\n                                            company: this.contactData.company\r\n                                        }\r\n                                    }\r\n                                },\r\n                                items: checkoutItems\r\n                            }\r\n                        }\r\n                    })\r\n                    .then((data) => {\r\n                        if (data.data.CreatePartsOrder.success === true) {\r\n                            this.cart.forEach((item) => {\r\n                                this.remove({ ...item })\r\n                            })\r\n                            this.$router.push({\r\n                                name: `parts-order-success`,\r\n                                params: {\r\n                                    rmaBatchId:\r\n                                        data.data.CreatePartsOrder.rmaBatchId\r\n                                }\r\n                            })\r\n                        } else {\r\n                            this.snackbar = true\r\n                            this.snackbarMessage =\r\n                                'Error Creating Parts Order: ' +\r\n                                data.data.CreatePartsOrder.error\r\n                            this.submitted = false\r\n                        }\r\n                    })\r\n                    .catch((error) => {\r\n                        this.snackbar = true\r\n                        this.snackbarMessage =\r\n                            'Error Creating Parts Order: ' + error\r\n                        this.submitted = false\r\n                    })\r\n            } else {\r\n                this.snackbar = true\r\n                this.snackbarMessage =\r\n                    'Please fill out all of the required fields'\r\n            }\r\n        },\r\n        checkoutItems(items) {\r\n            return items.map((item) => {\r\n                const lineItem = item\r\n                return {\r\n                    pn: lineItem.pn,\r\n                    quantity: 1,\r\n                    serial: lineItem.serials\r\n                }\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2f838670&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}