akadmin/chatwoot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

add helper

Browse Source
This commit is contained in:
Muhsin Keloth
2024-03-14 15:13:09 +05:30
parent 29171565ed
commit 6cad9c683a
3 changed files with 273 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/widget/helpers/availabilityHelper.js
+116
View File
@@ -0,0 +1,116 @@
const daysOfWeek = [
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday',
];
const findNextAvailableTime = (
working_hours,
currentDayOfWeek,
currentHour,
currentMinutes
) => {
let nextAvailableTime = null;
// Find the next available time for today
const todayHours = working_hours.filter(
hours =>
hours.day_of_week === currentDayOfWeek &&
!hours.closed_all_day &&
(hours.open_hour > currentHour ||
(hours.open_hour === currentHour &&
hours.open_minutes > currentMinutes))
);
todayHours.forEach(hours => {
if (
nextAvailableTime === null ||
hours.open_hour < nextAvailableTime.hour ||
(hours.open_hour === nextAvailableTime.hour &&
hours.open_minutes < nextAvailableTime.minutes)
) {
nextAvailableTime = {
hour: hours.open_hour,
minutes: hours.open_minutes,
day: 'today',
};
}
});
// If not found, find the next available time for the next day(s)
if (nextAvailableTime === null) {
let nextDaysHours = working_hours.filter(
hours => hours.day_of_week > currentDayOfWeek && !hours.closed_all_day
);
// If there are no available hours for the next day, consider hours for the following days
if (nextDaysHours.length === 0) {
nextDaysHours = working_hours.filter(
hours => hours.day_of_week < currentDayOfWeek && !hours.closed_all_day
);
}
let nextDay = null;
for (let i = 0; i < 7; i++) {
nextDay = nextDaysHours.find(hours => hours.day_of_week === i);
if (nextDay) {
break;
}
}
if (nextDay) {
nextAvailableTime = {
hour: nextDay.open_hour,
minutes: nextDay.open_minutes,
day: nextDay.day_of_week,
};
}
}
return nextAvailableTime;
};
export const getNextAvailabilityMessage = (working_hours, currentTime) => {
const currentDayOfWeek = currentTime.getDay(); // 0 for Sunday, 1 for Monday, ...
const currentHour = currentTime.getHours();
const currentMinutes = currentTime.getMinutes();
const nextAvailableTime = findNextAvailableTime(
working_hours,
currentDayOfWeek,
currentHour,
currentMinutes
);
// Calculate the time difference
if (nextAvailableTime !== null) {
const differenceInMinutes =
nextAvailableTime.hour * 60 +
nextAvailableTime.minutes -
(currentHour * 60 + currentMinutes);
const differenceInHours = Math.floor(differenceInMinutes / 60);
const nextDayOfWeek = nextAvailableTime.day;
if (nextDayOfWeek === currentDayOfWeek + 1) {
return `We will be back online tomorrow`;
}
if (nextAvailableTime.day !== 'today') {
return `We will be back online on ${daysOfWeek[nextDayOfWeek]}`;
}
if (differenceInMinutes <= 1) {
return 'We will be back online in less than a minute.';
}
if (differenceInMinutes < 60) {
return `We will be back online in ${differenceInMinutes} minutes.`;
}
if (differenceInMinutes < 1440) {
return `We will be back online in ${differenceInHours} hours`;
}
}
return 'No available time found in working hours.';
};
app/javascript/widget/helpers/specs/availabilityHelper.spec.js
+151
View File
@@ -0,0 +1,151 @@
import { getNextAvailabilityMessage } from '../availabilityHelper';
describe('getNextAvailabilityMessage function', () => {
const working_hours = [
{
id: 8,
inbox_id: 2,
account_id: 1,
day_of_week: 0,
closed_all_day: true,
open_hour: null,
open_minutes: null,
close_hour: null,
close_minutes: null,
created_at: '2024-01-08T06:12:53.980Z',
updated_at: '2024-01-08T06:12:53.980Z',
open_all_day: false,
},
{
id: 9,
inbox_id: 2,
account_id: 1,
day_of_week: 1,
closed_all_day: false,
open_hour: 9,
open_minutes: 0,
close_hour: 17,
close_minutes: 0,
created_at: '2024-01-08T06:12:53.982Z',
updated_at: '2024-01-08T06:12:53.982Z',
open_all_day: false,
},
{
id: 10,
inbox_id: 2,
account_id: 1,
day_of_week: 2,
closed_all_day: false,
open_hour: 15,
open_minutes: 0,
close_hour: 23,
close_minutes: 30,
created_at: '2024-01-08T06:12:53.983Z',
updated_at: '2024-03-12T06:54:00.313Z',
open_all_day: false,
},
{
id: 11,
inbox_id: 2,
account_id: 1,
day_of_week: 3,
closed_all_day: true,
open_hour: null,
open_minutes: null,
close_hour: null,
close_minutes: null,
created_at: '2024-01-08T06:12:53.984Z',
updated_at: '2024-03-13T07:15:41.249Z',
open_all_day: false,
},
{
id: 12,
inbox_id: 2,
account_id: 1,
day_of_week: 4,
closed_all_day: false,
open_hour: 15,
open_minutes: 0,
close_hour: 20,
close_minutes: 0,
created_at: '2024-01-08T06:12:53.985Z',
updated_at: '2024-03-13T07:21:31.430Z',
open_all_day: false,
},
{
id: 13,
inbox_id: 2,
account_id: 1,
day_of_week: 5,
closed_all_day: false,
open_hour: 9,
open_minutes: 0,
close_hour: 17,
close_minutes: 0,
created_at: '2024-01-08T06:12:53.986Z',
updated_at: '2024-01-08T06:12:53.986Z',
open_all_day: false,
},
{
id: 14,
inbox_id: 2,
account_id: 1,
day_of_week: 6,
closed_all_day: false,
open_hour: 9,
open_minutes: 0,
close_hour: 7,
close_minutes: 0,
created_at: '2024-01-08T06:12:53.987Z',
updated_at: '2024-01-08T06:12:53.987Z',
open_all_day: false,
},
];
test('returns correct message for less than a minute', () => {
jest.useFakeTimers('modern').setSystemTime(new Date('2024-03-14T14:59:00'));
const lessThanMinute = new Date('2024-03-14T14:59:59'); // Current time + 59 seconds
expect(getNextAvailabilityMessage(working_hours, lessThanMinute)).toBe(
'We will be back online in less than a minute.'
);
});
test('returns minutes message for less than an hour', () => {
jest.useFakeTimers('modern').setSystemTime(new Date('2024-03-14T14:45:00'));
const lessThanHour = new Date('2024-03-14T14:45:00'); // Current time + 30 minutes
expect(getNextAvailabilityMessage(working_hours, lessThanHour)).toBe(
'We will be back online in 15 minutes.'
);
});
test('returns correct message for greater than an hour', () => {
jest.useFakeTimers('modern').setSystemTime(new Date('2024-03-14T12:00:00'));
const lessThanHour = new Date('2024-03-14T12:30:00'); // Current time + 30 minutes
expect(getNextAvailabilityMessage(working_hours, lessThanHour)).toBe(
'We will be back online in 2 hours'
);
});
test('returns correct message for next day', () => {
jest.useFakeTimers('modern').setSystemTime(new Date('2024-03-14T00:00:00'));
const nextDay = new Date('2024-03-14T00:00:00'); // Next day
working_hours[4].closed_all_day = true;
expect(getNextAvailabilityMessage(working_hours, nextDay)).toBe(
'We will be back online tomorrow'
);
});
test('returns correct message for specific day', () => {
jest.useFakeTimers('modern').setSystemTime(new Date('2024-03-14T00:00:00'));
const specificDay = new Date('2024-03-14T00:00:00'); // Next day
working_hours[4].closed_all_day = true;
working_hours[5].closed_all_day = true;
expect(getNextAvailabilityMessage(working_hours, specificDay)).toBe(
'We will be back online on Saturday'
);
});
afterEach(() => {
jest.useRealTimers();
});
});
app/javascript/widget/mixins/availability.js
+6 -4
View File
@@ -1,6 +1,6 @@
import { utcToZonedTime } from 'date-fns-tz';
import { isTimeAfter } from 'shared/helpers/DateHelper';
import { getNextAvailabilityMessage } from 'widget/helpers/availabilityHelper';
export default {
computed: {
channelConfig() {
@@ -23,10 +23,12 @@ export default {
},
replyWaitMessage() {
const { workingHoursEnabled } = this.channelConfig;
const nextAvailabilityMessage = getNextAvailabilityMessage(
this.channelConfig.workingHours,
new Date()
);
if (workingHoursEnabled) {
return this.isOnline
? this.replyTimeStatus
: `${this.$t('REPLY_TIME.BACK_IN')} ${this.timeLeftToBackInOnline}`;
return this.isOnline ? this.replyTimeStatus : nextAvailabilityMessage;
}
return this.isOnline
? this.replyTimeStatus