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/store/modules/campaign.js

@@ -0,0 +1,183 @@
+import { getCampaigns, triggerCampaign } from 'widget/api/campaign';
+import campaignTimer from 'widget/helpers/campaignTimer';
+import {
+  formatCampaigns,
+  filterCampaigns,
+} from 'widget/helpers/campaignHelper';
+import { getFromCache, setCache } from 'shared/helpers/cache';
+
+const CACHE_KEY_PREFIX = 'chatwoot_campaigns_';
+
+const state = {
+  records: [],
+  uiFlags: {
+    hasFetched: false,
+    isError: false,
+  },
+  activeCampaign: {},
+};
+
+const resetCampaignTimers = (
+  campaigns,
+  currentURL,
+  websiteToken,
+  isInBusinessHours
+) => {
+  const formattedCampaigns = formatCampaigns({ campaigns });
+  // Find all campaigns that matches the current URL
+  const filteredCampaigns = filterCampaigns({
+    campaigns: formattedCampaigns,
+    currentURL,
+    isInBusinessHours,
+  });
+  campaignTimer.initTimers({ campaigns: filteredCampaigns }, websiteToken);
+};
+
+export const getters = {
+  getCampaigns: $state => $state.records,
+  getUIFlags: $state => $state.uiFlags,
+  getActiveCampaign: $state => $state.activeCampaign,
+};
+
+export const actions = {
+  fetchCampaigns: async (
+    { commit },
+    { websiteToken, currentURL, isInBusinessHours }
+  ) => {
+    try {
+      // Cache for 1 hour
+      const CACHE_EXPIRY = 60 * 60 * 1000;
+      const cachedData = getFromCache(
+        `${CACHE_KEY_PREFIX}${websiteToken}`,
+        CACHE_EXPIRY
+      );
+      if (cachedData) {
+        commit('setCampaigns', cachedData);
+        commit('setError', false);
+        resetCampaignTimers(
+          cachedData,
+          currentURL,
+          websiteToken,
+          isInBusinessHours
+        );
+        return;
+      }
+
+      const { data: campaigns } = await getCampaigns(websiteToken);
+      setCache(`${CACHE_KEY_PREFIX}${websiteToken}`, campaigns);
+      commit('setCampaigns', campaigns);
+      commit('setError', false);
+      resetCampaignTimers(
+        campaigns,
+        currentURL,
+        websiteToken,
+        isInBusinessHours
+      );
+    } catch (error) {
+      commit('setError', true);
+    }
+  },
+  initCampaigns: async (
+    { getters: { getCampaigns: campaigns, getUIFlags: uiFlags }, dispatch },
+    { currentURL, websiteToken, isInBusinessHours }
+  ) => {
+    if (!campaigns.length) {
+      // This check is added to ensure that the campaigns are fetched once
+      // On high traffic sites, if the campaigns are empty, the API is called
+      // every time the user changes the URL (in case of the SPA)
+      // So, we need to ensure that the campaigns are fetched only once
+      if (!uiFlags.hasFetched) {
+        dispatch('fetchCampaigns', {
+          websiteToken,
+          currentURL,
+          isInBusinessHours,
+        });
+      }
+    } else {
+      resetCampaignTimers(
+        campaigns,
+        currentURL,
+        websiteToken,
+        isInBusinessHours
+      );
+    }
+  },
+  startCampaign: async (
+    {
+      commit,
+      rootState: {
+        appConfig: { isWidgetOpen },
+      },
+    },
+    { websiteToken, campaignId }
+  ) => {
+    // Disable campaign execution if widget is opened
+    if (!isWidgetOpen) {
+      const { data: campaigns } = await getCampaigns(websiteToken);
+      // Check campaign is disabled or not
+      const campaign = campaigns.find(item => item.id === campaignId);
+      if (campaign) {
+        commit('setActiveCampaign', campaign);
+      }
+    }
+  },
+
+  executeCampaign: async (
+    { commit },
+    { campaignId, websiteToken, customAttributes }
+  ) => {
+    try {
+      commit(
+        'conversation/setConversationUIFlag',
+        { isCreating: true },
+        { root: true }
+      );
+      await triggerCampaign({ campaignId, websiteToken, customAttributes });
+      commit('setCampaignExecuted', true);
+      commit('setActiveCampaign', {});
+    } catch (error) {
+      commit('setError', true);
+    } finally {
+      commit(
+        'conversation/setConversationUIFlag',
+        { isCreating: false },
+        { root: true }
+      );
+    }
+  },
+  resetCampaign: async ({ commit }) => {
+    try {
+      commit('setCampaignExecuted', false);
+      commit('setActiveCampaign', {});
+    } catch (error) {
+      commit('setError', true);
+    }
+  },
+};
+
+export const mutations = {
+  setCampaigns($state, data) {
+    $state.records = data;
+    $state.uiFlags.hasFetched = true;
+  },
+  setActiveCampaign($state, data) {
+    $state.activeCampaign = data;
+  },
+  setError($state, value) {
+    $state.uiFlags.isError = value;
+  },
+  setHasFetched($state, value) {
+    $state.uiFlags.hasFetched = value;
+  },
+  setCampaignExecuted($state, data) {
+    $state.campaignHasExecuted = data;
+  },
+};
+
+export default {
+  namespaced: true,
+  state,
+  getters,
+  actions,
+  mutations,
+};