{"version":3,"sources":["webpack:///./src/views/qr/generate.vue?0dde","webpack:///./src/views/qr/generate.vue","webpack:///./src/views/qr/generate.vue?f121"],"names":["img","ref","link","qr","shortLink","color","response","responseType","responseColor","responseTitle","route","useRoute","format","loading","generateQr","value","params","logo","token","apiClient","post","then","data","_data$data","_data$data2","_data$data$data$data","_data$data3","_data$data4","_data$data5","_data$data6","_data$data7","error","details","success","catch","e","finally","__exports__"],"mappings":"gHAAA,W,yWCkEA,IAAIA,EAAMC,iBAAI,QACZC,EAAOD,iBAAI,IACXE,EAAKF,iBAAI,MACTG,EAAYH,iBAAI,MAChBI,EAAQJ,iBAAI,WACZK,EAAWL,iBAAI,MACfM,EAAeN,iBAAI,IACnBO,EAAgBP,iBAAI,IACpBQ,EAAgBR,iBAAI,IACpBS,EAAQC,iBACRC,EAASX,iBAAI,OACbY,EAAUZ,kBAAI,GAEhB,MAAMa,EAAaA,KACjBX,EAAGY,MAAQ,KACXF,EAAQE,OAAQ,EAChB,IAAIC,EAAS,CACXd,KAAMA,EAAKa,MACXZ,GAAI,CACFc,KAAMjB,EAAIe,MACVV,MAAOA,EAAMU,MACbH,OAAQA,EAAOG,QAMnB,OAHIL,EAAMM,OAAOE,QACfF,EAAOE,MAAQR,EAAMM,OAAOE,OAEvBC,OAAUC,KAAK,oBAAqBJ,GAAQK,KAAKC,IAAQ,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAO9D,OANA3B,EAAGY,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANC,EAAJD,EAAMA,YAAI,IAAAC,GAAM,QAANA,EAAVA,EAAYD,YAAI,IAAAC,GAAM,QAANA,EAAhBA,EAAkBD,YAAI,IAAAC,OAAA,EAAtBA,EAAyB,UACpCnB,EAAUW,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANE,EAAJF,EAAMA,YAAI,IAAAE,GAAM,QAANA,EAAVA,EAAYF,YAAI,IAAAE,GAAM,QAANA,EAAhBA,EAAkBF,YAAI,IAAAE,OAAA,EAAtBA,EAAyB,cAC3ClB,EAASS,MAA8B,QAAzBU,EAAO,OAAJH,QAAI,IAAJA,GAAU,QAANI,EAAJJ,EAAMA,YAAI,IAAAI,GAAM,QAANA,EAAVA,EAAYJ,YAAI,IAAAI,OAAA,EAAhBA,EAAkBJ,YAAI,IAAAG,IAAQ,OAAJH,QAAI,IAAJA,GAAU,QAANK,EAAJL,EAAMA,YAAI,IAAAK,GAAM,QAANA,EAAVA,EAAYL,YAAI,IAAAK,GAAO,QAAPA,EAAhBA,EAAkBI,aAAK,IAAAJ,OAAA,EAAvBA,EAAyBK,QACpEzB,EAAaQ,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANM,EAAJN,EAAMA,YAAI,IAAAM,GAAM,QAANA,EAAVA,EAAYN,YAAI,IAAAM,GAAhBA,EAAkBK,QAAU,OAAS,QAC1DxB,EAAcM,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANO,EAAJP,EAAMA,YAAI,IAAAO,GAAM,QAANA,EAAVA,EAAYP,YAAI,IAAAO,GAAhBA,EAAkBI,QAAU,UAAY,SAC9DzB,EAAcO,MAAY,OAAJO,QAAI,IAAJA,GAAU,QAANQ,EAAJR,EAAMA,YAAI,IAAAQ,GAAM,QAANA,EAAVA,EAAYR,YAAI,IAAAQ,GAAhBA,EAAkBG,QAAU,UAAY,UACvDX,IACNY,MAAMC,IACP7B,EAASS,MAAQoB,EAAEJ,MACnBvB,EAAcO,MAAQ,UACtBN,EAAcM,MAAQ,SACtBR,EAAaQ,MAAQ,WACpBqB,QAAQ,KACTvB,EAAQE,OAAQ,K,8oKCrGpB,MAAMsB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB","file":"js/chunk-e943f392.3a7b9037.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./generate.vue?vue&type=style&index=0&id=3d90bddb&scoped=true&lang=css\"","<template>\n  <div class=\"container\">\n    <div class=\"row mb-3\">\n      <div class=\"col-md-2\">\n        <a-form-item label=\"URL\">\n          <a-input v-model:value=\"link\" size=\"large\" />\n        </a-form-item>\n      </div>\n      <div class=\"col-md-3\">\n        <a-form-item label=\"Логотип\" layout=\"vertical\">\n          <a-radio-group v-model:value=\"img\" size=\"large\" style=\"width: 100%\">\n            <a-radio-button value=\"rhmt\" style=\"line-height: 35px; width: 25%; text-align: left\">\n              rhmt\n            </a-radio-button>\n            <a-radio-button value=\"https://cdn.multicard.uz/storage/bf9/408bb1872bf61a1d516e2fa3c7446.svg\" style=\"line-height: 35px; width: 25%; text-align: center\">\n              <img src=\"https://cdn.multicard.uz/storage/bf9/408bb1872bf61a1d516e2fa3c7446.svg\" width=\"30\" alt=\"\" />\n            </a-radio-button>\n            <a-radio-button value=\"https://cdn.multicard.uz/storage/199/9cc595e29c7ff4bc2e15135064b4d.svg\" style=\"line-height: 35px; width: 25%; text-align: center\">\n              <img src=\"https://cdn.multicard.uz/storage/199/9cc595e29c7ff4bc2e15135064b4d.svg\" width=\"30\" alt=\"\" />\n            </a-radio-button>\n            <a-radio-button value=\"https://cdn.multicard.uz/storage/f21/e6fe776f1c07a9b518fe45744b7ed.svg\" style=\"line-height: 35px; width: 25%; text-align: center\">\n              <img src=\"https://cdn.multicard.uz/storage/f21/e6fe776f1c07a9b518fe45744b7ed.svg\" width=\"30\" alt=\"\" />\n            </a-radio-button>\n          </a-radio-group>\n        </a-form-item>\n      </div>\n      <div class=\"col-md-2\">\n        <a-form-item label=\"Цвет\">\n          <a-input v-model:value=\"color\" size=\"large\" />\n        </a-form-item>\n      </div>\n      <div class=\"col-md-2\">\n        <a-form-item label=\"Формат\" class=\"flex-column align-items-start\" label-align=\"left\">\n          <a-select v-model:value=\"format\" size=\"large\" style=\"width: 100%\">\n            <a-select-option value=\"svg\">SVG</a-select-option>\n            <a-select-option value=\"png\">PNG</a-select-option>\n          </a-select>\n        </a-form-item>\n      </div>\n      <div class=\"col-md-3\">\n        <a-form-item label=\"&nbsp;\" style=\"flex-direction: column\" :colon=\"false\">\n          <a-button :loading=\"loading\" @click=\"generateQr\" size=\"large\" type=\"primary\">\n            Создать QR\n          </a-button>\n        </a-form-item>\n      </div>\n    </div>\n    <div class=\"flex flex-column\" style=\"gap: 10px\">\n      <div><img v-if=\"qr\" :src=\"qr\" width=\"200\" /></div>\n      <div><a :href=\"qr\" v-if=\"qr\" target=\"_blank\">{{ qr }}</a></div>\n      <div><a :href=\"shortLink\" v-if=\"shortLink\" target=\"_blank\">{{ shortLink }}</a></div>\n      <a-alert v-if=\"response\" :message=\"responseTitle\" :type=\"responseType\">\n        <template #description>\n          <pre v-if=\"responseType === 'info'\" :style=\"{ color: responseColor }\">{{ response }}</pre>\n          <div v-else>{{ response }}</div>\n        </template>\n      </a-alert>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport apiClient from '@/services/axios'\n\nlet img = ref('rhmt'),\n  link = ref(''),\n  qr = ref(null),\n  shortLink = ref(null),\n  color = ref('#FF4B33'),\n  response = ref(null),\n  responseType = ref(''),\n  responseColor = ref(''),\n  responseTitle = ref(''),\n  route = useRoute(),\n  format = ref('svg'),\n  loading = ref(false);\n\nconst generateQr = () => {\n  qr.value = null\n  loading.value = true\n  let params = {\n    link: link.value,\n    qr: {\n      logo: img.value,\n      color: color.value,\n      format: format.value\n    }\n  }\n  if (route.params.token) {\n    params.token = route.params.token\n  }\n  return apiClient.post('/auth/generate-qr', params).then(data => {\n    qr.value = data?.data?.data?.data?.['qr_img']\n    shortLink.value = data?.data?.data?.data?.['short_link']\n    response.value = data?.data?.data?.data ?? data?.data?.data?.error?.details\n    responseType.value = data?.data?.data?.success ? 'info' : 'error'\n    responseTitle.value = data?.data?.data?.success ? 'Успешно' : 'Ошибка'\n    responseColor.value = data?.data?.data?.success ? '#595c97' : '#d03133'\n    return data;\n  }).catch(e => {\n    response.value = e.error\n    responseColor.value = '#D03133'\n    responseTitle.value = 'Ошибка'\n    responseType.value = 'danger'\n  }).finally(() => {\n    loading.value = false\n  });\n}\n\n</script>\n<style scoped>\n:deep(.ant-col) {\n  width: 100%;\n  text-align: left;\n}\n</style>\n","import script from \"./generate.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./generate.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./generate.vue?vue&type=style&index=0&id=3d90bddb&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3d90bddb\"]])\n\nexport default __exports__"],"sourceRoot":""}