f9d1146cb0
* feat: Adds model for scheduling messages * feat: Implement scheduled message handling and processing jobs * feat: Add ScheduledMessagesController and associated specs for managing scheduled messages * refactor: Simplify scheduled message job specs and improve metadata handling * feat: Add ScheduledMessagePolicy for managing access to scheduled messages * feat: Add routes for managing scheduled messages * feat: Add scheduled message event handling and broadcasting * feat: Add JSON views for scheduled messages creation, destruction, updating, and indexing * feat: Update scheduled message status and dispatch update event after message creation * feat: Ensure scheduled message updates trigger dispatch event * feat: Add mutation types for managing scheduled messages * feat: Add additionalAttributes prop to Message component and provider * feat: Implement scheduled message handling in ActionCable and Vuex store * feat: Add unit tests for scheduled messages actions and mutations * feat: implement scheduled messages functionality - Added support for scheduling messages in the conversation dashboard. - Introduced new components: ScheduledMessageModal and ScheduledMessages for managing scheduled messages. - Enhanced ReplyBottomPanel to include scheduling options. - Updated Base.vue to handle scheduled message styling. - Integrated Vuex store module for managing scheduled messages state. - Added necessary translations for scheduled messages in English and Portuguese. * feat: add pagination to scheduled messages index and update tests accordingly * chore: update scheduled messages specs for future time validation and response status * chore: enhance scheduled messages API with pagination and add skeleton loader component * feat: add create_scheduled_message action to automation rule attributes * feat: implement create_scheduled_message action and enhance attachment handling * feat: add scheduled message functionality with UI components and localization * test: enhance scheduledMessages mutations tests with meta handling and structure * chore: update label to display file name upon successful upload in AutomationFileInput component * feat: add initialAttachment prop to ScheduledMessageModal and update ReplyBox to pass attachment * chore: prepend_mod_with to ScheduledMessagesController for better module handling * fix: attachment visibility in ScheduledMessageItem component * chore: enhance ScheduledMessage model with validations and reduce controller load * refactor: simplify ScheduledMessagesAPI methods by removing unnecessary instance variable * chore: update event emission for scheduled message creation in ReplyBox and ScheduledMessageModal * refactor: update status configuration to use label keys * chore: update date formatting in ScheduledMessageItem component * refactor: collapse logic to checkOverflow and update related functionality * chore: add author indication for current user in scheduled messages * chore: enhance scheduled message metadata with author information and localization * fix: send message shortcut * chore: handle errors in scheduled message submission * chore: update scheduled message modal to use combined date and time input * chore: refactor scheduled messages handling to remove pagination and update related tests * fix: ensure scheduled messages update status and dispatch on failure * fix: update scheduled message due date logic and simplify sending checks * refactor: rename build_message method for send_message * fix: update scheduled message creation time and improve test reliability * chore: ignore unnecessary check * chore: add scheduled message metadata handling in message builder, add scheduled message factorie and update specs * refactor: use scheduled message factorie creation in specs * chore: streamline error handling in scheduled message job and remove dispatch logic * fix: change scheduled_messages association to destroy dependent records * refactor: remove unused attributes from scheduled message payload builder * chore: update scheduled message retrieval to use conversation association * chore: correct cron format for scheduled messages job * chore: remove migration for author_type in scheduled_messages * feat: enhance scheduled messages management with delete confirmation and error handling * chore: set cron poll interval to 10 seconds for improved scheduling precision * feat: include additional_attributes in message JSON response * feat: enhance scheduled message validation and localization support * chore: update scheduled message display * Merge branch 'main' into Cayo-Oliveira/CU-86aenh268/Mensagens-agendadas * feat: add scheduled message indicators and validation for message length * fix: remove unnecessary condition from line-clamp class binding * feat: update scheduled messages localization and enhance content validation * feat: update scheduled messages order, enhance scheduledAt computation, and add message association * fix: reorder condition for Facebook channel message length computation * fix: change detection for attachments in scheduled messages * fix: remove unnecessary colon from close-on-backdrop-click prop in ScheduledMessageModal * chore: add error handling for scheduled message deletion and update localization for delete failure * fix: enforce minimum delay of 1 minute for scheduled messages and update validation * fix: remove unused private property and improve locale formatting for scheduled messages * fix: adjust positioning of DropdownBody in ReplyBottomPanel and clean up schema foreign keys * docs: add scheduled messages management APIs and payload definitions --------- Co-authored-by: gabrieljablonski <contact@gabrieljablonski.com>
99 lines
2.4 KiB
Vue
99 lines
2.4 KiB
Vue
<script>
|
|
import { useAlert } from 'dashboard/composables';
|
|
import Spinner from 'shared/components/Spinner.vue';
|
|
export default {
|
|
components: {
|
|
Spinner,
|
|
},
|
|
props: {
|
|
initialFileName: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
},
|
|
emits: ['update:modelValue'],
|
|
data() {
|
|
return {
|
|
uploadState: 'idle',
|
|
label: this.$t('AUTOMATION.ATTACHMENT.LABEL_IDLE'),
|
|
};
|
|
},
|
|
mounted() {
|
|
if (this.initialFileName) {
|
|
this.label = this.initialFileName;
|
|
this.uploadState = 'uploaded';
|
|
}
|
|
},
|
|
methods: {
|
|
async onChangeFile(event) {
|
|
this.uploadState = 'processing';
|
|
this.label = this.$t('AUTOMATION.ATTACHMENT.LABEL_UPLOADING');
|
|
try {
|
|
const file = event.target.files[0];
|
|
const id = await this.$store.dispatch(
|
|
'automations/uploadAttachment',
|
|
file
|
|
);
|
|
this.$emit('update:modelValue', [id]);
|
|
this.uploadState = 'uploaded';
|
|
this.label =
|
|
file?.name || this.$t('AUTOMATION.ATTACHMENT.LABEL_UPLOADED');
|
|
} catch (error) {
|
|
this.uploadState = 'failed';
|
|
this.label = this.$t('AUTOMATION.ATTACHMENT.LABEL_UPLOAD_FAILED');
|
|
useAlert(this.$t('AUTOMATION.ATTACHMENT.UPLOAD_ERROR'));
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<label class="input-wrapper" :class="uploadState">
|
|
<input
|
|
v-if="uploadState !== 'processing'"
|
|
type="file"
|
|
name="attachment"
|
|
:class="uploadState === 'processing' ? 'disabled' : ''"
|
|
@change="onChangeFile"
|
|
/>
|
|
<Spinner v-if="uploadState === 'processing'" />
|
|
<fluent-icon v-if="uploadState === 'idle'" icon="file-upload" />
|
|
<fluent-icon
|
|
v-if="uploadState === 'uploaded'"
|
|
icon="checkmark-circle"
|
|
type="outline"
|
|
class="success-icon"
|
|
/>
|
|
<fluent-icon
|
|
v-if="uploadState === 'failed'"
|
|
icon="dismiss-circle"
|
|
type="outline"
|
|
class="error-icon"
|
|
/>
|
|
<p class="file-button">{{ label }}</p>
|
|
</label>
|
|
</template>
|
|
|
|
<style scoped>
|
|
input[type='file'] {
|
|
@apply hidden;
|
|
}
|
|
.input-wrapper {
|
|
@apply flex h-9 bg-n-background py-1 px-2 items-center text-xs cursor-pointer rounded-sm border border-dashed border-n-strong;
|
|
}
|
|
.success-icon {
|
|
@apply text-n-teal-9 mr-2;
|
|
}
|
|
.error-icon {
|
|
@apply text-n-ruby-9 mr-2;
|
|
}
|
|
|
|
.processing {
|
|
@apply cursor-not-allowed opacity-90;
|
|
}
|
|
.file-button {
|
|
@apply whitespace-nowrap overflow-hidden text-ellipsis w-full mb-0;
|
|
}
|
|
</style>
|