{"version":3,"sources":["webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/DeveloperInstallDialog.vue?04c7","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/DeveloperInstallDialog.vue","webpack:///node_modules/@rancher/shell/pages/c/_cluster/uiplugins/DeveloperInstallDialog.vue","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/DeveloperInstallDialog.vue?1e9d","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/DeveloperInstallDialog.vue?6ac4","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/DeveloperInstallDialog.vue?d024","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/DeveloperInstallDialog.vue?eea1"],"names":["___CSS_LOADER_API_IMPORT___","exports","push","module","i","render","_vm","this","_c","_self","attrs","staticClass","_v","_s","t","directives","name","rawName","on","updateLocation","model","value","location","callback","$$v","expression","updateName","persist","$event","closeDialog","loadPlugin","staticRenderFns","components","AsyncButton","Checkbox","LabeledInput","data","canModifyName","canModifyLocation","watch","neu","old","concat","names","split","last","length","index","indexOf","substr","methods","showDialog","$modal","show","result","hide","$emit","v","btnCb","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","url","_parts","n","version","crdName","parts","pluginCR","wrap","_context","prev","next","pop","join","$store","dispatch","type","UI_PLUGIN","metadata","namespace","UI_PLUGIN_NAMESPACE","spec","plugin","endpoint","noCache","developer","direct","sent","save","method","t0","console","error","$plugin","loadAsync","then","title","message","timeout","root","catch","_typeof","stop","component","content","__esModule","default","locals","add"],"mappings":"wIACA,IAAIA,EAA8B,EAAQ,QAC1CC,EAAUD,GAA4B,GAEtCC,EAAQC,KAAK,CAACC,EAAOC,EAAI,85BAA+5B,KAEx7BD,EAAOF,QAAUA,G,yDCNbI,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,+BAA+B,OAAS,OAAO,YAAa,IAAO,CAACF,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,KAAK,CAACF,EAAIM,GAAG,WAAWN,EAAIO,GAAGP,EAAIQ,EAAE,4BAA4B,YAAYR,EAAIM,GAAG,KAAKJ,EAAG,IAAI,CAACF,EAAIM,GAAG,WAAWN,EAAIO,GAAGP,EAAIQ,EAAE,6BAA6B,YAAYR,EAAIM,GAAG,KAAKJ,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,eAAe,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,YAAYP,MAAM,CAAC,YAAY,gCAAgCQ,GAAG,CAAC,MAAQZ,EAAIa,gBAAgBC,MAAM,CAACC,MAAOf,EAAIgB,SAAUC,SAAS,SAAUC,GAAMlB,EAAIgB,SAASE,GAAKC,WAAW,eAAe,KAAKnB,EAAIM,GAAG,KAAKJ,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,eAAe,CAACE,MAAM,CAAC,YAAY,iCAAiCQ,GAAG,CAAC,MAAQZ,EAAIoB,YAAYN,MAAM,CAACC,MAAOf,EAAIU,KAAMO,SAAS,SAAUC,GAAMlB,EAAIU,KAAKQ,GAAKC,WAAW,WAAW,GAAGnB,EAAIM,GAAG,KAAKJ,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,WAAW,CAACE,MAAM,CAAC,YAAY,oCAAoCU,MAAM,CAACC,MAAOf,EAAIqB,QAASJ,SAAS,SAAUC,GAAMlB,EAAIqB,QAAQH,GAAKC,WAAW,cAAc,GAAGnB,EAAIM,GAAG,KAAKJ,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACH,EAAG,SAAS,CAACG,YAAY,qBAAqBD,MAAM,CAAC,cAAc,oCAAoCQ,GAAG,CAAC,MAAQ,SAASU,GAAQ,OAAOtB,EAAIuB,iBAAiB,CAACvB,EAAIM,GAAG,eAAeN,EAAIO,GAAGP,EAAIQ,EAAE,mBAAmB,gBAAgBR,EAAIM,GAAG,KAAKJ,EAAG,cAAc,CAACE,MAAM,CAAC,KAAO,OAAO,cAAc,qCAAqCQ,GAAG,CAAC,MAAQZ,EAAIwB,eAAe,UAEvlDC,EAAkB,G,yICKP,GACfC,WAAA,CACAC,mBACAC,gBACAC,qBAGAC,KAAA,WACA,OACApB,KAAA,GACAM,SAAA,GACAK,SAAA,EACAU,eAAA,EACAC,mBAAA,IAIAC,MAAA,CACAvB,KAAA,SAAAwB,EAAAC,GACA,KAAAH,oBACA,KAAAhB,SAAA,QAAAoB,OAAAF,EAAA,KAAAE,OAAAF,EAAA,iBAGAlB,SAAA,SAAAkB,EAAAC,GACA,QAAAJ,cAAA,CACA,IAAAM,EAAAH,EAAAI,MAAA,KACAC,EAAAF,IAAAG,OAAA,GACAC,EAAAF,EAAAG,QAAA,gBAEA,IAAAD,EACAF,IAAAI,OAAA,EAAAF,IAEAA,EAAAF,EAAAG,QAAA,YACA,IAAAD,IACAF,IAAAI,OAAA,EAAAF,KAIA,KAAA/B,KAAA6B,KAKAK,QAAA,CACAC,WAAA,WACA,KAAAC,OAAAC,KAAA,iCAEAxB,YAAA,SAAAyB,GACA,KAAAF,OAAAG,KAAA,gCACA,KAAAC,MAAA,SAAAF,IAGA5B,WAAA,SAAA+B,GACA,KAAApB,cAAA,IAAAoB,EAAAX,QAGA3B,eAAA,SAAAsC,GACA,KAAAnB,kBAAA,IAAAmB,EAAAX,QAGAhB,WAAA,SAAA4B,GAAA,IAAAC,EAAA,YAAAC,eAAAC,IAAAC,MAAA,SAAAC,IAAA,IAAA/C,EAAAgD,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAT,IAAAU,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAqBA,GApBA1D,EAAA2C,EAAA3C,KACAgD,EAAAL,EAAArC,SAEAN,IACAqD,EAAAL,EAAApB,MAAA,KACAsB,EAAAG,IAAAvB,OAAA,GAGA9B,EAAAkD,EAAAtB,MAAA,SAIAuB,EAAA,QACAC,EAAApD,EAEAqD,EAAArD,EAAA4B,MAAA,KAEAyB,EAAAvB,QAAA,IACAqB,EAAAE,EAAAM,MACAP,EAAAC,EAAAO,KAAA,OAGAjB,EAAAhC,QAAA,CAAA6C,EAAAE,KAAA,gBAAAF,EAAAE,KAAA,GACAf,EAAAkB,OAAAC,SAAA,qBACAC,KAAAC,OACAC,SAAA,CACAjE,OACAkE,UAAAC,QAEAC,KAAA,CACAC,OAAA,CACArE,KAAAoD,EACAD,UACAmB,SAAAtB,EACAuB,SAAA,EACAN,SAAA,CACAO,UAAA,OACAC,OAAA,YAIA,QAlBA,OAAAnB,EAAAE,EAAAkB,KAAAlB,EAAAC,KAAA,GAAAD,EAAAE,KAAA,GAqBAJ,EAAAqB,KAAA,CAAA3B,IAAA,OAAAtB,OAAAsC,QAAAY,OAAA,iBAAApB,EAAAE,KAAA,iBAAAF,EAAAC,KAAA,GAAAD,EAAAqB,GAAArB,EAAA,aAEAsB,QAAAC,MAAA,kCAAAvB,EAAAqB,IACAnC,GAAA,WAIAC,EAAAqC,QAAAC,UAAAjF,EAAAgD,GAAAkC,MAAA,WACAvC,EAAA9B,aAAA,GACA8B,EAAAkB,OAAAC,SAAA,iBACAqB,MAAAxC,EAAA7C,EAAA,yBAAAE,SACAoF,QAAAzC,EAAA7C,EAAA,2BACAuF,QAAA,KACA,CAAAC,MAAA,IACA5C,GAAA,MACA6C,OAAA,SAAAR,GACArC,GAAA,GAEA,IAAA0C,EAAA,WAAAI,eAAAT,GAAApC,EAAA7C,EAAA,yBAAAiF,EAEApC,EAAAkB,OAAAC,SAAA,eACAqB,MAAAxC,EAAA7C,EAAA,uBACAsF,UACAC,QAAA,KACA,CAAAC,MAAA,OACA,yBAAA9B,EAAAiC,UAAA1C,EAAA,mBAtEAH,MCnEwV,I,wBCQpV8C,EAAY,eACd,EACArG,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAA2E,E,2CCnBf,W,qBCGA,IAAIC,EAAU,EAAQ,QACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACxG,EAAOC,EAAIuG,EAAS,MAC7DA,EAAQG,SAAQ3G,EAAOF,QAAU0G,EAAQG,QAE5C,IAAIC,EAAM,EAAQ,QAA8DF,QACnEE,EAAI,WAAYJ,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa","file":"js/pages/c/_cluster/uiplugins/DeveloperInstallDialog.96b81b74.js","sourcesContent":["// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".plugin-install-dialog[data-v-2191eda8]{padding:10px}.plugin-install-dialog h4[data-v-2191eda8]{font-weight:700}.plugin-install-dialog .dialog-panel[data-v-2191eda8]{display:flex;flex-direction:column;min-height:100px}.plugin-install-dialog .dialog-panel p[data-v-2191eda8]{margin-bottom:5px}.plugin-install-dialog .dialog-panel .dialog-info[data-v-2191eda8]{flex:1}.plugin-install-dialog .dialog-panel .toggle-advanced[data-v-2191eda8]{display:flex;align-items:center;cursor:pointer;margin:10px 0}.plugin-install-dialog .dialog-panel .toggle-advanced[data-v-2191eda8]:hover{text-decoration:none;color:var(--link)}.plugin-install-dialog .dialog-panel .version-selector[data-v-2191eda8]{margin:0 10px 10px 10px;width:auto}.plugin-install-dialog .dialog-buttons[data-v-2191eda8]{display:flex;justify-content:flex-end;margin-top:10px}.plugin-install-dialog .dialog-buttons[data-v-2191eda8]>:not(:last-child){margin-right:10px}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('modal',{attrs:{\"name\":\"developerInstallPluginDialog\",\"height\":\"auto\",\"scrollable\":true}},[_c('div',{staticClass:\"plugin-install-dialog\"},[_c('h4',[_vm._v(\"\\n      \"+_vm._s(_vm.t('plugins.developer.title'))+\"\\n    \")]),_vm._v(\" \"),_c('p',[_vm._v(\"\\n      \"+_vm._s(_vm.t('plugins.developer.prompt'))+\"\\n    \")]),_vm._v(\" \"),_c('div',{staticClass:\"custom mt-10\"},[_c('div',{staticClass:\"fields\"},[_c('LabeledInput',{directives:[{name:\"focus\",rawName:\"v-focus\"}],attrs:{\"label-key\":\"plugins.developer.fields.url\"},on:{\"input\":_vm.updateLocation},model:{value:(_vm.location),callback:function ($$v) {_vm.location=$$v},expression:\"location\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"custom mt-10\"},[_c('div',{staticClass:\"fields\"},[_c('LabeledInput',{attrs:{\"label-key\":\"plugins.developer.fields.name\"},on:{\"input\":_vm.updateName},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"fields mt-10\"},[_c('Checkbox',{attrs:{\"label-key\":\"plugins.developer.fields.persist\"},model:{value:(_vm.persist),callback:function ($$v) {_vm.persist=$$v},expression:\"persist\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"dialog-buttons mt-20\"},[_c('button',{staticClass:\"btn role-secondary\",attrs:{\"data-testid\":\"dev-install-ext-modal-cancel-btn\"},on:{\"click\":function($event){return _vm.closeDialog()}}},[_vm._v(\"\\n          \"+_vm._s(_vm.t('generic.cancel'))+\"\\n        \")]),_vm._v(\" \"),_c('AsyncButton',{attrs:{\"mode\":\"load\",\"data-testid\":\"dev-install-ext-modal-install-btn\"},on:{\"click\":_vm.loadPlugin}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport AsyncButton from '@shell/components/AsyncButton';\nimport { LabeledInput } from '@components/Form/LabeledInput';\nimport Checkbox from '@components/Form/Checkbox/Checkbox.vue';\nimport { UI_PLUGIN } from '@shell/config/types';\nimport { UI_PLUGIN_NAMESPACE } from '@shell/config/uiplugins';\n\nexport default {\n  components: {\n    AsyncButton,\n    Checkbox,\n    LabeledInput,\n  },\n\n  data() {\n    return {\n      name:              '',\n      location:          '',\n      persist:           false,\n      canModifyName:     true,\n      canModifyLocation: true,\n    };\n  },\n\n  watch: {\n    name(neu, old) {\n      if (this.canModifyLocation) {\n        this.location = `/pkg/${ neu }/${ neu }.umd.min.js`;\n      }\n    },\n    location(neu, old) {\n      if (this.canModifyName) {\n        const names = neu.split('/');\n        let last = names[names.length - 1];\n        let index = last.indexOf('.umd.min.js');\n\n        if (index !== -1) {\n          last = last.substr(0, index);\n        } else {\n          index = last.indexOf('.umd.js');\n          if (index !== -1) {\n            last = last.substr(0, index);\n          }\n        }\n\n        this.name = last;\n      }\n    }\n  },\n\n  methods: {\n    showDialog() {\n      this.$modal.show('developerInstallPluginDialog');\n    },\n    closeDialog(result) {\n      this.$modal.hide('developerInstallPluginDialog');\n      this.$emit('closed', result);\n    },\n\n    updateName(v) {\n      this.canModifyName = v.length === 0;\n    },\n\n    updateLocation(v) {\n      this.canModifyLocation = v.length === 0;\n    },\n\n    async loadPlugin(btnCb) {\n      let name = this.name;\n      const url = this.location;\n\n      if (!name) {\n        const parts = url.split('/');\n        const n = parts[parts.length - 1];\n\n        // Split on '.'\n        name = n.split('.')[0];\n      }\n\n      // Try and parse version number from the name\n      let version = '0.0.1';\n      let crdName = name;\n\n      const parts = name.split('-');\n\n      if (parts.length >= 2) {\n        version = parts.pop();\n        crdName = parts.join('-');\n      }\n\n      if (this.persist) {\n        const pluginCR = await this.$store.dispatch('management/create', {\n          type:     UI_PLUGIN,\n          metadata: {\n            name,\n            namespace: UI_PLUGIN_NAMESPACE\n          },\n          spec: {\n            plugin: {\n              name:     crdName,\n              version,\n              endpoint: url,\n              noCache:  true,\n              metadata: {\n                developer: 'true',\n                direct:    'true'\n              }\n            }\n          }\n        });\n\n        try {\n          await pluginCR.save({ url: `/v1/${ UI_PLUGIN }`, method: 'POST' });\n        } catch (e) {\n          console.error('Could not create CRD for plugin', e); // eslint-disable-line no-console\n          btnCb(false);\n        }\n      }\n\n      this.$plugin.loadAsync(name, url).then(() => {\n        this.closeDialog(true);\n        this.$store.dispatch('growl/success', {\n          title:   this.t('plugins.success.title', { name }),\n          message: this.t('plugins.success.message'),\n          timeout: 3000,\n        }, { root: true });\n        btnCb(true);\n      }).catch((error) => {\n        btnCb(false);\n        // this.closeDialog(false);\n        const message = typeof error === 'object' ? this.t('plugins.error.message') : error;\n\n        this.$store.dispatch('growl/error', {\n          title:   this.t('plugins.error.title'),\n          message,\n          timeout: 5000\n        }, { root: true });\n      });\n    }\n  }\n};\n</script>\n\n<template>\n  <modal\n    name=\"developerInstallPluginDialog\"\n    height=\"auto\"\n    :scrollable=\"true\"\n  >\n    <div class=\"plugin-install-dialog\">\n      <h4>\n        {{ t('plugins.developer.title') }}\n      </h4>\n      <p>\n        {{ t('plugins.developer.prompt') }}\n      </p>\n      <div class=\"custom mt-10\">\n        <div class=\"fields\">\n          <LabeledInput\n            v-model=\"location\"\n            v-focus\n            label-key=\"plugins.developer.fields.url\"\n            @input=\"updateLocation\"\n          />\n        </div>\n      </div>\n      <div class=\"custom mt-10\">\n        <div class=\"fields\">\n          <LabeledInput\n            v-model=\"name\"\n            label-key=\"plugins.developer.fields.name\"\n            @input=\"updateName\"\n          />\n        </div>\n        <div class=\"fields mt-10\">\n          <Checkbox\n            v-model=\"persist\"\n            label-key=\"plugins.developer.fields.persist\"\n          />\n        </div>\n        <div class=\"dialog-buttons mt-20\">\n          <button\n            class=\"btn role-secondary\"\n            data-testid=\"dev-install-ext-modal-cancel-btn\"\n            @click=\"closeDialog()\"\n          >\n            {{ t('generic.cancel') }}\n          </button>\n          <AsyncButton\n            mode=\"load\"\n            data-testid=\"dev-install-ext-modal-install-btn\"\n            @click=\"loadPlugin\"\n          />\n        </div>\n      </div>\n    </div>\n  </modal>\n</template>\n\n<style lang=\"scss\" scoped>\n  .plugin-install-dialog {\n    padding: 10px;\n\n    h4 {\n      font-weight: bold;\n    }\n\n    .dialog-panel {\n      display: flex;\n      flex-direction: column;\n      min-height: 100px;\n\n      p {\n        margin-bottom: 5px;\n      }\n\n      .dialog-info {\n        flex: 1;\n      }\n\n      .toggle-advanced {\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n        margin: 10px 0;\n\n        &:hover {\n          text-decoration: none;\n          color: var(--link);\n        }\n      }\n\n      .version-selector {\n        margin: 0 10px 10px 10px;\n        width: auto;\n      }\n    }\n\n    .dialog-buttons {\n      display: flex;\n      justify-content: flex-end;\n      margin-top: 10px;\n\n      > *:not(:last-child) {\n        margin-right: 10px;\n      }\n    }\n  }\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../../../babel-loader/lib/index.js??ref--16-1!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./DeveloperInstallDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../../../babel-loader/lib/index.js??ref--16-1!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./DeveloperInstallDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeveloperInstallDialog.vue?vue&type=template&id=2191eda8&scoped=true&\"\nimport script from \"./DeveloperInstallDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./DeveloperInstallDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DeveloperInstallDialog.vue?vue&type=style&index=0&id=2191eda8&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2191eda8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./DeveloperInstallDialog.vue?vue&type=style&index=0&id=2191eda8&prod&lang=scss&scoped=true&\"","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./DeveloperInstallDialog.vue?vue&type=style&index=0&id=2191eda8&prod&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../../vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"1c312778\", content, true, {\"sourceMap\":false,\"shadowMode\":false});"],"sourceRoot":""}