{"version":3,"sources":["webpack:///./src/components/common/CustomDialog.vue?afab","webpack:///./src/assets/images/icons/ic_alert_triangle.svg","webpack:///./src/components/common/CustomDialog.vue?6d99","webpack:///src/components/common/CustomDialog.vue","webpack:///./src/components/common/CustomDialog.vue?d8cd","webpack:///./src/components/common/CustomDialog.vue","webpack:///./src/assets/images/icons/ic_x_circle_grey.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","handleCancel","_v","handleLeave","_e","staticRenderFns","name","props","isDialogOpen","type","Boolean","required","methods","$emit","$router","push","component"],"mappings":"kHAAA,W,uBCAAA,EAAOC,QAAU,IAA0B,sC,gECA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAgB,aAAEI,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAA+C,IAAM,aAAaH,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAA8C,IAAM,SAASC,GAAG,CAAC,MAAQR,EAAIS,kBAAkBL,EAAG,KAAK,CAACJ,EAAIU,GAAG,wBAAwBN,EAAG,IAAI,CAACE,YAAY,oBAAoB,CAACN,EAAIU,GAAG,gFAAgFN,EAAG,IAAI,CAACE,YAAY,oBAAoB,CAACN,EAAIU,GAAG,kHAAkHN,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,SAAS,CAACE,YAAY,sBAAsBE,GAAG,CAAC,MAAQR,EAAIW,cAAc,CAACX,EAAIU,GAAG,yBAAyBV,EAAIY,MAC/+BC,EAAkB,GCiCtB,GACEC,KAAM,eACNC,MAAO,CACLC,aAAc,CACZC,KAAMC,QACNC,UAAU,IAGdC,QAAS,CACPX,aADJ,WAEMR,KAAKoB,MAAM,UAEbV,YAJJ,WAKMV,KAAKoB,MAAM,QACXpB,KAAKqB,QAAQC,KAAK,CAAxB,oDChDqW,I,wBCQjWC,EAAY,eACd,EACAzB,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAW,E,8BCnBf3B,EAAOC,QAAU,IAA0B","file":"js/chunk-4f527085.5f1e665e.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!./CustomDialog.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/ic_alert_triangle.3aaadcef.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isDialogOpen)?_c('div',{staticClass:\"custom-dialog\"},[_c('div',{staticClass:\"custom-dialog-content\"},[_c('div',{staticClass:\"custom-dialog-text text-left\"},[_c('div',{staticClass:\"top-content\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icons/ic_alert_triangle.svg\"),\"alt\":\"warning\"}}),_c('img',{attrs:{\"src\":require(\"@/assets/images/icons/ic_x_circle_grey.svg\"),\"alt\":\"close\"},on:{\"click\":_vm.handleCancel}})]),_c('h3',[_vm._v(\"Photo upload issue\")]),_c('p',{staticClass:\"font-weight-thin\"},[_vm._v(\" Facebook/Instagram browsers currently have issues with uploading photos. \")]),_c('p',{staticClass:\"font-weight-thin\"},[_vm._v(\" You can skip photos and add them later through a link in email that AutoFlip will send after you submit. \")])]),_c('div',{staticClass:\"custom-dialog-buttons\"},[_c('button',{staticClass:\"custom-dialog-leave\",on:{\"click\":_vm.handleLeave}},[_vm._v(\" Skip photos \")])])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"custom-dialog\" v-if=\"isDialogOpen\">\n    <div class=\"custom-dialog-content\">\n      <div class=\"custom-dialog-text text-left\">\n        <div class=\"top-content\">\n          <img\n            :src=\"require(`@/assets/images/icons/ic_alert_triangle.svg`)\"\n            alt=\"warning\"\n          />\n          <img\n            :src=\"require(`@/assets/images/icons/ic_x_circle_grey.svg`)\"\n            alt=\"close\"\n            @click=\"handleCancel\"\n          />\n        </div>\n        <h3>Photo upload issue</h3>\n        <p class=\"font-weight-thin\">\n          Facebook/Instagram browsers currently have issues with uploading\n          photos.\n        </p>\n        <p class=\"font-weight-thin\">\n          You can skip photos and add them later through a link in email that\n          AutoFlip will send after you submit.\n        </p>\n      </div>\n      <div class=\"custom-dialog-buttons\">\n        <button class=\"custom-dialog-leave\" @click=\"handleLeave\">\n          Skip photos\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"CustomDialog\",\n  props: {\n    isDialogOpen: {\n      type: Boolean,\n      required: true,\n    },\n  },\n  methods: {\n    handleCancel() {\n      this.$emit(\"close\");\n    },\n    handleLeave() {\n      this.$emit(\"skip\");\n      this.$router.push({ name: \"customer-detail\", query: this.$route.query });\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n.custom-dialog {\n  z-index: 9999999;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  h3 {\n    font-family: Avenir Next LT W05 Regular !important;\n    font-weight: 600 !important;\n    font-size: 18px;\n    margin-top: 15px;\n    line-height: 28px !important;\n  }\n  p {\n    margin-bottom: 15px;\n    font-size: 14px;\n    line-height: 21px;\n    color: #667085;\n  }\n  button {\n    padding: 8px 16px;\n    border-radius: 8px;\n    cursor: pointer;\n  }\n  .custom-dialog-content {\n    background-color: #fff;\n    padding: 24px;\n    border-radius: 12px;\n    max-width: 252px;\n    height: 223px;\n    text-align: center;\n    .custom-dialog-text {\n      width: 100%;\n    }\n    .custom-dialog-buttons {\n      display: flex;\n      justify-content: flex-end;\n      margin-top: 29px;\n      .custom-dialog-leave {\n        font-family: Avenir Next LT W05 Regular !important;\n        font-weight: 500 !important;\n        width: 120px;\n        height: 44px;\n        background-color: #1f8252;\n        color: #fff;\n        border: none;\n        outline: none !important;\n      }\n    }\n  }\n}\n@media screen and(max-width: 768px) {\n  .custom-dialog {\n    .custom-dialog-content {\n      max-width: 300px !important;\n      height: 347px !important;\n      .custom-dialog-text {\n        width: 100% !important;\n        .top-content {\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n        }\n      }\n    }\n  }\n}\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!./CustomDialog.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!./CustomDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomDialog.vue?vue&type=template&id=357ce3bf&\"\nimport script from \"./CustomDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomDialog.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ic_x_circle_grey.47a9656d.svg\";"],"sourceRoot":""}