{"version":3,"sources":["webpack:///./src/components/pages/conversation/create.vue?133f","webpack:///./src/consts/price-range-sale.js","webpack:///./src/mixins/ad-sale-price-range.js","webpack:///./src/components/pages/conversation/create.vue?4e85","webpack:///./src/components/pages/conversation/create.vue","webpack:///src/components/pages/conversation/create.vue","webpack:///./src/components/pages/conversation/create.vue?1e4d","webpack:///./src/components/pages/conversation/create.vue?b751","webpack:///./src/mixins/price-details.js","webpack:///./src/components/pages/conversation/create.vue?ede9","webpack:///./src/consts/price-range-rental.js","webpack:///./src/mixins/ad-rental-price-range.js"],"names":["PRICE_RANGE_SALE_100","PRICE_RANGE_SALE_500","PRICE_RANGE_SALE_1000","PRICE_RANGE_SALE_2000","PRICE_RANGE_SALE_MORE","AdSalePriceRange","data","salePriceRangeOptions","value","text","this","$t","methods","getSalePriceRangeLabel","priceRange","filter","x","first","render","_vm","_c","_self","ad","staticClass","attrs","$consts","enums","PORTAL_HEADER","name","urls","URL_LIST_CONVERSATION","otherParticipantId","adId","adTitle","adImage","getPriceDetailsFromAd","adOrganization","conversationInitialBody","conversationInitialAttributes","Date","now","autoMessage","on","createConversationWithAutoMessage","otherParticipantName","createConversation","_e","staticRenderFns","creatingConversation","mixins","PriceDetails","components","ConversationBubble","AdSnippet","NavReturn","SendMessageForm","ConversationSidebar","_createConversation","_asyncToGenerator","message","result","ConversationService","conversation","TwilioService","addMessageToConversation","sid","body","$router","replace","URL_CONVERSATION_DETAIL","params","id","_x","apply","arguments","_createConversationWithAutoMessage","computed","$route","split","last","translationOrDefault","title","gallery","organization","user","profile","publicName","Action","CREATE_CONVERSATION","query","apollo","$options","AdById","variables","language","CONTENT_LANG_FR","component","AdRentalPriceRange","translation","priceDetails","isAvailableForRent","isAvailableForSale","isAvailableForDonation","isAvailableForTrade","rentPriceDescription","rentPriceToBeDetermined","salePriceDescription","salePriceToBeDetermined","donationDescription","tradeDescription","rentPrice","$format","formatMoney","salePrice","rentPriceRange","getRentalPriceRangeLabel","salePriceRange","gqlDocs","handler","default","module","exports","PRICE_RANGE_RENTAL_100","PRICE_RANGE_RENTAL_500","PRICE_RANGE_RENTAL_1000","PRICE_RANGE_RENTAL_2000","PRICE_RANGE_RENTAL_MORE","rentalPriceRangeOptions","label"],"mappings":"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","file":"js/chunk-6be740c2.075892bd.js","sourcesContent":["import mod from \"-!../../../../node_modules/vue-graphql-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./create.vue?vue&type=custom&index=0&blockType=graphql\"; export default mod; export * from \"-!../../../../node_modules/vue-graphql-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./create.vue?vue&type=custom&index=0&blockType=graphql\"","export const PRICE_RANGE_SALE_100 = \"ONE_HUNDRED\";\r\nexport const PRICE_RANGE_SALE_500 = \"FIVE_HUNDRED\";\r\nexport const PRICE_RANGE_SALE_1000 = \"ONE_THOUSAND\";\r\nexport const PRICE_RANGE_SALE_2000 = \"TWO_THOUSAND\";\r\nexport const PRICE_RANGE_SALE_MORE = \"MORE\";\r\n","import {\r\n  PRICE_RANGE_SALE_100,\r\n  PRICE_RANGE_SALE_500,\r\n  PRICE_RANGE_SALE_1000,\r\n  PRICE_RANGE_SALE_2000,\r\n  PRICE_RANGE_SALE_MORE\r\n} from \"@/consts/price-range-sale\";\r\n\r\nexport const AdSalePriceRange = {\r\n  data() {\r\n    return {\r\n      salePriceRangeOptions: [\r\n        { value: PRICE_RANGE_SALE_100, text: this.$t(\"select.price-range-0-100\") },\r\n        { value: PRICE_RANGE_SALE_500, text: this.$t(\"select.price-range-100-500\") },\r\n        { value: PRICE_RANGE_SALE_1000, text: this.$t(\"select.price-range-500-1000\") },\r\n        { value: PRICE_RANGE_SALE_2000, text: this.$t(\"select.price-range-1000-2000\") },\r\n        { value: PRICE_RANGE_SALE_MORE, text: this.$t(\"select.price-range-2000-or-more\") }\r\n      ]\r\n    };\r\n  },\r\n  methods: {\r\n    getSalePriceRangeLabel: function (priceRange) {\r\n      return this.salePriceRangeOptions.filter((x) => x.value === priceRange).first().text;\r\n    }\r\n  }\r\n};\r\n","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!./create.vue?vue&type=style&index=0&id=ea785406&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.ad)?_c('div',{staticClass:\"conversation-detail\"},[_c('portal',{attrs:{\"to\":_vm.$consts.enums.PORTAL_HEADER}},[_c('div',[_c('nav-return',{attrs:{\"aria-title\":_vm.$t('sr.conversation-nav'),\"to\":{ name: _vm.$consts.urls.URL_LIST_CONVERSATION }}},[_c('conversation-sidebar',{attrs:{\"other-participant-id\":_vm.otherParticipantId}})],1),_c('ad-snippet',{attrs:{\"id\":_vm.adId,\"title\":_vm.adTitle,\"image\":_vm.adImage,\"price-details\":_vm.getPriceDetailsFromAd(_vm.ad),\"organization\":_vm.adOrganization,\"snippet-is-link\":\"\"}})],1)]),[_c('div',{staticClass:\"conversation-detail__bubble\"},[_c('div',{staticClass:\"conversation-detail__bubble-section section section--md my-3 d-flex flex-column\"},[_c('conversation-bubble',{attrs:{\"body\":_vm.conversationInitialBody,\"is-current-user\":false,\"is-system\":true,\"attributes\":_vm.conversationInitialAttributes,\"date-updated\":new Date(Date.now()),\"auto-message\":_vm.autoMessage},on:{\"createConversation\":_vm.createConversationWithAutoMessage}})],1)]),_c('div',{staticClass:\"conversation-detail__send\"},[_c('div',{staticClass:\"section section--md\"},[_c('send-message-form',{attrs:{\"other-participant-name\":_vm.otherParticipantName},on:{\"sendMessage\":_vm.createConversation}})],1)])]],2):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"ad\" class=\"conversation-detail\">\r\n    <portal :to=\"$consts.enums.PORTAL_HEADER\">\r\n      <div>\r\n        <nav-return :aria-title=\"$t('sr.conversation-nav')\" :to=\"{ name: $consts.urls.URL_LIST_CONVERSATION }\">\r\n          <conversation-sidebar :other-participant-id=\"otherParticipantId\" />\r\n        </nav-return>\r\n        <ad-snippet\r\n          :id=\"adId\"\r\n          :title=\"adTitle\"\r\n          :image=\"adImage\"\r\n          :price-details=\"getPriceDetailsFromAd(ad)\"\r\n          :organization=\"adOrganization\"\r\n          snippet-is-link\r\n        />\r\n      </div>\r\n    </portal>\r\n    <template>\r\n      <div class=\"conversation-detail__bubble\">\r\n        <div class=\"conversation-detail__bubble-section section section--md my-3 d-flex flex-column\">\r\n          <conversation-bubble\r\n            :body=\"conversationInitialBody\"\r\n            :is-current-user=\"false\"\r\n            :is-system=\"true\"\r\n            :attributes=\"conversationInitialAttributes\"\r\n            :date-updated=\"new Date(Date.now())\"\r\n            :auto-message=\"autoMessage\"\r\n            @createConversation=\"createConversationWithAutoMessage\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"conversation-detail__send\">\r\n        <div class=\"section section--md\">\r\n          <send-message-form @sendMessage=\"createConversation\" :other-participant-name=\"otherParticipantName\" />\r\n        </div>\r\n      </div>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ConversationBubble from \"@/components/conversation/bubble\";\r\nimport NavReturn from \"@/components/nav/return\";\r\nimport AdSnippet from \"@/components/ad/snippet\";\r\nimport SendMessageForm from \"@/components/conversation/form\";\r\nimport ConversationSidebar from \"@/components/conversation/sidebar\";\r\n\r\nimport ConversationService from \"@/services/conversation\";\r\nimport TwilioService from \"@/services/twilio\";\r\n\r\nimport { URL_CONVERSATION_DETAIL } from \"@/consts/urls\";\r\nimport { CONTENT_LANG_FR } from \"@/consts/langs\";\r\nimport { CREATE_CONVERSATION } from \"@/consts/message-actions\";\r\n\r\nimport { PriceDetails } from \"@/mixins/price-details\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      creatingConversation: false\r\n    };\r\n  },\r\n  mixins: [PriceDetails],\r\n  components: {\r\n    ConversationBubble,\r\n    AdSnippet,\r\n    NavReturn,\r\n    SendMessageForm,\r\n    ConversationSidebar\r\n  },\r\n  methods: {\r\n    createConversation: async function (message) {\r\n      if (!this.creatingConversation) {\r\n        this.creatingConversation = true;\r\n        let result = await ConversationService.createConversation(this.adId);\r\n        let conversation = result.data.createConversation.conversation;\r\n\r\n        await TwilioService.addMessageToConversation({\r\n          sid: conversation.sid,\r\n          body: message\r\n        });\r\n\r\n        this.$router.replace({ name: URL_CONVERSATION_DETAIL, params: { id: conversation.id } });\r\n      }\r\n    },\r\n    createConversationWithAutoMessage: async function () {\r\n      this.createConversation(this.autoMessage);\r\n    }\r\n  },\r\n  computed: {\r\n    adId: function () {\r\n      return this.$route.params.adId.split(\"-\").last();\r\n    },\r\n    adTitle: function () {\r\n      return this.ad.translationOrDefault.title;\r\n    },\r\n    adImage: function () {\r\n      return this.ad.gallery[0];\r\n    },\r\n    adOrganization: function () {\r\n      return this.ad.organization;\r\n    },\r\n    otherParticipantId: function () {\r\n      return this.ad.user.profile.id;\r\n    },\r\n    otherParticipantName: function () {\r\n      return this.ad.user.profile.publicName;\r\n    },\r\n    conversationInitialAttributes: function () {\r\n      return { Action: CREATE_CONVERSATION };\r\n    },\r\n    conversationInitialBody: function () {\r\n      return this.$t(\"text.initial-conversation-body\", { name: this.otherParticipantName });\r\n    },\r\n    autoMessage: function () {\r\n      return this.$route.query.message;\r\n    }\r\n  },\r\n  apollo: {\r\n    ad: {\r\n      query() {\r\n        return this.$options.query.AdById;\r\n      },\r\n      variables() {\r\n        return {\r\n          id: this.adId,\r\n          language: CONTENT_LANG_FR\r\n        };\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<graphql>\r\nquery AdById($id: ID!, $language: ContentLanguage!) {\r\n  ad(id: $id) {\r\n    id\r\n    isAvailableForRent\r\n    isAvailableForSale\r\n    isAvailableForTrade\r\n    isAvailableForDonation\r\n    translationOrDefault(language: $language) {\r\n      id\r\n      title\r\n      rentPriceDescription\r\n      salePriceDescription\r\n      tradeDescription\r\n      donationDescription\r\n      conditions\r\n    }\r\n    gallery {\r\n      id\r\n      src\r\n      alt\r\n    }\r\n    user {\r\n      id\r\n      profile {\r\n        id\r\n        ... on UserProfileGraphType {\r\n          publicName\r\n        }\r\n      }\r\n    }\r\n    rentPrice\r\n    salePrice\r\n    rentPriceToBeDetermined\r\n    salePriceToBeDetermined\r\n    organization\r\n  }\r\n}\r\n</graphql>\r\n\r\n<style lang=\"scss\">\r\n$no-conversation-img-width: 170px;\r\n\r\n.no-conversation {\r\n  align-items: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  &__img {\r\n    width: $no-conversation-img-width;\r\n  }\r\n}\r\n\r\n.conversation-detail {\r\n  display: flex;\r\n  flex: 1 1 auto;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &__bubble {\r\n    display: block;\r\n    flex: 1 1 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  &__bubble-section {\r\n    min-height: calc(100% - #{$spacer} * 2);\r\n  }\r\n\r\n  &__send {\r\n    background: $body-bg;\r\n    border-top: 1px solid $gray-200;\r\n    display: block;\r\n    flex: 0 0 auto;\r\n    padding: $spacer 0;\r\n    position: sticky;\r\n    bottom: 0;\r\n    width: 100%;\r\n  }\r\n}\r\n</style>\r\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!./create.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!./create.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./create.vue?vue&type=template&id=ea785406\"\nimport script from \"./create.vue?vue&type=script&lang=js\"\nexport * from \"./create.vue?vue&type=script&lang=js\"\nimport style0 from \"./create.vue?vue&type=style&index=0&id=ea785406&prod&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  null,\n  null\n  \n)\n\n/* custom blocks */\nimport block0 from \"./create.vue?vue&type=custom&index=0&blockType=graphql\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports","import { AdRentalPriceRange } from \"@/mixins/ad-rental-price-range\";\r\nimport { AdSalePriceRange } from \"@/mixins/ad-sale-price-range\";\r\n\r\nexport const PriceDetails = {\r\n  mixins: [AdRentalPriceRange, AdSalePriceRange],\r\n  methods: {\r\n    getPriceDetailsFromAd(ad) {\r\n      const translation = ad.translationOrDefault || {};\r\n\r\n      var priceDetails = {\r\n        isAvailableForRent: ad.isAvailableForRent,\r\n        isAvailableForSale: ad.isAvailableForSale,\r\n        isAvailableForDonation: ad.isAvailableForDonation,\r\n        isAvailableForTrade: ad.isAvailableForTrade,\r\n        rentPriceDescription: ad.rentPriceToBeDetermined ? \"\" : translation.rentPriceDescription || \"\",\r\n        salePriceDescription: ad.salePriceToBeDetermined ? \"\" : translation.salePriceDescription || \"\",\r\n        donationDescription: translation.donationDescription || \"\",\r\n        tradeDescription: translation.tradeDescription || \"\",\r\n        rentPrice: ad.rentPriceToBeDetermined ? this.$t(\"price.toBeDetermined\") : this.$format.formatMoney(ad.rentPrice),\r\n        salePrice: ad.salePriceToBeDetermined ? this.$t(\"price.toBeDetermined\") : this.$format.formatMoney(ad.salePrice),\r\n        rentPriceRange:\r\n          ad.rentPriceToBeDetermined && ad.rentPriceRange && this.getRentalPriceRangeLabel(ad.rentPriceRange) ? `(${this.getRentalPriceRangeLabel(ad.rentPriceRange)})` : \"\",\r\n        salePriceRange:\r\n          ad.salePriceToBeDetermined && ad.salePriceRange ? `(${this.getSalePriceRangeLabel(ad.salePriceRange)})` : \"\",\r\n        rentPriceToBeDetermined: ad.rentPriceToBeDetermined,\r\n        salePriceToBeDetermined: ad.salePriceToBeDetermined\r\n      };\r\n\r\n      return priceDetails;\r\n    }\r\n  }\r\n};\r\n","\n        let gqlDocs = [{\"kind\":\"Document\",\"definitions\":[{\"kind\":\"OperationDefinition\",\"operation\":\"query\",\"name\":{\"kind\":\"Name\",\"value\":\"AdById\"},\"variableDefinitions\":[{\"kind\":\"VariableDefinition\",\"variable\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"}},\"type\":{\"kind\":\"NonNullType\",\"type\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"ID\"}}},\"directives\":[]},{\"kind\":\"VariableDefinition\",\"variable\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"language\"}},\"type\":{\"kind\":\"NonNullType\",\"type\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"ContentLanguage\"}}},\"directives\":[]}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"ad\"},\"arguments\":[{\"kind\":\"Argument\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"},\"value\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"}}}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"isAvailableForRent\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"isAvailableForSale\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"isAvailableForTrade\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"isAvailableForDonation\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"translationOrDefault\"},\"arguments\":[{\"kind\":\"Argument\",\"name\":{\"kind\":\"Name\",\"value\":\"language\"},\"value\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"language\"}}}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"title\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"rentPriceDescription\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"salePriceDescription\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"tradeDescription\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"donationDescription\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"conditions\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"gallery\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"src\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"alt\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"user\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"profile\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"InlineFragment\",\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"UserProfileGraphType\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"publicName\"},\"arguments\":[],\"directives\":[]}]}}]}}]}},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"rentPrice\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"salePrice\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"rentPriceToBeDetermined\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"salePriceToBeDetermined\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"organization\"},\"arguments\":[],\"directives\":[]}]}}]}}],\"loc\":{\"start\":0,\"end\":694}}];\n        let attrs = {\"noAnonymousOperations\":false,\"vue\":true,\"type\":\"custom\",\"index\":\"0\",\"blockType\":\"graphql\"} || {};\n        let handler = require(\"D:\\\\a\\\\1\\\\s\\\\YellowDuck.FE\\\\node_modules\\\\vue-graphql-loader\\\\lib\\\\handler\");\n\n        if (handler.default) {\n          handler = handler.default;\n        }\n        module.exports = function vueGraphqlLoader(component) {\n          handler(component, gqlDocs, attrs);\n        }","export const PRICE_RANGE_RENTAL_100 = \"ONE_HUNDRED\";\r\nexport const PRICE_RANGE_RENTAL_500 = \"FIVE_HUNDRED\";\r\nexport const PRICE_RANGE_RENTAL_1000 = \"ONE_THOUSAND\";\r\nexport const PRICE_RANGE_RENTAL_2000 = \"TWO_THOUSAND\";\r\nexport const PRICE_RANGE_RENTAL_MORE = \"MORE\";\r\n","import {\r\n  PRICE_RANGE_RENTAL_100,\r\n  PRICE_RANGE_RENTAL_500,\r\n  PRICE_RANGE_RENTAL_1000,\r\n  PRICE_RANGE_RENTAL_2000,\r\n  PRICE_RANGE_RENTAL_MORE\r\n} from \"@/consts/price-range-rental\";\r\n\r\nexport const AdRentalPriceRange = {\r\n  data() {\r\n    return {\r\n      rentalPriceRangeOptions: [\r\n        { value: PRICE_RANGE_RENTAL_100, text: this.$t(\"select.price-range-0-100\") },\r\n        { value: PRICE_RANGE_RENTAL_500, text: this.$t(\"select.price-range-100-500\") },\r\n        { value: PRICE_RANGE_RENTAL_1000, text: this.$t(\"select.price-range-500-1000\") },\r\n        { value: PRICE_RANGE_RENTAL_2000, text: this.$t(\"select.price-range-1000-2000\") },\r\n        { value: PRICE_RANGE_RENTAL_MORE, text: this.$t(\"select.price-range-2000-or-more\") }\r\n      ]\r\n    };\r\n  },\r\n  methods: {\r\n    getRentalPriceRangeLabel: function (priceRange) {\r\n      var label = this.rentalPriceRangeOptions.filter((x) => x.value === priceRange).first();\r\n      return label ? label.text : \"\";\r\n    }\r\n  }\r\n};\r\n"],"sourceRoot":""}