@whitewall/blip-sdk 0.0.173 → 0.0.175

package/src/types/message.ts

@@ -8,7 +8,7 @@ export type PlainText = string
 
 export type Ticket<Type extends MessageTypes | undefined = undefined> = {
     id: string
-    sequentialId: string
+    sequentialId: number
     ownerIdentity: Identity
     customerIdentity: Identity
     customerDomain: string

package/src/types/whatsapp.ts

@@ -145,7 +145,8 @@ type ExampleType<T extends 'TEXT' | 'LOCATION' | HandleFormats> = T extends 'TEX
 export type HeaderComponent<T extends 'TEXT' | 'LOCATION' | HandleFormats> = {
     type: 'HEADER'
     format: T
-    example: ExampleType<T>
+    text?: T extends 'TEXT' ? string : never
+    example?: ExampleType<T>
 }
 
 export type BodyComponent = {
@@ -191,7 +192,7 @@ export type MessageTemplate = {
     status: 'APPROVED' | 'REJECTED' | 'PENDING'
     rejected_reason: string
     language: WhatsAppTemplateLanguage
-    last_update_time: string
+    last_update_time?: string
     components: Array<UnknownComponent>
 }
 
@@ -199,3 +200,11 @@ export type MessageTemplateVariable = {
     type: 'BODY' | 'MEDIA' | 'BUTTON'
     example?: string
 }
+
+export type MessageTemplatePreview = {
+    headerFormat?: 'TEXT' | 'LOCATION' | 'IMAGE' | 'VIDEO' | 'DOCUMENT'
+    headerText?: string
+    bodyText?: string
+    footerText?: string
+    buttons: Array<string>
+}

package/src/utils/desk.ts

@@ -0,0 +1,78 @@
+import { DayOfWeek, type DeskRule, type DeskRuleCondition, type DetailedAttendanceHour } from '../types/desk.ts'
+
+const dayOfWeekByIndex = [
+    DayOfWeek.Sunday,
+    DayOfWeek.Monday,
+    DayOfWeek.Tuesday,
+    DayOfWeek.Wednesday,
+    DayOfWeek.Thursday,
+    DayOfWeek.Friday,
+    DayOfWeek.Saturday,
+] as const
+
+export function normalizeDeskRuleConditions(
+    rule: Pick<DeskRule, 'property' | 'relation' | 'values' | 'conditions'>,
+): Array<DeskRuleCondition> {
+    if (rule.conditions) {
+        return rule.conditions
+    }
+
+    if (rule.property && rule.relation && rule.values) {
+        return [
+            {
+                property: rule.property,
+                relation: rule.relation,
+                values: rule.values,
+            },
+        ]
+    }
+
+    return []
+}
+
+export function getDayOfWeek(value: Date): DayOfWeek {
+    return dayOfWeekByIndex[value.getDay()]
+}
+
+export function matchesAttendanceHourQueue(attendanceHour: DetailedAttendanceHour, queueIdOrName: string): boolean {
+    return (
+        attendanceHour.attendanceHour.isMain ||
+        attendanceHour.queues.some((queue) => queue.id === queueIdOrName || queue.description === queueIdOrName)
+    )
+}
+
+export function isOnAttendanceTime(attendanceHour: DetailedAttendanceHour, value: Date): boolean {
+    const isInsideOffTime = attendanceHour.attendanceHourOffItems.some((offItem) => {
+        const startDate = new Date(offItem.startDate)
+        const endDate = new Date(offItem.endDate)
+
+        return value.getTime() >= startDate.getTime() && value.getTime() <= endDate.getTime()
+    })
+    if (isInsideOffTime) {
+        return false
+    }
+
+    const todaySchedule = attendanceHour.attendanceHourScheduleItems.find(
+        (schedule) => schedule.dayOfWeek === getDayOfWeek(value),
+    )
+    if (!todaySchedule) {
+        return false
+    }
+
+    const startTime = applyTime(value, todaySchedule.startTime)
+    const endTime = applyTime(value, todaySchedule.endTime)
+
+    return value.getTime() >= startTime.getTime() && value.getTime() <= endTime.getTime()
+}
+
+function applyTime(value: Date, time: string): Date {
+    const [hours, minutes] = time.split(':')
+    const date = new Date(value)
+
+    date.setHours(Number(hours))
+    date.setMinutes(Number(minutes))
+    date.setSeconds(0)
+    date.setMilliseconds(0)
+
+    return date
+}

package/src/utils/thread.ts

@@ -0,0 +1,119 @@
+import { isDocumentOfType, messageToDocument, type ThreadItem, type UnknownDocument } from '../types/index.ts'
+
+export function formatThreadItemPreview(item: ThreadItem): string {
+    return formatDocumentPreview(messageToDocument(item))
+}
+
+export function formatDocumentPreview(document: UnknownDocument): string {
+    if (isDocumentOfType(document, 'text/plain')) {
+        return document.value
+    }
+
+    if (isDocumentOfType(document, 'application/vnd.lime.media-link+json')) {
+        return `[media] ${document.value.title || document.value.text || document.value.uri}`
+    }
+
+    if (isDocumentOfType(document, 'application/vnd.lime.web-link+json')) {
+        return `[link] ${document.value.text}`
+    }
+
+    if (isDocumentOfType(document, 'application/vnd.lime.reply+json')) {
+        return formatDocumentPreview(document.value.replied)
+    }
+
+    if (isDocumentOfType(document, 'application/vnd.iris.ticket+json')) {
+        return `[ticket #${document.value.sequentialId}]`
+    }
+
+    if (isDocumentOfType(document, 'application/vnd.lime.select+json')) {
+        const options = document.value.options.map((option) => option.text).join(' | ')
+        return `[select] ${document.value.text} [select-options] ${options}`
+    }
+
+    if (isDocumentOfType(document, 'application/json')) {
+        const value = document.value
+
+        if (
+            value.type === 'template' &&
+            value.template &&
+            typeof value.template === 'object' &&
+            'name' in value.template
+        ) {
+            return `[whatsapp template: ${value.template.name as string}]`
+        }
+
+        if (value.type === 'interactive' && value.interactive && typeof value.interactive === 'object') {
+            return interactiveToHumanReadable(value.interactive as Record<string, unknown>)
+        }
+    }
+
+    return `[${document.type}]`
+}
+
+function interactiveToHumanReadable(interactive: Record<string, unknown>): string {
+    const parts: Array<string> = []
+
+    const header = interactive.header as { type?: string; text?: string } | undefined
+    if (header?.type === 'text' && header.text) {
+        parts.push(header.text)
+    }
+
+    const body = interactive.body as { text?: string } | undefined
+    if (body?.text) {
+        parts.push(body.text)
+    }
+
+    const footer = interactive.footer as { text?: string } | undefined
+    if (footer?.text) {
+        parts.push(footer.text)
+    }
+
+    const action = interactive.action as
+        | {
+              name: 'cta_url'
+              parameters: { display_text: string }
+          }
+        | {
+              name: 'flow'
+              parameters: { flow_cta: string }
+          }
+        | {
+              buttons: Array<{
+                  type: 'reply'
+                  reply: { id: string; title: string }
+              }>
+          }
+        | {
+              sections: Array<{
+                  rows?: Array<{ title: string }>
+              }>
+          }
+        | undefined
+
+    if (!action) {
+        return parts.join('\n')
+    }
+
+    if ('buttons' in action) {
+        const items = action.buttons
+            .filter((button) => button.type === 'reply')
+            .map((button) => button.reply.title)
+            .join('')
+
+        if (items) {
+            parts.push(items)
+        }
+    } else if ('sections' in action) {
+        const items = action.sections.flatMap((section) => section.rows?.map((row) => row.title) ?? []).join('')
+
+        if (items) {
+            parts.push(items)
+        }
+    } else if (action.name === 'cta_url') {
+        parts.push(`Link: ${action.parameters.display_text}`)
+    } else if (action.name === 'flow') {
+        parts.push(`Flow: ${action.parameters.flow_cta}`)
+    }
+
+    return parts.join('\n')
+}