{"version":3,"file":"CpModalActions.MNoA18sp.js","sources":["../../../../components/cp/CpModal/CpModalActions/CpModalActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import {useI18n} from 'vue-i18n';\n  import {computed} from 'vue';\n  import useCpBem from '~/composables/useCpBem';\n  import CpBodyAction from '~/components/cp/CpBodyAction/CpBodyAction.vue';\n  import CpAlert from '~/components/cp/CpAlert/CpAlert.vue';\n  import CpTextParser from '~/components/cp/CpTextParser/CpTextParser.vue';\n  import CpSectionHeader from '~/components/cp/CpSection/CpSectionHeader/CpSectionHeader.vue';\n  import CpModal from '~/components/cp/CpModal/CpModal.vue';\n\n  const props = withDefaults(defineProps<{\n    show?: boolean,\n    showDelete?: boolean,\n    predetermined?: boolean,\n    withPicture?: boolean,\n    wishlistKind?: 'account' | 'oos' | 'standard' | 'eol'\n    wishlistProductHideOptions?: boolean\n    type: 'list'|'product'|'paypalBa'|'address'|'billing'|'warranties'|'reportUcg'|'profilePicture'|'viewHistory'\n  }>(), {\n    wishlistKind: 'account',\n    wishlistProductHideOptions: false,\n  });\n\n  const emit = defineEmits<{\n    (e:'update:show', value:boolean): void,\n    (e:'delete-history'): void,\n    (e:'delete-list'): void,\n    (e:'delete-paypal'): void\n    (e:'edit-paypal'): void\n    (e:'rename-list'): void\n    (e:'default-list'): void\n    (e:'edit-address'): void\n    (e:'edit-billing'): void\n    (e:'move-product'): void\n    (e:'add-to-another-list'): void\n    (e:'see-category'): void\n    (e:'delete-product-from-list'): void\n    (e:'delete-product-from-saved'): void\n    (e:'delete-billing'): void\n    (e:'report-comment'): void\n    (e:'delete-address'): void\n    (e:'delete-warranty-data'): void\n    (e:'edit-warranty-data'): void\n  }>();\n  const value = computed({\n    get() {\n      return props.show;\n    },\n    set(value) {\n      emit('update:show', value);\n    },\n  });\n\n  const headerTitle = computed(() => {\n    switch (props.type) {\n      case 'list':\n        return t('listActions');\n      case 'product':\n        return t('productActions');\n      case 'paypalBa':\n        return t('paypalActions');\n      case 'address':\n        return t('addressActions');\n      case 'billing':\n        return t('billingActions');\n      case 'warranties':\n        return t('warrantiesActions');\n      case 'reportUcg':\n        return t('contentActions');\n      case 'profilePicture':\n        return t('profilePictureActions');\n      case 'viewHistory':\n        return t('historyActions');\n      default:\n        return '';\n    }\n  });\n\n  const deleteHistory = () => {\n    value.value = false;\n    emit('delete-history');\n  };\n\n  const {b, e} = useCpBem('cp-modal-actions');\n  const {t} = useI18n();\n</script>\n\n<template>\n    <div :class=\"b\">\n        <CpModal v-model:show=\"value\">\n            <CpSectionHeader\n                :class=\"e('title')\"\n                :title=\"headerTitle\"\n                type=\"h3\"\n                button=\"close\"\n                @header-action=\"value = false\"\n            />\n            <div v-if=\"type === 'product'\">\n                <div v-if=\"!wishlistProductHideOptions\">\n                    <CpBodyAction v-if=\"wishlistKind !== 'eol'\"\n                        icon=\"swap_vert\"\n                        :label=\"t('moveProduct')\"\n                        divider\n                        @click=\"emit('move-product')\"\n                    />\n                    <CpBodyAction v-if=\"wishlistKind === 'account'\"\n                        icon=\"favorite\"\n                        :label=\"t('addProduct')\"\n                        divider\n                        @click=\"emit('add-to-another-list')\"\n                    />\n                    <CpBodyAction v-if=\"wishlistKind === 'oos' \"\n                        icon=\"view_module\"\n                        :label=\"t('seeCategory')\"\n                        divider\n                        @click=\"emit('see-category')\"\n                    />\n                </div>\n                <CpBodyAction v-if=\"wishlistKind === 'account'\"\n                    icon=\"delete\"\n                    :label=\"t('deleteProduct')\"\n                    divider\n                    @click=\"emit('delete-product-from-list')\"\n                />\n                <CpBodyAction v-if=\"wishlistKind === 'eol'\"\n                    icon=\"delete\"\n                    :label=\"t('deleteProductFromSaved')\"\n                    divider\n                    @click=\"emit('delete-product-from-saved')\"\n                />\n            </div>\n            <div v-if=\"type === 'list'\">\n                <CpBodyAction\n                    v-if=\"predetermined\"\n                    icon=\"grading\"\n                    :label=\"t('selectList')\"\n                    divider\n                    data-testid=\"set-default-list\"\n                    @click=\"emit('default-list')\"\n                />\n                <CpBodyAction icon=\"list_alt\"\n                    :label=\"t('changeName')\"\n                    divider\n                    data-testid=\"rename-list\"\n                    @click=\"emit('rename-list')\"\n                />\n                <CpBodyAction\n                    v-if=\"predetermined\"\n                    icon=\"delete\"\n                    :label=\"t('deleteList')\"\n                    divider\n                    data-testid=\"delete-list\"\n                    @click=\"emit('delete-list')\"\n                />\n            </div>\n            <div v-if=\"type === 'paypalBa'\">\n                <CpBodyAction icon=\"edit\" :label=\"t('editAgreement')\" divider @click=\"$emit('edit-paypal')\" />\n                <CpBodyAction v-if=\"showDelete\"\n                    icon=\"delete\"\n                    :label=\"t('deleteAgreement')\"\n                    divider\n                    @click=\"$emit('delete-paypal')\"\n                />\n            </div>\n            <div v-if=\"type === 'address'\">\n                <CpBodyAction data-testid=\"edit-address-option\"\n                    icon=\"edit\"\n                    :label=\"t('editAddress')\"\n                    divider\n                    @click=\"emit('edit-address')\"\n                />\n                <CpBodyAction\n                    v-if=\"showDelete\"\n                    data-testid=\"delete-address-option\"\n                    icon=\"delete\"\n                    :label=\"t('deleteAddress')\"\n                    divider\n                    @click=\"emit('delete-address')\"\n                />\n            </div>\n            <div v-if=\"type === 'billing'\">\n                <CpBodyAction icon=\"edit\"\n                    :label=\"t('editBilling')\"\n                    divider\n                    data-testid=\"edit-billing-data\"\n                    @click=\"emit('edit-billing')\"\n                />\n                <CpBodyAction\n                    v-if=\"showDelete\"\n                    icon=\"delete\"\n                    :label=\"t('deleteBilling')\"\n                    divider\n                    data-testid=\"delete-billing-data\"\n                    @click=\"emit('delete-billing')\"\n                />\n            </div>\n            <div v-if=\"type === 'warranties'\">\n                <CpBodyAction icon=\"edit\" :label=\"t('editInfo')\" divider @click=\"emit('edit-warranty-data')\" />\n                <CpBodyAction icon=\"delete\" :label=\"t('deleteInfo')\" divider @click=\"emit('delete-warranty-data')\" />\n            </div>\n            <div v-if=\"type === 'reportUcg'\">\n                <CpBodyAction icon=\"outlined_flag\" :label=\"t('report')\" divider @click=\"$emit('report-comment')\" />\n            </div>\n            <div v-if=\"type === 'profilePicture'\">\n                <CpAlert :action=\" false\" :close-icon=\"false\" :class=\"e('alert')\">\n                    <ul :class=\"e('list')\">\n                        <li :class=\"e('list-item')\">\n                            <CpTextParser :text=\"t('imageSize')\" />\n                        </li>\n                        <li :class=\"e('list-item')\">\n                            <CpTextParser :text=\"t('imageFormat')\" />\n                        </li>\n                        <li :class=\"e('list-item')\">\n                            <CpTextParser :text=\"t('imageCut')\" />\n                        </li>\n                    </ul>\n                </CpAlert>\n                <CpBodyAction icon=\"add_a_photo\" :label=\"t('takePicture')\" divider />\n                <CpBodyAction icon=\"image\" :label=\"t('selectPhoto')\" divider />\n                <CpBodyAction v-if=\"withPicture\" icon=\"delete\" :label=\"t('deletePhoto')\" divider />\n            </div>\n            <div v-if=\"type === 'viewHistory'\">\n                <CpBodyAction icon=\"delete\" :label=\"t('deleteHistory')\" divider @click=\"deleteHistory\" />\n            </div>\n        </CpModal>\n    </div>\n</template>\n\n<style scoped lang=\"scss\">\n  @import \"assets/style/global.scss\";\n  .cp-modal-actions {\n    &__title {\n      border-top: none;\n    }\n    &__alert {\n      margin: 10px;\n    }\n    &__list {\n      padding-left: $cp-gutter;\n      list-style-type: none;\n      li::before {\n        content:\"·\";\n        font-size:20px;\n        vertical-align: middle;\n        line-height: var(--cp-body-regular-line-height);\n        margin-left: -8px;\n        margin-right: $cp-gutter-small;\n      }\n    }\n    &__list-item {\n      display: flex;\n    }\n  }\n</style>\n<i18n locale=\"es-US\">\n  listActions: \"Acciones de lista\"\n  productActions: \"Acciones de producto\"\n  paypalActions: \"Acciones de acuerdo de pagos con PayPal\"\n  addressActions: \"Acciones de dirección\"\n  billingActions: \"Acciones de facturación\"\n  warrantiesActions: \"Acciones de datos para activación\"\n  contentActions: \"Acciones de contenido\"\n  profilePictureActions: \"Acciones de foto de perfil\"\n  historyActions: \"Acciones de historial\"\n  moveProduct: \"Mover producto a otra lista\"\n  addProduct: \"Agregar producto a otra lista\"\n  deleteProduct: \"Eliminar producto de la lista\"\n  deleteProductFromSaved: \"Eliminar producto de guardados\"\n  seeCategory: \"Ver categoría\"\n  selectList: \"Seleccionar como lista predeterminada\"\n  changeName: \"Cambiar nombre\"\n  deleteList: \"Eliminar lista\"\n  editAgreement: \"Editar acuerdo\"\n  deleteAgreement: \"Eliminar acuerdo\"\n  editAddress: \"Editar dirección\"\n  deleteAddress: \"Eliminar dirección\"\n  editBilling: \"Editar datos de facturación\"\n  deleteBilling: \"Eliminar datos de facturación\"\n  editInfo: \"Editar o completar datos\"\n  deleteInfo: \"Eliminar datos\"\n  report: \"Reportar\"\n  imageSize: \"El tamaño de imagen máximo es *4MB*.\"\n  imageFormat: \"La imagen debe estar en formato *jpg*, *png* o *jpeg*.\"\n  imageCut: \"Tu imagen será recortada a *400x400 pixeles*.\"\n  takePicture: \"Tomar foto\"\n  selectPhoto: \"Seleccionar foto\"\n  deletePhoto: \"Eliminar foto\"\n  deleteHistory: \"Eliminar historial\"\n</i18n>\n"],"names":["props","__props","emit","__emit","value","computed","headerTitle","deleteHistory","b","e","useCpBem","useI18n"],"mappings":"sjDAUE,MAAMA,EAAQC,EAaRC,EAAOC,EAqBPC,EAAQC,EAAS,CACrB,KAAM,CACJ,OAAOL,EAAM,IACf,EACA,IAAII,EAAO,CACTF,EAAK,cAAeE,CAAK,CAC3B,CAAA,CACD,EAEKE,EAAcD,EAAS,IAAM,CACjC,OAAQL,EAAM,KAAM,CAClB,IAAK,OACH,OAAO,EAAE,aAAa,EACxB,IAAK,UACH,OAAO,EAAE,gBAAgB,EAC3B,IAAK,WACH,OAAO,EAAE,eAAe,EAC1B,IAAK,UACH,OAAO,EAAE,gBAAgB,EAC3B,IAAK,UACH,OAAO,EAAE,gBAAgB,EAC3B,IAAK,aACH,OAAO,EAAE,mBAAmB,EAC9B,IAAK,YACH,OAAO,EAAE,gBAAgB,EAC3B,IAAK,iBACH,OAAO,EAAE,uBAAuB,EAClC,IAAK,cACH,OAAO,EAAE,gBAAgB,EAC3B,QACS,MAAA,EACX,CAAA,CACD,EAEKO,EAAgB,IAAM,CAC1BH,EAAM,MAAQ,GACdF,EAAK,gBAAgB,CAAA,EAGjB,CAAC,EAAAM,EAAG,EAAAC,CAAC,EAAIC,EAAS,kBAAkB,EACpC,CAAC,GAAKC"}