{"version":3,"sources":["webpack:///./src/views/checkouts/steps/Account.vue?8a40","webpack:///./src/layouts/icons/CheckedIcon.vue?bb99","webpack:///./src/views/checkouts/deep-ancestry/DeepAncestryCheckout.vue?a602","webpack:///./src/views/checkouts/deep-ancestry/others/KitsEthnicity.vue?4dbb","webpack:///./src/views/checkouts/deep-ancestry/others/CheckBoxConfirm.vue?9ae7","webpack:///./src/views/checkouts/deep-ancestry/steps/CheckoutOrder.vue?7a66","webpack:///./src/views/checkouts/deep-ancestry/DeepAncestryCheckout.vue?f979","webpack:///./src/views/checkouts/deep-ancestry/others/QuantityDropdown.vue?9b21","webpack:///./src/views/checkouts/steps/Account.vue?f194","webpack:///./src/@core/mixins/ui/forms.js","webpack:///./src/layouts/icons/UploadIcon.vue?4d07","webpack:///./src/views/checkouts/steps/PromotionCode.vue?1e53","webpack:///./src/views/checkouts/deep-ancestry/DeepAncestryCheckout.vue?0dc2","webpack:///./src/views/checkouts/steps/Account.vue?63e7","webpack:///src/views/checkouts/steps/Account.vue","webpack:///./src/views/checkouts/steps/Account.vue?f134","webpack:///./src/views/checkouts/steps/Account.vue","webpack:///./src/views/checkouts/deep-ancestry/steps/CheckoutOrder.vue?6f8b","webpack:///./src/common/api.utils.js","webpack:///./src/layouts/icons/CheckedIcon.vue?401c","webpack:///src/layouts/icons/CheckedIcon.vue","webpack:///./src/layouts/icons/CheckedIcon.vue?865f","webpack:///./src/layouts/icons/CheckedIcon.vue?5977","webpack:///./src/layouts/icons/UploadIcon.vue?4681","webpack:///src/layouts/icons/UploadIcon.vue","webpack:///./src/layouts/icons/UploadIcon.vue?c062","webpack:///./src/layouts/icons/UploadIcon.vue?8741","webpack:///./src/views/checkouts/deep-ancestry/others/KitsEthnicity.vue?524d","webpack:///src/views/checkouts/deep-ancestry/others/KitsEthnicity.vue","webpack:///./src/views/checkouts/deep-ancestry/others/KitsEthnicity.vue?c4aa","webpack:///./src/views/checkouts/deep-ancestry/others/KitsEthnicity.vue","webpack:///./src/views/checkouts/deep-ancestry/others/QuantityDropdown.vue?78fb","webpack:///src/views/checkouts/deep-ancestry/others/QuantityDropdown.vue","webpack:///./src/views/checkouts/deep-ancestry/others/QuantityDropdown.vue?c22c","webpack:///./src/views/checkouts/deep-ancestry/others/QuantityDropdown.vue","webpack:///./src/views/checkouts/deep-ancestry/others/CheckBoxConfirm.vue?4552","webpack:///src/views/checkouts/deep-ancestry/others/CheckBoxConfirm.vue","webpack:///./src/views/checkouts/deep-ancestry/others/CheckBoxConfirm.vue?d9b2","webpack:///./src/views/checkouts/deep-ancestry/others/CheckBoxConfirm.vue","webpack:///./src/views/checkouts/steps/PromotionCode.vue?fc99","webpack:///src/views/checkouts/steps/PromotionCode.vue","webpack:///./src/views/checkouts/steps/PromotionCode.vue?bee9","webpack:///./src/views/checkouts/steps/PromotionCode.vue","webpack:///src/views/checkouts/deep-ancestry/steps/CheckoutOrder.vue","webpack:///./src/views/checkouts/deep-ancestry/steps/CheckoutOrder.vue?3093","webpack:///./src/views/checkouts/deep-ancestry/steps/CheckoutOrder.vue","webpack:///src/views/checkouts/deep-ancestry/DeepAncestryCheckout.vue","webpack:///./src/views/checkouts/deep-ancestry/DeepAncestryCheckout.vue?cda4","webpack:///./src/views/checkouts/deep-ancestry/DeepAncestryCheckout.vue"],"names":["togglePasswordVisibility","data","passwordFieldType","methods","this","render","_vm","_h","$createElement","_c","_self","staticClass","selectedStepCode","DEEP_ANCESTRY_CHECKOUT_STEPS","ACCOUNT","isUserLoggedIn","staticRenderFns","checkoutDataResponse","statusCode","attrs","_v","_s","message","on","$event","$router","push","name","_e","_m","ref","preventDefault","scopedSlots","_u","key","fn","errors","class","length","model","value","callback","$$v","firstName","expression","lastName","userEmail","password","passwordToggleIcon","prev","isStartLoading","onSubmit","$store","getters","getLoader","getterType","mutationType","components","ValidationProvider","ValidationObserver","props","checkoutModule","type","String","default","currentRouteData","Object","mixins","required","email","$refs","accountValidation","validate","then","success","back","computed","component","productData","_l","kitItem","index","directives","rawName","emptyKitName","kitName","domProps","target","composing","$set","rawFileName","concateFileName","isLoading","openUpload","deleteFile","emptyRawFileKey","product","currencyUnit","subtotal","submit","generateGuideKey","replace","c","crypto","getRandomValues","Uint8Array","toString","ethnicityList","isEmptyPresetEthnicityId","toggleDropdownMenu","truncatedEthnicity","selectedEthnicityName","ethnicityItem","id","onSelectEthnicity","ethnicName","DropdownOneIcon","isShowDropdown","documentClick","event","closest","commit","ethnicity","substring","onLoadEthnicities","presetEthnicityId","title","mounted","beforeMount","document","addEventListener","beforeDestroy","removeEventListener","productQuantity","productItem","onChangeQuantity","productCount","el","contains","findPrice","watch","state","deepACheckout","userData","Array","isArray","twoFactorAuthActive","_i","$$a","$$el","$$c","checked","$$i","concat","slice","validateCheckbox","createOrderData","isValidPrivacyPolicy","isConfirmPrivacyPalicy","promotionDetailGuid","promotionData","promotionCode","isApplyingPromotion","applyPromotion","orderAmount","price","QuantityDropdown","KitsEthnicity","CheckBoxConfirm","PromotionCode","CheckedIcon","UploadIcon","screen","PRODUCT_CODES","stripeAPIToken","stripe","fileInput","fileItem","click","fileName","includeStripe","object","src","URL","scriptTag","parentNode","insertBefore","orderKits","kitList","Stripe","Account","CheckoutOrder","productCode","selectedProduct","onSetCurrentRouteData","currentRoute","params","product_code","onLoadProduct","dispatch"],"mappings":"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","file":"js/chunk-371bf7dd.5ee39a83.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Account.vue?vue&type=style&index=1&id=c985e1ea&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckedIcon.vue?vue&type=style&index=0&id=73dddbd8&lang=css&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeepAncestryCheckout.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KitsEthnicity.vue?vue&type=style&index=0&id=65453545&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckBoxConfirm.vue?vue&type=style&index=0&id=66654316&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckoutOrder.vue?vue&type=style&index=0&id=75e64906&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeepAncestryCheckout.vue?vue&type=style&index=1&id=fbc096a4&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuantityDropdown.vue?vue&type=style&index=0&id=62b19918&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Account.vue?vue&type=style&index=0&lang=scss&\"","// We haven't added icon's computed property because it makes this mixin coupled with UI\r\nexport const togglePasswordVisibility = {\r\n  data() {\r\n    return {\r\n      passwordFieldType: 'password',\r\n    }\r\n  },\r\n  methods: {\r\n    togglePasswordVisibility() {\r\n      this.passwordFieldType = this.passwordFieldType === 'password' ? 'text' : 'password'\r\n    },\r\n  },\r\n}\r\n\r\nexport const _ = null\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadIcon.vue?vue&type=style&index=0&id=48320ba3&lang=css&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PromotionCode.vue?vue&type=style&index=0&id=6c66949e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"checkout-container\"},[(_vm.selectedStepCode === _vm.DEEP_ANCESTRY_CHECKOUT_STEPS.ACCOUNT && !_vm.isUserLoggedIn)?_c('Account'):_c('CheckoutOrder')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.checkoutDataResponse.statusCode !== 200)?_c('b-alert',{attrs:{\"variant\":\"success\",\"show\":\"\"}},[_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(_vm._s(_vm.checkoutDataResponse.message))]),(_vm.checkoutDataResponse.statusCode === 1008)?_c('a',{staticClass:\"lab-text-sunrise\",on:{\"click\":function($event){return _vm.$router.push({name: 'login'})}}},[_vm._v(\" Click Here For Login \")]):_vm._e()])]):_vm._e(),_c('div',{staticClass:\"checkout-card\"},[_vm._m(0),_c('validation-observer',{ref:\"accountValidation\"},[_c('b-form',{staticClass:\"mt-2\",on:{\"submit\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"mobile-body\"},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Name\",\"label-for\":\"firstName\"}},[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"Name\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-input-group',{staticClass:\"input-group-merge\",class:errors.length > 0 ? 'is-invalid' : 'is-valid'},[_c('b-form-input',{attrs:{\"id\":\"firstName\",\"placeholder\":\"Name\",\"state\":errors.length > 0 ? false:null,\"autocomplete\":\"off\"},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}})],1),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Surename\",\"label-for\":\"lastName\"}},[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"lastName\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-input-group',{staticClass:\"input-group-merge\",class:errors.length > 0 ? 'is-invalid' : 'is-valid'},[_c('b-form-input',{attrs:{\"id\":\"lastName\",\"placeholder\":\"Surename\",\"state\":errors.length > 0 ? false:null},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}})],1),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1)],1)],1),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"12\",\"xl\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"userEmail\"}},[_c('validation-provider',{attrs:{\"rules\":\"required|email\",\"name\":\"email\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-input-group',{staticClass:\"input-group-merge\",class:errors.length > 0 ? 'is-invalid' : 'is-valid'},[_c('b-form-input',{attrs:{\"id\":\"userEmail\",\"type\":\"email\",\"placeholder\":\"Email\",\"autocomplete\":\"off\",\"state\":errors.length > 0 ? false:null},model:{value:(_vm.userEmail),callback:function ($$v) {_vm.userEmail=$$v},expression:\"userEmail\"}})],1),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1)],1)],1),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"12\",\"xl\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Password\",\"label-for\":\"password\"}},[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"password\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-form-input',{attrs:{\"id\":\"password\",\"type\":_vm.passwordFieldType,\"placeholder\":\"Password\",\"autocomplete\":\"off\",\"state\":errors.length > 0 ? false:null},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('b-input-group-append',{class:{ 'error-form-btn': errors.length > 0 },attrs:{\"is-text\":\"\"}},[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":_vm.passwordToggleIcon},on:{\"click\":_vm.togglePasswordVisibility}})],1)],1),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1)],1)],1)],1),_c('div',{staticClass:\"step-buttons\"},[_c('button',{staticClass:\"lab-btn back\",on:{\"click\":function($event){return _vm.prev()}}},[_vm._v(\"Back\")]),_c('button',{staticClass:\"lab-btn next valid\",attrs:{\"disabled\":_vm.isStartLoading},on:{\"click\":function($event){return _vm.onSubmit()}}},[(_vm.$store.getters.getLoader || _vm.isStartLoading)?_c('b-spinner',{attrs:{\"small\":\"\"}}):_vm._e(),_vm._v(\" Next \")],1)])])],1)],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('h4',[_vm._v(\"Register\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-alert variant=\"success\" v-if=\"checkoutDataResponse.statusCode !== 200\" show>\r\n      <div class=\"alert-body\">\r\n        <span>{{checkoutDataResponse.message}}</span>\r\n        <a v-if=\"checkoutDataResponse.statusCode === 1008\" \r\n          @click=\"$router.push({name: 'login'})\" class=\"lab-text-sunrise\"> \r\n          Click Here For Login\r\n        </a>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <div class=\"checkout-card\">\r\n      <div class=\"title\">\r\n        <h4>Register</h4>\r\n      </div>\r\n\r\n      <validation-observer ref=\"accountValidation\">\r\n        <b-form class=\"mt-2\"  @submit.prevent>\r\n          <div class=\"mobile-body\">\r\n            <b-row>\r\n              <!-- first name -->\r\n              <b-col cols=\"12\">\r\n                <b-form-group\r\n                  label=\"Name\"\r\n                  label-for=\"firstName\"\r\n                >\r\n                  <validation-provider #default=\"{ errors }\" rules=\"required\" name=\"Name\">\r\n                    <b-input-group \r\n                      class=\"input-group-merge\" \r\n                      :class=\"errors.length > 0 ? 'is-invalid' : 'is-valid'\">\r\n                      <b-form-input\r\n                        id=\"firstName\"\r\n                        v-model=\"firstName\"\r\n                        placeholder=\"Name\"\r\n                        :state=\"errors.length > 0 ? false:null\"\r\n                        autocomplete=\"off\"\r\n                      />\r\n                    </b-input-group>\r\n                    <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                  </validation-provider>\r\n                </b-form-group>\r\n              </b-col>\r\n              <b-col cols=\"12\">\r\n                <b-form-group\r\n                  label=\"Surename\"\r\n                  label-for=\"lastName\"\r\n                >\r\n                  <validation-provider #default=\"{ errors }\" rules=\"required\" name=\"lastName\">\r\n                    <b-input-group \r\n                      class=\"input-group-merge\"\r\n                      :class=\"errors.length > 0 ? 'is-invalid' : 'is-valid'\">\r\n                      <b-form-input\r\n                        id=\"lastName\"\r\n                        v-model=\"lastName\"\r\n                        placeholder=\"Surename\"\r\n                        :state=\"errors.length > 0 ? false:null\"\r\n                      />\r\n                    </b-input-group>\r\n                    <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                  </validation-provider>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n\r\n            <!-- email -->\r\n            <b-row class=\"mt-1\">\r\n              <b-col cols=\"12\" md=\"12\" xl=\"12\">\r\n                <b-form-group\r\n                  label=\"Email\"\r\n                  label-for=\"userEmail\"\r\n                >\r\n                  <validation-provider #default=\"{ errors }\" rules=\"required|email\" name=\"email\">\r\n                    <b-input-group \r\n                      class=\"input-group-merge\" \r\n                      :class=\"errors.length > 0 ? 'is-invalid' : 'is-valid'\">\r\n                        <b-form-input\r\n                          id=\"userEmail\"\r\n                          type=\"email\"\r\n                          v-model=\"userEmail\"\r\n                          placeholder=\"Email\"\r\n                          autocomplete=\"off\"\r\n                          :state=\"errors.length > 0 ? false:null\"\r\n                        />\r\n                    </b-input-group>\r\n                    <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                  </validation-provider>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n            \r\n            <!-- password -->\r\n            <b-row class=\"mt-1\">\r\n              <b-col cols=\"12\" md=\"12\" xl=\"12\">\r\n                <b-form-group\r\n                  label=\"Password\"\r\n                  label-for=\"password\"\r\n                >\r\n                  <validation-provider #default=\"{ errors }\" rules=\"required\" name=\"password\">\r\n                    <b-input-group class=\"input-group-merge\">\r\n                      <b-form-input\r\n                        id=\"password\"\r\n                        :type=\"passwordFieldType\"\r\n                        v-model=\"password\"\r\n                        placeholder=\"Password\"\r\n                        autocomplete=\"off\"\r\n                        :state=\"errors.length > 0 ? false:null\"\r\n                      />\r\n                      <b-input-group-append is-text :class=\"{ 'error-form-btn': errors.length > 0 }\">\r\n                        <feather-icon\r\n                          :icon=\"passwordToggleIcon\"\r\n                          class=\"cursor-pointer\"\r\n                          @click=\"togglePasswordVisibility\"\r\n                        />\r\n                      </b-input-group-append>\r\n                    </b-input-group>\r\n                    <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                  </validation-provider>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n          </div>\r\n\r\n          <div class=\"step-buttons\">\r\n            <button class=\"lab-btn back\" @click=\"prev()\">Back</button>\r\n            <button class=\"lab-btn next valid\" @click=\"onSubmit()\" :disabled=\"isStartLoading\">\r\n              <b-spinner v-if=\"$store.getters.getLoader || isStartLoading\" small/>\r\n              Next\r\n            </button>\r\n          </div>\r\n        </b-form>\r\n      </validation-observer>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport useJwt from '@/auth/jwt/useJwt'\r\nimport { DEEP_ANCESTRY_CHECKOUT_STEPS } from '@/common/config';\r\nimport { ValidationProvider, ValidationObserver } from 'vee-validate'\r\nimport {\r\n  required, email,\r\n} from '@validations'\r\nimport { togglePasswordVisibility } from '@core/mixins/ui/forms';\r\n\r\nimport { createHelpers } from 'vuex-map-fields';\r\n\r\nconst { mapFields } = createHelpers({\r\n  getterType: `deepACheckout/getUserDataField`,\r\n  mutationType: `deepACheckout/updateUserDataField`,\r\n});\r\n\r\nexport default {\r\n  components: {\r\n    ValidationProvider,\r\n    ValidationObserver,\r\n  },\r\n  props: {\r\n    checkoutModule: {\r\n      type: String,\r\n      default: 'deepACheckout',\r\n    },\r\n    currentRouteData: {\r\n      type: Object,\r\n    },\r\n  },\r\n  mixins: [togglePasswordVisibility],\r\n  data() {\r\n    return {\r\n      required,\r\n      email,\r\n\r\n      checkoutDataResponse: { statusCode: 200 },\r\n      isStartLoading: false,\r\n    }\r\n  },\r\n  methods: {\r\n    onSubmit() {\r\n      this.$refs.accountValidation.validate().then(success => {\r\n        if (success) {\r\n          if (this.isStartLoading === true) {\r\n            return;\r\n          }\r\n          this.isStartLoading = true;\r\n      \r\n          const signUpData = this.$store.getters['deepACheckout/getUserData'];\r\n          this.$store.dispatch('account/signUp', signUpData)\r\n            .then(response => {\r\n              if (response.statusCode === 200) {\r\n                useJwt.login({\r\n                  userNameOrEmail: signUpData.userEmail,\r\n                  password: signUpData.password,\r\n                  rememberMe: true,\r\n                })\r\n                  .then(loginResponse => {\r\n                    const userData = loginResponse.result\r\n                    useJwt.setToken(loginResponse.result.token)\r\n                    useJwt.setRefreshToken(loginResponse.result.token)\r\n                    useJwt.setUserData(userData)\r\n                    this.$store.commit('account/setIsLoggedIn', true);\r\n                    \r\n                    this.isStartLoading = false;\r\n                    this.$store.state.deepACheckout.selectedStepCode = DEEP_ANCESTRY_CHECKOUT_STEPS.ORDER;\r\n                  });\r\n              } else {\r\n                this.isStartLoading = false;\r\n                this.checkoutDataResponse = response;\r\n              }\r\n            });\r\n        }\r\n      });\r\n    },\r\n    prev() {\r\n      this.$router.back();\r\n    },\r\n  },\r\n  computed: {\r\n    passwordToggleIcon() {\r\n      return this.passwordFieldType === 'password' ? 'EyeIcon' : 'EyeOffIcon'\r\n    },\r\n    ...mapFields([\r\n      'userEmail',\r\n      'firstName',\r\n      'lastName',\r\n      'password',\r\n    ]),\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/libs/vue-select.scss';\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.checkout-account {\r\n  padding: 1rem 1.5rem;\r\n  .form-control:focus {\r\n    font-size: 0.8rem;\r\n    border: 2px solid var(--lab-minted-elegance-color);\r\n  }\r\n  h4 {\r\n    font-size: 1.5rem;\r\n    font-weight: bold;\r\n  }\r\n  .text-danger {\r\n    font-size: 0.7rem;\r\n  }\r\n}\r\n\r\n.checkout-card-mobile {\r\n  .mobile-body {\r\n    padding: 1rem 2rem;\r\n    min-height: 400px;\r\n  }\r\n  .title {\r\n    text-align: center;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Account.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Account.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Account.vue?vue&type=template&id=c985e1ea&scoped=true&\"\nimport script from \"./Account.vue?vue&type=script&lang=js&\"\nexport * from \"./Account.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Account.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./Account.vue?vue&type=style&index=1&id=c985e1ea&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  \"c985e1ea\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.productData != null)?_c('div',{staticClass:\"checkout-card\"},[_c('div',{staticClass:\"upload-raw-container\"},[_c('div',{staticClass:\"upload-raw-body\"},[_vm._m(0),_c('div',{staticClass:\"select-quantity mt-1\"},[_c('h6',[_vm._v(\"How many files do you want to upload?\")]),_c('quantity-dropdown'),_vm._m(1)],1),_c('div',{staticClass:\"kits mb-2\"},_vm._l((_vm.orderKits),function(kitItem,index){return _c('div',{key:index,staticClass:\"kit-item mb-2\"},[_c('h6',[_vm._v(_vm._s(index + 1)+\".Kit\")]),_c('div',{staticClass:\"kit-item-body row\"},[_c('div',{staticClass:\"cols-12 col-md-6 kit-item-element\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(kitItem.kitName),expression:\"kitItem.kitName\"}],staticClass:\"form-control kit-name mr-1\",class:{ \n                    'dashed-input': kitItem.emptyKitName,\n                    'filled-input': kitItem.kitName.length >= 1,\n                  },attrs:{\"type\":\"text\",\"placeholder\":\"Kit name\"},domProps:{\"value\":(kitItem.kitName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(kitItem, \"kitName\", $event.target.value)}}})]),_c('div',{staticClass:\"cols-12 col-md-6 kit-item-element\"},[_c('KitsEthnicity',{attrs:{\"kitItem\":kitItem}})],1)]),_c('div',{staticClass:\"kit-item-body row\"},[_c('div',{staticClass:\"cols-12 col-md-8 kit-item-element\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(kitItem.rawFileName !== ''),expression:\"kitItem.rawFileName !== ''\"}],staticClass:\"status\"},[_c('CheckedIcon'),_vm._v(\" \"+_vm._s(_vm.concateFileName(kitItem.rawFileName))+\" Uploaded \")],1)]),_c('div',{staticClass:\"cols-12 col-md-4 kit-item-element\"},[(kitItem.rawFileName === '')?_c('button',{staticClass:\"lab-btn upload-btn\",attrs:{\"disabled\":kitItem.isLoading || kitItem.rawFileName !== ''},on:{\"click\":function($event){return _vm.openUpload(kitItem)}}},[(kitItem.isLoading)?_c('b-spinner',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}}):_c('upload-icon'),_vm._v(\" Upload File \")],1):_c('span',{staticClass:\"delete-btn\",on:{\"click\":function($event){return _vm.deleteFile(kitItem)}}},[(kitItem.isLoading)?_c('b-spinner',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}}):_vm._e(),_vm._v(\" Delete File \")],1)])]),_c('small',{directives:[{name:\"show\",rawName:\"v-show\",value:(kitItem.emptyRawFileKey === true),expression:\"kitItem.emptyRawFileKey === true\"}],staticClass:\"text-danger\"},[_c('feather-icon',{staticClass:\"required-icon\",attrs:{\"icon\":\"AlertCircleIcon\",\"size\":\"15\"}}),_vm._v(\" You must upload raw data file \")],1),_c('small',{directives:[{name:\"show\",rawName:\"v-show\",value:(kitItem.isEmptyPresetEthnicityId),expression:\"kitItem.isEmptyPresetEthnicityId\"}],staticClass:\"text-danger\"},[_c('feather-icon',{staticClass:\"required-icon\",attrs:{\"icon\":\"AlertCircleIcon\",\"size\":\"15\"}}),_vm._v(\" Select ethnicity is required \")],1)])}),0),_c('div',{staticClass:\"warn-cost\"},[_vm._m(2),_c('hr'),_c('div',{staticClass:\"cost\"},[_vm._v(\"Cost: \"),_c('span',[_vm._v(_vm._s(_vm.productData != null? _vm.productData.product.currencyUnit : '')+_vm._s(_vm.subtotal)+\" \")])])])])]),_c('div',[_c('check-box-confirm',{ref:\"checkboxConfirm\"})],1),_c('div',{staticClass:\"step-buttons\"},[_c('button',{staticClass:\"lab-btn back\",on:{\"click\":function($event){return _vm.prev()}}},[_c('feather-icon',{attrs:{\"icon\":\"ArrowLeftIcon\",\"size\":\"20\"}}),_vm._v(\" Back to dashboard\")],1),_c('button',{staticClass:\"lab-btn next valid\",attrs:{\"disabled\":_vm.isStartLoading},on:{\"click\":function($event){return _vm.submit()}}},[(_vm.$store.getters.getLoader || _vm.isStartLoading)?_c('b-spinner',{attrs:{\"small\":\"\"}}):_vm._e(),_vm._v(\" Pay & Complete Order \")],1)]),_c('div',[_c('promotion-code')],1)]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('h4',[_vm._v(\"Upload your file(s)\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\" Upload your \"),_c('b',[_vm._v(\"autosomal\")]),_vm._v(\" Raw DNA files for each field below and then give them a recognazible name i.e. ‘Mother’s DNA’ \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\"Having a problem uploading your File? \"),_c('a',{attrs:{\"href\":\"https://illustrativedna.com/contact/\",\"target\":\"_blank\"}},[_vm._v(\"Contact support\")])])}]\n\nexport { render, staticRenderFns }","export const paginateArray = (array, perPage, page) => array.slice((page - 1) * perPage, page * perPage)\r\n\r\nexport const sortCompare = key => (a, b) => {\r\n  const fieldA = a[key]\r\n  const fieldB = b[key]\r\n\r\n  let comparison = 0\r\n  if (fieldA > fieldB) {\r\n    comparison = 1\r\n  } else if (fieldA < fieldB) {\r\n    comparison = -1\r\n  }\r\n  return comparison\r\n}\r\n\r\nexport const getRandomInt = (min, max) => {\r\n  if (min > max) {\r\n    const temp = max\r\n    /* eslint-disable no-param-reassign */\r\n    max = min\r\n    min = temp\r\n    /* eslint-enable */\r\n  }\r\n\r\n  if (min <= 0) {\r\n    return Math.floor(Math.random() * (max + Math.abs(min) + 1)) + min\r\n  }\r\n  return Math.floor(Math.random() * max) + min\r\n}\r\n\r\nexport const randomDate = (start, end) => {\r\n  const diff = end.getTime() - start.getTime()\r\n  const newDiff = diff * Math.random()\r\n  const date = new Date(start.getTime() + newDiff)\r\n  return date\r\n}\r\n\r\nexport const generateGuideKey = () => {\r\n  /* eslint-disable*/\r\n  const key = \"10000000-1000-4000-8000-100000000000\".replace(/[018]/g, c =>\r\n    (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)\r\n  );\r\n\r\n  return key;\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"id\":\"Layer_2\",\"data-name\":\"Layer 2\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\"}},[_c('circle',{attrs:{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"11\",\"stroke\":\"currentColor\",\"stroke-width\":\"2\",\"fill\":\"none\"}}),_c('path',{attrs:{\"d\":\"M6 12l4 4 8-8\",\"stroke\":\"currentColor\",\"stroke-width\":\"2\",\"fill\":\"none\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <svg id=\"Layer_2\" data-name=\"Layer 2\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\r\n    <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"/>\r\n    <path d=\"M6 12l4 4 8-8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n  </svg>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  components: {\r\n  },\r\n  props: {\r\n  },\r\n  data() {\r\n    return {\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\r\nsvg {\r\n  height: 15px;\r\n}  \r\n\r\n.cls-1 {\r\n  fill: var(--lab-main-color);;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckedIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckedIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckedIcon.vue?vue&type=template&id=73dddbd8&scoped=true&\"\nimport script from \"./CheckedIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckedIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckedIcon.vue?vue&type=style&index=0&id=73dddbd8&lang=css&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  \"73dddbd8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"id\":\"Layer_2\",\"data-name\":\"Layer 2\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 15.67 20.61\"}},[_c('defs'),_c('g',{attrs:{\"id\":\"Layer_2-2\",\"data-name\":\"Layer 2\"}},[_c('g',[_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M7.83,1.58l.79-.79-.79-.79-.79,.79,.79,.79Zm-1.12,13.43c0,.62,.5,1.12,1.12,1.12s1.12-.5,1.12-1.12h-2.24ZM15.34,7.51L8.62,.79l-1.58,1.58,6.71,6.71,1.58-1.58ZM7.04,.79L.33,7.51l1.58,1.58L8.62,2.37l-1.58-1.58Zm-.33,.79V15.01h2.24V1.58h-2.24Z\"}}),_c('rect',{staticClass:\"cls-1\",attrs:{\"y\":\"18.37\",\"width\":\"15.67\",\"height\":\"2.24\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <svg id=\"Layer_2\" data-name=\"Layer 2\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 15.67 20.61\">\r\n    <defs>\r\n    </defs>\r\n    <g id=\"Layer_2-2\" data-name=\"Layer 2\">\r\n      <g>\r\n        <path class=\"cls-1\" d=\"M7.83,1.58l.79-.79-.79-.79-.79,.79,.79,.79Zm-1.12,13.43c0,.62,.5,1.12,1.12,1.12s1.12-.5,1.12-1.12h-2.24ZM15.34,7.51L8.62,.79l-1.58,1.58,6.71,6.71,1.58-1.58ZM7.04,.79L.33,7.51l1.58,1.58L8.62,2.37l-1.58-1.58Zm-.33,.79V15.01h2.24V1.58h-2.24Z\"/>\r\n        <rect class=\"cls-1\" y=\"18.37\" width=\"15.67\" height=\"2.24\"/>\r\n      </g>\r\n    </g>\r\n  </svg>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  components: {\r\n  },\r\n  props: {\r\n  },\r\n  data() {\r\n    return {\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\r\nsvg {\r\n  height: 18px;\r\n}  \r\n\r\n.cls-1 {\r\n  fill: #fff;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UploadIcon.vue?vue&type=template&id=48320ba3&scoped=true&\"\nimport script from \"./UploadIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./UploadIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UploadIcon.vue?vue&type=style&index=0&id=48320ba3&lang=css&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  \"48320ba3\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.ethnicityList.length > 0)?_c('div',{staticClass:\"lab-dropdown sm region kit-ethnicity\"},[_c('div',{ref:\"dropdownKitEthnicity\",staticClass:\"lab-dropdown-btn\",class:{'required-warning': _vm.kitItem.isEmptyPresetEthnicityId },on:{\"click\":function($event){return _vm.toggleDropdownMenu(_vm.kitItem)}}},[_c('span',{staticClass:\"lab-dropdown-btn-value\"},[_vm._v(_vm._s(_vm.truncatedEthnicity(_vm.kitItem.selectedEthnicityName)))]),_c('span',{staticClass:\"lab-dropdown-btn-icon\"},[_c('DropdownOneIcon')],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.kitItem.isShowDropdown),expression:\"kitItem.isShowDropdown\"}],staticClass:\"lab-dropdown-content cs-scroll-style show\"},[_c('ul',_vm._l((_vm.ethnicityList),function(ethnicityItem){return _c('li',{key:ethnicityItem.id,on:{\"click\":function($event){return _vm.onSelectEthnicity(_vm.kitItem, ethnicityItem.id, ethnicityItem.ethnicName)}}},[_vm._v(\" \"+_vm._s(ethnicityItem.ethnicName)+\" \")])}),0)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lab-dropdown sm region kit-ethnicity\" v-if=\"ethnicityList.length > 0\">\r\n    <div class=\"lab-dropdown-btn\" :class=\"{'required-warning': kitItem.isEmptyPresetEthnicityId }\" @click=\"toggleDropdownMenu(kitItem)\" ref=\"dropdownKitEthnicity\">\r\n      <span class=\"lab-dropdown-btn-value\">{{ truncatedEthnicity(kitItem.selectedEthnicityName) }}</span>\r\n      <span class=\"lab-dropdown-btn-icon\">\r\n        <DropdownOneIcon />\r\n      </span>\r\n    </div>\r\n    <div class=\"lab-dropdown-content cs-scroll-style show\" v-show=\"kitItem.isShowDropdown\">\r\n      <ul>\r\n        <li v-for=\"ethnicityItem in ethnicityList\" \r\n          :key=\"ethnicityItem.id\" \r\n          @click=\"onSelectEthnicity(kitItem, ethnicityItem.id, ethnicityItem.ethnicName)\">\r\n          {{ ethnicityItem.ethnicName }}\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from '@/common/api.service';\r\nimport DropdownOneIcon from '@/layouts/icons/DropdownOneIcon.vue';\r\n\r\nexport default {\r\n  components: {\r\n    DropdownOneIcon,\r\n  },\r\n  props: {\r\n    kitItem: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isShowDropdown: false,\r\n      ethnicityList: [],\r\n    }\r\n  },\r\n  methods: {    \r\n    documentClick(event) {\r\n      /* eslint-disable */\r\n      try {\r\n        if (!event.target.closest('.lab-dropdown-btn')) {\r\n          this.$store.commit('deepACheckout/closeDropdowns');\r\n        }\r\n      } catch (error) {}\r\n    },\r\n    toggleDropdownMenu(kitItem) {\r\n      kitItem.isShowDropdown = !kitItem.isShowDropdown;\r\n    },\r\n\r\n    truncatedEthnicity(ethnicity) {\r\n      if (ethnicity.length > 20) {\r\n        return ethnicity.substring(0, 20) + '...'; \r\n      } else {\r\n        return ethnicity;\r\n      }\r\n    },\r\n\r\n    onLoadEthnicities() {\r\n      const query = {};\r\n      ApiService.get('Ethnicity', query, this)\r\n        .then(response => {\r\n          if (response.statusCode === 200) {\r\n            this.ethnicityList = response.result;\r\n          } else {\r\n            AlertService.error(this._vm, response.message)\r\n          }\r\n        });\r\n    },\r\n    onSelectEthnicity(kitItem, id, title) {\r\n      kitItem.presetEthnicityId = id;\r\n      kitItem.selectedEthnicityName = title;\r\n      kitItem.isEmptyPresetEthnicityId = false;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.onLoadEthnicities();\r\n  },\r\n  beforeMount() {\r\n    document.addEventListener(\"click\", this.documentClick);\r\n  },\r\n  beforeDestroy() {\r\n    document.removeEventListener(\"click\", this.documentClick);\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.kit-ethnicity {\r\n  .lab-dropdown-btn {\r\n    padding: 0.45rem 0.6rem !important;\r\n    font-size: 0.9rem !important;\r\n    svg {\r\n      fill: var(--lab-black-65) !important;\r\n    }\r\n    .lab-dropdown-btn-value {\r\n      padding: 5px 15px;\r\n      font-size: 0.85rem !important;\r\n    }\r\n  }\r\n\r\n  .required-warning {\r\n    border-color: var(--lab-danger);\r\n  }\r\n\r\n  .lab-dropdown-content {\r\n    min-width: none !important;\r\n  }\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KitsEthnicity.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KitsEthnicity.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./KitsEthnicity.vue?vue&type=template&id=65453545&scoped=true&\"\nimport script from \"./KitsEthnicity.vue?vue&type=script&lang=js&\"\nexport * from \"./KitsEthnicity.vue?vue&type=script&lang=js&\"\nimport style0 from \"./KitsEthnicity.vue?vue&type=style&index=0&id=65453545&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  \"65453545\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lab-dropdown sm region\"},[_c('div',{ref:\"dropdownPersonNumber\",staticClass:\"lab-dropdown-btn\",on:{\"click\":function($event){_vm.isShowDropdown = !_vm.isShowDropdown}}},[_c('span',{staticClass:\"lab-dropdown-btn-value\"},[_vm._v(\" \"+_vm._s(_vm.productQuantity)+\" \")]),_c('span',{staticClass:\"lab-dropdown-btn-icon\"},[_c('DropdownOneIcon')],1)]),_c('div',{staticClass:\"lab-dropdown-content cs-scroll-style\",class:{ 'show': _vm.isShowDropdown}},[(_vm.productData)?_c('ul',_vm._l((_vm.productData.productPrices),function(productItem){return _c('li',{key:productItem.id,on:{\"click\":function($event){return _vm.onChangeQuantity(productItem.productCount)}}},[_vm._v(\" \"+_vm._s(productItem.productCount)+\" \")])}),0):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lab-dropdown sm region\">\r\n    <div class=\"lab-dropdown-btn\" @click=\"isShowDropdown = !isShowDropdown\" ref=\"dropdownPersonNumber\">\r\n      <span class=\"lab-dropdown-btn-value\">\r\n        {{ productQuantity }}\r\n      </span>\r\n      <span class=\"lab-dropdown-btn-icon\">\r\n        <DropdownOneIcon />\r\n      </span>\r\n    </div>\r\n    <div class=\"lab-dropdown-content cs-scroll-style\" :class=\"{ 'show': isShowDropdown}\">\r\n      <ul v-if=\"productData\">\r\n        <li v-for=\"productItem in productData.productPrices\"\r\n            :key=\"productItem.id\"\r\n            @click=\"onChangeQuantity(productItem.productCount)\">\r\n            {{ productItem.productCount }}\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport DropdownOneIcon from '@/layouts/icons/DropdownOneIcon.vue';\r\n\r\nexport default {\r\n  components: {\r\n    DropdownOneIcon,\r\n  },\r\n  data() {\r\n    return {\r\n      isShowDropdown: false,\r\n    }\r\n  },\r\n  methods: {\r\n    documentClick(e) {\r\n      /* eslint-disable */\r\n      try {\r\n        const el = this.$refs.dropdownPersonNumber;\r\n        const target = e.target;\r\n        if (el !== target && !el.contains(target)) {\r\n          this.isShowDropdown = false;\r\n        }\r\n      } catch (error) {}\r\n    },\r\n\r\n    onChangeQuantity(value) {\r\n      const findPrice = this.productData.productPrices.find(x => x.productCount === value);\r\n      if (findPrice) {\r\n        const subTotal = findPrice.disCountedPrice.toString().replace('.', ',');\r\n        this.$store.commit('deepACheckout/setCreateOrderData', { key: 'subtotal', value: subTotal });\r\n        this.$store.commit('deepACheckout/setCreateOrderData', { key: 'discountSubtotal', value: null });\r\n        this.$store.commit('deepACheckout/setCreateOrderData', { key: 'promotionDetailGuid', value: null });\r\n        this.$store.commit('deepACheckout/changeKitNumber', value);\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    productData() {\r\n      return this.$store.getters['deepACheckout/getProductData'];\r\n    },\r\n    productQuantity() {\r\n      return this.$store.getters['deepACheckout/getCreateOrderData'].productQuantity;\r\n    },\r\n  },\r\n  watch: {\r\n    productData(newValue, oldValue) {\r\n      this.onChangeQuantity(this.productQuantity);\r\n    },\r\n  },\r\n  beforeMount() {\r\n    document.addEventListener(\"click\", this.documentClick);\r\n  },\r\n  beforeDestroy() {\r\n    document.removeEventListener(\"click\", this.documentClick);\r\n  },\r\n  mounted() {\r\n    this.onChangeQuantity(this.productQuantity);\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.lab-dropdown {\r\n  width: 70px;\r\n  .lab-dropdown-btn {\r\n    padding: 0.2rem 0.3rem;\r\n  }\r\n  .lab-dropdown-btn-icon {\r\n    border-left: 2px solid var(--lab-coronation);;\r\n  }\r\n  .lab-dropdown-content {\r\n    width: 100px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuantityDropdown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuantityDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuantityDropdown.vue?vue&type=template&id=62b19918&scoped=true&\"\nimport script from \"./QuantityDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./QuantityDropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./QuantityDropdown.vue?vue&type=style&index=0&id=62b19918&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  \"62b19918\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"checbox-confirm\"},[(_vm.isUserLoggedIn === false)?_c('div',{staticClass:\"d-flex align-items-center \"},[_c('label',{staticClass:\"lab-switch\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$store.state.deepACheckout.userData.twoFactorAuthActive),expression:\"$store.state.deepACheckout.userData.twoFactorAuthActive\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.$store.state.deepACheckout.userData.twoFactorAuthActive)?_vm._i(_vm.$store.state.deepACheckout.userData.twoFactorAuthActive,null)>-1:(_vm.$store.state.deepACheckout.userData.twoFactorAuthActive)},on:{\"change\":function($event){var $$a=_vm.$store.state.deepACheckout.userData.twoFactorAuthActive,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.$store.state.deepACheckout.userData, \"twoFactorAuthActive\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.$store.state.deepACheckout.userData, \"twoFactorAuthActive\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.$store.state.deepACheckout.userData, \"twoFactorAuthActive\", $$c)}}}}),_c('span',{staticClass:\"slider round\"})]),_c('span',{staticClass:\"lab-switch-desc\"},[_vm._v(\"2 factor authentication (Recommended)\")])]):_vm._e(),_c('div',{staticClass:\"d-flex align-items-center mt-1\"},[_c('b-form-checkbox',{staticClass:\"custom-control-primary\",attrs:{\"small\":\"\"},on:{\"change\":_vm.validateCheckbox},model:{value:(_vm.$store.state.deepACheckout.createOrderData.isConfirmPrivacyPalicy),callback:function ($$v) {_vm.$set(_vm.$store.state.deepACheckout.createOrderData, \"isConfirmPrivacyPalicy\", $$v)},expression:\"$store.state.deepACheckout.createOrderData.isConfirmPrivacyPalicy\"}},[_c('p',{class:{'text-danger': _vm.isValidPrivacyPolicy === false}},[_vm._v(\" I read and agree to the \"),_c('a',{staticClass:\"privacy-policy\",attrs:{\"href\":\"https://illustrativedna.com/privacy-policy/\",\"target\":\"_blank\"}},[_vm._v(\"privacy policy\")]),_vm._v(\" (Obligatory) \")])])],1),_c('small',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isValidPrivacyPolicy === false),expression:\"isValidPrivacyPolicy === false\"}],staticClass:\"text-danger\"},[_vm._v(\"You must accept privacy policy\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"checbox-confirm\">\r\n    <div class=\"d-flex align-items-center \" v-if=\"isUserLoggedIn === false\">\r\n      <label class=\"lab-switch\">\r\n        <input type=\"checkbox\" v-model=\"$store.state.deepACheckout.userData.twoFactorAuthActive\">\r\n        <span class=\"slider round\"></span>\r\n      </label>\r\n      <span class=\"lab-switch-desc\">2 factor authentication (Recommended)</span> \r\n    </div>\r\n    <div class=\"d-flex align-items-center mt-1\">\r\n      <b-form-checkbox\r\n        @change=\"validateCheckbox\"\r\n        v-model=\"$store.state.deepACheckout.createOrderData.isConfirmPrivacyPalicy\"\r\n        class=\"custom-control-primary\" small\r\n      >\r\n        <p :class=\"{'text-danger': isValidPrivacyPolicy === false}\">\r\n          I read and agree to the <a class=\"privacy-policy\" href=\"https://illustrativedna.com/privacy-policy/\" target=\"_blank\">privacy policy</a> (Obligatory)\r\n        </p>\r\n      </b-form-checkbox>\r\n    </div>\r\n    <small class=\"text-danger\" v-show=\"isValidPrivacyPolicy === false\">You must accept privacy policy</small>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  components: {\r\n  },\r\n  data() {\r\n    return {\r\n      isShowDropdown: false,\r\n      isValidPrivacyPolicy: null,\r\n    }\r\n  },\r\n  methods: {\r\n    validateCheckbox() {\r\n      this.isValidPrivacyPolicy = this.$store.state.deepACheckout.createOrderData.isConfirmPrivacyPalicy;\r\n    },\r\n  },\r\n  computed: {\r\n    productData() {\r\n      return this.$store.getters['deepACheckout/getProductData'];\r\n    },\r\n    productQuantity() {\r\n      return this.$store.getters['deepACheckout/getCreateOrderData'].productQuantity;\r\n    },    \r\n    isUserLoggedIn() {\r\n      return this.$store.getters['account/getIsLoggedIn'];\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.checbox-confirm {\r\n  padding: 0.8rem 1.2rem;\r\n  .privacy-policy {\r\n    color: var(--lab-minted-elegance-color);\r\n  }\r\n\r\n  p {\r\n    color: var(--lab-gray-75);\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1079px) {\r\n  .lab-switch {\r\n    width: 50px;\r\n  }\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckBoxConfirm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckBoxConfirm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckBoxConfirm.vue?vue&type=template&id=66654316&scoped=true&\"\nimport script from \"./CheckBoxConfirm.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckBoxConfirm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckBoxConfirm.vue?vue&type=style&index=0&id=66654316&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  \"66654316\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"promotion-code-container\"},[_c('b-input-group',{staticClass:\"promotion-code\"},[_c('b-form-input',{attrs:{\"placeholder\":\"Promotion Code\",\"autocomplete\":\"off\",\"disabled\":_vm.promotionDetailGuid !== null},model:{value:(_vm.promotionData.promotionCode),callback:function ($$v) {_vm.$set(_vm.promotionData, \"promotionCode\", $$v)},expression:\"promotionData.promotionCode\"}}),_c('b-input-group-append',[_c('b-button',{staticClass:\"promotion-code-btn\",attrs:{\"size\":\"sm\",\"variant\":\"primary\",\"disabled\":_vm.promotionData.promotionCode === null || _vm.promotionData.isApplyingPromotion},on:{\"click\":_vm.applyPromotion}},[(_vm.promotionData.isApplyingPromotion)?_c('b-spinner',{attrs:{\"small\":\"\"}}):_vm._e(),_vm._v(\" Apply \")],1)],1)],1),(_vm.promotionDetailGuid !== null)?_c('small',{staticClass:\"lab-text-success\"},[_vm._v(\" Promotion code applied \")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"promotion-code-container\">\r\n    <b-input-group class=\"promotion-code\">\r\n      <b-form-input placeholder=\"Promotion Code\" autocomplete=\"off\" v-model=\"promotionData.promotionCode\" :disabled=\"promotionDetailGuid !== null\"/>\r\n      <b-input-group-append>\r\n        <b-button size=\"sm\" variant=\"primary\" class=\"promotion-code-btn\" \r\n                  @click=\"applyPromotion\" :disabled=\"promotionData.promotionCode === null || promotionData.isApplyingPromotion\">\r\n          <b-spinner v-if=\"promotionData.isApplyingPromotion\" small />\r\n          Apply\r\n        </b-button>\r\n      </b-input-group-append>\r\n    </b-input-group>\r\n    <small class=\"lab-text-success\" v-if=\"promotionDetailGuid !== null\"> Promotion code applied </small>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/* eslint-disable */\r\nimport AlertService from '@/common/alert.service'\r\nimport ApiService from '@/common/api.service'\r\n\r\nexport default {\r\n  directives: {\r\n  },\r\n  props: {\r\n    checkoutModule: {\r\n      type: String,\r\n      default: 'deepACheckout',\r\n    },\r\n  },\r\n  data() {\r\n    return { \r\n      promotionData: {\r\n        promotionCode: null,\r\n        isApplyingPromotion: false,\r\n      },\r\n    }\r\n  },\r\n  methods: {\r\n    applyPromotion() {\r\n      const orderData = this.$store.getters[`${this.checkoutModule}/getCreateOrderData`];\r\n      const findPrice = this.productData.productPrices.find(x => x.productCount === orderData.kitList.length);\r\n      const query = {\r\n        promotionCode: this.promotionData.promotionCode,\r\n        orderAmount: findPrice.price.toString().replace(',', '.'),\r\n      };\r\n\r\n      this.promotionData.isApplyingPromotion = true;\r\n      ApiService.post('promotion/apply/code', query, this).then(response => {\r\n          if (response.statusCode === 200) {\r\n            response.result.discountedAmount = response.result.discountedAmount.toString();\r\n            this.$store.commit(`${this.checkoutModule}/setCreateOrderData`, { key: 'promotionDetailGuid', value: response.result.promotionDetailGuid });\r\n            this.$store.commit(`${this.checkoutModule}/setCreateOrderData`, { key: 'discountSubtotal', value: response.result.discountedAmount.replace('.', ',') });\r\n            this.$store.commit(`${this.checkoutModule}/setCreateOrderData`, { key: 'subtotal', value: findPrice.price.toString().replace('.', ',') });\r\n\r\n            AlertService.success('Promotion code applied')\r\n          } else {\r\n            AlertService.warning(response.message)\r\n          }\r\n\r\n          this.promotionData.promotionCode = null;\r\n          this.promotionData.isApplyingPromotion = false;\r\n      });\r\n    },\r\n  },\r\n  computed: {\r\n    productData () {\r\n      return this.$store.getters[`${this.checkoutModule}/getProductData`];\r\n    },\r\n    promotionDetailGuid() {\r\n      return this.$store.getters[`${this.checkoutModule}/getCreateOrderData`].promotionDetailGuid;\r\n    },\r\n  },\r\n  mounted() {\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.promotion-code-container {\r\n  width: 200px;\r\n  padding-left: 1rem; \r\n}\r\n.promotion-code {\r\n  margin-top: 2rem;\r\n  box-shadow: none !important;\r\n  .input-group {\r\n    box-shadow: none !important;\r\n  }\r\n  .form-control {\r\n    height: 2.2rem;\r\n    font-size: 0.7rem;\r\n    font-weight: 500;\r\n    line-height: 1.45;\r\n  }\r\n  .form-control:focus {\r\n    border: 2px solid var(--lab-minted-elegance-color);\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .promotion-code-btn {\r\n    background-color: var(--lab-minted-elegance-color) !important;\r\n    border-color: var(--lab-minted-elegance-color) !important;\r\n    box-shadow: none !important;\r\n    font-size: 0.7rem;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PromotionCode.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PromotionCode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PromotionCode.vue?vue&type=template&id=6c66949e&scoped=true&\"\nimport script from \"./PromotionCode.vue?vue&type=script&lang=js&\"\nexport * from \"./PromotionCode.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PromotionCode.vue?vue&type=style&index=0&id=6c66949e&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  \"6c66949e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <div class=\"checkout-card\" v-if=\"productData != null\">\r\n      <div class=\"upload-raw-container\">\r\n        <div class=\"upload-raw-body\">\r\n          <div class=\"title\">\r\n            <h4>Upload your file(s)</h4>\r\n          </div>\r\n\r\n          <!-- <div class=\"desc\">\r\n            <p>Upload your <b>autosomal</b> Raw DNA Data file from DNA Company</p>\r\n          </div> -->\r\n\r\n          <div class=\"select-quantity mt-1\">\r\n            <h6>How many files do you want to upload?</h6>\r\n            <quantity-dropdown />\r\n            <p>\r\n              Upload your <b>autosomal</b> Raw DNA files for each field below and then give them a recognazible name i.e. ‘Mother’s DNA’\r\n            </p>\r\n          </div>\r\n\r\n          <div class=\"kits mb-2\">\r\n            <div class=\"kit-item mb-2\" \r\n              v-for=\"(kitItem, index) in orderKits\"\r\n              :key=\"index\">\r\n\r\n              <h6>{{index + 1}}.Kit</h6>\r\n              <div class=\"kit-item-body row\">\r\n                <div class=\"cols-12 col-md-6 kit-item-element\">\r\n                  <input type=\"text\" class=\"form-control kit-name mr-1\" v-model=\"kitItem.kitName\" \r\n                    placeholder=\"Kit name\"\r\n                    :class=\"{ \r\n                      'dashed-input': kitItem.emptyKitName,\r\n                      'filled-input': kitItem.kitName.length >= 1,\r\n                    }\"/>\r\n                </div>\r\n                <div class=\"cols-12 col-md-6 kit-item-element\">\r\n                  <KitsEthnicity :kitItem=\"kitItem\"/>\r\n                </div>\r\n              </div>\r\n              <div class=\"kit-item-body row\">\r\n                <div class=\"cols-12 col-md-8 kit-item-element\">\r\n                  <span class=\"status\" v-show=\"kitItem.rawFileName !== ''\"> \r\n                    <CheckedIcon /> {{concateFileName(kitItem.rawFileName)}} Uploaded\r\n                  </span>\r\n                </div>\r\n                <div class=\"cols-12 col-md-4 kit-item-element\">\r\n                  <button class=\"lab-btn upload-btn\" @click=\"openUpload(kitItem)\" v-if=\"kitItem.rawFileName === ''\"\r\n                    :disabled=\"kitItem.isLoading || kitItem.rawFileName !== ''\"> \r\n                    <b-spinner  v-if=\"kitItem.isLoading\" class=\"mr-1\" small />\r\n                    <upload-icon v-else/> \r\n                    Upload File \r\n                  </button>\r\n                  <span class=\"delete-btn\" @click=\"deleteFile(kitItem)\"  v-else>\r\n                    <b-spinner  v-if=\"kitItem.isLoading\" class=\"mr-1\" small />\r\n                    Delete File\r\n                  </span>\r\n                </div>\r\n              </div>\r\n              <small class=\"text-danger\" v-show=\"kitItem.emptyRawFileKey === true\">\r\n                <feather-icon icon=\"AlertCircleIcon\" class=\"required-icon\" size=\"15\"/> You must upload raw data file\r\n              </small>\r\n              <small class=\"text-danger\" v-show=\"kitItem.isEmptyPresetEthnicityId\">\r\n                <feather-icon icon=\"AlertCircleIcon\" class=\"required-icon\" size=\"15\"/> Select ethnicity is required\r\n              </small>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"warn-cost\">\r\n            <p>Having a problem uploading your File? <a href=\"https://illustrativedna.com/contact/\" target=\"_blank\">Contact support</a> </p>\r\n            <hr />\r\n            <div class=\"cost\">Cost: <span>{{ productData != null? productData.product.currencyUnit : ''}}{{subtotal}} </span></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <check-box-confirm ref=\"checkboxConfirm\" />\r\n      </div>\r\n      <div class=\"step-buttons\">\r\n        <button class=\"lab-btn back\" @click=\"prev()\"><feather-icon icon=\"ArrowLeftIcon\" size=\"20\"/> Back to dashboard</button>\r\n        <button class=\"lab-btn next valid\" @click=\"submit()\" :disabled=\"isStartLoading\">\r\n          <b-spinner v-if=\"$store.getters.getLoader || isStartLoading\" small/>\r\n          Pay & Complete Order\r\n        </button>\r\n      </div>\r\n      <div>\r\n        <promotion-code />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from '@/common/api.service'\r\nimport AlertService from '@/common/alert.service';\r\nimport useJwt from '@/auth/jwt/useJwt';\r\nimport { generateGuideKey } from '@/common/api.utils';\r\n\r\nimport { PRODUCT_CODES, stripeAPIToken } from '@/common/config';\r\n\r\nimport CheckedIcon from '@/layouts/icons/CheckedIcon.vue';\r\nimport UploadIcon from '@/layouts/icons/UploadIcon.vue';\r\n\r\nimport KitsEthnicity from '../others/KitsEthnicity.vue';\r\nimport QuantityDropdown from '../others/QuantityDropdown.vue';\r\nimport CheckBoxConfirm from '../others/CheckBoxConfirm.vue';\r\nimport PromotionCode from '../../steps/PromotionCode.vue';\r\n\r\nexport default {\r\n  components: {\r\n    QuantityDropdown,\r\n    KitsEthnicity,\r\n    CheckBoxConfirm,\r\n    PromotionCode,\r\n    \r\n    CheckedIcon,\r\n    UploadIcon,\r\n  },\r\n  props: {\r\n    screen: {\r\n      type: String,\r\n      default: 'DESKTOP',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      PRODUCT_CODES,\r\n      isStartLoading: false,\r\n\r\n      stripeAPIToken,\r\n      stripe: null,\r\n    }\r\n  },\r\n  methods: {\r\n    async submit() {\r\n      /* eslint-disable */\r\n      if(this.isStartLoading === true) {\r\n        return;\r\n      }\r\n      this.isStartLoading = true;\r\n\r\n      const orderData = this.$store.getters['deepACheckout/getCreateOrderData'];\r\n      \r\n      let errorMessage = null;\r\n      let isValid = true;\r\n      orderData.kitList.forEach(fileItem => {\r\n        if (fileItem.rawFileKey === null || fileItem.rawFileKey === '') {\r\n          errorMessage = 'Missing file upload! Please upload files of all kits.';\r\n          isValid = false;\r\n        }\r\n        if (fileItem.kitName === '') {\r\n          fileItem.emptyKitName = true;\r\n        } else {\r\n          fileItem.emptyKitName = false;\r\n        }\r\n        \r\n        if (fileItem.presetEthnicityId === null) {\r\n          fileItem.isEmptyPresetEthnicityId = true;\r\n          isValid = false;\r\n        }\r\n      });\r\n\r\n      if (errorMessage !== null) {\r\n        AlertService.error(errorMessage);\r\n      }\r\n\r\n      if (orderData.isConfirmPrivacyPalicy === false) {\r\n        this.$refs.checkboxConfirm.validateCheckbox();\r\n        isValid = false;\r\n      }\r\n\r\n      if (isValid != true) {\r\n        this.isStartLoading = false;\r\n        return;\r\n      }\r\n\r\n      try {\r\n        const response = await this.$store.dispatch('deepACheckout/checkoutNewOrder');\r\n        if (response.statusCode === 200) {\r\n          if (response.result.isCompletedPayment) {\r\n            AlertService.success('Order checkout process successful');\r\n            this.$router.push('/')\r\n            return;\r\n          }\r\n\r\n          await this.stripe.redirectToCheckout({ sessionId: response.result.paymentSessionId });\r\n        } else {\r\n          AlertService.warning(this.$t(response.message));\r\n        }\r\n      } \r\n      catch {\r\n      }\r\n      \r\n      this.isStartLoading = false;\r\n    },\r\n\r\n    openUpload(fileItem) {\r\n      /* eslint-disable*/\r\n      const fileInput = document.createElement('input');\r\n      fileInput.type = 'file';\r\n\r\n      fileInput.addEventListener('change', event => {\r\n        const file = event.target.files[0];\r\n\r\n        const fileSizeInMB = file.size / (1024 * 1024); \r\n        if(fileSizeInMB <= 1) {\r\n          AlertService.warning('Invalid file size...! File size must be larger than (1MB)');\r\n          return 0;\r\n        }\r\n        \r\n        fileItem.isLoading = true;\r\n\r\n        const fileKey = generateGuideKey();\r\n        ApiService.get(`RawDataFile/presigned-url?fileKey=${fileKey}&contentType=${file.type}`, {}, this)\r\n          .then(response => {\r\n            if (response.statusCode === 200) {\r\n              const presignedUrl = response.result;\r\n              useJwt.axiosIns.put(presignedUrl, file, { headers: { 'Content-Type': file.type } })\r\n                .then(() => {\r\n                  this.$store.commit('deepACheckout/setKitFileData', {\r\n                    index: fileItem.id,\r\n                    rawFileKey: fileKey, \r\n                    rawFileName: file.name, \r\n                    rawFileFormat: file.type\r\n                  });\r\n                  fileItem.isLoading = false;\r\n                });\r\n            } else {\r\n              fileItem.isLoading = false;\r\n              AlertService.warning(this.$t(response.message));\r\n            }\r\n          })\r\n          .catch(() => {\r\n            fileItem.isLoading = false;\r\n          });\r\n      })\r\n      fileInput.click();\r\n    },\r\n    deleteFile(fileItem) {\r\n      fileItem.isLoading = true;\r\n      ApiService.get(`RawDataFile/delete?fileKey=${fileItem.rawFileKey}`, {}, this)\r\n        .then(response => {\r\n          if (response.statusCode === 200) {\r\n            this.$store.commit('deepACheckout/removeKitFileData', {\r\n              index: fileItem.id,\r\n            });\r\n          } else {\r\n            AlertService.warning(this, this.$t(response.message));\r\n          }\r\n          fileItem.isLoading = false;\r\n        })\r\n        .catch(() => {\r\n          fileItem.isLoading = false;\r\n        });\r\n    },\r\n\r\n    prev() {\r\n      this.$router.push('/dashboard');\r\n    },\r\n\r\n    concateFileName(fileName) {\r\n      return fileName.length > 20 ? fileName.slice(0, 20) + '...' : fileName\r\n    },\r\n    includeStripe( URL, callback ){\r\n      let documentTag = document, tag = 'script',\r\n        object = documentTag.createElement(tag),\r\n        scriptTag = documentTag.getElementsByTagName(tag)[0];\r\n      object.src = '//' + URL;\r\n      if (callback) { object.addEventListener('load', function (e) { callback(null, e); }, false); }\r\n      scriptTag.parentNode.insertBefore(object, scriptTag);\r\n    },\r\n  },\r\n  computed: {\r\n    productData() {\r\n      return this.$store.getters['deepACheckout/getProductData'];\r\n    },\r\n    orderKits() {\r\n      return this.$store.getters['deepACheckout/getCreateOrderData'].kitList;\r\n    },\r\n    subtotal() {\r\n      return this.$store.getters['deepACheckout/getOrderSubTotal'];\r\n    },\r\n  },\r\n  mounted() {\r\n    this.includeStripe('js.stripe.com/v3/', function(){\r\n      this.stripe = Stripe(this.stripeAPIToken);\r\n    }.bind(this));\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.checkout-card .upload-raw-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 1rem 1.5rem;\r\n  height: 90%;\r\n\r\n  .upload-raw-body {\r\n    position: relative;\r\n    max-width: 450px;\r\n  }\r\n\r\n  .title {\r\n    margin-top: 10px;\r\n    h4 {\r\n      font-size: 1.6rem;\r\n      font-weight: bold;\r\n      color: var(--lab-black-65);\r\n    }\r\n  }\r\n  .desc {\r\n    margin-top: 20px;\r\n    p {\r\n      line-height: 1rem;\r\n      font-size: 0.7rem;\r\n      color: var(--lab-gray-75);\r\n    }\r\n  }\r\n\r\n  .select-quantity {\r\n    h6 {\r\n      font-size: 0.7rem;\r\n      font-weight: 600;\r\n    }\r\n    p {\r\n      margin-top: 20px;\r\n      line-height: 1rem;\r\n      font-size: 0.7rem;\r\n      font-weight: bold;\r\n      color: var(--lab-gray-75);\r\n    }\r\n  }\r\n}\r\n\r\n.form-control {\r\n  border: 2px solid var(--lab-white-75) !important;\r\n  background-color: var(--lab-white-100) !important;\r\n  color: #595959 !important;\r\n}\r\n.form-control:disabled {\r\n  background-color: var(--lab-white-75) !important;\r\n}\r\n.form-control:not(:empty) {\r\n  background-color: var(--lab-white-100) !important;\r\n}\r\n.form-control:focus {\r\n  background-color: var(--lab-white-100) !important;\r\n}\r\n\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckoutOrder.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckoutOrder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutOrder.vue?vue&type=template&id=75e64906&scoped=true&\"\nimport script from \"./CheckoutOrder.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutOrder.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckoutOrder.vue?vue&type=style&index=0&id=75e64906&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  \"75e64906\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"checkout-container\">\r\n    <Account v-if=\"selectedStepCode === DEEP_ANCESTRY_CHECKOUT_STEPS.ACCOUNT && !isUserLoggedIn\"/>\r\n    <CheckoutOrder v-else/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AlertService from '@/common/alert.service';\r\nimport { PRODUCT_CODES, DEEP_ANCESTRY_CHECKOUT_STEPS } from '@/common/config';\r\n\r\nimport Account from '../steps/Account.vue';\r\nimport CheckoutOrder from './steps/CheckoutOrder.vue';\r\n\r\nexport default {\r\n  components: {\r\n    Account,\r\n    CheckoutOrder,\r\n  },\r\n  data() {\r\n    return {\r\n      PRODUCT_CODES,\r\n      DEEP_ANCESTRY_CHECKOUT_STEPS,\r\n\r\n      productCode: '',\r\n      selectedProduct: null,\r\n    }\r\n  },\r\n  methods: {\r\n    onSetCurrentRouteData() {\r\n      if (this.isUserLoggedIn) {\r\n        this.$store.state.deepACheckout.selectedStepCode = DEEP_ANCESTRY_CHECKOUT_STEPS.ORDER;\r\n      } else {\r\n        this.$store.state.deepACheckout.selectedStepCode = DEEP_ANCESTRY_CHECKOUT_STEPS.ACCOUNT;\r\n      }\r\n\r\n      if (this.$router.currentRoute.params.product_code) {\r\n        this.productCode = this.$router.currentRoute.params.product_code;\r\n      }\r\n    },\r\n    onLoadProduct() {\r\n      /* eslint-disable */\r\n      this.$store.dispatch('products/fetchProduct', this.productCode)\r\n        .then(response => {\r\n          if (response.statusCode === 200) {\r\n            response.result.productPrices.forEach(element => {\r\n              element.label = element.productCount;\r\n            });\r\n            \r\n            this.$store.commit('deepACheckout/setProductData', response.result);\r\n          } else {\r\n            AlertService.error(response.message)\r\n          }\r\n        });\r\n    },\r\n  },\r\n  computed: {\r\n    isUserLoggedIn() {\r\n      return this.$store.getters['account/getIsLoggedIn'];\r\n    },\r\n    selectedStepCode() {\r\n      return this.$store.state.deepACheckout.selectedStepCode;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.onSetCurrentRouteData();\r\n    this.onLoadProduct();\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"../checkout.scss\";\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.checkout-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 100vh;\r\n  overflow: auto;\r\n  padding: 1rem;\r\n  box-sizing: border-box;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeepAncestryCheckout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeepAncestryCheckout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeepAncestryCheckout.vue?vue&type=template&id=fbc096a4&scoped=true&\"\nimport script from \"./DeepAncestryCheckout.vue?vue&type=script&lang=js&\"\nexport * from \"./DeepAncestryCheckout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DeepAncestryCheckout.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./DeepAncestryCheckout.vue?vue&type=style&index=1&id=fbc096a4&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  \"fbc096a4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}