d1fa8d8c2f
# Pull Request Template ## Description Moves the WhatsApp & Twilio content-template logic to the shared [`@chatwoot/utils`](https://github.com/chatwoot/utils) ([PR](https://github.com/chatwoot/utils/pull/62)) package so web and mobile share one implementation. The neutral core takes the raw template and returns `processed_params`, the same shape the web parsers already use, so it's a drop-in with no behavior change. - `templateHelper.js` / `URLHelper.js` → source `MEDIA_FORMATS`, `findComponentByType`, `processVariable`, `buildTemplateParameters`, `extractFilenameFromUrl` from the package - `inboxes.js` → filters with shared `isSendableTemplate` - `WhatsAppTemplateParser.vue` / `ContentTemplateParser.vue` → `isFormInvalid` and Twilio media helpers now use the shared `isWhatsAppComplete` / `isTwilioComplete` / `applyTwilioMediaFilename` > Depends on the `@chatwoot/utils` release adding the shared template API, bump `package.json` from `^0.0.55` to the published version before merge. Fixes [CW-7540](https://linear.app/chatwoot/issue/CW-7540/web-templates-integration-with-utils) ## Type of change - [x] Breaking change (Refactor) --------- Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com> Co-authored-by: Muhsin <12408980+muhsin-k@users.noreply.github.com>
31 lines
1.0 KiB
JavaScript
31 lines
1.0 KiB
JavaScript
import { processVariable, buildWhatsAppProcessedParams } from '@chatwoot/utils';
|
|
|
|
// Constants and pure template helpers are shared with the mobile app via
|
|
// @chatwoot/utils so the logic lives in one place.
|
|
export {
|
|
MEDIA_FORMATS,
|
|
COMPONENT_TYPES,
|
|
findComponentByType,
|
|
processVariable,
|
|
} from '@chatwoot/utils';
|
|
|
|
export const DEFAULT_LANGUAGE = 'en';
|
|
export const DEFAULT_CATEGORY = 'UTILITY';
|
|
|
|
export const allKeysRequired = value => {
|
|
const keys = Object.keys(value);
|
|
return keys.every(key => value[key]);
|
|
};
|
|
|
|
export const replaceTemplateVariables = (templateText, processedParams) => {
|
|
return templateText.replace(/{{([^}]+)}}/g, (match, variable) => {
|
|
const variableKey = processVariable(variable);
|
|
return processedParams.body?.[variableKey] || `{{${variable}}}`;
|
|
});
|
|
};
|
|
|
|
// The media-header flag is derived from the template inside the shared helper;
|
|
// the second argument is kept for backwards-compatible call sites.
|
|
export const buildTemplateParameters = template =>
|
|
buildWhatsAppProcessedParams(template);
|