chore: resolve merge conflicts

Author: NikitK-deriv

.github/workflows/corewebvitals.yml

@@ -53,7 +53,7 @@ jobs:
                   DATADOG_APP_KEY: ${{ secrets.GATSBY_DATADOG_APPLICATION_ID }}
 
             - name: Post audit comment
-              uses: marocchino/sticky-pull-request-comment@v2
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
                   header: Core Web Vitals Audit

.github/workflows/generate-preview-link-eu.yml

@@ -49,7 +49,7 @@ jobs:
                       core.setOutput("comment", comment);
 
             - name: Post Cloudflare Pages Preview comment
-              uses: marocchino/sticky-pull-request-comment@efaaab3fd41a9c3de579aba759d2552635e590fd
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   header: Cloudflare Pages EU Preview Comment
                   number: ${{github.event.pull_request.user.login}}
@@ -168,7 +168,7 @@ jobs:
                       core.setOutput("comment", comment);
             - name: Post Cloudflare Pages Preview comment
               if: success() || failure()
-              uses: marocchino/sticky-pull-request-comment@efaaab3fd41a9c3de579aba759d2552635e590fd
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   header: Cloudflare Pages Preview Comment
                   number: ${{github.event.number}}

.github/workflows/generate-preview-link-row.yml

@@ -50,7 +50,7 @@ jobs:
                       core.setOutput("comment", comment);
 
             - name: Post Cloudflare Pages Preview comment
-              uses: marocchino/sticky-pull-request-comment@efaaab3fd41a9c3de579aba759d2552635e590fd
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   header: Cloudflare Pages ROW Preview Comment
                   number: ${{github.event.pull_request.user.login}}
@@ -169,7 +169,7 @@ jobs:
                       core.setOutput("comment", comment);
             - name: Post Cloudflare Pages Preview comment
               if: success() || failure()
-              uses: marocchino/sticky-pull-request-comment@efaaab3fd41a9c3de579aba759d2552635e590fd
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   header: Cloudflare Pages Preview Comment
                   number: ${{github.event.number}}

.github/workflows/generate-preview-link.yml

@@ -48,7 +48,7 @@ jobs:
                       core.setOutput("comment", comment);
 
             - name: Post Cloudflare Pages Preview comment
-              uses: marocchino/sticky-pull-request-comment@efaaab3fd41a9c3de579aba759d2552635e590fd
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   header: Cloudflare Pages Preview Comment
                   number: ${{github.event.pull_request.user.login}}
@@ -176,7 +176,7 @@ jobs:
                       core.setOutput("comment", comment);
             - name: Post Cloudflare Pages Preview comment
               if: success() || failure()
-              uses: marocchino/sticky-pull-request-comment@efaaab3fd41a9c3de579aba759d2552635e590fd
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   header: Cloudflare Pages Preview Comment
                   number: ${{github.event.number}}

.github/workflows/lighthouse.yml

@@ -37,7 +37,7 @@ jobs:
 
             - name: Add comment to PR
               id: loading_comment_to_pr
-              uses: marocchino/sticky-pull-request-comment@v2
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
                   number: ${{ steps.pr_information.outputs.issue_number }}
@@ -98,7 +98,7 @@ jobs:
 
             - name: Add comment to PR
               id: comment_to_pr
-              uses: marocchino/sticky-pull-request-comment@v2
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
                   number: ${{ github.event.issue.number }}

.github/workflows/smoketests.yml

@@ -87,7 +87,7 @@ jobs:
 
             - name: Leave comment
               if: always() && contains(steps.pr_information.outputs.draft, 'false')
-              uses: marocchino/sticky-pull-request-comment@v2
+              uses: marocchino/sticky-pull-request-comment@331f8f5b4215f0445d3c07b4967662a32a2d3e31
               with:
                   header: Smoke tests status update
                   number: ${{ steps.pr_information.outputs.issue_number }}

src/common/tracking-functions/widget.ts

@@ -0,0 +1,10 @@
+import { Analytics } from '@deriv-com/analytics'
+
+const widgetEvent = (widget_name: 'trustpilot' | 'livechat' | 'whatsapp') => {
+    Analytics.trackEvent('ce_widget_usage_form', {
+        action: 'click',
+        widget_name,
+    })
+}
+
+export default widgetEvent

src/components/hooks/use-social-media-url.tsx

@@ -6,6 +6,7 @@ import LiveChatHover from 'images/svg/layout/chat-hover.svg'
 import useAuthCheck from 'components/hooks/use-auth-check'
 import { getClientInformation, getDomain, getUTMData, isBrowser } from 'common/utility'
 import useBreakpoints from 'components/hooks/use-breakpoints'
