{"version":3,"file":"De_8QvW3.js","sources":["../../../../skeleton/components/modal/add-cash-limit.vue"],"sourcesContent":["<template>\n  <vue-final-modal\n    class=\"modal-deposit-limit\"\n    click-to-close\n    :overlay-transition=\"{ mode: 'in-out', duration: 250 }\"\n    :content-transition=\"{ mode: 'in-out', duration: 250 }\"\n    @click-outside=\"closeModal('add-cash-limit')\"\n  >\n    <div class=\"scroll\">\n      <div class=\"header\">\n        <button-modal-close @click=\"closeModal('add-cash-limit')\" />\n        <div class=\"title\">\n          {{ props.definition ? titleMapping[props.definition] : '' }}\n        </div>\n      </div>\n\n      <div class=\"modal-deposit-limit__tabs\">\n        <button\n          v-for=\"period in periodOptions\"\n          :key=\"period.id\"\n          class=\"modal-deposit-limit__tabs-item\"\n          :class=\"{ 'is-active': period.id === selectedTab.id }\"\n          :disabled=\"period.disabled\"\n          @click=\"changeTab(period)\"\n        >\n          {{\n            getContent(\n              globalComponentsContent,\n              defaultLocaleGlobalComponentsContent,\n              `constants.limitPeriods.${period.id}`\n            )\n          }}\n        </button>\n      </div>\n\n      <form-input-currencies\n        :key=\"currencyKey\"\n        :show-error=\"formState.showCurrenciesError\"\n        :items=\"currenciesOptions\"\n        :currentLocaleData=\"props.currentLocaleData\"\n        :defaultLocaleData=\"props.defaultLocaleData\"\n        @select=\"selectCurrency\"\n        @blur=\"blurCurrencySelect\"\n      />\n\n      <form-input-number\n        v-model:value=\"formState.amount\"\n        :is-required=\"false\"\n        :currency=\"formattedBalance.currency\"\n        :min=\"0\"\n        :max=\"1000000\"\n        label=\"\"\n        name=\"amount\"\n        placeholder=\"0\"\n        :hint=\"amountError ? setError('amount') : undefined\"\n        @blur=\"amountError = false\"\n        @focus=\"focusField('amount')\"\n        @input=\"focusField('amount')\"\n      />\n\n      <p class=\"modal-deposit-limit__description\">\n        {{ getContent(props.currentLocaleData, props.defaultLocaleData, 'hint') }}\n      </p>\n\n      <button-base type=\"primary\" size=\"md\" :is-disabled=\"isAddButtonDisabled\" @click=\"addLimit\">\n        {{ getContent(props.currentLocaleData, props.defaultLocaleData, 'addButton') }}\n      </button-base>\n    </div>\n  </vue-final-modal>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n  import { VueFinalModal } from 'vue-final-modal';\n  import type { ICurrency, IPlayerLimit } from '@skeleton/core/types';\n  import type { IModalsContent } from '~/types';\n\n  const props = defineProps<{\n    currentLocaleData: Maybe<IModalsContent['addCashLimit']>;\n    defaultLocaleData: Maybe<IModalsContent['addCashLimit']>;\n    definition?: number;\n  }>();\n\n  const { closeModal } = useModalStore();\n  const limitsStore = useLimitsStore();\n  const { getLimits, createLimit } = limitsStore;\n  const { limitCashPeriod, activeLimits } = storeToRefs(limitsStore);\n  const { showAlert } = useLayoutStore();\n  const globalStore = useGlobalStore();\n  const {\n    currencies,\n    alertsData,\n    defaultLocaleAlertsData,\n    globalComponentsContent,\n    defaultLocaleGlobalComponentsContent,\n  } = storeToRefs(globalStore);\n  const { formatBalance, getMainBalanceFormat, getContent } = useProjectMethods();\n\n  const currencyKey = ref(0);\n\n  const titleMapping = computed<Record<number, string>>(() => ({\n    1: getContent(props.currentLocaleData, props.defaultLocaleData, 'addBetLabel'),\n    2: getContent(props.currentLocaleData, props.defaultLocaleData, 'addLossLabel'),\n    3: getContent(props.currentLocaleData, props.defaultLocaleData, 'addDepositLabel'),\n  }));\n\n  const formState = reactive<{\n    definition?: number;\n    period: string | undefined;\n    currency: string;\n    amount: string;\n    showCurrenciesError: boolean;\n  }>({\n    definition: props.definition,\n    currency: '',\n    amount: '0',\n    period: undefined,\n    showCurrenciesError: false,\n  });\n\n  const { getFormRules } = useProjectMethods();\n  const limitAmountRules = {};\n  const limitAmountFormRules = getFormRules(limitAmountRules);\n  const { serverFormErrors, v$, onFocus, setError } = useFormValidation(limitAmountFormRules, formState.amount);\n\n  const amountError = ref<boolean>(false);\n\n  const focusField = (fieldName: string): void => {\n    amountError.value = false;\n    onFocus(fieldName);\n  };\n\n  const isPeriodDisabled = (period: { id: string | number; name: string }) => {\n    const limits = activeLimits?.value.filter(\n      (limit: IPlayerLimit) => limit.definition === formState.definition && limit.period === period.id\n    );\n    return (\n      limits?.length &&\n      currencies.value.every(currency =>\n        limits?.find(\n          (limit: IPlayerLimit) =>\n            limit.definition === formState.definition && limit.period === period.id && limit.currency === currency.code\n        )\n      )\n    );\n  };\n\n  const periodOptions = computed(() =>\n    Object.values(limitCashPeriod.value)?.map(period => {\n      if (isPeriodDisabled(period)) {\n        return {\n          ...period,\n          disabled: true,\n        };\n      }\n      return period;\n    })\n  );\n\n  const isCurrencySelectedInPeriod = (currency: { code: string }) =>\n    activeLimits?.value.some(\n      (limit: IPlayerLimit) =>\n        limit.definition === formState.definition &&\n        limit.period === formState.period &&\n        limit.currency === currency.code\n    );\n\n  const isCurrencySelectedInAllPeriods = (currency: { code: string }) =>\n    limitCashPeriod.value?.every(period =>\n      activeLimits?.value.some(\n        (limit: IPlayerLimit) =>\n          limit.definition === formState.definition && limit.period === period.id && limit.currency === currency.code\n      )\n    );\n\n  const isCurrencyDisabled = (currency: ICurrency): boolean =>\n    isCurrencySelectedInPeriod(currency) || isCurrencySelectedInAllPeriods(currency);\n\n  const currenciesOptions = computed(() =>\n    currencies.value?.map(currency => {\n      if (isCurrencyDisabled(currency)) {\n        return { ...currency, disabled: true };\n      }\n      return currency;\n    })\n  );\n\n  const selectedPeriod = computed(() => periodOptions.value?.filter(period => !period.disabled)[0]);\n\n  const formattedBalance = computed(() => formatBalance(formState.currency, Number(formState.amount)));\n\n  const selectedTab = ref<{ id: any; name: string }>(selectedPeriod?.value);\n\n  const isAddButtonDisabled = computed(() => !formState.currency);\n\n  const changeTab = (period: { id: string | number; name: string }) => {\n    selectedTab.value = period;\n    formState.period = period.id as string;\n    currencyKey.value += 1;\n  };\n\n  const selectCurrency = (currency: ICurrency) => {\n    formState.currency = formatBalance(currency.code, 0).currency;\n    formState.showCurrenciesError = false;\n  };\n\n  const blurCurrencySelect = () => {\n    formState.showCurrenciesError = true;\n  };\n\n  const addLimit = async () => {\n    if (v$.value.$invalid) return;\n\n    v$.value.$reset();\n    const validFormData = await v$.value.$validate();\n    if (!validFormData) return;\n\n    try {\n      const converted = getMainBalanceFormat(formState.currency, Number(formState.amount));\n\n      await createLimit({\n        period: formState.period,\n        definition: formState.definition as number,\n        amount: converted.amount,\n        currency: converted.currency,\n      });\n\n      await getLimits();\n      await closeModal('add-cash-limit');\n      showAlert(alertsData.value?.limit?.cashLimitAdd || defaultLocaleAlertsData.value?.limit?.cashLimitAdd);\n    } catch (error: any) {\n      if (error.response?.status === 422) {\n        serverFormErrors.value = error.data?.error?.fields;\n        amountError.value = true;\n      }\n    }\n  };\n\n  onMounted(() => {\n    changeTab(selectedTab.value);\n  });\n</script>\n\n<style src=\"~/assets/styles/components/modal/add-cash-limit.scss\" lang=\"scss\" />\n"],"names":["props","__props","closeModal","useModalStore","limitsStore","useLimitsStore","getLimits","createLimit","limitCashPeriod","activeLimits","storeToRefs","showAlert","useLayoutStore","globalStore","useGlobalStore","currencies","alertsData","defaultLocaleAlertsData","globalComponentsContent","defaultLocaleGlobalComponentsContent","formatBalance","getMainBalanceFormat","getContent","useProjectMethods","currencyKey","ref","titleMapping","computed","formState","reactive","getFormRules","limitAmountFormRules","serverFormErrors","v$","onFocus","setError","useFormValidation","amountError","focusField","fieldName","isPeriodDisabled","period","limits","limit","currency","periodOptions","_a","isCurrencySelectedInPeriod","isCurrencySelectedInAllPeriods","isCurrencyDisabled","currenciesOptions","selectedPeriod","formattedBalance","selectedTab","isAddButtonDisabled","changeTab","selectCurrency","blurCurrencySelect","addLimit","converted","_b","_d","_c","error","_e","_g","_f","onMounted"],"mappings":"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"}