{"version":3,"file":"D509xFJ4.js","sources":["../../../../src/components/business/coupons/CouponSubtotals.vue","../../../../src/components/DancingDotsLoader.vue","../../../../src/components/NumberIncrement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { t } = useI18n()\n\nconst { formatCurrency } = useCurrency()\n\nconst businessStore = useBusinessStore()\nconst { isTrialing } = storeToRefs(businessStore)\n\nconst props = defineProps<{\n  couponCode: string\n  priceData: PreviewUpgradeSubscriptionPriceResponse | null\n  isFetchingPrice: boolean\n}>()\nconst isPercentageDiscount = computed(() => {\n  return Boolean(props.priceData && props.priceData.percentOff > 0)\n})\nconst subtotalAmountAndCurrency = computed(() => {\n  if (props.priceData) return formatCurrency(props.priceData.amountSubtotal, props.priceData.currency)\n  return ''\n})\nconst discountAmountAndCurrency = computed(() => {\n  if (props.priceData) return formatCurrency(props.priceData.amountDiscountApplied, props.priceData.currency)\n  return ''\n})\nconst toolTipText = computed(() => {\n  return isPercentageDiscount.value\n    ? t('business.coupon.subtotals.percentage_coupon_info')\n    : t('business.coupon.subtotals.remaining_value_info')\n})\n\nconst showPromoCodeToolTip = computed(() => {\n  return isTrialing.value\n})\n</script>\n\n<template>\n  <div class=\"coupon-subtotals\">\n    <v-overlay :model-value=\"isFetchingPrice\" absolute opacity=\"0.7\" scrim=\"white\">\n      <v-progress-circular :size=\"24\" :width=\"3\" color=\"text\" indeterminate />\n    </v-overlay>\n    <div class=\"d-flex subtotal-row\">\n      <div class=\"mr-auto\">{{ t('business.coupon.subtotals.subtotal') }}</div>\n      <div>\n        <span data-cy=\"coupon_subtotal\">{{ subtotalAmountAndCurrency }}</span>\n      </div>\n    </div>\n    <v-divider />\n    <div class=\"d-flex subtotal-row\">\n      <div class=\"mr-auto\">\n        {{ couponCode }}\n        <v-tooltip v-if=\"showPromoCodeToolTip\" location=\"right\" max-width=\"165\" content-class=\"text-center bg-primary\">\n          <template #activator=\"{ props }\">\n            <v-icon color=\"primary\" :size=\"15\" v-bind=\"props\">custom:info</v-icon>\n          </template>\n          <span>{{ toolTipText }}</span>\n        </v-tooltip>\n      </div>\n      <div>\n        <span data-cy=\"coupon_applied_discount\">- {{ discountAmountAndCurrency }}</span>\n      </div>\n    </div>\n    <v-divider />\n  </div>\n</template>\n\n<style lang=\"sass\">\n$ns: coupon-subtotals\n.#{$ns}\n  position: relative\n  .subtotal-row\n    height: 56px\n    align-items: center\n    font-size: 13px\n  .v-divider\n    border-style: dashed\n  .v-icon\n    vertical-align: text-top\n</style>\n","<template>\n  <div class=\"loader\">\n    <span />\n  </div>\n</template>\n\n<style scoped>\n.loader {\n  width: 36px;\n  height: 1rem;\n  display: inline-flex;\n  align-items: center;\n}\n\n.loader > span {\n  left: 20px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  position: relative;\n  display: inline-block;\n  color: transparent;\n  box-sizing: border-box;\n  animation: dance 1s linear infinite alternate;\n}\n\n@keyframes dance {\n  0% {\n    box-shadow:\n      -18px -2px #777,\n      -6px 2px #777,\n      6px -2px #777;\n  }\n  33% {\n    box-shadow:\n      -18px 2px #777,\n      -6px -2px #777,\n      6px 2px #777;\n  }\n  66% {\n    box-shadow:\n      -18px -2px #777,\n      -6px 2px #777,\n      6px -2px #777;\n  }\n  100% {\n    box-shadow:\n      -18px 2px #777,\n      -6px -2px #777,\n      6px 2px #777;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { mdiMinus, mdiPlus } from '@mdi/js'\n\nconst props = withDefaults(\n  defineProps<{\n    min?: number\n    max?: number\n    decrEnabled?: boolean\n    incrEnabled?: boolean\n    showDecrTooltip?: boolean\n    showIncrTooltip?: boolean\n    disabled?: boolean\n  }>(),\n  {\n    min: 0,\n    max: 9999,\n  }\n)\n\nconst inputEl = ref<{ $el: HTMLInputElement } | null>(null)\n\nconst emit = defineEmits<{ (event: 'input', value: number): void }>()\n\nconst icons = reactive({\n  add: mdiPlus,\n  remove: mdiMinus,\n})\n\nconst inputValue = ref(props.min)\nconst isNumber = (event: KeyboardEvent) => {\n  if (!/\\d/.test(event.key)) return event.preventDefault()\n}\n\nwatch(inputValue, () => {\n  const value = Math.min(Math.max(props.min, inputValue.value), props.max)\n  if (value !== inputValue.value) inputValue.value = value\n  else emit('input', value)\n})\n\nconst validateOnBlur = () => {\n  const el = inputEl.value?.$el.querySelector('input')\n  if (!el) return\n  if (el.value === '') {\n    inputValue.value = props.min\n    el.value = props.min.toString()\n  } else if (Number(el.value) < props.min) {\n    inputValue.value = props.min\n    el.value = props.min.toString()\n  } else if (Number(el.value) > props.max) {\n    inputValue.value = props.max\n    el.value = props.max.toString()\n  }\n}\n</script>\n<template>\n  <div class=\"number-increment\">\n    <v-tooltip max-width=\"160\" content-class=\"text-center bg-info\" location=\"top\" :disabled=\"!showDecrTooltip\" attach>\n      <template #activator=\"{ props: activatorProps }\">\n        <div v-bind=\"activatorProps\">\n          <v-btn\n            variant=\"text\"\n            icon\n            data-cy=\"decrease_button\"\n            color=\"primary\"\n            :ripple=\"false\"\n            :disabled=\"!decrEnabled\"\n            @click=\"inputValue -= 1\"\n          >\n            <v-icon color=\"#293D66\">{{ icons.remove }}</v-icon>\n          </v-btn>\n        </div>\n      </template>\n      <slot name=\"decr\" />\n    </v-tooltip>\n\n    <v-text-field\n      ref=\"inputEl\"\n      v-model=\"inputValue\"\n      class=\"number-increment__input mx-2\"\n      :disabled=\"disabled\"\n      variant=\"outlined\"\n      hide-details\n      @keypress=\"isNumber\"\n      @paste.prevent\n      @blur=\"validateOnBlur\"\n    />\n\n    <v-tooltip max-width=\"160\" content-class=\"text-center bg-info\" location=\"top\" :disabled=\"!showIncrTooltip\" attach>\n      <template #activator=\"{ props: activatorProps }\">\n        <div v-bind=\"activatorProps\">\n          <v-btn\n            variant=\"text\"\n            icon\n            data-cy=\"increase_button\"\n            color=\"primary\"\n            :ripple=\"false\"\n            :disabled=\"!incrEnabled\"\n            @click=\"inputValue += 1\"\n          >\n            <v-icon color=\"#293D66\">{{ icons.add }}</v-icon>\n          </v-btn>\n        </div>\n      </template>\n      <slot name=\"incr\" />\n    </v-tooltip>\n  </div>\n</template>\n<style lang=\"scss\" scoped>\n.number-increment {\n  display: flex;\n  align-items: center;\n\n  button:disabled {\n    // Counteract default Vuetify style\n    background: transparent !important;\n  }\n\n  &__input {\n    :deep(.v-input__control) {\n      .v-field {\n        position: relative;\n        height: 48px;\n        min-width: 52px;\n\n        input {\n          position: absolute;\n          display: grid;\n          place-items: center;\n          min-width: 100%;\n          min-height: 100%;\n          top: 0;\n          left: 0;\n          padding: 0;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"names":["t","useI18n","formatCurrency","useCurrency","businessStore","useBusinessStore","isTrialing","storeToRefs","props","__props","isPercentageDiscount","computed","subtotalAmountAndCurrency","discountAmountAndCurrency","toolTipText","showPromoCodeToolTip","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","inputEl","ref","emit","__emit","icons","reactive","mdiPlus","mdiMinus","inputValue","isNumber","event","watch","value","validateOnBlur","el","_a"],"mappings":"stBACM,KAAA,CAAE,EAAAA,CAAE,EAAIC,EAAQ,EAEhB,CAAE,eAAAC,CAAe,EAAIC,EAAY,EAEjCC,EAAgBC,EAAiB,EACjC,CAAE,WAAAC,CAAA,EAAeC,EAAYH,CAAa,EAE1CI,EAAQC,EAKRC,EAAuBC,EAAS,IAC7B,GAAQH,EAAM,WAAaA,EAAM,UAAU,WAAa,EAChE,EACKI,EAA4BD,EAAS,IACrCH,EAAM,UAAkBN,EAAeM,EAAM,UAAU,eAAgBA,EAAM,UAAU,QAAQ,EAC5F,EACR,EACKK,EAA4BF,EAAS,IACrCH,EAAM,UAAkBN,EAAeM,EAAM,UAAU,sBAAuBA,EAAM,UAAU,QAAQ,EACnG,EACR,EACKM,EAAcH,EAAS,IACpBD,EAAqB,MACxBV,EAAE,kDAAkD,EACpDA,EAAE,gDAAgD,CACvD,EAEKe,EAAuBJ,EAAS,IAC7BL,EAAW,KACnB,2tBC/BC,SAAAU,GAAAC,EAAAC,EAAA,QACUC,EAAA,EAAAC,EAAA,MAAAC,GAAAH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,gXCCZ,MAAMV,EAAQC,EAgBRa,EAAUC,EAAsC,IAAI,EAEpDC,EAAOC,EAEPC,EAAQC,EAAS,CACrB,IAAKC,EACL,OAAQC,CAAA,CACT,EAEKC,EAAaP,EAAIf,EAAM,GAAG,EAC1BuB,EAAYC,GAAyB,CACrC,GAAA,CAAC,KAAK,KAAKA,EAAM,GAAG,EAAG,OAAOA,EAAM,eAAe,CACzD,EAEAC,EAAMH,EAAY,IAAM,CAChB,MAAAI,EAAQ,KAAK,IAAI,KAAK,IAAI1B,EAAM,IAAKsB,EAAW,KAAK,EAAGtB,EAAM,GAAG,EACnE0B,IAAUJ,EAAW,MAAOA,EAAW,MAAQI,EAC9CV,EAAK,QAASU,CAAK,CAAA,CACzB,EAED,MAAMC,EAAiB,IAAM,OAC3B,MAAMC,GAAKC,EAAAf,EAAQ,QAAR,YAAAe,EAAe,IAAI,cAAc,SACvCD,IACDA,EAAG,QAAU,IAGN,OAAOA,EAAG,KAAK,EAAI5B,EAAM,KAFlCsB,EAAW,MAAQtB,EAAM,IACtB4B,EAAA,MAAQ5B,EAAM,IAAI,SAAS,GAIrB,OAAO4B,EAAG,KAAK,EAAI5B,EAAM,MAClCsB,EAAW,MAAQtB,EAAM,IACtB4B,EAAA,MAAQ5B,EAAM,IAAI,SAAS,GAElC"}