{"version":3,"file":"spaceCta-DSUorkJo.js","sources":["../../../app/javascript/components/spaces/spaceCta.vue"],"sourcesContent":["<template>\n    <div class=\"hire-banner__right-child-teleported me-2 \" style=\"\" :class=\"{'' : !isTeleported}\">\n      <div class=\"d-flex w-100\">\n        <span class=\"mb-md-3 m-2\" style=\"font-size: 16px;line-height: 15px; font-weight: 500;\" :class=\"{'my-2' : isTeleported}\">{{ this.spanCopy }}</span>\n        <div class=\"d-flex cta-cont-desk-mobile-2\" :class=\"{'mb-0 mb-md-3 cta-cont-desk-mobile' : !isTeleported, 'flex-row align-items-center justify-content-between' : isTeleported}\">\n          <div class=\"d-flex align-items-end w-100\">\n            <span class=\"space-price text-nowrap d-flex flex-nowrap align-items-end me-2\">\n              $ {{sku.price.toLocaleString(\"en\", {useGrouping: true})}}\n            </span>\n            \n            <span class=\"space-price text-nowrap d-flex flex-nowrap align-items-end\" style=\"line-height: 23px;\">\n                <span class=\"mb-md-2\" style=\"color: var(--space-txt-color);font-weight: 800\">{{sku.currency}}</span>\n                <span class=\"mx-2 mb-md-2\" > / </span>\n                <span class=\"mb-md-2\" v-html=\"' '+productPeriodicity('long') + (variationDescription?.minimum_contract_timeframe? '*' : '') \"></span>\n            </span>\n          </div>\n          \n\n          <a v-if=\"productSlug == 'team-space' || productSlug == 'meeting-space'\" href=\"#spaceAnchor\" class=\"button-space big w-100 me-0 me-sm-5 p-2 px-lg-5\">\n            {{ this.locale == 'en' ? 'Hire now' : ' Contrata ahora' }}\n          </a>\n          <a v-else :href=\"urlQueryString\" class=\"button-space big w-100 me-0 me-sm-5 p-2 px-lg-5\">\n            {{ this.locale == 'en' ? 'Hire now' : 'Contrata ahora' }}\n          </a>\n        </div>\n      </div>\n    </div>\n</template>\n<script>\nimport spaceMixin from '../space-mixin'\n\nexport default {\n  inject: ['locale'],\n  mixins: [spaceMixin],\n  props:{\n    product: Object,\n    isTeleported: Boolean,\n  },\n  data() {\n    return {\n      spanCopyOptions: \n      {\n        productEn: 'Get your space from', \n        productEs: 'Contrata tu espacio por',\n        noProductEn: 'Reserve your space starting from',\n        noProductEs: 'Reserva tu espacio'\n      },\n      spanCopy: \"\",\n    }\n  },\n  mounted() {\n    this.$nextTick(() => {\n      if (this.locale == \"en\" && this.spaceName == \"team-space\" ||  this.spaceName == \"meeting-space\"){\n        this.spanCopy = this.spanCopyOptions.noProductEn;\n      }\n      else if (this.locale == \"es\" && this.spaceName == \"team-space\" ||  this.spaceName == \"meeting-space\"){\n        this.spanCopy = this.spanCopyOptions.noProductEs;\n      }\n      else if (this.locale == \"en\"){\n        this.spanCopy = this.spanCopyOptions.productEn;\n      }\n      else if (this.locale == \"es\"){\n        this.spanCopy = this.spanCopyOptions.productEs;\n      }\n      \n    });\n  },\n  computed: {\n    productSlug() {\n      return this.product && this.product?.slug ? this.product.slug : '#';\n    },\n    sku() {\n      if (this.product && this.product?.relationships?.product?.skus?.length > 0) {\n        return this.product.relationships.product.skus[0];\n      }\n      return null;\n    },\n    variationDescription() {\n      let variationDescription = null;\n      if (this.product?.space_details_for_variations) {\n        variationDescription = this.product.space_details_for_variations.length > 1 ? this.product.space_details_for_variations.find( x => x.identifier === this.sku) : this.product.space_details_for_variations[0]\n      }\n      return variationDescription;\n    },\n    urlQueryString() {\n      let url = null;\n      let sku = this.activeSku ? this.activeSku : this.productSlug;\n      let spots = this.spots ? this.spots : this.variationDescription?.min_people_spaces_restriction;\n      let hours = this.hours ? this.hours : this.variationDescription?.min_hours_restriction;\n      let foodOption = this.foodOption ? this.foodOption : 'none';\n      url = `/${this.locale}/checkout/${this.productSlug}?sku=${sku}&spaces=${spots}&hours=${hours}&foodOption=${foodOption}`\n      return url;\n    },\n      spaceName(){\n          return this.product.slug\n      }\n  }\n}\n</script>\n<style lang=\"scss\">\n.hire-banner__right-child{\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  width: 100%;\n  align-items: flex-end;\n  justify-content: flex-start;\n  border-left: none;\n  padding-inline: 0;\n  margin-inline: 0;\n  @media screen and (max-width:767px) {\n    border-left: none;\n  }\n  >div{\n    flex-direction: column;\n  }\n}\n.hire-banner__right-child-teleported{\n  width: auto;\n  flex-wrap: nowrap;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  @media screen and (max-width:800px) {\n    border-left: none;\n  }\n  border-left: 1px solid var(--light-muted); \n  padding-inline-start: clamp(15px, 4vw, 60px);\n  margin-inline-start: clamp(15px, 4vw, 60px);\n  @media screen and (max-width:767px) {\n    position: fixed;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: auto;\n    align-items: center;\n    background-color: white;\n    z-index: 11;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    padding-inline: clamp(15px, 4vw, 60px);\n    padding-block: 10px;\n    padding-top: 5px;\n    -webkit-box-shadow: 0px -6px 5px -1px rgba(0,0,0,0.1); \n    box-shadow: 0px -6px 5px -1px rgba(0,0,0,0.1);\n    margin-inline: 0;\n    margin-inline-start: 0px !important;\n    .space-price{\n      color: var(--space-txt-color);\n      font-size: 25px;\n      font-weight: 800;\n      line-height: 25px;\n    }\n    .space-price + .space-price{\n        color: var(--muted);\n        font-size: 12px;\n        font-weight: 500;\n    }\n  }\n  >div{\n    flex-direction: column;\n  }\n}\n.cta-cont-desk-mobile{\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.cta-cont-desk-mobile-2{\n  align-items: center;\n  gap: 5px 20px;\n  @media screen and (max-width:991px){\n    flex-wrap: wrap;\n  }\n  @media screen and (max-width:768px){\n    flex-wrap: nowrap;\n    width: 100%;\n    justify-content: space-between;\n  }\n}\n\n</style>"],"names":["_sfc_main","spaceMixin","_a","_d","_c","_b","variationDescription","x","url","sku","spots","hours","foodOption","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_6","_createElementVNode","_createElementBlock","_normalizeClass","$props","$options","_hoisted_4","_hoisted_5","_toDisplayString","_ctx","_hoisted_8","_hoisted_9"],"mappings":"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"}