{"version":3,"sources":["webpack:///./src/components/SvgIcon.vue","webpack:///./src/components/SvgIcon.vue?426b","webpack:///./src/pages/publisher/settings/openAPI/index.vue?4b73","webpack:///./src/pages/seller/breadcrumbs.vue","webpack:///./src/pages/seller/breadcrumbs.vue?6deb","webpack:///./src/pages/seller/breadcrumbs.vue?6415","webpack:///./src/pages/publisher/settings/openAPI/index.vue","webpack:///./src/pages/publisher/settings/openAPI/index.vue?aff3","webpack:///./src/components/SvgIcon.vue?f1aa"],"names":["class","aria-hidden","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","xlink:href","$props","name","props","type","String","required","__exports__","render","__props","spinning","ref","apiKey","breadcrumbsData","title","color","links","path","copyKey","async","navigator","clipboard","writeText","value","message","success","getOpenApiKey","res","signApi","data","makeOpenApiKey","onBeforeMount"],"mappings":"2IACQA,MAAM,W,GACLA,MAAM,OAAOC,cAAY,Q,yEADhCC,gCAIO,OAJPC,EAIO,E,yBAHLD,gCAEM,MAFNE,EAEM,CADJC,gCAAyC,OAAnCC,aAAU,SAAWC,EAAAC,M,eAMhB,OACbC,MAAO,CACLD,KAAM,CACJE,KAAMC,OACNC,UAAU,K,iCCNlB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,oCCTf,W,kSC4BE,MAAML,EAAQM,E,ymDCtBhB,MAAMF,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,U,kCCRf,W,gPC2CA,MAAMG,EAAWC,kBAAI,GACfC,EAASD,iBAAI,MAEbE,EAAkB,CACxBC,MAAO,WACPC,MAAM,UACNC,MACE,CACE,CACEd,KAAM,OACNe,KAAM,gCAER,CACEf,KAAM,WACNe,KAAM,gCAER,CACEf,KAAM,WACNe,KAAM,kCAKNC,EAAUC,gBACRC,UAAUC,UAAUC,UAAUV,EAAOW,OAC3CC,OAAQC,QAAQ,UAAU,IAGtBC,EAAiBP,UACrBT,EAASa,OAAQ,EACjB,MAAMI,QAAYC,OAAQF,iBACpB,QAAED,EAAO,KAAEI,GAASF,EAExBf,EAAOW,MADLE,GACaI,EAAKjB,QAEL,GAEjBF,EAASa,OAAQ,GAGbO,EAAkBX,UACtBT,EAASa,OAAQ,EACjB,MAAMI,QAAYC,OAAQE,kBACpB,QAAEL,EAAO,KAAEI,GAASF,EACtBF,IACFb,EAAOW,MAAQM,EAAKjB,QAAU,GAC1BiB,EAAKjB,QACPY,OAAQC,QAAQ,2BAGpBf,EAASa,OAAQ,G,OAGnBQ,2BAAc,KACZL,M,ywDC3FF,MAAMnB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf,W","file":"js/chunk-331c5a56.8db87628.js","sourcesContent":["<template>\n  <span class=\"anticon\">\n    <svg class=\"icon\" aria-hidden=\"true\">\n      <use :xlink:href=\"`#icon-${name}`\"></use>\n    </svg>\n  </span>\n</template>\n  \n  <script>\n  export default {\n    props: {\n      name: {\n        type: String,\n        required: true,\n      },\n    },\n  };\n  </script>\n  \n  <style>\n  .anticon {\n    /* vertical-align: 0.01em; */\n  }\n  .icon {\n    width: 1em;\n    height: 1em;\n  }\n  </style>\n  ","import { render } from \"./SvgIcon.vue?vue&type=template&id=086feb10\"\nimport script from \"./SvgIcon.vue?vue&type=script&lang=js\"\nexport * from \"./SvgIcon.vue?vue&type=script&lang=js\"\n\nimport \"./SvgIcon.vue?vue&type=style&index=0&id=086feb10&lang=css\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=45a7de16&scoped=true&lang=less\"","<template>\n  <div class=\"breadcrumbs\">\n    <div class=\"link\">\n      <a :key=\"item.path\" v-for=\"(item, index) in props.breadcrumbsData.links\" :href=\"item.path\">\n        <span class=\"item\">\n          <span class=\"font\" :style=\"{'background-color':props.breadcrumbsData.color}\" v-if=\"index===1 && props.breadcrumbsData.hasTitleIcon==undefined\" >\n            <slot name=\"icon\"></slot>\n          </span>{{ item.name }}\n        </span>\n        <span>\n          <svg class=\"icon iconBread\" aria-hidden=\"true\" v-show=\"index < props.breadcrumbsData.links.length - 1\">\n            <use xlink:href=\"#icon-jiantou-you-cu\"></use>\n          </svg>\n        </span>\n      </a>\n    </div>\n    <div class=\"preface\">\n      <div class=\"title\">\n        <div class=\"font\" :style=\"{'background-color':props.breadcrumbsData.color}\" v-show=\"props.breadcrumbsData.hasTitleIcon\"><slot name=\"icon\"></slot></div>\n        <div>{{props.breadcrumbsData.title}}</div>\n      </div>\n      <div class=\"des\">{{props.breadcrumbsData.des}}</div>\n    </div>\n    \n  </div>\n</template>\n<script setup>\n  import {ref} from 'vue';\n  const props = defineProps(['breadcrumbsData']);\n</script>\n<style lang=\"less\" scoped>\n  .breadcrumbs {\n    padding: 14px 0 20px 0;\n    width: 100%;\n    height: 96px;\n    background: #F3F2F7;\n    border-radius: 0 0 8px 8px;\n    margin-top: 1px;\n    .link {\n      padding-bottom: 8px;\n      a {\n        font-weight: 400;\n        font-size: 12px;\n        color:var(--dark-3);\n        letter-spacing: 0.3px;\n        line-height: 16px;\n        text-decoration: none;\n        &:first-of-type{\n          margin-left: -3px;\n        }\n        &:last-child {\n          \n          >span{\n            color: var(--dark-2);\n          }\n          \n        }\n        .item{\n          border-radius: 4px;\n          padding:2px 4px;\n          &:hover{\n            background-color: var(--color-white);\n            // font-weight: 500;\n            color: var(--dark-1);\n          }\n          &:active{\n            background-color: var(--bg-gray-4);\n            opacity: 1;\n            font-weight: 500;\n          }\n        }\n      }\n      .font{\n        border-radius: 4px;\n        padding: 0 2px;\n        margin-right: 4px;\n        color: var(--dark-1);\n      }\n    }\n    .iconBread{\n      font-size: 11px;\n      // margin: 0 2px;\n    }\n    .title {\n      display: flex;\n      font-weight: 600;\n      font-size: 24px;\n      color: #0F0629;\n      letter-spacing: 0.5px;\n      line-height: 32px;\n      height: 32px;\n      margin-right: 16px;\n      .font{\n        width: 32px;\n        height: 32px;\n        font-size: 24px;\n        margin-right: 8px;\n        border-radius: 8px;\n        padding: 4px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n    .des {\n      font-weight: 400;\n      font-size: 14px;\n      color:var(--dark-2);\n      letter-spacing: 0.4px;\n      line-height: 28px;\n      height: 32px;\n      display: flex;\n      align-items: flex-end;\n    }\n  }\n  .preface{\n    display: flex;\n    justify-content: flex-start;\n  }\n</style>","import script from \"./breadcrumbs.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./breadcrumbs.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./breadcrumbs.vue?vue&type=style&index=0&id=f41d3540&lang=less&scoped=true\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-f41d3540\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./breadcrumbs.vue?vue&type=style&index=0&id=f41d3540&lang=less&scoped=true\"","<template>\n  <div class=\"open-api\">\n    <breadcrumbs :breadcrumbsData=\"breadcrumbsData\" #icon>\n      <svg class=\"icon\" aria-hidden=\"true\">\n          <use xlink:href=\"#icon-a-shezhi2\"></use>\n      </svg>\n    </breadcrumbs>\n    <a-spin :spinning=\"spinning\">\n      <div class=\"content\">\n        <div class=\"creat-api\">\n          <p>Create ArtemisAds Open API Key</p>\n          <div class=\"default-cont\">\n            <div v-if=\"apiKey\">API_Key: <span @click=\"copyKey\"> {{apiKey}}</span></div>\n            <artmisads-button v-else-if=\"apiKey === ''\" @click=\"makeOpenApiKey\" type=\"primary\">Generate</artmisads-button>\n          </div>\n        </div>\n        <div class=\"bottom-cont\">\n          <span>\n            <svg class=\"icon\" aria-hidden=\"true\">\n              <use xlink:href=\"#icon-a-warring-tianchong3\"></use>\n            </svg>\n          </span>\n          <div class=\"text\">\n            <span>Steps: Generate API Key > Development & Testing > Online API Call</span>\n            <span>View our developer docs for more info</span>\n          </div>\n        </div>\n      </div>\n    </a-spin>\n    \n  </div>\n</template>\n\n<script setup>\nimport { onBeforeMount, ref } from 'vue';\n\nimport { signApi } from '~/server/index'\n\nimport breadcrumbs from '../../../seller/breadcrumbs.vue';\n\nimport SvgIcon from '~/components/SvgIcon.vue';\nimport { message } from 'ant-design-vue';\n\nconst spinning = ref(false);\nconst apiKey = ref(null)\n\nconst breadcrumbsData = {\ntitle: 'Open API',\ncolor:'#FFD358',\nlinks: \n  [\n    {\n      name: 'Home',\n      path: '/publisher/settings/open-api'\n    },\n    {\n      name: 'Settings',\n      path: '/publisher/settings/open-api',\n    },\n    {\n      name: 'Open API',\n      path: '/publisher/settings/open-api'\n    }\n  ]\n};\n\nconst copyKey = async copyText => {\n  await navigator.clipboard.writeText(apiKey.value);\n  message.success('Copied!',1)\n}\n\nconst getOpenApiKey =  async() => {\n  spinning.value = true;\n  const res = await signApi.getOpenApiKey();\n  const { success, data } = res;\n  if (success) {\n    apiKey.value = data.apiKey || '';\n  } else {\n    apiKey.value = '';\n  }\n  spinning.value = false;\n}\n\nconst makeOpenApiKey =  async() => {\n  spinning.value = true;\n  const res = await signApi.makeOpenApiKey();\n  const { success, data } = res;\n  if (success) {\n    apiKey.value = data.apiKey || '';\n    if (data.apiKey) {\n      message.success('Open API Key Generated');\n    }\n  }\n  spinning.value = false;\n}\n\nonBeforeMount(() => {\n  getOpenApiKey();\n})\n\n</script>\n\n<style scoped lang=\"less\">\n  .open-api {\n    .content {\n      padding: 16px;\n      border-radius: 12px;\n      overflow: hidden;\n      border-radius: 12px;\n      background-color: var(--color-white);\n      box-shadow: var(--section-box-shadow-6);\n    }\n    .creat-api {\n      border-bottom: 1px solid var(--border-4);\n      padding-bottom: 30px;\n      > p {\n        font-size: 20px;\n        color: var(--dark-1);\n        letter-spacing: 0.5px;\n        line-height: 28px;\n        margin-bottom: 20px;\n      }\n      .default-cont {\n        height: 40px;\n        > div {\n          font-weight: 400;\n          font-size: 14px;\n          line-height: 40px;\n          letter-spacing: 0.5px;\n          > span {\n            font-weight: 500;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n    .bottom-cont {\n      position: relative;\n      display: flex;\n      padding-top: 16px;\n      > span {\n        display: flex;\n        width: 20px;\n        height: 20px;\n        border-radius: 10px;\n        box-shadow: 0 0 0 3px var(--yellow-icon-bg);\n        justify-content: center;\n        margin-right: 8px;\n        svg {\n          width: 22px;\n          min-width: 22px;\n          height: 22px;\n          fill: var(--yellow-7);\n          align-self: center;\n        }\n      }\n      .text {\n        display: flex;\n        flex-direction: column;\n        > span {\n          font-weight: 400;\n          font-size: 14px;\n          color: var(--dark-1);\n          line-height: 19px;\n          &:first-child {\n            margin-bottom: 8px;\n          }\n        }\n      }\n    }\n  }\n</style>","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=45a7de16&scoped=true&lang=less\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-45a7de16\"]])\n\nexport default __exports__","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!./SvgIcon.vue?vue&type=style&index=0&id=086feb10&lang=css\""],"sourceRoot":""}