{"version":3,"file":"async-module-dialogs-i-dn.d.m.'C-7dFtAD'.js","sources":["../../../../../../src/modules/dialogs/views/CmsContentModal/CmsContenModal.vue","../../../../../../src/modules/dialogs/views/CountDownModal/CountDownModal.vue","../../../../../../src/modules/dialogs/views/UniversalModalView/UniversalModalView.vue","../../../../../../src/modules/dialogs/views/TheModal/composables/useTheModal.ts","../../../../../../src/modules/dialogs/views/TheModal/TheModal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nimport type {\n  BaseModalEmits,\n  ConfirmDialog,\n} from '@core/dialogs';\nimport { DialogComponent } from '@core/dialogs';\n\nimport VCmsContent from 'web/src/modules/cms/components/VCmsContent/VCmsContent.vue';\nimport { useBaseModalActions } from 'web/src/modules/dialogs/composables';\nimport ConfirmModal from 'web/src/modules/dialogs/views/ConfirmModal/ConfirmModal.vue';\n\nimport type { CmsContentModalProps } from './types';\n\nconst props = withDefaults(defineProps<CmsContentModalProps>(), {});\nconst emit = defineEmits<BaseModalEmits>();\n\nconst { onClose, onButtonClick } = useBaseModalActions(emit);\n\nconst confirmModalProps = computed<ConfirmDialog>(() => {\n  const {\n    cmsKey,\n    noPadding,\n    ...modalProps\n  } = props.modal;\n\n  return {\n    ...modalProps,\n    modalComponent: DialogComponent.ConfirmModal,\n  };\n});\n</script>\n\n<template>\n  <ConfirmModal v-auto-id=\"'CmsContenModal'\"\n    :modal=\"confirmModalProps\"\n    :is-alert=\"isAlert\"\n    is-scroll-bar-enabled\n    class=\"cms-content-modal\"\n    :class=\"modal.class\"\n    @close=\"onClose\"\n    @button-click=\"onButtonClick\"\n  >\n    <VCmsContent\n      :cms-key=\"modal.cmsKey\"\n      :no-padding=\"modal.noPadding\"\n      silent\n    />\n  </ConfirmModal>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  onBeforeUnmount,\n  onMounted,\n  ref,\n} from 'vue';\n\nimport { Timer } from '@leon-hub/utils';\n\nimport type { BaseModalEmits } from '@core/dialogs';\nimport { DialogAction } from '@core/dialogs';\n\nimport { SButton } from '@components/buttons';\n\nimport { useBaseModalActions } from 'web/src/modules/dialogs/composables';\n\nimport type { CountDownModalProps } from './types';\nimport ConfirmModal from '../ConfirmModal/ConfirmModal.vue';\n\nwithDefaults(defineProps<CountDownModalProps>(), {});\nconst emit = defineEmits<BaseModalEmits>();\n\nconst { onClose, onButtonClick } = useBaseModalActions(emit);\n\nlet interval = 0;\nconst countDown = ref(60);\n\nfunction startCountDown(): void {\n  if (countDown.value) {\n    countDown.value -= 1;\n  }\n\n  if (countDown.value === 0) {\n    onButtonClick({\n      action: DialogAction.MODAL_COUNTDOWN,\n    });\n  }\n}\n\nonMounted(() => {\n  interval = Timer.setInterval(startCountDown, 1000);\n});\n\nonBeforeUnmount(() => {\n  if (interval) {\n    Timer.clearInterval(interval);\n    interval = 0;\n  }\n});\n</script>\n\n<template>\n  <ConfirmModal v-auto-id=\"'CountDownModal'\"\n    :modal=\"modal\"\n    :is-alert=\"isAlert\"\n    @close=\"onClose\"\n    @button-click=\"onButtonClick\"\n  >\n    <div :class=\"$style['countdown']\">\n      {{ $t('WEB2_SELF_EXCLUSION_AFTER') }}:\n      <span :class=\"$style['countdown__timer']\">{{ countDown }} {{ $t('JS_TIMER_TEXT_SECONDS') }}</span>\n    </div>\n    <template\n      v-if=\"null\"\n      #footer\n    >\n      <SButton\n        :label=\"$t('WEB2_MODAL_CANCEL')\"\n        kind=\"primary\"\n        size=\"large\"\n        full-width\n        @click=\"onButtonClick({ action: DialogAction.MODAL_CLOSE })\"\n      />\n    </template>\n  </ConfirmModal>\n</template>\n\n<style lang=\"scss\" module>\n.countdown {\n  @include regular\\14\\24\\025;\n\n  color: var(--TextDefault);\n\n  &__timer {\n    @include medium\\14\\24\\025;\n\n    color: $countdownTimeColor;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nimport type {\n  BaseModalEmits,\n  ConfirmDialog,\n  Dialog,\n} from '@core/dialogs';\nimport { DialogComponent } from '@core/dialogs';\n\nimport { useBaseModalActions } from 'web/src/modules/dialogs/composables';\nimport CmsContentModal from 'web/src/modules/dialogs/views/CmsContentModal/CmsContenModal.vue';\nimport ConfirmModal from 'web/src/modules/dialogs/views/ConfirmModal/ConfirmModal.vue';\nimport CountDownModal from 'web/src/modules/dialogs/views/CountDownModal/CountDownModal.vue';\n\nimport type { UniversalModalViewProps } from './types';\n\nconst props = withDefaults(defineProps<UniversalModalViewProps>(), {});\n\nconst emit = defineEmits<BaseModalEmits>();\n\nconst { onClose, onButtonClick } = useBaseModalActions(emit);\n\nconst component = computed(() => {\n  switch (props.modal.modalComponent) {\n    case DialogComponent.CmsContentModal:\n      return CmsContentModal;\n    case DialogComponent.CountDownModal:\n      return CountDownModal;\n    case DialogComponent.CustomModal:\n      return props.modal.customComponent;\n    default:\n      return ConfirmModal;\n  }\n});\n\nconst modalProps = computed<ConfirmDialog>(() => {\n  let modalProps = { ...props.modal } as Partial<Dialog>;\n\n  if (modalProps.modalComponent === DialogComponent.CustomModal) {\n    modalProps = {\n      ...modalProps,\n      ...(modalProps.props ?? {}),\n    };\n\n    delete modalProps.props;\n    delete modalProps.customComponent;\n  }\n\n  return {\n    ...modalProps,\n    isInnerModal: props.isInnerModal,\n    width: !props.isInnerModal ? props.modal.width : undefined,\n    isProfileLayout: props.isProfileLayout || props.modal.isProfileLayout,\n  } as ConfirmDialog;\n});\n</script>\n\n<template>\n  <component v-auto-id=\"'UniversalModalView'\"\n    :is=\"component\"\n    :modal=\"modalProps\"\n    :is-alert=\"!!'1' && !isInnerModal\"\n    @close=\"onClose\"\n    @button-click=\"onButtonClick\"\n  />\n</template>\n","import type {\n  Ref,\n} from 'vue';\nimport {\n  computed,\n  markRaw,\n  toRef,\n} from 'vue';\n\nimport type { DialogButtonClickAction, StoredDialog } from '@core/dialogs';\nimport {\n  DialogAction,\n  DialogComponent,\n  useDialogsStore,\n} from '@core/dialogs';\n\nimport type { VTooltipProps } from 'web/src/modules/dialogs/components/VTooltip/types';\nimport { ModalSelector } from 'web/src/modules/core/enums';\nimport {\n  useDesktopModalStore,\n} from 'web/src/modules/core/store';\nimport {\n  useTooltipStore,\n} from 'web/src/modules/dialogs/store';\n\nexport interface TheModalComposable {\n  currentModalSelector: Ref<ModalSelector>;\n  currentModal: Ref<StoredDialog | undefined>;\n  hasDesktopModal: Ref<boolean>;\n  isProfileLayout: Ref<boolean>;\n  onCurrentModalClose(): void;\n  onButtonClick(action: DialogButtonClickAction): void;\n  hasTooltip: Ref<boolean>;\n  tooltipProps: Ref<VTooltipProps>;\n}\n\nexport default function useTheModal(): TheModalComposable {\n  const dialogsStore = useDialogsStore();\n  const currentDialog = toRef(dialogsStore, 'currentDialog');\n\n  const desktopModalStore = useDesktopModalStore();\n  const isProfileLayout = toRef(desktopModalStore, 'isProfileLayout');\n  const hasDesktopModal = toRef(desktopModalStore, 'hasDesktopModal');\n\n  const tooltipStore = useTooltipStore();\n  const tooltip = toRef(tooltipStore, 'tooltip');\n\n  const currentModal = computed<StoredDialog | undefined>(() => {\n    if (!currentDialog.value?.dialog) {\n      return undefined;\n    }\n\n    return {\n      ...currentDialog.value.dialog,\n      ...(currentDialog.value.dialog.modalComponent === DialogComponent.CustomModal\n        ? {\n            customComponent: markRaw(currentDialog.value.dialog.customComponent),\n          }\n        : {}),\n    };\n  });\n  const currentModalSelector = computed(() => (\n    hasDesktopModal.value ? ModalSelector.DESKTOP_INNER_MODAL : ModalSelector.BODY\n  ));\n\n  const hasTooltip = computed(() => !!tooltip.value);\n  const tooltipProps = computed<VTooltipProps>(() => ({\n    text: tooltip.value?.notificationText,\n    isProfileModalTooltip: tooltip.value?.isProfileModalTooltip,\n  }));\n\n  function onButtonClick({ action, value }: DialogButtonClickAction): void {\n    if (currentModal.value) {\n      dialogsStore.callAction(currentModal.value.id, action, value);\n    }\n  }\n\n  function onCurrentModalClose(): void {\n    if (currentModal.value) {\n      dialogsStore.callAction(currentModal.value.id, DialogAction.MODAL_CLOSE);\n    }\n  }\n\n  return {\n    currentModalSelector,\n    currentModal,\n    hasDesktopModal,\n    isProfileLayout,\n    onCurrentModalClose,\n    onButtonClick,\n    hasTooltip,\n    tooltipProps,\n  };\n}\n","<script lang=\"ts\" setup>\nimport {\n  provide,\n} from 'vue';\n\nimport ModalPortal from 'web/src/components/Modal/ModalPortal/ModalPortal.vue';\nimport VTooltip from 'web/src/modules/dialogs/components/VTooltip/VTooltip.vue';\nimport { ModalProvidable } from 'web/src/modules/dialogs/enums';\n\nimport UniversalModalView from '../UniversalModalView/UniversalModalView.vue';\nimport { useTheModal } from './composables';\n\nprovide(ModalProvidable.modalContext, {\n  insideModal: true,\n});\n\nconst {\n  currentModalSelector,\n  currentModal,\n  hasDesktopModal,\n  isProfileLayout,\n  onCurrentModalClose,\n  onButtonClick,\n  hasTooltip,\n  tooltipProps,\n} = useTheModal();\n</script>\n\n<template>\n  <div v-auto-id=\"'TheModal'\">\n    <ModalPortal\n      :selector=\"currentModalSelector\"\n    >\n      <UniversalModalView\n        v-if=\"currentModal\"\n        :modal=\"currentModal\"\n        :is-inner-modal=\"hasDesktopModal\"\n        :is-profile-layout=\"isProfileLayout\"\n        @close=\"onCurrentModalClose\"\n        @button-click=\"onButtonClick\"\n      />\n    </ModalPortal>\n    <Teleport\n      v-if=\"hasTooltip\"\n      :to=\"currentModalSelector\"\n      :disabled=\"!hasTooltip\"\n    >\n      <VTooltip\n        v-bind=\"tooltipProps\"\n      />\n    </Teleport>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","onClose","onButtonClick","useBaseModalActions","confirmModalProps","computed","cmsKey","noPadding","modalProps","DialogComponent","interval","countDown","ref","startCountDown","DialogAction","onMounted","Timer","onBeforeUnmount","component","CmsContentModal","CountDownModal","ConfirmModal","useTheModal","dialogsStore","useDialogsStore","currentDialog","toRef","desktopModalStore","useDesktopModalStore","isProfileLayout","hasDesktopModal","tooltipStore","useTooltipStore","tooltip","currentModal","markRaw","currentModalSelector","ModalSelector","hasTooltip","tooltipProps","action","value","onCurrentModalClose","provide","ModalProvidable"],"mappings":"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"}