From aba523cbee5137c8d7ee5082b5572e2157c8da32 Mon Sep 17 00:00:00 2001
From: Ash Monsh <wh7r.com@gmail.com>
Date: Thu, 20 Apr 2023 12:41:06 +0300
Subject: [PATCH 1/6] rotate arrows in rtl

---
 components/pages/dashboard/Dashboard.js       | 6 ++++--
 components/pages/settings/teams/TeamsTable.js | 4 +++-
 components/pages/websites/WebsiteMenuView.js  | 4 +++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/components/pages/dashboard/Dashboard.js b/components/pages/dashboard/Dashboard.js
index 6497aba4..26054347 100644
--- a/components/pages/dashboard/Dashboard.js
+++ b/components/pages/dashboard/Dashboard.js
@@ -10,6 +10,7 @@ import EmptyPlaceholder from 'components/common/EmptyPlaceholder';
 import useApi from 'hooks/useApi';
 import useDashboard from 'store/dashboard';
 import useMessages from 'hooks/useMessages';
+import useLocale from 'hooks/useLocale';
 
 export default function Dashboard({ userId }) {
   const { formatMessage, labels, messages } = useMessages();
@@ -19,6 +20,7 @@ export default function Dashboard({ userId }) {
   const { get, useQuery } = useApi();
   const { data, isLoading, error } = useQuery(['websites'], () => get('/websites', { userId }));
   const hasData = data && data.length !== 0;
+  const { dir } = useLocale();
 
   function handleMore() {
     setMax(max + limit);
@@ -33,7 +35,7 @@ export default function Dashboard({ userId }) {
         <EmptyPlaceholder message={formatMessage(messages.noWebsitesConfigured)}>
           <Link href="/settings/websites">
             <Button>
-              <Icon>
+              <Icon rotate={dir === 'rtl' ? 180 : 0}>
                 <Icons.ArrowRight />
               </Icon>
               <Text>{formatMessage(messages.goToSettings)}</Text>
@@ -48,7 +50,7 @@ export default function Dashboard({ userId }) {
           {max < data.length && (
             <Flexbox justifyContent="center">
               <Button onClick={handleMore}>
-                <Icon>
+                <Icon rotate={dir === 'rtl' ? 180 : 0}>
                   <Icons.More />
                 </Icon>
                 <Text>{formatMessage(labels.more)}</Text>
diff --git a/components/pages/settings/teams/TeamsTable.js b/components/pages/settings/teams/TeamsTable.js
index 854b7bd9..3e658f9c 100644
--- a/components/pages/settings/teams/TeamsTable.js
+++ b/components/pages/settings/teams/TeamsTable.js
@@ -6,10 +6,12 @@ import useMessages from 'hooks/useMessages';
 import useUser from 'hooks/useUser';
 import { ROLES } from 'lib/constants';
 import SettingsTable from 'components/common/SettingsTable';
+import useLocale from 'hooks/useLocale';
 
 export default function TeamsTable({ data = [], onDelete }) {
   const { formatMessage, labels } = useMessages();
   const { user } = useUser();
+  const { dir } = useLocale();
 
   const columns = [
     { name: 'name', label: formatMessage(labels.name) },
@@ -64,7 +66,7 @@ export default function TeamsTable({ data = [], onDelete }) {
             {!showDelete && (
               <ModalTrigger>
                 <Button>
-                  <Icon>
+                  <Icon rotate={dir === 'rtl' ? 180 : 0}>
                     <Icons.ArrowRight />
                   </Icon>
                   <Text>{formatMessage(labels.leave)}</Text>
diff --git a/components/pages/websites/WebsiteMenuView.js b/components/pages/websites/WebsiteMenuView.js
index 865311b0..a72004ec 100644
--- a/components/pages/websites/WebsiteMenuView.js
+++ b/components/pages/websites/WebsiteMenuView.js
@@ -18,6 +18,7 @@ import SideNav from 'components/layout/SideNav';
 import usePageQuery from 'hooks/usePageQuery';
 import useMessages from 'hooks/useMessages';
 import styles from './WebsiteMenuView.module.css';
+import useLocale from 'hooks/useLocale';
 
 const views = {
   url: PagesTable,
@@ -37,6 +38,7 @@ const views = {
 
 export default function WebsiteMenuView({ websiteId, websiteDomain }) {
   const { formatMessage, labels } = useMessages();
+  const { dir } = useLocale();
   const {
     resolveUrl,
     query: { view },
@@ -113,7 +115,7 @@ export default function WebsiteMenuView({ websiteId, websiteDomain }) {
         <Link href={resolveUrl({ view: undefined })}>
           <Flexbox justifyContent="center">
             <Button variant="quiet">
-              <Icon rotate={180}>
+              <Icon rotate={dir === 'rtl' ? 0 : 1800}>
                 <Icons.ArrowRight />
               </Icon>
               <Text>{formatMessage(labels.back)}</Text>

From 136f96221898bf541d990854176f7b4fa7377433 Mon Sep 17 00:00:00 2001
From: MBRjun <neko@mbr.moe>
Date: Thu, 20 Apr 2023 21:29:58 +0800
Subject: [PATCH 2/6] i18n: update zh-CN translations

---
 lang/zh-CN.json | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/lang/zh-CN.json b/lang/zh-CN.json
index 6647faf0..c9a98b52 100644
--- a/lang/zh-CN.json
+++ b/lang/zh-CN.json
@@ -1,7 +1,7 @@
 {
   "label.access-code": "访问代码",
   "label.actions": "用户行为",
-  "label.activity-log": "Activity log",
+  "label.activity-log": "活动日志",
   "label.add-website": "添加网站",
   "label.admin": "管理员",
   "label.all": "所有",
@@ -13,7 +13,7 @@
   "label.browsers": "浏览器",
   "label.cancel": "取消",
   "label.change-password": "更新密码",
-  "label.cities": "城市",
+  "label.cities": "市/县",
   "label.clear-all": "清除全部",
   "label.confirm": "确认",
   "label.confirm-password": "确认密码",
@@ -32,7 +32,7 @@
   "label.delete-team": "删除团队",
   "label.delete-user": "删除用户",
   "label.delete-website": "删除网站",
-  "label.desktop": "桌面电脑",
+  "label.desktop": "台式机",
   "label.details": "详细信息",
   "label.devices": "设备",
   "label.dismiss": "关闭",
@@ -41,7 +41,7 @@
   "label.edit-dashboard": "编辑仪表板",
   "label.enable-share-url": "启用共享链接",
   "label.events": "行为类别",
-  "label.filter-combined": "总和",
+  "label.filter-combined": "合并",
   "label.filter-raw": "原始",
   "label.join": "加入",
   "label.join-team": "加入团队",
@@ -72,7 +72,7 @@
   "label.referrers": "来源域名",
   "label.refresh": "刷新",
   "label.regenerate": "重新生成",
-  "label.regions": "地区",
+  "label.regions": "州/省",
   "label.remove": "移除",
   "label.required": "必填",
   "label.reset": "重置",

From 981abd5966c9f54e373d4ab00cae17b204552141 Mon Sep 17 00:00:00 2001
From: MBRjun <neko@mbr.moe>
Date: Thu, 20 Apr 2023 22:41:25 +0800
Subject: [PATCH 3/6] fix: get tracking code correctly

---
 components/pages/settings/websites/TrackingCode.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/pages/settings/websites/TrackingCode.js b/components/pages/settings/websites/TrackingCode.js
index 4f692d21..83bfe87c 100644
--- a/components/pages/settings/websites/TrackingCode.js
+++ b/components/pages/settings/websites/TrackingCode.js
@@ -1,12 +1,13 @@
 import { TextArea } from 'react-basics';
-import { TRACKER_SCRIPT_URL } from 'lib/constants';
 import useMessages from 'hooks/useMessages';
+import useConfig from 'hooks/useConfig';
 
 export default function TrackingCode({ websiteId }) {
   const { formatMessage, messages } = useMessages();
-  const url = TRACKER_SCRIPT_URL.startsWith('http')
-    ? TRACKER_SCRIPT_URL
-    : `${location.origin}${TRACKER_SCRIPT_URL}`;
+  const { trackerScriptName } = useConfig();
+  const url = trackerScriptName.startsWith('http')
+    ? trackerScriptName
+    : `${location.origin}/${trackerScriptName}.js`;
 
   const code = `<script async src="${url}" data-website-id="${websiteId}"></script>`;
 

From a84d2181e709dfa468f4ce49d1626cf8d2971d96 Mon Sep 17 00:00:00 2001
From: Leon Schmidt <mail@leon.wtf>
Date: Thu, 20 Apr 2023 17:14:41 +0200
Subject: [PATCH 4/6] Adjusted tracking script to find parent a-tag for click
 tracking

---
 tracker/index.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/tracker/index.js b/tracker/index.js
index 4d680c7e..74a169d0 100644
--- a/tracker/index.js
+++ b/tracker/index.js
@@ -112,13 +112,21 @@
     };
 
     const callback = e => {
+      const findATagParent = (rootElem, maxSearchDepth) => {
+        let currentElement = rootElem;
+        for (let i = 0; i < maxSearchDepth; i++) {
+          if (currentElement.tagName === 'A') 
+            return currentElement;
+          currentElement = currentElement.parentElement;
+        }
+        return null;
+      };
+
       const el = e.target;
       const anchor =
         el.tagName === 'A'
           ? el
-          : el.parentElement && el.parentElement.tagName === 'A'
-          ? el.parentElement
-          : null;
+          : findATagParent(el, 5);
 
       if (anchor) {
         const { href, target } = anchor;

From 5cd4e9fd8d324868441ff83b724dd56b483fbd15 Mon Sep 17 00:00:00 2001
From: Ash Monsh <wh7r.com@gmail.com>
Date: Thu, 20 Apr 2023 21:08:56 +0300
Subject: [PATCH 5/6] fix some css for RTL

---
 components/common/Favicon.module.css    |  2 +-
 components/common/FilterLink.module.css |  2 +-
 components/layout/Grid.module.css       | 10 +++++-----
 components/metrics/DataTable.module.css |  6 +++---
 components/metrics/Legend.module.css    |  2 +-
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/common/Favicon.module.css b/components/common/Favicon.module.css
index 82c85c42..f8972ad1 100644
--- a/components/common/Favicon.module.css
+++ b/components/common/Favicon.module.css
@@ -1,3 +1,3 @@
 .favicon {
-  margin-right: 8px;
+  margin-inline-end: 8px;
 }
diff --git a/components/common/FilterLink.module.css b/components/common/FilterLink.module.css
index ce3ffa5f..055b7772 100644
--- a/components/common/FilterLink.module.css
+++ b/components/common/FilterLink.module.css
@@ -14,7 +14,7 @@
 
 .row .link {
   display: none;
-  margin-left: 20px;
+  margin-inline-start: 20px;
 }
 
 .row .label {
diff --git a/components/layout/Grid.module.css b/components/layout/Grid.module.css
index 20df43c9..655e4ea2 100644
--- a/components/layout/Grid.module.css
+++ b/components/layout/Grid.module.css
@@ -10,16 +10,16 @@
 }
 
 .row > .col {
-  border-left: 1px solid var(--base300);
+  border-inline-start: 1px solid var(--base300);
 }
 
 .row > .col:first-child {
-  border-left: 0;
-  padding-left: 0;
+  border-inline-start: 0;
+  padding-inline-start: 0;
 }
 
 .row > .col:last-child {
-  padding-right: 0;
+  padding-inline-end: 0;
 }
 
 @media only screen and (max-width: 992px) {
@@ -29,7 +29,7 @@
 
   .row > .col {
     border-top: 1px solid var(--base300);
-    border-left: 0;
+    border-inline-end: 0;
     padding: 20px 0;
   }
 }
diff --git a/components/metrics/DataTable.module.css b/components/metrics/DataTable.module.css
index 070dca1f..c5b2bd7c 100644
--- a/components/metrics/DataTable.module.css
+++ b/components/metrics/DataTable.module.css
@@ -68,8 +68,8 @@
 
 .value {
   width: 50px;
-  text-align: right;
-  margin-right: 10px;
+  text-align: end;
+  margin-inline-end: 10px;
   font-weight: 600;
   cursor: pointer;
 }
@@ -79,7 +79,7 @@
   width: 50px;
   color: var(--base600);
   border-left: 1px solid var(--base600);
-  padding-left: 10px;
+  padding-inline-start: 10px;
   z-index: 1;
 }
 
diff --git a/components/metrics/Legend.module.css b/components/metrics/Legend.module.css
index 5a005db2..dea515f3 100644
--- a/components/metrics/Legend.module.css
+++ b/components/metrics/Legend.module.css
@@ -13,7 +13,7 @@
 }
 
 .label + .label {
-  margin-left: 20px;
+  margin-inline-start: 20px;
 }
 
 .hidden {

From 80aad4ef55347dfb9a498dee541b9bb033105d0f Mon Sep 17 00:00:00 2001
From: php coder <wh7r.com@gmail.com>
Date: Thu, 20 Apr 2023 21:49:42 +0300
Subject: [PATCH 6/6] Update WebsiteMenuView.js

---
 components/pages/websites/WebsiteMenuView.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/pages/websites/WebsiteMenuView.js b/components/pages/websites/WebsiteMenuView.js
index a72004ec..4f705124 100644
--- a/components/pages/websites/WebsiteMenuView.js
+++ b/components/pages/websites/WebsiteMenuView.js
@@ -115,7 +115,7 @@ export default function WebsiteMenuView({ websiteId, websiteDomain }) {
         <Link href={resolveUrl({ view: undefined })}>
           <Flexbox justifyContent="center">
             <Button variant="quiet">
-              <Icon rotate={dir === 'rtl' ? 0 : 1800}>
+              <Icon rotate={dir === 'rtl' ? 0 : 180}>
                 <Icons.ArrowRight />
               </Icon>
               <Text>{formatMessage(labels.back)}</Text>