@acrsolutions/chat-components
Version:
Un set di componenti per la creazione di un'applicazione di messaggistica
31 lines (30 loc) • 1.65 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Composition } from 'atomic-layout';
import { CreateTemplateMessage } from '../components/CreateTemplateMessage';
import { data, exampleCompanyPhones, exampleContactPhones, exampleTemplateOptions, exampleTemplates, } from '../components/EXAMPLES/exampleData';
import { LibThemeProvider } from '../ui/theme';
import { useCallback } from 'react';
export function CreateTemplateMessageStory() {
const handleTemplateChange = (e) => {
e.preventDefault();
const formData = new FormData(e.currentTarget);
const data = {};
for (const [key, value] of formData.entries()) {
data[key] = value.toString();
}
window.alert(`Template inviato con dati: ${JSON.stringify(data, null, 2)}`);
};
const getTemplateData = async (templateName) => {
return exampleTemplates[templateName];
};
//opzionale
const handleFindContactName = useCallback((contactNumber) => {
const selectedConvo = data.find((c) => c.convo.some((mex) => mex.contactNumber === contactNumber));
if (selectedConvo) {
const contactName = selectedConvo.contactName;
return contactName;
}
return null;
}, []);
return (_jsx(LibThemeProvider, { children: _jsx(Composition, { children: _jsx(CreateTemplateMessage, { companyPhoneOptions: exampleCompanyPhones, phoneToContactOptions: exampleContactPhones, templateOptions: exampleTemplateOptions, isSendingTemplate: false, onTemplateSend: handleTemplateChange, getTemplateData: getTemplateData, findContactName: handleFindContactName }) }) }));
}