{"version":3,"sources":["webpack:///./src/components/shared/DeviceIcon.vue?2cb0","webpack:///src/components/shared/DeviceIcon.vue","webpack:///./src/components/shared/DeviceIcon.vue?ba8b","webpack:///./src/components/shared/DeviceIcon.vue","webpack:///./src/components/shared/FormStickyActionCont.vue?6d96","webpack:///./src/components/shared/DeviceIcon.vue?a58d","webpack:///./src/components/shared/StepNavigationButtons.vue?b1c5","webpack:///./src/components/shared/StepNavigationButtons.vue?93b1","webpack:///./src/components/shared/FormStickyActionCont.vue?1518","webpack:///./src/components/shared/FormStickyActionCont.vue","webpack:///src/components/shared/StepNavigationButtons.vue","webpack:///./src/components/shared/StepNavigationButtons.vue?d6cb","webpack:///./src/components/shared/StepNavigationButtons.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","classes","staticRenderFns","props","icon","String","grayBorder","Boolean","mini","computed","component","onlyConfirm","_v","_e","includes","backButtonText","style","attrs","disabledBack","on","$event","$emit","_s","confirmButtonText","disabled","_t","script","type","required","default","hasBackButton","mobileButtonWidth","Number","oneMoreStep","components","StickyCont","buttonStyles","width"],"mappings":"qJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAcC,MAAMP,EAAIQ,WAC1IC,EAAkB,G,YCItB,gBACA,GACEC,MAAO,CACLC,KAAMC,OACNC,WAAYC,QACZC,KAAMD,SAERE,SAAU,CACRR,QADJ,WACA,MACA,0CACA,4CACM,OAAO,EAAb,oBACA,MADA,2BAEA,EAFA,UAEA,GAFA,2BAGA,EAHA,SAGA,GAHA,2BAIA,EAJA,iBAIA,GAJA,KChBmW,I,wBCQ/VS,EAAY,eACd,EACAlB,EACAU,GACA,EACA,KACA,WACA,MAIa,OAAAQ,E,2FCnBf,W,yDCAA,W,kCCAA,W,kCCAA,IAAIlB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,0BAA0BC,MAAM,CAAC,wCAAyCP,EAAIkB,cAAc,CAAElB,EAAe,YAAEI,EAAG,IAAI,CAACE,YAAY,iCAAiC,CAACN,EAAImB,GAAG,+CAA+CnB,EAAIoB,KAAMpB,EAAiB,cAAEI,EAAG,YAAY,CAACE,YAAY,kCAAkCC,MAAM,CACpb,wCAAyC,CAAC,OAAQ,UAAUc,SAASrB,EAAIsB,iBACzEC,MAAOvB,EAAgB,aAAEwB,MAAM,CAAC,KAAO,KAAK,QAAU,YAAY,MAAQ,OAAO,SAAWxB,EAAIyB,aAAa,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAI4B,MAAM,WAAW,CAAC5B,EAAImB,GAAGnB,EAAI6B,GAAG7B,EAAIsB,mBAAmBtB,EAAIoB,KAAKhB,EAAG,YAAY,CAACE,YAAY,kCAAkCC,MAAM,CAC1S,wCAAyC,CAAC,OAAQ,YAAYc,SAASrB,EAAI8B,oBAC3EP,MAAOvB,EAAgB,aAAEwB,MAAM,CAAC,KAAO,KAAK,MAAQ,SAAS,SAAWxB,EAAI+B,SAAS,KAAO,UAAUL,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAI4B,MAAM,cAAc,CAAC5B,EAAImB,GAAGnB,EAAI6B,GAAG7B,EAAI8B,uBAAuB,IAC9MrB,EAAkB,GCLlB,G,UAAS,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIgC,GAAG,YAAY,KAC7J,EAAkB,G,wBCAlBC,EAAS,GAMThB,EAAY,eACdgB,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAhB,E,QCuBf,GACEP,MAAO,CACLoB,kBAAmB,CACjBI,KAAMtB,OACNuB,UAAU,GAEZb,eAAgB,CACdY,KAAMtB,OACNwB,QAAS,QAEXL,SAAU,CACRG,KAAMpB,QACNsB,SAAS,GAEXX,aAAc,CACZS,KAAMpB,QACNsB,SAAS,GAEXC,cAAe,CACbH,KAAMpB,QACNsB,SAAS,GAEXE,kBAAmB,CACjBJ,KAAMK,OACNH,QAAS,KAEXI,YAAa,CACXN,KAAMpB,QACNsB,SAAS,IAGbK,WAAY,CACVC,WAAJ,GAEE1B,SAAU,CACR2B,aADJ,WAEM,IAAN,yBACM,MAAO,CACLC,MAAO,GAAf,iBAGI1B,YAPJ,WAQM,OAAOjB,KAAK6B,oBAAsB7B,KAAKoC,iBCnFiU,ICQ1W,G,UAAY,eACd,EACAtC,EACAU,GACA,EACA,KACA,WACA,OAIa,S","file":"js/confirm-claim~create-claim.3b54865c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"device-icon\",class:_vm.classes})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"device-icon\" :class=\"classes\"></div>\n</template>\n\n<script>\nconst classPrefix = 'device-icon';\nexport default {\n  props: {\n    icon: String,\n    grayBorder: Boolean,\n    mini: Boolean,\n  },\n  computed: {\n    classes() {\n      const {icon, mini, grayBorder} = this;\n      const iconClass = `${classPrefix}--${icon.toLowerCase()}`;\n      return {\n        [iconClass]: true,\n        [`${classPrefix}--mini`]: mini,\n        [`${iconClass}-mini`]: mini,\n        [`${classPrefix}--gray-border`]: grayBorder,\n      };\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.device-icon {\n  position: relative;\n  display: block;\n  flex-shrink: 0;\n  background-image: url('~@/assets/images/devices/pc.svg');\n  background-repeat: no-repeat;\n  background-position: 50%;\n  background-size: 58% auto;\n  border-radius: 50%;\n\n  &--mini {\n    background-color: $lighterGray;\n    background-size: 70% auto;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n  }\n\n  &--smart_phone,\n  &--smartphone,\n  &--phone {\n    background-image: url('~@/assets/images/devices/phone.svg');\n    background-size: 28% auto;\n    &-mini {\n      background-size: 40% auto;\n    }\n  }\n  &--tablet {\n    background-image: url('~@/assets/images/devices/tablet.svg');\n    background-size: 39% auto;\n    &-mini {\n      background-size: 50% auto;\n    }\n  }\n  &--television {\n    background-image: url('~@/assets/images/devices/tv.svg');\n    background-size: 53% auto;\n    &-mini {\n      background-size: 60% auto;\n    }\n  }\n  &::after,\n  &::before {\n    position: absolute;\n    border: 1px solid #88d77b;\n    border-radius: 50%;\n    content: '';\n  }\n  &::after {\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n  &::before {\n    top: 5px;\n    right: 5px;\n    bottom: 5px;\n    left: 5px;\n  }\n  &--gray-border {\n    &::after,\n    &::before {\n      border-color: $mediumGray;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeviceIcon.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!./DeviceIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeviceIcon.vue?vue&type=template&id=1a6eea5f&scoped=true&\"\nimport script from \"./DeviceIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./DeviceIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DeviceIcon.vue?vue&type=style&index=0&id=1a6eea5f&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1a6eea5f\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormStickyActionCont.vue?vue&type=style&index=0&id=6471d155&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeviceIcon.vue?vue&type=style&index=0&id=1a6eea5f&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepNavigationButtons.vue?vue&type=style&index=0&id=48e07df7&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('sticky-cont',{staticClass:\"step-navigation-buttons\",class:{'step-navigation-buttons--only-confirm': _vm.onlyConfirm}},[(_vm.oneMoreStep)?_c('p',{staticClass:\"step-navigation-buttons__note\"},[_vm._v(\" You’re almost there! Just one more step \")]):_vm._e(),(_vm.hasBackButton)?_c('hs-button',{staticClass:\"step-navigation-buttons__button\",class:{\n      'step-navigation-buttons__button--back': ['Back', 'Cancel'].includes(_vm.backButtonText),\n    },style:(_vm.buttonStyles),attrs:{\"size\":\"md\",\"variant\":\"secondary\",\"value\":\"back\",\"disabled\":_vm.disabledBack,\"type\":\"button\"},on:{\"click\":function($event){return _vm.$emit('back')}}},[_vm._v(_vm._s(_vm.backButtonText))]):_vm._e(),_c('hs-button',{staticClass:\"step-navigation-buttons__button\",class:{\n      'step-navigation-buttons__button--next': ['Next', 'Continue'].includes(_vm.confirmButtonText),\n    },style:(_vm.buttonStyles),attrs:{\"size\":\"md\",\"value\":\"submit\",\"disabled\":_vm.disabled,\"type\":\"submit\"},on:{\"click\":function($event){return _vm.$emit('confirm')}}},[_vm._v(_vm._s(_vm.confirmButtonText))])],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',{staticClass:\"stycky-actions-cont\"},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./FormStickyActionCont.vue?vue&type=template&id=6471d155&scoped=true&\"\nvar script = {}\nimport style0 from \"./FormStickyActionCont.vue?vue&type=style&index=0&id=6471d155&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  \"6471d155\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <sticky-cont\n    class=\"step-navigation-buttons\"\n    :class=\"{'step-navigation-buttons--only-confirm': onlyConfirm}\"\n  >\n    <p v-if=\"oneMoreStep\" class=\"step-navigation-buttons__note\">\n      You’re almost there! Just one more step\n    </p>\n    <hs-button\n      v-if=\"hasBackButton\"\n      class=\"step-navigation-buttons__button\"\n      :class=\"{\n        'step-navigation-buttons__button--back': ['Back', 'Cancel'].includes(backButtonText),\n      }\"\n      size=\"md\"\n      variant=\"secondary\"\n      value=\"back\"\n      @click=\"$emit('back')\"\n      :style=\"buttonStyles\"\n      :disabled=\"disabledBack\"\n      type=\"button\"\n      >{{ backButtonText }}</hs-button\n    >\n    <hs-button\n      class=\"step-navigation-buttons__button\"\n      :class=\"{\n        'step-navigation-buttons__button--next': ['Next', 'Continue'].includes(confirmButtonText),\n      }\"\n      size=\"md\"\n      value=\"submit\"\n      @click=\"$emit('confirm')\"\n      :disabled=\"disabled\"\n      :style=\"buttonStyles\"\n      type=\"submit\"\n      >{{ confirmButtonText }}</hs-button\n    >\n  </sticky-cont>\n</template>\n<script>\nimport StickyCont from '@/components/shared/FormStickyActionCont';\n\nexport default {\n  props: {\n    confirmButtonText: {\n      type: String,\n      required: true,\n    },\n    backButtonText: {\n      type: String,\n      default: 'Back',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    disabledBack: {\n      type: Boolean,\n      default: false,\n    },\n    hasBackButton: {\n      type: Boolean,\n      default: true,\n    },\n    mobileButtonWidth: {\n      type: Number,\n      default: 215,\n    },\n    oneMoreStep: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  components: {\n    StickyCont,\n  },\n  computed: {\n    buttonStyles() {\n      const {mobileButtonWidth} = this;\n      return {\n        width: `${mobileButtonWidth}px`,\n      };\n    },\n    onlyConfirm() {\n      return this.confirmButtonText && !this.hasBackButton;\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.step-navigation-buttons {\n  flex-direction: column-reverse;\n\n  @include mf($gridSMBreakpoint) {\n    flex-direction: row;\n    justify-content: space-between;\n\n    &--only-confirm {\n      justify-content: center;\n    }\n  }\n\n  &__button {\n    margin: 0;\n\n    @include mf($gridSMBreakpoint) {\n      margin: 0 1.3%;\n    }\n\n    @include mf($gridMDBreakpoint) {\n      // important is needed here\n      // to reset dynamic width value\n      // that's being derived from a numeric prop\n      // for example in StepNavigationButtons component\n      width: unset !important;\n    }\n\n    &--back,\n    &--next {\n      min-width: 152px;\n    }\n  }\n  &__note {\n    order: 1;\n    width: 100%;\n    margin-top: 0;\n    margin-bottom: 8px;\n    color: $darkGray;\n    font-size: 16px;\n    text-align: center;\n\n    @include mf($gridSMBreakpoint) {\n      order: initial;\n      margin-top: -10px;\n      margin-right: 10px;\n      text-align: right;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepNavigationButtons.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!./StepNavigationButtons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StepNavigationButtons.vue?vue&type=template&id=48e07df7&scoped=true&\"\nimport script from \"./StepNavigationButtons.vue?vue&type=script&lang=js&\"\nexport * from \"./StepNavigationButtons.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StepNavigationButtons.vue?vue&type=style&index=0&id=48e07df7&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  \"48e07df7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}