{"version":3,"sources":["webpack:///./src/assets/full-logo.svg","webpack:///./src/components/contents/SettingsLinks/HelpSupport.vue?c91d","webpack:///./src/assets/mail.svg","webpack:///./src/assets/call.svg","webpack:///./src/views/Settings/HelpSupport.vue","webpack:///./src/components/contents/SettingsLinks/HelpSupport.vue","webpack:///./src/services/support.http.js","webpack:///./src/components/contents/SettingsLinks/HelpSupport.vue?a8f0","webpack:///./src/views/Settings/HelpSupport.vue?4ec8","webpack:///./src/assets/copy1.svg","webpack:///./node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js","webpack:///./node_modules/quasar/src/utils/copy-to-clipboard.js"],"names":["module","exports","_createElementBlock","_createVNode","_component_SettingsLinks","class","_hoisted_1","_createElementVNode","_hoisted_2","_component_q_card","flat","_component_q_card_section","_$data$crmDetails","_$data$crmDetails2","_$data$crmDetails3","_$data$crmDetails4","_hoisted_3","_hoisted_4","$data","crmDetails","photoUrl","src","alt","defaultProfilePicture","_hoisted_7","_hoisted_8","_hoisted_9","_toDisplayString","firstName","lastName","_hoisted_10","_hoisted_11","phoneNumber","_hoisted_12","_hoisted_13","email","_hoisted_14","_hoisted_15","_component_q_btn","onClick","$options","copyDetails","_cache","_imports_0","_hoisted_16","_hoisted_17","no-caps","_$data$crmDetails5","_imports_1","href","_hoisted_18","_$data$crmDetails6","_imports_2","_hoisted_19","Support","constructor","api","this","http","getDetails","get","components","data","crmServices","require","methods","response","crm","err","_this$crmDetails","_this$crmDetails2","_this$crmDetails3","_this$crmDetails4","detailsToCopy","copyToClipboard","then","showMessage","mounted","created","CrmServices","$api2","__exports__","QCard","QCardSection","QBtn","SettingsLinks","render","component","type","items","targetComponent","__vccOpts","target","i","fallback","text","area","document","createElement","value","contentEditable","style","position","body","appendChild","focus","select","res","execCommand","remove","navigator","clipboard","writeText","Promise","resolve","reject"],"mappings":"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","file":"js/chunk-0a5bc512.0648f835.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/full-logo.62854378.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./HelpSupport.vue?vue&type=style&index=0&id=21168824&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/mail.8ee3e7ac.svg\";","module.exports = __webpack_public_path__ + \"img/call.85eede20.svg\";","<template>\n    <div>\n      <SettingsLinks />\n    </div>\n  </template>\n  <script>\n  import SettingsLinks from \"@/components/contents/SettingsLinks/HelpSupport.vue\";\n  export default {\n    components: {\n      SettingsLinks,\n    },\n  };\n  </script>\n  \n  <style>\n  </style> ","<template>\n  <div class=\"row\">\n    <section class=\"col-md-6 col-sm-12 col-xs-12 customer\">\n      <q-card flat class=\"content\">\n        <q-card-section>\n          <div class=\"row\">\n            <div class=\"col q-mt-sm q-mb-md headings\">\n              Relationship Manager\n            </div>\n          </div>\n          <div class=\"row \">\n            <div class=\"col q-mb-md \">\n              <div >\n              <img  v-if=\"crmDetails.photoUrl\" :src=\"crmDetails.photoUrl\" alt=\"Photo\"  class=\"image\" />\n              <img v-else class=\"image\" :src=\"defaultProfilePicture\" alt=\"Default Profile Photo\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"row q-mb-xl q-col-gutter-lg\">\n            <div class=\"col-md-3 col-sm-8 col-xs-8\">\n              <div class=\"details1\">Name</div>\n              <div class=\"details2\">\n                {{ crmDetails?.firstName + \" \" + crmDetails?.lastName }}\n              </div>\n            </div>\n            <div class=\"col-md-3 col-sm-4 col-xs-4\">\n              <div class=\"details1\">Phone Number</div>\n              <div class=\"details2\">+{{ crmDetails?.phoneNumber }}</div>\n            </div>\n            <div class=\"col-md-3 col-sm-9 col-xs-9\">\n              <div class=\"details1\">Email</div>\n              <div class=\"details2\">{{ crmDetails?.email }}</div>\n            </div>\n            <div class=\"col-md-3 col-sm-3 col-xs-3\">\n              <div class=\"details1\"></div>\n              <div class=\"details2\">\n                <q-btn flat class=\"support-icon\" @click=\"copyDetails\">\n                  <img class=\"icon\" src=\"@/assets/copy1.svg\" alt=\"\" />\n                </q-btn>\n              </div>\n            </div>\n          </div>\n          <div class=\"row\">\n            <div class=\"col\">\n              <q-btn class=\"button q-mr-sm\" no-caps flat>\n                <img class=\"icon q-mr-sm\" src=\"@/assets/call.svg\" alt=\"\" />\n                <a :href=\"'tel:+' + crmDetails?.phoneNumber\">Call</a>\n              </q-btn>\n              <q-btn class=\"button\" no-caps flat>\n                <img class=\"icon q-mr-sm\" src=\"@/assets/mail.svg\" alt=\"\" />\n                <a :href=\"'mailto:' + crmDetails?.email\">Send email</a>\n              </q-btn>\n            </div>\n          </div>\n        </q-card-section>\n      </q-card>\n    </section>\n  </div>\n</template>\n\n<script>\nimport CrmServices from \"@/services/support.http\";\nimport { copyToClipboard } from \"quasar\";\n\nexport default {\n  components: {},\n  data() {\n    return {\n\n      crmServices: null,\n      crmDetails: {},\n      defaultProfilePicture: require(\"@/assets/full-logo.svg\"),\n    };\n  },\n\n  methods: {\n    \n    async getDetails() {\n      try {\n        const response = await this.crmServices.getDetails();\n        console.log(\"this is the responsessss \", response.data.data.crm);\n        this.crmDetails = response.data.data.crm;\n      } catch (err) {\n        console.log(err);\n      }\n    },\n\n    async copyDetails() {\n      const detailsToCopy = `${this.crmDetails?.firstName} ${this.crmDetails?.lastName}\\n${this.crmDetails?.email}\\n${this.crmDetails?.phoneNumber}`;\n      copyToClipboard(detailsToCopy).then(() => {\n        this.showMessage(\"success\", \"Copied to clipboard\");\n      });\n    },\n  },\n\n  mounted() {\n    this.getDetails();\n  },\n\n  created() {\n    this.crmServices = new CrmServices(this.$api2);\n  },\n  // computed: {\n  //   isPhotoUrlValid() {\n  //     return this.crmDetails && this.crmDetails.photoUrl;\n  //   }\n  // },\n};\n</script>\n\n<style scoped>\n.content {\n  background: #fbfbfb;\n}\n.button {\n  background: #effaff;\n  color: #31a3a0;\n  width: 145px;\n  border-radius: 5px;\n  font-size: 14px;\n  font-weight: 400;\n}\n.headings {\n  font-size: 16px;\n  color: #222222;\n  font-weight: 400;\n}\n.details1 {\n  font-size: 14px;\n  color: #666666;\n  font-weight: 400;\n}\n.details2 {\n  font-size: 12px;\n  color: #101010;\n  font-weight: 500;\n}\n.customer {\n  width: 100%;\n}\n.support-icon {\n  width: 40px;\n  height: 40px;\n  position: relative;\n  background-color: white;\n  border-radius: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .icon {\n    width: 22px;\n  }\n}\na {\n  text-decoration: none;\n  color: #31a3a0;\n}\n.image {\n  width: 56px; \n  height: 56px; \n  border-radius: 50%;\n  overflow: hidden;\n  \n}\n\n</style>\n","export default class Support {\n    /**\n     * @constructor\n     */\n    constructor(api) {\n      this.http = api;\n    }\n  \n    getDetails(){\n        return this.http.get(`/v1/business/fetch-crm-detail`);\n    }\n  \n  }\n  ","import { render } from \"./HelpSupport.vue?vue&type=template&id=21168824&scoped=true\"\nimport script from \"./HelpSupport.vue?vue&type=script&lang=js\"\nexport * from \"./HelpSupport.vue?vue&type=script&lang=js\"\n\nimport \"./HelpSupport.vue?vue&type=style&index=0&id=21168824&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-21168824\"]])\n\nexport default __exports__\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QCard,QCardSection,QBtn});\n","import { render } from \"./HelpSupport.vue?vue&type=template&id=1aa4e3a5\"\nimport script from \"./HelpSupport.vue?vue&type=script&lang=js\"\nexport * from \"./HelpSupport.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/copy1.3fdd44cd.svg\";","/**\n * Quasar runtime for auto-importing\n * components or directives.\n *\n * Warning! This file does NOT get transpiled by Babel\n * but is included into the UI code.\n *\n * @param {component} Vue Component object\n * @param {type}      One of 'components' or 'directives'\n * @param {items}     Object containing components or directives\n */\nmodule.exports = function qInstall (component, type, items) {\n  const targetComponent = component.__vccOpts !== void 0\n    ? component.__vccOpts\n    : component\n\n  const target = targetComponent[type]\n\n  if (target === void 0) {\n    targetComponent[type] = items\n  }\n  else {\n    for (var i in items) {\n      if (target[i] === void 0) {\n        target[i] = items[i]\n      }\n    }\n  }\n}\n","function fallback (text) {\n  const area = document.createElement('textarea')\n  area.value = text\n  area.contentEditable = true\n  area.style.position = 'fixed' // avoid scrolling to bottom\n\n  document.body.appendChild(area)\n  area.focus()\n  area.select()\n\n  const res = document.execCommand('copy')\n\n  area.remove()\n  return res\n}\n\nexport default function (text) {\n  return navigator.clipboard !== void 0\n    ? navigator.clipboard.writeText(text)\n    : new Promise((resolve, reject) => {\n      const res = fallback(text)\n      if (res) {\n        resolve(true)\n      }\n      else {\n        reject(res)\n      }\n    })\n}\n"],"sourceRoot":""}