Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 | 98x 1x 1x 1x 1x 1x 1x 1x 1x 98x 98x 98x 98x 98x 98x 98x 98x 98x 98x 98x 98x 98x 98x 98x 4x 4x 4x 4x 4x 4x 1x 4x 4x 98x 98x 98x 98x 98x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 98x 98x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 98x 98x 98x 98x 98x 98x 98x 98x | import { html } from 'lit-html';
import {
ActionConfig,
ACTION_GROUPS,
FormData,
ValidationResult,
FlowTypes
} from '../types';
import { Node, SetContactLanguage } from '../../store/flow-definition';
import { getStore } from '../../store/Store';
import { getLanguageDisplayName, renderClamped } from '../utils';
export const set_contact_language: ActionConfig = {
name: 'Update Language',
group: ACTION_GROUPS.contacts,
flowTypes: [FlowTypes.VOICE, FlowTypes.MESSAGE, FlowTypes.BACKGROUND],
render: (_node: Node, action: SetContactLanguage) => {
const name = getLanguageDisplayName(action.language);
return renderClamped(
html`Set to <strong>${name}</strong>`,
`Set to ${name}`
);
},
form: {
language: {
type: 'select',
label: 'Language',
required: true,
searchable: true,
clearable: false,
valueKey: 'value',
nameKey: 'name',
helpText: 'Select the language to set for the contact',
getDynamicOptions: () => {
const store = getStore();
const workspace = store?.getState().workspace;
if (workspace?.languages && Array.isArray(workspace.languages)) {
return workspace.languages.map((languageCode: string) => ({
value: languageCode,
name: getLanguageDisplayName(languageCode)
}));
}
return [];
}
}
},
toFormData: (action: SetContactLanguage) => {
// Convert the language code back to the option object format expected by the form
if (action.language) {
return {
language: [
{
value: action.language,
name: getLanguageDisplayName(action.language)
}
],
uuid: action.uuid
};
}
return {
language: null,
uuid: action.uuid
};
},
fromFormData: (formData: FormData): SetContactLanguage => {
return {
uuid: formData.uuid,
type: 'set_contact_language',
language: formData.language[0].value
};
},
validate: (formData: FormData): ValidationResult => {
const errors: { [key: string]: string } = {};
if (!formData.language) {
errors.language = 'Language is required';
}
return {
valid: Object.keys(errors).length === 0,
errors
};
}
};
|