Initial commit: Add logistics and order_detail message types

- Add Logistics component with progress tracking
- Add OrderDetail component for order information
- Support data-driven steps and actions
- Add blue color scale to widget SCSS
- Fix node overflow and progress bar rendering issues
- Add English translations for dashboard components

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

app/javascript/widget/api/endPoints.js

@@ -0,0 +1,120 @@
+import { buildSearchParamsWithLocale } from '../helpers/urlParamsHelper';
+import { generateEventParams } from './events';
+
+const createConversation = params => {
+  const referrerURL = window.referrerURL || '';
+  const search = buildSearchParamsWithLocale(window.location.search);
+  return {
+    url: `/api/v1/widget/conversations${search}`,
+    params: {
+      contact: {
+        name: params.fullName,
+        email: params.emailAddress,
+        phone_number: params.phoneNumber,
+      },
+      message: {
+        content: params.message,
+        timestamp: new Date().toString(),
+        referer_url: referrerURL,
+      },
+      custom_attributes: params.customAttributes,
+    },
+  };
+};
+
+const sendMessage = (content, replyTo) => {
+  const referrerURL = window.referrerURL || '';
+  const search = buildSearchParamsWithLocale(window.location.search);
+  return {
+    url: `/api/v1/widget/messages${search}`,
+    params: {
+      message: {
+        content,
+        reply_to: replyTo,
+        timestamp: new Date().toString(),
+        referer_url: referrerURL,
+      },
+    },
+  };
+};
+
+const sendAttachment = ({ attachment, replyTo = null }) => {
+  const { referrerURL = '' } = window;
+  const timestamp = new Date().toString();
+  const { file } = attachment;
+
+  const formData = new FormData();
+  if (typeof file === 'string') {
+    formData.append('message[attachments][]', file);
+  } else {
+    formData.append('message[attachments][]', file, file.name);
+  }
+
+  formData.append('message[referer_url]', referrerURL);
+  formData.append('message[timestamp]', timestamp);
+  if (replyTo !== null) {
+    formData.append('message[reply_to]', replyTo);
+  }
+  return {
+    url: `/api/v1/widget/messages${window.location.search}`,
+    params: formData,
+  };
+};
+
+const getConversation = ({ before, after }) => ({
+  url: `/api/v1/widget/messages${window.location.search}`,
+  params: { before, after },
+});
+
+const updateMessage = id => ({
+  url: `/api/v1/widget/messages/${id}${window.location.search}`,
+});
+
+const getAvailableAgents = token => ({
+  url: '/api/v1/widget/inbox_members',
+  params: {
+    website_token: token,
+  },
+});
+const getCampaigns = token => ({
+  url: '/api/v1/widget/campaigns',
+  params: {
+    website_token: token,
+  },
+});
+const triggerCampaign = ({ websiteToken, campaignId, customAttributes }) => ({
+  url: '/api/v1/widget/events',
+  data: {
+    name: 'campaign.triggered',
+    event_info: {
+      campaign_id: campaignId,
+      custom_attributes: customAttributes,
+      ...generateEventParams(),
+    },
+  },
+  params: {
+    website_token: websiteToken,
+  },
+});
+
+const getMostReadArticles = (slug, locale) => ({
+  url: `/hc/${slug}/${locale}/articles.json`,
+  params: {
+    page: 1,
+    sort: 'views',
+    status: 1,
+    per_page: 6,
+  },
+});
+
+export default {
+  createConversation,
+  sendMessage,
+  sendAttachment,
+  getConversation,
+  updateMessage,
+  getAvailableAgents,
+  getCampaigns,
+  triggerCampaign,
+  getMostReadArticles,
+};