+import widgetEvent from 'common/tracking-functions/widget'
 
 const LiveChatButton = () => {
     const url_params = new URLSearchParams((isBrowser() && window.location.search) || '')
@@ -115,7 +116,10 @@ const LiveChatButton = () => {
             {is_livechat_interactive ? (
                 <FloatingButton
                     className="gtm-deriv-livechat"
-                    onClick={() => LC_API.current.open_chat_window()}
+                    onClick={() => {
+                        LC_API.current.open_chat_window()
+                        widgetEvent('livechat')
+                    }}
                 >
                     {(has_hover) => (
                         <img

src/features/components/quill/layout-overlay/live-chat-button/index.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import FloatingButton from '../floating-button'
 import { whatsapp_url } from 'common/constants'
+import widgetEvent from 'common/tracking-functions/widget'
 import WhatsAppIcon from 'images/svg/layout/normal.svg'
 import WhatsAppHover from 'images/svg/layout/hover.svg'
 import useBreakpoints from 'components/hooks/use-breakpoints'
@@ -9,7 +10,12 @@ const WhatsappButton = () => {
     const { is_mobile } = useBreakpoints()
 
     return (
-        <FloatingButton onClick={() => window.open(whatsapp_url, '_blank')}>
+        <FloatingButton
+            onClick={() => {
+                widgetEvent('whatsapp')
+                window.open(whatsapp_url, '_blank')
+            }}
+        >
             {(has_hover) => (
                 <img
                     src={has_hover ? WhatsAppHover : WhatsAppIcon}

src/features/components/quill/layout-overlay/whats-app-button/index.tsx

@@ -619,3 +619,31 @@ export const socialButtonsCareers = [
         'aria-label': 'linkedin',
     },
 ]
+
+export const specialLanguageUrls = {
+    ar: {
+        instagram: 'https://www.instagram.com/deriv_ar/',
+        twitter: 'https://twitter.com/DerivArabic',
+        facebook: 'https://www.facebook.com/derivarabic',
+    },
+    fr: {
+        instagram: 'https://www.instagram.com/deriv_french/',
+        twitter: 'https://twitter.com/DerivFrench',
+        facebook: 'https://www.facebook.com/FrenchDeriv/',
+    },
+    ru: {
+        instagram: 'https://www.instagram.com/deriv_russian/',
+        twitter: 'https://twitter.com/DerivRussian',
+        facebook: 'https://www.facebook.com/RussianDeriv',
+    },
+    es: {
+        instagram: 'https://www.instagram.com/deriv_espanol/',
+        twitter: 'https://twitter.com/derivespanol',
+        facebook: 'https://www.facebook.com/derivespanol',
+    },
+    pt: {
+        instagram: 'https://www.instagram.com/deriv_portugues/',
+        twitter: 'https://twitter.com/DerivPortugues',
+        facebook: 'https://www.facebook.com/derivportugues',
+    },
+}

src/features/components/templates/footer/data.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react'
+import Cookies from 'js-cookie'
 import { Footer } from '@deriv-com/blocks'
 import { qtJoin } from '@deriv/quill-design'
 import {
@@ -8,6 +9,7 @@ import {
     socialButtonsEU,
     socialButtonsROW,
     socialButtonsCPA,
+    specialLanguageUrls,
     warnText,
 } from './data'
 // import { socialIconROW, socialIconEU, socialIconCareer } from './validate-social-icons-data'
@@ -18,12 +20,22 @@ import useRegion from 'components/hooks/use-region'
 import { getLocationPathname } from 'common/utility'
 import useThirdPartyFlags from 'components/hooks/use-third-party-flags'
 
+const overrideWithLang = (buttons, lang) =>
+    buttons.map((button) =>
+        lang in specialLanguageUrls
+            ? button['aria-label'] in specialLanguageUrls[lang]
+                ? { ...button, href: specialLanguageUrls[lang][button['aria-label']] }
+                : button
+            : button,
+    )
+
 export const MainFooter = () => {
-    const { is_eu, is_cpa_plan } = useRegion()
     const [is_career, setIsCareer] = useState(false)
+    const { is_eu, is_cpa_plan } = useRegion()
     const [social_buttons, setSocialButtons] = useState(socialButtonsROW)
     const [warn_text, setWarnText] = useState(warnText)
     const [nav_data, setNavData] = useState(RowFooterNavData)
+    const lang = Cookies.get('user_language') || 'en'
 
     useEffect(() => {
         const current_path = getLocationPathname()
@@ -48,7 +60,8 @@ export const MainFooter = () => {
         const socialIconCPA = filterSocialIcons(cpa_social_media_icons, socialButtonsCPA)
 
         const region_buttons = is_eu ? socialIconEU : is_cpa_plan ? socialIconCPA : socialIconROW
-        setSocialButtons(is_career ? socialIconCareer : region_buttons)
+        const buttons = is_career ? socialIconCareer : region_buttons
+        setSocialButtons(overrideWithLang(buttons, lang))
         if (is_eu) setNavData(EuFooterNavData)
         setWarnText(!is_eu && !is_cpa_plan ? warnText : null)
     }, [

src/features/components/templates/footer/index.tsx

@@ -57,7 +57,7 @@ const useSignupForm = (options?: TSignupFormOptions) => {
 
     const onSignup = ({ email }: FormData) => {
         Analytics?.trackEvent('ce_virtual_signup_form', {
-            action: 'email_confirmation_sent',
+            action: 'started',
             signup_provider: 'email',
             ...analyticsData,
         })

src/features/hooks/use-signup-form/index.tsx

@@ -113,7 +113,7 @@ const LiveMarketCard = <T extends MarketName>({
             onClickBuyButton: is_logged_in
                 ? handleRedirectToTradersHub
                 : () => {
-                      Analytics?.trackEvent('deriv_com_liveprice_cta', {
+                      Analytics?.trackEvent('ce_deriv_com_liveprice_cta', {
                           action: 'click',
                           button: 'buy',
                           instrument: data[key].sym,
@@ -123,7 +123,7 @@ const LiveMarketCard = <T extends MarketName>({
             onClickSellButton: is_logged_in
                 ? handleRedirectToTradersHub
                 : () => {
-                      Analytics?.trackEvent('deriv_com_liveprice_cta', {
+                      Analytics?.trackEvent('ce_deriv_com_liveprice_cta', {
                           action: 'click',
                           button: 'sell',
                           instrument: data[key].sym,