feat(client): client copied from telegram-bot repo

.github/workflows/check.yml

@@ -9,3 +9,5 @@ jobs:
       - uses: actions/checkout@v4
       - uses: ./.github/actions/setup
       - run: yarn check
+      - run: yarn build
+      - run: yarn test

.vscode/beabee.code-workspace

@@ -2,43 +2,47 @@
   "folders": [
     {
       "name": "ROOT",
-      "path": "../",
+      "path": ".."
     },
     {
       "name": "apps/backend",
-      "path": "../apps/backend",
+      "path": "../apps/backend"
     },
     {
       "name": "apps/frontend",
-      "path": "../apps/frontend",
+      "path": "../apps/frontend"
     },
     {
       "name": "apps/legacy",
       "path": "../apps/legacy",
     },
     {
       "name": "apps/router",
-      "path": "../apps/router",
+      "path": "../apps/router"
     },
     {
       "name": "apps/webhooks",
-      "path": "../apps/webhooks",
+      "path": "../apps/webhooks"
     },
     {
       "name": "packages/common",
-      "path": "../packages/common",
+      "path": "../packages/common"
     },
     {
       "name": "packages/core",
-      "path": "../packages/core",
+      "path": "../packages/core"
+    },
+    {
+      "name": "packages/client",
+      "path": "../packages/client"
     },
     {
       "name": "packages/prettier-config",
-      "path": "../packages/prettier-config",
+      "path": "../packages/prettier-config"
     },
     {
       "name": "packages/tsconfig",
-      "path": "../packages/tsconfig",
+      "path": "../packages/tsconfig"
     }
   ],
   "settings": {

README.md

@@ -34,7 +34,7 @@ You need the following tools installed on your machine:
 - Docker Compose >= 2
 - Node.js >= 20.10.0
 - Yarn >= 1.22.22 (automatically uses the Yarn version from the repo)
-- Deno >= 2.0.3
+- Deno >= 2.1.1
 
 ### Initial Setup
 

apps/frontend/Dockerfile

@@ -31,6 +31,7 @@ COPY .yarn /opt/.yarn
 
 # Copy dependencies info
 COPY packages/common/package.json /opt/packages/common/package.json
+COPY packages/client/package.json /opt/packages/client/package.json
 COPY apps/frontend/package.json /opt/apps/frontend/package.json
 
 # Copy config files with dependencies info

apps/frontend/package.json

@@ -12,7 +12,7 @@
     "serve": "vite preview",
     "i18n": "node scripts/i18n.cjs $(git rev-parse --symbolic-full-name --abbrev-ref HEAD)",
     "check": "yarn check:vue-tsc && yarn check:eslint && yarn check:prettier",
-    "check:vue-tsc": "vue-tsc --noEmit",
+    "check:vue-tsc": "node ../../node_modules/vue-tsc/index.js --noEmit",
     "check:eslint": "eslint 'src/**/*.{ts,vue}'",
     "check:prettier": "prettier -c .",
     "format": "prettier --write .",

apps/frontend/src/components/AppExpandableBox.vue

@@ -8,7 +8,7 @@
       :class="
         expanded ? 'relative rounded-b-none hover:bg-white' : 'bg-white/0'
       "
-      @click="expanded = !expanded"
+      @click="(expanded = !expanded)"
     >
       {{ buttonText }}
       <font-awesome-icon :icon="expanded ? faCaretUp : faCaretDown" />

apps/frontend/src/components/button/AppDropdownButton.vue

@@ -7,7 +7,7 @@
     :class="open ? '!rounded-b-none !bg-white' : ''"
     :disabled="disabled"
     :title="title"
-    @click="open = !open"
+    @click="(open = !open)"
   >
     <span v-if="showTitle">{{ title }} </span>
 

apps/frontend/src/components/callout/CalloutResponseComment.vue

@@ -19,14 +19,14 @@
           :icon="faPencil"
           variant="primaryOutlined"
           :title="t('actions.edit')"
-          @click="formVisible = !formVisible"
+          @click="(formVisible = !formVisible)"
         />
         <AppButton
           size="sm"
           :icon="faTrash"
           variant="danger"
           :title="t('actions.delete')"
-          @click="showDeleteModal = true"
+          @click="(showDeleteModal = true)"
         />
       </AppButtonGroup>
     </div>
@@ -35,7 +35,7 @@
       v-if="formVisible"
       :comment="currentComment"
       @submit="handleEditSubmit"
-      @cancel="formVisible = false"
+      @cancel="(formVisible = false)"
     />
     <div v-else class="content-message" v-html="currentComment.text" />
 
@@ -45,7 +45,7 @@
       :cancel="t('actions.noBack')"
       :confirm="t('actions.yesDelete')"
       variant="danger"
-      @close="showDeleteModal = false"
+      @close="(showDeleteModal = false)"
       @confirm="handleDelete"
     >
       <p>{{ t('calloutResponseComments.confirmDelete.text') }}</p>

apps/frontend/src/components/item-manager/ItemManager.vue

@@ -26,7 +26,7 @@
       <ItemManagerForm
         mode="add"
         :data="itemToData(undefined)"
-        @cancel="formVisible = false"
+        @cancel="(formVisible = false)"
         @save="handleAdd"
       >
         <template #default="{ data, mode }">
@@ -38,7 +38,7 @@
       v-else
       class="w-full"
       variant="primaryOutlined"
-      @click="formVisible = true"
+      @click="(formVisible = true)"
     >
       {{ addButtonText }}
     </AppButton>

apps/frontend/src/components/item-manager/ItemManagerItem.vue

@@ -7,13 +7,13 @@
           v-if="!noUpdate"
           size="sm"
           variant="text"
-          @click="formVisible = !formVisible"
+          @click="(formVisible = !formVisible)"
           >{{ t('actions.edit') }}</AppButton
         >
         <AppButton
           size="sm"
           variant="dangerText"
-          @click="showDeleteModal = true"
+          @click="(showDeleteModal = true)"
         >
           {{ t('actions.delete') }}
         </AppButton>
@@ -26,7 +26,7 @@
       class="p-4"
       :data="itemToData(item)"
       @save="handleUpdate"
-      @cancel="formVisible = false"
+      @cancel="(formVisible = false)"
     >
       <template #default="{ data, mode }">
         <slot name="form" :data="data" :mode="mode" />
@@ -39,7 +39,7 @@
       :cancel="t('actions.noBack')"
       :confirm="t('actions.yesRemove')"
       variant="danger"
-      @close="showDeleteModal = false"
+      @close="(showDeleteModal = false)"
       @confirm="onDelete"
     >
       <p>{{ deleteText }}</p>

apps/frontend/src/components/pages/admin/callouts/steps/ContentStep.vue

@@ -23,7 +23,7 @@
               :slide-no="index"
               :slides="slides"
               :active="currentSlideId === element.id"
-              @select="currentSlideId = $event"
+              @select="(currentSlideId = $event)"
             />
           </template>
         </Draggable>

apps/frontend/src/components/pages/admin/contacts/SaveSegment.vue

@@ -5,7 +5,7 @@
   <AppModal
     :open="showModal"
     :title="t('advancedSearch.saveSegment.title')"
-    @close="showModal = false"
+    @close="(showModal = false)"
   >
     <p class="mb-4">
       {{ t('advancedSearch.saveSegment.text') }}

apps/frontend/src/components/pages/callouts/CalloutMapHeader.vue

@@ -21,7 +21,7 @@
       <AppSelectableList
         v-slot="{ item }"
         :items="variantItems"
-        @click="currentVariant = $event.id"
+        @click="(currentVariant = $event.id)"
       >
         <font-awesome-icon :icon="faGlobe" class="mr-2" />{{ item.label }}
       </AppSelectableList>

apps/frontend/src/components/pages/profile/account/ChangePassword.vue

@@ -21,7 +21,7 @@
     :button-text="t('actions.changePassword')"
     :reset-button-text="t('form.cancel')"
     @submit="handleFormSubmit"
-    @reset="showForm = false"
+    @reset="(showForm = false)"
   >
     <div class="mb-4">
       <AppInput

apps/frontend/src/components/pages/profile/account/SetMFA.vue

@@ -21,7 +21,7 @@
     v-if="isEnabled"
     variant="primaryOutlined"
     :icon="faMobileAlt"
-    @click="showDisableConfirmModal = true"
+    @click="(showDisableConfirmModal = true)"
   >
     {{ t(`actions.disable`) }}
   </AppButton>
@@ -30,7 +30,7 @@
     v-else
     variant="primaryOutlined"
     :icon="faMobileAlt"
-    @click="showMFASettingsModal = !showMFASettingsModal"
+    @click="(showMFASettingsModal = !showMFASettingsModal)"
   >
     {{ t(`actions.enable`) }}
   </AppButton>

apps/frontend/src/components/search/operators/DateInput.vue

@@ -5,7 +5,7 @@
     <button
       type="button"
       class="flex-0 bg-primary-20 px-2"
-      @click="isRelative = !isRelative"
+      @click="(isRelative = !isRelative)"
     >
       <font-awesome-icon
         :icon="isRelative ? faCircleArrowRight : faCircleDot"

apps/frontend/src/layouts/menu/TheMenu.vue

@@ -5,7 +5,7 @@
     <div
       class="fixed bottom-0 left-menu right-0 top-0 z-30 h-full w-full cursor-pointer bg-black opacity-30"
       :class="isMenuVisible ? 'block' : 'hidden'"
-      @click="isMenuVisible = false"
+      @click="(isMenuVisible = false)"
     />
 
     <div class="flex cursor-pointer items-center" @click="toggleMenu">

apps/frontend/src/pages/admin/callouts/view/[id]/index.vue

@@ -82,7 +82,7 @@ meta:
       >
         {{ t('actions.reopen') }}
       </ActionButton>
-      <ActionButton :icon="faTrash" @click="showDeleteModal = true">
+      <ActionButton :icon="faTrash" @click="(showDeleteModal = true)">
         {{ t('actions.delete') }}
       </ActionButton>
       <AppConfirmDialog
@@ -91,7 +91,7 @@ meta:
         :cancel="t('actions.noBack')"
         :confirm="t('actions.yesDelete')"
         variant="danger"
-        @close="showDeleteModal = false"
+        @close="(showDeleteModal = false)"
         @confirm="confirmDeleteCallout"
       >
         <p>{{ t('calloutAdminOverview.actions.confirmDelete.text') }}</p>

apps/frontend/src/pages/admin/callouts/view/[id]/responses/[rid].vue

@@ -136,7 +136,7 @@ meta:
         size="sm"
         variant="primaryOutlined"
         class="ml-auto"
-        @click="editMode = !editMode"
+        @click="(editMode = !editMode)"
       >
         {{ t('actions.edit') }}
       </AppButton>

apps/frontend/src/pages/admin/callouts/view/[id]/responses/index.vue

@@ -13,7 +13,7 @@ meta:
       <AppSearch
         v-model="currentRules"
         :filter-groups="filterGroups"
-        @reset="currentRules = undefined"
+        @reset="(currentRules = undefined)"
       >
         <AppSelect
           v-model="currentTag"
@@ -161,7 +161,7 @@ meta:
             "
             class="flex flex-col gap-2"
           >
-            <TagList :tags="item.tags" @select="currentTag = $event" />
+            <TagList :tags="item.tags" @select="(currentTag = $event)" />
             <p v-if="currentInlineComponent && item.answers">
               <font-awesome-icon :icon="faUserPen" class="mr-2" />
               <b>{{ t('calloutResponsesPage.showAnswer') }}:{{ ' ' }}</b>

apps/frontend/src/pages/admin/contacts/[id]/account.vue

@@ -17,7 +17,7 @@ meta:
         <ActionButton
           :icon="faTrash"
           variant="danger"
-          @click="showDeleteModal = true"
+          @click="(showDeleteModal = true)"
         >
           {{ t('contactAccount.confirmDelete.title') }}
         </ActionButton>
@@ -28,7 +28,7 @@ meta:
         :cancel="t('actions.noBack')"
         :confirm="t('actions.yesDelete')"
         variant="danger"
-        @close="showDeleteModal = false"
+        @close="(showDeleteModal = false)"
         @confirm="handleDelete"
       >
         <i18n-t

apps/frontend/src/pages/admin/contacts/[id]/contribution.vue

@@ -35,14 +35,14 @@ meta:
           <ContactCancelContribution
             :id="contact.id"
             :contribution="contributionInfo"
-            @cancel="showCancelDialog = true"
+            @cancel="(showCancelDialog = true)"
           />
           <AppConfirmDialog
             :open="showCancelDialog"
             :title="t('contactContribution.confirmCancel.title')"
             :confirm="t('contactContribution.confirmCancel.confirm')"
             :cancel="t('actions.noBack')"
-            @close="showCancelDialog = false"
+            @close="(showCancelDialog = false)"
             @confirm="handleCancelContribution"
           >
             <p>{{ t('contactContribution.confirmCancel.text') }}</p>