{"version":3,"sources":["webpack:///./src/views/fieldMapping/EditSalesForceLookup.vue?db40","webpack:///src/views/fieldMapping/EditSalesForceLookup.vue","webpack:///./src/views/fieldMapping/EditSalesForceLookup.vue?15cc","webpack:///./src/views/fieldMapping/EditSalesForceLookup.vue","webpack:///./src/views/fieldMapping/EditSalesForceLookup.vue?eadd"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","lookupTitle","on","$event","cancel","isValid","save","markDirty","model","value","callback","$$v","lookupName","expression","attributeFormList","scopedSlots","_u","key","fn","slotItem","item","name","vasionObject","salesForceObject","disableSync","syncLookup","defaultLookup","directives","rawName","ref","headerColumns","tableRows","cellChanged","showVasionSnackbar","vasionSnackbarImage","vasionSnackbarSubTitle","vasionSnackbarTitle","showLeaveDialog","clickedOutsideLeave","cancelLeave","doLeave","staticRenderFns","components","beforeRouteLeave","next","data","title","sortable","type","isDirty","loadedPayload","lookupId","salesForceObjectAtSync","salesForceObjectFieldList","synced","computed","attributeFormListFields","displaySalesForceTable","watch","created","methods","columnIndex","rowData","checkIfValid","hasField","hasSearch","createTable","obj","selectedSFObject","cellData","dropdownValues","canEdit","fieldName","subType","isDisabled","path","payload","id","objectName","fieldList","attributeFormID","fieldData","setTimeout","toggleLeaveDialog","component"],"mappings":"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CA,wDACA,GACAC,eACAA,eACAA,WACA,SACA,uEACAC,8CAAA,sCAEAD,YACAE,iBAEAF,YACAE,4DAAA,8CACAC,iHAAAjD,mBAAAZ,WACA8D,WACAC,aACAC,sBAEAN,YACAE,mCACAK,mBAIA,wBAKAlC,mBAAA,oJACA,sBACA,gBAAAmC,sBAAA,0CAFA,IAIApE,qBAAA,iBACAD,gBAAA,0JAkBA,OAjBAsE,GACAC,cACAxD,kBACAyD,8BACAC,aACAC,qCACAtD,+BAGA,uCAEA,EADA,KACA,qDACAuD,sCACAA,+EACAA,mCACAL,wBAEA,SAEA,4FACA,gCACA,gEACA,yBACA,wBACA,aACAM,uBACA,gBAAA7D,2BACA,8BAEA,8BACA,uDACA,yBACA,mEAjCA,IAoCAI,sBAAA,0JAGA,OAFA,YACA,iBACA,qDACA,mFAAAsD,SACAA,GAAA,gBAKA,OAJA,8BACA,qJACA,yBACA,wBACA,4CAGA,+BACAA,yBACA,mDAGA,gBAEA,gCACA,gGACA,yBACA,wBACA,YACA,4DAzBA,IA2BAI,6BAAA,+CClX6W,I,wBCQzWC,EAAY,eACd,EACA9F,EACAmD,GACA,EACA,KACA,WACA,MAIa,aAAA2C,E,6CCnBf","file":"js/chunk-80d4d230.5a9d2523.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page\",attrs:{\"id\":\"edit-salesforce-lookup\"}},[_c('div',{staticClass:\"vap-page-header\",attrs:{\"id\":\"edit-salesforce-lookup-header\"}},[_c('h1',{attrs:{\"id\":\"header\"}},[_vm._v(_vm._s(_vm.lookupTitle))]),_c('div',{staticClass:\"btns-container\"},[_c('VasionButton',{attrs:{\"classProp\":\"secondary\"},on:{\"vasionButtonClicked\":function($event){return _vm.cancel()}}},[_vm._v(\" Cancel \")]),_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"classProp\":\"primary\",\"isDisabled\":!_vm.isValid},on:{\"vasionButtonClicked\":function($event){return _vm.save()}}},[_vm._v(\" Save \")])],1)]),_c('div',{staticClass:\"vap-page-content\",attrs:{\"id\":\"main-section\"}},[_c('div',{attrs:{\"id\":\"lookup-details\"}},[_c('div',{staticClass:\"row\"},[_c('VasionInput',{staticClass:\"row-field\",attrs:{\"id\":\"lookup-name\",\"title\":\"LOOKUP NAME\",\"inputType\":\"top-white\",\"name\":\"lookup-name\",\"placeholder\":\"Enter Name...\",\"width\":'400'},on:{\"input\":function($event){return _vm.markDirty()}},model:{value:(_vm.lookupName),callback:function ($$v) {_vm.lookupName=$$v},expression:\"lookupName\"}}),_c('VasionDropList',{staticClass:\"row-field\",attrs:{\"dataArray\":_vm.attributeFormList,\"width\":\"326\",\"title\":\"VASION LOOKUP OBJECT\",\"placeholder\":\"Select Object...\",\"type\":\"plain-list\",\"displayName\":\"name\",\"valueName\":\"value\"},on:{\"input\":function($event){return _vm.markDirty()}},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.vasionObject),callback:function ($$v) {_vm.vasionObject=$$v},expression:\"vasionObject\"}})],1),_c('div',{staticClass:\"row\"},[_c('VasionInput',{staticClass:\"row-field\",attrs:{\"width\":\"400\",\"title\":\"SALESFORCE OBJECT\",\"inputType\":\"top-white\",\"placeholder\":\"Enter Object...\"},on:{\"input\":function($event){return _vm.markDirty()}},model:{value:(_vm.salesForceObject),callback:function ($$v) {_vm.salesForceObject=$$v},expression:\"salesForceObject\"}}),_c('VasionButton',{staticClass:\"add-database-connection-icon-button\",attrs:{\"isDisabled\":_vm.disableSync,\"classProp\":'secondary-grey'},on:{\"vasionButtonClicked\":function($event){return _vm.syncLookup()}}},[_c('label',[_vm._v(\"Sync\")])])],1),_c('div',{staticClass:\"row\"},[_c('VasionCheckbox',{attrs:{\"id\":'default-lookup-checkbox',\"checked\":_vm.defaultLookup},on:{\"change\":function($event){_vm.defaultLookup = !_vm.defaultLookup; _vm.markDirty()}}},[_vm._v(\" Default Lookup \")])],1),_c('div',{staticClass:\"row comment\"},[_vm._v(\" *You must have at least one field selected as a search field. \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.displaySalesForceTable),expression:\"displaySalesForceTable\"}],staticClass:\"vasion-html-table-default paddingRight\"},[_c('VasionEditableTable',{ref:\"salesforceTable\",attrs:{\"headerColumns\":_vm.headerColumns,\"tableRows\":_vm.tableRows},on:{\"cellValueChanged\":_vm.cellChanged}})],1)])]),_c('VasionSnackbar',{attrs:{\"id\":\"database-lookup-snack\",\"showSnackbarBool\":_vm.showVasionSnackbar,\"snackbarImage\":_vm.vasionSnackbarImage,\"snackbarSubTitle\":_vm.vasionSnackbarSubTitle,\"snackbarTitle\":_vm.vasionSnackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showVasionSnackbar=$event},\"update:show-snackbar-bool\":function($event){_vm.showVasionSnackbar=$event}}}),_c('md-dialog',{attrs:{\"id\":\"confirmLeave\",\"md-active\":_vm.showLeaveDialog},on:{\"update:mdActive\":function($event){_vm.showLeaveDialog=$event},\"update:md-active\":function($event){_vm.showLeaveDialog=$event},\"md-clicked-outside\":function($event){return _vm.clickedOutsideLeave()}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":\"Are you sure you want to leave? Changes have not been saved.\"},on:{\"noButtonClick\":function($event){return _vm.cancelLeave()},\"yesButtonClick\":function($event){return _vm.doLeave()}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"edit-salesforce-lookup\" class=\"vap-page\">\n    <div id=\"edit-salesforce-lookup-header\" class=\"vap-page-header\">\n      <h1 id=\"header\">{{ lookupTitle }}</h1>\n      <div class=\"btns-container\">\n        <VasionButton\n          classProp=\"secondary\"\n          @vasionButtonClicked=\"cancel()\"\n        >\n          Cancel\n        </VasionButton>\n\n        <VasionButton\n          class=\"last-btn\"\n          classProp=\"primary\"\n          :isDisabled=\"!isValid\"\n          @vasionButtonClicked=\"save()\"\n        >\n          Save\n        </VasionButton>\n      </div>\n    </div>\n\n    <div id=\"main-section\" class=\"vap-page-content\">\n      <div id=\"lookup-details\">\n        <div class=\"row\">\n          <VasionInput\n            id=\"lookup-name\"\n            v-model=\"lookupName\"\n            class=\"row-field\"\n            title=\"LOOKUP NAME\"\n            inputType=\"top-white\"\n            name=\"lookup-name\"\n            placeholder=\"Enter Name...\"\n            :width=\"'400'\"\n            @input=\"markDirty()\"\n          />\n\n          <VasionDropList\n            v-slot=\"slotItem\"\n            v-model=\"vasionObject\"\n            class=\"row-field\"\n            :dataArray=\"attributeFormList\"\n            width=\"326\"\n            title=\"VASION LOOKUP OBJECT\"\n            placeholder=\"Select Object...\"\n            type=\"plain-list\"\n            displayName=\"name\"\n            valueName=\"value\"\n            @input=\"markDirty()\"\n          >\n            {{ slotItem.item.name }}\n          </VasionDropList>\n        </div>\n        <div class=\"row\">\n          <VasionInput\n            v-model=\"salesForceObject\"\n            class=\"row-field\"\n            width=\"400\"\n            title=\"SALESFORCE OBJECT\"\n            inputType=\"top-white\"\n            placeholder=\"Enter Object...\"\n            @input=\"markDirty()\"\n          />\n\n          <VasionButton\n            class=\"add-database-connection-icon-button\"\n            :isDisabled=\"disableSync\"\n            :classProp=\"'secondary-grey'\"\n            @vasionButtonClicked=\"syncLookup()\"\n          >\n            <label>Sync</label>\n          </VasionButton>\n        </div>\n        <div class=\"row\">\n          <!-- Default Lookup Checkbox Here -->\n          <VasionCheckbox\n            :id=\"'default-lookup-checkbox'\"\n            :checked=\"defaultLookup\"\n            @change=\"defaultLookup = !defaultLookup; markDirty()\"\n          >\n            Default Lookup\n          </VasionCheckbox>\n        </div>\n\n        <div class=\"row comment\">\n          *You must have at least one field selected as a search field. \n        </div>\n        <div v-show=\"displaySalesForceTable\" class=\"vasion-html-table-default paddingRight\">\n          <!-- Table of Fields, SalesForce Fields, and Search Here -->\n          <VasionEditableTable\n            ref=\"salesforceTable\"\n            :headerColumns=\"headerColumns\"\n            :tableRows=\"tableRows\"\n            @cellValueChanged=\"cellChanged\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <VasionSnackbar\n      id=\"database-lookup-snack\"\n      :showSnackbarBool.sync=\"showVasionSnackbar\"\n      :snackbarImage=\"vasionSnackbarImage\"\n      :snackbarSubTitle=\"vasionSnackbarSubTitle\"\n      :snackbarTitle=\"vasionSnackbarTitle\"\n    />\n    <md-dialog id=\"confirmLeave\" :md-active.sync=\"showLeaveDialog\" @md-clicked-outside=\"clickedOutsideLeave()\">\n      <VasionConfirmationDialog\n        message=\"Are you sure you want to leave? Changes have not been saved.\"\n        @noButtonClick=\"cancelLeave()\"\n        @yesButtonClick=\"doLeave()\"\n      />\n    </md-dialog>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'EditSalesForceLookup',\n  components: {\n  },\n  beforeRouteLeave(to, from, next) {\n    if (this.isDirty && !this.routeTo) {\n      this.routeTo = to\n      this.toggleLeaveDialog()\n    } else {\n      this.routeTo = null\n      next()\n    }\n  },\n  data: function () {\n    return {\n      defaultLookup: false,\n      disableSync: true,\n      headerColumns: [\n        {title: 'Field', sortable: true, type: -1,},\n        {title: 'SalesForce Field', sortable: false, type: 2,},\n        {title: 'Search', sortable: false, type: 9,},\n      ],\n      isDirty: false,\n      isValid: false,\n      loadedPayload: {},\n      lookupId: 0,\n      lookupName: '',\n      salesForceObject: '',\n      salesForceObjectAtSync: '',\n      salesForceObjectFieldList: [],\n      showLeaveDialog: false,\n      showVasionSnackbar: false,\n      synced: false,\n      tableRows: [],\n      vasionObject: {},\n      vasionSnackbarImage: false,\n      vasionSnackbarSubTitle: '',\n      vasionSnackbarTitle: '',\n    }\n  },\n  computed: {\n    attributeFormList() {\n      return this.$store.state.attributeForm.forms.map((f) => {\n        return {\n          name: f.name,\n          value: f.value,\n        }\n      })\n    },\n    attributeFormListFields() {\n      return this.$store.state.common.indexFields\n    },\n    displaySalesForceTable() {\n      return Boolean(this.vasionObject?.value && this.synced)\n    },\n    lookupTitle() { return this.lookupId && this.lookupId > 0 ? this.lookupName : 'Untitled SalesForce Lookup' },\n  },\n  watch: {\n    attributeFormListFields: function () {\n      this.createTable()\n    },\n    defaultLookup: function () {\n      this.checkIfValid()\n    },\n    lookupName: function () {\n      this.checkIfValid()\n    },\n    salesForceObject: function () {\n      if (this.salesForceObject === '') {\n        this.disableSync = true\n      } else {\n        this.disableSync = false\n      }\n      this.checkIfValid()\n    },\n    vasionObject: function () {\n      this.$store.dispatch('common/getIndexFieldsForForm', this.vasionObject.value)\n      this.checkIfValid()\n    },\n  },\n  async created() {\n    this.tableRows = []\n    if (!this.attributeFormList || this.attributeFormList.length === 0) {\n      await this.$store.dispatch('attributeForm/getForms')\n    }\n    if (this.$route.params.lookupId && this.$route.params.lookupId > 0) {\n      this.loadedPayload = await this.$store.dispatch('fieldMapping/getSalesForceLookupDetails', this.$route.params.lookupId)\n      this.defaultLookup = this.loadedPayload.defaultLookup\n      this.lookupId = this.loadedPayload.id\n      this.lookupName = this.loadedPayload.name\n      this.salesForceObject = this.loadedPayload.objectName\n      await this.syncLookup()\n      this.vasionObject = this.attributeFormList.find(f => f.value === this.loadedPayload.attributeFormID)\n      if (this.loadedPayload.attributeFormID > 0) {\n        this.$store.dispatch('common/getIndexFieldsForForm', this.loadedPayload.attributeFormID)\n      }\n    }\n  },\n  methods: {\n    cancel() { this.$router.push({ name: 'DatabaseLookups' }) },\n    cancelLeave() {\n      this.routeTo = null\n      this.toggleLeaveDialog()\n    },\n    cellChanged({rowData, columnIndex}) {\n      if (columnIndex === 1) {\n        rowData.Cells[columnIndex + 1].isDisabled = rowData.Cells[columnIndex].cellData.name ? false : true\n        if (rowData.Cells[columnIndex + 1].isDisabled) {\n           rowData.Cells[columnIndex + 1].cellData = false\n        }\n      }\n      this.checkIfValid()\n      this.markDirty()\n    },\n    checkIfValid() {\n      this.isValid = true\n\n      if (!this.lookupName || this.lookupName === '' || this.lookupName.trim() === '') {\n        this.isValid = false\n      }\n\n      if (!this.salesForceObject || this.salesForceObject === '' || this.salesForceObject.trim() === '') {\n          this.isValid = false\n      }\n\n      if (this.salesForceObject !== this.salesForceObjectAtSync){\n        this.isValid = false\n      }\n      \n      if (!this.vasionObject || (!typeof this.vasionObject === 'object')\n        || (!this.vasionObject.name || this.vasionObject.name === '')\n        || (!this.vasionObject.value || this.vasionObject.value === '')) {\n          this.isValid = false\n      }\n\n      let hasField = false\n      let hasSearch = false\n      this.tableRows.forEach(element => {\n        if (element.Cells[1].cellData?.name){\n          hasField = true\n        }\n        if (element.Cells[2].cellData){\n          hasSearch = true\n        }\n      })\n      if (!hasField)\n        this.isValid = false\n      if (!hasSearch)\n        this.isValid = false\n    },\n    clickedOutsideLeave() { this.routeTo = null },\n    createTable() {\n      this.tableRows = []\n      let SameVasionObjectAsLoad = this.loadedPayload.attributeFormID === this.vasionObject.value\n      this.attributeFormListFields.forEach((field) => {\n        let obj = {}\n        obj.isSelected = false\n        obj.id = field.fieldID\n        obj.Cells = []\n        let selectedSFObject = false\n        if (this.loadedPayload && this.loadedPayload?.fieldList) {\n          selectedSFObject = this.loadedPayload.fieldList.find(element => element.objectFieldName === field.name)\n        }\n        obj.Cells[0] = {\n          cellData: field.name,\n        }\n        obj.Cells[1] = {\n          cellData: selectedSFObject && SameVasionObjectAsLoad ? this.salesForceObjectFieldList.find(element => element.name === selectedSFObject.salesForceFieldName) : null,\n          dropdownValues: this.salesForceObjectFieldList && this.salesForceObjectFieldList.length !== 0 ? this.salesForceObjectFieldList : [{name: '*No fields*', value: -1}],\n          canEdit: true,\n          fieldName: '',\n          subType: 'plain-list'\n        }\n        obj.Cells[2] = {\n          cellData: selectedSFObject && SameVasionObjectAsLoad ? selectedSFObject.useForSearch : false,\n          isDisabled: selectedSFObject && SameVasionObjectAsLoad ? false : true,\n        }\n        // `.push()`` is more reactive, which causes problems when editing a field when that column is used for sorting \n        // On this page, we DO NOT sort on editable columns, and we need the reactivity\n        this.tableRows.push(obj)\n        // this is less reactive, allowing the user to edit the field, and save, without the order changing - but doesn't update the UI as data is changed\n        // this.tableRows[index] = obj\n      })\n    },\n    async doLeave() {\n      this.toggleLeaveDialog()\n      this.$router.push({ path: this.routeTo.path })\n    },\n    markDirty() { this.isDirty = true },\n    async save() {\n      let payload = {\n        id: this.lookupId,\n        name: this.lookupName,\n        objectName: this.salesForceObject,\n        fieldList: [],\n        attributeFormID: this.vasionObject.value,\n        defaultLookup: this.defaultLookup,\n      }\n\n      this.tableRows.forEach(element => {\n        let fieldData = {}\n        if (element.Cells[1].cellData?.name){\n          fieldData.objectFieldName = element.Cells[0].cellData\n          fieldData.salesForceFieldName = element.Cells[1].cellData?.name\n          fieldData.useForSearch = element.Cells[2].cellData\n          payload.fieldList.push(fieldData)\n        }\n      })\n\n      if (await this.$store.dispatch('fieldMapping/saveSalesForceLookup', payload)) {\n        this.vasionSnackbarTitle = 'Success'\n        this.vasionSnackbarSubTitle = 'SalesForce Lookup saved successfully'\n        this.vasionSnackbarImage = true\n        this.showVasionSnackbar = true\n        this.isDirty = false\n        setTimeout(() => {\n          this.$router.push({ name: 'DatabaseLookups' })\n        }, 1500)\n      } else {\n        this.vasionSnackbarTitle = 'Error'\n        this.vasionSnackbarSubTitle = 'SalesForce Lookup NOT saved'\n        this.vasionSnackbarImage = false\n        this.showVasionSnackbar = true\n      }\n    },\n    async syncLookup() {\n      this.synced = false\n      this.disableSync = true\n      this.salesForceObjectAtSync = this.salesForceObject\n      const fieldList = await this.$store.dispatch('fieldMapping/getSalesForceFields', this.salesForceObject)\n      if (!fieldList) {\n        this.vasionSnackbarTitle = 'Error'\n        this.vasionSnackbarSubTitle = 'SalesForce Object Sync failed. Check the SalesForce Configuration and the given SalesForce Object. Either may be invalid.'\n        this.vasionSnackbarImage = false\n        this.showVasionSnackbar = true\n        this.disableSync = false\n        return\n      }\n      this.salesForceObjectFieldList = []\n      fieldList.forEach((element, index) => {\n        this.salesForceObjectFieldList[index] = {\"name\": element, \"value\": index}\n      }\n      )\n      this.createTable()\n\n      this.vasionSnackbarTitle = 'Success'\n      this.vasionSnackbarSubTitle = 'SalesForce Object Sync succeeded. SalesForce Field(s) are now loaded'\n      this.vasionSnackbarImage = true\n      this.showVasionSnackbar = true\n      this.synced = true\n      this.disableSync = false\n    },\n    toggleLeaveDialog() { this.showLeaveDialog = !this.showLeaveDialog },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n\n  #edit-salesforce-lookup {\n    #main-section {\n      #lookup-details {\n        .row {\n          width: 100%;\n          margin: 13px 0;\n          display: flex;\n\n          .row-field {\n            margin: 0 14px 5px 0;\n          }\n\n          .vasion-button {\n            &.add-database-connection-icon-button {\n              float: left;\n              margin-left: -10px;\n              margin-right: 3px;\n              margin-top: 20px;\n            }\n          }\n        }\n      }\n\n      #lookup-preview {\n        #content {\n          textarea {\n            width: 808px;\n            height: 245px;\n          }\n        }\n      }\n    }\n    \n    .comment {\n      padding-left: 200px;\n    }\n    \n    ::v-deep .table-header {\n      padding: 0px;\n    }\n    ::v-deep .vasion-html-table-default table td > div {\n      padding: 0px;\n    }\n    .paddingRight {\n      padding-right: 16px;\n    }\n  }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditSalesForceLookup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditSalesForceLookup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditSalesForceLookup.vue?vue&type=template&id=c1b4d98a&scoped=true&\"\nimport script from \"./EditSalesForceLookup.vue?vue&type=script&lang=js&\"\nexport * from \"./EditSalesForceLookup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditSalesForceLookup.vue?vue&type=style&index=0&id=c1b4d98a&prod&lang=scss&scoped=true&\"\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  \"c1b4d98a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditSalesForceLookup.vue?vue&type=style&index=0&id=c1b4d98a&prod&lang=scss&scoped=true&\""],"sourceRoot":""}