{"version":3,"sources":["webpack:///./src/apps/call/CallViewItem_components/CrmField.vue?1c3e","webpack:///./src/apps/call/CallViewItem_components/CrmFieldList.vue?c40b","webpack:///./src/apps/talkscript/components/utils.js","webpack:///./src/apps/call/CallViewItem_components/CrmFieldList.vue?83d3","webpack:///src/apps/call/CallViewItem_components/CrmFieldList.vue","webpack:///./src/apps/call/CallViewItem_components/CrmFieldList.vue?1ac9","webpack:///./src/apps/call/CallViewItem_components/CrmFieldList.vue","webpack:///./src/apps/call/CallViewItem_components/CrmField.vue?4d18","webpack:///src/apps/call/CallViewItem_components/CrmField.vue","webpack:///./src/apps/call/CallViewItem_components/CrmField.vue?1a8a","webpack:///./src/apps/call/CallViewItem_components/CrmField.vue"],"names":["actionTypes","jump","icon","collapse","expand","objection","add_playbook","custom","end_conversation","set_answer","capitalizeFirstLetter","string","length","charAt","toUpperCase","slice","isTextTruncated","elementId","element","document","getElementById","offsetWidth","scrollWidth","caseInsensitiveLooseEqual","string1","string2","toString","toLowerCase","PLAYBOOK_ITEM_DRAGGABLE_HANDLE","render","_vm","this","_c","_self","staticClass","attrs","getIconForCrmObject","class","_e","getCrmLogo","crmObject","service_key","tag","_l","fieldDefinition","index","key","playbookItem","itemId","clearCrmDataCount","downloadCrmDataCount","isOpenFromCallWrapUp","on","value","handleInputAnswers","id","setFieldValues","staticRenderFns","name","mixins","CrmLogoMixin","components","CrmField","props","type","Object","required","String","Number","default","Boolean","computed","linked_field","field_definition","object_type","counterpart","getCounterpartIcon","crm_object_link","methods","questionId","answers","handleAnswersChange","filter","answer","forEach","question_id","$set","fieldDefinitions","item","selectedAnswers","map","flat","$emit","component","getCrmFieldClass","_v","_s","computedFieldDefinitionLabel","internalValue","internalValueObject","itemUniqueId","disabled","handleValueChanged","TypedInputField","utils","previousValueEmitted","crmUpdatedFromCounterpartData","counterpartsWithLoadedData","uniqueId","fieldDefinitionLabel","label","isSingleSelectBox","fieldType","call_item","$route","query","editConversation","defaultClass","showInnerLabel","watch","val","handleExistingValues","immediate","deep","getTransformedValue","updateCrmField","isConversationEdited","newValue","transformedValue","handleCrmFieldLoaded","result","Array","isArray","text","hasOwnProperty","value_type","isSelect","isNonEmptyAnswer","isObject","JSON","stringify","undefined","external_resource","split","field","properties","isDate","convertFromUnixFormat","isDateTime","description","find","entry","primary","logicalName","logical_name","isLookup","valueList","options","option","counterpartData","data","crmField","isCustomField","is_custom_field","custom_fields","mapping","salesforce","getValueForSalesforce","hubspot","getValueForHubSpot","pipedrive","getValueForPipedrive","dynamics365","getValueForDynamics365","zendesk","getValueForZendesk","getValueMethod","crm_service","err","console","error","values","some","getAnswersForSelectItemType","isTag","parse","counterpartCRM","service","counterpartType","crmServiceAndTypeCombination","crmDataLoaded","setCRMValue"],"mappings":"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","file":"js/CrmField.5d595ad8.js","sourcesContent":["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!../../../../node_modules/vue-svg-inline-loader/src/index.js!./CrmField.vue?vue&type=style&index=0&id=667ff784&prod&scoped=true&lang=scss&\"","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!../../../../node_modules/vue-svg-inline-loader/src/index.js!./CrmFieldList.vue?vue&type=style&index=0&id=cfccb7f6&prod&scoped=true&lang=scss&\"","export const actionTypes = {\n  jump: {\n    icon: \"fas fa-sign-out-alt\"\n  },\n  collapse: {\n    icon: \"fas fa-chevron-up\"\n  },\n  expand: {\n    icon: \"fas fa-chevron-down\"\n  },\n  objection: {\n    icon: \"fas fa-bolt\"\n  },\n  add_playbook: {\n    icon: \"fas fa-play-circle\"\n  },\n  custom: {\n    icon: \"fas fa-solid fa-code\"\n  },\n  end_conversation: {\n    icon: \"fas fa-door-open\"\n  },\n  set_answer: {\n    icon: \"fas fa-sign-out-alt\"\n  }\n}\n\nexport function capitalizeFirstLetter (string) {\n  return string && string.length ? string.charAt(0).toUpperCase() + string.slice(1) : \"\"\n}\n\nexport function isTextTruncated (elementId) {\n  const element = document.getElementById(elementId)\n  if (element) {\n    return (element.offsetWidth < element.scrollWidth)\n  } else return false\n}\n\nexport function caseInsensitiveLooseEqual (string1, string2) {\n  /**\n     * convert both values to lower case and to string and compare if they are same\n     * equality check returns true for following cases otherwise returns strict equality value\n     *  - \"Abc\"===\"abc\" <- case-insensitive equality\n     *  - 123===\"123\" <- loose equality\n     * */\n  return !!string1 && !!string2\n    ? string1.toString().toLowerCase() === string2.toString().toLowerCase()\n    : string1 === string2\n}\n\nexport const PLAYBOOK_ITEM_DRAGGABLE_HANDLE = \"playbook-draggable-handle\"\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"d-flex align-items-center\",attrs:{\"id\":\"crm-field-label-div-202102090218\"}},[(!!_vm.getIconForCrmObject)?_c('i',{staticClass:\"mr-2\",class:_vm.getIconForCrmObject,attrs:{\"id\":\"crm-field-icon-202102090218\"}}):_vm._e(),_c(_vm.getCrmLogo(_vm.crmObject.service_key),{tag:\"component\",staticClass:\"crm-logo crm-logo__slate\",attrs:{\"id\":\"crm-field-logo-202102090218\"}})],1),_vm._l((_vm.fieldDefinitions),function(fieldDefinition,index){return _c('div',{key:index},[_c('CrmField',{attrs:{\"item\":_vm.playbookItem,\"item-id\":_vm.itemId,\"field-definition\":fieldDefinition,\"clear-crm-data-count\":_vm.clearCrmDataCount,\"download-crm-data-count\":_vm.downloadCrmDataCount,\"is-open-from-call-wrap-up\":_vm.isOpenFromCallWrapUp},on:{\"input\":value=>_vm.handleInputAnswers(fieldDefinition.id, index, value),\"set-internal-value\":value=>_vm.setFieldValues(fieldDefinition.id, index, value)}})],1)})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div id=\"crm-field-label-div-202102090218\"\n         class=\"d-flex align-items-center\"\n    >\n      <i id=\"crm-field-icon-202102090218\"\n         v-if=\"!!getIconForCrmObject\"\n         class=\"mr-2\"\n         :class=\"getIconForCrmObject\"\n      ></i>\n\n      <component\n        id=\"crm-field-logo-202102090218\"\n        :is=\"getCrmLogo(crmObject.service_key)\"\n        class=\"crm-logo crm-logo__slate\"\n      />\n    </div>\n    <div v-for=\"(fieldDefinition, index) in fieldDefinitions\"\n         :key=\"index\"\n    >\n      <CrmField\n        :item=\"playbookItem\"\n        :item-id=\"itemId\"\n        :field-definition=\"fieldDefinition\"\n        :clear-crm-data-count=\"clearCrmDataCount\"\n        :download-crm-data-count=\"downloadCrmDataCount\"\n        :is-open-from-call-wrap-up=\"isOpenFromCallWrapUp\"\n        @input=\"value=>handleInputAnswers(fieldDefinition.id, index, value)\"\n        @set-internal-value=\"value=>setFieldValues(fieldDefinition.id, index, value)\"\n      ></CrmField>\n    </div>\n  </div>\n\n</template>\n\n<script>\nimport CrmField from \"@/apps/call/CallViewItem_components/CrmField\"\nimport counterpartAppInfo from \"@/apps/counterpart\"\nimport CrmLogoMixin from \"@/apps/call_history/CallSummaryComponents/CrmLogoMixin\"\n\nexport default {\n  name: \"CrmFieldList\",\n  mixins: [CrmLogoMixin],\n  components: { CrmField },\n  props: {\n    playbookItem: {\n      type: Object,\n      required: true\n    },\n    itemId: {\n      type: [String, Number],\n      default: \"\",\n      required: false\n    },\n    clearCrmDataCount: {\n      type: Number,\n      default: 0\n    },\n    downloadCrmDataCount: {\n      type: Number,\n      default: 0\n    },\n    isOpenFromCallWrapUp: {\n      type: Boolean,\n      default: false\n    }\n  },\n  computed: {\n    fieldDefinitions () {\n      return this.playbookItem.linked_field.field_definition\n    },\n    getIconForCrmObject () {\n      if (!!this.playbookItem && !!this.crmObject && !!this.crmObject.object_type) {\n        return counterpartAppInfo.getCounterpartIcon(this.crmObject.object_type)\n      }\n      return \"\"\n    },\n    crmObject () {\n      return this.playbookItem.linked_field.crm_object_link\n    }\n  },\n  methods: {\n    handleInputAnswers (questionId, index, answers) {\n      this.setFieldValues(questionId, index, answers)\n      this.handleAnswersChange()\n    },\n    setFieldValues (questionId, index, answers) {\n      answers.filter(answer => answer).forEach(answer => {\n        answer.question_id = questionId\n      })\n      this.$set(this.fieldDefinitions[index], \"selectedAnswers\", answers)\n    },\n    handleAnswersChange () {\n      const answers = this.fieldDefinitions\n        .filter(item => item.selectedAnswers && item.selectedAnswers.length)\n        .map(item => item.selectedAnswers)\n        .flat()\n      this.$emit(\"input\", answers)\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.crm-logo {\n  width: 20px;\n  height: 20px;\n}\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./CrmFieldList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./CrmFieldList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CrmFieldList.vue?vue&type=template&id=cfccb7f6&scoped=true&\"\nimport script from \"./CrmFieldList.vue?vue&type=script&lang=js&\"\nexport * from \"./CrmFieldList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CrmFieldList.vue?vue&type=style&index=0&id=cfccb7f6&prod&scoped=true&lang=scss&\"\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  \"cfccb7f6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.getCrmFieldClass},[_c('div',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.computedFieldDefinitionLabel))]),_c('typed-input-field',{staticClass:\"input-field\",attrs:{\"id\":\"typed-input-field-202103212027\",\"value\":_vm.internalValue,\"value-object\":_vm.internalValueObject,\"item-id\":_vm.itemUniqueId,\"linked-field\":_vm.item.linked_field,\"field-definition\":_vm.fieldDefinition,\"is-open-from-call-wrap-up\":_vm.isOpenFromCallWrapUp,\"isDisabled\":_vm.disabled},on:{\"input\":_vm.handleValueChanged}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"getCrmFieldClass\">\n    <div class=\"label\">{{ computedFieldDefinitionLabel }}</div>\n\n    <typed-input-field\n      id=\"typed-input-field-202103212027\"\n      class=\"input-field\"\n      :value=\"internalValue\"\n      :value-object=\"internalValueObject\"\n      :item-id=\"itemUniqueId\"\n      :linked-field=\"item.linked_field\"\n      :field-definition=\"fieldDefinition\"\n      :is-open-from-call-wrap-up=\"isOpenFromCallWrapUp\"\n      :isDisabled=\"disabled\"\n      @input=\"handleValueChanged\"\n    ></typed-input-field>\n\n  </div>\n</template>\n\n<script>\nimport { typeServices, utils } from \"@/apps/call\"\nimport _isEqual from \"lodash/isEqual\"\nimport TypedInputField from \"@/apps/call/CallViewItem_components/TypedInputField\"\nimport { mapGetters } from \"vuex\"\nimport { currentCallStore } from \"@/store/services/callStore\"\nimport { caseInsensitiveLooseEqual } from \"@/apps/talkscript/components/utils\"\n\nexport default {\n  name: \"CrmField\",\n  components: {\n    TypedInputField\n  },\n  props: {\n    fieldDefinition: {\n      type: Object,\n      required: true\n    },\n    item: { // callItem\n      type: Object,\n      required: true\n    },\n    itemId: {\n      type: [String, Number],\n      default: \"\",\n      required: false\n    },\n    clearCrmDataCount: {\n      type: Number,\n      default: 0\n    },\n    downloadCrmDataCount: {\n      type: Number,\n      default: 0\n    },\n    isOpenFromCallWrapUp: {\n      type: Boolean,\n      default: false\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data () {\n    return {\n      utils,\n      internalValue: null,\n      internalValueObject: null, // contains information about internal value\n      previousValueEmitted: null,\n      crmUpdatedFromCounterpartData: false\n    }\n  },\n  computed: {\n    ...mapGetters({\n      counterpartsWithLoadedData: \"counterpartStore/getCounterpartsWithLoadedData\"\n    }),\n    itemUniqueId (item) {\n      return this.itemId ? this.itemId : item.uniqueId\n    },\n    computedFieldDefinitionLabel () {\n      const fieldDefinitionLabel = this.fieldDefinition.label\n      return this.isSingleSelectBox(this.fieldDefinition.fieldType) ? `${fieldDefinitionLabel}` : `${fieldDefinitionLabel}:`\n    },\n    crmObject () {\n      return this.item.linked_field.crm_object_link\n    },\n    answers () {\n      let answers\n      if (this.item.selectedAnswers) {\n        answers = this.item.selectedAnswers.length ? this.item.selectedAnswers : []\n      } else {\n        answers = this.item.call_item ? this.item.call_item.answers : null\n      }\n\n      if (answers && answers.length) {\n        return answers.filter(answer => caseInsensitiveLooseEqual(answer.question_id, this.fieldDefinition.id))\n      }\n      return answers\n    },\n    isConversationEdited () {\n      return !!this.$route.query.editConversation\n    },\n    showInnerLabel () {\n      return this.isOpenFromCallWrapUp && !this.isSingleSelectBox(this.fieldDefinition.fieldType)\n    },\n    getCrmFieldClass () {\n      let defaultClass = \"crm-field\"\n      if (this.isSingleSelectBox(this.fieldDefinition.fieldType)) defaultClass += \" checkbox-field\"\n      if (this.showInnerLabel) defaultClass += \" inner-label\"\n      return defaultClass\n    }\n  },\n  watch: {\n    answers: {\n      handler (val) {\n        if (val) {\n          this.handleExistingValues()\n        }\n      },\n      immediate: true,\n      deep: true\n    },\n    clearCrmDataCount (val) {\n      if (val && this.crmUpdatedFromCounterpartData) {\n        this.internalValue = null\n        this.$emit(\"input\", this.getTransformedValue(this.internalValue))\n        this.crmUpdatedFromCounterpartData = false\n      }\n    },\n    downloadCrmDataCount (val) {\n      if (val) this.updateCrmField()\n    }\n  },\n  mounted () {\n    if (this.downloadCrmDataCount > 0 && !this.isConversationEdited) this.updateCrmField()\n  },\n  methods: {\n    ...typeServices,\n    handleValueChanged (newValue) {\n      const transformedValue = this.getTransformedValue(newValue)\n      if (this.isOpenFromCallWrapUp && !newValue) this.$emit(\"input\", newValue)\n\n      if (!_isEqual(this.previousValueEmitted, transformedValue)) {\n        this.$emit(\"input\", transformedValue)\n        if (!this.isOpenFromCallWrapUp) {\n          this.handleCrmFieldLoaded({\n            crmObject: this.crmObject,\n            value: transformedValue,\n            itemId: this.item.id\n          })\n        }\n        this.previousValueEmitted = transformedValue\n      }\n    },\n    handleCrmFieldLoaded (crmObject) {\n      currentCallStore.handleCrmFieldLoaded(crmObject)\n    },\n    getTransformedValue (value) {\n      // This function transforms the value to a form that is appropriate to save\n      // this value as answer field in the item\n      let result = []\n      if (Array.isArray(value)) {\n        result = value.map(item => {\n          return {\n            text: !!item && item.hasOwnProperty(\"value\") ? item.value : item,\n            value_type: this.fieldDefinition.type\n          }\n        })\n      } else if (this.isSelect(this.fieldDefinition.fieldType) && !!value && this.isNonEmptyAnswer(value.value)) {\n        result = [{ text: value.value }]\n      } else if (this.isObject(value)) {\n        result = [{ text: JSON.stringify(value), value_type: \"object\" }]\n      } else if (value !== null && value !== undefined) {\n        // if value is false or anything else then, convert it to a string when adding to array\n        result = [{\n          text: value.toString(),\n          value_type: this.fieldDefinition.type\n        }]\n      }\n      // remove answers with empty text or null value and return.\n      return result.filter(item => this.isNonEmptyAnswer(item.text))\n    },\n    isNonEmptyAnswer (value) {\n      // Note: value can be 0 as well.\n      return value !== null && value !== undefined && value !== \"\"\n    },\n    getValueForSalesforce (counterpart, fieldDefinition) {\n      let value = counterpart.external_resource[fieldDefinition.id]\n      if (value === null || value === undefined) return null\n      if (this.isSelect(this.fieldDefinition.fieldType)) {\n        value = value.split(\";\").map(item => {\n          return { label: item, value: item }\n        })\n      }\n      return value\n    },\n    getValueForHubSpot (counterpart, fieldDefinition) {\n      const field = counterpart.external_resource.properties[fieldDefinition.id]\n      if (!field || !field.value) return null\n      let value = field.value\n      if (this.isDate(this.fieldDefinition.fieldType)) {\n        value = this.utils.convertFromUnixFormat(value, \"YYYY-MM-DD\")\n      }\n      if (this.isDateTime(this.fieldDefinition.fieldType)) {\n        value = this.utils.convertFromUnixFormat(value, \"YYYY-MM-DD hh:mm\")\n      }\n      if (this.isSelect(this.fieldDefinition.fieldType)) {\n        value = value.split(\";\").map(item => {\n          return { label: item, value: item }\n        })\n      }\n      return value\n    },\n    getValueForPipedrive (counterpart, fieldDefinition) {\n      let value = counterpart.external_resource[fieldDefinition.description]\n      if (!value) return null\n      if (this.isSelect(this.fieldDefinition.fieldType)) {\n        value = value.split(\",\").map(item => {\n          return { label: item, value: item }\n        })\n      }\n\n      // phone and email have multiple registries. Load the primary value only\n      if (this.fieldDefinition.description === \"phone\" || this.fieldDefinition.description === \"email\") {\n        return value.find(entry => entry.primary).value\n      }\n      return value\n    },\n    getValueForDynamics365 (counterpart, fieldDefinition) {\n      const logicalName = fieldDefinition.logical_name\n      const fieldType = fieldDefinition.fieldType\n\n      if (this.isLookup(fieldType)) {\n        return counterpart.external_resource[`_${logicalName}_value`]\n      }\n\n      const value = counterpart.external_resource[logicalName]\n\n      if (this.isSelect(fieldType)) {\n        if (fieldType === \"checkbox\") {\n          const valueList = value.split(\",\")\n          return valueList.map(item => {\n            return fieldDefinition.options.find(option => option.value.toString() === item.toString())\n          })\n        } else {\n          return fieldDefinition.options.find(option => option.value === value)\n        }\n      }\n\n      return value\n    },\n    getValueForZendesk (counterpart, fieldDefinition) {\n      const counterpartData = counterpart.external_resource.data\n      const crmField = fieldDefinition.label\n      const isCustomField = fieldDefinition.is_custom_field\n      return isCustomField ? counterpartData.custom_fields[crmField] : counterpartData[crmField]\n    },\n    setCRMValue (counterpart) {\n      try {\n        const mapping = {\n          salesforce: this.getValueForSalesforce,\n          hubspot: this.getValueForHubSpot,\n          pipedrive: this.getValueForPipedrive,\n          dynamics365: this.getValueForDynamics365,\n          zendesk: this.getValueForZendesk\n        }\n        const getValueMethod = mapping[counterpart.crm_service]\n        if (getValueMethod) {\n          this.internalValue = getValueMethod(counterpart, this.fieldDefinition)\n          this.$emit(\"input\", this.getTransformedValue(this.internalValue))\n        }\n        this.crmUpdatedFromCounterpartData = true\n      } catch (err) {\n        console.error(err)\n      }\n    },\n    isObject (value) {\n      return typeof value === \"object\" && !!value && Object.values(value).length > 0\n    },\n    getAnswersForSelectItemType (answers) {\n      // Retrieve answers(in label-value format) that are available in the options list\n      return this.fieldDefinition.options.filter(option =>\n        answers.some(answer => option.value.toString() === answer.text.toString())\n      )\n    },\n    handleExistingValues () {\n      try {\n        if (!this.answers || this.answers.length < 1) {\n          this.internalValue = null\n          return\n        }\n        // if previously selected answers exists for the item retrieve them accordingly\n        if (this.isSelect(this.fieldDefinition.fieldType)) {\n          this.internalValue = this.getAnswersForSelectItemType(this.answers)\n        } else if (this.isTag(this.fieldDefinition.fieldType)) {\n          this.internalValue = this.answers.map(item => item.text)\n        } else if (this.answers[0].value_type === \"object\") {\n          // When the crm field data is supposed to be an object but the answer is\n          // saved in text format we must convert the text to object\n          this.internalValue = JSON.parse(this.answers[0].text)\n        } else {\n          this.internalValue = this.answers[0].text\n          // for boolean type and datetime type answer, we need other attributes of answers as well\n          this.internalValueObject = this.answers[0]\n        }\n        this.$emit(\"set-internal-value\", this.getTransformedValue(this.internalValue))\n      } catch (error) {\n        console.error(error)\n      }\n    },\n    updateCrmField () {\n      const counterpartCRM = this.crmObject.service.key\n      const counterpartType = this.crmObject.object_type\n      const crmServiceAndTypeCombination = `${counterpartCRM}-${counterpartType}`\n      const counterpart = this.counterpartsWithLoadedData[crmServiceAndTypeCombination]\n\n      if (!!counterpart && !!counterpart.external_resource && counterpart.crmDataLoaded === true && !!this.fieldDefinition) {\n        this.setCRMValue(counterpart)\n      }\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.crm-field {\n  margin: 8px 0;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  position: relative;\n\n  .label {\n    width: calc(100% / 3);\n    word-break: break-word;\n  }\n\n  .input-field {\n    flex-grow: 1;\n    width: calc(200% / 3);\n  }\n\n  &.inner-label {\n    .label {\n      position: absolute;\n      top: 8px;\n      left: 16px;\n      z-index: 3;\n      font-size: 12px;\n      line-height: 14px;\n      width: unset;\n      color: rgba(11, 17, 93, 0.6);\n    }\n\n    .input-field {\n      width: 100%;\n    }\n  }\n\n  &.checkbox-field {\n    flex-direction: row-reverse;\n    justify-content: flex-end;\n\n    .label {\n      width: unset;\n    }\n\n    .input-field {\n      width: unset;\n      flex-grow: unset;\n    }\n  }\n}\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./CrmField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./CrmField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CrmField.vue?vue&type=template&id=667ff784&scoped=true&\"\nimport script from \"./CrmField.vue?vue&type=script&lang=js&\"\nexport * from \"./CrmField.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CrmField.vue?vue&type=style&index=0&id=667ff784&prod&scoped=true&lang=scss&\"\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  \"667ff784\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}